body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%}
header,footer,nav,section,aside,main,article,figure,figcaption{display:block}body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,ol,ul,li,dl,dt,dd,figure,table,th,td,form,fieldset,legend,input,textarea{margin:0;padding:0}table{border-spacing:0;border-collapse:collapse}caption,th,td{text-align:left;text-align:start;vertical-align:top}abbr,acronym{font-variant:normal;border-bottom:1px dotted #666;cursor:help}blockquote,q{quotes:none}fieldset,img,iframe{border:0}ul{list-style-type:none}sup{vertical-align:text-top}sub{vertical-align:text-bottom}del{text-decoration:line-through}ins{text-decoration:none}body{font:12px/1 "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;color:#000}input,button,textarea,select{font-family:inherit;font-size:99%;font-weight:inherit}pre,code{font-family:Monaco,monospace}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}h1{font-size:1.8333em}h2{font-size:1.6667em}h3{font-size:1.5em}h4{font-size:1.3333em}table{font-size:inherit}caption,th{font-weight:700}a{color:#00f}h1,h2,h3,h4,h5,h6{margin-top:1em}h1,h2,h3,h4,h5,h6,p,pre,blockquote,table,ol,ul,form{margin-bottom:12px}
.mobile_menu{position:fixed;z-index:100;display:none}.mobile_menu .inner{height:100%;background:#000;overflow-y:scroll}.mobile_menu.active.position_left{box-shadow:2px 0 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_top{box-shadow:0 2px 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_right{box-shadow:-2px 0 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_bottom{box-shadow:0 -2px 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.no_shadow{box-shadow:none!important}.mobile_menu_trigger{display:none}.mobile_menu_wrapper{position:relative;width:100%;overflow:hidden}.mobile_menu_overlay{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:99}.mobile_menu_overlay.background{background:rgba(0,0,0,.5)}.mobile_menu li.submenu_hide>ul{display:none}.mobile_menu li.submenu_show>ul{display:block}body.ie8 .mobile_menu,body.ie8 .mobile_menu_trigger,body.ie9 .mobile_menu,body.ie9 .mobile_menu_trigger{display:none!important}
/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

@font-face {
	font-family:Assistant;
	src: url(/files/az/fonts/assistant/Assistant-Regular.ttf) format('truetype');
}
@font-face {
	font-family:Assistant-Bold;
	src: url(/files/wm/fonts/PT_Sans/Assistant-Bold.ttf) format('truetype');
}

html, div {
	margin:0; padding:0; box-sizing: border-box
}
body { 
	font:16px Assistant,sans-serif; color: #3B3939; 
}

h1 { font-family:Assistant; font-weight: normal; margin-top:1.25rem; margin-bottom:1.25rem; font-size:44px; font-size:2.75rem; line-height:150%; }
h2 { font-family:Assistant; font-size:40px; font-size: 2.5rem; line-height: 150%; }
h3,h5 { margin:0; padding:0; font-family:Assistant; font-size:32px; font-size: 2rem; }
h4 { color: #6A7950; font-weight: bold; font-size: 1rem; line-height: 150%; }
a { text-decoration:none; color:#3B3939; }
p { font-size:1rem; line-height:150%; }
figure,figure a { display:block; font-size:0; line-height:0; }
img { width:100%; height:auto; }

@media screen and (max-width:1200px) {
	h1 { font-size: 2rem; }
	h2 { font-size: 1.75rem; }
	h3 { font-size: 1.5rem; }
}
@media screen and (max-width:960px) {
	h2 { font-size: 2.5rem; }
	h3 { font-size: 2rem; }
}
@media screen and (max-width:450px) {
	h1 { font-size: 1.5rem; }
	h2 { font-size: 1.35rem; }
	h3 { font-size: 1.15rem; }
}
.ce_gallery>ul li, .content-gallery>ul li
Specificity: (0,1,2)
 {
    padding: .25rem;
}
header {
	width: 100%; height: auto; min-height: 100px;
}
header a {
	color: #839663;
}
header .sticky {
	position: fixed; display: block; width:100%; height: 100px; background: rgba(255,255,255,.89); z-index:100;
}

/* Support both old and new logo classes */
header .sticky .logo,
header .sticky .logo.content-image {
	position: absolute; left: 23px; top: 19px;
}

header .mod_navigation {
	position: absolute; top: 35px; left:350px;
}
header .mod_navigation li {
	display: inline-block; border-right: 1px solid #839663;
}
header .mod_navigation li.mobil {
	display: none;
}
header .mod_navigation li.wir {
	border-right: 0 hidden;
}
header .mod_navigation li a, header .mod_navigation li strong {
	display: block; padding-left: 20px; padding-right: 20px; color: #839663; text-transform: lowercase; font-size: 22px;
}
header .mod_changelanguage { position: absolute; top: 41px; right: 290px; }
header .mod_changelanguage li { display: inline-block; border-right: 1px solid #839663; }
header .mod_changelanguage li.last { border:hidden; }
header .mod_changelanguage li a, header .mod_changelanguage li strong {
	display: block; padding-left: 5px; padding-right: 7px; color: #839663; text-transform: uppercase; 
}

/* Support both old and new hyperlink classes */
header .ce_hyperlink,
header .content-hyperlink {
	position: absolute; top: 38px; right: 145px; background: #839663; display: inline-block; padding: 3px 10px; width: 125px; text-align: center;
}
header .ce_hyperlink a,
header .content-hyperlink a {
	color: #ffffff; text-transform: uppercase;
}
header nav .ce_hyperlink,
header nav .content-hyperlink { 
	display: none; 
}

header .instagram, header .facebook {
	position: absolute; width: 40px; height: 40px; top: 31px;
}
header .instagram {
	right: 78px;
}
header .facebook {
	right: 20px;
}

@media screen and (max-width:1450px) {
	header { min-height: 80px; }
	header .sticky { height: 80px; }
	header .sticky .logo,
	header .sticky .logo.content-image { 
		top: 8px; 
	}
	header .mod_navigation { top: 25px; left:300px; }
	header .mod_changelanguage { top: 31px; }
	header .ce_hyperlink,
	header .content-hyperlink { 
		top: 28px; 
	}
	header .instagram, header .facebook { top:19px; }
}

@media screen and (max-width:1400px) {
	header .sticky .logo,
	header .sticky .logo.content-image { 
		top: 15px; width: 200px; 
	}
	header .mod_navigation { top: 27px; left:250px; }
	header .mod_navigation li a, header .mod_navigation li strong { font-size: 1.15rem; padding-left: 15px; padding-right: 15px; }
}

@media screen and (max-width:1200px) {
	header .sticky .logo,
	header .sticky .logo.content-image { 
		top: 15px; width: 180px; left: 1rem; 
	}
	header .mod_navigation { top: 27px; left:225px; }
	header .mod_navigation li a, header .mod_navigation li strong { font-size: 1.15rem; padding-left: 10px; padding-right: 10px; }
	header .facebook { right: 16px; }
	header .instagram { right: 64px; }
	header .ce_hyperlink,
	header .content-hyperlink { 
		right: 130px; 
	}
	header .mod_changelanguage { right: 270px; }
}	
	
@media screen and (max-width:1130px) {
	header .mod_navigation { display: none; }
	.mod_mobile_menu { right: 16px; top: 22px; position: absolute; z-index: 1000; }
	.mod_mobile_menu .mobile_menu_trigger {
		width: 50px; height: 50px; position: relative; display: block; padding-top: 15px;
	}
	header i { margin-bottom: 24px; }
	header i, header i::before, header i::after { width: 50px; height: 4px; display: inline-block; background-color: #839663; }
	header i::before { top: 0; position: absolute; content: ""; }
	header i::after { top: 30px; position: absolute; content: ""; }
	.mobile_menu { max-width: 300px; }
	.mobile_menu .inner { background: #ffffff; padding: 1rem; }
	.mobile_menu li a, .mobile_menu li strong {
		color: #839663; display: block; border-bottom: 1px solid rgba(112,112,112,.29); font-size: 1rem; line-height: 200%;
	}
	
	/* Support both old and new hyperlink classes in mobile menu */
	.mobile_menu .ce_hyperlink,
	.mobile_menu .content-hyperlink { 
		background: #839663; display: block; padding: 3px 10px; margin-top: 1rem; 
	}
	.mobile_menu .ce_hyperlink a,
	.mobile_menu .content-hyperlink a { 
		color: #ffffff; text-transform: uppercase; display: block; text-align: center; 
	}
	
	header .facebook { right: 82px; }
	header .instagram { right: 130px; }
	header .ce_hyperlink,
	header .content-hyperlink { 
		right: 194px; 
	}
	header .mod_changelanguage { right: 330px; }
	
	header .mod_article { padding-top: 80px; }
}

@media screen and (max-width:600px) {
	header .facebook, header .instagram { display: none; }
	header .ce_hyperlink,
	header .content-hyperlink { 
		right: 82px; 
	}
	header .mod_changelanguage { right: 215px; }
}
@media screen and (max-width:480px) {
	header .ce_hyperlink,
	header .content-hyperlink { 
		display: none; 
	}
	header .mod_changelanguage { right: 82px; }
}
@media screen and (max-width:360px) {
	header .mod_changelanguage { top: 13px; }
	header .mod_changelanguage li { display: block; border: hidden; padding: 3px 0; }
}
/* Support both old and new slider classes */
.slick-slider button,
.ce_slick-slider button {
	position: absolute; width: 46px; height: 46px; top: 50%; margin-top: -23px; border: 0 hidden;
	background: transparent url(../../files/az/grafik/sliderpfeil-links.svg) center center no-repeat; 
	z-index: 50;
}
.slick-slider button.slick-prev,
.ce_slick-slider button.slick-prev {
	left:20px;
}
.slick-slider button.slick-next,
.ce_slick-slider button.slick-next {
	right:20px; background-image: url(../../files/az/grafik/sliderpfeil-rechts.svg);
}

@media screen and (max-width:450px) {
	.slick-slider button,
	.ce_slick-slider button { 
		width: 24px; height: 24px; margin-top: -12px; 
	}
}
main p { font-size: 1.25rem; }

.intro {
	width:100%; background-color: #E2E8D8; color: #3B3939; padding-bottom: 50px;
}

/* Support both old and new text classes */
.intro .ce_text,
.intro .content-text {
	width: 100%; max-width:1064px; margin: 0 auto; text-align: center; padding-top: 20px; float: none;
}
.intro h1 {
	color: #6A7950;
}

/* Support both old and new hyperlink classes */
.intro .content_hyperlink,
.intro .content-hyperlink {
	display: block; width: 140px; margin: 0 auto 2rem; background: #839663; padding: 10px 20px; text-align:center;
}
.intro .content_hyperlink a,
.intro .content-hyperlink a {
	color: #ffffff; text-transform: uppercase;
}

.kacheln {
	width: 100%;
}

/* Support both old and new text classes in kacheln */
.kacheln .ce_text,
.kacheln .content-text {
	width: 50%; position: relative; float: left;
}
.kacheln .ce_text h2,
.kacheln .content-text h2 {
	position: absolute; top: 50%; width: 100%; margin: -60px auto 0; text-align: center;
}
.kacheln .ce_text h3, .kacheln .ce_text p,
.kacheln .content-text h3, .kacheln .content-text p {
	position: absolute; top: 50%; width: 90%; margin: 0 auto 0; text-align: center; padding-left:5%; padding-right: 5%;
}
.kacheln .ce_text.weiss h2, .kacheln .ce_text.weiss h3, .kacheln .ce_text.weiss p, .kacheln .ce_text.weiss a,
.kacheln .content-text.weiss h2, .kacheln .content-text.weiss h3, .kacheln .content-text.weiss p, .kacheln .content-text.weiss a {
	color: #ffffff;
}
.kacheln .ce_text p,
.kacheln .content-text p {
	font-size: 1.25rem;
}
.kacheln .ce_text.button p:last-child a,
.kacheln .content-text.button p:last-child a {
	display: inline-block; width: 150px; height: auto;
	background: #3B3939; padding: 0.5rem 1rem; color: #ffffff; font-size: 1rem; text-transform: uppercase;
}

.kacheln .ce_text .textblock,
.kacheln .content-text .textblock {
	width: 100%; height: auto; bottom: 0; position: absolute; display: block;
	padding-right: 10%; padding-bottom: 5%; padding-left: 10%;
	text-align: center; background-color: rgba(2,0,0,.4); color: #fff;
}
.kacheln .ce_text .textblock h2, .kacheln .ce_text .textblock p, .kacheln .ce_text.button .textblock p:last-child a,
.kacheln .content-text .textblock h2, .kacheln .content-text .textblock p, .kacheln .content-text.button .textblock p:last-child a {
	position: relative; top: auto; margin-top: 1rem;
}
.kacheln .ce_text.button .textblock p:last-child a,
.kacheln .content-text.button .textblock p:last-child a {
	margin-top:1rem;
}

.outro {
	width:100%; background-color: #ffffff; color: #3B3939;
}
.outro .ce_text,
.outro .content-text {
	width: 100%; max-width:1064px; margin: 0 auto; text-align: center; padding-top: 50px; padding-bottom: 50px;
}
.outro h4 {
	margin-bottom: 55px; font-size: 22px;
}

.zimmer .apartment {
	width: 50%; float: left; border-top: 1px solid #E2E8D8;
}
.zimmer h2 {
	font-size: 1.5rem; margin-bottom: 0.25rem;
}
.zimmer .apartment .ce_slick-slider {
	width: 65%; float: left; max-width: 630px; max-height: 530px;
}
.zimmer .ce_slick-slider img {
	width: 100%;
	height: 530px;
	object-fit: cover;
}
.zimmer .apartment .beschreibung {
	width: 35%; float: left; padding: .75rem 1rem 0 1rem;
}
.beschreibung .content-gallery {
	width: 100%;
}
.beschreibung .content-gallery ul li {
	padding:.25rem;
}
.zimmer .apartment .ce_text p,
.zimmer .apartment .content-text p {
	font-size: 15px; line-height: 140%;
}

/* Support both old and new hyperlink classes in beschreibung */
.beschreibung .content-hyperlink_hyperlink,
.beschreibung .content-hyperlink {
	background: #839663; display: inline-block; padding: 10px 20px;
}
.beschreibung .content_hyperlink a,
.beschreibung .content-hyperlink a {
	display: block; color: #ffffff; text-transform: uppercase;
}

.map {
	display: block; width: 50%; float: left;
}
.ext-pdf {
	text-align: center;
}
.ext-pdf a {
	display: inline-block; width: 40px; height: 60px;
	background: url(../../files/az/grafik/icon-pdf.png) left center no-repeat; background-size: 100% auto; 
}

/* Support both old and new form classes */
.gutschein .ce_form,
.gutschein .content-form {
	width: 100%; max-width:1064px; margin: 0 auto; padding: 2rem 1rem ; float: none;
}

.toggler { 
	background: #839663 url(../../files/az/grafik/pfeil-nach-unten-weiss.svg) 16px center no-repeat; background-size: 12px auto;
	line-height: 30px;  font-weight: bold; color: #ffffff; margin-bottom: 3px; padding-left: 3rem;
}
.toggler.active { background-image: url(../../files/az/grafik/pfeil-nach-oben-weiss.svg); }
.toggler:hover { cursor: pointer; }

.allgemein main { padding-bottom: 30px; }
.allgemein .ce_text,
.allgemein .content-text {
	width: 100%; max-width:1064px; margin: 0 auto; 
}
.allgemein .ce_text p,
.allgemein .content-text p { 
	font-size: 1rem; 
}
.allgemein h1 { font-size: 2rem; }
.allgemein h2 { font-size: 1.5rem; }
.allgemein h3 { font-size: 1.25rem; }
.allgemein .ce_text ul,
.allgemein .content-text ul { 
	padding-left: 1rem; list-style-type: disc; 
}

@media screen and (max-width:1600px) {
	.kacheln .ce_text .textblock h2,
	.kacheln .content-text .textblock h2 { 
		font-size: 2rem; 
	}
	.kacheln .ce_text .textblock p,
	.kacheln .content-text .textblock p { 
		font-size: 1.15rem; 
	}
}

@media screen and (max-width:1350px) {
	.zimmer .apartment { width: 100%; }
	.zimmer .apartment .ce_slick-slider { max-width: 900px; }
	.kacheln .ce_text .textblock h2,
	.kacheln .content-text .textblock h2 { 
		font-size: 1.75rem; 
	}
	.kacheln .ce_text .textblock p,
	.kacheln .content-text .textblock p { 
		font-size: 1rem; 
	}
}

@media screen and (max-width:1200px) {
	.intro { padding-bottom: 25px; }
	.intro .ce_text, .outro .ce_text,
	.intro .content-text, .outro .content-text { 
		padding-left:1rem; padding-right: 1rem; 
	}
	.outro .ce_text,
	.outro .content-text { 
		padding-top: 25px; padding-bottom: 25px; 
	}
	.map { width: 60%; }
	.allgemein .ce_text,
	.allgemein .content-text { 
		padding: 0 16px 32px; 
	}
}

@media screen and (max-width:960px) {
	.kacheln .ce_text,
	.kacheln .content-text { 
		width: 100%; float: none; 
	}
	.zimmer .apartment .ce_slick-slider { width: 60%; }
	.zimmer .apartment .beschreibung { width: 40%; }
	.map { width: 100%; }
}

@media screen and (max-width:750px) {
	.zimmer .apartment .ce_slick-slider { width: 100%; }
	.zimmer .apartment .beschreibung { width: 100%; margin-bottom: 2rem; text-align: center; }
	.beschreibung .content-gallery { text-align: center; }
	.beschreibung .content-gallery ul { display: inline-block; width: auto; margin-left: auto; margin-right: auto; text-align: center; }
	.beschreibung .content_hyperlink,
	.beschreibung .content-hyperlink { 
		width: auto; margin-left: auto; margin-right: auto; text-align: center; 
	}
}

@media screen and (max-width:600px) {
	.kacheln .ce_text .textblock,
	.kacheln .content-text .textblock { 
		bottom: auto; position: relative; background-color: #fff; color: #3B3939; margin-bottom: 2rem; padding: 0; 
	}
}

@media screen and (max-width:450px) {
	.kacheln .ce_text h2,
	.kacheln .content-text h2 { 
		margin-top: -40px; font-weight: bold; 
	}
	.kacheln .ce_text .textblock h2,
	.kacheln .content-text .textblock h2 { 
		font-weight: normal; 
	}
	.outro h4 { margin-bottom: 1rem; }
}
/* Support both old and new form classes */
.ce_form,
.content-form {
	width: 50%; float: left; padding: 1rem 1.5rem 1rem 2rem;
}
.ce_form h2,
.content-form h2 {
	font-size: 2rem;
}

form .widget { width: 50%; float:left; display:block; position:relative; padding: 8px 16px 8px 0; }
form .widget.name-vorname { clear: left; }

form .widget-textarea, form .widget-checkbox, form .widget-radio, form .widget-submit { width:100%; }

form select, form input, form textarea {
    width:100%; height:2rem; line-height:2rem; font:1rem Assistant; color:#3B3939; padding:.25rem; box-sizing: border-box;
    border:1px solid #3B3939; border-radius:2px;
}
form textarea { height:180px; }
form .widget-submit { width:50%; margin-left:50%; text-align:right; }
form .widget-submit button {
    width:50%; height:2rem; min-width:100px; background-color:#839663; border:1px solid #839663; border-radius:2px; color:#fff;
}
.widget-calendar img { width:19px; height:19px; right:22px; top:14px; position:absolute; }
form .widget-checkbox fieldset { border:0 hidden; }
form .widget-checkbox label { display:none; }
form .widget-checkbox span { width:10%; float:left; display:block; }
form .widget-checkbox p { width:90%; display:block; float: left; margin:0; }
form .widget-checkbox p a { color:#4D5B72; }

.gutschein form .widget-radio { margin-bottom: 0.5rem; }
form .widget-radio span { display: block; width: 20%; float: left; padding-bottom: 0.5rem; }
form .widget-radio span input.radio { width: 20px; height: 20px; display: block; float: left; margin-right: 1rem; }
form .widget-radio span label { display: block; float: left; }

.gutschein legend { padding: 1rem 0 0.5rem; font-weight: bold; }
.gutschein fieldset fieldset { width: 25%; display: block; float: left; }
.gutschein fieldset fieldset .widget { width: 100%; }
.gutschein .accordion .widget-textarea { width: 50%; }
.gutschein fieldset fieldset.datenschutz { width: 100%; }

form .error { border-color: #ff0000; }

@media screen and (max-width:1200px) {
	.ce_form,
	.content-form {
		width: 40%;
	}
	.ce_form h2,
	.content-form h2 {
		margin: 0;
	}
	form .widget { padding: 4px 8px 4px 0; }
	form select, form input { height: 1.75rem; line-height: 1.5rem; }
}

@media screen and (max-width:960px) {
	.ce_form,
	.content-form {
		width: 100%;
	}
	form .widget-submit button { width: 75%; margin-top: 1rem; }
	.gutschein form .widget-radio span { width: 33%; }
	.gutschein fieldset fieldset { width: 50%; }
	.gutschein fieldset .bereich2 { clear: left; }
	.gutschein .accordion .widget-textarea { margin-top: -72px; }
}
@media screen and (max-width:600px) {
	.gutschein form .widget-radio span { width: 50%; }
	form .widget-submit button { width: 100%; }
}
@media screen and (max-width:450px) {
	form .widget { width: 100%; float:none; }
	form .widget-submit { margin-left: 0; text-align: center; }
	.gutschein form .widget-radio span { width: 100%; }
	.gutschein fieldset fieldset { width: 100%; }
	.gutschein .accordion .widget-textarea { margin-top: 0; width: 100%; }
}
footer {
	width:100%; background-color: #839663; color: #ffffff; padding-top: 2rem; padding-bottom:2rem; overflow: hidden;
}
footer .inside { display: block; width: 100%; max-width: 1064px; margin: 0 auto; padding-left: 16px; padding-right: 16px; }
footer a {
	color: #ffffff;
}
footer .kontakt {
	width: 100%; max-width: 1064px; margin: 0 auto; text-align: center;
}
footer .kontakt h4 {
	text-transform: uppercase; margin-bottom:1rem; color: #ffffff;
}
footer .kontakt a {
	text-transform: uppercase; display: inline-block;
}
footer nav {
	width: 50%; margin-left: auto; margin-right: auto; padding-top: 1rem; text-align: center;
}
footer nav li {
	display: inline-block; border-right: 1px solid #ffffff;
}
footer nav li.last {
	border-right: 0 hidden;
}
footer nav li a, footer nav li strong {
	padding: 3px 10px;
}
footer .social-icons {
	display: block; width: 50%; text-align: center; padding-top: 0.75rem; margin: 0 auto;
}
footer .social-icons .ce_image {
	display: inline-block; padding: 0 8px;
}
footer .social-icons .ce_image svg {
	width: 30px; height: 30px;
}
footer .social-icons .ce_image svg path {
	fill: #ffffff;
}
footer nav .content_hyperlink { display: none; }

.allgemein .hinweis { width: 326px; }
.hinweis {
	position: fixed; right: 2rem; bottom: 2rem; display: flex; width: 326px; align-items: end; justify-content: flex-end;
}
.hinweis .textblock {
	order: 1; background: #fff; border: 3px solid rgb(204,102,51,1); width: 250px; padding: 1rem; color: #393939;
}
.hinweis figure { order: 2; padding-left: 1rem; }
.hinweis figure:hover { cursor:pointer; }
footer .hinweis a { color: #839663; }
.coronavirus .hinweis { display: none; }

@media screen and (max-width:450px) {
	footer nav { width: 100%; }
	.allgemein .hinweis { width: 300px; }
	.hinweis { right: 1rem; width:300px; }
	.hinweis figure { padding-left: 0.5rem; width: 48px; }
}

