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{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li{float:left}.ce_gallery>ul li.col_first{clear:left}.float_left{float:left}.float_right{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}
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{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}header,footer,nav,section,aside,article,figure,figcaption{display:block}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}
/*
rot: 802440
orange: f29400
grau: 868889

font-weight 300, 400, 600
*/


*	{
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
}

a,
a:visited {
	text-decoration: none;
}


html{
	font-size: 14px;
	line-height: 1.3em;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
} 

body {
	background: #ebebeb;
}

#wrapper {
	width: 100%;
	max-width: 1400px;
	min-width: 1020px;
	margin: 0 auto;
	background: url("../../files/albzeit/grafiken/background.png") #fff no-repeat center bottom;
}

p {
	line-height: 1.4em;
}

h1,h2 {
	text-transform: uppercase;
	color: #868889;
	margin-bottom: 15px;
	display: block;
}

.startblock h1 {
	text-transform: none;
	color: #fff;
}


em {
	font-style: normal;
	font-size: 1.5rem;
	color: #868889;
	line-height: 1.5em;
}

.logo {
	float: left;
	width: 305px;
	margin: 40px 0 40px 20px;
}


nav ul li,
nav ul li a {
	color: #868889;
	float: left;
}


.nav_top,
.nav_top_second {
	float: right;
}

.nav_top {
	margin: 3rem;
	2.5rem;
}

.nav_top:after,
.nav_top:before,
.nav_top_second:after,
.nav_top_second:before {
	content: "";
	display: table;
	clear: both;
}



.nav_top ul li,
.nav_top_second ul li {
	margin-left: 3rem;
}


.nav_top_second {
	margin: -4.2rem 3rem;
	font-size: 1.2rem;
	line-height: 1.5rem;
}

.nav_top_second ul li.active,
.nav_top ul li.active {
	color: #f29400;
	font-weight: bold;
}


.nav_main {
	margin-left: 110px;	

}


.nav_main ul li {
	background: #f29400;
	color: #fff;
	margin-right: 2rem;
	font-size: 1.7rem;
}

.nav_main ul li:hover,
.nav_main ul li.active,
.nav_main ul li.trail {
	background: #802440;
}

.nav_main ul li.active {
		padding: 2rem 3.5rem;
}

.nav_main ul li a {
	color: #fff;
	padding: 2rem 3.5rem;
}

@media only screen and (max-width: 1400px){
	.nav_main ul li {
	margin-right: 2rem;
	font-size: 1.5rem;
	}
	
}
@media only screen and (max-width: 1150px){
	.nav_main ul li {
	margin-right: 1.2rem;
	font-size: 1.5rem;
	}
	
	.nav_main ul li a {
	color: #fff;
	padding: 1.5rem 2.5rem;
	}
	
	.nav_top_second {
	margin: -4.2rem 2rem;
	font-size: 1.0rem;
	line-height: 1.5rem;
	}

}


.rsts-slide .ce_text {
	position: absolute;
	margin-top: -210px;
	left: 110px;
	z-index: 999;
	background: #f29400;
	background: rgba(243, 151, 0, 0.86);
	padding: 2rem;
	font-size: 2rem;
	color: #fff;
	line-height: 3rem;
}

.startblock {
	background: #f29400;
	background: rgba(243, 151, 0, 0.86);
	margin: 70px 110px;
	padding: 2rem;
	color: #fff;
}

.startblock p {
	font-size: 1.4rem;
	line-height: 1.3em;
	width: 90%;
}

.rsts-slide p {
		margin-bottom: 0;
}

.startblock h1 {
	font-size: 1.9rem;
	line-height: 1.3em;
}


.startblock a {
	color: #fff;
	text-decoration: underline;
}

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


/*
/////////          /////////   
           RASTER
/////////          /////////   
*/

.grid {
	clear: both;
	width: 100%;
/* 	max-width: 1920px; */
	min-width: 755px;
	margin: 0 auto;
	overflow: hidden;
}

.grid:after,
.grid:before {
	content: "";
	display: table;
	clear: both;
}

[class*='col-'],
[class*='gr-'] {
	float: left;
	padding-right: 0px;
}


.fullwidth{
	margin-left: 0 !important;
	width: 100% !important;
	clear: both;
	margin: 0 auto;
	overflow: hidden;
}

.fullwidth > .grid{
	margin-left: 15% !important;
	width: 70% !important;
	clear: both;
	margin: 0 auto;
	overflow: hidden;
}


.content-txt{
	margin: 70px 110px;
	width: 50%;
	min-width: 700px;
}




.btn-rund {
	position: absolute;
	z-index: 999;
	background: #f29400;
    width: 100px;
    height: 100px;
    top: 500px;
    right: 50px;
    text-align: center;
    border-radius: 50px;
	display: inline-block;
	font-size: 90px;
	color: #fff;
}

.btn-rund.subsite {
    top: 270px;
}

.btn-eckig a:hover,
.btn-rund:hover  {
background: #802440;
}



.btn-eckig a {
	position: absolute;
    top: 300px;
    right: 180px;
	z-index: 999;
	background: #f29400;
    text-align: center;
    padding: 10px;
	display: inline-block;
	font-size: 24px;
	color: #fff;
}


#fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	padding: 20px;
	z-index: 1101;
	outline: none;
	display: none;
	}
.fancybox-overlay {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    display: none;
    z-index: 8010;
    background-image: none !important;
    background: rgba(245, 157, 5, 0.2) !important;
}


.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

.fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}

.fancybox-skin {
	background: #f59c04;
	background: rgba(245, 157, 5, 0.82);
	    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;

}

.fancybox-skin body {
	background: red;
}

.overlay-content-padding {
	max-width: 800px;
	padding: 40px;
	background: #fff;
	}

.overlay-content-ptop {
	padding-top: 5rem;
	padding-bottom: 5rem;
}


.fancybox-close {
    position: absolute;
    top: 36px;
    right: 150px;
    width: 36px;
    height: 36px;
    cursor: pointer;
    z-index: 8040;
    background: none !important;
    font-size: 3rem;
}

.mobile .fancybox-close {
    top: 16px;
    right: 50px;
    width: 36px;
    height: 36px;
    z-index: 8040;
    font-size: 3rem;
}

.fancybox-close:after { content: "\2715" " "; color: #000; }





.galerie {
	margin: 70px 110px;
}

.galerie ul > li.previous a,
.galerie ul > li.next a {
	font-size: 150px;
	color: #f59c04;
	color: rgba(245, 157, 5, 0.82);
	position: absolute;
	right: 20px;
	top: 250px;
	font-family: Arial, Helvetica, sans-serif;

}
.galerie ul > li.previous a:hover,
.galerie ul > li.next a:hover {
	color: #f59c04;
	color: rgba(245, 157, 5, 1);
}

.galerie ul > li.previous a{
	position: absolute;
	left: 20px;
}



.row_0.row_first.even.col_0.col_first > figure,
.row_1.row_last.odd.col_0.col_first > figure {
	margin-right: 160px !important;
	margin-bottom: 90px !important;
}


@media only screen and (max-width: 1400px){
	.row_0.row_first.even.col_0.col_first > figure,
	.row_1.row_last.odd.col_0.col_first > figure {
		margin-right: 120px !important;
		margin-bottom: 90px !important;
	}
}

@media only screen and (max-width: 1300px){
	.row_0.row_first.even.col_0.col_first > figure,
	.row_1.row_last.odd.col_0.col_first > figure {
		margin-right: 40px !important;
		margin-bottom: 90px !important;
	}
}

@media only screen and (max-width: 1300px){
	
	.ce_gallery ul li {
		width: 45%;
		height: 300px;
		overflow: hidden;
	}
	
	.row_0.row_first.even.col_0.col_first > figure,
	.row_1.row_last.odd.col_0.col_first > figure {
		margin-right: 40px !important;
		margin-bottom: 190px !important;
	}


}



.ce_comments {
	margin: 70px 110px;
}

.ce_comments .comment_default,
.ce_comments .form {
	width: 40%;
	float: left;
}

.ce_comments .form {
	margin-top: -4.5em;
	
} 
.ce_comments .form .formbody {
	width: 80%;
}

.ce_comments .comment_default {
	margin-right: 15%;
}


.comment_default p.info {
	font-weight: bold;
	color: #802440;
}

.comment p {
	font-size: 1.3rem;
	color: #868889;
}


/*  FORMULARE */
 input, 
 textarea, 
 select,
 file,
 submit {
	outline: 0;
	display: block;
	margin: 0;
	padding: 18px 20px;
	width: 100%;
	color: #323232;
	font-weight: 300;
	font-size: 16px;
	margin: 1% 0;
	border-radius: 0 !important;
	-webkit-box-shadow: inset 0 0px 0px #eee;
	box-shadow: inset 0 0px 0px #eee;
	-moz-box-shadow: inset 0 0px 0px #eee;
}


input {
	color: #666;
	font-weight: 300 !important;
	font-size: 20px;
	padding: 0;
	border: 0;
	border-bottom: 1px solid #ccc;
	padding: 20px 20px;

}

 textarea,  
 select,
file,
submit {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
	appearance: none;
}


.ce_form h1 {
	color: #fff;
	font-weight: 300;
	letter-spacing: 1px;
	margin-bottom: 2.5rem;
}


.checkbox_container span {
	width: 25%;
	display: inline-block;
	margin-right: 35px;
	font-size: 1.5rem;
}

.checkbox_container span label {
	font-size: 1.3rem;
	font-weight: 300;
}


.widget {
	width: 95%;
	margin-bottom: 15px;
}


.formcol50,
.widget.col50 {
	width: 44%;
	float: left;
	margin-right: 7%;
}

.formcol50.last,
.widget.col50.last {
	margin-right: 0%;
}

.widget.selectcol50 {
	width: 22%;
	float: left;
	margin-right: 4%;
}

.widget.selectcol50.last {
	margin-right: 50%;
}

.CalendarFieldIcon {
	position: relative;
	top: -47px;
	left: 100%;
}

.widget.widget-textarea {
	width: 99%;
	border: 0;
}
textarea {
	border: 0;
}



input[type="email"],
input[type="text"],
input[type="url"],
 input {
font: -webkit-small-control;
color: initial;
letter-spacing: normal;
word-spacing: normal;
text-transform: none;
text-indent: 0px;
text-shadow: none;
display: inline-block;
text-align: start;
border: 0px solid #868889;
}

input[type="radio"], input[type="checkbox"], label {
vertical-align: middle;
}
input[type="radio"], input[type="checkbox"] {
margin: 0 3px 0 0;
}
input[type="file"], input[type="image"], input[type="submit"], input[type="reset"], input[type="button"], input[type="radio"], input[type="checkbox"] {
width: auto;
}




 textarea {
	height: 110px;
}



input[type="submit"], .button {
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	color: #fff;
	cursor: pointer;
	border: 0px solid #aaa;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	background-image: none !important;
	-moz-transition: all .15s linear;
	-webkit-transition: all .15s linear;
	-o-transition: all .15s linear;
	transition: all .15s linear;
	background: #802440;
	padding: 8px 12px;
	margin-top: 25px;
	display: block;
	text-align: center;
	color: #fff;
	font-weight: 400;	

}

input[type="submit"]:hover, .button:hover {
	color: #fff;
	background-color: #868889;
}


input:-ms-input-placeholder {
    font-style:italic;        
    color: red;
    background-color: yellow;
    }

/* ENDE FORMULARE */


.form-bg legend {
	color: #fff;
	display: none;
}

.form-bg label {
	color: #fff;
	font-size: 1rem;
}

.form-orange {
	margin: 70px 110px;
	width: 70%;
	background: #f29400;
	background: rgba(243, 151, 0, 0.84);
	padding: 50px;
}


.ce_comments textarea,
.ce_comments input[type="email"],
.ce_comments input[type="text"],
.ce_comments input[type="url"],
.ce_comments  input  {
	border: 1px solid #333;
}

.bg #main,
.form-bg #main {
	background: url("../../files/albzeit/grafiken/background_ausblick.jpg") #fff no-repeat center top;
	  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
}

.item--belegungsplan {
	padding-top: 4rem;
	padding-bottom: 4rem;
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.item--belegungsplan h2 {
	color: #fff;
	order: 1;
}

.item--belegungsplan .image_container {
	order: 2;
	margin: 1rem 0 .5rem 0;
}

.item--belegungsplan p {
	width: 100%;
	order: 3;
}

.item--belegungsplan img {
	transition: opacity ease .2s;
}

.item--belegungsplan a:hover img {
	opacity: .8;
}