@charset "utf-8";
/* moved by compressor */
/* default styles for extension "tx_form" */
    .captcha { margin-bottom: .5rem; }
    .captcha a { margin-left: .5rem; }
    .captcha--reloading img { opacity: 0.5; }
    .captcha--reloading a { cursor: auto; }
    .captcha--spin .captcha__reload svg { animation: spin 0.8s infinite linear; }
    .captcha__audio__mute { display: none; }
    .captcha--playing .captcha__audio__mute { display: inherit; }
    .captcha--playing .captcha__audio__sound { display: none; }
    @keyframes spin {
      from {transform:rotate(359deg);}
      to {transform:rotate(0deg);}
    }
/* 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: 1px solid #9d763e;
        padding: 0px;
    }

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

    .ce-column { margin-right: 30px; }
    .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%;
	}
}







:root {
	
	--mainBg: #ffffff;
	--gap: 1rem;
	--White: #ffffff;
	--mainColor: #9d763e;
	--secondaryColor: #00519e;
	--width: 1178px;
	--Red: #d91f1b;
	--FooterBg: #16171b;
	--BodyBg: #ffffff;
	--MenuColor: #9d763e;
	--MenuColorHover: #00519e;
	--MenuBG: #ffffff;
/* Schwarz / Grau */	
  	--Schwarz: #000000;
  	--Graucc: #cccccc;
	--Grau66: #666666;
	--Grau99: #999999;
	--Grau33: #333333;
	--topBarBg: #ffffff;
	
  
	
	
	
		
}
.tabwrap{
	overflow: visible !important;
}
body {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	
	font-family: "Open Sans", sans-serif;
  	font-optical-sizing: auto;
  	font-weight: normal;
  	font-style: normal;
	font-size: 100%;
	color: var(--mainColor);
	line-height:1.8;
	
	
}
a {
	color: var(--mainColor);
}
.footercopy a{
	color: #fff;
	transition: all 0.2s linear;
}
a#menu-icon {

	top: 70px !important;

}

.btn{
	border-radius: 3px !important;

}
.form-group input[type=tel] {
	padding-top: 1.5rem;
	padding-bottom: 1.5rem;
	padding-left: 1rem;
	padding-right: 1rem;
	border-radius: 3px !important;

	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0.8+0,0.8+100 */
	/* background: linear-gradient(to right,  rgba(255,255,255,0.8) 0%,rgba(255,255,255,0.8) 100%);  W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */


}
.button {
	background-color: #c6091d !important;
	padding-right: 3rem;
	background-image: url('data:image/svg+xml,<svg data-v-e53b89f6="" data-v-32820bbf="" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="vlx-icon vlx-knob__icon"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.2637 13.6452L18.8444 6.06446C18.7558 7.66258 19.3734 9.33642 20.6301 10.591L21.5486 9.67105C19.7843 7.90964 19.6972 5.28006 21.1562 3.75264L21.2101 3.6987L21.2095 3.69805L21.2132 3.69431L20.294 2.77507L20.2916 2.77741L20.2903 2.77611C18.776 4.29317 16.1015 4.22782 14.3136 2.44L13.3944 3.35924C14.6513 4.61612 16.3271 5.23391 17.926 5.14439L10.3444 12.7259L11.2637 13.6452ZM10.8041 4.82143H2.44V21.5496H19.1682V13.1855H17.8682V20.2496H3.74V6.12143H10.8041V4.82143Z" fill="white"></path></svg>');
	background-repeat: no-repeat;
	background-position: right 10px center;
	border-radius: 3px !important;
	
}

.button.secondary{
	background-color: inherit !important;
	color: #c6091d !important;
	
	border: 1px solid #c6091d;  
	padding-right: 1rem;
	background-image: none;
}

.resp li.type3{
	display: none;
}
.container {
	
	width: 100%;
	
	position: relative;
	
}

.containerinner {
	background-color: var(--mainBg);
	width: var(--width);
	max-width: var(--width);
	margin-left: auto;
	margin-right: auto;
	border-bottom-width: 0px;
	padding-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	position: relative;
}

.topbarwrap.topbarbg{
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#9d763e+0,9d763e+100&1+0,0.6+100 */

	/* background: linear-gradient(to right,  rgba(157,118,62,1) 0%,rgba(157,118,62,0.6) 100%);  W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#91703c+0,fbd35f+100&0.8+0,0.8+100 */
	background: linear-gradient(to right,  rgba(145,112,60,0.8) 0%,rgba(251,211,95,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

	text-shadow: 1px 1px 0 #91703c;

	width: 100%;

	
	
}

.container.topbar{

	text-align: right;
	margin-right: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	width: var(--width);
	max-width: var(--width);
	margin-left: auto;
	margin-right: auto;
	border-bottom-width: 0px;
	padding-left: 0px;
	
	padding-right: 0px;
	
	position: relative;
	display: flex;
	justify-content: end;
	gap: 20px;
}

.container.topbar .icon{
	margin-top: 3px;
}

a{
	text-decoration: none;
}
.topbar ,.topbar p , .topbar a{
	
	color: var(--White);
	
}
img{
	display: block;
}
.content{

	
	
}
.content section, .innercontent , .data .datainner {
    width: var(--width);
    margin-left: auto;
    margin-right: auto;
    clear: both;
    position: relative;
}
.content section{
	
	z-index: 2;
	
}
section.frame-type-OneColContainer , section.frame-type-div{
	padding-top:0rem;
}

.header.fix{
	position: fixed;
	top: 0px;
	background:var(--topBarBg);
	z-index: 10;
}

.header.fix .logo{
	
	margin-top:10px;
	width: 180px;
}

.logo{
	margin-bottom:20px;
	margin-top: 20px;

}

.logo section{
	padding-top:0rem;
	padding-bottom:0rem;
}
.full, .fullwidth {
    width: 100% !important;
}
.header{
	width: 100%;
	position: relative;
	z-index: 1;
	
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0.7+0,0.7+100 */
background: #fff;

	
	
}
.headerinnerwrap{
	width: var(--width);
	max-width: var(--width);
	margin-left: auto;
	margin-right: auto;
	border-left: medium;
	border-right: medium;
	
	border-top: medium;
	margin-top: 0px;
	margin-bottom: 0px;
	position: relative;
}


.White{
	color: var(--White);
}




.Schwarze{
	color: var(--Schwarze);
}

.Graucc{
	color: var(--Graucc);
}
.Grau66{
	color: var(--Grau66);
}
.Grau99{
	color: var(--Grau99);
}
.Grau33{
	color: var(--Grau33);
}





.content .divider {
    border: none;
    
    padding: 0px;
   
    display: block;
   height:5px;
   
    float: left;
	width: 100%;
	clear: both;
	background-color: var(--Red);;
}
.content hr {
    display: none;
}
section.hr{
	padding-top:0px;
}
h1,h2,h3,h4,h5,h6{

	padding-left:0px;
	padding-right: 0px;
	margin-left:0px;
	margin-right: 0px;
	margin-top: 0rem;
	margin-bottom: 0.5rem;
	font-weight: 300;
}
.maincontent{
	margin-top: 2rem;
	
}
.btn-toolbar{
	margin-top:0px !important;
}
h1{
	font-size: 130% !important;
	line-height: 1.4 !important;

	font-family: "Open Sans", sans-serif !important;
	color: var(--secondaryColor) !important;
	font-weight: 500 !important;
}
h2{
	font-size: 230% !important;
	line-height: 1.4 !important;
	font-weight: 500 !important;
	font-family: "Times New Roman", Times, serif !important;
}
h3{
	font-size: 120% !important;
	line-height: 1.4 !important;
}
h4{
	font-size: 110% !important;
	line-height: 1.4 !important;
	font-weight: 500 !important;
}
h5{
	font-size: 100% !important;
	line-height: 1.4 !important;
	font-weight: 500 !important;
	color: var(--secondaryColor) !important;
}
h6{
	font-size: 90% !important;
	line-height: 1.4 !important;
	font-weight: 400 !important;
}
p , ul , ol{
	font-size: 90%;
	font-weight: 400;
	line-height: 1.8;
	margin-top: 0.3rem;
	color: var(--secondaryColor);
}

ul,ol{
	margin-left: 2rem;
}

.inner{
	max-width:100%;
}
.blue{
	color: var(--secondaryColor);
}
.gold{
	color: var(--mainColor);
}
.contentslider section.frame-type-div{
	width:20% !important;
	margin-top: 0.5rem;
	
}
.column_half {
	width: 50%;
	float: left;
	margin-top: 0px;
}
.columns {
	width: 25%;
	float: left;
	
	color: #A5A5A5;
	line-height: 24px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: justify;
	margin-top: 15px;
	margin-bottom: 15px;
	padding-left: 0px;
	padding-right: 0px;
	margin-left: 0px;
	margin-right: 0px;
}
.row .columns p {
	
}
.container .columns h4 {
	text-align: center;
	color: #01B2D1;
}
.primary_header {
	width: 100%;
	background-color: #52bad5;
	padding-top: 10px;
	padding-bottom: 10px;
	clear: left;
	border-bottom: 2px solid #2C9AB7;
}
.navi {
	
	
	
	
	
	right:0px;
	position: absolute;
  	top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
	
	
}
.container .navi ul {
	margin-top: 0%;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
	width: 100%;
	font-size: 100%;
}
.navi ul li {
	list-style: none;
	float: left;
	margin-right: auto;
	margin-top: 0px;
	
	
	
	margin-left: auto;
	text-align: center;
	
	transition: all 0.3s linear;
	margin-left: 27px;
	font-size: 100%;
}

.navi ul li a{
	font-weight: normal;
	color: var(--MenuColor) !important;
	display: block;
	font-size: 95%;
	font-weight: 500;
	transition: all 0.2s linear;
	line-height:1;
	
}
.navi ul li a:hover , .navi ul li a:focus , .navi ul li a:active , .navi ul li a.selected{
	
	color: var(--MenuColorHover) !important;
	transition: all 0.2s linear;
}


.navi ul li:hover {
	color: #000;
	cursor: pointer;
}

.navifoot ul {
	margin-top: 0%;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: 0px !important;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
	width: 100%;
	font-size: 100%;
}
.navifoot ul li {
	list-style: none;
	float: left;
	margin-right: auto;
	margin-top: 0px;



	margin-left: auto;
	text-align: center;

	transition: all 0.3s linear;
	margin-left: 0px;
	margin-right: 1rem;
	font-size: 100%;
}

.navifoot ul li a{
	font-weight: normal;
	color: #fff !important;
	display: block;
	font-size: 80%;
	font-weight: 500;
	transition: all 0.2s linear;
	line-height:1;

}
.navifoot ul li a:hover , .navifoot ul li a:focus , .navifoot ul li a:active , .navifoot ul li a.selected{

	color: var(--secondaryColor) !important;
	transition: all 0.2s linear;
}


.navifoot ul li:hover {
	color: #000;
	cursor: pointer;
}
.footernavi.column.nav{
	margin-left: 0px !important;
}
.logo {
	float: left;
	background-color: var(--White);
	
}
.clrflt{
	clear:both;
	height:1px !important;
	width: 100%;
	margin-bottom: -1px !important;
}
.left_article {
	
	width: 50%;
	float: left;
	
	
	padding-bottom: 15px;
}
.noDisplay {
	display: none !important;
}

.container .left_article p {
	
	
	
	
}
.right_article {
	width: 50%;
	float: left;
	
}
.container .right_article ul {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.right_article ul li {
	
	list-style: none;
	text-align: center;
	
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 15px;
	padding-bottom: 15px;
	
	font-weight: bold;
	border-radius: 0px;
	transition: all 0.3s linear;
	border-left: 5px solid #717070;
	
}
.right_article ul li:hover {
	
}
.footer {
	width:100%;
	background-color: var(--FooterBg);
	color:  var(--White);
	margin-top: -1px;
	
}

.footercolumn{
	width:50%;
	float: left;
}

.footer .data{
	

}
.footer p{

	margin-top: 0rem;
    margin-bottom: 0.5rem;
	font-size: 100%;
}


.mode{
	width:25%;
	float: left;
	padding-right: 5%;
}
.oeffnungzeiten{
	width:25%;
	float: left;
	padding-right: 5%;
}

.tel{
	width:auto;
	float: right;
	margin-right: 4rem;
}

.kontakt{
	width:auto;
	float: right;
}
.links{
	width:12%;
	float: left;
}

.banner{
	z-index: 0;
	
	position: relative;
}
.banner .bx-viewport{
	margin-top:-121px;
	overflow: visible !important;
}
.banner section{
	padding-top: 0px;
	clear: none;
	margin-left: 0px !important;
}
.bottomfooter{


	width: var(--width);
	margin-left: auto;
	margin-right: auto;
	width: 100%;

	background: linear-gradient(to right, rgba(157, 118, 62, 0.6) 0%, rgba(157, 118, 62, 1) 100%);


}
.actions .btn {
	background: var(--secondaryColor) !important;
	cursor: pointer !important;
	transition: all 0.2s linear 0s;
}
.actions .btn:hover {
	background: var(--mainColor) !important;
	cursor: pointer !important;

}
.captcha{
	display: flex;
}
.captcha a{
	margin-top: auto;
	margin-bottom: auto;
	height: 28px;
}


.form-group input , .form-group textarea {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0.9+1,0.9+100 */

	background: linear-gradient(to right,  rgba(255,255,255,0.1) 0%,rgba(255,255,255,0.1) 1%,rgba(255,255,255,0.1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

}

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

	border: none !important;

}

.captcha svg g{
	fill: #fff;
}

.bottomfooter .column{
	display: flex;
	flex-direction: column;
	flex-basis: 100%;
	flex: 1;

}
.footerwrap{
	max-width: var(--width);
	margin-left: auto;
	margin-right: auto;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	flex-wrap: wrap;
	gap: var(--gap);
}
.footernavi.column{

	margin-left: var(--gap);
}
.footercopy.column{

	margin-right: var(--gap);
}
.white{
	color: var(--White);
}
.footer .frame-layout-0{
	font-size: 95%;
}
.scrollToTop{
	position:absolute;
	
	top:-25px;
	background-color: var(--mainColor);
	color: var(--White);
	
	border-radius: 0px 20px 0 0;
   
    display: block;
    font-size: 30px;
    height: 50px;
    line-height: 50px;
    margin: auto;
    
    right: 1rem;
    
    transition: all 0.2s linear 0s;
    width: 50px;
    z-index: 99;
    -webkit-transform: rotate(-45deg);
	cursor: pointer;
	
}

.scrollToTop:hover{
	
	color: var(--secondaryColor) !important;
	
	
	
	
}

.scrollToTop i {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    margin-left: 3px;
	font-weight: 500 !important;
}


.bottomfooter .far{
	color: var(--White);
	display: none;
} 
.footernavi{
	max-width: var(--width);
	width: auto;
	margin-left: auto;
	margin-right: auto;
}
.title{
	font-weight: 300;
	padding-top: 1rem;
	padding-bottom: 1rem;
	font-size: 160%;
}
.footerinner{
	max-width: 1172px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}
h5.footertitle {
	font-size:110%;
	font-weight: 500;
	margin-bottom: 0.5rem
}
.kontakt h5.footertitle{
	margin-left: 2.2rem;
}
.links h5.footertitle{
	margin-bottom: -0.25rem
}
.footermadeby{
	
	width: auto;
	
	
	right: 0px;
	top: 50%;
	  -webkit-transform: translateY(-50%);
	  -ms-transform: translateY(-50%);
	  transform: translateY(-50%);
	position: absolute;
	
}
.placeholder {
	/* [disabled]max-width: 400px;
*/
	/* [disabled]max-height: 200px;
*/
	width: 100%;
	padding-top: 30px;
	/* [disabled]padding-left: 19px;
*/
	padding-bottom: 30px;
	height: 100%;
}
.left_half {
	
}

.footer_links{
	left: 0px;
	top: 50%;
	  -webkit-transform: translateY(-50%);
	  -ms-transform: translateY(-50%);
	  transform: translateY(-50%);
	position: absolute;
}
.footer_links ul {
	
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 0px;
	
	padding-left: 0px;
	width: 100%;
	font-size: 100%;
}
.footer_links ul li {
	list-style: none;
	list-style-position: outside;
	
	margin-right: auto;
	margin-top: 0px;
	
	
	
	margin-left: auto;
	text-align: center;
	
	transition: all 0.3s linear;
	margin-left: 0px;
	font-size: 100%;
	text-align: left;
	margin-bottom: 0.5rem;
	float:left;
	margin-right: 2rem;
	
}

.footer_links ul li.last{
	margin-right: 0rem;
}

.footer_links ul li a{
	font-weight: normal;
	color: var(--White);
	display: block;
	font-size: 80%;
	
	transition: all 0.2s linear;
	line-height:1.3;
	font-weight: 500;
}
.footer_links ul li a:hover , .footer_links ul li a:focus , .footer_links ul li a:active , .footer_links ul li a.selected{
	
	color: var(--Red);
	transition: all 0.2s linear;
	
}


.footer .logo {
    margin-bottom: 0px;
    margin-top: 0px;
   
}

.bottomfooter{
	position: relative;

	text-align: center;
	padding-top: 1rem;
	padding-bottom:1rem;
}
.bottomfooter p{
	font-size: 80%;
	margin-bottom: 0px;
	color: var(--White);;
}
.navi ul li:hover {
	color: #000;
	cursor: pointer;
}

.footerlogo{
	margin-bottom: 1rem;
	max-width: 181px;
}
.right_half {
	background-color: #01B2D1;
	
	
	text-align: center;
	font-weight: bold;
}

.copyright {
	text-align: center;
	
	
	font-weight: lighter;
	
	border-top-width: 2px;
	
}


 .clrflt.hidden{
	display: none;
}
.header.fixed {
    position: fixed;
    top: 0px;
    
    
    z-index: 100;
    
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, 0%);
	
	border-bottom-width: 5px;
	border-bottom-color: var(--Graucc);
	border-bottom-style: solid;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0.9+0,0.9+100 */
background: #fff;
	
}


.form-group , .actions{
		float:left;
		width:100%;
	} 
	.form-group label{
		display:none;
	}
	.btn-toolbar{
		margin-top:1rem;
	}
	input::-webkit-input-placeholder  , textarea::-webkit-input-placeholder{
		font-size: 80%;

	}
.actions .btn{
	background:var(--Red);
	color:#fff;
	
  font-size:1.1rem;
  padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    font-weight: 400;
  letter-spacing: 2px;
}
.form-group input[type=text],.form-group textarea , .form-group input[type=email]{
	padding-top:1.5rem;
	padding-bottom:1.5rem;
	padding-left:1rem ;
	padding-right:1rem ;
	border-radius: 3px !important;
}
.form-group textarea{
	height:10rem;
	border-radius: 3px !important;
}
.Telefon , .E-Mail{
	width:50% !important;
	
}
.Telefon{
	float:left;
}
.Email{
	float:right;
}

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

	.navifoot ul {

		margin-left: var(--gutter_between) !important;

	}

	.content section, .innercontent, .data .datainner , .headerinnerwrap , .container.topbar {
		width: calc(100% - 40px);
		margin-left: 20px;
		
	}
	.content section, .innercontent {
		width: 100%;
		margin-left: 0px;

	}
	.content section.fullwidth{
		width: 100%;
		margin-left: 0px;
	}
	img{
		max-width: 100%;
	}
	.mode {
		width: 45%;
		
		padding-right: 0%;
		margin-bottom: 2rem;
		
	}
	.oeffnungzeiten {
		width: 45%;
		
		
	}
	.kontakt {
		
		margin-right: -20px;
		
		
	}
	.footercolumn {
		width: 33%;
		
	}
	.kontakt h5.footertitle {
		margin-left: 3rem;
	}
	.clrflt.hidden{
		display: block !important;
		height: 2rem;
	}
	.footer_links{
		left:20px;
	}
	
	.footermadeby{
		right:20px;
	}
	
	
	.navi ul li a {
		
		font-size: 95%;
		
	}
	.logo {
			width:200px;

	}
}

@media screen and (max-width: 900px) {
	
	.logo {
			width:150px;

	}
	
}


@media screen and (max-width: 850px) {
	.navi ul li a {
		
		font-size: 95%;
		
	}
	
	
}




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

	.header.fixed{
		position: relative !important;
		margin-right: 0px !important;
		transform: translate(0%, 0%) !important;
		left:0px !important;
		border-bottom-style: none !important;

	}
	.frame-type-form_formframework .child.col-sm-1 ,.btn-group.next.submit , .actions .btn{
		width: 100% !important;
		display: block;
	}

	.navifoot{
		display: none;
	}
	
	.bottomfooter {
		
		padding-top: 1rem;
		padding-bottom: 1rem;
	}
	.container.topbar{
		font-size: 70%;
		width: 100%;
		margin-left: 0px;
		justify-content: center;
	}


	.footermadeby{
		width: 100%;
		position: relative;
		
		
		right: 0px;
		/* top: 50%; */
		 -webkit-transform: translateY(0%); 
		-ms-transform: translateY(0%);
		 transform: translateY(0%); 
		
		
	}
	.footercolumn{
		width: 100%;
	}
	.footercolumn.left{
		display: none;
	}
	
	.logo{
		width: 240px;
		
		
		margin-top: 10px;
		position: relative;
		left:50%;
		-webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
		
		
	}
	
	
	
	a#menu-icon i::before{
		-webkit-transition: -webkit-transform 0.4s ease;
		-ms-transition: -ms-transform 0.4s ease;
		transition: transform 0.4s ease;
	}
	
	
	
	html.mm-opening .header {
		-webkit-transform: translate(80%, 0);
		-moz-transform: translate(80%, 0);
		-ms-transform: translate(80%, 0);
		-o-transform: translate(80%, 0);
		transform: translate(80%, 0);
		
	}
	
	html.mm-opened a#menu-icon{
		width:26px;
	}
	
	html.mm-opened i.fas::before{
		content: "\f00d";
	}
	
	.header{
		position: relative;
		z-index: 1;
		-webkit-transition: -webkit-transform 0.4s ease;
    -ms-transition: -ms-transform 0.4s ease;
    transition: transform 0.4s ease;
	}
	.banner .bx-viewport {
		margin-top: 0px;
		
	}
	
	.navi{
		display: none;
	}
	
	.mode {
		width: 50%;
		
		
		
	}


	.footernavi.column.nav{
		display: none;
	}
	.footercopy.column{
		width:100%;
	}
	.footercopy.column .text-right {
		text-align: center;
	}
	.kontakt h5.footertitle {
		margin-left: 14%;
	}
	.oeffnungzeiten {
		width: 50%;
		float:right;
	}
	.kontakt  , .tel{
		width: 100%;
		float: left;
		margin-right: 0px;
		text-align: center;
	}
	
	.topbar{
		text-align: center;
	}
	.topbar .ce-bodytext ,  .topbar .ce-gallery{
		float:none !important;
		display: inline !important;
	}
	h1{
		font-size: 200%;
		
	}
	h2{
		font-size: 160% !important;
		
	}
	h3{
		font-size: 150% !important;
		
	}
	h4{
		font-size: 140% !important;
		
		font-weight: 500 !important;
	}
	h5{
		font-size: 130% !important;
		
	}
	h6{
		font-size: 100% !important;
		
	}

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