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}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.responsive{position:relative;height:0}.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.responsive.ratio-169{padding-bottom:56.25%}.responsive.ratio-1610{padding-bottom:62.5%}.responsive.ratio-219{padding-bottom:42.8571%}.responsive.ratio-43{padding-bottom:75%}.responsive.ratio-32{padding-bottom:66.6666%}
header,footer,nav,section,aside,main,article,figure,figcaption{display:block}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,iframe{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}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}
legend{width:100%;display:block;font-weight:700;border:0}input[type=text],input[type=password],input[type=date],input[type=datetime],input[type=email],input[type=number],input[type=search],input[type=tel],input[type=time],input[type=url],input:not([type]),textarea{width:100%;display:inline-block;padding:3px 6px;background:#fff;border:1px solid #ccc;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-moz-box-shadow:inset 0 1px 1px #eee;-webkit-box-shadow:inset 0 1px 1px #eee;box-shadow:inset 0 1px 1px #eee;-moz-transition:all .15s linear;-webkit-transition:all .15s linear;-o-transition:all .15s linear;transition:all .15s linear;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}input[type=text]:focus,input[type=password]:focus,input[type=date]:focus,input[type=datetime]:focus,input[type=email]:focus,input[type=number]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=time]:focus,input[type=url]:focus,input:not([type]):focus,textarea:focus{outline:0;background:#fcfcfc;border-color:#bbb}input[type=file]{cursor:pointer}select,input[type=file]{display:block}form button,input[type=file],input[type=image],input[type=submit],input[type=reset],input[type=button],input[type=radio],input[type=checkbox]{width:auto}textarea,select[multiple],select[size]{height:auto}input[type=radio],input[type=checkbox]{margin:0 3px 0 0}input[type=radio],input[type=checkbox],label{vertical-align:middle}input[disabled],select[disabled],textarea[disabled],input[readonly],select[readonly],textarea[readonly]{cursor:not-allowed;background:#eee}input[type=radio][disabled],input[type=checkbox][disabled],input[type=radio][readonly],input[type=checkbox][readonly]{background:0 0}form button,input[type=submit],.button{display:inline-block;padding:4px 15px 4px 14px;margin-bottom:0;text-align:center;vertical-align:middle;line-height:16px;font-size:11px;color:#000;cursor:pointer;border:1px solid #ccc;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background-color:#ececec;background-image:-moz-linear-gradient(top,#fff,#ececec);background-image:-webkit-linear-gradient(top,#fff,#ececec);background-image:-ms-linear-gradient(top,#fff,#ececec);background-image:-o-linear-gradient(top,#fff,#ececec);background-image:linear-gradient(to bottom,#fff,#ececec);background-repeat:repeat-x;-moz-transition:background .15s linear;-webkit-transition:background .15s linear;-o-transition:background .15s linear;transition:background .15s linear}form button:hover,input[type=submit]:hover,.button:hover{text-decoration:none;background-position:0 -15px!important}form button:active,input[type=submit]:active,.button:active{background-color:#e6e6e6;background-position:0 -30px!important}form button.blue,input[type=submit].blue,.button.blue{background-color:#2f96b4;background-image:-moz-linear-gradient(top,#5bc0de,#2f96b4);background-image:-webkit-linear-gradient(top,#5bc0de,#2f96b4);background-image:-ms-linear-gradient(top,#5bc0de,#2f96b4);background-image:-o-linear-gradient(top,#5bc0de,#2f96b4);background-image:linear-gradient(to bottom,#5bc0de,#2f96b4);border-color:#2f96b4;color:#fff}form button.blue:active,input[type=submit].blue:active,.button.blue:active{background-color:#2e95b3}form button.green,input[type=submit].green,.button.green{background-color:#51a351;background-image:-moz-linear-gradient(top,#62c462,#51a351);background-image:-webkit-linear-gradient(top,#62c462,#51a351);background-image:-ms-linear-gradient(top,#62c462,#51a351);background-image:-o-linear-gradient(top,#62c462,#51a351);background-image:linear-gradient(to bottom,#62c462,#51a351);border-color:#51a351;color:#fff}form button.green:active,input[type=submit].green:active,.button.green:active{background-color:#4f9f4f}form button.orange,input[type=submit].orange,.button.orange{background-color:#f89406;background-image:-moz-linear-gradient(top,#fbb450,#f89406);background-image:-webkit-linear-gradient(top,#fbb450,#f89406);background-image:-ms-linear-gradient(top,#fbb450,#f89406);background-image:-o-linear-gradient(top,#fbb450,#f89406);background-image:linear-gradient(to bottom,#fbb450,#f89406);border-color:#f89406;color:#fff}form button.orange:active,input[type=submit].orange:active,.button.orange:active{background-color:#f28f04}form button.red,input[type=submit].red,.button.red{background-color:#bd362f;background-image:-moz-linear-gradient(top,#ee5f5b,#bd362f);background-image:-webkit-linear-gradient(top,#ee5f5b,#bd362f);background-image:-ms-linear-gradient(top,#ee5f5b,#bd362f);background-image:-o-linear-gradient(top,#ee5f5b,#bd362f);background-image:linear-gradient(to bottom,#ee5f5b,#bd362f);border-color:#bd362f;color:#fff}form button.red:active,input[type=submit].red:active,.button.red:active{background-color:#be322b}.widget{margin-bottom:12px}.widget>label{display:block;margin-bottom:6px;font-weight:700}.inline-form .widget{display:inline-block;margin-bottom:0;vertical-align:middle}.horizontal-form .widget:after{content:"";display:table;clear:both}.horizontal-form .widget>label{width:20%;float:left;padding:3px 2% 0 0;text-align:right}.horizontal-form .widget>input,.horizontal-form .widget>textarea{width:78%;float:left}.horizontal-form .widget>fieldset{margin-left:20%}
.download-element{padding:3px 6px 3px 22px;background:url(../../assets/contao/images/iconPLAIN.svg) left center no-repeat}ul.enclosure{padding-left:0}li.download-element{list-style-type:none}.ext-xl{background-image:url(../../assets/contao/images/iconXL.svg)}.ext-xls{background-image:url(../../assets/contao/images/iconXLS.svg)}.ext-xlsx{background-image:url(../../assets/contao/images/iconXLSX.svg)}.ext-hqx{background-image:url(../../assets/contao/images/iconHQX.svg)}.ext-cpt{background-image:url(../../assets/contao/images/iconCPT.svg)}.ext-bin{background-image:url(../../assets/contao/images/iconBIN.svg)}.ext-doc{background-image:url(../../assets/contao/images/iconDOC.svg)}.ext-docx{background-image:url(../../assets/contao/images/iconDOCX.svg)}.ext-word{background-image:url(../../assets/contao/images/iconWORD.svg)}.ext-cto{background-image:url(../../assets/contao/images/iconCTO.svg)}.ext-dms{background-image:url(../../assets/contao/images/iconDMS.svg)}.ext-lha{background-image:url(../../assets/contao/images/iconLHA.svg)}.ext-lzh{background-image:url(../../assets/contao/images/iconLZH.svg)}.ext-exe{background-image:url(../../assets/contao/images/iconEXE.svg)}.ext-class{background-image:url(../../assets/contao/images/iconCLASS.svg)}.ext-so{background-image:url(../../assets/contao/images/iconSO.svg)}.ext-sea{background-image:url(../../assets/contao/images/iconSEA.svg)}.ext-dll{background-image:url(../../assets/contao/images/iconDLL.svg)}.ext-oda{background-image:url(../../assets/contao/images/iconODA.svg)}.ext-pdf{background-image:url(../../assets/contao/images/iconPDF.svg)}.ext-ai{background-image:url(../../assets/contao/images/iconAI.svg)}.ext-eps{background-image:url(../../assets/contao/images/iconEPS.svg)}.ext-ps{background-image:url(../../assets/contao/images/iconPS.svg)}.ext-pps{background-image:url(../../assets/contao/images/iconPPS.svg)}.ext-ppt{background-image:url(../../assets/contao/images/iconPPT.svg)}.ext-pptx{background-image:url(../../assets/contao/images/iconPPTX.svg)}.ext-smi{background-image:url(../../assets/contao/images/iconSMI.svg)}.ext-smil{background-image:url(../../assets/contao/images/iconSMIL.svg)}.ext-mif{background-image:url(../../assets/contao/images/iconMIF.svg)}.ext-odc{background-image:url(../../assets/contao/images/iconODC.svg)}.ext-odf{background-image:url(../../assets/contao/images/iconODF.svg)}.ext-odg{background-image:url(../../assets/contao/images/iconODG.svg)}.ext-odi{background-image:url(../../assets/contao/images/iconODI.svg)}.ext-odp{background-image:url(../../assets/contao/images/iconODP.svg)}.ext-ods{background-image:url(../../assets/contao/images/iconODS.svg)}.ext-odt{background-image:url(../../assets/contao/images/iconODT.svg)}.ext-wbxml{background-image:url(../../assets/contao/images/iconWBXML.svg)}.ext-wmlc{background-image:url(../../assets/contao/images/iconWMLC.svg)}.ext-dmg{background-image:url(../../assets/contao/images/iconDMG.svg)}.ext-dcr{background-image:url(../../assets/contao/images/iconDCR.svg)}.ext-dir{background-image:url(../../assets/contao/images/iconDIR.svg)}.ext-dxr{background-image:url(../../assets/contao/images/iconDXR.svg)}.ext-dvi{background-image:url(../../assets/contao/images/iconDVI.svg)}.ext-gtar{background-image:url(../../assets/contao/images/iconGTAR.svg)}.ext-inc{background-image:url(../../assets/contao/images/iconINC.svg)}.ext-php{background-image:url(../../assets/contao/images/iconPHP.svg)}.ext-php3{background-image:url(../../assets/contao/images/iconPHP3.svg)}.ext-php4{background-image:url(../../assets/contao/images/iconPHP4.svg)}.ext-php5{background-image:url(../../assets/contao/images/iconPHP5.svg)}.ext-phtml{background-image:url(../../assets/contao/images/iconPHTML.svg)}.ext-phps{background-image:url(../../assets/contao/images/iconPHPS.svg)}.ext-js{background-image:url(../../assets/contao/images/iconJS.svg)}.ext-psd{background-image:url(../../assets/contao/images/iconPSD.svg)}.ext-rar{background-image:url(../../assets/contao/images/iconRAR.svg)}.ext-fla{background-image:url(../../assets/contao/images/iconFLA.svg)}.ext-swf{background-image:url(../../assets/contao/images/iconSWF.svg)}.ext-sit{background-image:url(../../assets/contao/images/iconSIT.svg)}.ext-tar{background-image:url(../../assets/contao/images/iconTAR.svg)}.ext-tgz{background-image:url(../../assets/contao/images/iconTGZ.svg)}.ext-xhtml{background-image:url(../../assets/contao/images/iconXHTML.svg)}.ext-xht{background-image:url(../../assets/contao/images/iconXHT.svg)}.ext-zip{background-image:url(../../assets/contao/images/iconZIP.svg)}.ext-m4a{background-image:url(../../assets/contao/images/iconM4A.svg)}.ext-mp3{background-image:url(../../assets/contao/images/iconMP3.svg)}.ext-wma{background-image:url(../../assets/contao/images/iconWMA.svg)}.ext-mpeg{background-image:url(../../assets/contao/images/iconMPEG.svg)}.ext-wav{background-image:url(../../assets/contao/images/iconWAV.svg)}.ext-ogg{background-image:url(../../assets/contao/images/iconOGG.svg)}.ext-mid{background-image:url(../../assets/contao/images/iconMID.svg)}.ext-midi{background-image:url(../../assets/contao/images/iconMIDI.svg)}.ext-aif{background-image:url(../../assets/contao/images/iconAIF.svg)}.ext-aiff{background-image:url(../../assets/contao/images/iconAIFF.svg)}.ext-aifc{background-image:url(../../assets/contao/images/iconAIFC.svg)}.ext-ram{background-image:url(../../assets/contao/images/iconRAM.svg)}.ext-rm{background-image:url(../../assets/contao/images/iconRM.svg)}.ext-rpm{background-image:url(../../assets/contao/images/iconRPM.svg)}.ext-ra{background-image:url(../../assets/contao/images/iconRA.svg)}.ext-bmp{background-image:url(../../assets/contao/images/iconBMP.svg)}.ext-gif{background-image:url(../../assets/contao/images/iconGIF.svg)}.ext-jpeg{background-image:url(../../assets/contao/images/iconJPEG.svg)}.ext-jpg{background-image:url(../../assets/contao/images/iconJPG.svg)}.ext-jpe{background-image:url(../../assets/contao/images/iconJPE.svg)}.ext-png{background-image:url(../../assets/contao/images/iconPNG.svg)}.ext-tiff{background-image:url(../../assets/contao/images/iconTIFF.svg)}.ext-tif{background-image:url(../../assets/contao/images/iconTIF.svg)}.ext-svg{background-image:url(../../assets/contao/images/iconSVG.svg)}.ext-svgz{background-image:url(../../assets/contao/images/iconSVGZ.svg)}.ext-eml{background-image:url(../../assets/contao/images/iconEML.svg)}.ext-asp{background-image:url(../../assets/contao/images/iconASP.svg)}.ext-css{background-image:url(../../assets/contao/images/iconCSS.svg)}.ext-scss{background-image:url(../../assets/contao/images/iconSCSS.svg)}.ext-less{background-image:url(../../assets/contao/images/iconLESS.svg)}.ext-html{background-image:url(../../assets/contao/images/iconHTML.svg)}.ext-htm{background-image:url(../../assets/contao/images/iconHTM.svg)}.ext-md{background-image:url(../../assets/contao/images/iconMD.svg)}.ext-shtml{background-image:url(../../assets/contao/images/iconSHTML.svg)}.ext-txt{background-image:url(../../assets/contao/images/iconTXT.svg)}.ext-text{background-image:url(../../assets/contao/images/iconTEXT.svg)}.ext-log{background-image:url(../../assets/contao/images/iconLOG.svg)}.ext-rtx{background-image:url(../../assets/contao/images/iconRTX.svg)}.ext-rtf{background-image:url(../../assets/contao/images/iconRTF.svg)}.ext-xml{background-image:url(../../assets/contao/images/iconXML.svg)}.ext-xsl{background-image:url(../../assets/contao/images/iconXSL.svg)}.ext-mp4{background-image:url(../../assets/contao/images/iconMP4.svg)}.ext-m4v{background-image:url(../../assets/contao/images/iconM4V.svg)}.ext-mov{background-image:url(../../assets/contao/images/iconMOV.svg)}.ext-wmv{background-image:url(../../assets/contao/images/iconWMV.svg)}.ext-webm{background-image:url(../../assets/contao/images/iconWEBM.svg)}.ext-qt{background-image:url(../../assets/contao/images/iconQT.svg)}.ext-rv{background-image:url(../../assets/contao/images/iconRV.svg)}.ext-avi{background-image:url(../../assets/contao/images/iconAVI.svg)}.ext-ogv{background-image:url(../../assets/contao/images/iconOGV.svg)}.ext-movie{background-image:url(../../assets/contao/images/iconMOVIE.svg)}
.content-slider{overflow:hidden;visibility:hidden;position:relative}.slider-wrapper{overflow:hidden;position:relative}.slider-wrapper>*{float:left;width:100%;position:relative}.slider-control{height:30px;position:relative}.slider-control a,.slider-control .slider-menu{position:absolute;top:9px;display:inline-block}.slider-control .slider-prev{left:0}.slider-control .slider-next{right:0}.slider-control .slider-menu{top:0;width:50%;left:50%;margin-left:-25%;font-size:27px;text-align:center}.slider-control .slider-menu b{color:#bbb;cursor:pointer}.slider-control .slider-menu b.active{color:#666}
.c-hamburger {
    width:96px;
    height:96px;
    position:relative;
    overflow:hidden;
    display:block;
    margin:0;
    padding:0;
    font-size:0;
    text-indent:-9999px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-shadow: none;
    border: none;
    cursor: pointer;
    -webkit-transition: background 0.3s;
    transition: background 0.3s;
    background-color: transparent;
}
.c-hamburger:focus {
    outline: none;
}
.c-hamburger span {
    height:3px;
    top:44px;
    position:absolute;
    display:block;
    background-color:#fff;
    left: 18px;
    right: 18px;
}
.c-hamburger span::before,
.c-hamburger span::after {
    width:100%;
    height:3px;
    left:0;
    position:absolute;
    display:block;
    background-color:#fff;
    content: '';
}
.c-hamburger span::before {
    top:-20px;
}
.c-hamburger span::after {
    bottom:-20px;
}
.c-hamburger--htx {
}
.c-hamburger--htx span {
    -webkit-transition: background 0s 0.3s;
    transition: background 0s 0.3s;
}
.c-hamburger--htx span::before,
.c-hamburger--htx span::after {
    -webkit-transition-duration: 0.3s, 0.3s;
    transition-duration: 0.3s, 0.3s;
    -webkit-transition-delay: 0.3s, 0s;
    transition-delay: 0.3s, 0s;
}
.c-hamburger--htx span::before {
    -webkit-transition-property: top, -webkit-transform;
    transition-property: top, transform;
}
.c-hamburger--htx span::after {
    -webkit-transition-property: bottom, -webkit-transform;
    transition-property: bottom, transform;
}
.c-hamburger--htx.is-active {
}
.c-hamburger--htx.is-active span {
    background: none;
}
.c-hamburger--htx.is-active span::before {
    top:0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.c-hamburger--htx.is-active span::after {
    bottom:0;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.c-hamburger--htx.is-active span::before,
.c-hamburger--htx.is-active span::after {
    -webkit-transition-delay: 0s, 0.3s;
    transition-delay: 0s, 0.3s;
}

*,
*:after,
*:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
[class*='col-' ] > h1:first-child,
[class*='col-' ] > h2:first-child,
[class*='col-' ] > h3:first-child,
[class*='col-' ] > h4:first-child,
[class*='col-' ] > h5:first-child,
[class*='col-' ] > h6:first-child,
[class*='push-' ] > h1:first-child,
[class*='push-' ] > h2:first-child,
[class*='push-' ] > h3:first-child,
[class*='push-' ] > h4:first-child,
[class*='push-' ] > h5:first-child,
[class*='push-' ] > h6:first-child {
    margin-top:0;
}
[class*='col-'],
[class*='push-'] {
    float:left;
    margin-top:30px;
    padding-right:60px;
    /* Spaltenabstand */;
}
.grid {
    width:100%;
    min-width:755px;
    max-width:1400px;
    overflow:hidden;
    margin:0 auto;
    padding-top:20;
    padding-right:0;
    /* Anpassung Spaltenabstand */
            padding-left: 60px;
}
.grid:after {
    clear:both;
    display:table;
    content: &quot;
    &quot;
}
.push-right {
    float:right;
}

/* Content Columns */
.col-1-1,
.col-12-12 {
    width:100%;
    float:none;
}
.col-2-3,
.col-8-12 {
    width:66.66%;
}
.col-1-2,
.col-6-12 {
    width:50%;
}
.col-1-3,
.col-4-12 {
    width:33.33%;
}
.col-1-4,
.col-3-12 {
    width:25%;
}
.col-1-5 {
    width:20%;
}
.col-1-6,
.col-2-12 {
    width:16.667%;
}
.col-1-7 {
    width:14.28%;
}
.col-1-8 {
    width:12.5%;
}
.col-1-9 {
    width:11.1%;
}
.col-1-10 {
    width:10%;
}
.col-1-11 {
    width:9.09%;
}
.col-1-12 {
    width:8.33%;
}

/* Layout Columns */
.col-11-12 {
    width:91.66%;
}
.col-10-12 {
    width:83.333%;
}
.col-9-12 {
    width:75%;
}
.col-5-12 {
    width:41.66%;
}
.col-7-12 {
    width:58.33%;
}
@media handheld,
only screen and (max-width: 1023px) {
    .grid{width:100%;min-width:0;margin-left:0px;margin-right:0px;padding-left:20px;padding-right:10px}
            [class*='col-'], [class*='push-']{width:100%;float:none;padding-left:0px;padding-right:10px;margin-left: 0 !important;}
            [class*='mobile-col-']{float:left;padding-left:0px;padding-right:10px;padding-bottom:0px;margin:0px 0px 10px 0px}
            .mobile-col-1-1{width:100%}
            .mobile-col-2-3,.mobile-col-8-12{width:66.66%}
            .mobile-col-1-2,.mobile-col-6-12{width:50%}
            .mobile-col-1-3,.mobile-col-4-12{width:33.33%}
            .mobile-col-1-4,.mobile-col-3-12{width:25%}
            .mobile-col-1-5{width:20%}
            .mobile-col-1-6,.mobile-col-2-12{width:16.667%}
            .mobile-col-1-7{width:14.28%}
            .mobile-col-1-8{width:12.5%}
            .mobile-col-1-9{width:11.1%}
            .mobile-col-1-10{width:10%}
            .mobile-col-1-11{width:9.09%}
            .mobile-col-1-12{width:8.33%}
            .mobile-col-11-12{width:91.66%}
            .mobile-col-10-12{width:83.333%}
            .mobile-col-9-12{width:75%}
            .mobile-col-5-12{width:41.66%}
            .mobile-col-7-12{width:58.33%}
            .hide-on-mobile{display:none !important;width:0;height:0}
}
@media handheld,
only screen and (max-width: 467px) {
    .grid{width:100%;min-width:0;margin-left:0px;margin-right:0px;padding-left:10px;padding-right:5px}
            [class*='col-'], [class*='push-']{width:100%;float:none;padding-left:0px;padding-right:5px;margin-left: 0 !important;}
            [class*='mobile-col-']{float:left;padding-left:0px;padding-right:5px;padding-bottom:0px;margin:0px 0px 10px 0px}
            .mobile-col-1-1{width:100%}
            .mobile-col-2-3,.mobile-col-8-12{width:66.66%}
            .mobile-col-1-2,.mobile-col-6-12{width:50%}
            .mobile-col-1-3,.mobile-col-4-12{width:33.33%}
            .mobile-col-1-4,.mobile-col-3-12{width:25%}
            .mobile-col-1-5{width:20%}
            .mobile-col-1-6,.mobile-col-2-12{width:16.667%}
            .mobile-col-1-7{width:14.28%}
            .mobile-col-1-8{width:12.5%}
            .mobile-col-1-9{width:11.1%}
            .mobile-col-1-10{width:10%}
            .mobile-col-1-11{width:9.09%}
            .mobile-col-1-12{width:8.33%}
            .mobile-col-11-12{width:91.66%}
            .mobile-col-10-12{width:83.333%}
            .mobile-col-9-12{width:75%}
            .mobile-col-5-12{width:41.66%}
            .mobile-col-7-12{width:58.33%}
            .hide-on-mobile{display:none !important;width:0;height:0}
}

html, body{
	height: 100%;
	background: #faf9f9;
	font-family: 'Open Sans', sans-serif;
	font-size: 100%;
}
*{
	box-sizing: border-box;
}

p{
	font-weight: 100;
    letter-spacing: 1px;
    line-height: 150%;
}
#wrapper{
	overflow: hidden;
}

header{
	height: 350px;
    background: rgb(15,15,15);
	background: linear-gradient(45deg, rgba(40,40,40,1) 0%, rgba(1,1,1,1) 100%);
}
header .inside{
	position: relative;
}
header .inner{
	width: 100%;
	max-width:1280px;
	margin: 0 auto;
	padding: 30px;
}
header .inner .Hcontent{
	position: relative;
	z-index: 2;
}
header .textBg{
	color: #000;
    font-size: 235px;
    text-transform: uppercase;
    font-weight: 800;
    line-height: 74%;
    position: absolute;
    top: -6px;
    left: -16px;
    letter-spacing: -15px;
}
header .zweigTop{
	position: absolute;
    left: 0;
    top: 89px;
    width: 150px;
    z-index: 2;
}

header .logo{
	display: block;
    overflow: hidden;
    width: 280px;
    float: left;
    margin-top: 30px;
}
header .textTop{
	display: block;
    float: left;
    width: calc(100% - 323px);
    margin: 59px 10px 0 10px;
}
header .burgerMenu{
	float: right;
    color: #fff;
    font-size: 25px;
    display: block;
    width: auto;
    margin-top: 54px;
    cursor: pointer;
    position: fixed;
    right: 26px;
    top: 21px;
    background: #000;
    text-align: center;
    height: auto;
    z-index: 99;
    padding: 10px 14px 10px 13px ;
    box-shadow: 0px 10px 38px 0px rgba(0,0,0,0.75);
}
header .resLink{
	color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 13px;
	display: block;
    width: 135px;
    text-align: center;
	float: left;
}
header .b1{
	display: block;
    height: 1px;
    background: #8f6a62;
    width: calc(100% - 235px);
    position: relative;
    top: 8px;
    float: left;
}
header .headingText{
	position: absolute;
    top: 233px;
    left: -3px;
    color: #fff;
    font-size: 63px;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: -4px;
    cursor: default;
}
header .b2{
	display: block;
    height: 1px;
    background: #8f6a62;
    width: 100px;
    position: relative;
    top: 8px;
    float: right;
}
header .efText{
	display: block;
    font-size: 45px;
    font-weight: 100;
    letter-spacing: 15px;
    margin: 0 6px;
	padding-top: 20px;
}

#container #main{
	position:relative;
}
#container #main .mod_article{
	position:relative;
}
#container #main .mod_article .inner{
	width: 1280px;
    margin: 0 auto;
    padding: 0 30px;
    position: relative;
    z-index: 1;
}
.wkArticle{
}
.wkArticle::after{
	content: '';
    display: block;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: -34px;
    background-image: url(../../files/images/content/teller_startseite.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 521px;
    height: 646px;
    z-index: 1;
}
.wkArticle::before{
	content: '';
    display: block;
    overflow: hidden;
    position: absolute;
    left: 0;
    bottom: 0;
    background-image: url(../../files/images/content/teller_willkommen.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 620px;
    height: 241px;
}

.spezArticle{
	background-image: url(../../files/images/layout/bg_spez.png);
}
.spezArticle .inner{
	overflow: hidden;
}
.spezArticle .mainline{
	color: #fff;
}
.spezArticle p{
	color: #fff;
}

.mainSpeztArticle{
	max-width: 50%;
    min-height: 550px;
    text-align: center;
    padding: 80px 190px 50px 80px;
    float: right;
}
.spezArticle::before{
	content: '';
    display: block;
    overflow: hidden;
    position: absolute;
    left: -237px;
    top: -28px;
    background-image: url(../../files/images/content/teller_pfanne.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 855px;
    height: 661px;
    z-index: 2;
}

/*.spezArticle::before{
	content: '';
    display: block;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: -34px;
    background-image: url(../../files/images/content/teller_pfanne.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 835px;
    height: 646px;
    z-index: 2;
}*/

.spezArticle::after{
	content: '';
    display: block;
    overflow: hidden;
    position: absolute;
    left: 0;
    bottom: -439px;
    background-image: url(../../files/images/content/teller_tzatziki.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 250px;
    height: 515px;
    z-index: 1;
}

.mainDrArticle{
	max-width: 60%;
    min-height: 550px;
    text-align: center;
    padding: 80px 80px 50px 250px;
}

.drArticle{
}
.drArticle::before{
	content: '';
    display: block;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    background-image: url(../../files/images/content/teller_allerlei.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 516px;
    height: 550px;
    z-index: 1;
}

.mainFirstArticle{
	max-width: 58%;
    min-height: 550px;
    text-align: center;
    padding: 80px 80px 50px 220px;
    position: relative;
    z-index: 1;
}
.topline{
	font-family: 'Dancing Script', cursive;
	color: #3b1e17;
	/*color: #db2a1a;*/
}
.specialHeading{
	position: relative;
	padding-bottom: 30px;
}
.specialHeading::after{
	content:'';
	display: block;
	height: 2px;
	width: 50px;
	background: #3b1e17;
	position: relative;
	bottom: -20px;
	left: calc(50% - 25px);
}
.specialHeading > span{
	display: block;
    font-size: 40px;
    line-height: 86%;
}
.specialHeading .mainline{
	text-transform: uppercase;
    font-weight: 100;
    letter-spacing: 4px;
}
.specialHeading .topline{
	font-size: 50px;
}

.cta{
	display: inline-block;
	background: #3b1e17;
	text-decoration: none;
	color: #fff;
	padding: 10px 25px;
	margin-top: 15px;
	transition: all .5s;
}
.cta:hover{
	background: #111;
}

footer{
    height: 150px;
    background: rgb(15,15,15);
    background: linear-gradient(45deg, rgba(15,15,15,1) 0%, rgba(1,1,1,1) 100%);
}
footer .inside {
    position: relative;
}
footer .inner {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    padding: 70px 30px 30px 30px;
    overflow: hidden;
}
footer .textBg {
	color: #000;
    font-size: 169px;
    text-transform: uppercase;
    font-weight: 800;
    line-height: 74%;
    position: absolute;
    top: -3px;
    left: -16px;
    letter-spacing: -15px;
}

.footerNav{
	position: relative;
	z-index: 1;
	float: left;
}
.footerNav li{
	float: left;
	margin-right: 15px;
}
.footerNav li a, .footerNav li strong{
	color: #fff;
	text-decoration: none;
}
.copy{
	position: relative;
	z-index: 1;
	float: right;
	color: #fff;
}

.closeMenu{
	position: absolute;
    top: 10px;
    right: 17px;
    color: #8f6a62;
    font-size: 35px;
}

.resNavBg{
	position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    content: '';
    overflow: hidden;
    
    display: block;
    z-index: 99;
    opacity: .0;
    visibility: hidden;
    transition: all .5s;
}

.resNav{
	visibility: visible;
    opacity: 1;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    right: -335px;
    background: rgb(0,0,0);
	background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(17,17,17,1) 89%);
    z-index: 99;
    box-shadow: 0px 10px 38px 0px rgba(0,0,0,0.75);
    width: 300px;
    transition: all .5s;
}
.resNav ul{
	margin-top: 50px;
}
.resNav ul li{
}
.resNav ul li a, .resNav ul li strong{
	color: #fff;
    font-size: 19px;
    text-decoration: none;
    padding: 10px;
    display: block;
    text-align: center;
    margin-bottom: 10px;
}
.resNav::before{
	position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    content: '';
    overflow: hidden;
    
    display: none;
    z-index: -1;
    opacity: .0;
}

.fullScreenNav .closeButton{
	font-size: 35px;
    position: absolute;
    top: 4px;
    right: 10px;
    z-index: 99;
    padding: 10px;
    cursor: pointer;
    color: #fff;
}
.fullScreenNav{
	position: fixed;
    top: 0;
    height: 100%;
    background: #232730;
    padding: 25px 50px 25px 25px;
    z-index: 98;
    display: block;
    
    opacity: 0;
    right: -350px;
    
    -webkit-transition: all .6s;
    -moz-transition: all .6s;
    -o-transition: all .6s;
    -ms-transition: all .6s;
    transition: all .6s;
    
    -webkit-box-shadow: 0px 0px 61px -20px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 61px -20px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 61px -20px rgba(0,0,0,0.75);
}
.fullScreenNav a, .fullScreenNav strong{
	color: #fff;
	font-size: 18px;
	padding: 15px 0;
	text-decoration: none;
	display: block;
}

.parallax-mirror{z-index: 1 !important}

.contao_speisekarte{
	margin-bottom: 70px;
	position: relative;
}
.contao_speisekarte h2{
	background-color: transparent !important;
}
.contao_speisekarte .table{
	display: table;
	width: 100%;
	margin-bottom: 60px;
	position: relative;
}
.contao_speisekarte .table .tr{
	display: table-row;
}
.contao_speisekarte_menge{
	color: #333;
    text-align: right;
    font-weight: 200;
    font-size: 16px;
    font-style: italic;
    line-height: 160%;
    min-width: 6cm;
    padding: 20px !important;
} 

.contao_speisekarte .table .tr .td{
	display: table-cell;
	padding: 20px 0;
	border-bottom: 1px solid #ddd;
	vertical-align: middle;
}
.contao_speisekarte .table .tr:last-child .td{
	border-bottom: none;
}
.contao_speisekarte_preis{
	text-align: right;
    font-weight: 200;
    font-size: 20px;
    font-style: italic;
    line-height: 130%;
}
.contao_speisekarte_titel h3{
	font-family: 'Open Sans', sans-serif;
    font-size: 25px;
    text-transform: none;
    font-weight: 200;
    letter-spacing: 0;
    position: relative;
    padding: 0 0 0 0 !important;
    margin: 0 0 10px 0;
    color: #ce131b;
    line-height: inherit !important;
}
.contao_speisekarte_titel h3::after{
	display: none;
}
.contao_speisekarte_beschreibung{
	color: #333;
    font-size: 18px;
    margin-top: -5px;
}

.syndication{
	overflow: hidden;
}
.syndication a{
	float: right;
	display: inline-block;
	margin-left: 10px;
}
.syndication a img{
	display: block;
	height: 30px;
}

#container #main .mod_article.sliderArticle .inner{
	width: 100%;
    padding: 0;
	margin: 5px auto;
}
.headerSlider{
	width: 100%;
    overflow: visible;
    height: 300px;
}
.headerSlider .slider-control{
	position: absolute;
	bottom: 20px;
	left: 0;
	width: 100%;
}
.headerSlider .slider-control .slider-prev,
.headerSlider .slider-control .slider-next{
	display: none;
}
.slider-control .slider-menu{
	top: 4px;
}
.slider-control .slider-menu b.active{
	color: #8f6a62;
}
.slider-control .slider-menu b{
	color: #fff;
	font-size: 50px;
	margin: 0 5px;
	box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.4);
	padding: 0 5px;
	position: relative;
	z-index: 999;
}
.headerSlider h2{
	position: absolute;
    top: -58px;
    left: -3px;
    color: #fff;
    font-size: 63px;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: -4px;
    cursor: default;
	margin: 0;
}
.headerSlider .ce_image, .slider-wrapper, .content-slider{
	overflow: visible;
}
header .headingText{
	display: none;
}
.headerSlider .imageDiv{
	height: 300px;
	background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

@media only screen and (min-width: 1440px){
	.mainSpeztArticle{
		padding: 80px 201px 50px 68px;
	}
	#wrapper {
	    overflow: hidden;
	    border-right: 50px solid #592e22;
	    border-left: 50px solid #592e22;
	    margin: 50px auto;
	    max-width: 1440px;
	    overflow: hidden;
	    background: #faf9f9;
	}
	html, body{
		background: #592e22;
	}
	
	header .burgerContainer{
		position: fixed;
	    top: 0;
	    left: 0;
	    z-index: -1;
	    width: 100%;
	    height: auto;
	}
	header .burgerContainer .inner{
		position: relative;
	    width: 100%;
	    max-width: 1440px;
	    height: auto;
	    margin: 0 auto;
	}
	
	header .burgerMenu {
	    float: right;
	    color: #fff;
	    font-size: 25px;
	    display: block;
	    width: auto;
	    margin-top: 0;
	    cursor: pointer;
	    position: absolute;
	    right: 73px;
	    top: 123px;
	    background: #000;
	    text-align: center;
	    height: auto;
	    z-index: 99;
	    padding: 10px 14px 10px 13px;
	}
}

@media only screen and (max-width: 1279px){
	.wkArticle::before{
		width: 338px;
    	height: 133px;
	}
	.mainFirstArticle{
		max-width: 42%;
	    min-height: 550px;
	    padding: 80px 80px 50px 90px;
	}
	header .zweigTop{
		top: 134px;
    	width: 120px;
	}
	.spezArticle::before{
		transform: rotate(35deg);
	}
	.spezArticle::before{
		content: '';
	    display: block;
	    overflow: hidden;
	    position: absolute;
	    left: -254px;
	    top: 63px;
	    background-image: url(../../files/images/content/teller_pfanne.png);
	    background-repeat: no-repeat;
	    background-size: cover;
	    width: 835px;
	    height: 646px;
	    z-index: 2;
	}
	.mainSpeztArticle{
		max-width: 65%;
	    min-height: 550px;
	    text-align: center;
	    padding: 80px 0px 50px 450px;
	    float: left;
	}
	header{
		height: 350px;
	    background: rgb(15,15,15);
	    background: linear-gradient(45deg, rgba(40,40,40,1) 0%, rgba(1,1,1,1) 100%);
	}
	footer {
	    height: 150px;
	    background: rgb(15,15,15);
	    background: linear-gradient(45deg, rgba(40,40,40,1) 0%, rgba(1,1,1,1) 100%);
	}
}
@media handheld, only screen and (max-width: 1023px){
	.wkArticle::after{
		right: -200px;
	}
	.mainSpeztArticle{
		max-width: 57%;
	    min-height: 550px;
	    text-align: center;
	    padding: 80px 0px 50px 340px;
	    float: left;
	}
	.spezArticle::after{
		content: '';
	    display: block;
	    overflow: hidden;
	    position: absolute;
	    left: 0;
	    bottom: -401px;
	    background-image: url(../../files/images/content/teller_tzatziki.png);
	    background-repeat: no-repeat;
	    background-size: cover;
	    width: 212px;
	    height: 452px;
	    z-index: 1;
	}
	.mainDrArticle{
		max-width: 54%;
	    min-height: 550px;
	    text-align: center;
	    padding: 80px 80px 50px 200px;
	}
	.drArticle::before{
		content: '';
	    display: block;
	    overflow: hidden;
	    position: absolute;
	    top: inherit;
	    right: -150px;
	    bottom: 0 !important;
	    background-image: url(../../files/images/content/teller_allerlei.png);
	    background-repeat: no-repeat;
	    background-size: cover;
	    width: 451px;
	    height: 550px;
	    z-index: 1;
	}
	.copy {
	    position: relative;
	    z-index: 1;
	    float: left;
	    color: #fff;
	    top: 10px;
	}
	footer .inner {
	    width: 100%;
	    max-width: 1280px;
	    margin: 0 auto;
	    padding: 50px 30px 30px 30px;
	    overflow: hidden;
	}
}
@media handheld, only screen and (max-width: 767px){
		header .efText, header .b2, header .b1, header .textTop{
			display: none;
		}
		header {
		    height: 284px;
		    background: rgb(15,15,15);
		    background: linear-gradient(45deg, rgba(40,40,40,1) 0%, rgba(1,1,1,1) 100%);
		}
		header .textBg {
		    color: #000;
		    font-size: 193px;
		    text-transform: uppercase;
		    font-weight: 800;
		    line-height: 74%;
		    position: absolute;
		    top: -6px;
		    left: -16px;
		    letter-spacing: -15px;
		}
		header .headingText {
		    position: absolute;
		    top: 219px;
		    left: -3px;
		    color: #fff;
		    font-size: 35px;
		    text-transform: uppercase;
		    font-weight: 700;
		    letter-spacing: -4px;
		    cursor: default;
		}
		header .zweigTop {
		    top: 134px;
		    width: 87px;
		}
		.wkArticle::after {
		    position: relative;
		    top: 0;
		    right: 0;
		    width: 100%;
		    height: 157px;
		}
		.mainFirstArticle {
		    max-width: 100%;
		    min-height: inherit;
		    padding: 20px;
		    margin: 0 auto;
		}
		#container #main .mod_article .inner{
			width: 100%;
		}
		.spezArticle::before, .spezArticle::after  {
			display: none;
		}
		.mainSpeztArticle {
		    max-width: 100%;
		    min-height: inherit;
		    text-align: center;
		    padding: 20px;
		    float: left;
		}
		.specialHeading > span {
		    display: block;
		    font-size: 25px;
		    line-height: 86%;
		}
		.specialHeading .topline {
		    font-size: 40px;
		}
		.mainDrArticle {
		    max-width: 100%;
		    min-height: 550px;
		    text-align: center;
		    padding: 20px;
		}
		.drArticle::after {
		    display: none;
		}
		.drArticle::before {
		    content: '';
		    display: block;
		    overflow: hidden;
		    position: absolute;
		    top: inherit;
		    right: -150px;
		    bottom: -163px !important;
		    background-image: url(../../files/images/content/teller_allerlei.png);
		    background-repeat: no-repeat;
		    background-size: cover;
		    width: 451px;
		    height: 392px;
		    z-index: -1;
		}
		footer {
		    height: auto;
		    background: rgb(15,15,15);
		    background: linear-gradient(45deg, rgba(40,40,40,1) 0%, rgba(1,1,1,1) 100%);
		}
		.footerNav li {
		    float: none;
		    margin: 0 0 10px 0;
		}
		.headerSlider h2{
			font-size: 35px;
			top: -36px;
			letter-spacing: -2px;
		}
}

@media handheld, only screen and (max-width: 1279px){
	.contao_speisekarte_beschreibung{
		line-height: 130%;
	}
	.contao_speisekarte_preis{
		min-width: 100px;
	}
}

@media handheld, only screen and (max-width: 1023px){
	.contao_speisekarte_menge, .contao_speisekarte_grundpreis, .contao_speisekarte_nummer{
		display: none !important;
	}
}
@media only screen and (max-width: 767px){
    
	.contao_speisekarte_titel{
		padding-bottom: 10px !important;
	}
	.contao_speisekarte_preis{
		border-bottom: 1px solid #ddd !important;
		padding-top: 0 !important;
		text-align: left;
		font-size: 22px;
	}
	.contao_speisekarte .table .tr .td{
		display: block;
		border-bottom: none;
	}
	.contao_speisekarte .table .tr .td.only-print{
		display: none;
	}
}

/* PRINT */
@page{
	margin: -2cm;
	size: auto;
}
@media print {
	header, footer, .USheader, .WAheader, .no-print, .syndication, .mod_article.USheader, .parallax-mirror{
		display: none !important;
	}
	.contao_speisekarte .table .tr .td{
		padding: 10px 0;
	}
	.signContainer{
	    page-break-after: always;
	}
	.only-print{
		display: block;
	}
	.contao_speisekarte_preis{
		min-width: 3cm;
		font-size: 18px;
	}
	.orderBox{
		width: 0.7cm;
	    height: 0.7cm;
	    display: block;
	    border: 1px solid #444;
	    margin: 20px 30px 20px 0;
	}
	.contao_speisekarte h2{
		margin-bottom: 0;
    	margin-top: 2cm;
    	font-size: 20px;
    	letter-spacing: 2px;
	}
	.contao_speisekarte_titel{
		width: 10cm;
	}
	.contao_speisekarte_menge{
		display: none !important;
	}
	.contao_speisekarte_titel h3{
		font-size: 18px;
		margin-bottom: 10px;
	}
	.contao_speisekarte_beschreibung{
		line-height: 150%;
		font-size: 16px;
	}
	.orderName, .orderSign{
		width: 7cm;
	    border-top: 1px solid #444;
	    margin-bottom: 15px;
	    padding-top: 5px;
	    color: #444;
	}
	.orderName{
		float: left;
	}
	.orderSign{
		float: right;
		text-align: right;
	}
	.logoDruck{
		position: absolute;
	    top: -45px;
	    right: 0;
	    width: 6cm;
	    height: auto;
	}
}
