@charset "utf-8";
@import url("fonts.css");


* { margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-text-size-adjust: none; font-weight: normal; }


img{ border:none; max-width: 100%; height: auto; }
.ce-gallery img:not([src$=".svg"]){ width: 100%;  }


html, body { font-family: 'Open Sans', sans-serif; font-weight: 400; height: 100%; }
html{ overflow-y: scroll; }


:focus { outline: none; }
a[href^=tel]{ color:inherit; text-decoration: inherit; font-size:inherit; font-style:inherit; font-weight:inherit; }
h1, h3, h4, h5 { font-weight: 700; }
fieldset { border: none; }
iframe{ max-width: 100%; }
textarea,input,select { border-radius: 0; }
::-webkit-input-placeholder { color: #f58a41; font-family: 'Open Sans', sans-serif; font-size: 20px; } .parsley-error::-webkit-input-placeholder { color: red; }
:-moz-placeholder { color: #f58a41; opacity: 1; font-family: 'Open Sans', sans-serif; font-size: 20px; } .parsley-error:-moz-placeholder { color: red; opacity: 1; }
::-moz-placeholder { color: #f58a41; opacity: 1; font-family: 'Open Sans', sans-serif; font-size: 20px; } .parsley-error::-moz-placeholder { color: red; opacity: 1; }
:-ms-input-placeholder { color: #f58a41; } .parsley-error:-ms-input-placeholder { color: red; }
b,strong, strong span{ font-weight: 700; }
a b,a strong{ font-weight: 700; }
span.white { display: inline-block; }
hr{ height: 1px; border-width: 2px 0 0 0; border-style: solid; border-color: #a0a0a1;  }
a{ color: inherit; text-decoration: none; }


/* buttons */
.button{   }
.button:hover{  }
.button:after{ content:''; font-family: Verdana, Arial, sans-serif; } /* safari line-height hack */

/* text alignments */
.text-left, .ce-headline-left{ text-align: left; }
.text-right, .ce-headline-right{ text-align: right; }
.text-center, .ce-headline-center{ text-align: center; }
.text-justify{ text-align: justify; }

/* displays */
main, header, footer, nav, section, article { display: block; }

/* limiters */
#wrapper { max-width: 1280px; margin: 0 auto; }
.inner { max-width: 1787px; margin: 0 auto; }
.inner-1205 { max-width: 1205px; margin-left: auto; margin-right: auto; }

/* clearer */
.clear { line-height: 0px; font-size: 0px; height: 0px; text-indent: -999px; clear: both; }
#header .inner:after, footer:after,
.row:after, main > .inner:after, #naviSitemap > ul:after { clear: both; content:''; display:table; }
#naviMain ul,
footer ul { list-style: none; }


/* effects */
.button,
#naviMain > ul > li > ul,
.effekt, #naviMain > ul > li > a,  h3#sitemap, .mobicon span, .powermail_submit:hover,
#content .productsWrapper > .productsNavigation .sideNavAccordion > ul > li > a,
#content .productsWrapper > .productsNavigation .sideNavAccordion > a,
#content .kachel >  .overlay, #naviLanguage a,
#content .kachel > a > .overlay,
#content .productsWrapper > .productsNavigation .sideNavAccordion > ul > li.SideNavActive a,
#content .productsWrapper > .productsNavigation .sideNavAccordion > ul > li a{ -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }


/* font-sizes */
.defaultSize, html, body { font-size: 17px; line-height: 1.33em; }
#breadCrumb a, #breadCrumb .trenner, #breadCrumb .active { font-size: 14px; }
.size-16 { font-size: 16px; }
.size-17 { font-size: 17px; }
.size-18, #naviMain > ul > li > a { font-size: 18px; }
.size-20, h6, .sideNavAccordion, #naviLanguage a { font-size: 20px; line-height: 1.33em; }
.size-23, h4, h5 { font-size: 23px; line-height: 1.33em; }
.size-24, #hContent p { font-size: 24px; }
.size-27, h3 { font-size: 27px; line-height: 1.33em; }
.size-33, h1, h2, #content header.hands h1, #content header.hands h2 { font-size: 33px; line-height: 1; }

/* line-heights */
.line-height-18 { line-height: 18px; }
.line-height-24 { line-height: 24px; }


/* colors */
.color.white, #content .background.orange header.hands h2, .powermail_submit:hover, #content .kachel > a > .overlay h3, #content .kachel > a > .overlay h3 a,  #content .kachel > .overlay h3, #content .kachel > .overlay h3 a, #content .kachel > a > .img h3, #content .kachel > a > .img h3 a,  #content .kachel > .img h3, #content .kachel > .img h3 a,
#content .grid_30_30_30 .ce-bodytext, #naviFooter > ul > li > a:hover, .white, .layout-fullWidth30er p, .tx-powermail label, #content .orangeBG a { color: #FFF; }
.color.black, html, body { color: #333333; }
.color.light_black, #hContent p, #naviMain a, #naviLanguage a { color: #1a1a18; }
.color.orange, #naviMain > ul > li:hover > a, #naviMain li.active > a, #content header.hands h2, .orange,
#content a, #naviFooter > ul > li > a, #content .productsWrapper > .productsNavigation .sideNavAccordion > ul > li > a:hover,
/*#content .productsWrapper > .productsNavigation .sideNavAccordion > ul > li.active a,*/
#content .productsWrapper > .productsNavigation .sideNavAccordion > ul > li.active:before,
#content .productsWrapper > .productsNavigation .sideNavAccordion > ul > li:hover:before, h4, #naviLanguage li a:hover { color: #f58a41; }
.color.darkgrey, main a, main p, #content .sideNavAccordion a { color: #555556; }


/* background-colors */
.background.white, .powermail_submit, #content .sideNavAccordion > ul { background-color: #FFF; }
.background.black { background-color: #000; }
.background.orange, .powermail_submit:hover, .sideNavAccordion.active > a,
#content .productsWrapper > .productsNavigation .sideNavAccordion > a:hover,
#content .productsWrapper > .productsNavigation .sideNavAccordion.sideNavAccordionOpen > a,
.sideNavAccordion.SideNavActive > a, .orangeBG { background-color: #f58a41; }
.background.grey, .sideNavAccordion > a, .greyBG, table.contenttable th { background-color: #dddddd; }
.background.lightgrey, footer { background-color: #eeeeee; }
.background.darkgrey, #naviFooter { background-color: #565655; }


/* margins */
.margin-40, .space-after-medium, #content p, .tx-powermail { margin-bottom: 40px; }
.margin-16 { margin-bottom: 16px; }
.background.orange, .background.grey { margin-top: 40px; margin-bottom: 40px; }


/* header */
#header{  }
#header .inner-1205 { position: relative; height: 172px; }
/*#header .inner-1205 { position: relative; }*/
#header #logo { display: inline; position: absolute; bottom: -50px; z-index: 10; }
#header .logo_link{ line-height: 0px; font-size: 0px; }
#hContent { position: absolute; right: 0; top: 75px; }
#hContent p, #naviMain > ul > li > a, #naviLanguage a { font-weight: 700; }
#hContent p { font-family: 'Open Sans', sans-serif; }
#hContent p:before { position: relative; top: 0; margin-right: 5px; background-image: url("../img/phone.png"); content:""; display: inline-block; left: 0; height: 18px; width: 18px;  background-repeat: no-repeat; }



/* navi Main first level */
#naviMain { position: absolute; top: 140px; right: 0; z-index: 4; }
#naviMain > ul > li { display: inline-block; position: relative; padding-bottom: 20px;  }
#naviMain > ul > li:first-child { border-left: none; }
#naviMain > ul > li:first-child > a { border-left: none;  }
#naviMain > ul > li:last-child > a { padding-right: 0;  }
#naviMain > ul > li > a { display: block; padding-left: 10px; padding-right: 10px; padding-top: 14px; padding-bottom: 14px; text-transform: uppercase; border-left: 3px solid #dddddd; }

/* navi Main second level */
#naviMain > ul > li > a { font-family: 'Open Sans', sans-serif; }
#naviMain > ul > li > ul { position: absolute; top: 61px; left: 0; height: 0; opacity: 0; overflow: hidden; visibility: hidden; z-index: 9999; min-width: 100%; }
/*#naviMain > ul > li#nav_208 > a { color: #f58a41; }*/
/*#naviMain > ul > li#nav_208 > ul,*/
#naviMain > ul > li:hover > ul { height: auto; opacity: 1; overflow: visible; visibility: visible; }
#naviMain > ul > li > ul > li { list-style: none; text-align: left; padding-left: 10px; padding-right: 10px; padding-top: 8px; position: relative; }
#naviMain > ul > li > ul > li:last-child { padding-bottom: 8px; }
#naviMain > ul > li > ul > li > ul { height: 0; opacity: 0; overflow: hidden; visibility: hidden; z-index: 99; padding-bottom: 0; position: absolute; padding-top: 8px; left: 100%;  top: 8px; }
#naviMain > ul > li > ul > li:hover > ul { height: auto; opacity: 1; overflow: visible; visibility: visible; }
#naviMain > ul > li > ul > li > ul > li { padding: 0 10px; padding-bottom: 10px; line-height: 25px; width: 100%; }

/* navi separator */
#naviMain > ul > li > ul > li > .separator { background-color: rgba(230, 230, 230, 1); color: #f58a41; padding-right: 10px; }
#naviMain > ul > li > ul > li > .separator::after {
    content: '';
    display: block;
    height: 1px;
    background-color: #f58a41;
    position: absolute; top: 19px; left: 10px; right: 10px;
    z-index: -1;
}

/* language selecor */
#naviLanguage { position: absolute; right: 0; top: 25px; }
#naviLanguage ul { margin: 0; padding: 0; }
#naviLanguage li { display: inline-block; margin-left: 10px; text-transform: uppercase; }
#naviLanguage li:first-child { margin-left: 0; }
#naviLanguage img { max-height: 30px; width: auto; }

    /* mobicon */
.mobicon { position: absolute; display: none; float: right; z-index: 99; bottom: 20px; right: 20px; width: 40px; height: 22px; }
.mobicon span { position: absolute; width: 40px; height: 4px; background-color: #f58a41; }
.mobicon span.first { top: 0; }
.mobicon span.sec { top: 9px; }
.mobicon span.third { top: 18px; }
.mobicon.open span.sec { opacity:0; }
.mobicon.open span.first { -webkit-transform: rotate(45deg); transform:rotate(45deg); margin-top: 9px; }
.mobicon.open span.third { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); margin-top: -9px; }

/*banner*/
/*#banner{ border-bottom: 4px solid #f58a41; border-top: 4px solid #f58a41; }*/
#banner .bannerInnerWrapper { position: relative; overflow: visible; padding-bottom: 40px; }
#banner .bannerInnerWrapper .bannerBG { border-bottom: 4px solid #f58a41; border-top: 4px solid #f58a41; }
#banner .bannerInnerWrapper .bannerFront { position: absolute; width: 55%; top: -12px; left: 50%; transform: translate(-50%, 0); }

#banner .swiper-wrapper > .csc-default { width: 100%; height: 100%; position: relative; -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; flex-shrink: 0; }
#banner .ce-gallery img{ width: 100%; }

/* typo3 banner resets */
#banner .ce-gallery, #banner .ce-row, #banner .ce-column{ margin: 0px; float: none; }
#banner .ce-outer, #banner .ce-inner{ float: none; position: static; right: 0; }
#banner .ce-gallery figure{ display: block; }
#banner .ce-textpic, #banner .ce-image{ overflow: visible; }
#banner .ce-textpic .ce-bodytext{ position: absolute; top: 0px; left: 0px; width: 100%; display: none; }
#banner .ce-right .ce-bodytext .bannerShow{ float: left;  }
#banner .ce-left .ce-bodytext .bannerShow{ float: right;  }
#banner .pagiOut{ position: absolute; bottom: 50px; left: 0px; width: 100%; text-align: center; z-index: 5; line-height: 16px; }
#banner .pagiOut .swiper-pagination-bullet{ height: 16px; width: 16px; margin-left: 10px; margin-right: 10px; }

#banner .sliderOut { background-image: url(../img/BannerBG.jpg); }


/* content */
main { margin-top: -40px; }
#breadCrumb { margin-top: 40px; position: relative; z-index: 3; }
#breadCrumb > a { cursor: pointer; }
#breadCrumb a, #breadCrumb .trenner, #breadCrumb .active { font-weight: 700; }
#breadCrumb .trenner { position: relative; top: 5px; margin-right: 5px; margin-left: 5px; background-image: url("../img/BCarrow.png"); content:""; display: inline-block; left: 0; height: 9px; width: 5px;  background-repeat: no-repeat; color: transparent; }

#content .black_underline:after { content: ""; display: block; margin: 0 auto; max-width: 50%; background-color: #1a1a18; height: 2px; text-align: center; margin-bottom: 15px; margin-top: 15px; }
#content .orange_underline:after { content: ""; display: block; margin: 0 auto; max-width: 50%; background-color: #f58a41; height: 2px; text-align: center; margin-bottom: 15px; margin-top: 15px; }

#content .productsWrapper { position: relative; }
#content .productsWrapper > .productsNavigationButton { position: absolute; display: none; cursor: pointer; left: 0; top: -65px; width: 44px; height: 46px; background-color: #dddddd; z-index: 2; border: 4px solid #f58a41; border-left: none; }
#content .productsWrapper > .productsNavigationButton:after { position: absolute; top: 14px; right: 13px; background-image: url(../img/arrow_closed.png); content: ""; display: inline-block; height: 14px; width: 8px; background-repeat: no-repeat; }
#content .productsWrapper > .productsNavigation { position: absolute; transform: translate(-330px, 0); width: 295px; background-color: #fff; z-index: 1; }
/*#content .productsWrapper > .productsNavigation ul { list-style: none; }
#content .productsWrapper > .productsNavigation .sideNavAccordion { position: relative; margin-bottom: 4px; }
#content .productsWrapper > .productsNavigation .sideNavAccordion:last-child { margin-bottom: 0; }
#content .productsWrapper > .productsNavigation .sideNavAccordion > a { padding: 8px 15px; padding-right: 40px; display: inline-block; width: 100%; }
#content .productsWrapper > .productsNavigation .sideNavAccordion > a:after { position: absolute; top: 14px; right: 13px; background-image: url("../img/arrow_closed.png"); content:""; display: inline-block; height: 14px; width: 8px;  background-repeat: no-repeat; }
#content .productsWrapper > .productsNavigation .sideNavAccordion.sideNavAccordionOpen > a:after { background-image: url("../img/arrow_open.png"); top: 17px; height: 8px; width: 14px; }
#content .productsWrapper > .productsNavigation .sideNavAccordion > ul { margin: 9px 0 18px 20px; display: none; }
/#content .productsWrapper > .productsNavigation .sideNavAccordion.active > ul,/
#content .productsWrapper > .productsNavigation .sideNavAccordion:hover > ul { display: block; }
#content .productsWrapper > .productsNavigation .sideNavAccordion > ul > li.SideNavActive a { text-decoration: underline; }
#content .productsWrapper > .productsNavigation .sideNavAccordion > ul > li > a:hover { text-decoration: underline; }
#content .productsWrapper > .productsNavigation .sideNavAccordion > ul > li > ul { text-decoration: underline; }
#content .productsWrapper > .productsNavigation .sideNavAccordion > ul > li { position: relative; padding-left: 17px; }
#content .productsWrapper > .productsNavigation .sideNavAccordion > ul > li:before { display: inline; content: ""; position: absolute; left: 0; top: 12px; }
#content .productsWrapper > .productsContent {  }
#content .productsNavigation ul { margin-left: 0; }
#content .productsNavigation ul > li { padding-left: 0; }
#content .productsWrapper > .productsNavigation .sideNavAccordion { word-wrap: break-word; }

#content .productsWrapper > .productsNavigation .sideNavAccordion.separator-wrapper { background-color: #F58A41; color: #ffffff; padding: 8px 15px; display: inline-block; width: 100%; z-index: 0; }
#content .productsWrapper > .productsNavigation .sideNavAccordion > .separator { background-color: #F58A41; padding-right: 10px; }
#content .productsWrapper > .productsNavigation .sideNavAccordion > .separator::after { content: ''; display: block; height: 1px; background-color: #ffffff; position: absolute; top: 21px; left: 15px; right: 15px; z-index: -1; }*/

#content { margin-top: 80px; position: relative; }
#content h1 { font-weight: 700;  font-family: 'Open Sans', sans-serif; }
#content h1:after { content: ""; display: block; margin: 0 auto; max-width: 50%; background-color: #1a1a18; height: 2px; text-align: center; margin-bottom: 15px; margin-top: 15px; }
#content h2 { font-weight: 700; font-family: 'Open Sans', sans-serif; }
#content h1 .orange, #content h2 .orange,
#content h1 .white, #content h2 .white { font-weight: bold; }
#content h2 { margin-bottom: 40px; }
#content p {  }
#content ul, #content ol { margin-left: 20px; }
#content .grid_40_40_20 a.button { width: 100%; max-width: 217px; }
#content .space-after-small { margin-bottom: 40px; }
#content .space-after-medium { margin-bottom: 60px; }
#content .space-after-large { margin-bottom: 100px; }
#content .space-after-extra-large { margin-bottom: 160px; }
hr { margin-bottom: 41px; margin-top: 20px; }

#content .kachel { position: relative; max-width: 278px; margin: 0 auto; }
#content .kachel > .img { position: relative; }
#content .kachel > .img .ce-gallery { margin-bottom: 0; }
#content .kachel > .overlay,
#content .kachel > a > .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; }
#content .grid_25_25_25_25 .kachel > .overlay,
#content .grid_25_25_25_25 .kachel > a > .overlay { background-color: rgba(255, 110, 0, 0.8); }
#content .kachel:hover > .overlay,
#content .kachel:hover > a > .overlay { opacity: 1; }
#content .kachel > .overlay header,
#content .kachel > a > .overlay header { position: relative; top: 0; left: 0; width: 100%; height: 100%; }
#content .grid_25_25_25_25 .kachel > .overlay header h3 ,
#content .grid_25_25_25_25 .kachel > a > .overlay header h3  { margin-bottom: 0; text-align: center; position: absolute; bottom: 25px; width: 100%; font-size: 25px; line-height: 1; text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.5); }
#content .grid_25_25_25_25 .kachel > a > .overlay header h3 a  { margin-bottom: 0; font-size: 25px; line-height: 1; font-weight: 700; }

#content .kachel > .img header,
#content .kachel > a > .img header { position: relative; top: 0; left: 0; width: 100%; height: 100%; }
#content .grid_25_25_25_25 .kachel > .img header h3 ,
#content .grid_25_25_25_25 .kachel > a > .img header h3  { margin-bottom: 0; text-align: center; position: absolute; bottom: 25px; width: 100%; font-size: 25px; line-height: 1; text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.5); }
#content .grid_25_25_25_25 .kachel > a > .img header h3 a  { margin-bottom: 0; font-size: 25px; line-height: 1; font-weight: 700; }
#content .kachel > .img header h3 a { font-weight: 700; }

#content .grid_25_25_25_25 .col_25 .csc-default:last-child.frame-type-text { margin-top: 15px; }
#content .grid_25_25_25_25 .col_25 .csc-default:last-child.frame-type-text a { font-weight: 700; }
#content .grid_30_70 .col_70 h2 { margin-bottom: 20px; }
#content .grid_30_70 .col_70 h3 { margin-bottom: 20px; font-weight: normal; }
/*#content .grid_30_70 .col_70 h2, #content .grid_30_70 .col_70 h3 { margin-bottom: 20px; font-weight: normal; }*/
#content .grid_70_30 .col_70 h2, #content .grid_70_30 .col_70 h3 { margin-bottom: 20px; font-weight: normal; }
#content .layout-PrevNextButtons .grid_50_50 .row .col { width: 50%; float: left; }

#content .layout-fullWidth30er .grid_30_30_30 { display: table; width: 100%; }
#content .layout-fullWidth30er .grid_30_30_30 > .row { display: table-row; }
#content .layout-fullWidth30er .grid_30_30_30 > .row > .col { display: table-cell; float: none; }
/*#content .layout-fullWidth30er .grid_30_30_30 > .row > .col img { width: 100%; }*/
#content .layout-fullWidth30er .grid_30_30_30 .ce-gallery { margin-bottom: 0; height: 350px; }
#content .layout-fullWidth30er .grid_30_30_30 .ce-gallery .ce-outer, #content .layout-fullWidth30er .grid_30_30_30 .ce-gallery .ce-inner, #content .layout-fullWidth30er .grid_30_30_30 .ce-gallery .ce-row, #content .layout-fullWidth30er .grid_30_30_30 .ce-gallery .ce-column, #content .layout-fullWidth30er .grid_30_30_30 .ce-gallery figure { height: 100%; }
#content .layout-fullWidth30er .grid_30_30_30 .ce-gallery figure { position: relative; }
#content .layout-fullWidth30er .grid_30_30_30 .ce-gallery figure img { position: absolute; top: -100%; bottom: -100%; left: -100%; right: -100%; width: auto; height: auto; min-width: 100%; min-height: 100%; max-width: none; max-height: none; margin: auto; }
#content .layout-fullWidth30er .grid_30_30_30 .ce-gallery figure { display: block; }
#content .layout-fullWidth30er .grid_30_30_30 .ce-textpic { position: relative; }
#content .layout-fullWidth30er .grid_30_30_30 .ce-bodytext { position: absolute; top: 40px; width: 100%; padding: 15px; }
#content .layout-fullWidth30er .grid_30_30_30 .ce-bodytext h2 { font-size: 40px; }
#content .layout-fullWidth30er .grid_30_30_30 .ce-bodytext p { font-size: 24px; margin-top: 34px; line-height: 1.2em; }
#content .layout-fullWidth30er .grid_30_30_30 .ce-outer { float: none; right: 0; }
#content .layout-fullWidth30er .grid_30_30_30 .ce-inner { float: none; right: 0; }
#content .layout-fullWidth30er .grid_30_30_30 .ce-column { float: none; }


#content ul { list-style: none; }
#content ul > li { padding-left: 15px; position: relative; margin-bottom: 10px; list-style: none; }
#content ul > li:before { background-color: #000; content: ''; display: inline-block; height: 6px; width: 6px; border-radius: 50%; margin-left: 0; position: absolute; left: 0; top: 7px; }
#content .sideNavAccordion ul li:before,
#content .productsNavigation ul li:before { display: none; }




/* content slider */
.sliderOut { background-image: url(../img/BannerBG.jpg); background-repeat: no-repeat; background-size: cover; background-position: center; width: 100%; padding: 50px 0; border-top: 3px solid #f58a41; }
.slider { position: relative; }
.slider .swiper-container { margin: 0 60px; }
.slider .swiper-wrapper {  }
.slider .swiper-button-prev { left: 0px; }
.slider .swiper-button-next { right: 0px; }
.slider .ce-gallery { margin-bottom: 0; }


/* accordion */
.accordionOut{ margin-bottom: 30px; }
.accordionOut > header{ position: relative; cursor:pointer; }
.accordionOut > header:after{ content:'>'; display: block; height: 20px; width: 20px; position: absolute; top: 0px; right: 0px; background-color: red; }
.accordionOut.accordionOpen > header:after{ transform: rotate(90deg);  }
.accordionOut > .accordion{ padding-top: 30px; }
.accordionOut > .accordion:after{ clear: both; content:''; display: table; }


/* tabs */
.tabOut{ }
.tabOut > .tabnavi{ }
.tabOut > .tabnavi:after{ clear: both; content:''; display:table; }
.tabOut > .tabnavi > .tabbutton{ float: left; margin-right: 20px; cursor: pointer; }


/* backgroundimage */
.bgImg{ position: relative; background: no-repeat; background-size: cover; }
.bgImg > .bgImgSrc{ width: 100%; opacity: 0; visibility: hidden; }
.bgImg > .bgImgText{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); background-color: red; }


/* grids */
.grid{ overflow: hidden; }
.grid > .row{ margin-left: -15px; margin-right: -15px; }
.grid > .row > .col{ float: left; padding-left: 15px; padding-right: 15px;}
.grid_30_30_30 > .row > .col{ width: 33.33%; }
.grid_40_40_20 > .row > .col_40{ width: 40%; }
.grid_40_40_20 > .row > .col_20{ width: 20%; }
.grid_30_50_20 > .row > .col_30 { width: 30%; }
.grid_30_50_20 > .row > .col_50 { width: 50%; }
.grid_30_50_20 > .row > .col_20 { width: 20%; }
.grid_25_25_25_25 > .row > .col{ width: 25%; }
.grid_20_20_20_20_20 > .row > .col{ width: 20%; }
.grid_50_50 > .row > .col{  width: 50%; }
.grid_70_30 > .row > .col_70{ width: 70%; }
.grid_70_30 > .row > .col_30{ width: 30%; }
.grid_30_70 > .row > .col_30{ width: 30%; }
.grid_30_70 > .row > .col_70{ width: 70%; }
.grid_40_60 > .row > .col_40{ width: 40%; }
.grid_40_60 > .row > .col_60{ width: 60%; }
.grid_60_40 > .row > .col_40{ width: 40%; }
.grid_60_40 > .row > .col_60{ width: 60%; }

.greyBG { padding-top: 40px; }
.orangeBG { padding-top: 40px; }

.layout-fullWidth30er > .grid_30_30_30 > .row { margin-left: 0; margin-right: 0; }
.layout-fullWidth30er > .grid_30_30_30 > .row > .col { padding-left: 0; padding-right: 0; }


/* footer */
footer .inner { position: relative; }
footer{ border-top: 2px solid #f58a41; }
footer #logoF { position: absolute; top: 0; }
footer .orange { font-weight: bold; }
footer .grid_50_50 { max-width: 600px; margin: 0 auto; margin-top: 30px; margin-bottom: 30px; }

/* footer navigation */
#naviFooter { padding-bottom: 15px; padding-top: 15px; }
#naviFooter > ul { text-align: center; }
#naviFooter > ul > li { display: inline-block; margin-right: 35px; }
#naviFooter > ul > li:last-child { margin-right: 0; }

/* sitemap */
h3#sitemap { position: absolute; text-align: right; cursor: pointer; padding-right: 20px; top: 0; right: 0; }
h3#sitemap:after { content:""; position: absolute; top: 9px; right: 0; display: block; width: 10px; height: 18px; background-image: url(../img/SMarrow.png); background-repeat: no-repeat; }
h3#sitemap.open:after { -webkit-transform: rotate(90deg); transform:rotate(90deg); }

#naviSitemap { display: none; padding: 20px 0; }
#naviSitemap > ul  { column-count: 3; }
#naviSitemap > ul > li {  margin-bottom: 10px; }
#naviSitemap > ul > li > a { text-transform: uppercase; }
#naviSitemap > ul > li > ul { margin-bottom: 10px; }
#naviSitemap > ul > li > ul > li { padding-left: 20px; }
#naviSitemap > ul > li > ul > li > ul { margin-bottom: 10px; }
#naviSitemap > ul > li > ul > li > ul > li { padding-left: 20px; }

/* formular */
.tx-powermail h3, .tx-powermail legend, .tx-powermail label { display: none; }
.powermail_field input { width: 100%; padding: 7px 0 5px 7px; margin-bottom: 20px; color: #f58a41; }
.powermail_field textarea { width: 100%; padding: 7px 0 5px 7px; margin-bottom: 20px; color: #f58a41; height: 200px; display: block; }
.powermail_fieldwrap_plz { position: absolute; width: 25%; }
.powermail_fieldwrap_ort { width: 75%; position: relative; left: 25%; }
.powermail_fieldwrap_datenschutz .checkbox { margin-bottom: 20px; }
.powermail_fieldwrap_datenschutz .checkbox label { display: block; position: relative; padding-left: 20px; }
.powermail_fieldwrap_datenschutz .checkbox input[type="checkbox"] { position: absolute; left: 0; top: 3px; width: auto; }
.powermail_submit { font-family: 'Open Sans', sans-serif; font-size: 20px; border: 2px solid #fff; }

/* navi-anpassung */
#banner .frame-type-gridelements_pi1 { margin-top: 0; }
#header > .inner-1205 { padding-top: 2rem; display: flex; flex-direction: column; align-items: flex-end; position: relative; height: auto; }
#naviLanguage, #hContent, #naviMain { position: static; }
#header #logo { position: absolute; bottom: -19px; left: 0; }
#naviMain { margin-top: 2rem; }
#header #naviMain > ul > li > ul > li { font-family: 'Open Sans', sans-serif; }
#naviMain > ul > li { padding-bottom: 10px; }
#naviMain > ul > li > a { font-weight: 800; }
#naviMain > ul > li > ul > li.active > a { color: #000; }
#naviMain > ul > li > ul > li ul > li.active > a { text-decoration: underline; }
#header #naviMain > ul > li > ul { top: 100%; background-color: transparent; border: none; transition: .3s; width: 100%; }
#header #naviMain > ul > li:last-child > ul { width: auto; }
#naviMain > ul > li > ul:before { display: none; }
#naviMain > ul > li > ul:before { content: ''; display: block; width: 18px; height: 30px; background-image: url(../img/Pfeil-Navigation-Grau.png); background-size: contain; background-repeat: no-repeat; position: absolute; top: -24px; left: 2rem; transform: rotate(-90deg); }
#header #naviMain > ul > li > ul > li { padding: 0; width: 100%; }
#header #naviMain > ul > li:nth-child(2) > ul > li > ul { opacity: 1; visibility: visible; overflow: visible; height: auto; }
#header #naviMain > ul > li > ul > li:last-child { padding-bottom: 0; }
#header #naviMain > ul > li > ul > li > a { background-color: #f58b41; display: block; padding: .5em 1em; font-weight: 800; text-transform: uppercase; text-align: center; font-size: 18px; }
#header #naviMain > ul > li > ul > li.hasSub > a { position: relative; padding-left: 2em; transition: .3s; }
#header #naviMain > ul > li > ul > li.hasSub > a:before { content: ''; display: block; width: 23px; height: 23px; background-image: url(../img/Pfeil-Navigation.png); background-size: contain; background-repeat: no-repeat; background-position: center; position: absolute; top: 50%; transform: translateY(-50%); left: .3em; transition: .3s; }
#header #naviMain > ul > li > ul > li:hover > a { border: none; color: inherit; }
#header #naviMain > ul > li > ul > li > ul { position: static; background-color: transparent; border: none; padding: 0; transition: .3s; }
#header #naviMain > ul > li > ul > li > ul > li { position: relative; transition: .3s; padding: 0; }
#header #naviMain > ul > li > ul > li > ul > li > a { background-color: #e6e6e6; padding: .5em; display: inline-block; transition: .3s; display: block; font-size: 18px; }
#header #naviMain > ul > li > ul > li > ul > li > a:hover { border: none; color: #000; }
#header #naviMain > ul > li > ul > li > ul > li.active > a:hover { color: #f58b41; }
#header #naviMain > ul > li > ul > li:hover > a:before, #header #naviMain > ul > li > ul > li.hover > a:before { transform: translateY(-50%) rotate(90deg); }
#header #naviMain > ul > li > ul > li > ul > li > ul { position: absolute; top: 0; left: 100%;
    opacity: 0; visibility: hidden; height: 0; transition: .3s; background-color: transparent; border: none; }
#header #naviMain > ul > li > ul > li > ul > li:hover > ul { height: auto; opacity: 1; visibility: visible; height: auto; }
#header #naviMain > ul > li > ul > li > ul > li > ul > li { transition: .3s; padding: 0; }
#header #naviMain > ul > li > ul > li > ul > li > ul > li > a { background-color: #e6e6e6; padding: .5em; transition: .3s; display: block; }
#header #naviMain > ul > li > ul > li > ul > li > ul > li > a:hover { border: none; }
#header #naviMain > ul > li > ul > li > ul > li > ul > li.active > a:hover { color: #f58b41; }
/*#header #naviMain > ul > li > ul > li > ul.hover > li > a { background-color: #fbd9b6; }*/
#header #naviMain > ul > li > ul > li > ul > li a:hover { color: #f58a41; text-decoration: underline; }
#header #naviMain > ul > li > ul > li:nth-child(2) > ul > li > a { background-color: #fbd9b6; }
#header #naviMain > ul > li > ul > li > ul > li > ul.hover > li > a { background-color: #fbd9b6; }
#naviMain > ul > li.hover > ul, #naviMain > ul > li > ul > li.hover > ul { opacity: 1; visibility: visible; height: auto; overflow: visible; }
#header #naviMain ul li ul li ul { white-space: break-spaces; width: 100%; }
#header #naviMain > ul > li:nth-child(2) > a { pointer-events: none; }

/* sidenavi-anpassung */
.frame-type-menu_sitemap_pages {  }
#content .sideNavAccordion a { color: #000; }
.sideNavAccordion { font-size: 18px; }
#content .frame-type-menu_sitemap_pages ul { margin-left: 0; }
#content .frame-type-menu_sitemap_pages ul > li { padding-left: 0; margin-bottom: 0; }
#content .frame-type-menu_sitemap_pages > ul > li > a { color: #000; }
.frame-type-menu_sitemap_pages > ul > li > a { background-color: #f58a41; color: #000; position: relative; text-align: center; text-transform: uppercase; padding: .5em 1em; display: block; }
.frame-type-menu_sitemap_pages > ul > li > a > span { font-weight: 800; }
.frame-type-menu_sitemap_pages > ul > li.hasSub > a { position: relative; padding-left: 2em; }
.frame-type-menu_sitemap_pages > ul > li.hasSub > a:before { content: ''; display: block; width: 23px; height: 23px; background-image: url(../img/Pfeil-Navigation.png); background-size: contain; background-repeat: no-repeat; background-position: center; position: absolute; top: 50%; transform: translateY(-50%); left: .3em; transition: .3s; transform-origin: top; }
.frame-type-menu_sitemap_pages > ul > li:hover > a:before { transform: rotate(90deg) translateY(-50%); }
.frame-type-menu_sitemap_pages > ul > li > ul { margin: 0; opacity: 0; visibility: hidden; height: 0; }
.frame-type-menu_sitemap_pages > ul > li:hover > ul { opacity: 1; visibility: visible; height: auto; }

.frame-type-menu_sitemap_pages > ul > li > ul {  }
.frame-type-menu_sitemap_pages > ul > li > ul > li {  }
.frame-type-menu_sitemap_pages > ul > li > ul > li > a { background-color: #e6e6e6; padding: .5em 1em; display: block; word-break: break-word; border-bottom: 5px solid #fff; }
.frame-type-menu_sitemap_pages > ul > li:nth-child(2) > ul > li > a { background-color: #fbd9b6; }
.frame-type-menu_sitemap_pages > ul > li:nth-child(2) > ul > li.active > a { background-color: #e6e6e6; }
.frame-type-menu_sitemap_pages > ul > li > ul > li.hasSub > a { position: relative; padding-right: 2em; }
.frame-type-menu_sitemap_pages > ul > li > ul > li.hasSub > a:after { content: ''; display: block; width: 23px; height: 23px; background-image: url(../img/Pfeil-Navigation-Grau.png); background-size: contain; background-repeat: no-repeat; background-position: center; position: absolute; top: 50%; transform: translateY(-50%); right: .3em; transition: .3s; transform-origin: center; }
.frame-type-menu_sitemap_pages > ul > li > ul > li:hover > a:after { transform: translateY(-50%) rotate(90deg); }
#content .frame-type-menu_sitemap_pages ul > li.sideNavAccordion > ul > li.active > a { background-color: #f58a41; color: #000; text-decoration: none; }
#content .frame-type-menu_sitemap_pages ul > li.sideNavAccordion > ul > li.active > a:hover { color: inherit; }
#content .frame-type-menu_sitemap_pages ul > li.sideNavAccordion:nth-child(2) > ul > li.active > a { background-color: #e6e6e6; color: #f58a41; }

.frame-type-menu_sitemap_pages > ul > li > ul > li > ul { opacity: 0; visibility: hidden; height: 0; }
.frame-type-menu_sitemap_pages > ul > li > ul > li:hover > ul, .frame-type-menu_sitemap_pages > ul > li > ul > li.hover > ul { opacity: 1; visibility: visible; height: auto; }
.frame-type-menu_sitemap_pages > ul > li > ul > li > ul > li {  }
.frame-type-menu_sitemap_pages > ul > li > ul > li > ul > li > a { padding: .5em 1em 0 1.5em; position: relative; display: block; }
.frame-type-menu_sitemap_pages > ul > li > ul > li > ul > li:last-child > a { padding-bottom: .5em; }
.frame-type-menu_sitemap_pages > ul > li > ul > li > ul > li > a:before { content: ''; display: block; position: absolute; top: 1em; left: .5em; width: 6px; height: 6px; background-color: #000; border-radius: 100%; }
#content .frame-type-menu_sitemap_pages > ul > li.sideNavAccordion > ul > li > ul > li:hover > a { color: #f58a41; }

/*.frame-type-menu_sitemap_pages > ul > li > ul > li:hover > a { background-color: #fbd9b6; }*/
/*.frame-type-menu_sitemap_pages > ul > li > ul > li:hover > a:hover { color: #000; }*/
/*#content .frame-type-menu_sitemap_pages > ul > li.sideNavAccordion a:hover { color: #f58a41; text-decoration: underline; }*/
/*#content .productsWrapper > .productsNavigation .sideNavAccordion > ul > li:hover > a:hover { color: #000; }*/
.frame-type-menu_sitemap_pages li.active > ul { opacity: 1; visibility: visible; height: auto; }
.frame-type-menu_sitemap_pages > ul > li.hasSub.active > a:before, .frame-type-menu_sitemap_pages > ul > li > ul > li.hasSub.active > a:after { transform: translateY(-50%) rotate(90deg); transform-origin: center; }
#content .frame-type-menu_sitemap_pages .sideNavAccordion li.active > a { color: #f58a41; text-decoration: underline; }