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}.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}.ie7 img{-ms-interpolation-mode:bicubic}.ie8 img{width: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}
legend{width:100%;display:block;font-weight:700;border:0}input[type=text],input[type=password],input[type=date],input[type=datetime],input[type=email],input[type=number],input[type=search],input[type=tel],input[type=time],input[type=url],input:not([type]),textarea{width:100%;display:inline-block;padding:3px 6px;background:#fff;border:1px solid #ccc;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-moz-box-shadow:inset 0 1px 1px #eee;-webkit-box-shadow:inset 0 1px 1px #eee;box-shadow:inset 0 1px 1px #eee;-moz-transition:all .15s linear;-webkit-transition:all .15s linear;-o-transition:all .15s linear;transition:all .15s linear;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}input[type=text]:focus,input[type=password]:focus,input[type=date]:focus,input[type=datetime]:focus,input[type=email]:focus,input[type=number]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=time]:focus,input[type=url]:focus,input:not([type]):focus,textarea:focus{outline:0;background:#fcfcfc;border-color:#bbb}input[type=file]{cursor:pointer}select,input[type=file]{display:block}form button,input[type=file],input[type=image],input[type=submit],input[type=reset],input[type=button],input[type=radio],input[type=checkbox]{width:auto}textarea,select[multiple],select[size]{height:auto}input[type=radio],input[type=checkbox]{margin:0 3px 0 0}input[type=radio],input[type=checkbox],label{vertical-align:middle}input[disabled],select[disabled],textarea[disabled],input[readonly],select[readonly],textarea[readonly]{cursor:not-allowed;background:#eee}input[type=radio][disabled],input[type=checkbox][disabled],input[type=radio][readonly],input[type=checkbox][readonly]{background:0 0}form button,input[type=submit],.button{display:inline-block;padding:4px 15px 4px 14px;margin-bottom:0;text-align:center;vertical-align:middle;line-height:16px;font-size:11px;color:#000;cursor:pointer;border:1px solid #ccc;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background-color:#ececec;background-image:-moz-linear-gradient(top,#fff,#ececec);background-image:-webkit-linear-gradient(top,#fff,#ececec);background-image:-ms-linear-gradient(top,#fff,#ececec);background-image:-o-linear-gradient(top,#fff,#ececec);background-image:linear-gradient(to bottom,#fff,#ececec);background-repeat:repeat-x;-moz-transition:background .15s linear;-webkit-transition:background .15s linear;-o-transition:background .15s linear;transition:background .15s linear}form button:hover,input[type=submit]:hover,.button:hover{text-decoration:none;background-position:0 -15px!important}form button:active,input[type=submit]:active,.button:active{background-color:#e6e6e6;background-position:0 -30px!important}form button.blue,input[type=submit].blue,.button.blue{background-color:#2f96b4;background-image:-moz-linear-gradient(top,#5bc0de,#2f96b4);background-image:-webkit-linear-gradient(top,#5bc0de,#2f96b4);background-image:-ms-linear-gradient(top,#5bc0de,#2f96b4);background-image:-o-linear-gradient(top,#5bc0de,#2f96b4);background-image:linear-gradient(to bottom,#5bc0de,#2f96b4);border-color:#2f96b4;color:#fff}form button.blue:active,input[type=submit].blue:active,.button.blue:active{background-color:#2e95b3}form button.green,input[type=submit].green,.button.green{background-color:#51a351;background-image:-moz-linear-gradient(top,#62c462,#51a351);background-image:-webkit-linear-gradient(top,#62c462,#51a351);background-image:-ms-linear-gradient(top,#62c462,#51a351);background-image:-o-linear-gradient(top,#62c462,#51a351);background-image:linear-gradient(to bottom,#62c462,#51a351);border-color:#51a351;color:#fff}form button.green:active,input[type=submit].green:active,.button.green:active{background-color:#4f9f4f}form button.orange,input[type=submit].orange,.button.orange{background-color:#f89406;background-image:-moz-linear-gradient(top,#fbb450,#f89406);background-image:-webkit-linear-gradient(top,#fbb450,#f89406);background-image:-ms-linear-gradient(top,#fbb450,#f89406);background-image:-o-linear-gradient(top,#fbb450,#f89406);background-image:linear-gradient(to bottom,#fbb450,#f89406);border-color:#f89406;color:#fff}form button.orange:active,input[type=submit].orange:active,.button.orange:active{background-color:#f28f04}form button.red,input[type=submit].red,.button.red{background-color:#bd362f;background-image:-moz-linear-gradient(top,#ee5f5b,#bd362f);background-image:-webkit-linear-gradient(top,#ee5f5b,#bd362f);background-image:-ms-linear-gradient(top,#ee5f5b,#bd362f);background-image:-o-linear-gradient(top,#ee5f5b,#bd362f);background-image:linear-gradient(to bottom,#ee5f5b,#bd362f);border-color:#bd362f;color:#fff}form button.red:active,input[type=submit].red:active,.button.red:active{background-color:#be322b}.widget{margin-bottom:12px}.widget>label{display:block;margin-bottom:6px;font-weight:700}.inline-form .widget{display:inline-block;margin-bottom:0;vertical-align:middle}.horizontal-form .widget:after{content:"";display:table;clear:both}.horizontal-form .widget>label{width:20%;float:left;padding:3px 2% 0 0;text-align:right}.horizontal-form .widget>input,.horizontal-form .widget>textarea{width:78%;float:left}.horizontal-form .widget>fieldset{margin-left:20%}
.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}
#mbOverlay{position:fixed;z-index:9998;top:0;left:0;width:100%;height:100%;background-color:#ccc;cursor:pointer}#mbOverlay.mbOverlayOpaque{background:url(../../assets/mediabox/images/80.png)}#mbOverlay.mbOverlayAbsolute{position:absolute}#mbOverlay.mbMobile{position:absolute;background-color:transparent}#mbBottom.mbMobile{line-height:24px;font-size:16px}#mbCenter{position:absolute;z-index:9999;left:50%;padding:10px;background-color:#fff;-webkit-border-radius:10px;-khtml-border-radius:10px;-moz-border-radius:10px;border-radius:10px;filter:progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=180, Color='#000000');-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=180, Color='#000000')";-webkit-box-shadow:0 5px 20px rgba(0,0,0,.5);-khtml-box-shadow:0 5px 20px rgba(0,0,0,.5);-moz-box-shadow:0 5px 20px rgba(0,0,0,.5);box-shadow:0 5px 20px rgba(0,0,0,.5)}#mbCenter.mbLoading{background:#fff url(../../assets/mediabox/images/loading-light.gif) no-repeat center;-webkit-box-shadow:none;-khtml-box-shadow:none;-moz-box-shadow:none;box-shadow:none}#mbMedia{position:relative;left:0;top:0;font-family:Myriad,Verdana,Arial,Helvetica,sans-serif;line-height:20px;font-size:12px;color:#000;text-align:left;background-position:center center;background-repeat:no-repeat}@mbMedia img{-webkit-border-radius:4px;-khtml-border-radius:4px;-moz-border-radius:4px;border-radius:4px}#mbAudio{padding:0 0 2px;background-color:#000}#mbBottom{line-height:20px;font-size:12px;font-family:Myriad,Verdana,Arial,Helvetica,sans-serif;text-align:left;color:#777;min-height:20px;padding:10px 0 0}#mbTitle,#mbPrevLink,#mbNextLink,#mbCloseLink{display:inline;color:#000;font-weight:700}#mbNumber{display:inline;color:#777;font-size:.8em;margin:auto 10px}#mbCaption{display:block;color:#777;line-height:1.6em;font-size:.8em}#mbPrevLink,#mbNextLink,#mbCloseLink{float:right;outline:0;margin:0 0 0 10px;font-weight:400}#mbPrevLink b,#mbNextLink b,#mbCloseLink b{color:#333;font-weight:700;text-decoration:underline}#mbPrevLink big,#mbNextLink big,#mbCloseLink big{color:#333;font-size:1.4em;font-weight:700}#mbBottom a,#mbBottom a:link,#mbBottom a:visited{text-decoration:none;color:#333}#mbBottom a:hover,#mbBottom a:active{text-decoration:underline;color:#000}#mbError{position:relative;font-family:Myriad,Verdana,Arial,Helvetica,sans-serif;line-height:20px;font-size:12px;color:#fff;text-align:center;border:10px solid #700;padding:10px 10px 10px;margin:20px;-webkit-border-radius:5px;-khtml-border-radius:5px;-moz-border-radius:5px;border-radius:5px}#mbError a,#mbError a:link,#mbError a:visited,#mbError a:hover,#mbError a:active{color:#d00;font-weight:700;text-decoration:underline}
.content-slider{overflow:hidden;visibility:hidden;position:relative}.slider-wrapper{overflow:hidden;position:relative}.slider-wrapper>*{float:left;width:100%;position:relative}.slider-control{height:30px;position:relative}.slider-control a,.slider-control .slider-menu{position:absolute;top:9px;display:inline-block}.slider-control .slider-prev{left:0}.slider-control .slider-next{right:0}.slider-control .slider-menu{top:0;width:50%;left:50%;margin-left:-25%;font-size:27px;text-align:center}.slider-control .slider-menu b{color:#bbb;cursor:pointer}.slider-control .slider-menu b.active{color:#666}
@media screen {

body,
a,
div,
em,
input,
label,
li,
ol,
p,
select,
span,
strong,
td,
th,
textarea,
u,
ul {
    color:#095e80;
}

body {
    font:120%/140% noto sans,arial,sans serif;
    color:#000;
    min-width:320px;
    margin:0;
    padding:0;
    background-color:#c8c8c1;
}

html,
body,
div,
object,
iframe,
h1,
h2,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
sub,
sup,
tt,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
    margin:0;
    padding:0;
    border:0px;
}

#wrapper {
    min-width:320px;
    max-width:1920px;
    position:relative;
    background-color:#fff;
}

#container {
    background-color:#fff;
}

#header {
    text-align:right;
    background-color:#ffffff;    
    padding-top:20px;
}

#header_sprache {
    position:absolute;
    top:24px;
    left:230px;
    font-size: 1.1em;    
}

.de #header_sprache .link-de, .en #header_sprache .link-en {
    font-weight:bold;
}

#header_logo {
    position: relative;
    width:262px;
    margin-right:50px;
    margin-top:-10px;
}

#main {
    margin:65px 0 0 0;
    padding:0 0 70px 0;
    background-image: url("../../files/images/main-background.svg");
    background-repeat: repeat-x;
    background-position: left bottom; 
    background-size: auto; 
    background-color:#ffffff;        
}

#footer  {
    text-align:left;
    padding: 20px;
    background-image: url("../../files/images/footer-background.jpg");
    background-repeat: no-repeat;
    background-position: left top;
    background-size: cover; 
    background-color:#ffffff;    
}

#footerlinks, #footerikon, #instagramikon {
    display: inline-block;
}

#footerikon {
    width:84px;
    margin-right:6px;
}

#footerlinks, #instagramikon {
   vertical-align: top;
}

#footerlinks {
  margin-top:40px;
}

#instagramikon {
  margin-top:25px;
}

/* Breite iframe  */
img,
iframe {
    max-width:100%;
}

/* Normaler Text mit breitem Rand*/

#main .content-text {
    min-width:300px;
}

.content-text,
.ce_form,
.ce_gallery,
.buttons {
    margin-bottom:40px;
}


/* ****************************************************************************************************** */
/* ********************************* IKON + TEXT ******************************************************** */
/* ****************************************************************************************************** */

#main .mod_article.artikel-ikontext {
    margin:0 4.5% 1.0% 16.5%;
}

#main .mod_article.artikel-ikontext .content-image {
    float:right;    
}

#main .mod_article.artikel-ikontext .content-text {
    float:left;
    margin-right:0%;
    max-width: 75%;
}

#main .mod_article.artikel-ikontext .content-text {
margin-right:6%;
}

/* ****************************************************************************************************** */
/* ********************************* ARTIKEL-FORMAT ************  ************************************** */
/* ****************************************************************************************************** */

#main .mod_article {
    margin:0 16.5% 1.6% 16.5%;
    padding:0;
}

.mod_article .ikon, .mod_article.artikel-farbe .ikon {
    width: 180px;
}

/* LUV MEET Normaler Rand, farbiger Artikel-Hintergrund */
#main .mod_article.artikel-farbe-meet {
    padding:1.5% 16.5% 1.5% 16.5%;
    margin:0% 0% 2% 0%;
    background-color:#7a988a;
}

/* LUV MEET Normaler Rand, farbiger Artikel-Hintergrund */
#main .mod_article.artikel-farbe-meet.hell {
    background-color:#c4d1cb;
}

/* LUV STAY Bilder Apartments ohne Rand + Text */
#main .mod_article.artikel-bildtext {
    margin:0 3% 1.0% 0%;
}

.mod_article.buchung {
    background-color: #eeeeea;
}

#main .mod_article.artikel-bildtext figure img {
    width: 100%;
    max-width: 920px;
    margin-right:80px;
    margin-bottom: 20px;    
}

#main .mod_article.artikel-bildtext .inhalt-bildtext {
    clear:both;
    margin-bottom: 100px;
}


/* ****************************************************************************************************** */
/* ********************************* TEASER STATRSEITE AUF FARBHINTERGRUND  ***************************** */
/* ****************************************************************************************************** */

/* Teaser Startseite Text mit mehr Rand als Bilder */
#main .mod_article.artikel-teaserstart {
    padding:1.5% 10% 1.5% 0%;
    margin:0% 0% 2% 0%;
    background-color:#DAE7EC;    
}

#main .mod_article.artikel-teaserstart .content-text {
    padding:1% 11% 0% 24%;
}

.mod_article.artikel-teaserstart .bild1, .mod_article.artikel-teaserstart .bild2, .mod_article.artikel-teaserstart .bild3 {
    float:left;
    padding-top: 20px;
    padding-right: 40px;    
    width: 28%;    
}

.mod_article.artikel-teaserstart .bild3 {
    padding-right: 0px;    
}

#main .mod_article.artikel-teaserstart .content-text img {
    width:44%;
    margin-bottom:20px;
}


/* ****************************************************************************************************** */
/* ********************************* MEET: 3 TEASER AUF FARBHINTERGRUND  ******************************** */
/* ****************************************************************************************************** */

#main .mod_article.artikel-teaserreihe {
    padding:0.5% 16.5% 0% 16.5%;    
    margin:0% 0% 2% 0%;
    background-color:#e1dfd8;
}

#main .mod_article.artikel-teaserreihe .content-text {
    float:left;
    padding-top: 40px;
    width: 28%;
    /*max-width: 400px; */
}

#main .mod_article.artikel-teaserreihe .rte {
    margin:2% 0%;
}

#main .mod_article.artikel-teaserreihe .content-text.text1, #main .mod_article.artikel-teaserreihe .content-text.text2 {
    margin-right:60px;
}

#main .mod_article.artikel-teaserreihe .content-text.text3 {
    margin-right:0px;
}

.mod_article.artikel-teaserreihe .content-text.text {
    float: left;
}

/* ****************************************************************************************************** */
/* **************************************** BUTTON DETAILS  ********************************************* */
/* ****************************************************************************************************** */
#main .mod_article.artikel-teaserstart .content-text img.details,
#main .mod_article.artikel-teaserreihe .content-text img.details  {
    width:85px;
}

img.details:hover {
    filter: brightness(80%); 
}


/* ****************************************************************************************************** */
/* ********************************* 2 TEASER (CHILL?) AUF FARBHINTERGRUND ****************************** */
/* ****************************************************************************************************** */

/*
#main .mod_article.artikel-farbe .content-text {
    float:left;
    padding-top: 40px;    
    max-width: 920px;
}

#main .mod_article.artikel-farbe .content-text.text1 {
    margin-right:60px;
}

#main .mod_article.artikel-farbe .content-text.text2 {
    float:right;
    margin-right:0px;
}

#main .mod_article.artikel-farbe .rte {
    margin:2% 4%;
}

.mod_article.artikel-farbe img {
    width: 100%;
    max-width: 920px;
}

.mod_article.artikel-farbe .content-text.text {
    float: left;
}

.mod_article.artikel-farbe .ikon {
    float: right;
    margin-left: 40px;
}
*/

/* ****************************************************************************************************** */
/* ********************************* BLASEN STARTSEITE ************************************************** */
/* ****************************************************************************************************** */

/* Startseite */
/*
#main .mod_article.artikel-teaser {
    margin: 0 2% 0 4%;
}

.blase {
    float: left;
    margin-right:auto;
    margin-left:auto;
    background-repeat: no-repeat;
    background-size: 100%;
    width: 39%;
    }
*/

#main .mod_article.artikel-teaser .blase.content-text {
    margin-bottom: 0px;
}

.blase {
    float: left;
    margin-right:auto;
    margin-left:auto;
    background-repeat: no-repeat;
    background-size: 100%;
    width: 52.5%;
    }

.blase .rte {
    margin:45% 14% 0 15%;
}

.blase .rte {
    font-size:1.3em;
    line-height:1.4em;
}

.blase p, .blase p a, .blase h2 a, .blase p a:hover, #main .artikel-teaser .content-text a, #main .artikel-teaser .content-text a:hover {
    color:#ffffff;
    text-decoration: none;
    font-weight: normal;
}

/* ALTE Version mit drei Blasen */
/*
.blasechill {
    background-image:url("../../files/images/bubble_luvchill.svg") ;
}

.blasemeet {
    background-image:url("../../files/images/bubble_luvmeet.svg") ;
    margin-top:230px;
    margin-left:-165px; 
}

.blasestay {
    background-image:url("../../files/images/bubble_luvstay.svg") ;
    margin-left:-165px;    
}
*/

.blasemeet {
    background-image:url("../../files/images/bubble_luvmeet.svg") ;
  /*  margin-left:20px;  */
}

.blasestay {
    background-image:url("../../files/images/bubble_luvstay.svg") ;
    margin-left:-80px;    
}

/* ****************************************************************************************************** */
/* *************************************** ROCKSOLID SLIDER ********************************************* */
/* ****************************************************************************************************** */

.mod_rocksolid_slider  {
    width:100%;
    height: auto;
}

/* Startseite Bubblo-Logo im Slider */
.mod_rocksolid_slider .content-image {
    width:100%;
    margin-top:9%;  
    margin-bottom:2%;
    margin-left:7%;
}

/* Normales Inhaltsbild als Slider */
.mod_rocksolid_slider .sliderbild.content-image {
    margin-top:0;  
    margin-bottom:0;
    margin-left:0;
}

/* Startseite Slogan im Slider unter dem Schriftzug */
.mod_rocksolid_slider .slidertext.content-text {
    width:65%;
    margin-top: -3.5%;
    margin-bottom:3%;
    margin-left:0;
    padding:0.3% 4% 0.3% 9%;
    vertical-align:bottom;
    background-color: #ffffffaf;
    background-position:left top;
    background-repeat:no-repeat;
    background-size: 100% 100%;
    font-size:2.3em;
    line-height:1.3em;
}

/* Detailseite Bubble im Header */
.mod_rocksolid_slider .sliderbubble.content-text {
    width:30%;
    min-width: 350px;
    margin-top: 3%;
    margin-left:-1%;
}


/* ****************************************************************************************************** */
/* ******************************************** SCHRIFT ************************************************* */
/* ****************************************************************************************************** */

.content-text strong {
    font-weight:700;
}

.content-text em {
    font-style:italic;
}

p {
    margin:0 0 14px;
}

table p {
    margin:0 0 2px;
}

table {
    margin:0 0 5px;
}

div.error,
p.error {
    margin:0;
    padding:2px 0 0;
    font-size:10px;
    color:#e8101b;
}

h1,
h2,
h3,
h4,
h5,
h6  {
    font:100%/130% noto sans, arial, sans serif;
    font-weight:normal;
    color:#095e80;
    text-transform:none;
    line-height:1.2em;   
    letter-spacing:.011em;
}

h1 {
    margin-top:10px;
    margin-bottom:20px;
    text-align:left;
    font-size:1.9em;
    letter-spacing:.02em;
}

h2 {
    margin-top:0;
    margin-bottom:18px;
    font-size:1.14em;
    font-weight: bold;
}

.blase h2 {
    font-size:1.2em;
    text-transform:none;   
    color:#ffffff;    
}

h3, h4, h5 {
    margin-top:18px;
    margin-bottom:6px;
    font-weight:bold;
    font-size:1.0em ;
}

#main ul {
    display:block;
    margin-top:.7em;
    margin-bottom:.8em;
    margin-left:1em;
    list-style-type: disc;
}

a {
    text-decoration:none;
}

#main .content-text a {
    font-weight:bold;
}

#main .content-text a:hover,
#main .content-text .information a:hover {
    color:#a3acab;
}

.information a {
    text-transform:uppercase;
}

#main .content-text .information,
#main .content-text .information a {
    font-weight:bold;
    text-decoration:none;
    color:#a3acab;
}

a.button-back,
.buttons a {
    display:inline-block;
    margin-right:15px;
    padding:8px 11px;
    background-color:#73129c;
    border:1px solid #73129c;
    border-radius:4px;
    font-weight:normal;
    text-decoration:none;
    color:#fff;
    text-transform:uppercase;
    font-style:normal;
    border-color:#73129c;    
}

a.button-back:hover,
.buttons a:hover {
    background-color:rgba(0,98,49,.8);
}

#footer a {
    text-decoration: none;
    margin-left:10px;
    margin-right:10px;
    top:-80px;
}

.back {
    display:none;
}

.nach-oben {
    margin-right:20px; 
}

.mehr {
    color:#5cb0d6;
}


/* ****************************************************************************************************** */
/* *************************************** FORMULARE **************************************************** */
/* ****************************************************************************************************** */

.ce_form {
    margin-top:50px;
}

.ce_form input.text,
.ce_form textarea,
.mod_registration input.text,
.mod_iso_checkout input.text,
.mod_login input.text,
.select {
    width:90%;
    display:block;
    margin-top:3px;
    margin-bottom:12px;
    padding:4px 8px;
    -webkit-box-shadow:0 0 0 0;
    box-shadow:0 0 0 0;
    border:1px solid #c2c2c2;
    border-radius:0;
}

form button,
input[type="submit"],
.button {
    margin-top:10px;
    padding:7px 11px;
    background-color:#006231;
    border:0px;
    border-radius:0;
    font-size:1.05em;
    color:#fff;
    text-transform:uppercase;
    background-image:none;
}

.checkbox {
    margin-right:5px;
}

.widget-checkbox,
.widget-explanation.explanation {
    max-width:90%;
    font-size:92%;
}

input.submit:hover,
button.submit:hover {
    cursor: pointer;
}


/* ****************************************************************************************************** */
/* *************************************** BILDERGALERIE ************************************************ */
/* ****************************************************************************************************** */

/* Responsive Gallerie mit Rocksolid-Slider gelöst */

.gal-meet {
    margin-bottom:30px;
}

#mbNumber {
    display:none;
}


}
@media screen  {

/* Hauptmenu ausblenden, mobile menü wird automatisch von Module eingeblendet / Javascript aktivieren! */

/*
#menumain {
    max-height:0px;
}
*/

/*
#mobile-menu-8 {
    max-width:1920px;
}

*/
#menumobile.mod_navigation {
    height:100%;
    margin-left: 80px;
}

.menubutton img {
    position:absolute;
    width:120px;
    top:0px;
    left:70px;
    display:block;
}

.closemenu {
    display:block;
    margin:40px 20px 50px 80px;
    text-align:left;
    font-size:300%;
    text-decoration:none;
    font-weight: normal;
    color:#ffffff;
}

#mobile-menu-8 .inner {
    background-color: rgba(9, 94, 128, 0.6);    
}

#menumobile.mod_navigation ul li{
    display: inline-block;
}

#menumobile.mod_navigation li {
    padding-right:50px;    
    padding-top:20px;
    padding-bottom:10px;
    text-transform:none;
}

#menumobile.mod_navigation .level_1 .submenu_show {
    margin-bottom:0;
    padding-bottom:0;
}

#menumobile.mod_navigation ul.level_1 li {
    font-size:1.4em;
    font-weight: normal;    
}

#menumobile.mod_navigation ul.level_2 li {
    margin-left:0;
    font-size:.86em;
    font-weight: normal;    
}

#menumobile.mod_navigation a {
    color:#ffffff;
    text-decoration:none;
    font-weight: normal;    
}

#menumobile.mod_navigation ul.level_1 span,
#menumobile.mod_navigation ul.level_1 strong {
    color:#ffffff;
}

#menumobile.mod_navigation ul.level_2 span,
#menumobile.mod_navigation ul.level_2 strong {
    padding-left:20px;
    color:#ffffff;
}

#menumobile.mod_navigation ul.level_2 li:first-of-type {
    margin-top:10px;
}



}
@media screen and (max-width:1790px) {

.mod_rocksolid_slider .sliderbubble.content-text {
    width:33%; 
}

#main .mod_article.artikel-teaser {
    margin:0 17% 0% 17%;
}

.blase .rte {
    margin:45% 13% 0 13%;
    font-size:1.25em;
    line-height:1.35em;
}

}
@media screen and (max-width:1580px) {


body {
    font-size:105%;
}

#header_sprache {
    top:26px;
    font-size: 1.21em;    
}

.mod_rocksolid_slider .sliderbubble.content-text {
    width:42%;
}

#main .mod_article.artikel-teaser {
    margin:0 13% 0% 13%;
}


/* 3 Teaser Meet  */
#main .mod_article.artikel-teaserreihe {
    padding:0.5% 6% 0% 11%;    
}


.blase {
    width: 52%;
    }
    
.blase .rte {
    margin:40% 11% 0 13%;    
    font-size:1.2em;
    line-height:1.35em;    
}

.blasestay {
    margin-left:-50px;    
}

}
@media screen and (max-width:1320px) {

body {
    font-size:100%;
}

.menubutton img {
    width:110px;
    left:20px;
}

#header_sprache {
    top:23px;
    left:160px;
    font-size: 1.21em;    
}    
    
#menumain.mod_navigation .level_1 li {
    font-size:.8em;
}

#menumain.mod_navigation .level_2 li {
    font-size:1.0em;
}

/* Bubble etwas kleiner */
.mod_rocksolid_slider .content-image {
    width:80%;
}

/* bei reinem Bild-Slider (Heimathafen) 100 % */
.mod_rocksolid_slider .sliderbild.content-image {
    width:100%;
}

.mod_rocksolid_slider .slidertext.content-text {
    width:85%;
    font-size:1.8em;
}

.mod_rocksolid_slider .sliderbubble.content-text {
    width:42%;
}

#main .mod_article.ikontext .content-text {
    max-width: 65%;
}

.mod_article .ikon, .mod_article.artikel-farbe .ikon {
    width: 170px;
}


/* 3 Teaser Meet  */
#main .mod_article.artikel-teaserreihe {
    padding:0.5% 2.5% 0% 5%;
}
#main .mod_article.artikel-teaserreihe .content-text.text1, #main .mod_article.artikel-teaserreihe .content-text.text2 {
    margin-right:42px;
}



/* Detail-Buttons kleiner */
#main .mod_article.artikel-teaserstart .content-text img.details,
#main .mod_article.artikel-teaserreihe .content-text img.details  {
    width:70px;
}



/* BUBBLES STARTSEITE */

#main .mod_article.artikel-teaser {
    margin: 0 11% 0 11%;
}

.blase {
    width: 52%; 
    }

.blase .rte {
    margin:40% 11% 0 13%;    
    font-size:1.15em;
    line-height:1.35em;    
}

.blasestay {
    margin-left:-50px;    
}





}

@media screen and (max-width:980px) {
    
body {
    font-size:90%;
}

h1 {
    font-size: 1.6em;
}

.menubutton img {
    width:100px;
    left:10px;
}

#menumobile.mod_navigation {
    height:100%;
    margin-left: 20px;
}

#header_sprache {
    left:140px;

}   

.closemenu {
    margin:18px 20px 25px 20px;
        font-size:200%;
}

#menumobile.mod_navigation li {
    padding-right:25px;    
    padding-top:10px;
    padding-bottom:10px;
}

#menumobile.mod_navigation ul.level_1 li {
    font-size:1.3em;
}

#header {
    background-image: none;
}

#header_logo {
    width:232px;
    margin-right:25px;
}

#main {
    padding:0 0 90px 0;
}
    
.mod_rocksolid_slider .ce_text {
    width:90%;
    bottom:0;
    font-size:.8em;
}

.mod_rocksolid_slider .sliderbubble.content-text {
    width:54%;
}

#footer .inside {
    font-size:1em;
}

#main .mod_article.ikontext .content-text {
    max-width: 62%;
}

.mod_article .ikon, .mod_article.artikel-farbe .ikon {
    width: 145px;
}



/* RÄNDER */

#main .mod_article, #main .mod_article.artikel-ikontext {
    margin-right:2.8%;
    margin-left:3%;
}

#main .mod_article.artikel-bildtext {
    margin-right:2.8%;
    margin-left:3%;    
}

/* 3 Teaser Meet */
#main .mod_article.artikel-teaserreihe {
    padding:0.5% 2% 0% 3%;    
}

#main .mod_article.artikel-farbe-meet {
    padding-right:1%;
    padding-left:1%;
    margin-bottom:30px;
}


/* Teaser Startseite / Sanierung: Text mit mehr Rand als Bilder */
#main .mod_article.artikel-teaserstart {
    padding:1.5% 2% 1.5% 3%;
}
#main .mod_article.artikel-teaserstart .content-text {
    padding:1% 1% 0% 0%;
}

.mod_article.artikel-teaserstart .bild1, .mod_article.artikel-teaserstart .bild2 {
    padding-right: 30px;
}






/* BUBBLES STARTSEITE */

#main .mod_article.artikel-teaser {
    margin: 0 2% 0 3%;
}

.blase {
    width: 51%; 
    }

.blase .rte {
    margin:35% 11% 0 13%;    
    font-size:1.15em;
    line-height:1.35em;    
}

.blasestay {
    margin-left:-50px;    
}

.blase .rte h2 {
    margin-bottom: 7px;
}



}

@media screen and (max-width:620px) {
    
#header_logo {
    width:125px;
    margin-right:10px;
}

.menubutton img {
    width:75px;
    left:10px;
    top:-12px;
}

#header_sprache {
    top:10px;
    left:100px;
}

#menumobile.mod_navigation {
    height:100%;
    margin-left: 10px;
}

.closemenu {
    margin:20px 20px 30px 10px;
}

#menumobile.mod_navigation li {
    padding-right:20px;    
    padding-top:10px;
    padding-bottom:10px;
}

#menumobile.mod_navigation ul.level_1 li {
    font-size:1.2em;
}

#main .mod_article, #main .mod_article.ikontext {
    margin-right:2.8%;
    margin-left:3%;
}

#main #home-teaser a {
    font-size:1.2em;
}

#main .mod_article.ikontext .content-text {
    max-width: 100%;
}

#main .mod_article.artikel-teaser {
margin: 0 10% 0 10%;
}

#main .mod_article.artikel-teaser.content-text{
margin-top: 0;
margin-bottom:0;
}


/* BUBBLE STARTSEITE */

.blase .rte {
    font-size:1.26em;
    line-height:1.4em;
    margin: 36.5% 9% 0 16%;
    max-height:270px;
}

.blase {
    width: 90%;
    }

.blasechill, .blasemeet, .blasestay {
    margin-top:0px;
    margin-bottom:0px;
    margin-left:0px;
}

.blasestay {
    margin-top:-100px;
}

.blase h2 {margin-top: 2px; margin-bottom: 5px;
}

/* Teaser Startseite */
.mod_article.artikel-teaserstart .bild1, .mod_article.artikel-teaserstart .bild2 {
    padding-right: 18px;
}


}

/* noto-sans-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../../files/fonts/noto-sans-v28-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('../../files/fonts/noto-sans-v28-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/fonts/noto-sans-v28-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/fonts/noto-sans-v28-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../../files/fonts/noto-sans-v28-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/fonts/noto-sans-v28-latin-regular.svg#NotoSans') format('svg'); /* Legacy iOS */
}

/* noto-sans-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Sans';
  font-style: italic;
  font-weight: 400;
  src: url('../../files/fonts/noto-sans-v28-latin-italic.eot'); /* IE9 Compat Modes */
  src: url('../../files/fonts/noto-sans-v28-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/fonts/noto-sans-v28-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/fonts/noto-sans-v28-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../../files/fonts/noto-sans-v28-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/fonts/noto-sans-v28-latin-italic.svg#NotoSans') format('svg'); /* Legacy iOS */
}

/* noto-sans-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../../files/fonts/noto-sans-v28-latin-600.eot'); /* IE9 Compat Modes */
  src: url('../../files/fonts/noto-sans-v28-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/fonts/noto-sans-v28-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/fonts/noto-sans-v28-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../../files/fonts/noto-sans-v28-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/fonts/noto-sans-v28-latin-600.svg#NotoSans') format('svg'); /* Legacy iOS */
}

/* noto-sans-600italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Sans';
  font-style: italic;
  font-weight: 600;
  src: url('../../files/fonts/noto-sans-v28-latin-600italic.eot'); /* IE9 Compat Modes */
  src: url('../../files/fonts/noto-sans-v28-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/fonts/noto-sans-v28-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/fonts/noto-sans-v28-latin-600italic.woff') format('woff'), /* Modern Browsers */
       url('../../files/fonts/noto-sans-v28-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/fonts/noto-sans-v28-latin-600italic.svg#NotoSans') format('svg'); /* Legacy iOS */
}

/* noto-sans-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../../files/fonts/noto-sans-v28-latin-700.eot'); /* IE9 Compat Modes */
  src: url('../../files/fonts/noto-sans-v28-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/fonts/noto-sans-v28-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/fonts/noto-sans-v28-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../../files/fonts/noto-sans-v28-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/fonts/noto-sans-v28-latin-700.svg#NotoSans') format('svg'); /* Legacy iOS */
}

/* noto-sans-700italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Sans';
  font-style: italic;
  font-weight: 700;
  src: url('../../files/fonts/noto-sans-v28-latin-700italic.eot'); /* IE9 Compat Modes */
  src: url('../../files/fonts/noto-sans-v28-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/fonts/noto-sans-v28-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/fonts/noto-sans-v28-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('../../files/fonts/noto-sans-v28-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/fonts/noto-sans-v28-latin-700italic.svg#NotoSans') format('svg'); /* Legacy iOS */
}

@media screen and (max-width:400px) {
    
#header_logo {
    width:120px;
}

.menubutton img {
    width:70px;
}

#header_sprache {
    left:95px;
}

#main .mod_article, #main .mod_article.ikontext {
    margin-right:2.8%;
    margin-left:3%;
}

#main .mod_article.artikel-teaser {
margin: 0 3.7% 0 3.7%;
}



/* BUBBLE STARTSEITE */

.blase .rte {
    font-size:1.2em;
    line-height:1.4em;
    margin: 36.5% 9% 0 16%;
    max-height:250px;
}

.blase {
    width: 100%;
    }

.blasechill, .blasemeet, .blasestay {
    margin-top:0px;
    margin-bottom:0px;
    margin-left:0px;
}

.blasestay {
    margin-top:-100px;
}

/* Teaser Startseite */
.mod_article.artikel-teaserstart .bild1, .mod_article.artikel-teaserstart .bild2 {
    padding-right: 12px;
}

}