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%}.aspect--9\:16,.responsive.ratio-916{padding-bottom:177.7777%}.aspect--1\:1,.responsive.ratio-11{padding-bottom:100%}
#mbOverlay{position:fixed;z-index:9998;top:0;left:0;width:100%;height:150%;background-color:#000;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:#000;-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:#000 url(../../assets/mediabox/images/loading-dark.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:#fff;text-align:left;background-position:center center;background-repeat:no-repeat}#mbBottom{line-height:20px;font-size:12px;font-family:Myriad,Verdana,Arial,Helvetica,sans-serif;text-align:left;color:#999;min-height:20px;padding:10px 0 0}#mbTitle,#mbPrevLink,#mbNextLink,#mbCloseLink{display:inline;color:#fff;font-weight:700}#mbNumber{display:inline;color:#999;font-size:.8em;margin:auto 10px}#mbCaption{display:block;color:#999;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:#eee;font-weight:700;text-decoration:underline}#mbPrevLink big,#mbNextLink big,#mbCloseLink big{color:#eee;font-size:1.4em;font-weight:700}#mbBottom a,#mbBottom a:link,#mbBottom a:visited{text-decoration:none;color:#ddd}#mbBottom a:hover,#mbBottom a:active{text-decoration:underline;color:#fff}#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}
/****************************************************
 * Naturbad Oberglinde CSS-Stylesheet
 * Copyright 2017 by KUHNERTdesign Tornesch
 * Theme: NaturbadOberglinde-Theme
 * reset & basic
 ***************************************************/ 
 *{box-sizing:border-box;}
 
 
/* Deaktivierungen */


/***************************************************
 * reset margins & basic settings*
 ***************************************************/
body,div,h1,h2,h3,h4,h5,h6,p,blockquote,figure,pre,code,ol,ul,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea {margin:0;padding:0;}
/* elements */
table {border-collapse:collapse;border-spacing:0;}caption,th,td {text-align:left;vertical-align:top;}abbr,acronym {font-variant:normal;border-bottom:1px dotted #666;cursor:help;}blockquote,q {quotes:none;}
fieldset,img {border:0;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}del {text-decoration:line-through;}ins {text-decoration:none;}:focus {outline:0;}

/* links, buttons, special fonts & lists */
li {list-style-type:none;}.ce_text li,.content-text li{list-style:circle;margin-left:1em;}.ce_text ul,.content-text ul{margin-left:30px;}
.hakenliste li{padding-left:55px;line-height:2em;background:url("../../files/img/icons/haken.png") 30px 5px no-repeat;}
.hakenliste ul{margin-left:-1.2em;}
#slogan h2{color:#106BB3;}
h1{padding-bottom:5px;background:url("../../files/img/elements/wave.png") left bottom no-repeat;}
p a{text-decoration:underline;color:#333;}
.ce_downloads a,.content-downloads a{text-decoration:none;color:#333;}
.ce_downloads a:hover,.content-downloads a:hover,p a:hover{text-decoration:none;color:#47bfdf;}
h3 a{text-decoration:none;color:#b99152}

.pdf_link{float:right;}
figcaption.caption,figcaption{font-weight:bold;font-size:80%;text-align:right;color:#b99152;}

/* fonts settings */
@font-face {
    font-family: 'kaushan_scriptregular';
    src: url('../../files/fonts/kaushanscript-regular-webfont.woff2') format('woff2'),
         url('../../files/fonts/kaushanscript-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'varela_roundregular';
    src: url('../../files/fonts/varelaround-regular-webfont.woff2') format('woff2'),
         url('../../files/fonts/varelaround-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'open_sansbold';
    src: url('../../files/fonts/opensans-bold-webfont.woff2') format('woff2'),
         url('../../files/fonts/opensans-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'open_sansbold_italic';
    src: url('../../files/fonts/opensans-bolditalic-webfont.woff2') format('woff2'),
         url('../../files/fonts/opensans-bolditalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'open_sansitalic';
    src: url('../../files/fonts/opensans-italic-webfont.woff2') format('woff2'),
         url('../../files/fonts/opensans-italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'open_sansregular';
    src: url('../../files/fonts/opensans-regular-webfont.woff2') format('woff2'),
         url('../../files/fonts/opensans-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
body {
	font-family: 'open_sansregular', Verdana, Tahoma, sans-serif;
	font-size: 15px;
	font-weight: 300;
	color:#333;
}
input,button,textarea,select {font-family:inherit;font-size:99%;font-weight:inherit;}
pre,code {font-family:"Lucida Console",Monaco,monospace;font-size:12px;}
table {font-size:inherit;}caption,th {font-weight:bold;}

h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
h1 {font-size:42px;font-family:'kaushan_scriptregular',cursive;color:#106BB3;}
h2 {font-size:28px;font-family:'kaushan_scriptregular',cursive;color:#47BFDF;}
h3 {font-size:18px;font-weight:bold;color:#CAA45B;}
h4 {font-size:16px;}
h5 {font-size:15px;}
h6 {font-size:14px;}

/* h settings */
#footerArea h4{
	text-align:center;
	padding-left:0;
	font-size:20px;
	font-family:'kaushan_scriptregular',cursive;
	color:#FFE9AB;
}
.ce_downloads h3,
.content-downloads h3{
	padding-left:5px;
	margin-top:0;
}

/* default margins */
h3,h4,h5,h6 {
	margin-top:0.9em;
}
h2,h3,h4,h5,h6,p,pre,blockquote,table,ol,ul,form {
	margin-bottom:0.6em;
}
h1{
	margin-bottom:-10px;
}
/* default paddings */
h1,h2,h3,h4,h5,h6{
	padding-left:30px;
}

/* end reset & basic */
/****************************************************
 * Naturbad Oberglinde CSS-Stylesheet
 * Copyright 2017 by KUHNERTdesign Tornesch
 * Theme: NaturbadOberglinde-Theme
 * style
 ***************************************************/ 
 
/* colors:
	blau:	#106BB3
	sand:	#FFE9AB - rgb 255,230,171
	wasser1:#47bfdf
	wasser2:#82dee6
	wasser3:#9de9e4
	sand-dkl:#b99152
 
/* Deaktivierungen */
.slider-control{display:none;}

/****************************************************
 * global
 ***************************************************/
body{
	background:rgb(255,230,171);
}
#header{
	background:url("../../files/img/backgrounds/beach-pattern.png");
}
#header #beachleft,#header #beachright,#kidsright,#kidsleft{position:absolute;z-index:1;}
#header #beachleft{top:0;left:0;}
#header #beachright{top:0;right:0;}
#kids{position:relative;bottom:120px;}
#kidsleft{left:20px;}#kidsright{right:20px;}

#menue .inside{
	max-width:960px;
	margin:0 auto;
}
#menue .inside::after{
	content:"";
	display:table;
	clear:both;
}
#main{
	min-height:500px;
}
#main .inside{
	max-width:960px;
	margin:0 auto;
	padding:20px 20px 60px 20px;
}
#footer{
	margin-top:75px;
	min-height:250px;
	background: #173515;
	background: -moz-linear-gradient(top, #173515 0%, #43963d 11%, #70af64 100%);
	background: -webkit-linear-gradient(top, #173515 0%,#43963d 11%,#70af64 100%);
	background: linear-gradient(to bottom, #173515 0%,#43963d 11%,#70af64 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#173515', endColorstr='#70af64',GradientType=0 );
}
#footer .beachToysBlock{
	position:absolute;
	display:block;
	width:100%;
	height:83px;
	top:-70px;
	background:url("../../files/img/backgrounds/footerBeachToys.png");
}
#copyrightArea{
	display:block;
	width:100%;
}
.copyright{
	width:100%;
	clear:both;
	text-align:center;
	font-size:12px;
	color:#418056;
}

/* downloads */
.ce_downloads,
.content-downloads{
	padding-left:25px;
}
.ce_downloads li a,
.content-downloads li a{
	display:inline-block;
	padding:10px 30px;
	font-size:1.2em;
	background:#CAA45B;
	color:#fff;
	border-radius:25px;
	margin:10px 0;
	font-weight:bold;
}
.ce_downloads li a:hover,
.content-downloads li a:hover{
	background:#106BB3;
}

/* footer - footerArea */
#footerArea{
	width:100%;
}
#footerArea .inside{
	max-width:960px;
	margin:0 auto;
}
#footerArea p{
	font-size:0.9rem;
	color:#FFF;
	text-align:center;
}
#footerArea p a{
	color:#fff;
	font-weight:bold;
	text-decoration:none;
}
#footerArea p a:hover{
	text-decoration:underline;
}
#footerArea .col1 FIGURE{
	text-align:center;
}

/* footer - share buttons */
.teilenButtons{text-align:center;}
.teilenButtons li{float:left;margin:0 3px;}
.teilenButtons ul.share{display:inline-block;}
.teilenButtons img{opacity:0.5;}
.teilenButtons img:hover{opacity:1;}


/****************************************************
 * elements
 ***************************************************/
#textlogoblock{
	position:relative;
	display:block;
	width:300px;
	margin:0 auto;
}
.textlogo{
	position:absolute;
	z-index:2;
}
#slogan{position:absolute;z-index:2;margin-left:-30px;}
#slogan .zeile1{margin-bottom:-10px;}
#slogan{transform: rotate(-15deg);-moz-transform: rotate(-15deg);-ms-transform: rotate(-15deg);-o-transform: rotate(-15deg);-webkit-transform: rotate(-15deg);}

#slider{
	max-width:960px;
}
.content-slider .ce_image.block img,
.content-slider .content-image img{
	border:5px solid #fff;
}
.slider-control .slider-menu{
	top:-60px;
	font-size:50px;
}
a.slider-prev,a.slider-next{
	display:none;
}
.slider-control .slider-menu b{
	color:#fff;
}
.slider-control .slider-menu b.active{
	color:#77C9E0;
}

/* default content */
.mod_article.block p,
.mod_article.block .ce_text DIV,
.mod_article.block .content-text .rte{
	padding-left:30px;
	padding-right:30px;
}
.mod_article.block table{
	margin-left:30px;
	margin-right:30px;
}
.ce_text .image_container img,
.content-text figure img{
	border:5px solid #fff;
}
.ce_gallery img,
.content-gallery img{
	border:2px solid #fff;
}
.ce_gallery img:hover,
.content-gallery img:hover{
	border:5px solid #fff;
}
.disclaimerDownloads{
	font-size:70%;
}

/* galerie */
.ce_gallery ul li.col_first,
.content-gallery ul li.col_first {
	clear:none;
}

/****************************************************
 * main navigation
 ***************************************************/
.mod_navigation.block {
	float:right;
	width:65%;
	margin:0 10px 0 0;
}
.mod_nevigation ul {
	float:left;
	list-style:none;
	padding:0;
	margin:0;
}
.mod_navigation li {
	float:left;
	width:16.65%;
	margin:0;
}
.mod_navigation ul li a,
.mod_navigation ul li span,
.mod_navigation ul li strong {
	display:block;
	text-decoration: none;
	color:#745925;
	font-size:1.1em;
	text-transform:uppercase;
	text-align:center;
	padding-top:10px;
}
.mod_navigation ul li.active,
.mod_navigation ul li.trail,
.mod_navigation ul li span.forward{
	font-weight:normal;
}
.mod_navigation .active:hover,
.mod_navigation .trail:hover {
	font-weight:normal;
}
.mod_navigation li a:hover,
.mod_navigation li a:focus{
	font-weight:normal;
}
.mod_navigation.block ul li:hover a,
.mod_navigation.block ul li:hover span,
.mod_navigation.block ul li:hover strong,
.mod_navigation li SPAN.submenu{
	color:#47bfdf;
}
.mod_navigation li SPAN.active,
.mod_navigation li strong.active,
.mod_navigation li a.trail,
.mod_navigation li span.forward{
	color:#106BB3;
}
.mod_navigation li SPAN.active,
.mod_navigation li strong.active{
	font-weight:normal;
}
.mod_navigation .level_1 li SPAN.active,
.mod_navigation .level_1 li strong.active,
.mod_navigation .level_1 li a.submenu.trail,
.mod_navigation .level_1 li span.forward{
	background:url("../../files/img/icons/markerTopMainNav.png") center top no-repeat;
}
.mod_navigation li SPAN.submenu,
.mod_navigation li.submenu a{
	position:relative;
	z-index:10;
}
/* Level 2 */
.mod_navigation .level_2 {
	position:absolute;
	overflow:hidden;
	display:inline;
	min-width:120px;
	height:0;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
}
.mod_navigation.block ul ul {
	margin-bottom:10px;
}
.mod_navigation.block ul ul li {
	width:100%;
}
.mod_navigation.block ul ul li a ,
.mod_navigation ul ul li span.active,.mod_navigation ul ul li SPAN.forward.last{
	text-align:left;
	padding:3px 10px;
	display:inline-block;
	width:100%;
}
.mod_navigation.block ul ul li a:hover{
	color:#745925;
}
.mod_navigation .level_2 li {
	clear:both;
	margin:0;
}
.mod_navigation li:hover .level_2 {
	left:auto;
	top:0;
	padding-top:40px;
	overflow:auto;
	display:block;
	width:auto;
	height:auto;
	background:#FFE9AB;
	z-index:9;
}
.mod_navigation .level_2 a,
.mod_navigation .level_2 span,
.mod_navigation .level_2 strong {
	text-transform:none;
}
.mod_navigation ul ul li span.active,
.mod_navigation ul ul li strong.active {
	color:#fff;
	font-weight:normal;
	background:#94712f;
	margin:0;
}
.mod_navigation ul ul li.last a,
.mod_navigation ul ul li.active.last span,
.mod_navigation ul ul li SPAN.forward.last {
	padding-bottom:10px;
	background:none;
}
/****************************************************
 * footer navigation
 ***************************************************/
#footer .mod_customnav li{
	text-align:center;
}
#footer .mod_customnav a{
	color:#fff;
	text-decoration:none;
}
#footer .mod_customnav a:hover{
	text-decoration:underline;
}
#footer .mod_customnav li.active{
	font-weight:bold;
	color:#FFE9AB;
}

/****************************************************
 * navigation quicknav mobile
 ***************************************************/
.mod_quicklink {
	float:right;
	margin-right:30px;
	margin-top:10px;
}
.mod_quicklink select{
	padding:2px 10px;
}
.mod_quicklink option{
	padding:4px;
}

/****************************************************
 * kontaktformular
 ***************************************************/
DIV.ce_form.tableless.block,
DIV.content-form.block{
	margin-top:5px;
}
DIV.widget-text,DIV.widget-textarea,DIV.widget-checkbox,DIV.widget-captcha,DIV.submit_container,
DIV.widget.widget-text,DIV.widget.widget-textarea,DIV.widget.widget-checkbox,DIV.widget.widget-captcha,DIV.widget.widget-submit{padding-left:25px;}

DIV.ce_form.tableless.block legend,
DIV.content-form.block legend {
	display:block;
}
DIV.ce_form.tableless.block label,
DIV.content-form.block label{
	padding-left:5px;
	display:inline;
}
DIV.ce_form.tableless.block INPUT.checkbox,
DIV.content-form.block INPUT.checkbox{
	padding-left:30px;
	margin-left:4px;
}
	
/* textfelder */
input[type="text"],input[type="email"],textarea {
	margin:3px 10px 10px 3px;
	display:inline-block;
	padding:4px 6px;
	background:#fff;
	border:1px solid #ccc;
	width:95%;
}
input[type="radio"]{
	margin-left:10px;
}
input.captcha.mandatory{
	width:3em;
}
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,textarea:focus {
	outline:0;
}
input[type="submit"]{
	padding:4px 6px;
}
DIV.ce_text.MessageRecieved.last.block h3{
	vertical-align:middle;
	float:left;
}

/* spendenquittung */
#f2 span #lbl_18_0{
	display:inline;
}
#f2 fieldset{
	margin:10px 0 10px 4px
}


/* syndication (Contao 5 replaces pdf_link) */
.syndication{float:right;}

/* end style */
/****************************************************
 * Naturbad Oberglinde CSS-Stylesheet
 * Copyright 2017 by KUHNERTdesign Tornesch
 * Theme: NaturbadOberglinde-Theme
 * responsive
 ***************************************************/ 
  
/* Deaktivierungen */

@media (min-width: 201px) {
	#header{
		height:100px;
	}
}

@media (max-width:500px){
	#textlogoblock{width:250px;}
}

@media (max-width: 600px) {
	#kidsleft{max-width:150px;}
	#kidsright{max-width:150px;}
}

@media (max-width: 650px) {
	#slogan{display:none;}
}

@media (min-width: 601px) {
	#header{
		height:125px;
	}
	.textlogo{
		margin-top:30px;
	}
	#slogan{
		margin-top:130px;
	}
}

@media (min-width: 830px) {
	.col1,.col2,.col3{
		float:left;margin-bottom:30px;
	}
	.col1{
		width:40%;text-align:center;
	}
	.col2{
		width:20%;
	}
	.col3{
		width:40%;
	}
}

@media (max-width: 960px) {
	#slider{
		margin:10px;
	}
	.mod_navigation{
		display:none;
	}
}

@media (min-width: 961px) {
	#header{
		height:150px;
	}
	#slider{
		margin:0 auto;
	}
	#kidsleft{left:120px;}
	#kidsright{right:120px;}
	
	#slogan{
		left:170px;
	}
	.imprint{
		max-width:340px;
		float:left;
	}
	.mod_quicklink{
		display:none;
	}
}

@media (max-width: 1200px) {
	#header{
		background:none;
	}
	#header #beachleft,#header #beachright{
		width:50%;
	}
	.rsts-view{
		padding:5px;
	}
	#footerArea{
		padding-top:60px;
	}
}
@media (min-width: 1201px) {
	.rsts-view{
		padding:10px;
	}
	#kidsleft{left:200px;}
	#kidsright{right:200px;}
	
	#slogan{
		left:300px;
	}
	#footerArea{
		padding-top:20px;
	}
}
@media (min-width: 1701px) {
	#slogan{
		left:400px;
	}
}




/* end responsive */