*{margin:0;padding:0;border:0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} @font-face { /* LIGHT */ font-family: 'SourceSansPro'; src: url('fonts/SourceSansPro-Light.woff2') format('woff2'), url('fonts/SourceSansPro-Light.woff') format('woff'), url('fonts/SourceSansPro-Light.ttf') format('truetype'); font-weight: 300; font-style: normal; } @font-face { /* LIGHT ITALIC*/ font-family: 'SourceSansPro'; src: url('fonts/SourceSansPro-LightItalic.woff2') format('woff2'), url('fonts/SourceSansPro-LightItalic.woff') format('woff'), url('fonts/SourceSansPro-LightItalic.ttf') format('truetype'); font-weight: 300; font-style: italic; } @font-face { /* REGULAR */ font-family: 'SourceSansPro'; src: url('fonts/SourceSansPro-Regular.woff2') format('woff2'), url('fonts/SourceSansPro-Regular.woff') format('woff'), url('fonts/SourceSansPro-Regular.ttf') format('truetype'); font-weight: 400; /* entspricht font-weight: normal */ font-style: normal; } @font-face { /* REGULAR ITALIC */ font-family: 'SourceSansPro'; src: url('fonts/SourceSansPro-Italic.woff2') format('woff2'), url('fonts/SourceSansPro-Italic.woff') format('woff'), url('fonts/SourceSansPro-Italic.ttf') format('truetype'); font-weight: 400; /* entspricht font-weight: normal */ font-style: italic; } @font-face { /* SEMIBOLD */ font-family: 'SourceSansPro'; src: url('fonts/SourceSansPro-SemiBold.woff2') format('woff2'), url('fonts/SourceSansPro-SemiBold.woff') format('woff'), url('fonts/SourceSansPro-SemiBold.ttf') format('truetype'); font-weight: 600; font-style: normal; } @font-face { /* SEMIBOLD ITALIC */ font-family: 'SourceSansPro'; src: url('fonts/SourceSansPro-SemiBoldItalic.woff2') format('woff2'), url('fonts/SourceSansPro-SemiBoldItalic.woff') format('woff'), url('fonts/SourceSansPro-SemiBoldItalic.ttf') format('truetype'); font-weight: 600; font-style: italic; } @font-face { /* BOLD */ font-family: 'SourceSansPro'; src: url('fonts/SourceSansPro-Bold.woff2') format('woff2'), url('fonts/SourceSansPro-Bold.woff') format('woff'), url('fonts/SourceSansPro-Bold.ttf') format('truetype'); font-weight: 700; /* entspricht font-weight: bold */ font-style: normal; } @font-face { /* BOLD ITALIC */ font-family: 'SourceSansPro'; src: url('fonts/SourceSansPro-BoldItalic.woff2') format('woff2'), url('fonts/SourceSansPro-BoldItalic.woff') format('woff'), url('fonts/SourceSansPro-BoldItalic.ttf') format('truetype'); font-weight: 700; /* entspricht font-weight: bold */ font-style: italic; } body { background: #ffffff; color: #3C3C3B;font-family: 'SourceSansPro', Arial, Helvetica, Sans-Serif;font-weight: 400; font-style: normal; line-height: 24px;font-size: 18px; } article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {display: block;} p {margin: 0 0 10px;} h1 {color: #3C3C3B; font-size: 40px; line-height: 50px; font-weight: 400; margin-top: 0;margin-bottom: 14px;} h2 {color: #3C3C3B; font-size: 29px; line-height: 35px; font-weight: 400; margin-top: 0;margin-bottom: 20px;} h3 {color: #3C3C3B; font-size: 20px; line-height: 25px; font-weight: 600; margin-top: 0;margin-bottom: 10px;} h4, #main #asp-map .ce_table .block h3 {color: #3C3C3B; font-size: 16px; line-height: 19px; font-weight: 600; margin-top: 0;margin-bottom: 10px;} h5 {color: #C32E1B; font-size: 17px; line-height: 19px; font-weight: 400; background: #EBEDED;padding: 5px 10px;margin-top: 0;margin-bottom: 10px;} h6 {color: #C32E1B; font-size: 100%; font-weight: 400; margin: 0;margin-bottom: 10px;} .ce_headline.uppercase, .uppercase h1, .uppercase h2, .uppercase h3, .uppercase h4, .uppercase h5, .uppercase h6 {text-transform: uppercase;} a {color: #3C3C3B; text-decoration: none;} a:hover {text-decoration: underline;} .invisible {visibility: hidden;display: none;} .error {color: #ff0000;font-size: 95%;margin-bottom: 0!important;} ul {list-style: none;} img {border: 0;vertical-align: middle;} iframe {background: url("img/loader.gif") no-repeat scroll center center transparent;} table {border-spacing: 0;border-collapse: collapse;} .formbody input, .formbody select, .formbody textarea {width: 100%;} .formbody input.text, .formbody input.captcha, .formbody select, .formbody textarea, .formbody .widget-fineuploader, #asp-map #asp-input {margin-bottom: 5px;border: 1px solid #ccc;background: #fff;color: #555;display: inline-block;padding: 6px 12px;font-size: 14px; line-height: 1.4;} .formbody input.radio, .formbody input.checkbox {vertical-align: middle;margin: 0 3px 0 0;width: auto;font-family: inherit;font-size: 99%;font-weight: inherit;} .formbody label {vertical-align: middle;margin-bottom: 5px;} .formbody .widget > label {display: block;} /*-- Elemente vor jQuery-Neuanordnung ausblenden --*/ #wrapper {display: none;} /*-- Pfeil-Grafiken --*/ #main .ce_text a::before, #main .ce_table a::before {content: '❯ ';} #main .ce_gallery a::before, #main .image_container a::before, #wrapper .footer01 .container > .block a::before {display: none;} /*-- BUTTONS start --*/ #wrapper #main .button01, #wrapper #main .button02, #main .mod_listing input.submit, #main .ce_form button.submit, #main .fa_form button.submit {text-transform: uppercase;cursor: pointer;display: inline-block;border: 1px solid #C32E1B;font-size: 15px;line-height: 22px;padding: 14px 26px;background:#C32E1B;color: #fff;text-align: center;white-space: nowrap;vertical-align: middle;border-radius: 8px;touch-action: manipulation;} #wrapper #main .button01::before, #wrapper #main .button02::before {display: none;} #wrapper #container #main .button02, #wrapper #container #main .ce_text .button02 {color: #3C3C3B;background: #ffffff;} #wrapper #main .button01:hover, #wrapper #main .button02:hover, #main .mod_listing input.submit:hover, #main .ce_form button.submit:hover, #main .fa_form button.submit:hover {text-decoration: none;box-shadow: 6px 6px 5px #7B7B7A;} /*-- BUTTONS ende --*/ /* ANIMATIONEN */ #header .head02 #logo, #header .head02 #logo img, #header .head02 #logo p , #header .mod_navigation, #header .mod_navigation ul.level_2, #main .animation-wrap > *, #main .interactive-numbers .item {transition: all 0.4s ease-in-out 0s;} #header {position: relative;min-height: 120px;padding-top: 165px;overflow-x: hidden;} .home #header, .produkte #header {padding-top: 227px;} #header .head01 {position: absolute;top: 0;left: 0;width: 100%;} #header .head01 .container {position: relative;} #header .head01 .mod_customnav {position: absolute;right: 15px;top: 0;z-index: 101;padding: 12px 32px 5px 32px; border-bottom: 1px solid #EBEDED; border-left: 1px solid #EBEDED; border-right: 1px solid #EBEDED;} #header .head01 .mod_customnav ul {font-size: 0;} #header .head01 .mod_customnav ul li, #header .head01 .mod_customnav ul li a, #header .head01 .mod_customnav ul li strong {font-size: 16px;line-height: 32px;display: inline-block;} #header .head01 .mod_customnav ul li a, #header .head01 .mod_customnav ul li strong {padding: 0 4px;} #header .head01 .mod_customnav ul li .login {background: url("img/login2.png") no-repeat scroll 0 0 transparent;padding-left: 20px;} /* #header .head01 .mod_customnav ul li .logout {background: url("img/logout2.png") no-repeat scroll 0 0 transparent;padding-left: 26px;} */ #header .head01 .mod_customnav .space-right { padding-right: 25px;} #header .head02 {position: fixed;top: 0;left: 0;z-index: 101;width: 100%;} #header .head02 .container {position: relative;} #header .head02 #logo {position: absolute;left: 15px;top: 50px;white-space: nowrap;text-decoration: none;} #header .head02 #logo img {/*height: auto;*/height: 68px;width: 120px;display: inline-block;vertical-align: bottom;} #header .head02 #logo p {font-weight: 600;color: #7C7C7B;font-size: 20px;line-height: 21px;display: inline-block;vertical-align: bottom;margin: 0 0 2px 6px;opacity: 1;} #header .head02 #logo a:hover {text-decoration: none;} #header .mod_navigation {padding-top: 85px;top: 0;position: fixed;left: 0;width: 100%;z-index: 100;background: #fff;} #header .mod_navigation .navbar-collapse {padding-left: 0;padding-right: 0;} #header .mod_navigation ul li {display: inline;padding-right: 32px;} #header .mod_navigation ul li a, #header .mod_navigation ul li strong {color: #3C3C3B; text-decoration: none;font-size: 20px;line-height: 40px;} #header .mod_navigation ul li a:hover, #header .mod_navigation ul li.active > a, #header .mod_navigation ul li.active > strong, #header .mod_navigation ul li.trail > a, #header .mod_navigation ul li.trail > strong {color: #c7cace;} #header .mod_navigation ul.level_1 > li.active > strong, #header .mod_navigation ul.level_1 > li.trail > strong, #header .mod_navigation ul.level_1 > li.trail > a {background-image: url("img/arrow-menu-on.png");} #header .mod_navigation ul.level_1 {text-align: right;} #header .mod_navigation ul.level_1, #header .mod_navigation ul.level_1 strong {font-weight: 600;} #header .mod_navigation ul.level_1 li.trail ul.level_2, #header .mod_navigation ul.level_1 li.active ul.level_2 {display: block;} #header .mod_navigation ul.level_1 li:nth-last-child(-n+1) { padding-right: 0;} #header .mod_navigation ul.level_2 {display: none;} #header .mod_navigation ul.level_2, #header .mod_navigation ul.level_2 strong {font-weight: 400;} #header .mod_navigation ul.level_2 {right: 0;position: absolute;top: 125px;z-index: 5;width: 100%;background: #EBEDED;} #header .mod_navigation ul.level_2 .container > li {padding-right: 0; position: relative;} #header .mod_navigation ul.level_2 .container > li a, #header .mod_navigation ul.level_2 .container > li strong { font-size: 17px;line-height: 39px; padding-left: 12px;padding-right: 12px; background: none;height: 40px;display: inline-block;} #header .mod_navigation ul.level_2 .container > li:nth-last-child(-n+1) > a, #header .mod_navigation ul.level_2 .container > li:nth-last-child(-n+1) > strong {padding-right: 0;} #header .mod_navigation .produkte ul.level_2 {text-align: left; line-height: 18px;width: 100%;} #header .mod_navigation .produkte ul.level_2 .container {display: flex;justify-content: space-between;} #header .mod_navigation .produkte ul.level_2 .container > li {padding-top: 24px;padding-bottom: 10px;flex-basis: 15%;} #header .mod_navigation .produkte ul.level_2 .container > li:nth-last-child(-n+1) a, #header .mod_navigation .produkte ul.level_2 .container > li:nth-last-child(-n+1) strong {flex-basis: auto;} #header .mod_navigation .produkte ul.level_2 .container > li > a, #header .mod_navigation .produkte ul.level_2 .container > li > strong {align-items: center;display: flex;padding-left: 50px; height:68px;background-attachment: scroll;background-position: 0 0;background-repeat: no-repeat;color: #3C3C3B;line-height: 20px;} #header .mod_navigation .produkte ul.level_2 li a:hover, #header .mod_navigation .produkte ul.level_2 .container > li.active > a, #header .mod_navigation .produkte ul.level_2 .container > li.active > strong, #header .mod_navigation .produkte ul.level_2 .container > li.trail > a, #header .mod_navigation .produkte ul.level_2 .container > li.trail > strong {background-position: 0 -68px;color: #7B7B7A;} #header .mod_navigation .produkte ul.level_2 li.alu-fenster a, #header .mod_navigation .produkte ul.level_2 li.alu-fenster strong {background-image: url("img/produkt-icons/alu-fenster.png");} #header .mod_navigation .produkte ul.level_2 li.alu-schiebe a, #header .mod_navigation .produkte ul.level_2 li.alu-schiebe strong {background-image: url("img/produkt-icons/schiebe.png");} #header .mod_navigation .produkte ul.level_2 li.alu-tueren a, #header .mod_navigation .produkte ul.level_2 li.alu-tueren strong {background-image: url("img/produkt-icons/alu-tueren.png");} #header .mod_navigation .produkte ul.level_2 li.ks-schiebe a, #header .mod_navigation .produkte ul.level_2 li.ks-schiebe strong {background-image: url("img/produkt-icons/schiebe.png");} #header .mod_navigation .produkte ul.level_2 li.ks-fenster a, #header .mod_navigation .produkte ul.level_2 li.ks-fenster strong {background-image: url("img/produkt-icons/ks-fenster.png");} #header .mod_navigation .produkte ul.level_2 li.ks-tueren a, #header .mod_navigation .produkte ul.level_2 li.ks-tueren strong {background-image: url("img/produkt-icons/ks-tueren.png");} #header .mod_navigation .produkte ul.level_2 li.ergaenz a, #header .mod_navigation .produkte ul.level_2 li.ergaenz strong {background-image: url("img/produkt-icons/ergaenz.png");} #header .mod_navigation .produkte ul.level_3 {display: none;position: absolute;z-index: 10; top: 96px;padding-top: 8px;} #header .mod_navigation .produkte ul.level_3 li {display: block;padding-right: 0;} #header .mod_navigation .produkte ul.level_3 li a, #header .mod_navigation .produkte ul.level_3 li strong { background-image: none !important;padding: 5px 10px; color: #3C3C3B;background-color: #EBEDED;display: block;line-height: 24px;border-bottom: 1px solid #fff;height: auto;} #header .mod_navigation .produkte ul.level_3 li.active strong {color: #ffffff;} #header .mod_navigation .produkte ul.level_3 li:nth-last-child(-n+1) a, #header .mod_navigation .produkte ul.level_3 li:nth-last-child(-n+1) strong {border-bottom: none;} #header .mod_navigation .produkte ul.level_2 li:hover ul.level_3 {display: block;} #header .mod_navigation ul.level_2 li.submenu:hover ul.level_3 {display: block;} #header .mod_navigation ul.level_3 {display: none;position: absolute;left: 0;padding-top: 3px;text-align: left;} #header .mod_navigation ul.level_3 li {display: block; padding-right: 0;} #header .mod_navigation ul.level_3 li a, #header .mod_navigation ul.level_3 li strong {background: #c7cace;display: block;line-height: 24px;padding: 5px 12px;border-bottom: 1px solid #fff;} /*#header .mod_navigation ul.level_2 li > .login-area {color: #EBEDED;}*/ #header .mod_navigation ul.level_2 li.login-area {display: none;} #header.scrolled .head02 #logo {top: 2px;} #header.scrolled .head02 #logo img {width: 62px;height: 35px;} #header.scrolled .head02 #logo p {font-size: 1px;line-height: 1px;opacity: 0;} #header.scrolled .mod_navigation { padding-top: 0px;} #header.scrolled .mod_navigation ul.level_1 {border-bottom: 1px solid #EBEDED;} #header.scrolled .mod_navigation ul.level_2 {top: 40px;border-bottom: 1px solid #fff;} #header .mod_article h1 {color: #ffffff;margin-bottom: 7px;font-size: 30px; line-height: 35px;} #header .mod_article h2 {color: #ffffff;font-size: 22px; line-height: 28px;font-weight: 300;} #header .mod_article .image_container img {width: 100%;height: auto;} #header .mod_article .block, #header .mod_article .block .container .inner {transition: all 2.0s ease-in-out 0s;} #header .mod_article .block {position: relative;opacity: 0;} #header .mod_article .block.bg-loaded {opacity: 1;} #header .mod_article {overflow:hidden;} #header .mod_article .block .container {height: 100%;position: relative;} #header .mod_article .block .container .inner {min-width: 350px; min-height: 165px; color: #ffffff; background-image: linear-gradient(to right,#E74C33, #C32E1B); position: absolute;bottom: -15px;left: 150px;padding: 30px 35px 20px 35px;z-index: 1;} #header .mod_article .block .container .inner {left: 250px;} #header .mod_article .block.bg-loaded .container .inner {left: 15px} .home #header .mod_article .block .container .inner, .home #header .mod_article .block.bg-loaded .container .inner {left: auto;right: 15px;} #header .mod_article .block .container .inner::after {content: '';display: block;position: absolute; bottom: 0;right: -15px;width: 0;height: 0;border-top: 15px solid #8E1708;border-right: 15px solid transparent;} #container {margin-bottom: 50px;padding-top: 30px;} #main .mod_breadcrumb {margin-bottom: 20px;} #main .mod_breadcrumb ul {margin-bottom: 0;color: #6F7984;} #main .mod_breadcrumb ul li {display: inline;background: none;padding-left: 0;font-size: 13px;color: #6F7984;} #main .mod_breadcrumb ul li::before {display: none;} #main .mod_breadcrumb ul li::after {content: ' >';} #main .mod_breadcrumb ul li:nth-last-child(-n+1)::after {content: '';} #main .mod_breadcrumb ul li a {color: #7B7B7A; text-decoration: underline;} #main .mod_breadcrumb br {display: none;} #main .mod_article {margin-bottom: 30px;} #main .mod_article.no-bottom-space {margin-bottom: 0;} #main .mod_article.bs-deprecated .container {} #main .mod_article .row > .ce_headline {padding-left: 15px; padding-right: 15px;} #main .mod_article .row > h5.ce_headline {margin-left: 15px; margin-right: 15px;} #main h1::before {content: ''; display: block; height: 8px; width: 180px; background: #C32E1B;margin-bottom: 15px;} #main .ce_headline.line {position: relative;} #main .container > .row >.ce_headline.line {padding-left: 0;padding-right: 0;margin-left: 15px;margin-right: 15px;} #main .ce_headline.line::after {content: '';background: #7B7B7A;height: 1px;position: absolute;top: 16px;right: 0;z-index: -1;display: block;width: 95%;} #main .ce_headline.line span {background: #fff;padding-right: 30px;display: inline-block;} #main .text-big {font-size: 16px;line-height: 24px;} #main .trenner {background: none repeat scroll 0 0 #EBEDED;height: 1px;clear: both;} #main .row > .trenner {margin: 0 15px;} #main .extra-space-top::before {content: '';display: block;height: 30px;} #main a {color: #C32E1B;} #main ul, #main ol, #main p, #main .image_container { margin-bottom: 20px;} #main ul li {position: relative; padding-left: 15px;} #main ul li::before {content: '';display: block;background: #3C3C3B; width: 6px;height: 6px;border-radius: 3px; position: absolute;top: 7px;left: 0;} #main ol {padding-left: 12px;} #main .list02 ul li {} #main .list02 ul li::before {content: '- ';margin-left: -10px;width: auto;height: auto;position: static;background: none;display: inline;} #main .float_left {margin-right: 25px;float: left;} #main .float_right {margin-left: 25px;float: right;} #main .image_container .caption {font-size: 12px;line-height: 18px;} #main .image_container img.rounded {-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;} #main .image_container img.rounded.border {border: 1px solid #c7cace;} #main .image_container a.cboxElement {display: block;position: relative;} #main .image_container a.cboxElement .lupe {background: #ffffff url("img/lupe.png") no-repeat scroll center center;bottom: 5px;display: block;height: 26px;position: absolute;right: 5px;width: 26px; -webkit-border-radius: 13px; -moz-border-radius: 13px; border-radius: 13px; -moz-box-shadow: 0 0 5px #333; -webkit-box-shadow: 0 0 5px #333; box-shadow: 0 0 5px #333;} #main .bildrand .image_container {border: 1px solid #EBEDED;} /*--CONTENT BILDER--*/ #main .ce_image .image_container, #main .ce_text .float_above, #main .ce_text .float_below {width: 100%;height: auto;} #main .ce_image img, #main .ce_text .float_above img, #main .ce_text .float_below img {width: 100%;height: auto;} #main .image_container img.rounded {max-width: 270px;height: auto;} #main .icon .image_container img {width: auto!important;} #main .pic-block {display: grid; } #main .pic-block.icon {grid-template-columns: 50px auto;} #main .pic-block .image_container {float: none;margin-right: 5px;} #main .pic-block .inner {} #main .ce_text::after {content: '';display: block;clear: both;} #main .ce_text ul {display: table;} #main .ce_text .image_container a {background: none;padding-left: 0;} #main .ce_text .image_container a:hover {opacity: 0.5;} #main .ce_accordion {clear: both;} #main .ce_accordion .toggler {background: url("img/akkordeon-off.png") no-repeat scroll 10px center #EBEDED;display: block;margin-bottom: 2px;padding: 5px 10px 5px 40px;color: #3C3C3B;font-weight: 700;cursor: pointer;} #main .ce_accordion .ui-state-active {background-image: url("img/akkordeon-on.png");} #main .ce_accordion .ui-accordion-content {padding: 5px 10px;} #main .slider-main { float: left;width: 75%;} #main .slider-main img { width: 100%;height: auto;} #main .slider .slick-arrow {position: absolute;top: 50%;z-index: 99;background-color: transparent;border: none;height: 90px;width: 30px;margin-top: -45px;text-indent: -500px;overflow: hidden;cursor: pointer;} #main .slider .slick-prev {left: 10px;background-image: url("img/arrow-slider-left.png");} #main .slider .slick-next {right: 10px;background-image: url("img/arrow-slider-right.png");} #main .slider-nav {float: left;width: 25%;padding-left: 1px;} #main .slider-nav .slick-track {width: 100%!important;left: 0 !important;} #main .slider-nav .image_container {width: 50%;height: 80px;margin-bottom: 2px;overflow: hidden;padding-left: 2px;} #main .slider-nav .image_container img {height: auto;width: 150px;} #main .slider-nav .slick-current {opacity: 0.5;} #main .slider-nav .image_container.slick-cloned {display: none;} #main .slider02 {margin-bottom: 20px;} #main .slider02 .image_container {margin-right: 2px;margin-bottom: 0;} #main .slider02 .image_container img {width: 100%;height: auto;} #main .slider02 .sliderlink {position: absolute;width: 100%;height: 100%;z-index: 50;} #main .slider02:hover {opacity: 0.5;} #main .slider03 .slider-main {float: none;padding: 0 6px;} #main .slider03 .slider-nav {float: none;background: #EBEDED;width: 100%;padding-bottom: 12px;} #main .slider03 .slider-main, #main .slider03 .slider-nav > div {width: 80%;margin: 0 10%;} #main .slider03 .slider-nav .image_container {opacity: 0.5; width: 25%;height: auto;margin: 0;padding: 12px 6px 0px 6px;float: none;display: inline-block;} #main .slider03 .slider-nav .image_container img { width: 100%;height: auto;} #main .slider03 .slider-nav .slick-current {opacity: 1;} #main .slider03 .slider-nav .slick-cloned {display: none;} #main .slider03 .slick-prev {left: -70px;} #main .slider03 .slick-next {right: -70px;} #main .sonderblock01 {margin-bottom: 20px;} #main .sonderblock01 h6 {padding: 5px 10px;color: #3C3C3B;font-weight: 700;font-size: 100%;margin: 0;line-height: 22px;} #main .sonderblock01 table tr {padding: 8px 0;height: 30px;} #main .sonderblock01 h6, #main .sonderblock01 table tr {background: none repeat scroll 0 0 #7B7B7A;border-bottom: 2px solid #fff;color: #ffffff;} #main .sonderblock01 table {width: 100%;} #main .sonderblock01 a {color: #ffffff; padding-left: 10px;} #main .sonderblock01 a:hover {text-decoration: none;} #main .sonderblock02 {position: relative;} #main .sonderblock02 .formbody {margin-left: 0;margin-right: 0;} #main .sonderblock02 .formbody label {font-weight: 700;display: none;} #main .sonderblock02 p {background: none!important;} #main .sonderblock02 {background: none repeat scroll 0 0 #EBEDED; margin-bottom: 20px; padding: 20px 15px 10px;} #main .sonderblock02 .hidden-link {display: block;margin-bottom: 0!important;} #main .sonderblock02 .hidden-link p {height: auto; margin-bottom: 0;} .hidden-link {display: none;} #main .sonderblock02 .extra-link {display: block;padding: 10px 0;} #main .sonderblock02 .extra-link p {height: auto; margin-bottom: 0;text-align: center;} .extra-link {display: none;} #wrapper #main .sonderblock02 .submit_container {margin-bottom: 0;} #wrapper #main .sonderblock02 .submit {margin: 0 auto;display: block;} #main .bgColor01 {padding-top: 40px;padding-bottom: 40px;margin-bottom: 40px;} #main .bgColor01 {background: #EBEDED;} #main .zentriert {text-align: center;} #main .zentriert .video-wrap {margin: 0 auto; max-width: 800px;} #main .color-boxes .row > .block .inner {background: #EBEDED;} #main .color-boxes.bgColor01 .row > .block .inner {background: #ffffff;} #main .color-boxes .row > .block .inner {padding: 30px 30px 15px 30px;margin-bottom: 30px;display: block;overflow: hidden;} #main .color-boxes .row > .block a.inner::before {content: '»';display: block;font-size: 30px;line-height: 30px;margin-bottom: 15px;} #main .color-boxes .row > .block a.inner:hover {opacity: 0.7;text-decoration: none;} #main .color-boxes .row > .block.pic-fill .inner, #main .color-boxes .row > .block.pic-fill .inner .image_container {padding: 0;margin: 0;} #main .color-boxes .row > .block.pic-fill .inner .image_container {height: 100%;} #main .color-boxes .row > .block.pic-fill .inner .image_container img {object-fit: cover;height: 100%;width: 100%;} #main .icon-headline .headline-wrap {min-height: 90px;} #main .icon-headline .headline-wrap > div {display: inline-block;vertical-align: middle;} #main .icon-headline .headline-wrap .left {width: 90px;margin-right: 10px;} #main .icon-headline .headline-wrap .right {width: calc(100% - 100px);} #main .icon-headline .headline-wrap > div > * {margin-bottom: 0;width: 100%;} #main .icon-headline .headline-wrap > div img {width: 100%;height: auto;} #main .zitat .container {padding-left: 30px;padding-right: 30px;} #main .zitat .container .row {border-left: 7px solid #E52421;border-right: 7px solid #E52421;position: relative;padding: 30px 30px 10px 30px;} #main .zitat .container .row > .ce_text {padding-top: 30px;} #main .zitat .container .grafik {content: '';background: #E52421;width: 20px;height: 7px;position: absolute;} #main .zitat .container .grafik.a {top: 0;left: 0;} #main .zitat .container .grafik.b {top: 0;right: 0;} #main .zitat .container .grafik.c {bottom: 0;left: 0;} #main .zitat .container .grafik.d {bottom: 0;right: 0;} #main .team {margin-bottom: 0;} #main .team .ce_text {height: 405px;} #main .team .ce_text .image_container {margin-bottom: 0;background: none repeat scroll 0 0 #fff;} #main .team .ce_text h3, #main .team .ce_text h4, #main .team .ce_text p {background: #EBEDED;padding-left: 35px;padding-right: 15px;} #main .team .ce_text h3 {padding-top: 20px;padding-bottom: 0;margin-bottom: 0;position: relative;cursor: pointer;} #main .team .ce_text h4 {margin-bottom: 0;padding-bottom: 8px;font-weight: 400;font-size: 17px; line-height: 19px;} #main .team .ce_text h3::before {content: '⟩';position: absolute;left: 15px;top: 20px;font-weight: 700;font-size: 20px;} #main .team .active h3::before {moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg);} #main .team .ce_text p {display: none;margin-bottom: 0;padding-top:0; padding-bottom: 10px;margin-top: -5px;overflow: hidden;} #main .team .ce_text p a {display: block;background-position-y: 3px;float: right;} #main .team .ce_text p a.mail {background: none;float: none;padding-left: 0;} #main .team .ce_text .confirmation{display: none!important;} /*deprecated*/#main .youtube, #main .video {position: relative;padding-bottom: 55%;padding-top: 15px;height: 0;overflow: hidden;margin-bottom: 20px;} /*deprecated*/#main .video iframe, #main .video iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;} #main .video:hover {opacity: 0.5;} #main .ce_gallery {clear: both;} #main .ce_gallery ul {margin:0 -8px 0 -7px;} #main .ce_gallery .per_row_1 li {width: 100%;} #main .ce_gallery .per_row_2 li {width: 50%;} #main .ce_gallery .per_row_3 li {width: 33.33%;} #main .ce_gallery .per_row_4 li {width: 25%;} #main .ce_gallery .per_row_5 li {width: 20%;} #main .ce_gallery .per_row_6 li {width: 16.5%;} #main .ce_gallery .per_row_7 li {width: 14.28%;} #main .ce_gallery .per_row_8 li {width: 12.5%;} #main .ce_gallery li {display: block;float: left;padding: 0 7px 15px 7px;} #main .ce_gallery li::before {display: none;} #main .ce_gallery li .image_container {margin-bottom: 0;} #main .ce_gallery li img {height: auto;width: 100%;} #main .ce_form .widget, #main .fa_form .widget {margin-bottom: 24px;} #main .ce_form legend {border: medium none;font-size: 100%;font-weight: 700;} #main .ce_form .radio_container span, #main .ce_form .checkbox_container span {display: block; position: relative;line-height: 22px;} #main .ce_form .radio_container span input, #main .ce_form .checkbox_container span input { position: absolute; top: 0;left: 0;min-height: 22px;margin: 0;} #main .ce_form .radio_container span label, #main .ce_form .checkbox_container span label {margin-left: 20px;display: inline-block;} #main .ce_form .asp {display: none;} #main .ce_form .checkbox_container span a {text-decoration: underline;} #main .ce_form .widget-fineuploader {width: 100%;} #main .ce_form .widget-fineuploader .qq-upload-button {margin: 0 auto;background: none;border: none;color: inherit;width: auto;padding: 0 0 25px 0;cursor: pointer;} #main .ce_form .widget-fineuploader .qq-upload-button input {cursor: pointer;} #main .ce_form .widget-fineuploader .qq-upload-list {list-style: none;margin: 0;} #main .ce_form .widget-fineuploader .qq-upload-list li {border: 1px solid #EBEDED;background: none;width: 100%;height: auto;display: block;margin: 0 0 5px 0;padding: 7px 14px;color: inherit;overflow: hidden;} #main .ce_form .widget-fineuploader .qq-upload-list li::before {display: none;} #main .ce_form .widget-fineuploader .qq-progress-bar {background: #3C3C3B;border-radius: 0;} #main .ce_form .widget-fineuploader .qq-total-progress-bar-container {display: none;} #main .ce_form .widget-fineuploader .qq-upload-cancel-selector {background: none;font-style: italic;} #main .ce_form .widget-fineuploader .qq-upload-list .qq-upload-success {background-color: #EBEDED;} #main .ce_form .widget-fineuploader .qq-upload-list .qq-upload-fail {color: inherit;} #main .ce_form .widget-fineuploader .qq-upload-list .qq-thumbnail-wrapper {margin-bottom: 7px;} #main .ce_form .widget-fineuploader .qq-upload-list .qq-thumbnail-wrapper img {width: 100%;height: auto;display: block;} #main .ce_form .widget-fineuploader .qq-upload-list .qq-upload-success .qq-upload-delete-selector {} #main .ce_form .widget-fineuploader .qq-upload-list .qq-upload-file, #main .ce_form .widget-fineuploader .qq-upload-list .qq-upload-size {display: block;padding: 0 0 4px 0;} #main .ce_form .widget-fineuploader .qq-upload-list .qq-upload-status-text {font-weight: 400;font-size: 12px;display: block;} #main .ce_form .widget-fineuploader .qq-upload-list .qq-upload-spinner {margin-bottom: 10px;} #main .ce_form .widget-fineuploader .qq-upload-list {font-weight: 400;} #main .ce_form .widget-fineuploader .qq-upload-list .qq-upload-file {font-weight: 700;} #main .ce_form .widget-fineuploader .qq-upload-list span {} #main .ce_form .widget-fineuploader .qq-upload-list span.qq-upload-size {} #main .ce_form .widget-fineuploader .qq-total-progress-bar-container-selector {margin: 0 0 5px 0;} /* PLZ ANSPRECHPATNER start */ #main .asp-fill, #main #asp-bildpfad, #main #asp-table {display: none;} #main #asp-map #asp-table {display: block;} #main #asp-table table {width: 100%;} #main #asp-table tr {display: none;} #main #asp-table tr.active {display: block;} #main #asp-map {background: url("img/deutschlandkarte.gif") no-repeat scroll right 0 transparent;height: 450px; max-width: 303px; overflow-x: hidden; overflow-y: auto;} #main #asp-map #asp-input {width: 40%; margin-bottom: 20px;} #main #asp-map #asp-table tr td {display: none;} #main #asp-map #asp-table tr td.col_1, #main #asp-map #asp-table tr td.col_2, #main #asp-map #asp-table tr td.col_3, #main #asp-map #asp-table tr td.contact, #main #asp-map #asp-table tr td.image_container {display: block;} #main #asp-map #asp-table tr td.image_container {width: 30%;float: right;} #main #asp-map #asp-table tr td.image_container img {width: 100%;height: auto;} #main #asp-map #asp-table tr .col_1 strong {color: #3C3C3B;font-size: 15px;line-height: 19px;font-weight: 600;margin-top: 0;} #main #asp-map #asp-table tr .col_2 {margin-bottom: 10px} #main #asp-map #asp-table tr {background: none repeat scroll 0 0 #EBEDED;border: 1px solid #ccc;padding: 15px 15px 0;width: 90%;position: relative; margin-bottom: 20px;min-height: 150px;} /* Formulartyp 1 */ main .asp-fill .asp-active {background: none repeat scroll 0 0 #EBEDED;border: 1px solid #ccc;height: 145px;margin-bottom: 20px;padding: 15px;} #main .asp-fill .asp-active span {font-weight: 400;display: block;} #main .asp-fill .asp-active p {float: left;font-weight: 700;} #main .asp-fill .asp-active img {float: right;height: 110px;width: auto;} /* Formulartyp 2 */ #main .asp-name {display: none;} /* PLZ ANSPRECHPATNER ende */ .home #header .mod_navigation .produkte ul.level_2 {display: block;} .home .mod_breadcrumb {display: none;} .login-area #header .mod_navigation ul.level_1 li.trail ul.level_2 {display: none;} .login-area #main {min-height: 400px;} .login-area #main .side_space {margin-left: 25.6%;} .login-area #main .side-menu .container {position: relative;} .login-area #main .side-menu ul {width: 23%;left: 15px;right: auto;position: absolute;top: 50px;list-style: none;} .login-area #main .side-menu ul li {display: block;padding-left: 0;} .login-area #main .side-menu ul li::before {display: none;} .login-area #main .side-menu ul a, .login-area #main .side-menu ul strong {display: block;background: url("img/arrow-menu.png") no-repeat scroll 8px center #c7cace;padding-left: 20px;line-height: 24px;padding: 5px 12px 5px 20px;border-bottom: 1px solid #fff;} .login-area #main .side-menu ul a:hover, .login-area #main .side-menu ul strong.active {font-weight: inherit;color: #fff;text-decoration: none;} .login-area #main .side-menu ul strong.active {background: url("img/arrow-menu-on.png") no-repeat scroll 8px center #c7cace;} #main .newsbox {color: #6F7984;} #main .newsbox h6 {color: #6F7984;font-size: 22px;line-height: 26px;} #main .newsbox h2, #main .newsbox h3 {font-weight: 400;font-size: 27px;line-height: 31px;color: #3C3C3B;margin-bottom: 30px;} #main .newsbox p {font-size: 17px;line-height: 22px;} #main .newsbox .row {position: relative;margin-left: -30px;margin-right: -30px;} #main .newsbox .row > .block {position: relative;padding-left: 30px;padding-right: 30px;} #main .newsbox .image_container {margin-bottom: 0;} #main .newsbox .row > .block.linked {cursor: pointer;padding-bottom: 35px;} #main .newsbox .row > .block.linked:hover {opacity: 0.6;} #main .newsbox .row > .block.linked a {background: none;padding-left: 0;font-weight: 700;position: absolute;bottom: 30px;left: 30px;} #main .newsbox .row > .block.linked a:hover {text-decoration: none;} #main .newsbox .row > .block::before {display: block;content: '';background: #EBEDED;width: 1px;position: absolute;top: 20%;right: 0;height: 60%;} #main .newsbox .row > .block:last-child::before {display: none;} #main .newsbox .row > .block::after {display: block;content: '';background: #EBEDED;height: 1px;position: absolute;bottom: 0;left: 20%;width: 60%;} #main .newsbox.no-border-bottom .row > .block::after {display: none;} #main .newsbox .sonderblock02 {margin-bottom: 0;} #main .newsbox .trenner { background: #fff;border-bottom: 1px solid #EBEDED;padding-top: 20px;position: relative;} #main .ce_download, #main .ce_downloads {margin-bottom: 5px;} #main .block-icon h2::before, #main .block-icon h3::before, #main .block-icon h4::before, #main .block-icon h5::before, #main .block-icon h6::before, #main h2.block-icon::before, #main h3.block-icon::before, #main h4.block-icon::before, #main h5.block-icon::before, #main h6.block-icon::before {content:'';background: #C32E1B;width: 28px;height: 13px;display: inline-block;margin-right: 8px;} #main .animation-wrap {position: relative;} #main .animation-wrap .animate01 {opacity: 0;position: relative;top: 50px;} #main .animation-wrap.active .animate01 {opacity: 1;top: 0;} #main .interactive-numbers .item {cursor: pointer;} #main .interactive-numbers .item .number {font-weight: 700;} #main .interactive-numbers .item.active, #main .interactive-numbers .base-pic .item-box .item.active .number {background: #C32E1B;color: #ffffff;} #main .interactive-numbers .base-pic {position:relative;} #main .interactive-numbers .base-pic .item-box {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;} #main .interactive-numbers .base-pic .item-box .item {position: absolute;} #main .interactive-numbers .base-pic .item-box .item .number {font-size: 16px;line-height: 18px;text-align: center;width: 22px;height: 26px;margin-left: -11px;margin-top: -13px;background: #ffffff;border: 3px solid #C32E1B;color: #C32E1B;} #main .interactive-numbers .item.ce_text {position: relative;padding: 10px 10px 1px 35px;} #main .interactive-numbers .item.ce_text .number {position: absolute;top: 10px;left: 15px;} #footer {line-height: 19px;font-size: 14px;} #main .footer01, #footer .footer02, #footer .footer03, #footer .footer04 {background: #EBEDED;} #wrapper .footer01 .container {padding: 20px 15px;font-size: 0;} .home #wrapper .footer01 .container {padding: 40px 15px;} #wrapper .footer01 .container > .block {display: inline-block;vertical-align: top;width: 16.66%;position: relative;text-align: center;padding-top: 65px;cursor: pointer;} #wrapper .footer01 .container > .block:hover {opacity: 0.5;} #wrapper .footer01 .container > .block img { width: auto;height: auto;} #wrapper .footer01 .container > .block .image_container {position: absolute;top: 0;left: 0;width: 100%;} #wrapper .footer01 .container > .block a, #wrapper .footer01 .container > .block p {font-size: 16px;line-height: 22px;text-align: center;background: none;color: #3C3C3B;display: block;} #wrapper .footer01 .container > .block a:hover {text-decoration: none;} #wrapper .footer01 .container > .block::after {content: '';display: block;background: #EBEDED;position: absolute;width: 1px;height: 85px;top: 10px;right: 0;} #footer .footer01 .container > .block:nth-last-child(+n+1)::before {content: '';display: block;background: #EBEDED;position: absolute;width: 1px;height: 85px;top: 10px;left: 0;} #main .footer01 .container > .block::after {background: #fff;} #main .footer01 .container > .block:nth-last-child(-n+1)::after {display: none;} .home #footer .footer01, .no-footer01 #footer .footer01 {display: none;} #footer .footer02 {margin-top: 1px;padding: 50px 0 0 0;} #footer .footer03 {padding: 8px 0;} #footer .footer03 p {display: inline;padding-right: 10px;} #footer .footer03 a {} #footer .footer04 .container {} #footer .footer04 .container::before {content: '';display: block;height: 1px;background: #c7cace;} #footer .footer04 .container .mod_customnav {text-align: right;padding: 10px 0 20px 0;} #footer .footer04 ul {font-size: 0;line-height: 0;} #footer .footer04 li {display: inline-block;border-left: 1px solid #3C3C3B;} #footer .footer04 li:nth-last-child(+n+1) {border-left: none;} #footer .footer04 li, #footer .footer04 a, #footer .footer04 strong {font-size: 12px;line-height: 10px;padding: 0 4px;} /* Usercentrics-Elemente */ #main .uc-embedding-container {max-width: 100%;} /* Preload Akkordeon-Button*/ #footer .inside {background: url("img/akkordeon-on.png") no-repeat scroll 0 -25px transparent;} /* Colorbox Custom Styles */ #cboxOverlay{background:#fff; opacity: 0.9; filter: alpha(opacity = 90);} #colorbox{outline:0;} #cboxContent{margin-top:32px; overflow:visible; background:#000;} .cboxIframe{background:#fff;} #cboxError{padding:50px; border:1px solid #ccc;} #cboxLoadedContent{background:#000; padding:1px;border: none;} #cboxLoadingGraphic{background:url(img/colorbox/loading.gif) no-repeat center center;} #cboxLoadingOverlay{background:#000;} #cboxTitle{position:absolute; top:-22px; left:0; color:#000;} #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;} /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */ #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url(img/colorbox/controls.png) no-repeat 0 0;} /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */ #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;} #cboxPrevious{background-position:0px 0px; right:44px;} #cboxPrevious:hover{background-position:0px -25px;} #cboxNext{background-position:-25px 0px; right:22px;} #cboxNext:hover{background-position:-25px -25px;} #cboxClose{background-position:-50px 0px; right:0;} #cboxClose:hover{background-position:-50px -25px;} .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;} .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;} .cboxSlideshow_on #cboxSlideshow:hover{background-position:-100px -25px;} .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;} .cboxSlideshow_off #cboxSlideshow:hover{background-position:-75px -25px;} #cboxPrevious {left: auto;} @media screen and (max-width: 1199px) { #header .head02 #logo {top: 10px;} #header .mod_navigation ul li {padding-right: 10px;} #header .mod_navigation ul li a, #header .mod_navigation ul li strong{font-size: 16px;} #main #asp-map {background-size: 250px auto;} #main .team .ce_text {height: 455px;} #main #asp-map #asp-table tr td.image_container {float: none;} #main #asp-map #asp-table tr td.contact {margin-bottom: 10px;} } @media screen and (max-width: 991px) { #header .mod_navigation .produkte ul.level_2 .container > li > a, #header .mod_navigation .produkte ul.level_2 .container > li > strong {background: none!important;padding: 0;font-size: 16px;} /*--CONTENT BILDER--*/ #main .ce_text .float_left, #main .ce_text .float_right {width: 38%;} #main .ce_text .float_left img, #main .ce_text .float_right img {width: 100%; height: auto;} #main .icon .image_container { width: auto;} #main .team .ce_text {height: 395px;} #main #asp-map {background-size: 210px auto;} #main #asp-map .ce_table .block {width: 100%;} #main #asp-map .ce_table .block .image_container {float: none;} .footer01 li {display: block;width: auto;} #footer .inside .footer01 li a {padding-left: 70px;} .cc_container .cc_message{font-size:14px} } @media screen and (max-width: 767px) { h1 {font-size: 24px;line-height: 30px;} h2, #main .newsbox h2, #main .newsbox h3 {font-size: 18px;line-height: 22px;} #main .newsbox h6 {font-size: 100%;line-height: 100%;} #main .ce_headline.line::after {top: 10px;} #header, .home #header, .produkte #header {padding-top: 0;} #header .head02 #logo, #header.scrolled .head02 #logo {top: 10px;} #header .head02 #logo img, #header.scrolled .head02 #logo img {width: 120px;} #header .head02 #logo p, #header.scrolled .head02 #logo p {font-size: 16px;line-height: 18px;opacity: 1;} #header .head01 .mod_customnav {padding: 3px 0;border: none;} #header .head01 .mod_customnav ul li .login {background-size: 10px auto;background-position: 0 7px;padding-left: 16px;} #header .head01 .mod_customnav ul li .logout {background-size: 14px auto;background-position: 0 7px;padding-left: 16px;} #header .head01 .mod_customnav .space-right { padding-right: 0;} #header .head02 {position: static;height: 90px;} #header .navbar-toggle {background: none repeat scroll 0 0 #3C3C3B;padding: 5px 0;cursor: pointer;} #header .navbar-toggle span {background: #fff;height: 3px;width: 25px;display: block;margin: 5px auto;} #header .mod_navigation {position: static;padding: 0;background: #EBEDED;} #header .mod_navigation.active {padding: 15px 0;} #header .mod_navigation ul li {display: block;padding-right: 0;} #header .mod_navigation ul li a, #header .mod_navigation ul li strong {height: 0;overflow: hidden;display: block;background-position: 0 12px; -webkit-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s;} #header .mod_navigation.active ul li a, #header .mod_navigation.active ul li strong {height: 40px;} #header .mod_navigation ul.level_2 .container > li a, #header .mod_navigation ul.level_2 .container > li strong, #header .mod_navigation .produkte ul.level_2 .container > li > a, #header .mod_navigation .produkte ul.level_2 .container > li > strong {height: 0;line-height: 28px;font-size: 18px; display: block;padding: 0;} #header .mod_navigation.active ul.level_2 .container > li a, #header .mod_navigation.active ul.level_2 .container > li strong, #header .mod_navigation.active .produkte ul.level_2 .container > li > a, #header .mod_navigation.active .produkte ul.level_2 .container > li > strong {height: 28px;} #header .mod_navigation ul.level_1 {padding: 0;text-align: left;} #header .mod_navigation ul.level_2 {position: static;background: none;display: block!important;} #header.scrolled .mod_navigation ul.level_2 {border-bottom: none;} #header .mod_navigation .produkte ul.level_2 .container > li br {display: none;} /*#header .mod_navigation .produkte ul.level_2 .container > li {display: inherit;height: inherit;width: inherit;}*/ #header .mod_navigation .produkte ul.level_2 .container {display: block;} #header .mod_navigation .produkte ul.level_2 .container > li {padding-top: 0;padding-bottom: 0;} #header .mod_navigation .produkte ul.level_3 {display: none!important;} #header .mod_navigation ul.level_1 > .container > li > a, #header .mod_navigation ul.level_1 > .container > li > strong {text-transform: uppercase;} #header .mod_article, .home #header .mod_article, .produkte #header .mod_article {margin-top: 0;} #header .head01 .mod_customnav ul li { border-right: medium none;display: block;line-height: 16px;text-align: right;} #header .mod_article .block {height: auto;} #header .mod_article .block .container {padding-left: 0;padding-right: 0;} #header .mod_article .block .container .inner {position: static;padding: 15px;} #header .mod_article .block .container .inner h1, #header .mod_article .block .container .inner h2 {margin-bottom: 0;} #header .mod_navigation ul.level_2 li.login-area {display: block;} .login-area #header .mod_navigation ul.level_1 li.trail ul.level_2 li.login-area:nth-last-child(+n+1) > a, .login-area #header .mod_navigation ul.level_1 li.trail ul.level_2 li.login-area:nth-last-child(+n+1) > strong {display: none;} .login-area #header .mod_navigation ul.level_3 li > * {border-bottom: none;} .login-area #header .mod_navigation .trail ul.level_3 {display: block;position: static;padding-top: 0;} .login-area #main .side-menu {display: none;} .login-area #main .side_space {margin-left: 0;} #main .extra-space-top {margin-top: 0;} #main .slider-main, #main .slider-nav {float: none;width: 100%;padding-left: 0;} #main .slider-main .slick-arrow {display: none!important;} #main .slider-nav .image_container {width: 15%;height: auto;} #main .slider-nav .image_container img {width: 100%;} #main .slider03 .slider-main {width: 100%;margin: 0;padding: 0;} #main .slider03 .slider-nav > div {width: 96%;margin: 0 2%;} #main .ce_text .float_above, #main .ce_text .float_below, #main .image_container img.rounded {width: 38%;} #main .sonderblock02 .formfield, #main .sonderblock02 p {height: auto;} #main .zitat .container {} #main .zitat .container .image_container {text-align: center;} #main .team .ce_text {height: auto;float: none;margin-bottom: 30px;} #main .team .ce_text .image_container {width: 100%;} #main .newsbox .row {margin-left: inherit; margin-right: inherit;} #main .newsbox .row > .block {padding-left: inherit;padding-right: inherit;height: auto !important;overflow: hidden;margin-bottom: 30px;} #main .newsbox .row > .block.linked a {left: 0;} #main .newsbox .row > .block:nth-last-child(-n+1) {margin-bottom: 0;} #main .newsbox .row > .block::before {display: none;} #main .newsbox.no-border-bottom .row > .block::after {display: block;} #main .newsbox.no-border-bottom .row > .block:nth-last-child(-n+1)::after {display: none;} #main #asp-map .ce_table .block {min-height: 200px;width: 85%;} #main #asp-map .ce_table .block .image_container {float: right;} #main .ce_gallery .per_row_7 li {width: 25%;} .login-area #main {margin-left: 0;} .login-area #header .mod_navigation .trail ul.level_2 {width: 100%;} #wrapper .footer01 .container > .block {width: 50%;} #wrapper .footer01 .container > .block::after {display: none;} #wrapper .footer01 .container > .block a {font-size: 14px;line-height: 20px;} .cc_container{padding-right: 15px;padding-left: 15px;} } @media screen and (max-width: 680px) { } @media screen and (max-width: 540px) { #main #asp-map #asp-input {width: 60%;} .cc_container .cc_btn {font-size:14px;padding: 4px 0;} .cc_container .cc_message{font-size:13px;line-height: 20px;} } @media screen and (max-width: 390px) { /*--CONTENT BILDER--*/ #main .ce_text .float_left, #main .ce_text .float_right {width: 100%;} #main .ce_text .float_above, #main .ce_text .float_below, #main .image_container img.rounded {width: 100%;} #main .col-sm-6 .ce_text .float_left, #main .col-sm-6 .ce_text .float_right {width: 38%;} #main .icon .image_container { width: auto!important;} #main .asp-active {height: auto;} #main .asp-active p, #main .asp-active img {float: none;} #main .asp-active img {height: auto;max-width: 140px;width: 100%;} #header #pager {left: 15px;} } /* BOOTSTRAP-GRID */ .container{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px} @media(min-width:768px){ .container{width:750px} } @media(min-width:992px){ .container{width:970px} } @media(min-width:1200px){ .container{width:1170px} .test-width .container{width:1370px} } .container-fluid{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}.row{margin-left:-15px;margin-right:-15px}.col-xs-1,.col-sm-1,.col-md-1,.col-lg-1,.col-xs-2,.col-sm-2,.col-md-2,.col-lg-2,.col-xs-3,.col-sm-3,.col-md-3,.col-lg-3,.col-xs-4,.col-sm-4,.col-md-4,.col-lg-4,.col-xs-5,.col-sm-5,.col-md-5,.col-lg-5,.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6,.col-xs-7,.col-sm-7,.col-md-7,.col-lg-7,.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8,.col-xs-9,.col-sm-9,.col-md-9,.col-lg-9,.col-xs-10,.col-sm-10,.col-md-10,.col-lg-10,.col-xs-11,.col-sm-11,.col-md-11,.col-lg-11,.col-xs-12,.col-sm-12,.col-md-12,.col-lg-12{position:relative;min-height:1px;padding-left:15px;padding-right:15px}.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666667%}.col-xs-pull-10{right:83.33333333%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666667%}.col-xs-pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666667%}.col-xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}.col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:auto}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666667%}.col-xs-push-10{left:83.33333333%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666667%}.col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}.col-xs-push-0{left:auto}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666667%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-0{margin-left:0}@media(min-width:768px){.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666667%}.col-sm-pull-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-sm-pull-7{right:58.33333333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.col-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66666667%}.col-sm-pull-1{right:8.33333333%}.col-sm-pull-0{right:auto}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666667%}.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:auto}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666667%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-0{margin-left:0}}@media(min-width:992px){.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666667%}.col-md-pull-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-md-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.col-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.66666667%}.col-md-pull-1{right:8.33333333%}.col-md-pull-0{right:auto}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666667%}.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:auto}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666667%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-0{margin-left:0}}@media(min-width:1200px){.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666667%}.col-lg-pull-10{right:83.33333333%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666667%}.col-lg-pull-7{right:58.33333333%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666667%}.col-lg-pull-4{right:33.33333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.66666667%}.col-lg-pull-1{right:8.33333333%}.col-lg-pull-0{right:auto}.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66666667%}.col-lg-push-10{left:83.33333333%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666667%}.col-lg-push-7{left:58.33333333%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666667%}.col-lg-push-4{left:33.33333333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.66666667%}.col-lg-push-1{left:8.33333333%}.col-lg-push-0{left:auto}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666667%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-0{margin-left:0}}.clearfix:before,.clearfix:after,.container:before,.container:after,.container-fluid:before,.container-fluid:after,.row:before,.row:after,.nav:before,.nav:after{content:" ";display:table}.clearfix:after,.container:after,.container-fluid:after,.row:after,.nav:after{clear:both}.center-block{display:block;margin-left:auto;margin-right:auto}.pull-right{float:right!important}.pull-left{float:left!important}.hidden{display:none!important} /* Slick-Slider */ .slick-slider{position:relative;display:block;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block}.slick-track:before,.slick-track:after{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir='rtl'] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none} /* OLD MENU WITH FIXED POSITION */ #header .head01 { @media(max-width:767px){ position: fixed; z-index: 999; } } #header .head01 .mod_customnav { @media(min-width:768px){ position: fixed !important; right: calc((100% - 750px) / 2) !important; } @media(min-width:992px){ right: calc((100% - 970px) / 2) !important; } @media(min-width:1200px){ right: calc((100% - 1170px) / 2) !important; } } #header .head02 { @media(max-width:767px){ background-color: #fff; position: fixed; top: 0px; z-index: 888; } } #header .navbar-toggle { @media(max-width:767px){ width: 100%; position: fixed; top: 90px; z-index: 888; } } #header .mod_navigation { @media(max-width:767px){ position: fixed; top: 129px; z-index: 999; max-height: calc((100vh - 128px)); display: inline-block; width: 100%; overflow: scroll; } } #header .mod_navigation.active { @media(max-width:767px){ padding-bottom: 40px; } } .ios #header .mod_navigation.active { @media(max-width:767px){ padding-bottom: 40px; } } @media screen and (max-width: 767px) { #header, .home #header, .produkte #header { /* padding-top: 129px !important; */ padding-top: 99px !important; } } #uc-btn-open-main-corner-modal { opacity: 0; transform: translateX(-9999px); } .totoplink { background-color: rgba(255,255,255,0.66); height: 30px; width: 30px; border-radius: 30px; position: fixed; bottom: 30px; right: calc((100% - 1400px) / 2); z-index: 5; opacity: 0; transition: opacity 0.3s ease-in-out; } @media(max-width:1439px) { .totoplink { right: 20px; } } .totoplink::after { content: ''; cursor: pointer; height: 30px; width: 30px; display: inline-block; background-image: url("img/totop.svg"); background-repeat: no-repeat; background-position: center center; } .totoplink span{ cursor: pointer; } .totoplink.inViewport { opacity: 1; transition: opacity 0.3s ease-in-out; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; clip-path: inset(50%); border: 0; } #header.scrolled .head02 #logo {top: 10px;} #header.scrolled .mod_navigation { padding-top: 50px;} #header.scrolled .mod_navigation ul.level_2 {top: 90px;} @media screen and (max-width: 767px) { #header.scrolled .mod_navigation { padding-top: 0px;} #header .mod_navigation.active {padding: 15px 0;} } @media screen and (max-width: 767px) { #header .head02 #logo img { height: 35px; } #header .navbar-toggle { top: 60px; } } @media screen and (max-width: 767px) { #header .mod_navigation { top: 99px; } } .mod_breadcrumb { display: none !important; } /* HEADER :: META : all like Partner-Bereich */ #header .metanav .mod_customnav { text-align:right; padding:0px; padding-right: 15px; padding-left: 15px; transition:all .4s ease-in-out 0s,background-color 0ms; } @media(min-width: 992px){ #header .metanav .mod_customnav{ position:fixed; right:calc((100% - 1400px)/2); top:0; /* padding:12px 32px 5px 32px; */ transition:all .4s ease-in-out 0s,background-color 0ms; z-index:111; border: 0px solid rgba(0,0,0,.1) !important; padding: 15px 38px 8px 38px !important; background-color: rgba(0,0,0,.1) !important; } } @media(min-width: 992px){ #header.scrolled .metanav .mod_customnav{ padding: 5px 32px 5px 32px !important; } } @media(max-width: 1400px){#header .metanav .mod_customnav { right:0px; } } @media(max-width: 1199px){ #header .metanav .mod_customnav{ right: 20px; } } @media(max-width: 767px){ #header .metanav .mod_customnav{ /* right:calc((100% - 930px)/2); */ top: 15px; } } #header .metanav .mod_customnav ul{ transition:all .4s ease-in-out 0s; } #header .metanav .mod_customnav ul li{ transition:all .4s ease-in-out 0s;font-size:16px;line-height:32px;display:inline-block;position:relative; } #header .metanav .mod_customnav ul li a, #header .metanav .mod_customnav ul li strong{ padding:0 4px; } #header .metanav .mod_customnav ul li a:hover, #header .metanav .mod_customnav ul li strong:hover{ text-decoration:none; } @media(max-width: 767.98px){ #header .metanav .mod_customnav ul li .member-info { display:none; } } #header .metanav .mod_customnav ul li.menu-toggle{ display:none !important; } @media(min-width: 992px){ #header .metanav .mod_customnav ul li.menu-toggle{ display:none; } } #header .metanav .mod_customnav a.konfigurator_link{ display:none; } @media(min-width: 992px){ #header .metanav .mod_customnav a.konfigurator_link { display:inline;background:url("img/konfigurator_24.svg") no-repeat scroll right rgba(0,0,0,0);padding-right:35px;margin-right:30px; } } #header .metanav .mod_customnav a.login{ background:url("img/login.svg") no-repeat scroll right rgba(0,0,0,0) !important; padding-right:25px !important; color:#c32e1b; } #header .metanav .mod_customnav span.member-info{ line-height:22px; margin-right:30px; padding-right:36px; } #header .metanav .mod_customnav span.member-info:after{ content:url("img/member.svg"); display:inline-block; position:absolute; top:0; right:30px; height:32px; width:32px; } #header .metanav .mod_customnav a.logout{ background:url("img/logout_red.svg") no-repeat scroll right rgba(0,0,0,0) !important; padding-right:26px !important; } @media(min-width: 992px){ #header .metanav .mod_customnav a.logout{ background:url("img/logout.svg") no-repeat scroll right rgba(0,0,0,0) !important; } } @media (min-width: 992px) { body.protected_area #header .metanav .mod_customnav { background-color: #595959; border-color: #595959; color: #fff; } } @media (min-width: 992px) { body.protected_area #header .metanav .mod_customnav a, body.protected_area #header .metanav .mod_customnav strong { color: #fff !important; } } @media screen and (max-width: 992px) { #header .head01 .mod_customnav ul li .logout { background-size: 21px 19px !important; } } @media (min-width: 992px) { #header .metanav .mod_customnav a.logout { padding-right: 26px; padding-left: 0px !important; background: url("img/logout.svg") no-repeat scroll right rgba(0,0,0,0) !important; } }