@font-face{
	font-family:"PH W05_400 Cond";
	src:url("Fonts/5175408/3f4ff36e-e35d-409e-870c-e3e19a536524.eot?#iefix");
	src:url("Fonts/5175408/3f4ff36e-e35d-409e-870c-e3e19a536524.eot?#iefix") format("eot"),url("Fonts/5175408/b60525d9-a852-405c-b3af-bd0c0f415c10.woff2") format("woff2"),url("Fonts/5175408/69c2f38c-fb2f-4d53-9778-1a345fa3e176.woff") format("woff"),url("Fonts/5175408/1b7f2c6e-8eba-4db6-a04b-ede766332b7d.ttf") format("truetype");
}
@font-face{
	font-family:"PH W05_600 Cond";
	src:url("Fonts/5322942/724354e2-c196-4466-89b7-1d9725e28be8.eot?#iefix");
	src:url("Fonts/5322942/724354e2-c196-4466-89b7-1d9725e28be8.eot?#iefix") format("eot"),url("Fonts/5322942/3bdd3b37-0641-45b2-b035-8de167aaca47.woff2") format("woff2"),url("Fonts/5322942/f49fa0c0-0459-41b6-a149-456ef51cd8b9.woff") format("woff"),url("Fonts/5322942/706a0d34-95fd-435d-90a7-c5300c39a87a.ttf") format("truetype");
}

body
{
	min-width: 321px;
}

h2 {
    text-transform: unset;
	text-align: center;
}

.contentpage #header .ce_caption
{
	top: unset;
    bottom: -48px;
}

.max-w60
{
	max-width: 60%;
	margin-left: auto;
	margin-right: auto;
}

.txt_center
{
	text-align: center;
}

.startpage #article-198
{
	margin-top: -100px;
}

.col-container
{
	display:flex;
	justify-content: center;
}

.col-container .col_w50
{
	width:50%;
}


.col-container .col_w50.marginset
{
	width: calc(50% + 64px);
	margin-right: -64px;
}

.col-container .col_w50 .ce_text.boxed
{
	display: block;
    text-align: left;
    
    left: 0px;
    bottom: 24px;
    background-color: #7ECCE3;
    border-bottom: 6px solid #486A6B;
    color: #fff;
    padding-top: 52px;
    padding-bottom: 52px;
    padding-left: 32px;
    padding-right: 32px;
}

.boxed .button,
#eventbox .button
{
	border: 2px solid #fff;
}

.col-container .col_w50 .ce_text.boxed h3
{
	color:#fff;
	text-transform: uppercase;
	font-weight: 100;
	margin-top:0px;
}

.col-container .col_w50.flex-center
{
	display:flex;
    justify-content: center;
    flex-direction: column;
}
.col-container.max-w1200
{
	display:flex;
	justify-content: flex-end;
	margin-bottom:128px;
	max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}
.col-container.flex-bottom
{
	display:flex;
	justify-content: flex-end;
	margin-bottom:128px;
}

.col-container.flex-bottom .col_w50
{
	width:50%;
	position: relative;
    align-items: flex-end;
    display: flex;
}

.col-container.flex-center .col_w40
{
	width:50%;
	position: relative;
    align-items: center;
    display: flex;
}

.col-container.flex-center .col_w60
{
	width:50%;
	position: relative;
    align-items: center;
    display: flex;
	padding-right: 20%;
	
}

.col-container.flex-center .txt_left,
.col-container.flex-center .txt_left h2
{
	text-align: left!important;
}

.col-container.flex-bottom h2
{
	text-align: left;
	margin-top:90px;
}

.col-container.flex-bottom .col_w50.first
{
	text-align: right;
    justify-content: flex-end;
}
.col-container.flex-bottom .col_w50 .ce_text.intent
{
	padding-left: 48px;
}
.col-container.flex-bottom .col_w50 strong
{
	font-size: 18.5px;
}

.startpage #wrapper {
	margin-top:-135px;
}

#headlogo
{
	background-image: url(../../neuenhainer-ferienpark/elements/neuenhainer-see_logo_4c.png)!important;
	width:395px;
	height: 71px;
	top:36px;
}


#startslider.mod_rocksolid_slider .ce_text, .sliderclass .ce_text {
    width: 100%;
    max-width: 540px;
    padding-left: 62.5px;
    padding-right: 75.5px;
    padding-top: 150px;
    padding-bottom: 40px;
    background-image: url(../../neuenhainer-ferienpark/elements/neuenhainer-see_header-textbox-2.png);
    color: #fff!important;
    background-repeat: no-repeat;
    background-size: contain;
	margin-right: -42px;
}

.col-container.flex-bottom .col_w50 .ce_text.intent p:last-child
{
	margin-bottom: 0px;
}
.mod_navigation.main ul.level_1 > li {
    background-image: url(../../neuenhainer-ferienpark/elements/neuenhainer-see_icon_arrow-blue.png);
}

#eventbox
{
	background-color:#e5f5fa;
	margin-top:30px;
	margin-bottom:30px;
	overflow: visible;
}

#footer .footer-bottom
{
	background-color:#7ECCE3;
	height:8px;
	margin: auto;
    max-width: 1920px;
}

#footer_logo
{
	text-align: center;
	padding-top: 46px;
}


.ce_text p a:after {
    content: url(../elements/neuental_pfeil_rechts-weiss.png);
    margin-left: 3px;
    display: inline-block;
}

/* Linkblock direkt vor dem Cookiebar-Oeffner: Abstaende entfernen, damit
   "Cookies" in jeder Viewport-Groesse nahtlos als naechste Zeile anschliesst */
#footer .ce_text:has(+ .module-cookiebar-opener)
{
	margin-bottom: 0!important; /* muss .padding-bottom-m (30px!important) ueberstimmen */
}

#footer .ce_text:has(+ .module-cookiebar-opener) p:last-child
{
	margin-bottom: 0!important;
}

#footer .module-cookiebar-opener
{
	margin-top: 0;
	font-size: 13px; /* auf dem Div, nicht nur dem Link - sonst erzeugt dessen groessere Zeilenbox zusaetzlichen Abstand */
	font-weight: 500;
}

#footer .module-cookiebar-opener a
{
	color: #fff;
	text-transform: none;
}

#footer .module-cookiebar-opener a:after
{
	content: url(../elements/neuental_pfeil_rechts-weiss.png);
	margin-left: 3px;
	display: inline-block;
}

/* Footer-Links wachsen unter 1300px auf 15px (siehe layout_responsive.css),
   der Cookiebar-Oeffner muss mitziehen */
@media only screen and (max-width: 1300px) {
	#footer .module-cookiebar-opener
	{
		font-size: 15px!important;
	}
}


.ce_text p.more a, a.more, a.button, a.mhce_button, button, .contentpage .more:not(.ce_text .more), .mod_newsreader p.back a, .mod_eventreader p.back a
{
	background-color: #7ECCE3;
}


.mod_newslist .layout_latest h3 a
{
	color: #486A6B;
}

.mod_newslist .layout_latest h3 {
    font-size: 36px;
    line-height: 1;
    font-family: "PH W05_600 Cond", sans-serif;
    font-weight: 300;
	color: #486A6B;
}

.mod_newslist.columnview .layout_latest .news-container .ce_text,
.mod_newslist.columnview-2 .layout_latest .news-container .ce_text {
    color: #486A6B;
}

.startpage .mod_newslist .more-button
{
	display:none;
}

.ce_highlightbox
{
display: block;
    text-align: left;
    position: absolute;
    left: 0px;
    bottom: 24px;
    background-color: #7ECCE3;
    border-bottom: 6px solid #486A6B;
	color: #fff;
	padding-top:52px;
	padding-bottom: 52px;
	padding-left: 32px;
	padding-right: 32px;
	max-width: 387px;
}

.ce_highlightbox .line
{
	display:flex;
	min-height: 60px;
	padding-bottom: 24px;
}
.ce_highlightbox .line.last
{
	padding-bottom: 0px;
}
.ce_highlightbox .line .headline
{
	font-size: 24px;
    line-height: 1;
    font-family: "PH W05_600 Cond", sans-serif;
}
.ce_highlightbox .line .text
{
	color:#486A6B;
}

.ce_highlightbox .line .col_icon
{
	margin-right: 16px;
	max-width: 64px;
    flex-basis: 64px;
    flex-grow: 0;
    flex-shrink: 0;
}

.ce_highlightbox .col_1
{
	width:100px;
}

.ce_navigation-area {
	display:flex;
	margin-top:24px;
	margin-bottom: 88px;
	overflow-y:scroll;
}

.ce_navigation-area .item{
	/*height: 500px;*/
	position: relative;
	/*display:flex;
	align-items: flex-end;*/
}
.ce_navigation-area.cols_1 > div { width:100%; }
.ce_navigation-area.cols_2 > div { width:500%; }
.ce_navigation-area.cols_3 > div { width:33%; }
.ce_navigation-area.cols_4 > div { width:25%; }
.ce_navigation-area.cols_5 > div { width:20%; min-width: 200px; }

.ce_navigation-area .image_container:after
{
	content: "";
    background: transparent linear-gradient(180deg, #FFFFFF00 0%, #3f3f3ff0 100%, #242424b8 100%) 0% 0% no-repeat padding-box;
    mix-blend-mode: multiply;
    opacity: 1;
    width: 100%;
    position: absolute;
    bottom: 0px;
    left: 0;
    right: 0;
    top: 20%;
}

.ce_navigation-area .text_container
{
	position: absolute;
	left:0px;
	right:0px;
	bottom:0px;
	padding-bottom:48px;
	padding-top:48px;
	padding-left:24px;
	padding-right:24px;
	text-align: center;
}

.ce_navigation-area .text_container h3
{
	color:#fff;
	font-family: "PH W05_600 Cond", sans-serif;
	font-size: 38px;
    font-weight: 300;
}

.ce_navigation-area .item .hover_container
{
	display: none;
	color:#fff;
}

.ce_navigation-area .item .hover_container .teaser
{
	margin-bottom:16px;
}

.ce_navigation-area .item:hover .hover_container
{
	display: block;
}

.background-box
{
	background-image: url(../../neuenhainer-ferienpark/elements/neuenhainer-see_header-textbox.png);
	padding-top: 80px;
    padding-left: 70px;
    padding-bottom: 60px;
	margin-top: -30px;
	margin-bottom: -30px;
	padding-right: 110px;
	background-repeat: no-repeat;
	color:#fff!important;
}

.background-box h2
{
	color:#fff!important;
}

#offerbox
{
	margin-top: 88px;
	margin-bottom: 88px;
}

.boxed-lines
{
	background-image: url(../elements/event-boxheader.png);
    background-repeat: no-repeat;
    background-size: contain;
    padding-top: 26px;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 50px;
    border-bottom: 8px solid #c3cbcc;
    /*margin-top: 29px;*/
}

.ce_text.boxed-lines h2
{
	text-align: left;
}

.mod_navigation.main ul.level_2
{
	border-bottom: 3px solid #7ECCE3;
}

.mod_navigation.main ul.level_2 > li:hover > a, .mod_navigation.main ul.level_2 > li:hover > span, .mod_navigation.main ul.level_2 > li:hover strong {
    color: #7ECCE3;
}
	

.gmap-embed
{
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 75%; /* Google-Maps-Embed-Standardverhaeltnis 4:3 (600x450) */
	overflow: hidden;
}

.gmap-embed iframe
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
}

.contentpage h2
{
	text-align: left;
	color:#7ECCE3;
}

.contentpage .ce_gallery h2
{
	margin-left: 10px;
}

.ce_accordion .toggler
{
	color: #7ECCE3;
}

#header .ce_caption, .sliderclass .ce_caption {
    background-image: url(../elements/layer-slider-blue.png);
}

.mod_navigation.sidebar ul.level_1 > li > a:after {
    content: url(../../neuenhainer-ferienpark/elements/neuenhainer-see_icon_arrow-blue.png);
}

.mod_navigation.sidebar ul.level_2 li.active strong,
#right .layout_latest h2 a {
    color: #7ECCE3;
}


@media only screen and (max-width: 1300px) {
	
	#headlogo {
		width: 325px;
		height: 71px;
		top: 46px;
	}
	
	#eventbox .col_w40,
	#eventbox .col_w60{
		width:50%;
	}
	
	#eventbox .col_w60{
		padding-right: 5%;
		padding-left: 5%;
	}
	
	#eventbox .col_w40 .background-box{
		background-size: contain;
		padding-top: 80px;
	  padding-left: 60px;
	  padding-bottom: 50px;
	  margin-top: -25px;
	  margin-bottom: -25px;
	  padding-right: 90px;
	}
	
	
	.sliderclass .ce_text
	{
  		margin-right: 16px;	
	}	
}

@media only screen and (max-width: 1240px) {

	.sliderclass h1 {
	  font-weight: 900;
	  font-size: 29px;
	  margin-top: 10px;
	  line-height: 34px;
	}
	
	.sliderclass .ce_text
	{
		margin-top: 60px;
  		margin-right: -17px;	
	}
	
}

@media only screen and (max-width: 1080px) {
	
	.mod_navigation.main ul.level_1 > li.first
	{
		display:none;
	}
	
	.map-columns .-large-col-3-2
	{
		margin-right: 2.69231%;
	}
	
	.map-columns .-large-col-3-1
	{
		width:33.20513%;
	}
	
	#eventbox .col_w40 .background-box{
		background-size: contain;
		padding-top: 60px;
	  padding-left: 60px;
	  padding-bottom: 80px;
	  margin-top: -25px;
	  margin-bottom: -25px;
	  padding-right: 90px;
	}
	
	
	
	#welcome-f
	{
		margin-bottom: 64px;
	}
	
	#welcome-f .col_w50.first .ce_image
	{
		display: none;
	}	
	
	#welcome-f .ce_highlightbox
	{
		position: relative;
		bottom:unset;
	}
	
	.startpage #article-198
	{
		margin-top:64px;
	}
	
	#header .inner-layer, .sliderclass .inner-layer {
		padding: 36px;
		padding-bottom: 36px;
		padding-bottom: 0px;
		margin-bottom: -10px;
	  }
	
	.contentpage #header .inner-layer
	{
		padding-left: 0px;
	}
	
	
}
@media only screen and (max-width: 988px)
{
	#eventbox
	{
		display: none;
	}

	
}
@media only screen and (max-width: 902px) {
	
	
	.map-columns .-large-col-3-2
	{
		margin-right: 0;
		width:100%;
	}
	
	.map-columns .-large-col-3-1
	{
		width:100%;
		margin-top: 1rem;
	}
	
	.map-columns .-large-col-3-1 .boxed-lines
	{
		background:unset;
		padding: unset;
	}
	
	.map-columns
	{
		margin-top: unset!important;
	}
	
}

@media only screen and (max-width: 767px) {
	
	
	#offerbox .col-container{
		display: block
	}
	
	#offerbox .col-container > div
	{
		width:100%;
		margin:unset;		
	}
	
	#newsbox .layout_latest h3 {
		margin-top: 23px !important;
		font-size: 32px !important;
		margin-bottom: 7px !important;
	}
	
	#eventbox,
	#eventbox .col-container
	{
		display:block;
	}
	
	#eventbox .col-container
	{
		display:block;
		margin-bottom: unset;
	}
	
	#eventbox .col-container .col_w40 > div
	{
		max-width: 500px;
	}
	
	#eventbox .col-container .background-box
	{
		color:unset;
		padding: unset;
		background: unset;
		padding-left: 5%;
		padding-right: 5%;
		color: #486a6b;
		padding-top: 9%;
		padding-bottom: 9%;
	}
	
	#eventbox .col-container h2,
	#eventbox .col-container p
	{
		color: #486a6b!important;
	}
	#eventbox .col-container .col_w60
	{
		padding-bottom: 32px;
	}
	
	#eventbox .col-container > div
	{
		width:100%;
	}
	

	.sliderclass .ce_text
	{
		background-color: unset;
		width:90%;
		max-width: 500px;
		left:16px;
		bottom:-140px;
		position: absolute;
	}
	
	.sliderclass h1 {
	  font-weight: 900;
	  font-size: 35px;
	  margin-top: 10px;
	  line-height: 1;
	  padding-right: 10%;
	  font-size: 2.5rem !important;
	}
	
	.startpage #main
	{
		margin-top:150px;
	}
	
	#welcome-f
	{
		margin-bottom: 48px;
		flex-wrap: wrap;
	}
	
	.startpage #article-198
	{
		margin-top: unset;;
	}
	
	#welcome-f > div
	{
		width: 100%;
	}
	
	#welcome-f .col_w50.first
	{
		order:2;
		margin-top: 2rem;
	}
	#welcome-f .ce_highlightbox
	{
		bottom:0px;
		position: relative;
		max-width: unset;
		margin-top: 24px;
		width: 100%;
	}
	
	#welcome-f .col_w50.first .ce_image
	{
		display: none;
	}
	
	#welcome-f .col_w50 .ce_text.intent
	{
		padding-left: unset;
	}
	
	#header .inside .mod_article,
	#header .inside .mod_rocksolid_slider, 
	#header .inside .mod_rocksolid_slider .rsts-crop,
	#header .mod_rocksolid_slider .rsts-slide, #header .mod_rocksolid_slider .rsts-slide > div{
		overflow: visible;
	}
	
	.contentpage.type-b #header
	{
		margin-bottom: 93px;
	}
	
}


@media only screen and (max-width: 660px) {
  	

		
	.max-w60
	{
		max-width: 90%;	
	}
	

	
	
	#headlogo {
	    width: 215px;
	    height: 51px;
	    top: 46px;
  	}
	
 	#top-mmenu {
	    position: absolute;
	    right: 0px;
	    top: 56px;
  	}
	
	.contentpage #header .ce_caption
	{
		/*margin-left: 0px;*/
	}
	
	#header_offset, #header_offset > .inside {
	    height: 104px;
  	}
	
	.ce_accordion .accordion {
	  padding-left: 0px;
	}

	.contentpage #main .ce_gallery li
	{
		padding:3px;
	}
	
	#offerbox
	{
		margin-top: 44px;
	}
	
	
	
}

@media only screen and (max-width: 550px) {
	
	.sliderclass .ce_text
	{
		padding-top: 130px;
		width:95%;
	}
	
	.sliderclass .ce_text p {
	  font-weight: 700 !important;
	  font-size: 16.5px;
	}
}

@media only screen and (max-width: 450px) {
	
	.sliderclass .ce_text
	{
		padding-top: 120px;
		width:95%;
	}
	
	.sliderclass .ce_text p {
	  font-weight: 700 !important;
	  font-size: 16.5px;
	}
}
  	
@media only screen and (max-width: 410px) {
	
	.sliderclass .ce_text
	{
		padding-left: 46.5px;
		  padding-right: 45.5px;
		  padding-top: 97px;
		  padding-bottom: 40px;
	}
	
	.sliderclass .ce_text p {
	  font-weight: 700 !important;
	  font-size: 15.5px;
	}
	
	.sliderclass h1
	{
		font-size: 2rem!important;
	}
}
  
@media only screen and (max-width: 360px) {
	
	.sliderclass .ce_text
	{
		padding-left: 36px;
		  padding-right: 36px;
		  padding-top: 88px;
		  padding-bottom: 40px;
	}
	
	.sliderclass .ce_text p {
	  font-weight: 700 !important;
	  font-size: 15px;
	hyphens: auto;
	}
	
	.sliderclass h1
	{
		font-size: 2rem!important;
	}
}
  