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}
#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;-webkit-transform:translate3d(0,0,0)}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url(../../assets/colorbox/images/loading.gif) no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0 0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url(../../assets/colorbox/images/controls.png) no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center}
/*************************************************************/
/*   Design:  AF-CONSULTING.CH		  		     	 	 	 */
/*   File:    screen.css					                 */
/*-----------------------------------------------------------*/
/*   Autor:   Reto Bühler, www.traumwerk.ch	                 */
/*   Datum:   September 2020				                 */
/*   Site: 	  www.af-consulting.ch	    					 */
/*************************************************************/
/*  LAYOUT													 */
/*************************************************************/


/*  GLOBAL													 */
/*************************************************************/

html, body {position: relative; height: 100%; width:100%; font: 62.5% 'ffmetaprocondrg', Arial, Verdana, Helvetica, sans-serif; letter-spacing:0.025em;}
body {font-size:18px; font-size:1.7rem; line-height: 2.4rem; color: #000; background-color: #fff;}

#wrapper {height:auto !important; min-height:100%; height:100%; position:relative; width:100%; padding:0; margin:0 auto; background:none; font-size: 1.8rem; line-height: 2.4rem; text-align:left;}
* html #wrapper {height:100%;}
.mm-page {height:auto !important; min-height:100%; height:100%; position:relative; width:100%; padding:0; margin:0 auto; background:none; z-index:auto;}
* html .mm-page {height:100%;}

.invisible {display: none !important;}

.s1 {font-family:'ffmetaprocondrg'; font-size:4rem; line-height:4.7rem; text-align:center;}
.s2 {font-family:'ffmetaprocondbk'; font-size:4rem; line-height:4.7rem; text-align:center;}
.s3 {font-family:'ffmetaprocondmed'; font-size:4rem; line-height:4.7rem; text-align:center;}
.s4 {font-family:'ffmetaprocondbd'; font-size:4rem; line-height:4.7rem; text-align:center;}
.s5 {font-family:'ffmetaprocondxbold'; font-size:4rem; line-height:4.7rem; text-align:center;}


#header a, #header a:link, #header a:visited {}
#header a:hover, #header a:active {}

#container a, #container a:link, #container a:visited {color:#000; text-decoration:none;}
#container a:hover, #container a:active {color:#000; text-decoration:underline;}

.zentriert {text-align: center !important;}

/*  LOGOANIMATION											 */
/*************************************************************/
#logoanimation {display:none;}
body.home #logoanimation {position:fixed; width: 100vw; height: 100vh; display: flex; justify-content: center; align-items: center; background: #fff; z-index: 5000;}
/* FLEX-TIPP justify-content für horizontal, align-items für vertikal */
#logoanimation .logoanimation-logo {width: 34px; transition: width 4s ease;}
#logoanimation .logoanimation-logo.zoom {width: 600vw;}

/*  HEADER / NAVIGATION									     */
/*************************************************************/
#header {position: fixed; width: 100%; height: 140px; transition: all 0.3s; z-index:1200;}
#header .inside {position:relative; width: 100%; height: 140px; padding:0; margin: 0 auto; transition: all 0.3s;}
#header .inside .mod_article {width:100%; text-align:center; float:left;}
#header .inside .content {position:relative; width: 860px; padding:0; margin: 0 auto; display:inline-block; transition: all 0.3s;}


#header .logo {position: relative; display: inline-block; float: left; width:34px; text-align:left; margin-top: 44px; transition: all 0.3s; z-index: 800;}
#header .logo .image_container {padding:0; margin:0; display:inline-block; width:100%; height:auto;}
#header .logo img {width:100% !important; height:auto !important; transition: all 0.3s;}


#header .logo.mobile {display:none;}


.mobilebtn-wrapper {width:100%; float:left; margin:0; position:fixed; text-align:center; height:140px; z-index:1400;}
.mobilebtn-content {position:relative; width:980px; display:inline-block; margin:0 auto; height:140px; position:relative;}



/*  INHALTSELEMENTE                                          */
/*************************************************************/
#main p {margin:0; padding:8px 0 12px 0;}

#main h1 {margin:0; padding:0 0 8px 0; color:#000; font-family:'ffmetaprocondxbold'; font-weight: normal !important; text-transform:uppercase; font-size:4.2rem; line-height:4.6rem; letter-spacing:0.04em;}
#main h2 {margin:0; padding:0 0 8px 0; color:#000; font-family:'ffmetaprocondxbold'; font-weight: normal !important; text-transform:uppercase; font-size:4.2rem; line-height:4.6rem; letter-spacing:0.04em;}
#main h3 {margin:0; padding:8px 0 0 0; color:#000; font-family:'ffmetaprocondxbold'; font-weight: normal !important; text-transform:uppercase; font-size: 2.0rem; line-height: 2.6rem; letter-spacing:0.025em;}


strong, bold {font-family:'ffmetaprocondxbold'; font-weight:normal !important;}



body #container {padding-top:0; position:relative; z-index:1000;}
body.home #container {padding-top: 0;}




#main {width:100%; margin: 0 auto; background-size:100% auto; float:left;}
#main .inside {padding: 0 0 0 0; float:left; width: 100%; margin: 0 auto;}

#main .mod_article {padding:0; margin: 0 auto; width:100%; float:left; text-align:center;}
#main .mod_article .content {padding: 200px 0 120px 0; width:680px; text-align:left; display:inline-block;}
#main .mod_article.layoutschmal .content {padding: 200px 0 20px 0; width:420px; text-align:left; display:inline-block;}
#main .mod_article.layoutslider .content {padding: 200px 0 20px 0; text-align:center; display:inline-block;}

#main .mod_article.gesamtbreite {width:100%;}
#main .mod_article.gesamtbreite .content {padding: 0 0 0 0; width:100%; text-align:center; position:relative;}
#main .mod_article.gesamtbreite .content .ce_image {padding: 0 0 0 0;}

#main .mod_article.bg-bild-01 {background:url(../../files/Inhalte/AF_Was_erwartet_dich_Desktop.png) center top no-repeat; background-size: cover;}
#main .mod_article.bg-bild-02 {background:url(../../files/Inhalte/AF_Impuls-Workshop_Desktop.png) right top no-repeat; background-size: cover;}

#main .mod_article.bg-bild-03 {background:url(../../files/Inhalte/AF_Weil_ich_anfuehre_Desktop.png) right top no-repeat; background-size: cover;}

#main .mod_article.bg-bild-03 .content {padding: 200px 0 0 0;}

#main .mod_article.bg-bild-ws-01 {background:url(../../files/Inhalte/Workshop/AF_Workshop_Desktop-1.png) right top no-repeat; background-size: cover;}
#main .mod_article.bg-bild-ws-02 {background:url(../../files/Inhalte/Workshop/AF_Workshop_Desktop-2.png) right top no-repeat; background-size: cover;}
#main .mod_article.bg-bild-ws-03 {background:url(../../files/Inhalte/Workshop/AF_Workshop_Desktop-3.png) right top no-repeat; background-size: cover;}
#main .mod_article.bg-bild-ws-04 {background:url(../../files/Inhalte/Workshop/AF_Workshop_Desktop-4.png) right top no-repeat; background-size: cover;}
#main .mod_article.bg-bild-ws-05 {background:url(../../files/Inhalte/Workshop/AF_Workshop_Desktop-5.png) right top no-repeat; background-size: cover;}

/*Text*/
.image_container img {width: 100%; height: auto;}

#main .ce_text {margin-bottom: 0; display: inline-block; width: 100%; text-align:left;}

#main .ce_text.abstand {padding-bottom:120px;}



#main .ce_text.quote-lang {
width:600px;
margin:80px 0 30px 0;
padding:40px 0 16px 0;
background-image: url(../../files/data/graphics/Plus_lang.png), url(../../files/data/graphics/Plus_Linie_lang.png);
background-position: left top, left bottom;
background-repeat: no-repeat, no-repeat;
background-size: 600px auto, 600px auto;
font-family:'ffmetaprocondxbold'; text-transform:uppercase;}

#main .ce_text.quote-kurz {
width:420px;
margin:80px 0 30px 0;
padding:40px 0 16px 0;
background-image: url(../../files/data/graphics/Plus_lang.png), url(../../files/data/graphics/Plus_Linie_lang.png);
background-position: left top, left bottom;
background-repeat: no-repeat, no-repeat;
background-size: 600px auto, 600px auto;
font-family:'ffmetaprocondxbold'; text-transform:uppercase;}

#main .ce_text.quote-kurz-lang {
width:420px;
margin:80px 0 30px 0;
padding:40px 0 16px 0;
background-image: url(../../files/data/graphics/Plus_lang.png), url(../../files/data/graphics/Plus_Linie_lang.png);
background-position: left top, left bottom;
background-repeat: no-repeat, no-repeat;
background-size: 600px auto, 600px auto;
font-family:'ffmetaprocondxbold'; text-transform:uppercase;}

#main .ce_text.nahtlos {margin:30px 0 30px 0;}

#main .ce_text.einzug div {padding-left:64px;}



#main .ce_text.einzug.lang div {width:536px;}
#main .ce_text.einzug.kurz div {width:356px;}


/*List*/
#main .ce_text ul {display:block; margin:0;}

#main .ce_text ul li {vertical-align:top; list-style: none; padding:0 0 0 10px; margin:0; background: url(../../files/data/graphics/icon-list-slash.png) no-repeat left 2px; background-size:6px 15px;}

#main .ce_text ol {
    counter-reset:li; /* Initiate a counter */
    margin-left:0; /* Remove the default left margin */
    padding-left:0; /* Remove the default left padding */
}
#main .ce_text ol > li {
    position:relative; /* Create a positioning context */
    margin:0 0 0 20px; /* Give each list item a left margin to make room for the numbers */
    list-style:none; /* Disable the normal item numbering */
}
#main .ce_text ol > li:before {
    content:counter(li)"."; /* Use the counter as content */
    counter-increment:li; /* Increment the counter by 1 */
    /* Position and style the number */
    position:absolute;
    left: -17px;
    top: 1px;
    font-size: 1.7rem;
    color: #D21136;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
}

#main .mod_article.layoutslider .content .ce_text.first {width: 70%;}

.ce_dlh_googlemaps {width:420px; height:420px; display:inline-block;}
.ce_dlh_googlemaps .dlh_googlemap {width:420px; height:420px; display:inline-block;}


/*  SLIDER - HOME - CUSTOMSECTION							 */
/*************************************************************/
#slider {height:auto; width:100%; position:relative; z-index:1100; margin:0; padding:0; float:left;

}
#slider .inside {width:100%;}



/*  SLIDER                                                   */
/*************************************************************/
#sliderart {position:relative;}
.slick-slider {overflow: hidden;}

.custom #sliderart .slick-container {max-height: none; overflow: hidden;}

.custom #sliderart {position:relative;}
.custom #sliderart .slick-container {overflow: hidden;}
.custom #sliderart .slick-container .slick-slide {}
.custom #sliderart .slick-container .slick-slide img {width: 100%; height: auto;}


.custom #sliderart .slide-text {position: absolute; bottom: 45.5%; text-align: center; width:100%;}
.custom #sliderart .slide-text .ce_text {position:relative; width:868px; margin:0 auto; display:block; font-family:'ffmetaprocondmed'; font-size:2.6rem; line-height:2.0rem; text-transform:none; text-align:left; color:#000; letter-spacing:0em;}
.custom #sliderart .slide-text .ce_text strong {color:#000; font-family:'ffmetaprocondxbold'; font-weight:none !important; text-transform:uppercase; font-size:4.6rem; line-height:4.2rem; letter-spacing:0.05em;}
.custom #sliderart .slide-text .ce_text p.schriftgross strong {font-size:8.5rem; line-height:7.3rem;}


#main .slick-list {width:70%; margin:0 auto !important;}
.slick-container .slick-prev {
    position: absolute;
    top: 40%;
    left: 0;
    background: url(../../files/data/graphics/Pfeil_links.svg) center left no-repeat;
    width: 20px;
    height: 40px;
    background-size: 14px auto;
    cursor: pointer;
    transition: background 0.3s ease;
    border: none;
	outline:none;
}
.slick-container .slick-next {
    position: absolute;
    top: 40%;
    right: 0;
    background: url(../../files/data/graphics/Pfeil_rechts.svg) center right no-repeat;
    width: 20px;
    height: 40px;
    background-size: 14px auto;
    cursor: pointer;
    transition: background 0.3s ease;
    border: none;
	outline:none;
}

.slick-slide {outline: none;}


#main .ce_text.desktop {display:block;}
#main .ce_text.mobile {display:none;}

.headslider.slider-desktop {display:block;}
.headslider.slider-mobile {display:none;}

img {vertical-align:bottom;}


#main .ce_text.contacticons {text-align: center;}

#container .ce_text p.phone {width:32px; height:34px; float:left; margin:16px 0 0 0; display:inline-block; text-align:left;}
#container .ce_text p.phone a {background:url(../../files/data/graphics/Phone_schwarz.svg) left 2px no-repeat; width:32px; height:34px; background-size:32px auto; float:left; text-decoration:none !important;}

#container .ce_text p.mail {width:30px; height:34px; float:none; margin:16px 0 0 0; display:inline-block; text-align:center;}
#container .ce_text p.mail a {background:url(../../files/data/graphics/Mail_schwarz.svg) left 13px no-repeat; width:30px; height:34px; background-size:30px auto; float:left; text-decoration:none !important;}

#container .ce_text p.googlemaps {width:24px; height:34px; float:right; margin:16px 0 0 0; display:inline-block; text-align:right;}
#container .ce_text p.googlemaps a {background:url(../../files/data/graphics/Navi_schwarz.svg) left top no-repeat; width:24px; height:34px; background-size:24px auto; float:left; text-decoration:none !important;}

.booking {width:100%; float:left; margin:24px 0 0 0;}
.booking p {font-family: 'ffmetaprocondxbold'; text-align: right; width:420px; display: inline-block;}
.booking p a {background:#ffcd47; float: right; border: 1px solid #000; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; padding: 4px 24px; transition: all 0.3s ease;}
.booking p a:hover {background:#000; transition: all 0.3s ease; color:#fff !important; text-decoration:none !important;}

/*  LIGHTBOX	                                             */
/*************************************************************/
#cboxTitle {display: none !important;} 
#cboxLoadedContent {border: none;} 
#cboxNext {background: url("../../files/data/graphics/icon-cbox-next.svg"); width: 45px; position: absolute; right: 15px; height: 65px; top: 53%; background-position: center; background-repeat: no-repeat; background-size: contain;} 
#cboxPrevious {background: url("../../files/data/graphics/icon-cbox-prev.svg"); width: 45px; position: absolute; left: 15px; height: 65px; top: 53%; background-position: center; background-repeat: no-repeat; background-size: contain;} 
#cboxClose {background: url("../../files/data/graphics/icon-cbox-close.svg"); width: 45px; position: absolute; right: 15px; top: 15px; height: 45px; background-position: center; background-repeat: no-repeat; background-size: contain;} 
#cboxCurrent {font-size: 14px;} 

/*  FIXES		                                             */
/*************************************************************/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height:0px;}
.clearfix {display: block;}
/* End hide from IE-mac */


/* Desktop-Mobile Settings */
#header #mod_nav_mobile {display:none;}
#header a.mobilebtn {display:none;}

.adresse-desktop {display:block !important;}
.adresse-mobile {display:none !important;}

.mod_mmenu_article.mm-opened {display:none !important;}


.home li.anker {display:none !important;}
li.home {display:none !important;}
.home li.home {display:inline-block !important;}


/*  MEDIA QUERIES                                            */
/*************************************************************/
@media screen and (max-width: 1730px) {
#main .mod_article.bg-bild-03 {background:url(../../files/Inhalte/AF_Weil_ich_anfuehre_Desktop.png) right -200px top no-repeat; background-size: cover;}
}

@media screen and (max-width: 1400px) {
#main .mod_article.bg-bild-03 {background:url(../../files/Inhalte/AF_Weil_ich_anfuehre_Desktop.png) right -350px top no-repeat; background-size: cover;}
}

@media screen and (max-width: 1080px) {
#main .mod_article.bg-bild-02 {background:url(../../files/Inhalte/AF_Impuls-Workshop_Desktop.png) right -40px top no-repeat; background-size: cover;}

}

@media screen and (max-width: 980px) {
#main .mod_article.bg-bild-02 {background:url(../../files/Inhalte/AF_Impuls-Workshop_Desktop.png) right -80px top no-repeat; background-size: cover;}
#main .mod_article.bg-bild-03 {background:url(../../files/Inhalte/AF_Weil_ich_anfuehre_Desktop.png) right -440px top no-repeat; background-size: cover;}
}

@media screen and (max-width: 940px) {
#header .inside .content {width: 92%;}
.custom #sliderart .slide-text .ce_text {width: 93%;}
}

@media screen and (max-width: 840px) {
#main .mod_article .content {padding: 200px 0 120px 0; width: 92%;}
#main .mod_article.layoutslider .content {width: 80%;}
}

@media screen and (max-width: 740px) {
#main .mod_article.bg-bild-01 {background:url(../../files/Inhalte/AF_Was_erwartet_dich_Mobile.png) center top no-repeat #f0f0f0; background-size:100% auto;}
#main .mod_article.bg-bild-02 {background:url(../../files/Inhalte/AF_Impuls-Workshop_Mobile.png) center top no-repeat #f0f0f0; background-size:100% auto;}
#main .mod_article.bg-bild-03 {background:url(../../files/Inhalte/AF_Weil_ich_anfuehre_Mobile.png) center top no-repeat; background-size:100% auto;}

#main .mod_article.bg-bild-ws-01 {background:url(../../files/Inhalte/Workshop/AF_Workshop_Mobile-1.png) center top no-repeat #f0f0f0; background-size:100% auto;}
#main .mod_article.bg-bild-ws-02 {background:url(../../files/Inhalte/Workshop/AF_Workshop_Mobile-2.png) center top no-repeat #f0f0f0; background-size:100% auto;}
#main .mod_article.bg-bild-ws-03 {background:url(../../files/Inhalte/Workshop/AF_Workshop_Mobile-3.png) center top no-repeat; background-size:100% auto;}
#main .mod_article.bg-bild-ws-04 {background:url(../../files/Inhalte/Workshop/AF_Workshop_Mobile-4.png) center top no-repeat #f0f0f0; background-size:100% auto;}
#main .mod_article.bg-bild-ws-05 {background:url(../../files/Inhalte/Workshop/AF_Workshop_Mobile-5.png) center top no-repeat; background-size:100% auto;}

#main .mod_article .content {padding: 80px 0 80px 0;}

#main .ce_text.quote-lang {margin: 10px 0 30px 0;}
#main .ce_text.quote-kurz {margin: 10px 0 30px 0; width:100%;}
#main .ce_text.quote-kurz-lang {margin: 10px 0 30px 0; width:100%;}

#main .mod_article .content {width: 70%;}

#main .mod_article.bg-bild-01 .content {
    padding: 55.18955873213176% 0 30px 0;
    margin: -34px 0 0 0;
    width: 70%;}
#main .mod_article.bg-bild-02 .content {
    padding: 55.18955873213176% 0 30px 0;
    margin: -34px 0 0 0;
    width: 70%;}
#main .mod_article.bg-bild-03 .content {
    padding: 55.18955873213176% 0 30px 0;
    margin: -34px 0 0 0;
    width: 70%;}

#main .mod_article.bg-bild-ws-01 .content {
    padding: 55.18955873213176% 0 30px 0;
    margin: -34px 0 0 0;
    width: 70%;}
#main .mod_article.bg-bild-ws-02 .content {
    padding: 55.18955873213176% 0 30px 0;
    margin: -34px 0 0 0;
    width: 70%;}
#main .mod_article.bg-bild-ws-03 .content {
    padding: 55.18955873213176% 0 30px 0;
    margin: -34px 0 0 0;
    width: 70%;}
#main .mod_article.bg-bild-ws-04 .content {
    padding: 55.18955873213176% 0 30px 0;
    margin: -34px 0 0 0;
    width: 70%;}
#main .mod_article.bg-bild-ws-05 .content {
    padding: 55.18955873213176% 0 30px 0;
    margin: -34px 0 0 0;
    width: 70%;}

#main .ce_text.desktop {display:none;}
#main .ce_text.mobile {display:block;}

#main .mod_article.bg-bild-01 .content .ce_text.einzug div {padding-left: 64px;}
#main .mod_article.bg-bild-03 .content .ce_text.einzug div {padding-left: 64px;}

#main .ce_text.quote-lang {width:100%;}


#main .mod_article.layoutschmal .content {padding: 180px 0 20px 0; width: 70%;}
#main .mod_article.layoutschmal .content .ce_text {padding-left: 64px; width:auto;}

#main .mod_article.layoutslider .content {padding:180px 0 20px 0; width: 70%;}

.ce_dlh_googlemaps {width: 340px; height: 340px; padding-left: 64px;}
.ce_dlh_googlemaps .dlh_googlemap {width: 340px; height: 340px;}


.headslider.slider-desktop {display:none;}
.headslider.slider-mobile {display:block;}


.custom #sliderart .slide-text {position: absolute; bottom: 52%; text-align: center; width:100%;}
.custom #sliderart .slide-text .ce_text {font-size:2.4rem; line-height:1.6rem; letter-spacing:0.03em;}
.custom #sliderart .slide-text .ce_text strong {font-size:3.6rem; line-height:4.0rem; letter-spacing:0.04em;}
.custom #sliderart .slide-text .ce_text p.schriftgross strong {font-size:7.2rem; line-height:6.0rem;}
.custom #sliderart .slide-text .ce_text p {margin:0 0 6px 0;}

#main .ce_text.contacticons {text-align: center; width:340px !important;}

.booking p {width:100%;}

}

@media screen and (max-width: 640px) {
#main .mod_article .content {width: 80%; float:left; padding-left:4%; padding-right:16%;}

#main .mod_article.bg-bild-01 .content {width: 80%; float:left; padding-left:4%; padding-right:16%;}
#main .mod_article.bg-bild-02 .content {width: 80%; float:left; padding-left:4%; padding-right:16%;}
#main .mod_article.bg-bild-03 .content {width: 420px; float:left; padding-left:4%; padding-right:0;}


#main .mod_article.bg-bild-01 .content .ce_text.einzug div {padding-left: 64px; width: auto;}
#main .mod_article.bg-bild-03 .content .ce_text.einzug div {padding-left: 64px; width: auto;}

#main .ce_text.quote-kurz {}
#main .mod_article.bg-bild-01 .content .ce_text.quote-kurz {width: 100%;}

#main .mod_article.layoutslider .content {padding:120px 10% 20px 10%; width: 80%;}

#main .mod_article.layoutschmal .content {padding: 120px 0 20px 4%; width: 80%; float:left;}
.ce_dlh_googlemaps {width: 335px; height: 335px;}
.ce_dlh_googlemaps .dlh_googlemap {width: 335px; height: 335px;}

#main .ce_text.contacticons {text-align: center; width:335px !important;}
}


@media screen and (max-width: 499px) {
#header {height: 96px;}
#header .inside {height: 96px;}	
	
#main h1 {margin:0; padding:0 0 8px 0; color:#000; font-family:'ffmetaprocondxbold'; font-weight: normal !important; text-transform:uppercase; font-size:3.7rem; line-height:4.1rem; letter-spacing:0.04em;}
#main h2 {margin:0; padding:0 0 8px 0; color:#000; font-family:'ffmetaprocondxbold'; font-weight: normal !important; text-transform:uppercase; font-size:3.7rem; line-height:4.1rem; letter-spacing:0.04em;}

#main .mod_article .content {width: 78.5%; float:left; padding-left:4%; padding-right:17.5%;}

#main .mod_article.bg-bild-01 .content {width: 78.5%; float:left; padding-left:4%; padding-right:17.5%;}
#main .mod_article.bg-bild-02 .content {width: 78.5%; float:left; padding-left:4%; padding-right:17.5%;}
#main .mod_article.bg-bild-03 .content {width: 78.5%; float:left; padding-left:4%; padding-right:17.5%;}

#main .mod_article.bg-bild-01 .content .ce_text.einzug div {padding-left: 50px; width: auto;}
#main .mod_article.bg-bild-02 .content .ce_text.einzug div {width:auto;}
#main .mod_article.bg-bild-03 .content .ce_text.einzug div {padding-left: 50px; width: auto;}

#main .mod_article.bg-bild-01 .content {margin: -30px 0 0 0;}
#main .mod_article.bg-bild-02 .content {margin: -30px 0 0 0;}
#main .mod_article.bg-bild-03 .content {margin: -30px 0 0 0;}



#main .ce_text.quote-lang {
background-image: url(../../files/data/graphics/Plus_lang.png), url(../../files/data/graphics/Plus_Linie_lang.png);
background-position: left top, left bottom;
background-repeat: no-repeat, no-repeat;
background-size: 500px auto, 500px auto;
font-family:'ffmetaprocondxbold'; text-transform:uppercase;}

#main .ce_text.quote-kurz {
width:100%;
background-image: url(../../files/data/graphics/Plus_lang.png), url(../../files/data/graphics/Plus_Linie_lang.png);
background-position: left top, left bottom;
background-repeat: no-repeat, no-repeat;
background-size: 500px auto, 500px auto;
font-family:'ffmetaprocondxbold'; text-transform:uppercase;}


#main .ce_text.quote-kurz-lang {
width:100%;
background-image: url(../../files/data/graphics/Plus_lang.png), url(../../files/data/graphics/Plus_Linie_lang.png);
background-position: left top, left bottom;
background-repeat: no-repeat, no-repeat;
background-size: 500px auto, 500px auto;
font-family:'ffmetaprocondxbold'; text-transform:uppercase;}



#main .ce_text.einzug div {padding-left:50px;}

.custom #sliderart .slide-text {position: absolute; bottom: 53.5%; text-align: center; width:100%;}
.custom #sliderart .slide-text .ce_text {font-size:1.9rem; line-height:1.2rem; letter-spacing:0.01em;}
.custom #sliderart .slide-text .ce_text strong {font-size:2.8rem; line-height:3.2rem; letter-spacing:0.02em;}
.custom #sliderart .slide-text .ce_text p.schriftgross strong {font-size:5.5rem; line-height:4.5rem; letter-spacing:0.02em;}
.custom #sliderart .slide-text .ce_text p {margin:0 0 6px 0;}

#header .logo {margin-top: 28px;}

#main .mod_article.layoutschmal .content {
    width: 70%;
    float: left;
    padding-left: 15%;
    padding-right: 15%;}
	
#main .mod_article.layoutschmal .content .ce_text {padding-left:0;}	

#main .mod_article.layoutslider .content {padding:120px 4% 20px 4%; width: 92%;}
#main .mod_article.layoutslider .content .ce_text.first {width: 74%;}

#main .slick-list {width: 74%;}

.adresse-desktop {display:none !important;}
.adresse-mobile {display:block !important;}

.ce_dlh_googlemaps {width: 100%; height: 328px; padding-left:0;}
.ce_dlh_googlemaps .dlh_googlemap {width: 100%; height: 328px;}

#main .ce_text.contacticons {text-align: center; width:100% !important;}

/*  LOGOANIMATION											 */
/*************************************************************/
#logoanimation {display:none;}
body.home #logoanimation {position:fixed; width: 100vw; height: 100vh; display: flex; justify-content: center; align-items: center; background: #fff; z-index: 5000;}
/* FLEX-TIPP justify-content für horizontal, align-items für vertikal */
#logoanimation .logoanimation-logo {width: 34px; transition: width 3s ease;}
#logoanimation .logoanimation-logo.zoom {width: 600vw;}



}
@media screen and (max-width: 399px) {
.ce_dlh_googlemaps {width: 100%; height: 258px; padding-left:0;}
.ce_dlh_googlemaps .dlh_googlemap {width: 100%; height: 258px;}
}
@media screen and (max-width: 369px) {
#main .mod_article.bg-bild-02 .content .ce_text.einzug div {width: auto;}
}

@media screen and (max-height: 639px) and (min-width: 740px) {
.custom #sliderart .slide-text {position: absolute; bottom: 45%; text-align: center; width:100%;}
.custom #sliderart .slide-text .ce_text {font-size:2.4rem; line-height:1.6rem; letter-spacing:0.03em;}
.custom #sliderart .slide-text .ce_text strong {font-size:3.6rem; line-height:4.0rem; letter-spacing:0.04em;}
.custom #sliderart .slide-text .ce_text p.schriftgross strong {font-size:7.2rem; line-height:6.0rem;}
.custom #sliderart .slide-text .ce_text p {margin:0 0 6px 0;}

.custom #sliderart .slide-text {}
}

@media screen and (max-height: 539px) and (min-width: 740px) {
.custom #sliderart .slide-text {position: absolute; bottom: auto; top:100px; text-align: center; width:100%;}
.custom #sliderart .slide-text .ce_text {font-size:1.9rem; line-height:1.1rem; letter-spacing:0.03em;}
.custom #sliderart .slide-text .ce_text strong {font-size:2.6rem; line-height:3.0rem; letter-spacing:0.04em;}
.custom #sliderart .slide-text .ce_text p.schriftgross strong {font-size:6.2rem; line-height:5.0rem;}
.custom #sliderart .slide-text .ce_text p {margin:0 0 6px 0;}

.custom #sliderart .slide-text {}
}

@media screen and (max-height: 639px) and (min-width: 450px) {
.custom #sliderart .slide-text {position: absolute; bottom: auto; top:100px; text-align: center; width:100%;}
.custom #sliderart .slide-text .ce_text {font-size:1.9rem; line-height:1.1rem; letter-spacing:0.03em;}
.custom #sliderart .slide-text .ce_text strong {font-size:2.6rem; line-height:3.0rem; letter-spacing:0.04em;}
.custom #sliderart .slide-text .ce_text p.schriftgross strong {font-size:6.2rem; line-height:5.0rem;}
.custom #sliderart .slide-text .ce_text p {margin:0 0 6px 0;}

.custom #sliderart .slide-text {}
}

@media screen and (max-height: 499px) and (min-width: 300px) {
.custom #sliderart .slide-text {bottom: auto; top:100px;}
.headslider.slider-desktop {display:block;}
.headslider.slider-mobile {display:none;}

}

@media screen and (max-height: 450px) and (min-width: 450px) {
.custom #sliderart .slide-text {position: absolute; bottom: auto; top:100px; text-align: center; width:100%;}
.custom #sliderart .slide-text .ce_text {font-size:1.9rem; line-height:1.1rem; letter-spacing:0.03em;}
.custom #sliderart .slide-text .ce_text strong {font-size:2.6rem; line-height:3.0rem; letter-spacing:0.04em;}
.custom #sliderart .slide-text .ce_text p.schriftgross strong {font-size:6.2rem; line-height:5.0rem;}
.custom #sliderart .slide-text .ce_text p {margin:0 0 6px 0;}

.headslider.slider-desktop {display:block;}
.headslider.slider-mobile {display:none;}

}

@media screen and (max-height: 450px) and (max-width: 699px) {
.custom #sliderart .slide-text {position: absolute; bottom: auto; top:100px; text-align: center; width:100%;}
.custom #sliderart .slide-text .ce_text {font-size:1.5rem; line-height:1.4rem; letter-spacing:0.025em;}
.custom #sliderart .slide-text .ce_text strong {font-size:2.0rem; line-height:2.0rem; letter-spacing:0.03em;}
.custom #sliderart .slide-text .ce_text p.schriftgross strong {font-size:3.7rem; line-height:3.2rem;}
.custom #sliderart .slide-text .ce_text p {margin:0 0 6px 0;}

.headslider.slider-desktop {display:block;}
.headslider.slider-mobile {display:none;}

}


/*  FONTS                                                    */
/*************************************************************/
/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on September 2, 2020 */



@font-face {
    font-family: 'ffmetaprocondbd';
    src: url('../../files/data/styles/ffmetaprocondbd-webfont.eot');
    src: url('../../files/data/styles/ffmetaprocondbd-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../files/data/styles/ffmetaprocondbd-webfont.woff2') format('woff2'),
         url('../../files/data/styles/ffmetaprocondbd-webfont.woff') format('woff'),
         url('../../files/data/styles/ffmetaprocondbd-webfont.ttf') format('truetype'),
         url('../../files/data/styles/ffmetaprocondbd-webfont.svg#webfontregular') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'ffmetaprocondbk';
    src: url('../../files/data/styles/ffmetaprocondbk-webfont.eot');
    src: url('../../files/data/styles/ffmetaprocondbk-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../files/data/styles/ffmetaprocondbk-webfont.woff2') format('woff2'),
         url('../../files/data/styles/ffmetaprocondbk-webfont.woff') format('woff'),
         url('../../files/data/styles/ffmetaprocondbk-webfont.ttf') format('truetype'),
         url('../../files/data/styles/ffmetaprocondbk-webfont.svg#webfontregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ffmetaprocondmed';
    src: url('../../files/data/styles/ffmetaprocondmed-webfont.eot');
    src: url('../../files/data/styles/ffmetaprocondmed-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../files/data/styles/ffmetaprocondmed-webfont.woff2') format('woff2'),
         url('../../files/data/styles/ffmetaprocondmed-webfont.woff') format('woff'),
         url('../../files/data/styles/ffmetaprocondmed-webfont.ttf') format('truetype'),
         url('../../files/data/styles/ffmetaprocondmed-webfont.svg#webfontregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ffmetaprocondrg';
    src: url('../../files/data/styles/ffmetaprocondrg-webfont.eot');
    src: url('../../files/data/styles/ffmetaprocondrg-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../files/data/styles/ffmetaprocondrg-webfont.woff2') format('woff2'),
         url('../../files/data/styles/ffmetaprocondrg-webfont.woff') format('woff'),
         url('../../files/data/styles/ffmetaprocondrg-webfont.ttf') format('truetype'),
         url('../../files/data/styles/ffmetaprocondrg-webfont.svg#webfontregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ffmetaprocondxbold';
    src: url('../../files/data/styles/ffmetaprocondxbold-webfont.eot');
    src: url('../../files/data/styles/ffmetaprocondxbold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../files/data/styles/ffmetaprocondxbold-webfont.woff2') format('woff2'),
         url('../../files/data/styles/ffmetaprocondxbold-webfont.woff') format('woff'),
         url('../../files/data/styles/ffmetaprocondxbold-webfont.ttf') format('truetype'),
         url('../../files/data/styles/ffmetaprocondxbold-webfont.svg#webfontregular') format('svg');
    font-weight: normal;
    font-style: normal;

}















@font-face {
    font-family: 'nowaybold';
    src: url('../../files/data/styles/noway-bold-webfont.eot');
    src: url('../../files/data/styles/noway-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../files/data/styles/noway-bold-webfont.woff2') format('woff2'),
         url('../../files/data/styles/noway-bold-webfont.woff') format('woff'),
         url('../../files/data/styles/noway-bold-webfont.ttf') format('truetype'),
         url('../../files/data/styles/noway-bold-webfont.svg#nowaybold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'nowaylight';
    src: url('../../files/data/styles/noway-light-webfont.eot');
    src: url('../../files/data/styles/noway-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../files/data/styles/noway-light-webfont.woff2') format('woff2'),
         url('../../files/data/styles/noway-light-webfont.woff') format('woff'),
         url('../../files/data/styles/noway-light-webfont.ttf') format('truetype'),
         url('../../files/data/styles/noway-light-webfont.svg#nowaylight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'nowayregular';
    src: url('../../files/data/styles/noway-regular-webfont.eot');
    src: url('../../files/data/styles/noway-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../files/data/styles/noway-regular-webfont.woff2') format('woff2'),
         url('../../files/data/styles/noway-regular-webfont.woff') format('woff'),
         url('../../files/data/styles/noway-regular-webfont.ttf') format('truetype'),
         url('../../files/data/styles/noway-regular-webfont.svg#nowayregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'nowaybold_italic';
    src: url('../../files/data/styles/noway_bold_italic-webfont.eot');
    src: url('../../files/data/styles/noway_bold_italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../files/data/styles/noway_bold_italic-webfont.woff2') format('woff2'),
         url('../../files/data/styles/noway_bold_italic-webfont.woff') format('woff'),
         url('../../files/data/styles/noway_bold_italic-webfont.ttf') format('truetype'),
         url('../../files/data/styles/noway_bold_italic-webfont.svg#nowaybold_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'nowaylight_italic';
    src: url('../../files/data/styles/noway_light_italic-webfont.eot');
    src: url('../../files/data/styles/noway_light_italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../files/data/styles/noway_light_italic-webfont.woff2') format('woff2'),
         url('../../files/data/styles/noway_light_italic-webfont.woff') format('woff'),
         url('../../files/data/styles/noway_light_italic-webfont.ttf') format('truetype'),
         url('../../files/data/styles/noway_light_italic-webfont.svg#nowaylight_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'nowayitalic';
    src: url('../../files/data/styles/noway_regular_italic-webfont.eot');
    src: url('../../files/data/styles/noway_regular_italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../files/data/styles/noway_regular_italic-webfont.woff2') format('woff2'),
         url('../../files/data/styles/noway_regular_italic-webfont.woff') format('woff'),
         url('../../files/data/styles/noway_regular_italic-webfont.ttf') format('truetype'),
         url('../../files/data/styles/noway_regular_italic-webfont.svg#nowayitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}
/* NUUNNAV CSS*/

.nuunnavbutton {display: block; width: 34px; cursor: pointer; position: relative; z-index: 2500; float:right; padding:14px 0 0 0; margin:42px 0 0 0;}
.nuunnavbutton .navline {height: 2px; width: 100%; margin-bottom: 7px; border-radius: 6px; opacity: 1; transition: transform 0.3s ease, opacity 0.3s ease; background: #000;}
.nuunnavbutton .navline:last-of-type {margin-bottom: 0;}

.nuunnavbutton.crossed .navline {background: #fff;}
.nuunnavbutton.crossed .navline.top {transform: rotate(-45deg) translateY(5px) translateX(-4px);}
.nuunnavbutton.crossed .navline.mid {opacity: 0;}
.nuunnavbutton.crossed .navline.bot {transform: rotate(-135deg) translateY(9px) translateX(8px);}



#nuunnav {display: none; background:#000; color:#fff; padding-top:0; padding-bottom: 24px; font-size: 1.7rem; line-height:2.4rem; padding-left: 0; padding-right: 0; position: fixed; overflow-y: auto; top: 0; width: 100%; height: 100vh; z-index: 2000; box-sizing: border-box; transition:right 0.4s ease, box-shadow 0.3s ease;}
#nuunnav.open {right: 0 !important; box-shadow: 0 0 10px #000;}

#nuunnav .mobilenav-inside {width:860px; margin:0 auto; display:inline-block;}




#nuunnav .navigation {padding:0; margin: 182px 0 0 0;}

#nuunnav .navigation li a {color: #fff;}
#nuunnav .navigation li {display:inline-block; position: relative; width:100%;}
#nuunnav .navigation li a.active,
#nuunnav .navigation li a:hover {background:;}
#nuunnav .navigation ul.level_1 {margin:0 auto; width:420px; text-align:left;}
#nuunnav .navigation ul.level_1 > li {padding:0 0 0 0; margin:0; background:#fff;}
#nuunnav .navigation ul.level_1 > li > a {display: block; -webkit-transition: all 0s ease-in-out; transition: all 0s ease-in-out;}

#nuunnav .navigation ul.level_1 a {font-family: 'ffmetaprocondrg'; font-size: 2.3rem; line-height: 3.0rem; margin:0 0 1px 0; padding:20px 0 8px 0; background:#000; letter-spacing:0.05em;}
#nuunnav .navigation ul.level_1 a:hover,
#nuunnav .navigation ul.level_1 a.active {font-family: 'ffmetaprocondxbold'; font-weight:normal; font-size: 2.3rem; line-height: 3.0rem; margin:0 0 3px 0;  padding: 20px 0 6px 0;}
#nuunnav .navigation ul.level_1 strong {font-family: 'ffmetaprocondxbold'; font-weight:normal; font-size: 2.3rem; line-height: 3.0rem; margin:0 0 3px 0;  padding: 20px 0 6px 0; display:block; background:#000;}


#nuunnav a {text-decoration: none; color:#fff;}
#nuunnav a:hover {text-decoration:none; color:#fff;}
#nuunnav .ce_text a {color:#fff; text-decoration: none;}
#nuunnav .ce_text a:hover {color:#fff; text-decoration:none;}

.mod_nav_service {width:420px; margin:0 auto; display:block; text-align:left; padding: 194px 0 0 0;}
.mod_nav_service ul li {padding-bottom:8px;}
.mod_nav_service ul li a {font-family: 'ffmetaprocondxbold';}
.mod_nav_service ul li strong {font-family: 'ffmetaprocondxbold';}

#nuunnav .textwrapper {position:relative; width:100%; float:left; text-align:center;}
#nuunnav .ce_text {position:relative; float:none; width:390px; display:inline-block; padding:0; margin:40px 0 0 0; text-align:center;}
#nuunnav .ce_text p {padding:0 0 0 0; margin:0;}

#nuunnav .ce_text p.phone {width:32px; height:34px; float:left; margin:0 0 0 0; display:inline-block; text-align:left;}
#nuunnav .ce_text p.phone a {background:url(../../files/data/graphics/Phone_weiss.svg) left 2px no-repeat; width:32px; height:34px; background-size:32px auto; float:left;}

#nuunnav .ce_text p.mail {width:30px; height:34px; float:none; margin:0 0 0 0; display:inline-block; text-align:center;}
#nuunnav .ce_text p.mail a {background:url(../../files/data/graphics/Mail_weiss.svg) left 13px no-repeat; width:30px; height:34px; background-size:30px auto; float:left;}

#nuunnav .ce_text p.googlemaps {width:24px; height:34px; float:right; display:inline-block; text-align:right;}
#nuunnav .ce_text p.googlemaps a {background:url(../../files/data/graphics/Navi_weiss.svg) left top no-repeat; width:24px; height:34px; background-size:24px auto; float:left;}

@media screen and (max-width: 940px) {
#nuunnav .mobilenav-inside {width:92%; margin:0 auto;}
}

@media screen and (max-width: 740px) {
#nuunnav .navigation {padding:0; margin: 162px 0 0 0;}
.mod_nav_service {width: 70%; padding: 174px 0 0 0;}
#nuunnav .navigation ul.level_1 {width:70%;}
#nuunnav .ce_text {width: 60%;}

#nuunnav .mobilenav-inside {width: 100%;}
#header .mobilenav-inside .logo {margin-left:4%;}

}

@media screen and (max-width: 640px) {
#nuunnav .navigation {padding:0; margin: 102px 0 0 0;}
.mod_nav_service {width: 70%; padding: 114px 0 0 0;}
#nuunnav .navigation ul.level_1 {width:70%;}
#nuunnav .ce_text {width: 60%;}

}

@media screen and (max-width: 499px) {
.nuunnavbutton {margin:26px 0 0 0;}
#nuunnav .navigation {padding:0; margin: 102px 0 0 0;}
.mod_nav_service {width: 70%; padding: 94px 0 0 0;}
#nuunnav .navigation ul.level_1 {width:70%;}
#nuunnav .ce_text {width: 60%;}
}