@charset "utf-8";
/* moved by compressor */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,700italic,400italic);
/* moved by compressor */
/* default styles for extension "tx_frontend" */
    .ce-align-left { text-align: left; }
    .ce-align-center { text-align: center; }
    .ce-align-right { text-align: right; }

    .ce-table td, .ce-table th { vertical-align: top; }

    .ce-textpic, .ce-image, .ce-nowrap .ce-bodytext, .ce-gallery, .ce-row, .ce-uploads li, .ce-uploads div { overflow: hidden; }

    .ce-left .ce-gallery, .ce-column { float: left; }
    .ce-center .ce-outer { position: relative; float: right; right: 50%; }
    .ce-center .ce-inner { position: relative; float: right; right: -50%; }
    .ce-right .ce-gallery { float: right; }

    .ce-gallery figure { display: table; margin: 0; }
    .ce-gallery figcaption { display: table-caption; caption-side: bottom; }
    .ce-gallery img { display: block; }
    .ce-gallery iframe { border-width: 0; }
    .ce-border img,
    .ce-border iframe {
        border: 2px solid #000000;
        padding: 0px;
    }

    .ce-intext.ce-right .ce-gallery, .ce-intext.ce-left .ce-gallery, .ce-above .ce-gallery {
        margin-bottom: 10px;
    }
    .ce-image .ce-gallery { margin-bottom: 0; }
    .ce-intext.ce-right .ce-gallery { margin-left: 10px; }
    .ce-intext.ce-left .ce-gallery { margin-right: 10px; }
    .ce-below .ce-gallery { margin-top: 10px; }

    .ce-column { margin-right: 10px; }
    .ce-column:last-child { margin-right: 0; }

    .ce-row { margin-bottom: 10px; }
    .ce-row:last-child { margin-bottom: 0; }

    .ce-above .ce-bodytext { clear: both; }

    .ce-intext.ce-left ol, .ce-intext.ce-left ul { padding-left: 40px; overflow: auto; }

    /* Headline */
    .ce-headline-left { text-align: left; }
    .ce-headline-center { text-align: center; }
    .ce-headline-right { text-align: right; }

    /* Uploads */
    .ce-uploads { margin: 0; padding: 0; }
    .ce-uploads li { list-style: none outside none; margin: 1em 0; }
    .ce-uploads img { float: left; padding-right: 1em; vertical-align: top; }
    .ce-uploads span { display: block; }

    /* Table */
    .ce-table { width: 100%; max-width: 100%; }
    .ce-table th, .ce-table td { padding: 0.5em 0.75em; vertical-align: top; }
    .ce-table thead th { border-bottom: 2px solid #dadada; }
    .ce-table th, .ce-table td { border-top: 1px solid #dadada; }
    .ce-table-striped tbody tr:nth-of-type(odd) { background-color: rgba(0,0,0,.05); }
    .ce-table-bordered th, .ce-table-bordered td { border: 1px solid #dadada; }

    /* Space */
    .frame-space-before-extra-small { margin-top: 1em; }
    .frame-space-before-small { margin-top: 2em; }
    .frame-space-before-medium { margin-top: 3em; }
    .frame-space-before-large { margin-top: 4em; }
    .frame-space-before-extra-large { margin-top: 5em; }
    .frame-space-after-extra-small { margin-bottom: 1em; }
    .frame-space-after-small { margin-bottom: 2em; }
    .frame-space-after-medium { margin-bottom: 3em; }
    .frame-space-after-large { margin-bottom: 4em; }
    .frame-space-after-extra-large { margin-bottom: 5em; }

    /* Frame */
    .frame-ruler-before:before { content: ''; display: block; border-top: 1px solid rgba(0,0,0,0.25); margin-bottom: 2em; }
    .frame-ruler-after:after { content: ''; display: block; border-bottom: 1px solid rgba(0,0,0,0.25); margin-top: 2em; }
    .frame-indent { margin-left: 15%; margin-right: 15%; }
    .frame-indent-left { margin-left: 33%; }
    .frame-indent-right { margin-right: 33%; }



.img{
	/*
	float:left;
	margin-left:0px;
	display:block !important;
	*/
	transition: all 0.4s ease-out;
}

img{
	
	
	transition: all 0.4s ease-out;
	
	display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    height: auto;
	
}
.ce-gallery.firstfull > *:first-child{
	grid-column: 1 / -1; /* span full width */
	
}
.parallax-slider img{
	
	transition: none;
}
.frame-type-textmedia{
	clear:both;
}
figure{
	margin:0;
}

.text-center{
	text-align:center;
}


.ce-gallery {
    max-width: 100%;
	
    width: 100%;
	
	
}

.ce-intext .ce-gallery{
	max-width:30%;
	width:auto;
} 
.resp{
	display:none;
}

.ce-gallery figure{
	display:block;
	
}

.csc-textpic-right .img{
	float:right;
}
.nomargin{
	margin-left:0px !important;
	margin-right:0px !important;
}
.removepadding .ce-column.img{
	margin-bottom:0px !important;
}
.masonry .img{
	float:none !important;
	-webkit-transition-duration: 0s;
-moz-transition-duration: 0s;
-o-transition-duration: 0s;
transition-duration: 0s;
	
}
.ce-gallery.masonry{
	
	
}
.ce-left .fa,.ce-left .fas {
   margin-left: 1px;
}
div[class*=" frame-space-before-"]:before{
	display: block;
    content: "";
    clear: both;
	
}
.gridwrap .fullwidth{
	
	float:left;
	width:100%;
}

ul.ce-uploads{
	padding: 0px !important;
	
}
.ce-uploads li{
	
	list-style-position: inside;
	list-style-image: none;
	list-style-type: none;
	
}
.ce-uploads li::before {
    content: "" !important;
    
}

.ce-uploads :first-child {
   margin-top: 0px;
    
}

.ce-uploads :last-child {
    margin-bottom: 0px;
    
}

.ce-textpic.ce-right img{
	
	float:right;
}

.ce-left.ce-intext .ce-gallery {
	display:inline-block;
	float:left;
}
 
.ce-right.ce-intext .ce-gallery {
	display:inline-block;
	float:right;
}

.ce-center img{
	margin-left: auto;
	margin-right: auto;
}

.ce-below .ce-gallery , .ce-above .ce-gallery{
	clear: both;
}

section.frame-type-div{

	
	z-index: 1 !important;
}
a#menu-icon{
	font-size: 200%;
	position: absolute;
	display: none;
	color:  var(--MenuColor);
	background-color:  var(--MenuBG);
	width: 32px;
	height:32px;
	left: 5px;
	top:5px;
}

a#menu-icon i{
	
	
	position: absolute;
	height: 100%;
	width: 100%;
	left:1px;
}


.mm-listview > li > a, .mm-listview > li > span {
   color: var(--MenuBG);
}
.ce-bodytext{
	width: 100%;
}
.ce-nowrap .ce-bodytext{
	width: auto;
}
.istextwithicon{
	position: relative;
}
.istextwithicon .ce-bodytext{
	white-space: nowrap;
	
	width: auto !important;
	overflow: hidden;
}
.istextwithicon .ce-gallery{
	
	max-width:none;
	width: auto;
	margin-bottom: 0px !important;
}
.istextwithicon .ce-bodytext a , 
.istextwithicon .ce-bodytext p , 
.istextwithicon .ce-bodytext ul , 
.istextwithicon .ce-bodytext ol , 
.istextwithicon .ce-bodytext h1 ,
.istextwithicon .ce-bodytext h2 ,
.istextwithicon .ce-bodytext h3 ,
.istextwithicon .ce-bodytext h4 ,
.istextwithicon .ce-bodytext h5 ,
.istextwithicon .ce-bodytext h6 
{
	margin: 0px !important;
	display: inline;
	
}

footer{
    
    z-index: -1;
}

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

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

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






.gridfifty{
	
	/*
	
	width:50%;
	
	float:left;
	*/
	
	
}

.TwoColContainer{
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
	
}
.SeventyFiveTwentyFiveContainer{
	display: grid;
    
	grid-template-columns: minmax(0, 3fr) minmax(0, 1fr);
    gap: 20px;
	
	
}
.TwentyFiveSeventyFiveContainer{
	display: grid;
    
	grid-template-columns: minmax(0, 1fr) minmax(0, 3fr);
    gap: 20px;
	
}
.SixtySixThirtyThreeContainer{
	
	display: grid;
    
	grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
    gap: 20px;
}
.ThirtyThreeSixtySixContainer{
	
	display: grid;
    
	
	grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
	
    gap: 20px;
}

.OneColContainer {
    display: grid
;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 20px;
}

.ThreeColContainer{
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
	
}
.tabs .gridwrap{
	width:100%;
	margin-left:0px;
	
}

.gridtwentyfive{
    /*
	width:25%;
	
	float:left;
    */
	
}

.gridtwentyfivef{
    /*
	width:25%;
	
	float:left;
	*/
	
}
.gridseventyfive{
	/*
	width:75%;
	
	float:left;
	*/
	
}
.fullwidth{
	width:100% !important;
	padding-left:0px;
	padding-right:0px;
	margin-left:0px;
	margin-right:0px;
}


.one_quarter{
	/*
	width:25%;
    */
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    
}




.gridtwentyfive{
	/*
	width:25%;
    
    flex: 0 0 calc(100%/4);
  box-sizing: border-box;
    */
    
}

.gridwrap h1, .gridwrap h2, .gridwrap h3, .gridwrap h4, .gridwrap h5, .gridwrap h6, .gridwrap p {
	
	padding-right: 0% ;
	padding-left: 0% ;
	 
}
.gridwrap .innercontent{
	max-width:100%;
}
.gridwrap{
	float:left;
	
}
section.gridwrap {
	float:none;
}

.gridfifty , .gridsixtysix , .gridthirtythree , .gridtwentyfive , .gridonehundred , .gridseventyfive{
	
	display: contents;
}

.gridthirtythree{
	
	/*
	width:33.33333333%;
	float:left;
	*/
}

.gridsixtysix{
	/*
	width:66.66666666%;
	float:left;
	*/
}

.gridtwentyfive.last , .gridfifty.last , .gridsixtysix.last , .gridthirtythree.last , .gridseventyfive.last{
	
	margin-right:0%;
	
}
.clrflt{
	height:0px;
	clear:both;
}
@media screen and (max-width: 960px) {
	
	
	
}

@media screen and (max-width: 800px) {
	
	.one_quarter .gridtwentyfive{
		/*
		width:50%;
		*/
	}
	.one_quarter .gridtwentyfive.f{
		margin-right:0%;
	}
	.one_quarter .gridtwentyfive.last{
		margin-right:0%;
	}
	
}

@media screen and (max-width: 768px) {
	
	
	
	.gridfifty , .gridtwentyfive, .gridseventyfive, .gridthirtythree , .gridsixtysix{
		width:100% !important;
		margin-left:0% !important;
		margin-right:0px;
		
	}
		
	.gridwrap{
		
		
	}
	
}
@media screen and (max-width: 480px) {
	
	
}




.thumb-creative, .thumb-creative__inner {
    display: flex;
    width: 100%;
}
.thumb-creative__inner {
    position: relative;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-perspective: 1000px;
    perspective: 1000px;
}
.thumb-creative__front {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    transform: rotateY(0deg);
    z-index: 1;
}
.thumb-creative__content .flipper p , .thumb-creative__content .flipper h2 , .thumb-creative__content .flipper h3 ,.thumb-creative__content .flipper h4 ,.thumb-creative__content .flipper h5 ,.thumb-creative__content .flipper h6 , .thumb-creative__content .flipper ol , .thumb-creative__content .flipper ul , .thumb-creative__content .flipper li{
	margin-bottom:1rem !important;
	padding-bottom:0px;
}
.thumb-creative__back {
    transform: rotateY(180deg);
    opacity: 1;
}
.thumb-creative__image-wrap {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    pointer-events: none;
}
.thumb-creative__front .thumb-creative__content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    
	
    z-index: 2;
	
}
.thumb-creative__back .thumb-creative__content {
    
    width: 100%;
    
    
	
}
.thumb-creative__content{
	height: 0px;
}
.thumb-creative__content::before {
    content: '';
}
.thumb-creative__back {
    transform: rotateY(180deg);
    opacity: 1;
}
.thumb-creative__image {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    min-width: 100%;
    min-height: 100%;
    
    width: auto;
}
.thumb-creative__back {
    position: relative;
    overflow: hidden;
}
.thumb-creative__front, .thumb-creative__back {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    
}

.thumb-creative__title{
	padding-top:0px;
	padding-bottom:1rem;
}

.thumb-creative__front, .thumb-creative__back {
    overflow: visible;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    transition: -webkit-transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
    transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1), -webkit-transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

.thumb-creative figure {
    display: block;
}

.thumb-creative__back .thumb-creative__image {
    opacity: 0.2;
}




.thumb-creative:hover .thumb-creative__front {
    transform: rotateY(-180deg);
}
.creative .ce-gallery{
	background-color:#fff;
	padding-top:4px;
}
.thumb-creative:hover .thumb-creative__back {
    transform: rotateY(0deg);
}
.thumb-creative__content h3 , .thumb-creative__content p{
	color:#fff;
	text-shadow: 1px 1px 1px #000;
}
.thumb-creative__back p{
	font-size:80%;
}

.thumb-creative__back h3 , .thumb-creative__back p{
	margin-top: 0px !important;
	padding-right: 0px !important;
    padding-left: 0px !important;
	margin-bottom:0px !important;
}








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






:root {
	--spacing : 20px;
	--border-width: 1px;
	
}
.frame-type-form_formframework form{
	float:left;
	width: 100%;
	
}
.frame-type-form_formframework form .gridouter{
	float:left;
	margin-left: calc(0px - (var(--spacing) / 2));
	margin-right: calc(0px - (var(--spacing) / 2));
	width: calc(100% + var(--spacing));
}
.frame-type-form_formframework form .child{
	float:left;
	
	
}
.frame-type-form_formframework form .innerchild{
	float:left;
	margin-left: calc(var(--spacing) / 2);
	margin-right: calc(var(--spacing) / 2);
	width: calc(100% - var(--spacing));
	
}
.frame-type-form_formframework .child.col-sm-1{
	
	width:100%;
}
.frame-type-form_formframework .child.col-sm-2{
	
	width: 50%;
}
.frame-type-form_formframework .child.col-sm-3{
	
	width:33.33%;
}
.frame-type-form_formframework .child.col-sm-4{
	
	width:25%;
}
.frame-type-form_formframework .child.col-sm-5{
	
	width:20%;
}
.frame-type-form_formframework .child.col-sm-6{
	
	width:16.66%;
}
.frame-type-form_formframework .h-captcha{
	margin-top: 1rem;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 0rem;
	float: left;
	clear: both;
}

.frame-type-form_formframework [type="color"], .frame-type-form_formframework [type="date"], .frame-type-form_formframework [type="datetime-local"], .frame-type-form_formframework [type="datetime"], .frame-type-form_formframework [type="email"], .frame-type-form_formframework [type="month"], .frame-type-form_formframework [type="number"], .frame-type-form_formframework [type="password"], .frame-type-form_formframework [type="search"], .frame-type-form_formframework [type="tel"], .frame-type-form_formframework [type="text"], .frame-type-form_formframework [type="time"], .frame-type-form_formframework [type="url"], .frame-type-form_formframework [type="week"], .frame-type-form_formframework textarea {
    
   
	
}


@media screen and (min-width: 768px) {
	
	
	.frame-type-form_formframework .child.col-md-1{
	
		width:100%;
	}
	.frame-type-form_formframework .child.col-md-2{
	
		width: 50%;
	}
	.frame-type-form_formframework .child.col-md-3{

		width:33.33%;
	}
	.frame-type-form_formframework .child.col-md-4{

		width:25%;
	}
	.frame-type-form_formframework .child.col-md-5{

		width:20%;
	}
	.frame-type-form_formframework .child.col-md-6{

		width:16.66%;
	}
}








body {
	background-color: #fff;
	margin: 0;
	padding: 0;
	color: #000;
	font-family: 'Open Sans', sans-serif;
	font-size: 100%;
	line-height: 1.6;
	font-weight:400;
}

ul, ol, dl { 
	padding: 0;
	margin: 0;
}
.abstand{
	margin-bottom:15px;
	
}
h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;	 
	padding-right: 0px;
	padding-left: 0px; 
	margin-bottom:15px;
}
.gelb{
	color:#ffcc00;
}
input.powermail_checkbox{
	
	margin-bottom: 0.5rem !important;
	margin-left: 0.5rem !important;
	
}
.parallax-window{
	float:left;
	background: transparent;
}

#iwModule, #iwModule #iwWidget {
    
    max-width: 100% !important;
    
}
.divider {

    width: 100%;
    float: left;

}
.yellowback section{
	float:none;
}
.yellowblock section{
	float:none;
	margin-bottom:0px;
}
.yellowblock .ce-textpic{
	float:none;
}
.iwWidget{
	width:100% !important;
}
.box_shadow{
	-webkit-box-shadow: 0 5px 10px 0 #ccc;
box-shadow: 0 5px 10px 0 #ccc;
}
.box_shadow_up{
	-webkit-box-shadow: 0 -5px 10px 0 #ccc;
box-shadow: 0 -5px 10px 0 #ccc;
height:10px;
}
.content h1{
	font-size:140%;
	font-weight:400;
	
}
section.default.frame-type-html {
	float:left;
	display: contents;
}
.powermail_legend{
	display:none;
}
.powermail_fieldset{
	border:none;
	width: 100%;
    float: left;
    margin-bottom: 20px;
	padding:0px;
}
.powermail_form h3{
	display:none;
	
    
}
.powermail_label{
	
	font-size:80%;
}
.powermail_fieldwrap_anrede {
    width: 18%;
    float: left;
}
.powermail_fieldwrap_plz {
    width: 18%;
    float: left;
}
.powermail_fieldwrap_e_mail_adresse {
    width: 49%;
    float: left;
}
.powermail_fieldwrap_ort {
    width: 80%;
    float: left;
    margin-left: 2%;
}
.powermail_fieldwrap_ihretelefonnummer {
    width: 49%;
    float: left;
    margin-left: 2%;
}
.powermail_textarea {
    border: 1px solid #054296;
    padding-left: 2%;
    padding-right: 2%;
    padding-top: 9px;
    padding-bottom: 9px;
    width: 96%;
    -webkit-border-radius: 6px 6px 6px 6px;
    border-radius: 6px 6px 6px 6px;
    overflow: auto;
}
.powermail_fieldwrap_type_text div{
	font-weight:bold;
	font-size:80%;
}
.checkbox label:before{
	content:"*";
	
}
.powermail_submit {
    border: 1px solid #054296;
    cursor: pointer;
    padding: 10px;
    -webkit-border-radius: 6px 6px 6px 6px;
    border-radius: 6px 6px 6px 6px;
    color: #fff;
    background: #054296;
}
.powermail_select{
	border: 1px solid #054296;
    padding-left: 2%;
    padding-right: 2%;
    padding-top: 9px;
    padding-bottom: 9px;
    width: 100%;
    -webkit-border-radius: 6px 6px 6px 6px;
    border-radius: 6px 6px 6px 6px;
}
.powermail_fieldset_5 .powermail_fieldwrap{
	margin-bottom:20px;
}
.powermail_fieldset_10 .powermail_fieldwrap{
	margin-bottom:20px;
}
.powermail_fieldwrap_ichbin {
    width: 18%;
    
	clear:both;
}
.powermail_fieldwrap_anzahlderzimmer {
    width: 25%;
    clear:both;
}
.powermail_fieldwrap_vorname {
    width: 39%;
    float: left;
    margin-left: 2%;
}
input[type=text].powermail_input , input[type=email].powermail_input {
    border: 1px solid #054296;
    padding-left: 2%;
    padding-right: 2%;
    padding-top: 10px;
    padding-bottom: 10px;
    width: 96%;
    -webkit-border-radius: 6px 6px 6px 6px;
    border-radius: 6px 6px 6px 6px;
}
.powermail_fieldwrap_nachname {
    width: 39%;
    float: left;
    margin-left: 2%;
}
.powermail_fieldwrap_marker_01 label , .powermail_fieldwrap_marker_02 label{
	display:none;
}
.checkbox label{
	font-size:80%;
	display:block;
}
.content h2{
	font-size:130%;
	font-weight:400;
}
.content h3{
	font-size:120%;
	font-weight:400;
}
.content h4{
	font-size:110%;
	font-weight:400;
}
.content h5{
	font-size:100%;
	font-weight:400;
}
.content h6{
	font-size:90%;
	font-weight:400;
}
.content p , .content li{
	font-size:90%;
	font-weight:400;
}
a img { 
	border: none;
}

a:link {
	color: #054296;
	text-decoration: none; 
}
a:visited {
	color: #054296;
	text-decoration: none;
}
a:hover, a:active, a:focus { 
	text-decoration: none;
}
a.mehr{
	padding-left: 20px;
	background-image: url('../../../fileadmin/template/images/pfeil_rechts.png');
	background-repeat: no-repeat;
	background-position: left center;
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight:700;
}
.container {
	width: 1270px;
	
	margin: 0 auto; 
}
img{
	max-width:100%;
	
}
header {
	position:relative;
	margin-bottom:10px;
}
section{
	width:100%;
	float:left;
	margin-bottom:15px;
}
.clrflt{
	height:1px;
	clear:both;
}
.bxslider li{
	list-style-type: none;	
}
.content {
	
	float: left;
	
	margin-bottom:20px;
	padding-top: 20px;
	padding-right: 4%;
	padding-bottom: 10px;
	padding-left: 4%;	
}
.twocol{
	float:left;
	width:100%;
}
.ovhide{
	padding-bottom:36%;
	overflow:hidden;
	height:1px;
}
.left{
	float:left;
	width:63%;
}
.right{
	float:right;
	width:32%;
	margin-bottom:15px;
	font-size:90%;
}

.content ul, .content ol {
	padding: 0 15px 15px 40px; 
}
.yellowback{
	padding: 3%;
	background-color: #ffcc00;
	margin-bottom:0px;
	float:left;
	width:94%;
	
}
.btn.btn-primary {
    border: 1px solid #054296;
    cursor: pointer;
    padding: 10px;
    -webkit-border-radius: 6px 6px 6px 6px;
    border-radius: 6px 6px 6px 6px;
    color: #fff;
    background: #054296;
}
.quote{
	background-image: url('../../../fileadmin/template/images/quote.png');
	background-repeat: no-repeat;
	background-position: 95% top;
	margin-top: -1px;
	float:left;
	padding-top: 1%;
	padding-right: 13%;
	padding-bottom: 3%;
	padding-left: 3%;
	width:84%;
}
nav.navi{
	width:100%;
	float:left;
	background:#f6f6f6;
}
ul.nav {
	list-style: none; 
	width:100%;
	float:left;
	position:relative;
	z-index:1000;
}
ul.nav li.main {
	/* IE8+ - must be on one line, unfortunately */ 
  
	float: left;
	display: inline;
	-webkit-transform: skew(-20deg);
	-moz-transform: skew(-20deg);
	-o-transform: skew(-20deg);
	transform: skew(-20deg);
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #ccc;
}

ul.nav li.main:hover , ul.nav li.main.selected {
	background:#ffcc00;
	
}
ul.nav li.first{
	margin-left:20px;
}
ul.nav a.main, ul.nav a.main:visited , ul.nav li.main > a {
	display: block;
	text-decoration: none;
	color: #054296;
	padding-top: 25px;
	padding-right: 30px;
	padding-bottom: 25px;
	padding-left: 30px;
	font-size:130%;
	
	-webkit-transform: skew(20deg);
       -moz-transform: skew(20deg);
         -o-transform: skew(20deg);
		 transform:         skew(20deg);
	
}
.TwoColContainer {
    
}
[class^="gridouter"] {
  width: 100%;
}
ul.nav a:hover, ul.nav a:active, ul.nav a:focus { 
	
	
}
ul.subnav1 li{
	width:100%;
	margin-top:2px;
}
li.main:hover ul.subnav1{
	display:block;
}
ul.subnav1{
	position: absolute;
	z-index: 1000;
	-webkit-transform: skew(20deg);
	-moz-transform: skew(20deg);
	-o-transform: skew(20deg);
	transform: skew(20deg);
	list-style-type: none;
	width:100%;
	top:auto !important;
	left:5px !important;
	display:none;
	
	min-width: 200px;
    border: 1px solid #cacaca;
    background: #fefefe;
	
	
	
}
a.sub{
	background-color:#fff;
	padding-left:10px;
	
	display:block;
	font-size:90%;
	padding-top:3px;
	padding-bottom:3px;
	padding: 0.7rem 1rem;
}
a.sub:hover , a.sub:active , a.sub:focus ,a.sub.selected {
	background:#ffcc00;
}
#sbOverlay {
   
    background-color: transparent !important;
   
}
.blau{
	
	color:#054296;
}
.logo{
	float:left;
	margin-left:47px;
	margin-top:10px;
	width:32%;
}
.anim{
	float:left;
	width:100%;
	position:relative;
}
strong , b{
	font-weight:700;
}


.animtext , .sliderimage div.pos {
	position: absolute;
	right: 0px;
	height: 100%;
	width: 50% !important;
	top: 0px;
	-moz-transform: translate(0%,-0%) !important;
    -ms-transform: translate(0%,0%) !important;
    -o-transform: translate(0%,0%) !important;
    -webkit-transform: translate(0%,0%) !important; 
    transform: translate(0%,0%) !important;
	
	background-image: url('../../../fileadmin/template/images/anim_back.png');
	background-repeat: no-repeat;
	background-position: left center;	
	overflow:hidden;
	
	
}
.sliderinner{
	position: absolute;
	left:50%;
	top:50%;
	-moz-transform: translate(-25%,-50%) !important;
    -ms-transform: translate(-25%,-50%) !important;
    -o-transform: translate(-25%,-50%) !important;
    -webkit-transform: translate(-25%,-50%) !important; 
	transform: translate(-25%,-50%) !important;
}
.animwrap{
	width:80%;
	margin-top:15%;
	text-align:center;
	margin-left:20%;
	position:absolute;
}
.tele p{
	margin-bottom:0px;
}
.yellowblock{
	
	float:left;
	padding-left:4%;
	padding-right:4%;
	background:#ffcc00;
	padding-top:25px;
	padding-bottom:25px;
}

.yellowblocks{
	float:left;
	width:18%;
	position:relative;
	margin-left:2%;
}
.yellowblocks img{
	display:block;
}
.yellowoverlay{
	height: 100%;
	position: absolute;
	width: 100%;
	
	top:0px;
	left:0px;


}
.yellowoverlaytext{
	height: 100%;
	position: absolute;
	width: 100%;
	-webkit-transform-style: preserve-3d;
  
  transform-style: preserve-3d;
	top:0px;
	left:0px;


}
.yellowblocks .overlaytext{
	text-align:center;
	color:#fff;
	position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
	
}
.yellowblocks .overlaytext h3{
	font-size:200%;
	line-height:100%;
}
.yellowblocks .overlaytext a{
	color:#fff;
	text-decoration:none;
	text-shadow: 1px 1px 0 #000000;
}
.yellowblocks:hover .yellowoverlay{
	display:none;
	
}
.yellowblocks p{
	margin-bottom:0px;
}
.yellowoverlaytext:hover a{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,0+100 */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";

  /* IE 5-7 */
  filter: alpha(opacity=30);

  /* Netscape */
  -moz-opacity: 0.3;

  /* Safari 1.x */
  -khtml-opacity: 0.3;

  /* Good browsers */
  opacity: 0.3;

	
	
	
}

.first{
	margin-left:0px;
}
.anim h3{
	font-size:270%;
	font-weight:400;
}
.tele{
	position: absolute;
	right: 47px;
	bottom: 0px;
	padding-left: 49px;
	background-repeat: no-repeat;
	background-position: left bottom;
	background-image: url('../../../fileadmin/template/images/phone.png');
	padding-bottom:10px;
}
.topwrap{
	margin-bottom:20px;
}
iframe.immo{
	clear:both;
	width:99%;
	min-height:1300px;
}
.iframe{
	margin-bottom: 20px;
	border: 20px solid #054396;
}
.tele h4{
	font-size:180%;
}
.clrflt{
	height:0px;
	clear:both;
}
.tips{
	background-color: #f2f2f2;
	border-top-width: 16px;
	border-top-style: solid;
	border-top-color: #054396;
	padding:2%;
	width:96%;
	float:left;
}
footer {
	padding:0;
	
	position: relative;
	clear: both;
}
.footwrap{
	float:left;
	width:100%;
	position:relative;
	background-color:#ffcc00;
}
.gridwrap section{
	margin-bottom:0px;
}
.footimg{
	float:right;
	width:70%;
	text-align:right;
	height:250px;
}
.footimg img{
	display:block;
	float:right;
}
.map {
	width: 100%;
    height: 250px;
    position: relative;
    overflow: hidden;
}
.iframemap{
	width:100% !important;
}
.foottext{
	position: absolute;
	top: 0px;
	left: 0px;
	height: 96%;
	width:40%;
	
	padding-left:20px;
	padding-top:20px;
}
.foottextwrap{
	
}
.foottextunder{
	position: absolute;
	top: 0px;
	left: 5%;
	height: 100%;
	width:41%;
	background-color:#ffcc00;
	transform: skew(-25deg);
	
}
.social{
	float:left;
	width:100%;
	background-color:#054396;
	padding-top:20px;
	padding-bottom:10px;
	position:relative;
}
.slinks{
	float:left;
	width:45%;
	text-align:right;
	padding-top:5px;
	
}
.botnav{
	position:absolute;
	margin-left:4%;
	top: 40%;
    
    
    -moz-transform: translateY(-40%);
    -ms-transform: translateY(-40%);
    -o-transform: translateY(-40%);
    -webkit-transform: translateY(-40%);
    transform: translateY(-40%);
}
.botnav a{
	color:#fff;
}
.botnav .selected a , .botnav a:hover{
	color:#ffcc00;
	}
.botnav li{
	float:left;
	display:inline;
	margin-right:10px;
}

.smiddle{
	float:left;
	width:10%;
	text-align:center;
	
}
.srechts{
	float:left;
	width:45%;
	text-align:left;
	padding-top:5px;
	
}
.made{
	float:left;
	width:100%;
	text-align:center;
	font-size:80%;
	padding-top:5px;
}
.addthis_button_facebook , .addthis_button_twitter{
	margin-right:20px;
}
header, section, footer, aside, article, figure {
	display: block;
}
.anim .csc-textpic-image{
	margin-bottom:0px !important;
}
#menu-icon {
	display: none;
	width: 0px;
	height: 0px;
	margin-left: 2%;
	margin-top:5px;
	background-image: url('../../../fileadmin/template/images/menu-icon.png');
	background-position: center;
	background-color:#054296;
}
.mm-panel li.selected a , .mm-panel li.selectedsub a{
	background-color:#ffcc00;
}
@media screen and (max-width: 1270px) {
	.container {
		width: 100%;
		
	}
	.content {
		
		width: 96%;
   
		padding-right: 2%;
	   
		padding-left: 2%;
	}
	.foottext {
		
		height: 98%;
		width: 42%;
		padding-left: 2%;
		padding-top: 2%;
	}
	
}
@media screen and (max-width: 1100px) {
	
	.foottext {
		font-size:90%;
	}
	ul.nav a.main, ul.nav a.main:visited {
		
		
		font-size: 110%;
		
	}
	a.sub{
		
		font-size:80%;
		padding-left:10px;
		
	}
	.yellowblock {
		
		
		padding-left: 2%;
		padding-right: 2%;
		
	}
	.first.yellowblocks{
		margin-left:1%;
	}
	ul.nav li.first {
		margin-left: 0px;
	}
	.logo {
		
		margin-left: 2%;
		
	}
	.animtext{
		font-size:90%;
	}
}
@media screen and (max-width: 960px) {
	.foottext {
		font-size:80%;
	}
	ul.nav a.main, ul.nav a.main:visited {
		
		
		font-size: 100%;
		padding-top: 25px;
		padding-right: 20px;
		
		padding-left: 20px;
	}
	.logo{
		width:40%;
	}
	.tele{
		margin-bottom:-20px;
		z-index:0;
	}
	nav.navi{
		position: relative;
		z-index:10;
	}
	.yellowblocks .overlaytext {
		
		
		font-size:80%;
	}
	.animwrap {
		width: 60%;
		
		margin-left: 40%;
	}
	.animtext{
		font-size:70%;
	}
	.yellowblocks .overlaytext h3{
		font-size:180%;
		
	}
	
	.sliderinner p {
    font-size: 220% !important;
    line-height: 170% !important;
}
	
}

@media screen and (max-width: 800px) {
	ul.nav a.main, ul.nav a.main:visited {
		
		
		font-size: 90%;
		padding-top: 15px;
		padding-right: 15px;
		padding-bottom: 15px;
		padding-left: 15px;
	}
	.yellowblocks .overlaytext {
		
		
		font-size:70%;
	}
	.animwrap {
		
		margin-top: 15%;
		
	}
	.animtext{
		font-size:50%;
	}
	.foottext {
		font-size:70%;
	}
	.sliderinner p{
		font-size: 120% !important;
		line-height: 120% !important;
	}
@media screen and (max-width: 768px) {
	.yellowblocks .overlaytext h3{
		font-size:160%;
		
	}

	.botnav{
		display:none;
    
	}
	nav.navi{
		display:none;
	}
	.yellowblocks {
		
		width:98%;
		margin-bottom:15px;
		text-align:center;
		
	}
	.yellowblocks img {
		
		margin-left: auto;
		margin-right: auto;
	}
	.animwrap {
		
		margin-top: 10%;
		
	}
	.yellowblocks .overlaytext {
		
		
		font-size:100%;
	}
	.animtext{
		font-size:40%;
		width:70%;
	}
	.logo{
		width:96%;
	}
	.tele{
		
		position:static;
		float:left;
		margin-bottom:0px;
		margin-left:0px;
		width:85%;
		padding-left:15%;
		background-position: 4% bottom;
		margin-top:15px;
	}
	.content h1 {
		
		width: 100%;
		
		display: block;
	}
	.left{
		width:100%;
	}
	.right{
		width:96%;
		padding:2%;
		background-color: #f2f2f2;
	}
	.foottext {
		font-size:90%;
		padding-top:1%;
		background-color:#ffcc00;
		position:static;
		width:96%;
		padding-right:2%;
	}
	.foottextunder, .footimg{
		display:none;
	}
	.slinks{
		
		width:35%;
		
	}
	.smiddle{
		
		width:30%;
		
		
	}
	.srechts{
		
		width:35%;
		
		
	}
	.addthis_button_facebook, .addthis_button_twitter {
		margin-right: 10%;
	}
	.first.yellowblocks {
		 margin-left: 0%;
	}
	#menu-icon {
		display: block;
		position: absolute;
		width: 40px;
		height: 40px;
		top: 0px;
		z-index: 10;
	}
	.yellowblocks .overlaytext h3 {
		font-size: 200%;
	}
	.powermail_fieldwrap_anrede , .powermail_fieldwrap_vorname , .powermail_fieldwrap_nachname , .powermail_fieldwrap_ichbin ,.powermail_fieldwrap_anzahlderzimmer , .powermail_submit {
		width: 100%;
		margin-left : 0px;
		
	}
	
	.sliderinner {
		position: absolute;
		left: 50%;
		top: 50%;
		-moz-transform: translate(-2%,-50%) !important;
		-ms-transform: translate(-2%,-50%) !important;
		-o-transform: translate(-2%,-50%) !important;
		-webkit-transform: translate(-2%,-50%) !important;
		transform: translate(-2%,-50%) !important;
	}
	.animtext, .sliderimage div.pos {
    
		width: 70% !important;

	}
	.sliderimage .center {
		left: 30%;
	}
	
}
@media screen and (max-width: 480px) {
	.animtext{
		font-size:20%;
	}
	
}