/*************************************************************************** * Allgemeine Definitionen ****************************************************************************/ /* STANDARDS */ strong, b {font-weight: 700; font-family: inherit;} em, i {} sup, sub {line-height: 0 !important; font-size: 50%;} img {overflow: hidden;} a, input, textarea, select {outline: 0 !important; border: 0;} textarea, select, button, input[type="search"], input[type="text"], input[type="number"], input[type="email"], input[type="tel"], input[type="password"], input[type="url"], input[type="button"], input[type="image"], input[type="submit"] {-webkit-appearance: none; -moz-appearance: none; appearance: none; box-shadow: none !important; border-radius: 0 !important; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border: none;} select {width: 100%; background-image: url(/img/icon-select.png) !important; background-size: 1.625em auto !important; background-position: right center !important; background-repeat: no-repeat;} select[multiple] {height: auto; background-image: none;} select::-ms-expand {display: none;} textarea, select, input[type="search"], input[type="text"], input[type="number"], input[type="email"], input[type="tel"], input[type="password"], input[type="url"] {width: 100%; font-size: 100%; background-color: #fff; line-height: 1.45; padding: .325rem; border-width: 2px !important; border-color: #e5e5e5; border-style: solid; border-width: 2px !important; border-radius: 0;} textarea:focus, select:focus, input[type="search"]:focus, input[type="text"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="password"]:focus, input[type="url"]:focus {box-shadow: none !important; border-color: rgba(0, 155, 218, .75); -webkit-transition: border-color 500ms ease; -moz-transition: border-color 500ms ease; -o-transition: border-color 500ms ease; transition: border-color 500ms ease} figcaption {margin-top: 1em; line-height: 1.4; font-size: 90%; color: #707070; font-weight: 300;} .btn {text-decoration: none !important;} .btn:focus, .btn:active, .btn:active:focus {outline: none; box-shadow:none; text-decoration: none;} .btn:disabled {opacity: .35;} .btn:disabled:hover {transform: none;} @font-face { font-family: 'hind'; src: url('/css/webfonts/hind-light-webfont.eot'); src: url('/css/webfonts/hind-light-webfont.eot?#iefix') format('embedded-opentype'), url('/css/webfonts/hind-light-webfont.woff') format('woff'); font-weight: 300; font-style: normal; } @font-face { font-family: 'hind'; src: url('/css/webfonts/hind-regular-webfont.eot'); src: url('/css/webfonts/hind-regular-webfont.eot?#iefix') format('embedded-opentype'), url('/css/webfonts/hind-regular-webfont.woff') format('woff'); font-weight: 400; font-style: normal; } @font-face { font-family: 'hind'; src: url('/css/webfonts/hind-medium-webfont.eot'); src: url('/css/webfonts/hind-medium-webfont.eot?#iefix') format('embedded-opentype'), url('/css/webfonts/hind-medium-webfont.woff') format('woff'); font-weight: 500; font-style: normal; } @font-face { font-family: 'hind'; src: url('/css/webfonts/hind-semibold-webfont.eot'); src: url('/css/webfonts/hind-semibold-webfont.eot?#iefix') format('embedded-opentype'), url('/css/webfonts/hind-semibold-webfont.woff') format('woff'); font-weight: 600; font-style: normal; } @font-face { font-family: 'hind'; src: url('/css/webfonts/hind-bold-webfont.eot'); src: url('/css/webfonts/hind-bold-webfont.eot?#iefix') format('embedded-opentype'), url('/css/webfonts/hind-bold-webfont.woff') format('woff'); font-weight: 700; font-style: normal; } /* PROJECT */ html {scroll-behavior: smooth;} body {font-family: 'hind', sans-serif; line-height: 1; text-align: center; color: #202020; background: #fff; padding-top: 1.9em;} input, textarea, select, button {font-family: 'hind', sans-serif;} input, textarea, select {} header {position: fixed; top: 0; width: 100%; height: 7.75em; max-width: 100%; text-align: center; z-index: 4;} header nav {height: 100%;} a {color: #009bda; text-decoration: none; outline: 0;} a:hover {color: #e30613; text-decoration: underline;} a:focus {color: #009bda;} a.custom-nolink {color: inherit; pointer-events: none; cursor: default;} h1, .h1 {font-size: 315%; font-weight: 300; line-height: 1.125; margin-bottom: .275em; letter-spacing: -.01em; color: #009bda;} h2, .h2 {font-size: 190%; font-weight: 300; line-height: 1.222; margin-top: 0; margin-bottom: .675em; color: #707070; letter-spacing: -.005em;} h3, .h3 {font-size: 190%; font-weight: 300; line-height: 1.3; margin-top: 0; margin-bottom: 1em; color: #009bda;} h4, .h4 {font-size: 125%; font-weight: 500; line-height: 1.3; margin-top: 0; margin-bottom: 1em; color: #009bda;} h5, .h5 {font-size: 100%; font-weight: 600; line-height: 1.3; margin-top: 0;} .custom-text-xxl {font-size: 315% !important;} .custom-text-xl {font-size: 190% !important;} .custom-text-lg {font-size: 125% !important;} .custom-text-lg02 {font-size: 150% !important;} .custom-text-sm {font-size: 85% !important;} .custom-text-xs {font-size: 75% !important;} .custom-text-md {font-size: 1rem !important;} .custom-text-light, .custom-light {font-weight: 300;} .custom-semibold {font-weight: 500;} .custom-bold {font-weight: 700;} .custom-legal h3 {font-size: 100% !important; font-weight: 700 !important; color: #202020 !important;} p {margin-bottom: 1.45em; line-height: 1.4; font-weight: 400;} p strong {font-weight: 600;} ul {line-height: 1.4; font-weight: 400;} .col-md-8.pr-md-5 {padding-right: 5rem !important;} /* Spinner */ #Spinner, .Spinner { display: block; border: 1px solid red; margin: 1em auto 4em auto; height: 50px; width: 50px; border: 6px rgba(0, 0, 0, 0.2) solid; border-top: 6px #009bda solid; border-right: 6px #009bda solid; border-bottom: 6px #009bda solid; border-radius: 50%; -webkit-animation: spin 1.2s infinite linear; animation: spin 1.2s infinite linear; } @-webkit-keyframes spin { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes spin { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(359deg); transform: rotate(359deg); -webkit-transform: rotate(359deg); transform: rotate(359deg); } } /* Text Elements */ .custom-clear {margin: 0; width: auto; height: auto; clear: both; display: block;} .custom-notransition {-webkit-transition: none !important; -moz-transition: none !important; -o-transition: none !important; transition: none !important;} .custom-hr {display: block; margin: 2em 0 2em 0; background: none; height: 0; border: 0; border-top: 3px dotted #e5e6e8;} .custom-no-background {background: none !important;} .custom-no-dec {text-decoration: none !important;} .custom-no-dec:hover {text-decoration: underline !important;} .custom-scale100 {transform: scale(1) !important; backface-visibility: hidden !important; /* mozilla stop flickering */ -moz-transform: scale(1) rotate(0.02deg) !important;} .custom-text a {text-decoration: underline;} .custom-text a:hover {color: #e30613;} .custom-text ul, .custom-text ol {margin-bottom: 1.4em;} .custom-text ul {list-style: none; overflow: hidden;} .custom-text ul li, .custom-text ol li {line-height: 1.4; margin-bottom: 0; position: relative; color: inherit;} .custom-text ul li::before {content: ' '; display: block; position: absolute; left: -1.25em; top: .525em; width: .425em; height: .425em; border-radius: 50%; background: #e30613;} .custom-text ul li b {font-weight: 600;} ul.custom-no-bullets {list-style: none; margin: 0; padding: 0;} ul.custom-no-bullets li::before {display: none;} .custom-text ul.custom-list-checkli::before {content: ' '; display: block; position: absolute; left: -1.25em; top: .525em; width: .425em; height: .425em; border-radius: 50%; background: #e30613;} .custom-text ul.custom-mb > li {margin-bottom: .75em;} .custom-teaser {margin-top: 1.75em; margin-bottom: 3.5rem; font-weight: 500; font-size: 125%; line-height: 1.4; color: #202020;} .custom-text-pics {padding-top: .5em; padding-bottom: 2.5em;} .custom-text-pics .custom-img-cover {height: 0; padding-bottom: 60%;} .custom-text-pics .custom-img-cover img {display: block; position: absolute; width: 100%; height: 100%; top: auto; bottom: auto; object-fit: cover;} a span.custom-link-text {color: #009bda; text-decoration: underline;} a:hover span.custom-link-text {color: #e30613;} /* Text/Links Standards */ .custom-zoom-pic:hover {cursor: zoom-in;} .custom-nodec {text-decoration: none;} .custom-nodec:hover {text-decoration: none;} .custom-breadcrumb {font-size: 100%; margin-top: 1.75rem; margin-bottom: 2.5rem; color: #707070; font-weight: 300;} .custom-breadcrumb a {font-weight: 400; line-height: 1.3; color: #707070;} .custom-breadcrumb span {padding: 0 .15em 0 .15em;} .bg-light .custom-link-icon {color: inherit;} .custom-link-icon {padding: .125em 0 .125em 1.85em; position: relative; display: inline-block; line-height: 1.4; color: #009bda; text-decoration: none !important;} .custom-link-icon-w {padding: .525em 0 .525em 1.85em; position: relative; display: inline-block; line-height: 1.4; color: #ffffff !important;} .custom-link-icon:hover {text-decoration: none;} .custom-link-icon-w:hover {text-decoration: none; color: #fff;} .custom-link-icon-w:active {text-decoration: none; color: #fff;} .custom-link-icon::before, .custom-link-icon-w::before {content: ' '; display: block; position: absolute; left: 0; top: .175em; color: #009bda; width: 1.285em; height: 1.285em; background-position: center center; background-size: 100% auto; background-repeat: no-repeat;} .custom-link-icon-info::before {background-image: url(/img/icon-info.png);} .custom-link-icon-arrow::before {background-image: url(/img/icon-arrow-r.png); background-size: 90% auto;} .custom-link-icon-mail::before {background-image: url(/img/icon-mail.png);} .custom-link-icon-phone::before {background-image: url(/img/icon-phone.png); background-size: 90% auto;} .custom-link-icon-form::before {background-image: url(/img/icon-form.png);} .custom-link-icon-pdf::before {background-image: url(/img/icon-pdf.png);} .custom-link-icon-press::before {background-image: url(/img/icon-press.png);} .custom-link-icon-report::before {background-image: url(/img/icon-report.png);} .custom-link-icon-youtube::before {background-image: url(/img/icon-youtube.png);} .custom-link-icon-maps::before {background-image: url(/img/icon-maps.png); background-size: 90% auto;} .custom-link-icon-zip::before {background-image: url(/img/icon-zip.png);} .custom-link-icon-download::before {background-image: url(/img/icon-download.png);} .custom-link-icon-nl::before {background-image: url(/img/icon-nl.png); background-size: 85% auto;} .custom-link-icon-info-w::before {background-image: url(/img/icon-info-w.png);} .custom-link-icon-arrow-w::before {background-image: url(/img/icon-arrow-r-w.png); background-size: 50% auto;} .custom-link-icon-mail-w::before {background-image: url(/img/icon-mail-w.png);} .custom-link-icon-phone-w::before {background-image: url(/img/icon-phone-w.png); background-size: 75% auto;} .custom-link-icon-form-w::before {background-image: url(/img/icon-form-w.png);} .custom-link-icon-pdf-w::before {background-image: url(/img/icon-pdf-w.png);} .custom-link-icon-youtube-w::before {background-image: url(/img/icon-youtube-w.png);} .custom-link-icon-maps-w::before {background-image: url(/img/icon-maps-w.png); background-size: 90% auto;} .custom-link-all {padding: .675em 1.25em .525em 0; text-align: right; position: relative; font-size: 135%; display: inline-block;} .custom-link-all::before {content: ' '; display: block; position: absolute; right: .25em; top: 0; color: #009bda; width: .675em; height: .675em; background-position: center center; background-size: 100% auto; background-image: url(/img/icon-arrow-r.png);} .custom-link-all:hover {text-decoration: none;} .custom-link-more {display: inline-block; padding: 0 0 0 1.25em; text-align: left; position: relative; font-size: 100%; line-height: 1.4; margin-bottom: .25em; font-weight: 500;} .custom-link-more::before {content: ' '; display: block; position: absolute; left: 0; top: .25em; color: #009bda; width: .725em; height: .725em; background-position: center center; background-size: 100% auto; background-image: url(/img/icon-arrow-r.png);} .custom-link-more:hover {text-decoration: none;} .custom-link-back {display: inline-block; font-size: 110%; background: #e30613; color: #fff !important; padding: .5em 1em .5em .625em; margin-left: .825em; margin-right: 1.125em; position: relative; text-align: center; min-width: 5em;} .custom-link-back:before {position: absolute; top: -50%; bottom: -50%; margin: auto; left: -.85em; width: 0; height: 0; content: ' '; -webkit-transform:rotate(360deg); border-style: solid; border-width: 1.2em .95em 1.2em 0; border-color: transparent #e30613 transparent transparent;} .custom-link-back:hover {text-decoration: none;} .custom-link-row {margin-top: .75em; padding: .75em 0 .65em 2.5em; font-size: 100%; border-top: 2px dotted #dedede; border-bottom: 2px dotted #dedede; display: block; text-decoration: none !important; color: #70706f !important; font-weight: 400;} .custom-link-row.custom-link-icon::before {font-size: 140%;} .custom-link-row.custom-link-icon::before, .custom-link-row.custom-link-icon-w::before {left: 0; bottom: auto; top: .25em; height: 1.5em;} .custom-link-row.custom-link-more::before {content: ' '; display: block; position: absolute; left: .425em; bottom: auto; top: .75em; width: .725em; height: .725em;} .custom-service-links {display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;} .custom-service-links .custom-flex {display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;} .custom-service-links a {display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 2.625em; height: 2.625em; color: #fff; margin-right: .25em; margin-left: .25em; text-decoration: none;} .custom-service-links a.custom-phone {background-color: #e30613; text-decoration: none;} .custom-service-links a.custom-phone i {font-size: 125%;} .custom-service-links a.custom-mail {background-color: #e30613;} .custom-service-links a.custom-mail i {font-size: 125%;} .custom-service-links a.custom-whatsapp {background-color: #e30613; text-decoration: none;} .custom-service-links a.custom-whatsapp i {font-size: 170%;} .custom-service-links a.custom-profile {background-color: #009bda;} .custom-service-links a.custom-profile span {display: inline-block; width: 2em; height: 1.5em; position: relative; background: #fff; border-radius: 6px;} .custom-service-links a.custom-profile span i {font-size: 220%; position: absolute; top: 0; left: -50%; right: -50%; margin: auto; margin-top: -.15em; color: #009bda;} .custom-contact-links a.custom-link-whatsapp i {font-size: 110%;} .custom-contact-links a.custom-link-address i {font-size: 95%;} .custom-service-links a.custom-whatsapp-messenger {display: block !important; padding: .25em .75em .25em .75em; background-color: #e30613; text-decoration: none; width: auto; overflow: hiddem; line-height: 2; font-weight: 600;} .custom-service-links a.custom-whatsapp-messenger i {font-size: 170%; margin-top: .15em; margin-right: .25em; vertical-align: top;} .custom-service-links a.custom-date {background-color: #e30613; width: auto; padding-left: 1em; padding-right: 1em;} .custom-service-links a.custom-date span {font-size: 100%; font-weight: 600;} .custom-service-links a.custom-check {background-color: #009bda; width: auto; padding-left: 1em; padding-right: 1em;} .custom-service-links a.custom-check span {font-size: 100%; font-weight: 600;} .custom-service-links a:hover {text-decoration: none; color: #fff;} /* Pagination */ .custom-row-pagination {padding-top: 0; padding-bottom: 0;} .custom-pagination {padding-top: 1em; margin-bottom: .5rem;} .custom-pagination li::before {display: none !important;} .custom-pagination .page-item {margin: 0 .25em .425em .25em;} .custom-pagination .page-link {width: 2.75em; padding-top: .25em; padding-bottom: 0; line-height: 2.375; color: #009bda; border: 2px solid #e5e5e5; border-radius: 0 !important; text-align: center;} .custom-pagination .page-link:hover {color: #009bda; border: 2px solid #009bda; background-color: #fff;} .custom-pagination-link-previous {display: inline-block; vertical-align: middle; width: 1em; height: 1em; margin-top: -.45em; background: url(/img/icon-arrow-l.png) center center no-repeat; background-size: 80% auto;} .custom-pagination-link-next {display: inline-block; vertical-align: middle; width: 1em; height: 1em; margin-top: -.45em; background: url(/img/icon-arrow-r.png) center center no-repeat; background-size: 80% auto;} .custom-pagination .active .page-link {background-color: #fff; color: #202020; border-color: #ccc; font-weight: 600; pointer-events: none; cursor: default;} .custom-pagination .disabled .page-link {opacity: .5;} /* Heights */ .h-35 {height: 35%;} .h-65 {height: 65%;} /* Colors */ .text-std /* standard */ {color: #202020 !important;} .text-primary /* blau */ {color: #009bda !important;} .text-secondary, .text-danger /* rot */ {color: #e30613 !important;} .text-grey /* dunkel-grau */ {color: #707070 !important;} .text-green /* grün */ {color: #0ba397 !important;} .text-white /* weiss */ {color: #ffffff !important;} .bg-primary /* blau */ {background-color: #009bda !important; color: #fff !important;} .bg-secondary /* rot */ {background-color: #e30613 !important; color: #fff !important;} .bg-green /* grün */ {background-color: #0ba397 !important; color: #fff !important;} .bg-green-light /* hellgrün */ {background-color: #0ba397 !important;} .bg-light /* grau */ {background-color: #f0f0f0 !important;} .bg-grey-light /* hellgrau */ {background-color: #f8f8f8 !important;} .bg-grey /* dunkel-grau */ {background-color: #707070 !important;} .bg-grey-medium /* mittel-grau */ {background-color: #e0e0e0 !important;} .bg-white /* weiss */ {background-color: #ffffff !important;} a.bg-primary:focus, a.bg-primary:hover {background-color: #009bda !important; color: #fff !important;} a.bg-secondary:focus, a.bg-secondary:hover {background-color: #e30613 !important; color: #fff !important;} a.bg-green:focus, a.bg-green:hover {background-color: #0ba397 !important; color: #fff !important;} a.bg-light:focus, a.bg-light:hover {background-color: #f0f0f0 !important; color: inherit !important;} /* Buttons */ .btn {border-radius: 0;} .btn i {font-size: 110%; vertical-align: text-bottom; margin-left: .25em;} .btn-link {color: #009bda;} .btn-primary {color: #fff; background-color: #009bda !important; border-color: #009bda !important;} .btn-secondary {color: #fff; background-color: #e30613 !important; border-color: #e30613 !important;} .btn-grey-medium {color: #202020; background-color: #e0e0e0 !important; border-color: #e0e0e0 !important;} .btn-outline-primary {color: #009bda; border-color: #cecece !important;} .custom-btn-std {font-weight: 300; line-height: 1.111; font-size: 125%; padding: .4775em .75em .4225em .75em; border-radius: 0; color: #fff !important; background-color: #009bda;} .custom-btn-outline-std {font-weight: 400; line-height: 1.111; font-size: 125%; padding: .675em 3em .575em 3em; border-radius: 0; border: .15rem solid; text-align: center;} .custom-btn-outline-light {font-weight: 400; line-height: 1.111; font-size: 125%; padding: .525em 3em .525em 3em; border-radius: 0; border: .15rem solid; text-align: center; color: #fff; border-color: #fff !important; white-space: nowrap; text-decoration: none !important;} .custom-btn-form {min-width: 33%; margin-top: .5em; margin-bottom: 1em; padding: .5em .75em .4em .75em;} .custom-btn-form.custom-bold {font-weight: 600;} .custom-btn-minwidth {min-width: 11em;} .btn-primary:active, .btn-primary:focus, .btn-primary:hover {color: #fff !important; background-color: #e30613 !important; border-color: #e30613 !important; outline: none !important; box-shadow: none !important;} .custom-btn-std:disabled {color: #fff !important; background-color: #e30613 !important;} .btn-secondary:active, .btn-secondary:focus, .btn-secondary:hover {color: #fff !important; outline: none !important; box-shadow: none !important;} .custom-btn-std:active, .custom-btn-std:focus, .custom-btn-std:hover {color: #fff !important; background-color: #e30613 !important; outline: none !important; box-shadow: none !important;} .custom-btn-std:disabled {color: #fff !important; background-color: #009bda !important;} .custom-btn-outline-std:active, .custom-btn-outline-std:focus, .custom-btn-outline-std:hover {color: #e30613; background-color: inherit; outline: none !important; box-shadow: none !important;} .custom-btn-outline-light:active, .custom-btn-outline-light:focus, .custom-btn-outline-light:hover {color: #fff !important; background-color: transparent !important; outline: none !important; box-shadow: none !important;} .btn-outline-primary.custom-btn-outline-std:active, .btn-outline-primary.custom-btn-outline-std:focus, .btn-outline-primary.custom-btn-outline-std:hover {color: #e30613 !important; background-color: #fff !important; outline: none !important; box-shadow: none !important;} .btn.custom-min-width {min-width: 15em;} .custom-btn-favorites {background-color: #0ba397;} .custom-btn-favorites span {display: inline-block; position: relative; padding-left: 1.25em; font-size: 90%; font-weight: 400;} .custom-btn-favorites span::before {content: ' '; display: block; position: absolute; left: -.25em; top: -50%; bottom: -50%; margin: auto; color: #fff; width: 1em; background-image: url(/img/icon-fav-w.png); background-position: center 48%; background-size: 90% auto; background-repeat: no-repeat;} .custom-btn-delete {background-color: #e30613;} .custom-btn-delete span {display: inline-block; position: relative; padding-left: 1.25em; font-size: 90%; font-weight: 400;} .custom-btn-delete span::before {content: ' '; display: block; position: absolute; left: -.25em; top: -50%; bottom: -50%; margin: auto; color: #fff; width: 1em; background-image: url(/img/icon-delete-w.png); background-position: center 48%; background-size: 80% auto; background-repeat: no-repeat;} .custom-btn-save {} .custom-btn-save span {display: inline-block; position: relative; padding-left: 1.25em; font-size: 90%; font-weight: 400;} .custom-btn-save span::before {content: ' '; display: block; position: absolute; left: -.25em; top: -50%; bottom: -50%; margin: auto; color: #fff; width: 1em; background-image: url(/img/icon-save-w.png); background-position: center 48%; background-size: 90% auto; background-repeat: no-repeat;} .custom-btn-edit {background: transparent; width: 2em !important; height: 2em !important; min-width: 2em; padding: 0; margin-top: -.25em; position: relative;} .custom-btn-edit span {} .custom-btn-edit::before {content: ' '; display: block; position: absolute; left: -50%; right: -50%; top: -50%; bottom: -50%; margin: auto; color: #fff; width: 1em; background-image: url(/img/icon-edit-r.png); background-position: center 48%; background-size: 100% auto; background-repeat: no-repeat;} .custom-btn-edit:focus, .custom-btn-edit:hover {background-color: transparent !important;} .custom-btn-mail {background-color: #009bda;} .custom-btn-mail:focus, .custom-btn-mail:hover {background-color: #009bda !important;} .custom-btn-mail span {display: inline-block; position: relative; padding-left: 1.25em; font-size: 90%; font-weight: 400;} .custom-btn-mail span::before {content: ' '; display: block; position: absolute; left: -.25em; top: -50%; bottom: -50%; margin: auto; color: #fff; width: 1em; background-image: url(/img/icon-mail-w.png); background-position: center 48%; background-size: 110% auto; background-repeat: no-repeat;} .custom-btn-download {background-color: #009bda;} .custom-btn-download:focus, .custom-btn-download:hover {background-color: #009bda !important;} .custom-btn-download span {display: inline-block; position: relative; padding-left: 1.25em; font-size: 90%; font-weight: 400;} .custom-btn-download span::before {content: ' '; display: block; position: absolute; left: -.25em; top: -50%; bottom: -50%; margin: auto; color: #fff; width: 1em; background-image: url(/img/icon-download-w.png); background-position: center 48%; background-size: 90% auto; background-repeat: no-repeat;} .custom-btn-search {background-color: #e30613; color: #fff;} .custom-btn-search:focus, .custom-btn-search:hover {color: #fff;} .custom-btn-search > span {display: inline-block; position: relative; padding-left: 1.25em; font-size: 90%; font-weight: 400;} .custom-btn-search > span::before {content: ' '; display: block; position: absolute; left: -.25em; top: -50%; bottom: -50%; margin: auto; width: 1em; height: 1em; background-image: url(/img/icon-search-w.png); background-position: center 48%; background-size: 90% auto; background-repeat: no-repeat;} .custom-btn-filter {background-color: #fff; border-color: #009bda; border-width: 2px; padding: .375rem .625rem .175rem .625rem; font-weight: 600;} .custom-btn-filter::after {margin-left: .375em;} .custom-btn-arrow {position: relative; padding-right: 2em;} .custom-btn-arrow span {font-weight: 400;} .custom-btn-arrow::before {content: ' '; display: block; position: absolute; right: .5em; top: -50%; bottom: -50%; color: #fff; width: 1em; background-image: url(/img/icon-arrow-r-w.png); background-position: center 50%; background-size: 80% auto; background-repeat: no-repeat;} .custom-btn-arrow:hover {} #containerUploaderRequest .btn-outline-secondary:hover {background: inherit !important;} /* Spacer */ .custom-spacer {height: 1em;} .custom-spacer.custom-height {height: 1px;} .custom-spacer-xs {height: 1em;} .custom-spacer-xl {height: 3.5em;} /* Border */ .custom-border-dotted {border-top: 2px dotted #dedede;} .custom-border {border: 2px solid #dedede;} .custom-border-red {border: 2px solid #e30613;} /* Stopper */ .custom-stopper {position: absolute; display: flex; justify-content: center; align-items: center; /* border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; */ z-index: 1;} /* Outside Position */ .custom-img-outside {float: left; width: 34%; margin: .25em 2em 1em -12%;} .custom-outside {float: left; width: 34%; margin: .25em 2em 1em -12%;} /* Social Media */ .custom-social a.custom-social-link {color: #009bda; background-color: #fff; width: 1.925em; height: 1.925em; font-size: .9rem; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-decoration: none;} .custom-social a.custom-social-link i{color: #009bda; font-size: 120%; margin-top: .1em;} .custom-social-link.custom-size-lg {font-size: 2em;} /* Anchor Aim */ .custom-anchor-aim {position: relative;} .custom-anchor-aim a {position: absolute; top: -6em;} /* Anchor Links */ .custom-anchor-link-container {position: relative; overflow: hidden; padding: .15em; margin-bottom: 1.5rem;} .custom-anchor-link-container a {display: block; float: left; width: 2.25em; height: 2.25em; line-height: 2.25; text-align: center; background: #009bda; color: #fff; font-size: 125%; margin: 0 .5rem .5rem 0; text-decoration: none;} .custom-anchor-link-container a:hover {color: #fff; background: #e30613;} .custom-anchor-content-container {border-top: 2px solid #e5e5e5; position: relative; } .custom-anchor-content-container::before {content: ' '; position: absolute; top: -2px; left: 0; width: 11.5em; height: .45em; background: #009bda;} .custom-anchor-content-container .h1 {padding-left: 0; padding-top: .625rem; margin-bottom: 0; font-weight: 300; line-height: 1.333;} .custom-anchor-content-container .h4 {margin-bottom: 0.25em;} /* Collapse Container */ .custom-collapse-container {} .custom-collapse-container .custom-link {text-decoration: none; display: block;} .custom-collapse-container .custom-link h4 {position: relative; padding-right: 3em;} .custom-collapse-container .custom-link h4:hover {color: #e30613;} .custom-collapse-container .custom-link h4::after {content: ' '; position: absolute; right: 0; top: .25em; width: .875em; height: .875em; background-repeat: no-repeat; background-position: center center; background-size: 100% auto; background-image: url(/img/icon-plus.png);} .custom-collapse-container .custom-link h4:hover::after {background-image: url(/img/icon-plus-x.png);} .custom-collapse-container .custom-link[aria-expanded="true"] h4::after {background-image: url(/img/icon-minus.png);} .custom-collapse-container .custom-link[aria-expanded="true"] h4:hover::after {background-image: url(/img/icon-minus-x.png);} /* Container Instagram */ .custom-container-instagram .custom-img img {width: 80% !important; height: auto;} /* Container + Rows */ .custom-wrap {margin: 0 auto; max-width: 100%; position: relative; overflow: hidden;} .container {} .container-inner {margin-top: 4.5em; background-color: #fff; overflow: hidden;} .container-inner > .row {padding-left: 15px; padding-right: 15px;} .custom-container {position: relative; width: 100%; margin: auto;} .custom-container-100 {max-width: 100% !important;} .custom-container-border {border-top: 1em solid #f3f2ed;} .custom-anim-container {overflow: hidden;} .custom-row {padding: 3.5em 0 3.5em 0; text-align: center;} .custom-row-title {font-size: 120%; font-weight: 600; color: #373737; margin-bottom: 3rem;} .custom-row-title a {text-decoration: none; color: inherit;} .custom-row-title a:hover {color: #e30613;} .custom-img {margin-right: 1.5em; margin-bottom: 1em;} .custom-img img {width: 100%; height: auto;} .custom-img-h100 {text-align: center !important;} .custom-img-h100 img {width: auto; height: 100%;} .custom-img-sm-maxwidth {text-align: center !important;} .custom-img-sm-maxwidth img {} .custom-img-r {float: right; margin-left: 1.5em; margin-bottom: 1em;} .custom-img-r img {width: 100%; height: auto;} .custom-img.custom-w-80 {width: 80% !important; margin-left: auto; margin-right: auto;} .custom-img-cover {position: relative; overflow: hidden; height: 100%;} .custom-img-cover > img {display: block; position: absolute; width: 100% !important; height: 100% !important; top: auto; bottom: auto; object-fit: cover;} .custom-img-contain {position: relative; overflow: hidden; height: 100%;} .custom-img-contain > img, .custom-img-contain .custom-zoom-pic{display: block; position: absolute; width: 100% !important; height: 100% !important; top: auto; bottom: auto; object-fit: contain;} .custom-img-border {border: 1px solid #e5e5e5;} .custom-video {position: relative; padding-bottom: 56.25%; padding-top: 0; height: 0; overflow: hidden;} .custom-video iframe {position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important;} .card, .card-header {border-radius: 0; border: none; background: #fff;} /* Container Nav */ .custom-container-nav {width: 100%; height: 100%; background: rgba(240, 240, 240, .92);} .custom-nav-logo {width: 27.375em; text-align: left; background: #fff;} .custom-nav-logo a {width: 21rem; overflow: hidden; margin-left: 2.5em; display: block; margin-top: 6.75%; -webkit-transition: width 600ms ease; -moz-transition: width 600ms ease; -o-transition: width 600ms ease; transition: width 600ms ease;} .custom-nav-logo a img {width: 21rem; height: auto; display: block;} .custom-nav-cards a.custom-nav-link {transition: line-height 0.3s ease-in-out;} .custom-nav-service .dropdown-menu {border-radius: 0; padding: 1em 1em 1em 1em;} .custom-nav-service .dropdown-menu a {text-transform: none; font-size: 1rem;} .custom-nav-service .dropdown-menu a.dropdown-item {color: #009bda; padding: .125em 3em 0em 0; border-top: 2px solid #e5e5e5;} .custom-nav-service .dropdown-menu a.dropdown-item:hover {color: #e30613; background: inherit;} .custom-nav-service .dropdown-menu a.dropdown-item::after {content: ' '; display: block; position: absolute; right: .5em; top: -50%; bottom: -50%; margin: auto; width: .875em; height: .875em; background-position: center center; background-repeat: no-repeat; background-size: 100% auto; background-image: url(/img/icon-arrow-r.png);} .custom-nav-service .dropdown-menu a.dropdown-item:hover::after {right: .125em;} .custom-nav-service .dropdown-menu a.btn {margin-top: .5em; padding: 0 1.5em 0 1.5em; width: 100%; color: #fff;} .custom-nav-service .dropdown-menu .dropdown-divider {margin: 0; border-top: 2px solid #e5e5e5;} /* Multiline Title */ .custom-multiline {padding-left: 16px; overflow: hidden;} .custom-multiline h2, .custom-multiline .h2 {transform: translateX(-5px);} .custom-multiline h2, .custom-multiline .h2 {margin: 0; font-size: 220%; font-weight: 300; line-height: 1.7; display: inline-block; padding-right: 16px} .custom-multiline h2 span.bg-primary, .custom-multiline .h2 span.bg-primary {padding: 10px 0 10px 2px; line-height: 1.4; display: inline; box-shadow: 10px 0 0 #009bda, -10px 0 0 #009bda; -moz-box-shadow: 10pxem 0 0 #009bda, -10px 0 0 #009bda; -webkit-box-shadow: 10px 0 0 #009bda, -10px 0 0 #009bda; overflow: hidden; box-decoration-break: clone; -webkit-box-decoration-break: clone; -o-box-decoration-break: clone; position: relative;} .custom-multiline h2 span.bg-secondary, .custom-multiline .h2 span.bg-secondary {padding: 10px 0 10px 2px; line-height: 1.4; display: inline; box-shadow: 10px 0 0 #e30613, -10px 0 0 #e30613; -moz-box-shadow: 10px 0 0 #e30613, -10px 0 0 #e30613; -webkit-box-shadow: 10px 0 0 #e30613, -10px 0 0 #e30613; overflow: hidden; box-decoration-break: clone; -webkit-box-decoration-break: clone; -o-box-decoration-break: clone; position: relative;} .custom-multiline .text-grey {font-weight: 300;} .custom-space-multiline {clear: both; width: 100%; display: block; height: .425em;} /* Intro Slider */ .custom-slider {position: relative; overflow: show; overflow: hidden; height: 30em; width: 100%; background: grey !important} .custom-slider .custom-slider-claim {position: absolute; top: 55%; left: 19%; text-align: left; max-width: 88%; z-index: 2;} .custom-slider img {display: block; position: absolute; width: 100% !important; height: 100% !important; top: auto; bottom: auto; object-fit: cover;} .custom-slider a:hover {text-decoration: none;} .custom-slider h3 {color: #fff; font-size: 140%; font-weight: 300; display: inline;} .custom-slider h3 span {display: inline-block; padding: 9px 15px 5px 15px;} /* Row Teaser */ .custom-row-teaser-overview {padding: 0 !important;} .custom-row-teaser-overview .custom-row-teaser {justify-content: flex-end; margin-left: 0; margin-right: 0; min-height: 25em;} .custom-row-teaser-overview .custom-row-teaser .custom-text {max-width: 830px; text-align: left; padding: 4em;} .custom-row-teaser-overview .custom-row-teaser .custom-text h3 {line-height: 1.2555; margin-top: 0; margin-bottom: .625rem; color: #009bda;} .custom-row-teaser-overview .custom-row-teaser .custom-text h4 {line-height: 1.2555; margin-top: 0; margin-bottom: 1em; color: #009bda; font-weight: 300;} .custom-row-teaser-overview .custom-row-teaser .custom-text p {margin-bottom: 1.65em;} .custom-row-teaser-overview .custom-row-teaser:nth-child(odd) > .col-md-6:first-child {-ms-flex-order: 1; order: 1; -ms-flex-pack: end !important; justify-content: flex-end !important;} .custom-row-teaser-overview .custom-row-teaser:nth-child(odd) > .col-md-6:last-child {-ms-flex-order: 2; order: 2;} .custom-row-teaser-overview .custom-row-teaser:nth-child(even) > .col-md-6:first-child {-ms-flex-order: 2; order: 2;} .custom-row-teaser-overview .custom-row-teaser:nth-child(even) > .col-md-6:last-child {-ms-flex-order: 1; order: 1;} /* Row News */ .custom-row-news {} .custom-row-news .custom-link-container {position: absolute; display: block; right: 1em; bottom: 1em;} .custom-row-news .custom-link-container a:nth-child(2) {margin-left: 1em;} .custom-row-news a.custom-link-all {padding-top: 1.25em; font-size: 125%;} .custom-row-news a.custom-link-all:hover {} .custom-row-news a.custom-link-all::before {top: 1.375em;} .custom-row-news .custom-news-container {text-align: left; padding: 1.5em 1.5em 4.625em 1.5em; position: relative;} .custom-row-news .custom-news-container .custom-link {display: block; border-bottom: 2px solid #e5e5e5; min-height: 3.265em;} .custom-row-news .custom-news-container a.custom-link-icon {display: inline-block; padding: .675em 0 .5em 2.15em; color: #707070; font-weight: 300;} .custom-row-news .custom-news-container a.custom-link-icon::before {bottom: auto; top: .625em; width: 1.375em; height: 1.375em;} .custom-row-news .custom-news-container a.custom-link-icon:hover {text-decoration: none; color: #e30613;} .custom-row-news .custom-news-container .custom-link:nth-child(2) {border-top: 2px solid #e5e5e5;} .custom-row-news .custom-news-container .custom-img {float: left; width: 25%; margin-top: .375em;} .custom-row-news .card .card-header {padding: 0; border-top: 2px solid #e5e5e5;} .custom-row-news .card .card-header a {padding: .625rem 0 .25rem 0; display: block; color: #707070; position: relative;} .custom-row-news .card .card-header a::before {content: ' '; position: absolute; top: -2px; left: 0; width: 8.825em; height: .3em; background: #009bda;} .custom-row-news .card .card-header a::after {content: ' '; position: absolute; width: .8em; height: .8em; top: .75em; right: .25em; color: #009bda; background: url(/img/icon-plus.png) center center no-repeat; background-size: 100% auto;} .custom-row-news .card .card-header a:hover {text-decoration: none; color: #009bda;} .custom-row-news .card .card-header a:hover::before {width: 100%; background-color: #e30631;} .custom-row-news .card .card-header a h5 {font-weight: 300; line-height: 1.25; color: #707070; min-height: 2.705em;} .custom-row-news .card .card-header a:hover h5 {color: #707070;} .custom-row-news .card .card-header .custom-date {margin-bottom: .075em; font-weight: 400;} .custom-row-news .card .card-header a:hover .custom-date {} .custom-row-news .card .card-header a[aria-expanded="true"] .custom-date {} .custom-row-news .card .card-header a[aria-expanded="true"] h5 {min-height: 1px; margin-bottom: .875em;} .custom-row-news .card .card-header a[aria-expanded="true"]::before {width: 100%;} .custom-row-news .card .card-header a[aria-expanded="true"]::after {background-image: url(/img/icon-minus.png);} .custom-row-news .card .card-body {padding: 0.25em 1.5em 2.5em 0; overflow: hidden;} .custom-row-news .card .card-body p {line-height: 1.4;} .custom-row-news .card:last-child {border-bottom: 2px solid #e5e5e5;} /* Row Top News */ .custom-topnews-container h2 {line-height: 1.2555; margin-bottom: .625rem; color: #009bda;} .custom-topnews-container .text-grey {font-weight: 300; margin-bottom: 1.25em;} .custom-topnews-container .custom-text-container {text-align: left;} .custom-topnews-container .custom-text-container.col-md-6 {padding: .5em 2.5em 0 1em;} .custom-topnews-container .custom-text-container.col-12 {padding: 0 6em 0 6em;} .custom-topnews-container .custom-text-container.col-12 .custom-btn-container {text-align: center;} .custom-topnews-container .custom-media-container {padding: .5em 1em 0 1.5em;} .custom-topnews-container .custom-media-container img {margin-bottom: 1.75em;} .custom-topnews-container .custom-media-container .custom-video {margin-bottom: 1.75em;} /* Row Newsletter */ .custom-row-newsletter {padding: .5em 0 2em 0; z-index: 1;} .custom-row-newsletter .container {} /* Row Technology Trends */ .custom-row-technology {} .custom-row-technology .container > .row {margin-left: 0; margin-right: 0;} .custom-row-technology a.custom-img-cover {display: block; padding-bottom: 33% !important; position: relative; text-align: left;} .custom-row-technology a.custom-img-cover:hover {text-decoration: none; /* mozilla stop flickering */ -moz-transform: rotate(0.02deg);} .custom-row-technology .custom-text {position: absolute; left: 1.25em; top: 1.5em; padding-right: 2em; z-index: 1;} .custom-row-technology .custom-multiline {} .custom-row-technology .custom-multiline h4 {font-size: 165%; font-weight: 300; line-height: 1.25; display: inline; padding-top: 3px;} .custom-row-technology .custom-multiline h4 span {padding: 5px 5px 5px 2px; line-height: 1.25; display: inline; box-shadow: 10px 0 0 #009bda, -10px 0 0 #009bda; -moz-box-shadow:10px 0 0 #009bda, -10px 0 0 #009bda; -webkit-box-shadow:10px 0 0 #009bda, -10px 0 0 #009bda; box-decoration-break: clone; -webkit-box-decoration-break: clone; -o-box-decoration-break: clone;} .custom-row-technology .custom-multiline p {font-size: 110%; margin: 0; line-height: 1.35; display: inline-block;} .custom-row-technology .custom-multiline p span {padding: 5px 10px 5px 0; display: inline; line-height: 1.35; box-shadow: 10px 0 0 #fff, -10px 0 0 #fff; -moz-box-shadow: 10px 0 0 #fff, -10px 0 0 #fff; -webkit-box-shadow: 10px 0 0 #fff, -10px 0 0 #fff; box-decoration-break: clone; -webkit-box-decoration-break: clone; -o-box-decoration-break: clone;} .custom-row-technology .custom-space-multiline {height: .35em;} /* Row Contact */ .custom-row-contact {text-align: left; padding-top: 2.5em; padding-bottom: 3em; font-weight: 300 !important;} .custom-row-contact a.custom-link-icon {color: #fff; margin-left: .25rem; margin-right: 3em; font-size: 120%;} .custom-row-contact a.custom-link-icon:last-of-type {margin-right: 0;} .custom-row-contact .custom-link-container {} .custom-row-contact .custom-link-container span {display: inline-block; padding-left: .25em;} .custom-row-contact .custom-link-container a.custom-link-title {display: block; padding-top: .5em; padding-bottom: .5em; margin-right: 0; color: #fff; line-height: 1.4; font-weight: 300;} .custom-row-contact .custom-link-container a.custom-link-title:hover {text-decoration: none;} .custom-row-contact .custom-link-container a.custom-link-title[aria-expanded="true"] span {padding-bottom: .25em; font-weight: 600; transform: scale(1);} .custom-row-contact .custom-link-container a.custom-link-icon {min-width: 12rem; display: inline-block; margin-right: 0; font-size: 100%;} .custom-row-contact .custom-link-container .custom-grid a.custom-link-icon {min-width: 45%;} .custom-row-contact .custom-link-container .custom-link {border-bottom: 2px solid rgba(255, 255, 255, .5);} .custom-row-contact .custom-link-container .custom-link:nth-child(1){border-top: 2px solid rgba(255, 255, 255, .5);} .custom-row-contact .custom-link .collapse {padding-bottom: 1.25em;} .custom-row-contact .custom-links-std a.custom-link-icon {font-size: 125%;} .custom-row-contact .custom-links-std a.custom-link-icon:last-child {margin-right: 0;} .custom-row-contact .custom-link-title-special {pointer-events: auto !important; cursor: pointer !important;} /* Row Contact Nav Layer */ .custom-subnav-inner .custom-row-contact {padding-top: .125em; padding-bottom: 2.5em;} .custom-subnav-inner .custom-row-contact .custom-link {padding-bottom: .75em;} .custom-subnav-inner .custom-row-contact .custom-link-title {font-weight: 600 !important; pointer-events: none; cursor: default;} .custom-subnav-inner .custom-row-contact a.custom-link-icon {margin-right: 0;} .custom-subnav-inner .custom-contact-container .custom-row-contact br.custom-responsive {display: none;} /* Row Contact Search Layer */ .modal-content .custom-row-contact .custom-link-title {font-weight: 600 !important; pointer-events: none; cursor: default;} /* Row Product Slider */ .custom-row-product-slider {overflow: hidden; overflow-x: hidden;} .custom-row-product-slider .custom-slide {height: 100%; text-align: left;} .custom-row-product-slider .custom-slide a {display: block; text-decoration: none; color: #fff; width: 100%; height: 100%; border: 2px solid #e5e5e5; border-bottom: 0;} .custom-row-product-slider .custom-slide-img {position: relative; padding-bottom: 60%; overflow: hidden;} .custom-row-product-slider .custom-slide-img > img {position: absolute; display: block; height: 75%; width: 75%; margin: auto; top: -50%; bottom: -50%; left: -50%; right: -50%; background: #fff; object-fit: contain;} .custom-row-product-slider .custom-slide-img .custom-flag {position: absolute; bottom: .625em; right: .625em; text-align: right; z-index: 1;} .custom-row-product-slider .custom-slide-img .custom-flag img {display: inline-block; height: 2.25em; width: auto; margin-right: 0; background-color: rgb(255,255,255,.65); border: 1px solid #e6e6e6;} .custom-row-product-slider .custom-text {padding: .725em .825em .5em .825em; min-height: 9.15em; background: #009bda;} .custom-row-product-slider .custom-text-01 {font-size: 98%; font-weight: 300; color: #fff; margin-bottom: .4em; line-height: 1.222;} .custom-row-product-slider .custom-text-02 {font-size: 185%; font-weight: 300; color: #fff; margin-bottom: .2em; line-height: 1.222;} .custom-row-product-slider .custom-text-03 {font-size: 120%; font-weight: 300; color: #fff; margin-bottom: .25em; line-height: 1.222;} .custom-row-product-slider .custom-carousel {position: relative; margin-top: -.5em; padding: 0 4em 0 4em; max-height: 600px; overflow: hidden;} .custom-row-product-slider .custom-carousel .slick-list {padding: .375em 0 .375em 0;} .custom-row-product-slider .custom-slider-link {background-color: #fff;} .custom-row-product-slider .custom-slider-link:hover {background-color: #fff;} .custom-row-product-slider .custom-slider-back {margin-left: -15px;} .custom-row-product-slider .custom-slider-fwd {margin-right: -15px;} .custom-row-product-slider .custom-btn-outline-std {min-width: 15em; font-weight: 500;} /* Row Viewed Products Slider */ .custom-row-viewed-products-slider {overflow: hidden; overflow-x: hidden;} .custom-row-viewed-products-slider .custom-container {max-width: 1780px;} .custom-row-viewed-products-slider .custom-slide {height: 100%; text-align: left;} .custom-row-viewed-products-slider .custom-slide a {display: block; text-decoration: none; color: #fff; width: 100%; height: 100%; background: #009bda; border: 2px solid #e5e5e5;} .custom-row-viewed-products-slider .custom-slide-img-container {position: relative; padding: 1em 15% 0 15%; background: #fff; overflow: hidden;} .custom-row-viewed-products-slider .custom-slide-img {position: relative; padding-bottom: 66%;} .custom-row-viewed-products-slider .custom-slide-img img {position: absolute; display: block; width: 100% !important; height: 100% !important; max-width: 600px; top: -50%; bottom: -50%; left: -50%; right: -50%; margin: auto; object-fit: contain;} .custom-row-viewed-products-slider .custom-text {padding: .5em 1em .425em 1em;} .custom-row-viewed-products-slider .custom-text-02 {font-size: 120%; font-weight: 300; color: #fff; margin-bottom: 0; line-height: 1.222; white-space: nowrap; text-overflow: ellipsis;} .custom-row-viewed-products-slider .custom-text-03 {font-size: 95%; font-weight: 600; color: #202020; margin-bottom: 0; line-height: 1.4; background: #fff; text-align: center; padding: 0.75em .5em 0 .5em; overflow: hidden; height: 4.4em; border-bottom: .75em solid #fff;} .custom-row-viewed-products-slider .custom-carousel {position: relative; margin-top: -.5rem; padding: 0 4em 0 4em; max-height: 600px; overflow: hidden;} .custom-row-viewed-products-slider .custom-carousel .slick-list {padding: .375em 0 .375em 0;} .custom-row-viewed-products-slider .custom-slider-link {background-color: transparent;} .custom-row-viewed-products-slider .custom-slider-link:hover {background-color: transparent;} .custom-row-viewed-products-slider .custom-slider-back {margin-left: -15px;} .custom-row-viewed-products-slider .custom-slider-fwd {margin-right: -15px;} /* Combinable Products Slider */ .custom-row-combinable-products-slider {overflow: hidden; overflow-x: hidden;} .custom-row-combinable-products-slider .custom-container {max-width: 1780px;} .custom-row-combinable-products-slider .custom-slide {height: 100%; text-align: left;} .custom-row-combinable-products-slider .custom-slide a {display: block; text-decoration: none; color: #fff; width: 100%; height: 100%; background: #009bda; border: 2px solid #e5e5e5;} .custom-row-combinable-products-slider .custom-slide-img-container {position: relative; padding: 1em 15% 0 15%; background: #fff; overflow: hidden;} .custom-row-combinable-products-slider .custom-slide-img {position: relative; padding-bottom: 66%;} .custom-row-combinable-products-slider .custom-slide-img img {position: absolute; display: block; width: 100% !important; height: 100% !important; max-width: 600px; top: -50%; bottom: -50%; left: -50%; right: -50%; margin: auto; object-fit: contain;} .custom-row-combinable-products-slider .custom-text {padding: .5em 1em .425em 1em;} .custom-row-combinable-products-slider .custom-text-02 {font-size: 120%; font-weight: 300; color: #fff; margin-bottom: 0; line-height: 1.222; white-space: nowrap; text-overflow: ellipsis;} .custom-row-combinable-products-slider .custom-text-03 {font-size: 95%; font-weight: 600; color: #202020; margin-bottom: 0; line-height: 1.333; background: #fff; text-align: center; padding: 0.75em .5em 0 .5em; overflow: hidden; height: 4.4em; border-bottom: .75em solid #fff;} .custom-row-combinable-products-slider .custom-carousel {position: relative; margin-top: -.5rem; padding: 0 4em 0 4em; max-height: 400px; overflow: hidden;} .custom-row-combinable-products-slider .custom-carousel .slick-list {padding: .375em 0 .375em 0;} .custom-row-combinable-products-slider .custom-slider-link {background-color: transparent;} .custom-row-combinable-products-slider .custom-slider-link:hover {background-color: transparent;} .custom-row-combinable-products-slider .custom-slider-back {margin-left: 0;} .custom-row-combinable-products-slider .custom-slider-fwd {margin-right: 0;} /* Row Similar Products Slider */ .custom-row-similar-products-slider {overflow: hidden; overflow-x: hidden; padding-top: 1em;} .custom-row-similar-products-slider .custom-container {max-width: 1780px;} .custom-row-similar-products-slider .custom-slide {height: 100%; text-align: left;} .custom-row-similar-products-slider .custom-slide a {display: block; text-decoration: none; color: #fff; width: 100%; height: 100%; background: #009bda; border: 2px solid #e5e5e5;} .custom-row-similar-products-slider .custom-slide-img-container {position: relative; padding: 1em 15% 0 15%; background: #fff; overflow: hidden;} .custom-row-similar-products-slider .custom-slide-img {position: relative; padding-bottom: 66%;} .custom-row-similar-products-slider .custom-slide-img img {position: absolute; display: block; width: 100% !important; height: 100% !important; max-width: 600px; top: -50%; bottom: -50%; left: -50%; right: -50%; margin: auto; object-fit: contain;} .custom-row-similar-products-slider .custom-text {padding: .5em 1em .425em 1em;} .custom-row-similar-products-slider .custom-text-02 {font-size: 125%; font-weight: 300; color: #fff; margin-bottom: 0; line-height: 1.222;} .custom-row-similar-products-slider .custom-text-03 {font-size: 95%; font-weight: 600; color: #202020; margin-bottom: 0; line-height: 1.4; background: #fff; text-align: center; padding: 0.75em .5em 0 .5em; overflow: hidden; height: 4.4em; border-bottom: .75em solid #fff;} .custom-row-similar-products-slider .custom-carousel {position: relative; margin-top: -.5rem; padding: 0 4em 0 4em; max-height: 600px; overflow: hidden;} .custom-row-similar-products-slider .custom-carousel .slick-list {padding: .375em 0 .375em 0;} .custom-row-similar-products-slider .custom-slider-link {background-color: transparent;} .custom-row-similar-products-slider .custom-slider-link:hover {background-color: transparent;} .custom-row-similar-products-slider .custom-slider-back {margin-left: -15px;} .custom-row-similar-products-slider .custom-slider-fwd {margin-right: -15px;} /* Row Product Catalogs Slider */ .custom-row-product-catalogs-slider {overflow: hidden; overflow-x: hidden;} .custom-row-product-catalogs-slider .custom-container {max-width: 1780px;} .custom-row-product-catalogs-slider .custom-slide {height: 100%; text-align: left;} .custom-row-product-catalogs-slider .custom-slide a {display: block; text-decoration: none; color: #fff; width: 100%; height: 100%; padding: 0 8% 0 8%;} .custom-row-product-catalogs-slider .custom-slide-img-container {position: relative; background: #fff; overflow: hidden;} .custom-row-product-catalogs-slider .custom-slide-img {position: relative; padding-bottom: 145%;} .custom-row-product-catalogs-slider .custom-slide-img img {position: absolute; display: block; width: 100% !important; height: auto !important; top: 0; bottom: auto; left: -50%; right: -50%; margin: auto; border: 2px solid #e5e5e5;} .custom-row-product-catalogs-slider .custom-text {padding: 0 1em .425em 1em;} .custom-row-product-catalogs-slider .custom-text-01 {font-weight: 600; color: #202020; margin-bottom: 0; line-height: 1.4; padding: 0.5em 0 0 0; min-height: 4em; overflow: hidden;} .custom-row-product-catalogs-slider .custom-text-01 span span {font-weight: 400; color: #707070;} .custom-row-product-catalogs-slider .custom-link-icon {color: #202020; padding-left: 2.75em; padding-top: .5em; transform: scale(1) !important; position: relative;} .custom-row-product-catalogs-slider .custom-link-icon-pdf::before {font-size: 170%; left: 0; top: .5em; background-position: center top;} .custom-row-product-catalogs-slider .custom-carousel {position: relative; margin-top: -.5rem; padding: 0 4em 0 4em; max-height: 600px; overflow: hidden;} .custom-row-product-catalogs-slider .custom-carousel .slick-list {padding: .375em 0 .375em 0;} .custom-row-product-catalogs-slider .custom-slider-link {background-color: transparent;} .custom-row-product-catalogs-slider .custom-slider-link:hover {background-color: transparent;} .custom-row-product-catalogs-slider .custom-slider-back {margin-left: -15px;} .custom-row-product-catalogs-slider .custom-slider-fwd {margin-right: -15px;} /* Row GH Logo Slider */ .custom-row-logo-slider {overflow: hidden; overflow-x: hidden; padding-bottom: 2em;} .custom-row-logo-slider .container {padding: 0;} .custom-row-logo-slider .custom-row-title {margin-bottom: 2rem;} .custom-row-logo-slider .custom-carousel {height: 8em; max-height: 300px; position: relative; padding: 0;} .custom-row-logo-slider .custom-carousel .custom-gradient {position: absolute; top: 0; height: 100%; width: 1.5em; z-index: 1;} .custom-row-logo-slider .custom-carousel .custom-gradient-left {left: 0; background: rgb(255,255,255); background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);} .custom-row-logo-slider .custom-carousel .custom-gradient-right {right: 0; background: rgb(255,255,255); background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);} .custom-row-logo-slider .custom-slide {height: 8em; display: block; position: relative; overflow: hidden;} .custom-row-logo-slider .custom-slide img {margin: auto; width: 76%; height: 40%; object-fit: contain; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);} /* Row Case Studies */ .custom-row-casestudies-slider {height: 38em; padding-top: 0 !important; padding-bottom: 0 !important; position: relative; overflow: hidden; overflow-x: hidden;} .custom-row-casestudies-slider > .container {position: absolute; padding-top: 3em; padding-bottom: 3em; top: 0; left: -50%; right: -50%; margin: auto; text-align: center;} .custom-row-casestudies-slider .custom-slide {height: 100%; text-align: left;} .custom-row-casestudies-slider .custom-slide a {min-height: 24em; display: block; text-decoration: none; color: #fff;} .custom-row-casestudies-slider a.custom-reference {height: 100%; background: #707070;} .custom-row-casestudies-slider a.custom-reference .custom-text {padding: 1.15em 1.5em 1.5em 1.5em;} .custom-row-casestudies-slider a.custom-reference .custom-text-01 {font-size: 120%; font-weight: 300; color: #fff; margin-bottom: .25em; line-height: 1.222;} .custom-row-casestudies-slider a.custom-reference .custom-text-02 {font-size: 175%; font-weight: 300; color: #fff; margin-bottom: .5em; line-height: 1.222;} .custom-row-casestudies-slider a.custom-reference .custom-text-03 {font-size: 100%; font-weight: 400; color: #fff; margin-bottom: .25em; line-height: 1.444;} .custom-row-casestudies-slider a.custom-reference .custom-link {padding: 0 .75em .75em 1.5em; margin-top: auto;} .custom-row-casestudies-slider a.custom-reference .custom-link-icon-arrow-w {display: block; padding: 2.025em 0 .525em 3.25em; font-size: 125%; color: #fff;} .custom-row-casestudies-slider a.custom-reference .custom-link-icon-arrow-w::before {left: auto; right: 0; width: 2.25em; height: 2.25em;} .custom-row-casestudies-slider a.custom-reference .custom-link-icon-arrow-w:hover {transform: none;} .custom-row-casestudies-slider .custom-carousel {position: relative; margin-top: -.5rem; padding: 0 4em 0 4em;} .custom-row-casestudies-slider .custom-carousel .slick-list {padding: .375em 0 .375em 0;} .custom-row-casestudies-slider .custom-slider-link {background-color: transparent;} .custom-row-casestudies-slider .custom-slider-link:hover {} .custom-row-casestudies-slider .custom-slider-back {margin-left: -15px;} .custom-row-casestudies-slider .custom-slider-fwd {margin-right: -15px;} /* Row Company */ .custom-row-company {} .custom-row-company .custom-company-container {text-align: left; padding: 1.5em 1.5em 1em 1.5em;} .custom-row-company .custom-company-container:hover {text-decoration: none;} .custom-row-company .custom-company-container-01 .custom-link {margin-bottom: 2em;} .custom-row-company .custom-img-cover {height: 0; padding-bottom: 60%;} .custom-row-company .btn {width: 100%; margin-top: .5em;} .custom-row-company .btn:hover {transform: none;} .custom-row-company .custom-link {} .custom-row-company .custom-link-icon-arrow {font-size: 115%;} .custom-row-company .custom-link-icon-arrow:hover {transform: none;} .custom-row-company .custom-link-icon-arrow::before {height: 1.5em;} .custom-row-company .custom-company-container-02 .custom-link, .custom-row-company .custom-company-container-03 .custom-link {margin-top: auto; margin-left: auto; margin-right: -1.25em; margin-bottom: 2em;} /* Row Company Slider */ .custom-row-company-slider {overflow: hidden; padding-top: 0 !important; padding-bottom: 0 !important;} .custom-row-company-slider .custom-container-slider {margin-top: -1em} .custom-row-company-slider .custom-slide {height: 100%; text-align: left; position: relative; padding-right: .2em;} .custom-row-company-slider .custom-slide::before {content: ' '; position: absolute; top: 0; left: 0.225em; width: 1.375em; height: 1.375em; background-color: #e30613; border: .2em solid #fff; border-radius: 50%;} .custom-row-company-slider .custom-slide > div {display: block; text-decoration: none; width: 100%; height: 100%; border-left: 4px dotted #fff; padding: 0 0 1em 1em;} .custom-row-company-slider .custom-slide-img {position: relative; height: 0; padding-bottom: 70%; overflow: hidden;} .custom-row-company-slider .custom-slide-img > img {position: absolute; display: block; width: 100% !important; height: 100%; top: auto; bottom: auto; object-fit: cover; background: #fff;} .custom-row-company-slider .custom-date {display: block; font-size: 220%; line-height: 2.25; font-weight: 500; padding-bottom: 1.25rem;} .custom-row-company-slider .custom-date span {font-size: 1rem;} .custom-row-company-slider .custom-text {padding: 1.25em 0 0 0; min-height: 8.5em;} .custom-row-company-slider .custom-carousel {position: relative; margin-top: 0; padding: 0 4em 0 4em; max-height: 520px; overflow: hidden;} .custom-row-company-slider .custom-carousel .slick-list {padding: .375em 0 0 0;} .custom-row-company-slider .custom-slider-link {background-color: transparent;} .custom-row-company-slider .custom-slider-link:hover {background-color: transparent;} .custom-row-company-slider .custom-slider-back {margin-left: -15px;} .custom-row-company-slider .custom-slider-fwd {margin-right: -15px;} /* Container Newsletter */ .custom-newsletter-container {display: block; text-align: left; padding: 1.5em;} .custom-newsletter-container:hover {color: inherit; text-decoration: none;} .custom-newsletter-container .custom-btn-outline-light {padding: .525em 2em .575em 2em; width: 100%;} /* Container Contact */ .custom-container-contact {font-weight: 500;} /* Row Quotes */ .custom-row-quotes {padding-top: 0; padding-bottom: 0; overflow: hidden;} .custom-row-quotes .custom-quotes {width: 100%; position: relative; top: 0; overflow: hidden; background: url(/img/icon-quotes.png) center 4em no-repeat; background-size: 3em auto;} .custom-row-quotes .custom-carousel {position: relative; padding-top: 8.25em; min-height: 23rem; } .custom-row-quotes .carousel .container {} .custom-row-quotes .carousel .text-center p {font-size: 170%; font-weight: 300; line-height: 1.4; margin-bottom: 1.75rem;} .custom-row-quotes .carousel .text-center small {font-size: 100%; font-weight: 500; line-height: 1.333;} .custom-row-quotes .carousel-control-prev-icon, .custom-row-quotes .carousel-control-next-icon {background-image: none;} /* Row Textblock */ .custom-row-textblock {} .custom-row-textblock > .custom-pr {padding-right: 4em;} .custom-row-textblock .custom-textblock-container {text-align: left; padding: 1.5em 1.5em 1em 1.5em; position: relative;} .custom-row-textblock .custom-textblock-container > .custom-pr {padding-right: 3em;} .custom-row-textblock .custom-stopper {top: .75em; right: 1em; width: 3.25em; height: 3.25em; background: url(/img/icon-info.png) center center no-repeat; background-size: 100% auto;} .custom-row-textblock.bg-white {padding-top: 1.5em; padding-bottom: 1.5em;} .custom-row-textblock .custom-img-container {margin-top: 1.5em; margin-bottom: 1.5em;} .custom-row-textblock .custom-img-container a {display: block;} .custom-row-textblock .custom-img-container img {width: 100%; height: auto;} .custom-row-textblock .custom-img-container figcaption {text-align: center; font-style: italic;} .custom-row-textblock .custom-img-border {border: 2px solid #e5e5e5;} .custom-row-textblock .custom-w-50 {width: 50%} .custom-row-textblock .custom-w-25 {width: 25%} .custom-row-textblock ul {margin-bottom: 1.5em;} /* Row Maps */ .custom-row-maps {padding-bottom: 0; margin-bottom: -3px;} .custom-row-maps iframe {padding-bottom: 0; height: 22em;} /* Bildergalerien */ .custom-gallery-container {position: relative; margin-bottom: 4.75em; max-height: 14em; overflow: hidden;} .custom-gallery-container .custom-slider-link {top: 58%;} .custom-gallery-container .slick-slide img {border-right: .425em solid #fff; height: 14em;} .custom-gallery-container.custom-gallery-fairs {margin-bottom: 0; max-height: 18em; overflow: hidden;} .custom-gallery-container.custom-gallery-fairs .slick-slide img {height: 18em;} .custom-gallery-container.custom-gallery-fairs .custom-slider-link {top: 50%;} .custom-gallery-container.custom-gallery-fairs .slick-prev:hover, .custom-gallery-container.custom-gallery-fairs .slick-next:hover {background-size: auto 60%;} .slick-slide img {background-color: #fff;} /* Slick Lightbox */ .slick-lightbox .slick-prev, .slick-lightbox .slick-next {width: 3.5rem; height: 3.5rem; background-size: auto 55%; background-repeat: no-repeat; z-index: 2;} .slick-lightbox .slick-prev {background-image: url(/img/icon-slider_back-w.png); background-position: 55% center;} .slick-lightbox .slick-next {background-image: url(/img/icon-slider_fwd-w.png); background-position: 55% center;} .slick-lightbox .slick-prev:before, .slick-lightbox .slick-next:before {display: none;} .slick-lightbox-close {font-size: 130%; width: 1.75rem; height: 1.75rem; right: 1rem;} .slick-lightbox-close::before {content: ''; display: block; width: 100%; height: 100%; background: url(/img/icon-close-w.png) center center no-repeat; background-size: 80% auto; opacity: 1;} .slick-lightbox-close:hover::before {background-size: 90% auto;} .slick-lightbox .slick-lightbox-slick-caption {display: block; line-height: 1.4;} /* Box GoogleMaps */ .box-custom-google-maps {margin-bottom: 3em;} /* Intro */ .custom-intro {height: 16.75em; position: relative; overflow: hidden;} .custom-intro img {display: block; position: absolute; width: 100% !important; height: 100% !important; top: auto; bottom: auto; object-fit: cover; transform: scale(1.025); /* mozilla stop flickering */ -moz-transform: scale(1.025) rotate(0.02deg);} .custom-intro-plain {height: 6em !important;} .custom-intro.custom-intro-xl {height: 28em;} .custom-intro.custom-intro-xl .custom-intro-claim {position: absolute; top: 40%; left: 18%; text-align: left; max-width: 88%; z-index: 2; font-size: 150%;} .custom-intro.custom-intro-xl .custom-intro-claim h3 {color: #fff; font-size: 130%; font-weight: 300; display: inline;} .custom-intro.custom-intro-xl .custom-intro-claim h3 span {display: inline-block; padding: 9px 15px 5px 15px;} .custom-intro.custom-intro-xl .custom-intro-claim .custom-space-multiline {height: 5px;} /* Rubrikenseiten +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /* Home */ .custom-home .custom-slider {height: 36em;} /* Products */ .custom-products .custom-slider {height: 28em;} .custom-products .custom-slider-claim {top: 53.25%;} .custom-products .custom-intro {position: relative; height: 18.5rem;} .custom-products .custom-title-cat {padding: .75em 0 .5em 11.5em; position: relative;} .custom-products .custom-title-cat h1 {margin-bottom: .25em;} .custom-products .custom-title-cat img {width: 10.25em; height: auto; position: absolute; left: -1rem; top: -.5rem;} .custom-products .custom-section-main > .container {position: relative;} .custom-products .custom-btn-search {position: absolute; right: .5em; top: 0.125em;} /* Products ContentNav */ .custom-products .custom-intro .custom-subnav-container {position: absolute; left: 0; bottom: 0; width: 100%; background: #70706fcc; z-index: 1;} .custom-products .custom-intro .custom-subnav-container .row {display: block !important; font-size: 110%; text-align: left;} .custom-products .custom-intro .custom-subnav-container .col-custom {width: auto !important; display: inline-block !important; margin: 0 !important; padding: 0 !important;} .custom-products .custom-intro a.custom-subnav-link-product {color: #fff; padding: 0 1.25em; border: 0;} .custom-products .custom-intro a.custom-subnav-link-product:hover {background-color: #fff; color: #e30613; text-decoration: none; transform: none;} .custom-products .custom-intro a.custom-subnav-link-product.active {background-color: #fff; color: #e30613; font-weight: 600;} .custom-products .custom-intro a.custom-subnav-link-product span {display: block; line-height: 2.7; padding-top: .1em;} .custom-products .custom-intro a.custom-subnav-link-product div {display: none;} .custom-products .custom-anchor-aim a {top: -10em;} /* Products ContentNav: Categories */ .custom-products .custom-cat-container {padding-bottom: 4em; text-align: left;} .custom-products .custom-cat-container a.custom-subnav-link {width: 24%; display: inline-block; float: left; margin-right: 1.3333%; border-bottom: 2px solid #e5e5e5; margin-top: -2px;} .custom-products .custom-cat-container a.custom-subnav-link:nth-child(4n) {margin-right: 0;} .custom-products .custom-cat-container a.custom-subnav-link.active::after{display: none;} /* Products: Overview */ .custom-products .custom-row-filter {padding-top: .65em; padding-bottom: 1.25em;} .custom-products .custom-sort {width: 13em; margin-top: .65em;} .custom-products .custom-form-sort {margin-top: auto;} .custom-products .custom-row-products-overview {padding-top: 0; padding-bottom: 0; overflow: hidden;} .custom-products .custom-row-products-overview .container {padding-top: 2em; padding-bottom: 1.5em;} .custom-products .custom-row-products-overview .custom-link-wrap {display: block;} .custom-products .custom-row-products-overview .custom-img-contain {padding-bottom: 80%; height: 0; display: block; overflow: visible; position: relative;} .custom-products .custom-row-products-overview .custom-img-contain > img {display: block; position: absolute; width: 100% !important; height: 100% !important; top: auto; bottom: auto; object-fit: contain; border-bottom: 1em solid transparent;} .custom-products .custom-row-products-overview .custom-flag {margin-right: .5em; text-align: right; position: static; z-index: 1;} .custom-products .custom-row-products-overview .custom-flag img {display: inline-block; height: 2.425em; width: auto; background-color: rgb(255,255,255,.65); border: 1px solid #e6e6e6; margin-bottom: .25em;} .custom-products .custom-row-products-overview .custom-title-link {font-size: 165%; padding: .35em 1.5em .15em .35em; font-weight: 300; position: relative;} .custom-products .custom-row-products-overview .custom-title-link::after{content: ' '; display: block; height: 1.5em; width: .75em; position: absolute; right: .375em; top: -50%; bottom: -50%; margin: auto;background: url(/img/icon-arrow-r-w.png) right center no-repeat; background-size: auto 50%;} .custom-products .custom-row-products-overview .btn {width: 7.75em; margin-left: .625em;} .custom-products .custom-row-products-overview .custom-text li br {display: none;} .custom-products .custom-item {margin-bottom: .825em;} .custom-products .custom-item a {text-decoration: none; color: inherit;} .custom-products .custom-item a:hover {text-decoration: none; color: inherit;} .custom-products .custom-item h3 {margin-bottom: .5em;} .custom-products .custom-item h2 {margin-bottom: 1em; font-weight: 600;} .custom-products .custom-item .custom-text {display: block; padding: 1em 0 1em .25em; line-height: 1.4;} .custom-products .custom-item .custom-text p {} .custom-products .custom-item .custom-text p span, .custom-products .custom-item .custom-text li span {font-family: 'hind', sans-serif !important; font-size: 1em !important; font-weight: 500 !important; color: inherit !important;} /* Products Details */ .custom-products-detail {} .custom-products-detail .custom-breadcrumb {margin-bottom: .75rem;} .custom-products-detail .custom-row-products-detail {padding-top: 0; padding-bottom: 0; overflow: hidden;} .custom-products-detail .custom-row-products-detail .container {padding-top: 2em; position: relative;} .custom-products-detail .custom-row-products-detail .container .container {max-width: 100%;} .custom-products-detail .custom-row-products-detail .custom-img-contain {padding-bottom: 78%; height: 0; display: block; position: relative; overflow: visible;} .custom-products-detail .custom-row-products-detail .custom-img-contain .custom-zoom-pic {border-bottom: 1em solid transparent;} .custom-products-detail .custom-row-products-detail .custom-flag {margin-right: .5em; text-align: right;} .custom-products-detail .custom-row-products-detail .custom-flag img {display: inline-block; height: 2.65em; width: auto; margin-left: 0; margin-bottom: .25em; border: 1px solid #e6e6e6;} .custom-products-detail .custom-row-products-detail .custom-title {font-size: 165%; padding: .285em .35em .15em .35em; font-weight: 300; position: relative;} .custom-products-detail .custom-row-products-detail .btn {width: 6.75em; margin-left: .625em;} .custom-products-detail .custom-row-products-detail .custom-product-codes {margin-top: 2em;} .custom-products-detail .custom-row-products-detail .custom-product-codes.custom-light span {font-weight: 300 !important;} .custom-products-detail .custom-row-products-detail .custom-thumbnails {text-align: left; padding-top: 1.5em;} .custom-products-detail .custom-row-products-detail .custom-thumbnails a {width: 23%; padding: 2%; margin-right: 2%; margin-bottom: 3%; display: block; float: left; border: 2px solid #dedede; position: relative;} .custom-products-detail .custom-row-products-detail .custom-thumbnails a:nth-child(5n) {} .custom-products-detail .custom-row-products-detail .custom-thumbnails a .custom-img-contain {margin-top: 0; padding-bottom: 95%; height: 0; display: block; overflow: hidden;} .custom-products-detail .custom-row-products-detail .custom-infotext {background-color: #f0f0f0; padding: 1.25em 1.75em 1.125em 1.625em; margin-bottom: 0;} .custom-products-detail .custom-row-products-detail .custom-infotext p {padding-left: 2.25em; font-weight: 400; margin: 0; position: relative;} .custom-products-detail .custom-row-products-detail .custom-infotext p::before {content: ' '; position: absolute; top: -.325em; left: 0; width: 2em; height: 2em; background: url(/img/icon-infotext.png) center center no-repeat; background-size: 65% auto;} .custom-products-detail .custom-row-products-detail .custom-infotext a {color: #009bda; text-decoration: underline;} .custom-products-detail .custom-row-products-detail .custom-infotext a:hover{color: #e30613;} .custom-products-detail .custom-row-products-detail .custom-product-data {padding: 0; border: 2em solid #f0f0f0;} .custom-products-detail .custom-row-products-detail .custom-product-data-content {border: 2px solid #ccc; border-top: none; text-align: left; padding: 3.5em 2.5em;} .custom-products-detail .custom-row-products-detail .custom-product-data-content .custom-link-row {display: inline-block; width: 48.95%; margin-top: .375em; margin-bottom: .375em; margin-right: 1.5%;} .custom-products-detail .custom-row-products-detail .custom-product-data-content .custom-link-row:nth-child(2) {border-top: 2px dotted #dedede;} .custom-products-detail .custom-row-products-detail .custom-product-data-content .custom-link-row:nth-child(2n) {margin-right: 0;} .custom-products-detail .custom-row-products-detail .custom-product-data-content a.custom-restricted {padding-right: 2.75em; position: relative;} .custom-products-detail .custom-row-products-detail .custom-product-data-content a.custom-restricted::after {content: ' '; display: block; position: absolute; right: .5em; width: 1.375em; height: 1em; top: .875em; margin-top: 0; bottom: auto; background-position: center center; background-size: 100% auto; background-repeat: no-repeat; background-image: url(/img/icon-restricted.png);} .custom-products-detail .custom-row-products-detail .custom-product-data-content .custom-link-row.custom-link-icon.custom-restricted::before{opacity: .375;} .custom-products-detail .custom-row-products-detail .custom-text li br {display: none;} .custom-products-detail .custom-table-data {width: 100%; border-top: 2px dotted #ccc;} .custom-products-detail .custom-table-data tr {} .custom-products-detail .custom-table-data th {border-bottom: 2px dotted #ccc; font-weight: 400;} .custom-products-detail .custom-table-data td {border-bottom: 2px dotted #ccc;} .custom-products-detail .custom-table-data th span, .custom-products-detail .custom-table-data td span {padding: .5em; width: auto; height: 100%; display: block; margin: 1px; width: 100%;} .custom-products-detail .custom-table-data td:even span {padding: .5em; width: auto; height: 100%;} .custom-products-detail .custom-table-data .label {width: 25%; } .custom-products-detail .custom-table-data .label span {padding: .5em; color: #fff; background: #009bda;} .custom-products-detail .custom-row-combinable-products-slider {border: 2em solid #f0f0f0; border-top: 0px;} .custom-products-detail .custom-row-combinable-products-slider .custom-position {border: 2px solid #ccc; padding: 1em 0 1.5em 0; background-color: #fff; max-width: 100%;} .custom-products-detail .custom-row-combinable-products-slider h5 {text-align: left; margin-bottom: 0;} .custom-products-detail .custom-row-combinable-products-slider .custom-text {padding-top: .5em; padding-bottom: .5em;} .custom-products-detail .custom-row-videos {overflow: hidden; border: 2em solid #f0f0f0; border-top: 0px;} .custom-products-detail .custom-row-videos .custom-position {border: 2px solid #ccc; padding: 1em 0 1.5em 0; background-color: #fff; max-width: 100%;} .custom-products-detail .custom-row-videos h5 {text-align: left; margin-bottom: 0;} .custom-products-detail .custom-row-videos .custom-text {padding-top: .5em; padding-bottom: .5em;} .custom-products-detail .custom-keywords {text-align: right; margin-top: -2.75em; margin-bottom: 2.25em; padding-bottom: 1em; font-size: 85%;} .custom-products-detail .custom-keywords h4 {color: #202020;} /* Products Favorites */ .custom-products-favorites {} .custom-products-favorites .custom-btn-save {margin-top: .25em; margin-right: 1em;} .custom-products-favorites .custom-title .custom-btn-edit {margin-top: .25em;} .custom-products-favorites .custom-row-products-overview .custom-row-bottom {border-top: 2px solid #f0f0f0; border-bottom: 2px solid #f0f0f0; padding: .75em 0 .75em 0; margin: 0;} .custom-products-favorites .custom-row-products-overview .custom-row-bottom .custom-text {padding: .5em 1.25em .425em 2.75em; position: relative;} .custom-products-favorites .custom-row-products-overview .custom-row-bottom .custom-text p {margin-bottom: 0;} .custom-products-favorites .custom-row-products-overview .custom-row-bottom .custom-text .custom-btn-edit {position: absolute; left: -.625rem; right: auto; top: .375rem; bottom: auto;} .custom-products-favorites .custom-row-products-overview .custom-row-bottom .custom-quantity {width: 10em; margin-left: .75em; text-align: right; position: relative;} .custom-products-favorites .custom-row-products-overview .custom-row-bottom .custom-quantity .btn {position: absolute; right: -2px; left: auto; top: .2em; bottom: auto;} .custom-products-favorites .custom-row-products-overview .custom-row-bottom label {padding-right: .5em;} .custom-products-favorites .custom-row-products-overview .custom-row-bottom input {padding-left: .5em;} .custom-products-favorites .custom-row-products-overview .custom-row-bottom .form-edit-quantity {width: 5.5em;} .custom-products-favorites .form-edit-title {margin-top: -.425rem; margin-bottom: .4155rem; padding: 0 1rem 0 .5rem; font-size: 310%; font-weight: 300; border: 2px solid #e30613; letter-spacing: -.01em; height: calc(1.125em + .75rem + 2px);} .custom-products-favorites .form-edit-comment {margin-top: -.425rem; width: 80%; border: 2px solid #e30613; font-weight: 300;} .custom-products-favorites .custom-row-bottom .form-edit-comment {margin-top: 0; width: 100%; border: 2px solid #e30613; font-weight: 300;} .custom-products-favorites .form-edit-title:focus, .custom-products-favorites .form-edit-quantity:focus {border-color: #e30613;} /* Case Studies/Referenzen: Übersichtsseite */ .custom-references {} .custom-references a.custom-reference {height: 100%; min-height: 25em; background: #707070; text-decoration: none; color: #fff;} .custom-references a.custom-reference .custom-text {padding: 1.15em 1.5em 1.5em 1.5em;} .custom-references a.custom-reference .custom-text-01 {font-size: 120%; font-weight: 300; color: #fff; margin-bottom: .25em; line-height: 1.222;} .custom-references a.custom-reference .custom-text-02 {font-size: 175%; font-weight: 300; color: #fff; margin-bottom: .5em; line-height: 1.222;} .custom-references a.custom-reference .custom-text-03 {font-size: 100%; font-weight: 400; color: #fff; margin-bottom: .25em; line-height: 1.444;} .custom-references a.custom-reference .custom-link {padding: 0 .75em .75em 1.5em; margin-top: auto;} .custom-references a.custom-reference .custom-link-icon-arrow-w {display: block; padding: 2.025em 0 .525em 3.25em; font-size: 125%; color: #fff;} .custom-references a.custom-reference .custom-link-icon-arrow-w::before {left: auto; right: 0; width: 2.25em; height: 2.25em;} .custom-references a.custom-reference .custom-link-icon-arrow-w:hover {transform: none;} /* Company */ .custom-company {} .custom-company .custom-container-facts:first-of-type {margin-top: .25rem;} .custom-company .custom-container-facts p {font-size: 133%; font-weight: 300;} .custom-company .custom-container-facts .custom-img {width: 12em; margin: 0 auto .5em auto;} .custom-company .custom-container-facts .bg-primary.custom-anim-container {opacity: 0; -webkit-transition: opacity 1s ease; -moz-transition: opacity 1s ease; -moz-transition: opacity 1s ease; -o-transition: opacity 1s ease; transition: opacity 1s ease;} .custom-company .custom-container-facts .bg-primary.custom-anim-container.custom-anim {opacity: 1;} .custom-company .custom-container-facts .bg-primary.custom-anim-container-02 {animation-name: slidein; animation-duration: 2s;} .custom-company .custom-container-stopper {position: relative;} .custom-company .custom-container-stopper .custom-breadcrumb, .custom-company .custom-container-stopper h1, .custom-company .custom-container-stopper h2 {padding-right: 2em;} .custom-company .custom-container-stopper .custom-stopper {left: auto; top: .75em; right: .5em; width: 9.25em; height: auto; transform: rotate(12deg);} .custom-company .custom-container-stopper .custom-stopper img {width: 100%; height: auto;} .custom-company .custom-container-press {} .custom-company .custom-container-press .custom-press-release {padding: .85em 0 2em 0; border-bottom: 2px dotted #dedede;} .custom-company .custom-container-press .custom-press-release:first-of-type {margin-top: 2em; border-top: 2px dotted #dedede;} .custom-company .custom-container-press .custom-press-release .h4 {margin-bottom: .375em;} .custom-company .custom-container-press .custom-press-release p {margin-bottom: .5em;} .custom-company .custom-container-press .custom-press-release p.custom-date {margin-bottom: .75em; font-size: 100%; font-weight: 300;} .custom-company .custom-container-press .custom-press-release p.custom-link {margin-top: -.5em;} .custom-company .custom-container-press .custom-link-icon {padding: .85em 0 .75em 2.75em; font-weight: 400; color: inherit;} .custom-company .custom-container-press .custom-link-icon::before {left: 0; top: .25em; height: 1.5em; font-size: 138%;} .custom-company .custom-contact-card {border: 2px solid #f0f0f0; padding: 1.5em; margin: 0; width: 100%;} .custom-company .custom-contact-card .custom-col-img {width: 11em; max-width: 11em; padding: 0;} .custom-company .custom-contact-card .custom-col-img .custom-img {width: 100%; height: 0; margin: 0; padding-bottom: 100%; overflow: hidden; border-radius: 50%; position: relative;} .custom-company .custom-contact-card .custom-col-img .custom-img img {display: block; position: absolute; width: 100% !important; height: 100% !important; top: auto; bottom: auto; object-fit: cover;} .custom-company .custom-container-trainee-profile li {margin-bottom: .425em; color: #70706f;} .custom-company .custom-container-trainee-profile li span {font-weight: 500; font-style: italic; color: #202020;} .custom-company .custom-container-trainee-profile .custom-img-cover {height: 0; padding-bottom: 133%;} /* Contact: Contact Groups */ .custom-contact .custom-row-contact-group {height: 28em; position: relative; padding-top: 1.5em; background: #dddddd url(/img/bg-row-contact-group.jpg) left bottom repeat-x; background-size: auto 25em;} .custom-contact .custom-row-contact-group img {position: absolute; bottom: 0; left: -150%; right: -150%; height: 25em; width: auto; margin: auto;} .custom-contact .custom-row-contact-group .container {position: absolute; top: 1.75em; left: 0; margin: auto; width: 100%; left: -50%; right: -50%; z-index: 1;} .custom-contact .custom-row-contact-info {padding-top: 1.5em; padding-bottom: 3.5em;} .custom-contact .custom-row-contact-info p.custom-legend {font-size: 90%; margin-bottom: .75em; font-weight: 300;} .custom-contact .custom-contact-info {border: 2px solid #e5e5e5; padding: 1em;} .custom-contact .custom-contact-info .custom-pic-container {margin-top: .5em; margin-bottom: 1.25em; height: 3.5em; width: 70%;} .custom-contact .custom-contact-info .custom-pic-container img {height: 100%; width: 100%; object-fit: contain; object-position: 0% 50%;} .custom-contact .custom-contact-info .custom-pic-container a img:hover {transform: scale(1) !important;} .custom-contact .custom-contact-info .custom-pic-container a:hover {opacity: .5;} .custom-contact .custom-row-pics {height: 25vW;} .custom-contact .custom-row-contact-group.custom-height {height: auto; padding-bottom: 1.25em;} .custom-contact .custom-row-contact-group.custom-height .container {position: static;} .custom-contact .custom-row-contact-group.custom-height .container h3 {margin-bottom: 0;} .custom-contact .custom-row-contact-group.custom-height .container h3 {margin-bottom: 0;} /* Service: Datenschutz */ .custom-service .custom-column-count {-webkit-column-count: 1; -moz-column-count: 1; column-count: 1; -webkit-column-gap: 1rem; -moz-column-gap: 1rem; column-gap: 1rem;} .custom-service .custom-column-count span {position: relative; display: block; padding-left: 1em; page-break-inside: avoid; break-inside: avoid-column; -webkit-column-break-inside: avoid; overflow: hidden;} .custom-service .custom-column-count span:before {position: absolute; display: block; width: 1em; height: 1em; left: 0; top: 0; content: '↓ ';} } /* Service: FAQ */ .custom-service .custom-stopper {top: 1em; right: 1.5em; width: 3em; height: 3em; background: url(/img/icon-info.png) center center no-repeat; background-size: 100% auto;} /* Service: Software / Firmware */ .custom-tree {} .custom-tree .custom-link-group {padding-left: 2em;} .custom-tree > .custom-link-group {background: #fff; border: 2px solid #ccc; padding-left: 1.125em; padding-right: 3.5em; padding-top: .5em; padding-bottom: 0; margin-bottom: 1.5em;} .custom-tree .custom-link-group .custom-description {margin-top: .25em; margin-left: .125em; margin-bottom: .625em;} .custom-tree .custom-link-group .custom-link {display: block; position: relative; width: 100%; padding: .625em 2em .5em 2rem; font-weight: 700; text-decoration: none; line-height: 1.222; border-top: 2px dotted #ccc;} .custom-tree > .custom-link-group > .custom-link-item .custom-link {border-top: 0; margin-bottom: .25em; font-size: 120%; font-weight: 600;} .custom-tree > .custom-link-group > .custom-link-item .custom-link .fas{top: .575em;} .custom-tree .custom-link-group .custom-link span {color: #373737;} .custom-tree .custom-link-group .custom-link:hover span, .custom-tree .custom-link-group .custom-link:focus span, .custom-tree .custom-link-group .custom-link .fas, .custom-tree .custom-link-group .custom-link:hover .fas, .custom-tree .custom-link-group .custom-link:focus .fas {color: #009bda;} .custom-tree .custom-link-group .custom-link .fas {position: absolute; top: .375em; left: 0; font-size: 1.275rem; margin-left: 0; margin-right: .5em;} .custom-tree .custom-link-group .custom-link-item.custom-active .custom-link, .custom-tree .custom-link-group .custom-link-item.custom-active .custom-link span {color: #e30613;} .custom-tree .custom-link-group .custom-link-item.custom-active .custom-link:hover .fas {color: #e30613;} .custom-tree .custom-link-group .custom-link-item .custom-icon-02 {display: none;} .custom-tree .custom-link-group .custom-link-item.custom-active .custom-icon-01 {display: none} .custom-tree .custom-link-group .custom-link-item.custom-active .custom-icon-02 {display: inline-block;} .custom-tree .custom-downloads-group {background: #f0f0f0; margin-top: 1.825em; margin-bottom: 1.25em; padding: 1em 1em;} .custom-tree .custom-downloads-group .custom-sort {margin-bottom: 1.5em;} .custom-tree .custom-downloads-group .custom-download-item {background: #fff; border: 1px solid #d3d3d3; padding: 1em; margin-bottom: 1em; text-align: left;} .custom-tree .custom-downloads-group .custom-download-item .custom-btn-download {margin-left: .375em;} .custom-tree .custom-downloads-group .custom-download-item .custom-title {width: 30%; float: left; margin-top: .925em;} .custom-tree .custom-downloads-group .custom-download-item .custom-text {width: 100%; padding-top: .825em;} .custom-tree .custom-downloads-group .custom-download-item .custom-products {float: left; width: 30%; padding-top: .825em;} .custom-tree .custom-downloads-group .custom-download-item .custom-info {width: 70%; float: right; text-align: right; padding-top: .125em;} .custom-tree .custom-downloads-group .custom-download-item .custom-info > span {display: inline-block; margin-right: 1em;} .custom-tree .custom-downloads-group-border {margin-top: 2.5em; position: relative;} .custom-tree .custom-downloads-group-border::before {content: ' '; display: block; position: absolute; top: -2.5em; left: 0; width: 100%; height: 1em; border-top: 2px dotted #ccc;} .custom-tree .custom-container-link-collapse {margin-left: 2em; border-top: 2px dotted #ccc;} .custom-tree .custom-container-link-collapse .custom-link-collapse {display: block; margin-top: 2em; margin-bottom: 1em; transform: translate(2em, 0);} .custom-tree .custom-downloads-group-newest .custom-download-item .custom-title {width: 100%; margin-top: .25em; margin-bottom: 0em;} .custom-tree .custom-downloads-group-newest .custom-download-item .custom-text {padding-top: 1em;} .custom-tree .custom-downloads-group-newest .custom-download-item .custom-products {width: 100%; margin-top: -.5em; padding-top: 0; padding-bottom: 1.5em;} .custom-tree .custom-downloads-group-newest .custom-download-item .custom-info {width: 100%; text-align: right; padding-top: .25em;} .custom-tree .custom-downloads-group-newest .custom-download-item .custom-info p {text-align: left;} .custom-tree .custom-downloads-group-newest .custom-download-item .custom-info > span {display: inline-block; margin-right: 1em;} .custom-search-results .custom-breadcrumb {margin: 0;} .custom-search-results .custom-breadcrumb p {margin-bottom: 0;} .custom-search-results .custom-breadcrumb span {white-space: nowrap;} .custom-search-results .custom-downloads-group {margin-top: -1.5em; padding: 0; background: transparent;} /* News: Übersichtsseite */ .custom-news {} .custom-news .custom-topnews-container {border: 1.75em solid #f0f0f0; margin-top: 2.5em; margin-bottom: 4em;} .custom-news .custom-overview .custom-link-container {display: block; padding: 1em 0 1em 0; text-decoration: none; color: inherit; border-top: 2px solid #f0f0f0; transform: none !important;} .custom-news .custom-overview .custom-link-container:last-of-type {border-bottom: 2px solid #f0f0f0;} .custom-news .custom-overview .custom-link-container .custom-pic-container {width: 30%; float: right; margin: 0 0 1.5em 4%;} .custom-news .custom-overview .custom-link-container .h4 {margin-bottom: .75em; display: block;} /* Messe: Termine: Übersichtsseite */ .custom-fairs .custom-accordion-dates .custom-img {float: left; width: 25%; margin: .5em 3em 2em 0;} /* Messe: Messeberichte: Übersichtsseite */ .custom-fairs .custom-overview {} .custom-fairs .custom-overview .custom-link-container {display: block; padding: 1em 0 1em 0; text-decoration: none; color: inherit; border-top: 2px solid #f0f0f0;} .custom-fairs .custom-overview .custom-link-container:last-of-type {border-bottom: 2px solid #f0f0f0;} .custom-fairs .custom-overview .custom-link-container .custom-link-icon:hover{transform: none;} .custom-fairs .custom-overview .custom-link-container .custom-pic-container {width: 19%; float: right; margin: .25em 0 2em 0;} .custom-fairs .custom-overview .custom-link-container p {width: 76%;} .custom-fairs .custom-overview .custom-link-container .h4 {margin-bottom: .75em; display: inline-block;} /* Artikelseiten */ .custom-article {padding: 0 17% 0 17%;} .custom-article .custom-pic-container {float: right; width: 33.333%; margin: 0 0 2em 2em;} .custom-article .custom-pic-container figcaption {text-align: center; font-style: italic;} .custom-article h1 {margin-bottom: .75em;} .custom-article h2, .custom-article h3, .custom-article h4, .custom-article h5 {clear: both; font-size: 125%; font-weight: 500; line-height: 1.3; margin-top: 2em; margin-bottom: 1em; color: #009bda;} .custom-article .custom-article-h1 {margin-bottom: .275em;} .custom-article .custom-article-h2 {font-size: 190%; font-weight: 300; line-height: 1.222; margin-top: 0; margin-bottom: .675em; color: #707070; letter-spacing: -.005em;} .custom-references .custom-article .custom-pic-container {float: left; width: 50%; margin: 0 2em 2em 0;} .custom-news .custom-article .custom-pic-container {float: left; width: 49%; margin: 0 2em 2em 0;} .custom-technology-trends .custom-article .custom-pic-container {float: left; width: 50%; margin: 0 2em 2em 0;} .custom-technology-trends .custom-teaser {margin-top: 0 !important; font-size: 125%; font-weight: 300; margin-top: 0; margin-bottom: 1.5rem; color: #202020; letter-spacing: -.005em;} .custom-references .custom-article .custom-pic-container.w-100, .custom-technology-trends .custom-article .custom-pic-container.w-100 {margin-top: .5em;} .custom-references .custom-article ul, .custom-technology-trends .custom-article ul {overflow: hidden;} .custom-references .custom-article h1, .custom-technology-trends .custom-article h1 {margin-bottom: 1.625rem;} .custom-references .custom-article h2, .custom-technology-trends .custom-article h2 {margin-bottom: 1.5rem; font-size: 175%; font-weight: 300;} /* Newsletter Archiv */ .custom-container-nlmailbody {line-height: 1.3;} .custom-container-nlmailbody .row {margin: 0;} .custom-container-nlmailbody table {display: table !important;} .custom-container-nlmailbody table tr {display: table-row;} .custom-container-nlmailbody table td {display: table-cell;} .custom-container-nlmailbody ul {margin-top: 10px; margin-bottom: 10px;} /* Downloads */ .custom-downloads .custom-text .custom-link-row {margin-top: 0; margin-bottom: 3.5em;} /* Downloads: Betriebsanleitungen */ .custom-link-manual {margin-top: 0; padding: .5em 2.25em .425em 0; font-size: 100%; border-bottom: 0; display: block; text-decoration: none !important; color: #fff !important; font-weight: 400; overflow: hidden;} .custom-link-manual.custom-link-icon::before, .custom-link-manual.custom-link-icon-w::before {left: auto; right: 0; bottom: auto;} .custom-link-manual .custom-title {background: #009bda; padding: .255em .5em .175em .5em; display: block; width: 40%; float: left; color: #fff;} .custom-link-manual .custom-text {color: #707070; padding: .255em 0 .175em .75em; display: block; width: 45%; float: left;} .custom-link-manual .custom-size {color: #707070; padding: .255em .25em .175em .5em; display: block; width: 5em; float: right; text-align: right;} .custom-download-container .custom-link-manual:last-of-type {border-bottom: 2px dotted #dedede;} /* Downloads: Dokumente */ .custom-link-doc {padding-bottom: 4.5em;} .custom-link-doc .custom-link-container {display: block; height: 100%; text-decoration: none !important; border-bottom: .425em solid #f0f0f0;} .custom-link-doc .custom-link-container .custom-height {position: relative; padding-bottom: 145%; padding-top: 0; height: 0; overflow: hidden;} .custom-link-doc .custom-link-container .custom-pic-container {position: absolute; position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important;} .custom-link-doc .custom-link-container .custom-pic-container img {border: 2px solid #e5e5e5;} .custom-link-doc .custom-link-container .custom-text {padding: .5em 0 .75em 0; font-weight: 600; color: #202020 !important; line-height: 1.4;} .custom-link-doc .custom-link-container .custom-link-icon {display: inline-block; padding-left: 2.5em; color: #202020;} .custom-link-doc .custom-link-container .custom-link-icon span {font-weight: 400; color: #707070;} .custom-link-doc .custom-link-container .custom-link-icon-pdf::before {font-size: 160%; left: 0; top: 0; background-position: center top;} .custom-link-doc .custom-link-container .custom-link-icon-zip::before {font-size: 160%; left: 0; top: 0; background-position: center top;} .custom-link-doc .custom-link-container .custom-text h3 {transform: none !important;} /* Downloads: Marketing */ .custom-download-container .custom-link-marketing {padding-bottom: 2.75em; border-top: 2px dotted #dedede;} .custom-download-container .custom-link-marketing a {border-bottom: none; padding-top: 2em;} .custom-download-container .custom-link-marketing:last-of-type {border-bottom: 2px dotted #dedede;} /* Login */ .custom-intro.custom-intro-login {height: 100%; min-height: 38.5em;} .custom-intro.custom-intro-login > .container {position: absolute; left: -50%; right: -50%; margin-x: auto; top: 6em; z-index: 1;} .custom-intro.custom-intro-login .custom-breadcrumb, .custom-intro.custom-intro-login .custom-breadcrumb a {color: #fff !important;} .custom-container-login > .row {min-height: 14.75em;} .custom-container-login .custom-title {font-size: 235%; margin-bottom: 1.175rem;} .custom-container-login .bg-primary {text-align: center;} .custom-container-login .bg-primary p {font-size: 120%; line-height: 1.4; font-weight: 300;} .custom-container-login .bg-primary b {font-weight: 600;} .custom-container-login .form-row {margin-bottom: .75rem;} /* Loader */ .custom-loader, .custom-loader:before, .custom-loader:after { border-radius: 50%; width: 2.5em; height: 2.5em; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation: load01 1.8s infinite ease-in-out; animation: load01 1.8s infinite ease-in-out; } .custom-loader { color: #0ba397; font-size: 10px; margin: 80px auto; position: relative; text-indent: -9999em; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-animation-delay: -0.16s; animation-delay: -0.16s; } .custom-loader:before, .custom-loader:after { content: ''; position: absolute; top: 0; } .custom-loader:before { left: -3.5em; -webkit-animation-delay: -0.32s; animation-delay: -0.32s; } .custom-loader:after { left: 3.5em; } @-webkit-keyframes load01 { 0%, 80%, 100% { box-shadow: 0 2.5em 0 -1.3em; } 40% { box-shadow: 0 2.5em 0 0; } } @keyframes load01 { 0%, 80%, 100% { box-shadow: 0 2.5em 0 -1.3em; } 40% { box-shadow: 0 2.5em 0 0; } } /* Loader Button Overlay */ .custom-btn-loader { position: relative; } .custom-btn-loader .custom-btn-loader-wrap { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #e30613; z-index: 1; overflow: hidden; pointer-events: none; } .custom-btn-loader .custom-loader-size { display: block; width: 100%; height: 100%; position: relative; transform: scale(.5); } .custom-btn-loader .custom-spinner { color: #fff; transform: translateY(-1em); display: block !important; } /* Spinner */ .custom-spinner, .custom-spinner:before, .custom-spinner:after { border-radius: 50%; width: 2.5em; height: 2.5em; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation: load02 1.8s infinite ease-in-out; animation: load02 1.8s infinite ease-in-out; } .custom-spinner { color: #d20000; font-size: 10px; margin: auto; position: relative; text-indent: -9999em; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-animation-delay: -0.16s; animation-delay: -0.16s; } .custom-spinner:before, .custom-spinner:after { content: ''; position: absolute; top: 0; } .custom-spinner:before { left: -3.5em; -webkit-animation-delay: -0.32s; animation-delay: -0.32s; } .custom-spinner:after { left: 3.5em; } @-webkit-keyframes load02 { 0%, 80%, 100% { box-shadow: 0 2.5em 0 -1.3em; } 40% { box-shadow: 0 2.5em 0 0; } } @keyframes load02 { 0%, 80%, 100% { box-shadow: 0 2.5em 0 -1.3em; } 40% { box-shadow: 0 2.5em 0 0; } } /* Configurator / SAT Planner */ .custom-intro.custom-intro-configurator {height: 100%; min-height: 50em; background-repeat: no-repeat; background-size: 100% auto; background-position: top center;} .custom-intro.custom-intro-configurator > img {z-index: -1; background-color: #020508;} .custom-intro.custom-intro-configurator > .container {margin-top: 7.5em;} .custom-intro.custom-intro-configurator .custom-breadcrumb, .custom-intro.custom-intro-configurator .custom-breadcrumb a {color: #fff !important;} .custom-container-configurator {padding: 1.75em 2.25em 2.25em 2.25em; background-color: #e8e8e8; min-height: 27em; position: relative;} .custom-container-configurator .custom-title {font-size: 105%;} .custom-container-configurator h4 {font-size: 120%;} .custom-container-configurator .custom-stepnav {margin-top: .375em; height: .425em; overflow: hidden;} .custom-container-configurator .custom-stepnav a {display: block; float: left; margin-right: 3px; width: calc(14.285% - 3px); height: 100%; background-color: #70706f; pointer-events: none; cursor: default;} .custom-container-configurator .custom-stepnav a.Active {background-color: #0ba397; pointer-events: auto; cursor: pointer;} .custom-container-configurator .custom-stepcontent {min-height: 15em;} .custom-container-configurator .custom-btn-outline-std {width: 100%; background-color: #fff; line-height: 1.111; font-size: 100%; margin-top: .25em; padding: .4775em .75em .4225em .75em;} .custom-container-configurator .custom-btn-arrow {width: 100%; padding-right: 0.75em;} .custom-container-configurator .custom-btn-arrow:hover {width: 100%} .custom-container-configurator .custom-img {width: 60%; margin: auto;} .custom-container-configurator .custom-img img {position: static; width: 100%; height: auto;} .custom-container-configurator .col-md-5 {-ms-flex: 0 0 38.666667%; flex: 0 0 38.666667%; max-width: 38.666667%;} .custom-container-configurator .col-md-7 {-ms-flex: 0 0 61.333333%; flex: 0 0 61.333333%; max-width: 61.333333%;} .custom-container-configurator label {font-size: 120%;} .custom-container-configurator {min-height: 27em; position: relative;} .custom-container-configurator .custom-container-loader {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);} /* Configurator RESULTS */ .custom-configurator-result .custom-row-products-overview .custom-item {text-decoration: none !important; color: inherit !important; position: relative;} .custom-configurator-result .custom-row-products-overview .custom-item:last-of-type {margin-bottom: 0 !important;} .custom-configurator-result .custom-row-products-overview .custom-bg-title {border-bottom: 2px solid #fff;} .custom-configurator-result .custom-row-products-overview .custom-bg-title h3 {font-weight: 500; padding-top: .75em; padding-bottom: .65em; margin-bottom: 0;} .custom-configurator-result .custom-row-products-overview .custom-bg-title .custom-quantity {line-height: 3.4;} .custom-configurator-result .custom-row-products-overview .custom-img-contain {padding-bottom: 80%; height: 0; display: block; overflow: visible; position: relative;} .custom-configurator-result .custom-row-products-overview .custom-img-contain > img {display: block; position: absolute; width: 100% !important; height: 100% !important; top: auto; bottom: auto; object-fit: contain; border-bottom: 1em solid #fff;} .custom-configurator-result .custom-row-products-overview .custom-flag {margin-right: .5em; text-align: right; font-size: 75%;} .custom-configurator-result .custom-row-products-overview .custom-flag img {display: inline-block; height: 2.65em; margin-bottom: .25em; width: auto; background-color: rgb(255,255,255,.65); border: 1px solid #e6e6e6;} .custom-configurator-result .custom-row-products-overview .custom-title-link {font-size: 125%; padding: .35em 1.5em .25em .35em; font-weight: 300; position: relative; transform: none !important;} .custom-configurator-result .custom-row-products-overview .custom-title-link::after {content: ' '; display: block; height: 1.5em; width: .75em; position: absolute; right: .375em; top: -50%; bottom: -50%; margin: auto;background: url(/img/icon-arrow-r-w.png) right center no-repeat; background-size: auto 50%;} .custom-configurator-result .custom-row-products-overview .btn {margin-left: .625em;} .custom-configurator-result .custom-row-products-overview .custom-product-codes.custom-light span {font-weight: 300 !important;} .custom-configurator-result .custom-row-products-overview .custom-quantity {text-align: center; width: 9em; padding-top: .65em !important; border-top: 2px solid #f0f0f0; border-left: 2px solid #f0f0f0;} .custom-configurator-result .custom-row-products-overview .custom-text li br {display: none;} .custom-configurator-result .custom-item {margin-bottom: .825em;} .custom-configurator-result .custom-item a {text-decoration: none; color: inherit;} .custom-configurator-result .custom-item a:hover {text-decoration: none; color: inherit;} .custom-configurator-result .custom-item h3 {} .custom-configurator-result .custom-item h2 {margin-bottom: 1em; font-weight: 600;} .custom-configurator-result .custom-item .custom-text {display: block; padding: 1em 0 1em .25em; line-height: 1.4;} .custom-configurator-result .custom-item .custom-text p {} .custom-configurator-result .custom-item .custom-text p span, .custom-configurator-result .custom-item .custom-text li span {font-family: 'hind', sans-serif !important; font-size: 1em !important; font-weight: 500 !important; color: inherit !important;} .custom-configurator-result .custom-btn-container {margin-top: .75em; margin-bottom: 1.5em;} /* 404 */ .custom-intro.custom-intro-404 {height: 100%; min-height: 40em;} .custom-intro.custom-intro-404 > .container {position: absolute; left: -50%; right: -50%; margin-x: auto; top: 6em; z-index: 1;} .custom-intro.custom-intro-404 .custom-breadcrumb, .custom-intro.custom-intro-404 .custom-breadcrumb a {color: #fff !important;} .custom-container-404 > .row {min-height: 14.75em;} .custom-container-404 .custom-title {margin-bottom: 1.175rem;} .custom-container-404 .bg-primary {text-align: center;} .custom-container-404 .bg-primary p {font-size: 120%; line-height: 1.4; font-weight: 300;} .custom-container-404 .bg-primary b {font-weight: 600;} .custom-container-404 .form-row {margin-bottom: .75rem;} /* Search Contentpage */ .custom-content-search .custom-filter-container {margin: 1.25em 0 0 0; padding: 1.375em 1.75em 1.25em 1.75em; overflow: hidden;} .custom-content-search input {padding: 1.1em 1.125em 1.0em .5em; border-width: 2px !important; box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.035) inset !important; -webkit-box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.035) inset !important; -moz-box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.035) inset !important;} .custom-content-search input:focus {padding: 1.1em 1.125em 1.0em .5em; border-width: 2px !important; box-shadow: none !important; -webkit-box-shadow: none inset !important; -moz-box-shadow: none !important;} .custom-content-search .btn-search {font-size: 100%; width: 6rem; background: #e30613 url(/img/icon-search-w.png) center center no-repeat; background-size: auto 1.1em;} .custom-content-search .btn-search:hover {font-size: 115%;} /* Search Results */ .custom-search .custom-article {position: relative; padding-right: 0; width: 100%; min-height: 13em;} .custom-search .custom-article .custom-btn-search {position: absolute; right: 0; top: 0.5em;} .custom-search .custom-searchresults .custom-link-container {display: block; padding: 1em 0 1em 0; text-decoration: none; color: inherit; border-top: 2px solid #f0f0f0; transform: none !important;} .custom-search .custom-searchresults .custom-link-container:last-of-type{border-bottom: 2px solid #f0f0f0;} .custom-search .custom-searchresults .custom-link-container .h4 {margin: 0 0 .5em 0; display: inline-block;} .custom-search .custom-searchresults .custom-link-container .custom-cat {color: #707070; font-weight: 300;} .custom-search .custom-searchresults .custom-link-container p {margin: 0 0 .625em 0;} .custom-search .custom-searchresults .custom-link-container .custom-cat {} /* Footer */ footer {background-color: #70706f; color: #fff; text-align: left; padding-bottom: 3.5em; overflow: hidden;} footer a {color: #fff !important;} footer a:hover {color: #fff; opacity: .5 !important; text-decoration: none;} footer .container {position: relative;} footer .container > .row {margin-top: 3em;} footer .custom-footer-nav {overflow: hidden; padding-top: 2.5em;} footer .custom-footer-nav .custom-col {float: left; line-height: 2; margin-right: 3em;} footer .custom-footer-nav .custom-col:last-of-type {margin-right: 0;} footer .custom-footer-nav .custom-col .custom-title {font-weight: 600; opacity: 1;} footer .custom-footer-nav .custom-col a {display: block; opacity: .825;} footer .custom-meta a {display: inline-block; margin-right: 1em; opacity: .825;} footer .custom-meta a:last-of-type {margin-right: 0;} footer .custom-address p {margin-bottom: 0; line-height: 2;} footer .custom-address p span {display: inline-block; margin-right: 1em;} footer .custom-address p > span {opacity: .825;} footer .custom-address p > span span {margin-right: 0;} footer .custom-social {margin-top: 1.5em;} footer .custom-social a.custom-social-link i {color: #70706f;} footer .custom-footer-logo {position: absolute; right: 1rem; bottom: 0;} footer .custom-footer-logo img {width: 7em; height: auto;} /* Accordion */ .custom-accordion {border-bottom: 2px solid #e5e5e5;} .custom-accordion .card {border-radius: none;} .custom-accordion .card-header {border-top: 2px solid #e5e5e5; padding: .25em 0; position: relative;} .custom-accordion .card-header a::before {content: ' '; position: absolute; top: -2px; left: 0; width: 33%; height: .3em; background: #009bda; } .custom-accordion .card-header a {display: block; padding: .75em 3em .5em 0; text-align: left; text-decoration: none; font-weight: 400;} .custom-accordion .card-header a::after {content:' '; position: absolute; right: .5em; top: 1.15em; width: .75em; height: .75em; background-repeat: no-repeat; background-position: center center; background-size: 100% auto; background-image: url(/img/icon-plus.png);} .custom-accordion .card-header a:hover {text-decoration: none; color: #009bda;} .custom-accordion .card-header a:hover::before {width: 100%; background-color: #e30631;} .custom-accordion .card-header h5 {font-weight: 400; line-height: 1.25; min-height: 2.705em; margin-bottom: 0;} .custom-accordion .card-header a:hover h5 {color: #009bda;} .custom-accordion .card-header a p {color: #202020;} .custom-accordion .card-header a[aria-expanded="true"] .custom-date {} .custom-accordion .card-header a[aria-expanded="true"] h5 {min-height: 1px; margin-bottom: 1em;} .custom-accordion .card-header a[aria-expanded="true"]::before {width: 100%;} .custom-accordion .card-header a[aria-expanded="true"]::after {background-image: url(/img/icon-minus.png);} .custom-accordion .card-body {padding: 1em 0 2em 0;} .custom-accordion .custom-link-more {text-decoration: none;} .custom-accordion .custom-img {float: right; margin-left: 5em; margin-right: 0; width: 22%;} .custom-accordion .custom-img-md {width: 35%; margin-left: 2em;} .custom-accordion .custom-img-lg {width: 45%; margin-left: 2em;} .custom-accordion .custom-img-xl {width: 55%; margin-left: 2em;} .custom-accordion .custom-img-xxl {width: 100%; margin-left: 0; margin-right: 0;} /* Accordion Abstract: Teaser + Img */ .custom-accordion-abstract .card-header h5 {min-height: 1px; margin-bottom: 1em !important;} .custom-accordion-abstract .card-header .custom-img {margin: 0 1.5em 2.5em 0; float: none; width: 100%;} .custom-accordion-abstract .card-body {padding-top: 0;} /* Accordion Dates */ .custom-accordion-dates .card-body {padding-top: .5em;} .custom-accordion-dates .card-header {padding: 0; border-top: 2px solid #e5e5e5;} .custom-accordion-dates .card-header a {padding: .625rem 0 .25rem 0; display: block; color: #707070; position: relative;} .custom-accordion-dates .card-header a::before {content: ' '; position: absolute; top: -2px; left: 0; width: 8.825em; height: .3em; background: #009bda;} .custom-accordion-dates .card-header a::after {content: ' '; position: absolute; width: .8em; height: .8em; top: .75em; right: .25em; color: #009bda; background: url(/img/icon-plus.png) center center no-repeat; background-size: 100% auto;} .custom-accordion-dates .card-header a:hover {text-decoration: none; color: #009bda;} .custom-accordion-dates .card-header a:hover::before {width: 100%; background-color: #e30631;} .custom-accordion-dates .card-header a h5 {font-weight: 300; line-height: 1.25; color: #707070; min-height: 2.705em;} .custom-accordion-dates .card-header a:hover h5 {color: #707070;} .custom-accordion-dates .card-header .custom-date {margin-bottom: .075em; font-weight: 400;} .custom-accordion-dates .card-header a:hover .custom-date {} .custom-accordion-dates .card-header a[aria-expanded="true"] .custom-date {} .custom-accordion-dates .card-header a[aria-expanded="true"] h5 {min-height: 1px; margin-bottom: .875em;} .custom-accordion-dates .card-header a[aria-expanded="true"]::before{width: 100%;} .custom-accordion-dates .card-header a[aria-expanded="true"]::after {background-image: url(/img/icon-minus.png);} /* Formulare */ .form-row {} .form-check-label {line-height: 1.5;} .form-control::-moz-placeholder {color: #bbb;} .form-control:-ms-input-placeholder {color: #bbb;} .form-control::-webkit-input-placeholder {color: #bbb;} .form-control {border-color: #e5e5e5;} .form-control.custom-disabled {background-color: rgba(255,255,255,.3);} .form-control-file.custom-text-sm {font-size: 95% !important;} .form-row-border {border-top: 2px dotted #cacaca; border-bottom: 2px dotted #cacaca;} /* Custom Form Sort */ .custom-form-sort {margin-top: -.25em;} .custom-form-sort .custom-devider {padding: 0 .25em 0 .25em; display: inline-block;} .custom-form-sort .input-group .input-group-text {border-radius: 0; border: 0; background: transparent; padding-left: 0; padding-right: .5em;} .custom-form-sort .input-group .custom-select {border-radius: 0; border: 0; border-bottom: 2px solid #009bda; padding-left: 0; font-weight: 600; background-color: transparent; height: calc(1.15em + .75rem + 2px);} .custom-form-sort .input-group .custom-select:hover {cursor: pointer;} .custom-form-sort .input-group .custom-select:focus {} .custom-form-sort .input-group .custom-select option {background: rgba(255, 255, 255, 1); font-weight: 400 !important; text-shadow: 0;} .custom-form-sort .input-group .custom-select option:hover {cursor: pointer;} .custom-form-sort .custom-filter .dropdown {display: inline-block; margin-top: .65em; margin-right: .5em;} .custom-form-sort .custom-filter .dropdown .btn:hover {transform: none !important;} .custom-form-sort .custom-filter .dropdown .btn[aria-expanded="true"] {border-color: #e30613;} .custom-form-sort .custom-filter .dropdown-menu {padding: 0; border-radius: 0; border: 2px solid #e5e5e5; padding: .375rem .375rem 0 .375rem; background-color: #fff;} .custom-form-sort .custom-filter .dropdown-item {border: 1px solid #e5e5e5; padding: .5rem 1rem .425rem .5rem; margin-bottom: .375rem; background-color: #fff;} .custom-form-sort .custom-filter .dropdown .dropdown-item:hover {color: #e30613; border-color: #e30613;} .custom-form-sort .custom-filter .dropdown .dropdown-item:focus {background-color: #e30613; color: #fff;} .custom-form-sort .custom-filter-active {margin-top: .5em;} .custom-form-sort .custom-filter-active > div {display: inline-block; margin-top: .5em; margin-right: .25em; padding: .45em .375em .375em .5rem; color: #212529; background: #fff; border: 2px solid #e5e5e5;} .custom-form-sort .custom-filter-active > div a.custom-delete {display: inline-block; width: 1.125em; height: 1.125em; margin-left: .375em; border-radius: 50%; vertical-align: -.25em; background: #e30613 url(/img/icon-delete-w.png) center center no-repeat; background-size: 40% auto;} /* Custom Form (Konfigurator + Umfrage) */ .custom-label-radio, .custom-label-checkbox {display: block; position: relative; padding-left: 40px; margin-bottom: 16px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} .custom-label-radio input, .custom-label-checkbox input {position: absolute; opacity: 0; height: 0; width: 0;} .custom-label-radio .custom-checkmark {position: absolute; top: 3px; left: 0; height: 22px; width: 22px; background-color: #fff; border-radius: 50%; border: 1px solid #70706f;} .custom-label-radio:hover input ~ .custom-checkmark {border: 1px solid #0ba397; background-color: #fff;} .custom-label-radio input:checked ~ .custom-checkmark {background-color: #fff;} .custom-label-radio .custom-checkmark:after {content: " "; position: absolute; display: none; top: 4px; left: 4px; width: 12px; height: 12px; border-radius: 50%; background: #0ba397;} .custom-label-radio input:checked ~ .custom-checkmark:after {display: block;} .custom-label-checkbox .custom-checkmark {position: absolute; top: 0; left: 0; height: 22px; width: 22px; background-color: #fff; border-radius: none; border: 1px solid #70706f;} .custom-label-checkbox:hover input ~ .custom-checkmark {border: 1px solid #0ba397; background-color: #fff;} .custom-label-checkbox input:checked ~ .custom-checkmark {background-color: #fff;} .custom-label-checkbox .custom-checkmark:after {content: " "; position: absolute; display: none; left: 6px; top: 1px; width: 9px; height: 15px; border: solid #0ba397; border-width: 0 4px 4px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);} .custom-label-checkbox input:checked ~ .custom-checkmark:after {display: block;} .custom-label {padding-top: .625em; font-size: 120%;} .custom-input {font-size: 120% !important;} .custom-label span {padding-top: .0375em; font-size: 120%;} .custom-label-radio span {display: inline-block; padding-top: .0375em; font-size: 120%;} .custom-label-radio span.custom-small {padding-top: .125em; font-size: 100%;} .custom-label-color {border-radius: 50%; width: 3.5em; height: 3.5em; margin: 0 auto 5.5rem auto; padding-left: 0; text-align: center;} .custom-label-color .custom-text {display: block; position: absolute; margin: 5.5rem auto 0 auto; left: -50%; right: -50%; font-size: 90%;} .custom-label-color .custom-checkmark {left: -50%; right: -50%; top: -50%; bottom: -50%; margin: auto !important;} .custom-label-color.custom-color01 {background-color: #575e62;} .custom-label-color.custom-color02 {background-color: #ffffff;} .custom-label-color.custom-color03 {background-color: #a0463d;} .custom-label-color.custom-color04 {background-color: #999a9f;} /* Modals */ .modal-backdrop {background-color: rgba(38,38,38,1) !important; opacity: .85 !important;} /* Modal Favorites */ .custom-modal-favorites {background-color: rgba(42, 42, 42, 0.25); padding: 0 !important;} .custom-modal-favorites .modal-dialog {max-width: 100%; margin: 0 0 0 0; background-color: #0ba397; color: #fff !important;} .custom-modal-favorites .modal-content {border-radius: 0; border: none; padding-top: 0; padding-bottom: 0; background-color: transparent;} .custom-modal-favorites .modal-header {padding: .5em; border: none; position: relative;} .custom-modal-favorites .modal-body {text-align: center; min-height: 4.5em;} .custom-modal-favorites .modal-body > div {margin: auto; text-align: left; max-width: 800px;} .custom-modal-favorites .modal-body > p {margin-bottom: 0;display: inline-block; } .custom-modal-favorites .modal-body .custom-icon {display: inline-block; vertical-align: -.5em; margin-right: .5em; width: 2em; height: 2em; background: url(/img/icon-fav-w.png) center center no-repeat; background-size: 90% auto;} .custom-modal-favorites .modal-title {color: #fff;} .custom-modal-favorites .modal-footer {-ms-flex-pack: center; justify-content: center; padding-top:0 ;padding-bottom: 2em; border: 0;} .custom-modal-favorites .modal-footer .btn {font-size: 115%; padding: .525em 1em .525em 1em} .custom-modal-favorites .close {z-index: 1; position: absolute; margin: 0; top: 0; right: 0; width: 2.25em; height: 2.25em; background: url(/img/icon-close-w.png) center center no-repeat; background-size: 35% auto;} /* Modal Search */ .custom-modal-search {background-color: transparent; padding: 0 !important;} .custom-modal-search .modal-dialog {margin: 0; width: 100%; max-width: 100%; height: auto; background: #fff; border: none;} .custom-modal-search .modal-content {padding: 0; background-color: transparent; border: none; text-align: left;} .custom-modal-search .modal-header {width: 100%; margin: 0em auto 0 auto; padding: 0; text-align: left; border: none;} .custom-modal-search .custom-modal-logo {position: absolute; top: 1.75em; left: 2.5em; height: 3.975em; width: auto; text-align: left; background: #fff;} .custom-modal-search .custom-modal-logo img {height: 100%; width: auto; display: block;} .custom-modal-search .modal-body {width: 100%; max-width: 65%; margin: 2.25em auto 0 auto; padding: 0 2rem 2.5rem 2rem; text-align: left;} .custom-modal-search .modal-body form {margin: 0 auto; float: none;} .custom-modal-search .modal-body form .custom-filter-container {margin: 0; padding: 1.375em 1.75em 1.25em 1.75em; overflow: hidden;} .custom-modal-search .modal-body form .custom-input-xl {font-size: 135%;} .custom-modal-search .modal-body form .custom-input-xl input {padding: 1.1em 1.125em 1.0em .5em; border-width: 2px !important;} .custom-modal-search .modal-body form .custom-input-xl input:focus {padding: 1.1em 1.125em 1.0em .5em; border-width: 2px !important; box-shadow: none !important; -webkit-box-shadow: none inset !important; -moz-box-shadow: none !important;} .custom-modal-search .modal-body form .btn-search {font-size: 100%; width: 8rem; background: #e30613 url(/img/icon-search-w.png) center center no-repeat; background-size: auto 1em;} .custom-modal-search .modal-body form .btn-search:hover {font-size: 115%;} .custom-modal-search .modal-body form .custom-row-title {font-size: 100%; margin-bottom: .5rem;} .custom-modal-search .modal-body form .form-check {font-size: 100%;} .custom-modal-search .modal-body form .form-check-input {margin-top: .3.15rem;} .custom-modal-search .modal-body form .form-check-label {padding-left: .25rem; line-height: 1.4;} .custom-modal-search .modal-body .custom-col-border {position: relative;} .custom-modal-search .modal-body .custom-col-border::after {content: ' '; position: absolute; top: -.375em; right: 1.5em; width: 2px; height: calc(100% + .75em); background-color: #dbdbdb;} .custom-modal-search .modal-body .custom-btn-container {margin-bottom: 0} .custom-modal-search .custom-contact-container {text-align: left;} .custom-modal-search .close {z-index: 1; position: absolute; margin: 0; top: 0; right: 0; width: 2.25em; height: 2.25em; background: url(/img/icon-close.png) center center no-repeat; background-size: 35% auto; opacity: 1;} #productSearchModal.custom-modal-search .modal-body {min-height: 23em;} /* Modal Dialog */ .custom-modal-dialog .modal-header, .custom-modal-dialog .modal-body, .custom-modal-dialog .modal-footer {border: none; padding: .75rem 1.25rem;} .custom-modal-dialog .modal-header {background-color: #f0f0f0;} .custom-modal-dialog .modal-footer > :not(:last-child) {margin-right: .75rem;} .custom-modal-dialog .close {font-weight: 400; transform: scale(1.75);} /* Preview */ .custom-modal-search .dropdown-toggle::after {display: none;} .custom-modal-search .dropdown-menu {width: 100%; overflow: hidden; height: auto; margin-top: 1em; padding: .5em 1.25em .5em 1.25em; background: #f0f0f0; border-radius: 0; border: none;} .custom-modal-search .dropdown-menu .custom-item {padding: .5%;} .custom-modal-search .dropdown-menu .custom-item .custom-link {display: block; background: #fff; overflow: hidden;; padding: .5em; height: 100%;} .custom-modal-search .dropdown-menu .custom-img-contain {width: 28%; height: 0; padding-bottom: 28%; float: left;} .custom-modal-search .dropdown-menu .custom-img-contain img {} .custom-modal-search .dropdown-menu .text-left {width: 72%; float: right; font-size: 90%; padding-left: .5em; -ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto;} .custom-modal-search .dropdown-menu .text-left .custom-title {overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} .custom-modal-search .dropdown-menu .text-left .text-std {width: 95%;} /* Modal Umfrage */ .custom-modal-survey {} .custom-modal-survey .modal-content {border-radius: 0;} .custom-modal-survey .modal-dialog {max-width: 58em; margin-top: 3rem; margin-bottom: 3rem; min-height: calc(100% - 6rem) !important;} .custom-modal-survey .modal-body {text-align: left; padding: 0;} .custom-modal-survey .custom-img {flex: 0 0 16.5em; background: url(/img/bg-survey-2022-modal.jpg) left top no-repeat; background-size: cover; margin: 0;} .custom-modal-survey .custom-survey-step {padding: 1.75em 2.25em 2.25em 2.25em; width: 100%;} .custom-modal-survey .custom-title {font-size: 105%;} .custom-modal-survey h4 {font-size: 120%;} .custom-modal-survey .custom-label-radio span {font-size: 100%;} .custom-modal-survey .custom-label-radio .custom-checkmark {top: 1px;} .custom-modal-survey .custom-wrap-overline {} .custom-modal-survey .custom-wrap-stepnav {flex-grow: 1;} .custom-modal-survey .custom-stepnav {margin-top: .425em; height: .425em; overflow: hidden;} .custom-modal-survey .custom-stepnav div {float: left; margin-right: 3px; height: 100%; width: calc(16.6666% - 5px); background-color: #70706f;} .custom-modal-survey .custom-stepnav div.Active {background-color: #0ba397; } .custom-modal-survey .custom-stepcontent {min-height: 18.5em;} .custom-modal-survey .custom-btn-outline-std {width: 100%; background-color: #fff; line-height: 1.111; font-size: 100%; margin-top: .25em; padding: .4775em .75em .4225em .75em;} .custom-modal-survey .custom-btn-arrow {width: 10em !important; padding-right: .75em;} .custom-modal-survey label {font-size: 120%;} .custom-modal-survey textarea {height: 8em;} .custom-modal-survey textarea.custom-height {height: 14em;} .custom-modal-survey .custom-container-loader {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);} .custom-modal-survey .close {z-index: 1; position: absolute; margin: 0; top: -2.25em; right: -.75em; width: 2.25em; height: 2.25em; background: url(/img/icon-close-w.png) center center no-repeat; background-size: auto; background-size: 35% auto;} /* Dashboard(Meine Startseite) */ .custom-dashboard .custom-row-tabnav {} .custom-dashboard .custom-row-tabnav a.nav-link {color: inherit;} .custom-dashboard .custom-tab-content {border: 2px solid #ccc; border-top: none; text-align: left; padding: 3.5em 1.5em;} .custom-dashboard .custom-tab-content .custom-cat-container a.custom-subnav-link {width: 32%; margin-right: 1.3333%;} .custom-dashboard .custom-tab-content .custom-cat-container .container {padding: 0;} .custom-dashboard .custom-tab-content .custom-favorites-overview .custom-item {position: relative; margin-bottom: 1.5em;} .custom-dashboard .custom-tab-content .custom-favorites-overview .custom-title-link {font-size: 140%; padding: .375em 2em .275em .45em; font-weight: 300; line-height: 1.222; position: relative;} .custom-dashboard .custom-tab-content .custom-favorites-overview a {text-decoration: none;} .custom-dashboard .custom-tab-content .custom-favorites-overview .custom-title-link::after {content: ' '; display: block; height: 1.5em; width: .75em; position: absolute; right: .375em; top: -50%; bottom: -50%; margin: auto; background: url(/img/icon-arrow-r-w.png) right center no-repeat; background-size: auto 50%;} .custom-dashboard .custom-tab-content .custom-favorites-overview .btn {margin-left: .625em;} .custom-dashboard .custom-tab-content .custom-favorites-overview .custom-text {padding: 1.25em 1.25em 1.25em 3em; position: relative;} .custom-dashboard .custom-tab-content .custom-favorites-overview .custom-text::before {content: ' '; display: block; width: 1.375em; height: 1.375em; position: absolute; top: 1.25em; left: .75em; background: url(/img/icon-edit-g.png) center center no-repeat; background-size: 100% auto;} .custom-dashboard .custom-tab-content .custom-favorites-overview .custom-item:last-child {margin-bottom: 0 !important;} /* Slider Custom */ .custom-slider-link {position: absolute; top: 50%; width: 4.25em; height: 4.25em; margin-top: -1.75em; background-color: #fff; background-size: auto 40%; background-repeat: no-repeat; opacity: 1;} .custom-slider-back {left: 0; background-image: url(/img/icon-slider_back.png); background-position: 45% center;} .custom-slider-fwd {right: 0; background-image: url(/img/icon-slider_fwd.png); background-position: 55% center;} .custom-slider-back:hover {background-image: url(/img/icon-slider_back-x.png);} .custom-slider-fwd:hover {background-image: url(/img/icon-slider_fwd-x.png);} /* Slider overrides */ .slick-loading .slick-list {background: #fff url('/js/slick-1.8.1/slick/ajax-loader.gif') center center no-repeat;} /* Arrows */ .slick-prev, .slick-next {font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 20px; height: 20px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent;} .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {color: transparent; outline: none; background-color: transparent;} .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before {opacity: 1;} .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before {opacity: .25;} .slick-prev:before, .slick-next:before {/* font-family: 'slick'; */ font-size: 20px; line-height: 1; opacity: .75; color: #009bda; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} .slick-prev {left: -25px; } [dir='rtl'] .slick-prev {right: -25px; left: auto;} .slick-prev:before {content: '?';} [dir='rtl'] .slick-prev:before {content: '?'} .slick-next {right: -25px;} [dir='rtl'] .slick-next {right: auto; left: -25px;} .slick-next:before {content: '?';} [dir='rtl'] .slick-next:before {content: '?';} /* SpmChk */ .birthday_chk {border: 0 !important; padding: 0 !important; margin: 0 !important; font-size: 1px !important; line-height: 1px !important; visibility: hidden;} /* Tooltip */ .custom-link-tooltip {display: inline-block; width: .925em !important; height: .925em !important; vertical-align: text-top !important; margin-top: 0 !important; background-color: #fff !important; background-image: url(/img/icon-info.png) !important; background-position: center center !important; background-size: 100% auto !important; background-repeat: no-repeat !important;} .tooltip {opacity: 1 !important;} .tooltip-inner {background-color: #009bda !important; font-size: 120%; max-width: 20em !important; padding: .575em .625em .675em .625em !important; opacity: 1 !important; border-radius: 0 !important;} .arrow {} .arrow::before {border-bottom-color: #009bda !important;} .arrow::before {border-top-color: #009bda !important;} /* Newletter Cta */ .custom-nl-layer {position: fixed; bottom: 16em; right: 0; width: 28em; margin-right: -28.75em; max-width: 100%; z-index: 6; -webkit-box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.2); box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.2);} .custom-nl-layer .custom-btn-icon-newsletter {width: auto !important; padding-left: 2.625em; padding-right: 1em; position: relative;} .custom-nl-layer .custom-btn-icon-newsletter:before {content: ' '; display: block; width: 2em; height: 100%; position: absolute; left: .25em; top: 0; background-image: url(/img/icon-nl-w.png); background-position: center center; background-repeat: no-repeat; background-size: 1.25em auto;} .custom-nl-layer .h2 {transform: scale(.95);} .custom-nl-layer .custom-btn-close {content: ' '; display: block; width: 2.5em; height: 2.5em; position: absolute; right: 0; top: 0; z-index: 1; background-color: transparent !important; background-image: url(/img/icon-close-w.png); background-position: center center; background-repeat: no-repeat; background-size: .8em auto;} .custom-nl-layer.custom-move {margin-right: 0; -webkit-transition: all 1500ms ease; -moz-transition: all 1500ms ease; -o-transition: all 1500ms ease; transition: all 1500ms ease;} /* Umfrage Cta */ .custom-survey-layer {position: fixed; bottom: 16em; right: 0; width: 48em; margin-right: -52em; max-width: 100%; z-index: 6; background: url(/img/bg-survey-2022-cta.jpg) 1em bottom no-repeat; background-size: auto 90%; background-color: #000 !important; -webkit-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.5); -moz-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.5); -moz-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.5); box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.5);} .custom-survey-layer .custom-text {padding-left: 33%; text-align: left;} .custom-survey-layer .custom-container-teaser-survey {font-size: 83%; margin-top: .5rem; margin-left: -.25rem;} .custom-survey-layer .custom-btn-std {font-size: 100%;} .custom-survey-layer .custom-btn-close {content: ' '; display: block; width: 2.5em; height: 2.5em; position: absolute; right: 0; top: 0; z-index: 1; background-color: transparent !important; background-image: url(/img/icon-close-w.png); background-position: center center; background-repeat: no-repeat; background-size: .8em auto;} .custom-survey-layer.custom-move {margin-right: 0; -webkit-transition: all 1500ms ease; -moz-transition: all 1500ms ease; -o-transition: all 1500ms ease; transition: all 1500ms ease;} /* Teaser Row: Virtual fair */ .custom-container-teaser-virtualfair {text-align: left; position: relative;} .custom-container-teaser-virtualfair .custom-bg {padding: 3.5em 3em 3em 3em; text-align: left; background-color: #04050a; background-image: url(/img/bg-virtualfair.jpg); background-repeat: no-repeat; background-position: left center; background-size: 100% auto;} .custom-container-teaser-virtualfair .custom-text {font-size: 110%; margin-left: -8px;} .custom-container-teaser-virtualfair .custom-multiline h4 {font-size: 185%; font-weight: 300; line-height: 1.375; display: inline;} .custom-container-teaser-virtualfair .custom-multiline h4 span {padding: 8px 5px 5px 0; line-height: 1.333; display: inline; box-shadow: 10px 0 0 #009bda, -10px 0 0 #009bda; -moz-box-shadow: 10px 0 0 #009bda, -10px 0 0 #009bda; -webkit-box-shadow: 10px 0 0 #009bda, -10px 0 0 #009bda; box-decoration-break: clone; -webkit-box-decoration-break: clone; -o-box-decoration-break: clone;} .custom-container-teaser-virtualfair .custom-space-multiline {height: .25em;} .custom-container-teaser-virtualfair .custom-multiline p {font-size: 120%; margin: 0; line-height: 1.375; display: inline-block;} .custom-container-teaser-virtualfair .custom-multiline p span {padding: 8px 10px 5px 0; display: inline; line-height: 1.3333; box-shadow: 1px 0 0 #fff, -10px 0 0 #fff; -moz-box-shadow: 1px 0 0 #fff, -10px 0 0 #fff; -webkit-box-shadow: 1px 0 0 #fff, -10px 0 0 #fff; box-decoration-break: clone; -webkit-box-decoration-break: clone; -o-box-decoration-break: clone;} /* Teaser Row: SAT Configurator */ .custom-container-teaser-configurator {text-align: left; position: relative;} .custom-container-teaser-configurator .custom-bg {min-height: 29em; padding: 3.5em 3em 3em 3em; text-align: left; background-color: #04050a; background-image: url(/img/bg-configurator.jpg); background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} .custom-container-teaser-configurator .custom-text {font-size: 110%; margin-left: -8px;} .custom-container-teaser-configurator .custom-multiline h4 {font-size: 185%; font-weight: 300; line-height: 1.375; display: inline;} .custom-container-teaser-configurator .custom-multiline h4 span {padding: 8px 5px 5px 0; line-height: 1.333; display: inline; box-shadow: 10px 0 0 #009bda, -10px 0 0 #009bda; -moz-box-shadow: 10px 0 0 #009bda, -10px 0 0 #009bda; -webkit-box-shadow: 10px 0 0 #009bda, -10px 0 0 #009bda; box-decoration-break: clone; -webkit-box-decoration-break: clone; -o-box-decoration-break: clone;} .custom-container-teaser-configurator .custom-space-multiline {height: .25em;} .custom-container-teaser-configurator .custom-multiline p {font-size: 120%; margin: 0; line-height: 1.375; display: inline-block;} .custom-container-teaser-configurator .custom-multiline p span {padding: 8px 10px 5px 0; display: inline; line-height: 1.3333; box-shadow: 1px 0 0 #fff, -10px 0 0 #fff; -moz-box-shadow: 1px 0 0 #fff, -10px 0 0 #fff; -webkit-box-shadow: 1px 0 0 #fff, -10px 0 0 #fff; box-decoration-break: clone; -webkit-box-decoration-break: clone; -o-box-decoration-break: clone;} /* Teaser Row: Virtual survey */ .custom-container-teaser-survey {text-align: left; position: relative;} .custom-container-teaser-survey .custom-bg {min-height: 29em; padding: 3.5em 3em 3em 3em; text-align: left; background-color: #04050a; background-image: url(/img/bg-survey-2022.jpg); background-repeat: no-repeat; background-position: left center; background-size: cover;} .custom-container-teaser-survey .custom-text {font-size: 110%; margin-left: -8px;} .custom-container-teaser-survey .custom-multiline h4 {font-size: 180%; font-weight: 300; line-height: 1.375; display: inline;} .custom-container-teaser-survey .custom-multiline h4 > span {padding: 8px 5px 5px 0; line-height: 1.333; display: inline; box-shadow: 10px 0 0 #009bda, -10px 0 0 #009bda; -moz-box-shadow: 10px 0 0 #009bda, -10px 0 0 #009bda; -webkit-box-shadow: 10px 0 0 #009bda, -10px 0 0 #009bda; box-decoration-break: clone; -webkit-box-decoration-break: clone; -o-box-decoration-break: clone;} .custom-container-teaser-survey .custom-space-multiline {height: .25em;} .custom-container-teaser-survey .custom-multiline p {font-size: 120%; margin: 0; line-height: 1.375; display: inline-block;} .custom-container-teaser-survey .custom-multiline p span {padding: 8px 10px 5px 0; display: inline; line-height: 1.3333; box-shadow: 1px 0 0 #fff, -10px 0 0 #fff; -moz-box-shadow: 1px 0 0 #fff, -10px 0 0 #fff; -webkit-box-shadow: 1px 0 0 #fff, -10px 0 0 #fff; box-decoration-break: clone; -webkit-box-decoration-break: clone; -o-box-decoration-break: clone;} .custom-container-teaser-survey .custom-btn-std:hover, .custom-container-teaser-survey .custom-btn-std:active, .custom-container-teaser-survey .custom-btn-std:focus {background-color: #e30613 !important;} /**************************************************************************************** * Special Slides *****************************************************************************************/ /************************************ * Slide: Online Shop 2025 *************************************/ .custom-onlineshop .custom-slider-claim {top: 48%;} .custom-onlineshop .custom-img {display: inline-block; height: 7.75em; margin-top: 0; animation: Scaling .5s ease-out; animation-fill-mode: both; animation-duration: 1s; animation-delay: 3s; animation-iteration-count: 1;} .custom-onlineshop .custom-img img {position: relative; object-fit: contain; object-position: left top; transform: none; } @keyframes Scaling { 0% {transform: scale(1);} 20%{transform: scale(1.2);} 100%{transform: scale(1);} } @media screen and (max-width: 767px) { .custom-onlineshop .custom-slider-claim {bottom: 10% !important;} } @media screen and (max-width: 576px) { .custom-onlineshop .custom-slider-claim {bottom: 5% !important;} .custom-onlineshop .custom-img {margin-top: 1rem;} } @media screen and (max-width: 520px) { .custom-onlineshop > img {left: -20%;} .custom-onlineshop .custom-slider-claim {bottom: 5% !important;} .custom-onlineshop .custom-img {margin-top: 1rem;} } /**************************************************************************************** * Kampagnen Seiten *****************************************************************************************/ /************************************ * Kampagne: Technologie Trends *************************************/ /* Custom widths */ .custom-techtrends .custom-article .custom-width-25 {width: 25%;} .custom-techtrends .custom-article .custom-width-20 {width: 20%;} .custom-techtrends .custom-article .custom-width-15 {width: 15%;} /* Intro */ .custom-techtrends .custom-intro.custom-intro-xl {} .custom-techtrends .custom-intro.custom-intro-xl h1 {font-weight: 300;} .custom-techtrends .custom-intro.custom-intro-xl h3 {font-weight: 300;} .custom-techtrends .custom-special-width {padding: 0 11% 0 11%;} .custom-techtrends .custom-row-themes > div > div {border: 2px solid #e5e5e5; padding: 2em;} .custom-techtrends .custom-row-themes > div > div p {font-weight: 600;} /* Titles, Text, Lists */ .custom-techtrends b, .custom-techtrends strong {font-weight: 600;} .custom-techtrends .custom-strong {font-weight: 700;} .custom-techtrends h1, .custom-techtrends .h1 {font-size: 285%; line-height: 1.25; font-weight: 700;} .custom-techtrends h2, .custom-techtrends .h2 {font-weight: 700;} .custom-techtrends h3, .custom-techtrends .h3 {font-size: 180%; font-weight: 700;} .custom-techtrends .h2.custom-size {font-size: 180%;} .custom-techtrends .custom-teaser {line-height: 1.3; font-weight: 400;} .custom-techtrends .custom-article ul {overflow: hidden;} /* Buttons */ .custom-techtrends .custom-btn-row {margin-left: -.5em;} .custom-techtrends .custom-btn-std.custom-width {min-width: 9em; white-space: nowrap;} .custom-techtrends .custom-btn-std.custom-size {font-size: 1.6rem !important; border: none !important;} .custom-techtrends .custom-btn-std strong {font-weight: 700;} /* Forms */ .custom-techtrends .form-control.custom-disabled {font-weight: 600;} /* Container */ .custom-techtrends .custom-article .custom-pic-container.custom-left {margin-left: 0 !important;} .custom-techtrends .custom-special-width {padding: 0 7% 0 7%; width: 100%;} .custom-techtrends .custom-special-width-02 {padding: 0; width: 100%;} .custom-techtrends .custom-wrap-collapse {border-bottom: 2px solid #e5e5e5;} .custom-techtrends .custom-wrap-collapse .custom-item {border-top: 2px solid #e5e5e5; padding: .25em 0; position: relative;} .custom-techtrends .custom-wrap-collapse .custom-item a.custom-link {text-decoration: none; display: block;} .custom-techtrends .custom-wrap-collapse .custom-item a.custom-link::after { content: ' '; position: absolute; right: 1.25rem; top: 1.175rem; width: 1.25rem; height: 1.25rem; background-repeat: no-repeat; background-position: center center; background-size: 100% auto; background-image: url(/img/icon-plus.png); } .custom-techtrends .custom-wrap-collapse .custom-item a.custom-link::before { content: ' '; position: absolute; top: -2px; left: 0; width: 0; height: 4px; background-color: #009bda; } .custom-techtrends .custom-wrap-collapse .custom-item a.custom-link:hover::before {width: 100%; background-color: #009bda;} .custom-techtrends .custom-wrap-collapse .custom-item a.custom-link:hover::before {width: 100%; background-color: #009bda;} .custom-techtrends .custom-wrap-collapse .custom-item a.custom-link[aria-expanded="true"]::before {width: 100%;} .custom-techtrends .custom-wrap-collapse .custom-item a.custom-link[aria-expanded="true"]::after {background-image: url(/img/icon-minus.png);} .custom-techtrends .custom-wrap-collapse .custom-item a.custom-link .h4 {margin-top: 0; margin-bottom: 0; padding: .625rem 3.5rem .75rem 0; font-size: 150%; font-weight: 600;} .custom-techtrends .custom-wrap-collapse .custom-item a.custom-link:hover .h4 {color: #202020;} .custom-techtrends .custom-wrap-collapse .custom-item a.custom-link[aria-expanded="true"] .h4 {color: #202020;} .custom-techtrends .custom-wrap-collapse .custom-item .custom-pic-container.custom-chart {margin: 0; padding: 3em 0; text-align: center; border: 1px solid #e5e5e5; border-bottom: 0;} .custom-techtrends .custom-wrap-collapse .custom-item .custom-pic-container.custom-chart img {margin-left: auto; margin-right: auto; max-width: 73%;} .custom-techtrends .custom-wrap-collapse .custom-item .custom-wrap {padding-top: 2em; padding-bottom: 3em;} .custom-techtrends .custom-wrap-collapse .custom-item .custom-wrap-benefits {border: 1px solid #e5e5e5;} .custom-techtrends .custom-dates .custom-link-box.custom-no-dec:hover {text-decoration: none !important;} .custom-techtrends .custom-dates .custom-link-box:hover .btn {background-color: #e30613 !important;} .custom-techtrends .custom-dates .custom-link-box .custom-date p {line-height: 1.2;} .custom-techtrends .custom-dates .custom-link-box .custom-day {font-size: 480%; font-weight: 700; line-height: 1;} .custom-techtrends .custom-row-themes > div > div {border: 2px solid #e5e5e5; padding: 2em;} .custom-techtrends .custom-row-themes > div > div p {font-weight: 600;} /* RESPONSIVE */ @media screen and (min-width: 2000px) { .custom-techtrends .custom-intro.custom-intro-xl {height: 32em;} } @media screen and (min-width: 1025px) { .custom-techtrends .custom-wrap-collapse .custom-item a::after, .custom-techtrends .custom-wrap-collapse .custom-item a::before {-webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease;} } @media screen and (min-width: 1025px) and (max-width: 1379px) { .custom-techtrends .custom-intro.custom-intro-xl .custom-intro-claim {} } @media screen and (min-width: 1025px) and (max-width: 1180px) { .custom-techtrends .custom-intro.custom-intro-xl {font-size: 95%;} .custom-techtrends .custom-intro.custom-intro-xl .custom-intro-claim {} } @media screen and (min-width: 768px) and (max-width: 1024px) { .custom-techtrends .custom-intro.custom-intro-xl {} } @media screen and (min-width: 768px) and (max-width: 992px) { .custom-techtrends .custom-article {padding: 0 4em 0 4em;} .custom-techtrends h1, .custom-techtrends .h1 {font-size: 220%;} } @media screen and (max-width: 767px) { .custom-techtrends .custom-article .custom-width-25, .custom-techtrends .custom-article .custom-width-20, .custom-techtrends .custom-article .custom-width-15 {width: 33% !important;} .custom-techtrends .custom-intro.custom-intro-xl {height: 12em;} .custom-techtrends .custom-intro.custom-intro-xl .custom-intro-claim {font-size: 80%; top: 20%; left: 5%;} .custom-techtrends .custom-intro.custom-intro-xl .custom-intro-claim {font-size: 75%;} .custom-slider .custom-slider-claim.custom-techtrends-switchoff {bottom: 26%;} .custom-slider .custom-techtrends-switchoff-hero-pic {object-position: 78% center !important;} .custom-techtrends .custom-btn-std.custom-size {font-size: 1.25rem !important;} .custom-techtrends h1, .custom-techtrends .h1 {font-size: 195%;} .custom-techtrends .h2.custom-size {font-size: 175%; margin-bottom: 1.25rem;} .custom-techtrends .custom-special-width {padding: 0 1em;} .custom-techtrends .custom-wrap-collapse .custom-item a.custom-link .h4 {font-size: 120%; padding-top: .75rem;} .custom-techtrends .custom-wrap-collapse .custom-item .custom-wrap {padding-bottom: 1em;} .custom-techtrends .custom-wrap-collapse .custom-item .custom-pic-container.custom-chart {padding: 1em 0; margin-bottom: 0 !important;} .custom-techtrends .custom-wrap-collapse .custom-item .custom-pic-container.custom-chart img {max-width:95%;} .custom-techtrends .custom-dates .custom-link-box {margin-left: auto; margin-right: auto; max-width: 12em;} .custom-techtrends .custom-dates .custom-link-box .custom-day {font-size: 350%;} } @media screen and (max-width: 575px) { } @media screen and (max-width: 400px) { .custom-techtrends .custom-btn-std.custom-size {font-size: 5vw !important;} } /************************************ * Kampagne: 77 Jahre - Slider *************************************/ .custom-slider .carousel-item-77-anniversary .custom-inner-wrap {position: absolute; left: 50%; transform: translateX(-50%); width: 100%; max-width: 1880px; height: 100%; z-index: 1;} .custom-slider .carousel-item-77-anniversary .custom-intro-logo-pic {position: absolute; right: 0; top: 0; width: 100%; height: 120%; z-index: 1; background: url(/img/campaigns/77-anniversary/intro-gradient.png) right top no-repeat; background-size: 100% 100%;} .custom-slider .carousel-item-77-anniversary .custom-intro-logo-pic img {position: absolute; top: 9em; left: calc(50% + 11em); width: 35em !important; height: auto !important; z-index: 2; transform: scale(1) !important; backface-visibility: hidden !important; -moz-transform: scale(1) rotate(0.02deg) !important;} .custom-slider .carousel-item-77-anniversary .custom-intro-claim-pic {position: absolute; left: 2em; top: 9em; width: 7.5em; z-index: 1;} .custom-slider .carousel-item-77-anniversary .custom-intro-claim-pic img {width: 100% !important; height: auto !important; top: 0 !important; transform: scale(1) !important; backface-visibility: hidden !important; -moz-transform: scale(1) rotate(0.02deg) !important;} /* RESPONSIVE */ @media screen and (max-width: 1920px) { .custom-slider .carousel-item-77-anniversary .custom-intro-logo-pic img {left: auto; right: 2em;} } @media screen and (min-width: 768px) and (max-width: 1024px) { .custom-slider .carousel-item-77-anniversary .custom-intro-logo-pic img {left: auto; top: 11.5vw; right: 1.5em; width: 40vw !important;} .custom-slider .carousel-item-77-anniversary .custom-intro-claim-pic {width: 5.5rem;} } @media screen and (min-width: 768px) and (max-width: 992px) { .custom-slider .carousel-item-77-anniversary .custom-intro-logo-pic img {top: 6.5rem;} .custom-slider .carousel-item-77-anniversary .custom-intro-claim-pic {top: 7rem;} } @media screen and (max-width: 767px) { .custom-slider .carousel-item-77-anniversary .custom-intro-logo-pic {} .custom-slider .carousel-item-77-anniversary .custom-intro-logo-pic img {display: none;} .custom-slider .carousel-item-77-anniversary .custom-intro-claim-pic {top: 25px; left:1em; width: 3.5rem;}} @media screen and (max-width: 575px) { .custom-slider .carousel-item-77-anniversary .custom-intro-logo-pic img {display: none;} .custom-slider .carousel-item-77-anniversary .custom-slider-claim {bottom: auto; top: 8rem;} .custom-slider .carousel-item-77-anniversary .custom-intro-claim-pic {top: 25px; left: 1.25rem; width: 4.5rem;} } /************************************ * Kampagne: 77 Jahre - Landingages *************************************/ /* Intro */ .custom-77-anniversary .custom-intro.custom-intro-xl .custom-intro-claim {font-size: 100%; top: 42.35%; left: calc(50% - 31em);} .custom-77-anniversary .custom-intro.custom-intro-xl .custom-intro-claim h2 {font-size: 200%;} .custom-77-anniversary .custom-intro.custom-intro-xl .custom-intro-claim h3 {max-width: 100%; font-size: 180%; margin-bottom: 1.75rem;} .custom-77-anniversary .custom-intro.custom-intro-xl {height: 32.5em;} .custom-77-anniversary .custom-intro.custom-intro-xl.custom-height {height: 25em;} .custom-77-anniversary .custom-intro.custom-intro-xl.custom-height .custom-intro-claim {top: 55%;} .custom-77-anniversary .custom-intro .custom-multiline h2 span.bg-secondary {padding: 10px 0 8px 0;} .custom-77-anniversary .custom-intro .custom-intro-claim .custom-intro-claim-pic {position: absolute; left: -6.75em; top: -3.125em; width: 5.25em; height: 5.25em;} .custom-77-anniversary .custom-intro .custom-intro-claim .custom-intro-claim-pic img {width: 100% !important; height: auto !important;} .custom-77-anniversary .custom-intro .custom-intro-logo-pic {position: absolute; right: 0; top: 0; width: 100%; height: 120%; z-index: 1; background: url(/img/campaigns/77-anniversary/intro-gradient.png) right top no-repeat; background-size: 100% 100%;} .custom-77-anniversary .custom-intro .custom-intro-logo-pic img {position: absolute; top: 8.025em; left: calc(50% + 6em); width: 28em !important; height: auto !important; z-index: 2;} .custom-77-anniversary .custom-intro.custom-intro-xl.custom-height.custom-intro-logo-pic img {top: 6em;} .custom-77-anniversary .custom-intro.custom-intro-xl.custom-height .custom-intro-logo-pic {background-size: 100% 120%;} /* Titles, Text */ .custom-77-anniversary h1, .custom-77-anniversary .h1 {font-size: 280%; padding-top: 1rem;} /* Buttons */ .custom-77-anniversary .custom-btn-std.custom-size {font-size: 1.75rem !important;} /* Content Module */ .custom-77-anniversary .custom-wrap-products {background: url(/img/campaigns/77-anniversary/intro.jpg) no-repeat; background-size: cover; text-align: center; padding: .5em 1em 0 1em;} .custom-77-anniversary .custom-wrap-products .row .d-flex {padding-right: 2em;} .custom-77-anniversary .custom-wrap-products img {margin: 0 auto 1.75em auto; width: 87%; height: auto;} .custom-77-anniversary .custom-download-box {border: 2px solid #f0f0f0;} .custom-77-anniversary .custom-download-box .custom-pics {} .custom-77-anniversary .custom-download-box .custom-pics div {border: 1px solid #ebebeb; float: left; margin-right: .5em; background-color: #fff;} .custom-77-anniversary .custom-download-box .custom-pics-01 div {width: calc(13% - .5em); padding: .5em;} .custom-77-anniversary .custom-download-box .custom-pics-02 div {width: calc(46.15% - .5em);} .custom-77-anniversary .custom-download-box .custom-pics div img {width: 100%; height: auto; } /* Table */ .custom-77-anniversary .custom-table-wrap {max-width: 100%; overflow: hidden; /*overflow-x: scroll; */} .custom-77-anniversary table {border-collapse: collapse; width: 100%; border-bottom: 2px solid #fff;} .custom-77-anniversary td, th {padding: 1em .25em; font-size: 70%; border-right: 1px solid #fff; border-bottom: 1px solid #fff; line-height: 1.3;} .custom-77-anniversary th {font-size: 65%; font-weight: 400; color: #fff; background-color: #009bda; white-space: nowrap;} .custom-77-anniversary thead th {border-bottom: 2px solid #fff;} .custom-77-anniversary tr:nth-child(even) {background-color: #fff;} .custom-77-anniversary tr:nth-child(odd) {background-color: #f7f7f7;} .custom-77-anniversary th:nth-child(7) {background-color: #0ba397;} .custom-77-anniversary tr:nth-child(even) td:nth-child(7) {background-color: #e9fbfb;} .custom-77-anniversary tr:nth-child(odd) td:nth-child(7) {background-color: #daf2f1;} .custom-77-anniversary td:nth-child(1), .custom-77-anniversary td:nth-child(2), .custom-77-anniversary td:nth-child(3), .custom-77-anniversary td:nth-child(4) {text-align: left;} .custom-77-anniversary th:nth-child(5), .custom-77-anniversary th:nth-child(6), .custom-77-anniversary th:nth-child(7), .custom-77-anniversary td:nth-child(5), .custom-77-anniversary td:nth-child(6), .custom-77-anniversary td:nth-child(7) {text-align: center;} .custom-77-anniversary th:nth-child(8) {text-align: right;} .custom-77-anniversary td:nth-child(8) {text-align: right; padding-right: .5em;} .custom-77-anniversary td:nth-child(1) {text-align: center;} .custom-77-anniversary td:nth-child(3) {white-space: nowrap;} /* Forms */ .custom-77-anniversary .form-control.custom-disabled {font-weight: 600;} .custom-77-anniversary .custom-search-form .custom-wrap-inner {} .custom-77-anniversary .custom-search-form .btn {border: none;} .custom-77-anniversary .custom-search-form input[type="text"] {padding: .4125em; width: 28em;} /* Search Results */ .custom-77-anniversary .custom-contact .custom-contact-info .custom-pic-container {margin-left: .5em;} .custom-77-anniversary .custom-contact .custom-contact-info p {padding-left: .5em; padding-right: .5em;} /* RESPONSIVE */ @media screen and (min-width: 1025px) { .custom-77-anniversary tr:hover, .custom-77-anniversary tr:nth-child(odd):hover td:nth-child(7), .custom-77-anniversary tr:nth-child(even):hover td:nth-child(7) {background-color: #c9ebf8;} .custom-77-anniversary .custom-wrap-products a img {transition: -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease;} .custom-77-anniversary .custom-wrap-products a:hover img {transform: scale(1.1); backface-visibility: hidden; /* mozilla stop flickering */ -moz-transform: scale(1.1) rotate(0.02deg); } } @media screen and (min-width: 1025px) and (max-width: 1379px) { .custom-77-anniversary .custom-intro.custom-intro-xl .custom-intro-claim {left: calc(50% - 25em);} .custom-77-anniversary .custom-table-wrap {overflow-x: scroll;} .custom-77-anniversary table {font-size: 115%;} } @media screen and (min-width: 1025px) and (max-width: 1180px) { .custom-77-anniversary .custom-intro.custom-intro-xl {font-size: 95%;} .custom-77-anniversary .custom-intro.custom-intro-xl .custom-intro-claim {left: calc(50% - 25em);} .custom-77-anniversary .custom-search-form input[type="text"] {width: calc(64vw - 15em);} } @media screen and (min-width: 768px) and (max-width: 1024px) { .custom-77-anniversary .custom-intro.custom-intro-xl {height: 45vw;} .custom-77-anniversary .custom-intro.custom-intro-xl .custom-intro-claim {font-size: 1.4vw; left: calc(50% - 25em);} .custom-77-anniversary .custom-intro .custom-intro-logo-pic img {left: auto; top: 11.5vw; right: 1.5em; width: 40vw !important;} .custom-77-anniversary .custom-table-wrap {overflow-x: scroll;} .custom-77-anniversary table {font-size: 115%;} .custom-77-anniversary .custom-search-form input[type="text"] {width: calc(66vw - 15em);} } @media screen and (min-width: 768px) and (max-width: 992px) { .custom-77-anniversary .custom-intro.custom-intro-xl.custom-height .custom-intro-logo-pic {height: 100%;} .custom-77-anniversary .custom-intro.custom-intro-xl .custom-intro-claim {font-size: 1.55vw; left: 10rem; top: 11rem !important;} .custom-77-anniversary .custom-intro .custom-intro-logo-pic img {top: 6rem;} .custom-77-anniversary .custom-article {padding: 0 4em 0 4em;} .custom-77-anniversary h1, .custom-77-anniversary .h1 {font-size: 220%;} .custom-77-anniversary .custom-search-form input[type="text"] {width: 25em;} } @media screen and (max-width: 767px) { .custom-77-anniversary .custom-intro.custom-intro-xl {height: 15rem; font-size: 1.65vw;} .custom-77-anniversary .custom-intro.custom-intro-xl.custom-height {height: 11rem;} .custom-77-anniversary .custom-intro.custom-intro-xl.custom-height .custom-intro-logo-pic {height: 100%;} .custom-77-anniversary .custom-intro.custom-intro-xl .custom-intro-claim {left: 16vw; top: 4rem !important;} .custom-77-anniversary .custom-intro .custom-intro-logo-pic img {display: none;} .custom-77-anniversary .custom-btn-std.custom-size {font-size: 1.25rem !important;} .custom-77-anniversary h1, .custom-77-anniversary .h1 {font-size: 160%;} .custom-77-anniversary .custom-teaser {font-size: 110% !important;} .custom-77-anniversary .custom-wrap-products .row .d-flex {padding-right: 0;} .custom-77-anniversary .custom-wrap-products img {width: 100%; margin-left: -1em;} .custom-77-anniversary table, .custom-77-anniversary tbody, .custom-77-anniversary tr {display: block;} .custom-77-anniversary thead {display: none;} .custom-77-anniversary tr {border: 2px solid #f7f7f7; border-top: 0; padding: 1em 0;} .custom-77-anniversary td {display: block; border-right: none; border-bottom: none; padding: .375em 1.5em; text-align: left !important; font-size: .85rem;} .custom-77-anniversary td::before {content: " "; display: block; font-weight: 600;} .custom-77-anniversary td:nth-child(1)::before {content: "Artikelnr.: ";} .custom-77-anniversary td:nth-child(2)::before {content: "EAN Code: ";} .custom-77-anniversary td:nth-child(3)::before {content: "Artikelbezeichnung: ";} .custom-77-anniversary td:nth-child(4)::before {content: "Enthaltene Einzelprodukte: ";} .custom-77-anniversary td:nth-child(5)::before {content: "Mindestbestellmenge: ";} .custom-77-anniversary td:nth-child(6)::before {content: "Preisempfehlung Fachhandel: ";} .custom-77-anniversary td:nth-child(7)::before {content: "Aktionspreis Großhandel: ";} .custom-77-anniversary td:nth-child(8)::before {content: "Rechnungsprüfliste: ";} .custom-77-anniversary .custom-download-box {flex-direction: column;} .custom-77-anniversary .custom-download-box .h4 {margin-bottom: 1.5rem !important;} .custom-77-anniversary .custom-download-box div {width: 100%;} .custom-77-anniversary .custom-download-box .custom-pics-01 div {width: calc(25% - .5em); margin-bottom: .5em;} .custom-77-anniversary .custom-download-box .custom-pics-02 div {margin-right: 0; width: 100%; margin-bottom: 1em;} .custom-77-anniversary .custom-download-box .custom-btn-std {margin: .5rem auto 0 auto;} .custom-77-anniversary .custom-search-form input[type="text"] {width: 100%;} .custom-77-anniversary .custom-search-form .custom-button-all {width: 100% !important; margin-top: 1.5rem;} .custom-77-anniversary .custom-search-form .custom-button-all .btn {font-size: 85%;} } @media screen and (max-width: 575px) { .custom-77-anniversary .custom-intro.custom-intro-xl {height: 18rem; font-size: 2.1vw;} .custom-77-anniversary .custom-intro.custom-intro-xl.custom-height {height: 13rem;} .custom-77-anniversary .custom-intro.custom-intro-xl .custom-intro-claim {left: 19vw;} .custom-77-anniversary .custom-intro.custom-intro-xl .custom-intro-claim h2 {font-size: 220%;} .custom-77-anniversary .custom-intro.custom-intro-xl .custom-intro-claim .custom-space-multiline {height: 10px;} .custom-77-anniversary .custom-intro.custom-intro-xl .custom-intro-claim h3 {display: block !important;} .custom-77-anniversary .custom-intro.custom-intro-xl .custom-intro-claim h3 span {display: inline-block !important; width: auto !important;} .custom-77-anniversary .custom-wrap-products .row .d-flex {padding-right: 0;} .custom-77-anniversary .custom-wrap-products img {width: 95%; margin-left: -1em;} .custom-77-anniversary .custom-download-box .custom-pics-01 div {width: calc(33% - .5em); margin-bottom: .5em;} .custom-77-anniversary .custom-search-form input[type="submit"] {font-size: 1rem !important;} .custom-77-anniversary .custom-search-form input[type="text"] {font-size: 1rem !important;} } /************************************ * Kampagne: ANGA 2024 + Download Page *************************************/ /* Intro */ .custom-anga2024 .custom-intro.custom-intro-xl {height: 32.5em;} .custom-anga2024 .custom-intro.custom-intro-xl .custom-intro-claim {font-size: 100%; top: 38%; left: calc(50% - 31em);} .custom-anga2024 .custom-intro.custom-intro-xl .custom-intro-claim h2 {font-size: 175%;} .custom-anga2024 .custom-intro.custom-intro-xl .custom-intro-claim h3 {font-size: 150%; max-width: 100%; margin-bottom: 3.5rem;} .custom-anga2024 .custom-intro.custom-intro-xl .custom-intro-claim .custom-multiline {padding-left: 0;} .custom-anga2024 .custom-intro.custom-intro-xl .custom-intro-claim .custom-multiline h2 {padding-left: .65rem; padding-right: .65rem;} .custom-anga2024 .custom-intro.custom-intro-xl .custom-intro-claim h3 span {padding-left: .65rem; padding-right: .65rem;} .custom-anga2024 .custom-intro.custom-intro-xl .custom-intro-claim .custom-space-multiline {height: .625em;} .custom-anga2024 .custom-button-logo-wrap .custom-logo-anga {padding-top: .425rem;} .custom-anga2024 .custom-button-logo-wrap .custom-logo-anga img {height: 2.825rem !important; width: auto !important; position: static !important; transform: scale(1) !important;} .custom-anga2024 .custom-button-logo-wrap .custom-btn-std.custom-size {font-size: 1.8rem !important;} /* Container */ .custom-anga2024 .custom-special-width {padding: 0 11% 0 11%;} .custom-anga2024 .custom-row-themes > div > div {border: 2px solid #e5e5e5; padding: 2em;} .custom-anga2024 .custom-row-themes > div > div p {font-weight: 600;} /* Gradient */ .custom-anga2024-bg-gradient {display: none;} /* Titles, Text */ .custom-anga2024 h1, .custom-anga2024 .h1 {font-size: 275%; padding-top: 1rem; line-height: 1.25;} .custom-anga2024 .h2.custom-size {font-size: 180%;} /* Buttons */ .custom-anga2024 .btn.bg-yellow {background-color: #e0aa0f !important;} .custom-anga2024 .custom-btn-std.custom-size {font-size: 1.6rem !important; border: none !important;} .custom-anga2024 .custom-btn-std.custom-width {width: 16em;} .custom-anga2024 .custom-btn-std.btn-grey-medium:hover {background-color: #e0e0e0 !important; border-color: #e0e0e0 !important;} /* Forms */ .custom-anga2024 .form-control.custom-disabled {font-weight: 600;} /* Modal */ .custom-modal-anga2024 {} .custom-modal-anga2024 .custom-logos {height: 5em; padding: 1em;} .custom-modal-anga2024 .custom-logos img {height: 100%; width: auto;} .custom-modal-anga2024 .custom-logos img.custom-size {height: 85%;} .custom-modal-anga2024 .btn-grey-medium {color: #202020 !important; font-size: 100%;} /* Hero Slide Startseite */ .custom-slider .custom-anga2024 .custom-slider-claim {top: 36.5%;} .custom-slider .custom-anga2024 .custom-slider-claim h3 {margin-bottom: 3.5rem;} .custom-slider .custom-anga2024 .custom-slider-claim .custom-btn-std:hover {transform: none !important;} /* Download Page */ .custom-anga2024-downloads .custom-intro.custom-intro-xl {height: 28em;} .custom-anga2024-downloads .custom-intro.custom-intro-xl .custom-multiline-special {font-size: 85%;} .custom-anga2024-downloads .custom-download-box {border: 2px solid #f0f0f0; text-decoration: none !important; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -o-transition: all 200ms ease; transition: all 200ms ease;} .custom-anga2024-downloads .custom-download-box .custom-pic {height: 14em; margin: auto;} .custom-anga2024-downloads .custom-download-box .custom-pic img {width: 100%; height: 100%; object-fit: contain; border: 1px solid #f0f0f0;} .custom-anga2024-downloads .custom-download-box:hover {transform: scale(1.035);} .custom-anga2024-downloads .custom-download-box:hover .btn {background-color: #e30613;} /* RESPONSIVE */ @media screen and (min-width: 1025px) { } @media screen and (min-width: 1025px) and (max-width: 1379px) { .custom-anga2024 .custom-intro.custom-intro-xl .custom-intro-claim {} } @media screen and (min-width: 1025px) and (max-width: 1180px) { .custom-anga2024 .custom-intro.custom-intro-xl {font-size: 95%;} .custom-anga2024 .custom-intro.custom-intro-xl .custom-intro-claim {} } @media screen and (min-width: 768px) and (max-width: 1024px) { .custom-anga2024 .custom-intro.custom-intro-xl {height: 28em;} .custom-anga2024 .custom-intro.custom-intro-xl .custom-intro-logo-pic img {left: auto; top: 11.5vw; right: 1.5em; width: 40vw !important;} .custom-anga2024 .custom-anga2024-hero-pic {object-position: 80% center;} } @media screen and (min-width: 768px) and (max-width: 992px) { .custom-anga2024 .custom-intro.custom-intro-xl .custom-intro-claim {font-size: 1.55vw; left: 4%; top: 9rem !important;} .custom-anga2024 .custom-intro.custom-intro-xl .custom-intro-claim h2 {font-size: 190%;} .custom-anga2024 .custom-intro.custom-intro-xl .custom-intro-logo-pic img {top: 6rem;} .custom-anga2024 .custom-article {padding: 0 4em 0 4em;} .custom-anga2024 h1, .custom-anga2024 .h1 {font-size: 220%;} .custom-anga2024.custom-anga2024-downloads .custom-special-width {padding: 0 .5em;} } @media screen and (max-width: 767px) { .custom-anga2024 .custom-intro.custom-intro-xl {height: 14rem; font-size: 1.5vw;} .custom-anga2024 .custom-intro.custom-intro-xl .custom-intro-claim {left: 4%; top: 3rem !important;} .custom-anga2024 .custom-intro.custom-intro-xl .custom-intro-claim h2 {font-size: 210%;} .custom-anga2024 .custom-intro.custom-intro-xl .custom-intro-claim h3 {margin-bottom: 2rem;} .custom-anga2024 .custom-intro.custom-intro-xl .custom-intro-claim h3 span {padding: 8px .5rem 6px .5rem !important;} .custom-anga2024 .custom-intro.custom-intro-xl .custom-intro-claim .custom-multiline h2 {transform: translateX(-.25em);} .custom-anga2024 .custom-multiline h2 span.bg-secondary, .custom-anga2024 .custom-multiline .h2 span.bg-secondary {padding: .4em 0 .4em .075em; line-height: 1.5; display: inline; box-shadow: .4em 0 0 #e30613, -.4em 0 0 #e30613; -moz-box-shadow: .4em 0 0 #e30613, -.4em 0 0 #e30613; -webkit-box-shadow: .4em 0 0 #e30613, -.4em 0 0 #e30613; overflow: hidden; box-decoration-break: clone; -webkit-box-decoration-break: clone; -o-box-decoration-break: clone; position: relative;} .custom-anga2024 .custom-anga2024-hero-pic {object-position: 80% center;} .custom-anga2024 .custom-button-logo-wrap .custom-logo-anga img {height: 1.65rem !important;} .custom-anga2024 .custom-button-logo-wrap .custom-btn-std.custom-size {font-size: 1.25rem !important;} .custom-anga2024 .custom-btn-std.custom-size {font-size: 1.25rem !important;} .custom-anga2024 h1, .custom-anga2024 .h1 {font-size: 170%;} .custom-anga2024 .h2.custom-size {font-size: 140%;} .custom-anga2024 .custom-teaser {font-size: 110% !important;} .custom-anga2024 .custom-special-width {padding: 0 1em;} .custom-modal-anga2024 .custom-logos {height: 4em;} .custom-slider .custom-anga2024 .custom-slider-claim {top: 1.75rem;} .custom-slider .custom-anga2024 .custom-slider-claim h3 {margin-bottom: 1.5rem;} } @media screen and (max-width: 575px) { .custom-anga2024 .custom-intro.custom-intro-xl {height: 18rem;} .custom-anga2024-downloads .custom-intro.custom-intro-xl {height: 15rem;} .custom-anga2024 .custom-intro.custom-intro-xl .custom-intro-claim {left: 4%; top: 2.5rem !important;} .custom-anga2024 .custom-intro.custom-intro-xl .custom-intro-claim h2 {font-size: 280%;} .custom-anga2024 .custom-intro.custom-intro-xl .custom-intro-claim h3 {font-size: 220%;} .custom-anga2024 .custom-intro.custom-intro-xl .custom-intro-claim .custom-space-multiline {height: 10px;} .custom-anga2024 .custom-intro.custom-intro-xl .custom-intro-claim h3 {display: block !important;} .custom-anga2024 .custom-intro.custom-intro-xl .custom-intro-claim h3 span {display: inline-block !important; width: auto !important;} .custom-anga2024 .custom-anga2024-hero-pic {object-position: 86% center;} .custom-anga2024-bg-gradient {display: block; position: absolute; bottom: 0; right: 0; height: 15em; width: 80%; z-index: 1; background: url(/img/campaigns/anga2024/bg-gradient.png); background-size: 100% 100%;} .custom-slider .custom-anga2024-bg-gradient {height: 9em;} .custom-slider .custom-anga2024 .custom-slider-claim {top: 16%;} .custom-slider .custom-anga2024 .custom-anga2024-hero-pic {width: 100% !important; height: 100% !important; top: 0;} .custom-anga2024-downloads .custom-intro.custom-intro-xl .custom-multiline-special {} .custom-anga2024-downloads .custom-intro.custom-intro-xl .custom-multiline-special span {font-size: 120%; display: block; padding-top: 3px; padding-bottom: 3px; max-width: 85%;} } @media screen and (max-width: 400px) { .custom-anga2024 .custom-intro.custom-intro-xl {height: 16rem;} .custom-anga2024-downloads .custom-intro.custom-intro-xl {height: 14rem;} .custom-anga2024 .custom-anga2024-hero-pic {object-position: 85% center;} .custom-anga2024 .custom-button-logo-wrap .custom-btn-std.custom-size {font-size: 5vw !important;} .custom-anga2024 .custom-button-logo-wrap .custom-logo-anga img {height: 7vw !important; } .custom-anga2024 .custom-row-themes > div > div {padding: 1.5em;} .custom-anga2024 .custom-btn-std.custom-size {font-size: 5vw !important;} .custom-modal-anga2024 .custom-logos {height: 3.75em;} } /************************************ * Kampagne: ANGA 2024 - Frisch bleiben mit ASTRO *************************************/ .custom-anga2024-frisch-bleiben .custom-intro.custom-intro-xl {height: 32.5em;} .custom-anga2024-frisch-bleiben .custom-intro.custom-intro-xl .custom-intro-claim {font-size: 150%; top: 38%; left: calc(50% - 31rem);} .custom-anga2024-frisch-bleiben .custom-intro.custom-intro-xl .custom-intro-claim h2 {font-size: 175%;} .custom-anga2024-frisch-bleiben .custom-intro.custom-intro-xl .custom-intro-claim h3 {font-size: 100%; max-width: 100%; margin-bottom: 3.5rem;} .custom-anga2024-frisch-bleiben .custom-intro.custom-intro-xl .custom-intro-claim .custom-multiline {padding-left: 0;} .custom-anga2024-frisch-bleiben .custom-intro.custom-intro-xl .custom-intro-claim .custom-multiline h2 {padding-left: .65rem; padding-right: .65rem;} .custom-anga2024-frisch-bleiben .custom-intro.custom-intro-xl .custom-intro-claim h3 span {padding-left: .65rem; padding-right: .65rem;} .custom-anga2024-frisch-bleiben .custom-intro.custom-intro-xl .custom-intro-claim h3 span.bg-white {-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);} .custom-anga2024-frisch-bleiben .custom-intro.custom-intro-xl .custom-intro-claim .custom-space-multiline {height: .625em;} /* RESPONSIVE */ @media screen and (max-width: 1800px) { .custom-anga2024-frisch-bleiben .custom-intro.custom-intro-xl .custom-intro-claim {left: calc(50% - 30rem); font-size: 140%;} } @media screen and (min-width: 1025px) and (max-width: 1379px) { } @media screen and (min-width: 1025px) and (max-width: 1180px) { .custom-anga2024-frisch-bleiben .custom-intro.custom-intro-xl {font-size: 95%;} } @media screen and (min-width: 768px) and (max-width: 1024px) { .custom-anga2024-frisch-bleiben .custom-intro.custom-intro-xl {height: 24em;} .custom-anga2024-frisch-bleiben .custom-intro.custom-intro-xl .custom-intro-claim {left: 6vw; font-size: 1.9vw;} .custom-anga2024-frisch-bleiben .custom-intro.custom-intro-xl img {object-position: 35% center;} } @media screen and (min-width: 768px) and (max-width: 992px) { .custom-anga2024-frisch-bleiben .custom-intro.custom-intro-xl .custom-intro-claim {left: 6vw; font-size: 2.3vw;} .custom-anga2024-frisch-bleiben .custom-intro.custom-intro-xl .custom-intro-claim h2 {font-size: 170%;} .custom-anga2024-frisch-bleiben .custom-article {padding: 0 4em 0 4em;} .custom-anga2024-frisch-bleiben h1, .custom-em2024 .h1 {font-size: 220%;} } @media screen and (max-width: 767px) { .custom-anga2024-frisch-bleiben .custom-intro.custom-intro-xl {height: 14rem; font-size: 1.95vw;} .custom-anga2024-frisch-bleiben .custom-intro.custom-intro-xl img {width: 130% !important; height: 130% !important; margin-top: -4em;} .custom-anga2024-frisch-bleiben .custom-intro.custom-intro-xl .custom-intro-claim {left: 4%; top: 3rem !important;} .custom-anga2024-frisch-bleiben .custom-intro.custom-intro-xl .custom-intro-claim h2 {font-size: 210%;} .custom-anga2024-frisch-bleiben .custom-intro.custom-intro-xl .custom-intro-claim h3 {margin-bottom: 2rem;} .custom-anga2024-frisch-bleiben .custom-intro.custom-intro-xl .custom-intro-claim h3 span {padding: 8px .5rem 6px .5rem !important;} .custom-anga2024-frisch-bleiben .custom-intro.custom-intro-xl .custom-intro-claim .custom-multiline h2 {transform: translateX(-.25em);} .custom-anga2024-frisch-bleiben .custom-multiline h2 span.bg-secondary, .custom-anga2024-frisch-bleiben .custom-multiline .h2 span.bg-secondary {padding: .4em 0 .4em .075em; line-height: 1.5; display: inline; box-shadow: .4em 0 0 #e30613, -.4em 0 0 #e30613; -moz-box-shadow: .4em 0 0 #e30613, -.4em 0 0 #e30613; -webkit-box-shadow: .4em 0 0 #e30613, -.4em 0 0 #e30613; overflow: hidden; box-decoration-break: clone; -webkit-box-decoration-break: clone; -o-box-decoration-break: clone; position: relative;} .custom-anga2024-frisch-bleiben h1, .custom-anga2024-frisch-bleiben .h1 {font-size: 170%;} .custom-anga2024-frisch-bleiben .h2.custom-size {font-size: 140%;} .custom-anga2024-frisch-bleiben .custom-teaser {font-size: 110% !important; margin-top: 1rem;} } @media screen and (max-width: 575px) { .custom-anga2024-frisch-bleiben .custom-intro.custom-intro-xl {height: 18rem; font-size: 1.45vw;} .custom-anga2024-frisch-bleiben .custom-intro.custom-intro-xl img {width: 100% !important; height: 100% !important; margin-top: 0; object-position: center center !important;} .custom-anga2024-frisch-bleiben .custom-intro.custom-intro-xl .custom-intro-claim {left: 4%; top: 2.5rem !important;} .custom-anga2024-frisch-bleiben .custom-intro.custom-intro-xl .custom-intro-claim h2 {font-size: 280%;} .custom-anga2024-frisch-bleiben .custom-intro.custom-intro-xl .custom-intro-claim h3 {font-size: 220%;} .custom-anga2024-frisch-bleiben .custom-intro.custom-intro-xl .custom-intro-claim .custom-space-multiline {height: 10px;} .custom-anga2024-frisch-bleiben .custom-intro.custom-intro-xl .custom-intro-claim h3 {display: block !important; max-width: 65%;} .custom-anga2024-frisch-bleiben .custom-intro.custom-intro-xl .custom-intro-claim h3 span {display: inline-block !important; width: auto !important;} .custom-anga2024-frisch-bleiben .custom-intro.custom-intro-xl .custom-intro-claim .custom-intro-claim-pic {top: 14.25em; transform: translateX(1.25em) rotate(-10deg);} .custom-anga2024-frisch-bleiben .custom-intro.custom-intro-xl .custom-intro-claim h3 span.bg-white {-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.20); -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.20); box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.20);} } @media screen and (max-width: 400px) { .custom-anga2024-frisch-bleiben .custom-intro.custom-intro-xl {height: 16rem;} .custom-anga2024-frisch-bleiben .custom-row-themes > div > div {padding: 1.5em;} .custom-anga2024-frisch-bleiben .custom-intro.custom-intro-xl .custom-intro-claim .custom-intro-claim-pic {top: 15.25em; transform: translateX(2em) rotate(-10deg); width: 14em;} } /************************************ * Kampagne: EM2024 - Landingages *************************************/ .custom-em2024 .custom-intro.custom-intro-xl {height: 32.5em;} .custom-em2024 .custom-intro.custom-intro-xl .custom-intro-claim {font-size: 150%; top: 38%; left: calc(50% - 31rem);} .custom-em2024 .custom-intro.custom-intro-xl .custom-intro-claim h2 {font-size: 175%;} .custom-em2024 .custom-intro.custom-intro-xl .custom-intro-claim h3 {font-size: 150%; max-width: 100%; margin-bottom: 3.5rem;} .custom-em2024 .custom-intro.custom-intro-xl .custom-intro-claim .custom-multiline {padding-left: 0;} .custom-em2024 .custom-intro.custom-intro-xl .custom-intro-claim .custom-multiline h2 {padding-left: .65rem; padding-right: .65rem;} .custom-em2024 .custom-intro.custom-intro-xl .custom-intro-claim h3 span {padding-left: .65rem; padding-right: .65rem;} .custom-em2024 .custom-intro.custom-intro-xl .custom-intro-claim .custom-space-multiline {height: .625em;} .custom-em2024 .custom-intro.custom-intro-xl .custom-intro-claim .custom-intro-claim-pic {display: block; position: absolute; width: 12em; height: 8em; z-index: -1; top: 2.4em; transform: translateX(-10.5em)} .custom-em2024 .custom-intro.custom-intro-xl .custom-intro-claim .custom-intro-claim-pic img {width: 100% !important; height: auto !important; position: static;} .custom-em2024 .custom-intro.custom-intro-xl .custom-pic-right {position: absolute; top: 0; right: 0; height: 100%; width: 50em; z-index: 1;} .custom-em2024 .custom-intro.custom-intro-xl .custom-pic-right img {width: auto !important; height: 100% !important; right: 0; transform: scale(1) !important;} /* Titles, Text */ .custom-em2024 h1, .custom-em2024 .h1 {font-size: 257%; padding-top: 1rem; line-height: 1.25;} .custom-em2024 .h2.custom-size {font-size: 180%;} /* Buttons */ .custom-em2024 .btn.bg-yellow {background-color: #e0aa0f !important;} .custom-em2024 .custom-btn-std.custom-size {font-size: 1.6rem !important; border: none !important;} .custom-em2024 .custom-btn-std.custom-width {width: 16em;} .custom-em2024 .custom-btn-std.btn-grey-medium:hover {background-color: #e0e0e0 !important; border-color: #e0e0e0 !important;} /* Content Module */ .custom-em2024 .custom-row-themes > div > div {border: 2px solid #e5e5e5; padding: 2em;} .custom-em2024 .custom-row-themes > div > div p {font-weight: 600;} .custom-em2024 .custom-row-themes .custom-flag-icon {height: .75em; vertical-align: middle; transform: translateY(-.2em); margin-right: .4rem;} /* Forms */ .custom-em2024 .form-control.custom-disabled {font-weight: 600;} /* Modal */ .custom-modal-em2024 {} .custom-modal-em2024 .custom-logos {height: 5em; padding: 1em;} .custom-modal-em2024 .custom-logos img {height: 100%; width: auto;} .custom-modal-em2024 .custom-logos img.custom-size {height: 85%;} .custom-modal-em2024 .btn-grey-medium {color: #202020 !important; font-size: 100%;} /* RESPONSIVE */ @media screen and (max-width: 1800px) { .custom-em2024 .custom-intro.custom-intro-xl .custom-intro-claim {left: calc(50% - 19rem); font-size: 135%;} } @media screen and (min-width: 1025px) and (max-width: 1379px) { } @media screen and (min-width: 1025px) and (max-width: 1180px) { .custom-em2024 .custom-intro.custom-intro-xl {font-size: 95%;} } @media screen and (min-width: 768px) and (max-width: 1024px) { .custom-em2024 .custom-intro.custom-intro-xl {height: 28em;} .custom-em2024 .custom-intro.custom-intro-xl .custom-intro-claim {left: 20vw; font-size: 1.65vw;} } @media screen and (min-width: 768px) and (max-width: 992px) { .custom-em2024 .custom-intro.custom-intro-xl .custom-intro-claim {left: 20vw; font-size: 1.65vw;} .custom-em2024 .custom-intro.custom-intro-xl .custom-intro-claim h2 {font-size: 190%;} .custom-em2024 .custom-article {padding: 0 4em 0 4em;} .custom-em2024 h1, .custom-em2024 .h1 {font-size: 220%;} } @media screen and (max-width: 767px) { .custom-em2024 .custom-intro.custom-intro-xl {height: 14rem; font-size: 1.5vw;} .custom-em2024 .custom-intro.custom-intro-xl .custom-intro-claim {left: 4%; top: 3rem !important;} .custom-em2024 .custom-intro.custom-intro-xl .custom-intro-claim h2 {font-size: 210%;} .custom-em2024 .custom-intro.custom-intro-xl .custom-intro-claim h3 {margin-bottom: 2rem;} .custom-em2024 .custom-intro.custom-intro-xl .custom-intro-claim h3 span {padding: 8px .5rem 6px .5rem !important;} .custom-em2024 .custom-intro.custom-intro-xl .custom-intro-claim .custom-multiline h2 {transform: translateX(-.25em);} .custom-em2024 .custom-intro.custom-intro-xl .custom-intro-claim .custom-intro-claim-pic{top: 6.75em; transform: translateX(25px) rotate(-10deg);} .custom-em2024 .custom-multiline h2 span.bg-secondary, .custom-em2024 .custom-multiline .h2 span.bg-secondary {padding: .4em 0 .4em .075em; line-height: 1.5; display: inline; box-shadow: .4em 0 0 #e30613, -.4em 0 0 #e30613; -moz-box-shadow: .4em 0 0 #e30613, -.4em 0 0 #e30613; -webkit-box-shadow: .4em 0 0 #e30613, -.4em 0 0 #e30613; overflow: hidden; box-decoration-break: clone; -webkit-box-decoration-break: clone; -o-box-decoration-break: clone; position: relative;} .custom-em2024 h1, .custom-em2024 .h1 {font-size: 170%;} .custom-em2024 .h2.custom-size {font-size: 140%;} .custom-em2024 .custom-teaser {font-size: 110% !important; margin-top: 1rem;} .custom-em2024 .custom-logos {height: 4em;} } @media screen and (max-width: 575px) { .custom-em2024 .custom-intro.custom-intro-xl {height: 18rem;} .custom-em2024 .custom-intro.custom-intro-xl .custom-intro-claim {left: 4%; top: 2.5rem !important;} .custom-em2024 .custom-intro.custom-intro-xl .custom-intro-claim h2 {font-size: 280%;} .custom-em2024 .custom-intro.custom-intro-xl .custom-intro-claim h3 {font-size: 220%;} .custom-em2024 .custom-intro.custom-intro-xl .custom-intro-claim .custom-space-multiline {height: 10px;} .custom-em2024 .custom-intro.custom-intro-xl .custom-intro-claim h3 {display: block !important;} .custom-em2024 .custom-intro.custom-intro-xl .custom-intro-claim h3 span {display: inline-block !important; width: auto !important;} .custom-em2024 .custom-intro.custom-intro-xl .custom-intro-claim .custom-intro-claim-pic {top: 14.25em; transform: translateX(1.25em) rotate(-10deg);} .custom-em2024 .custom-intro.custom-intro-xl .custom-intro-claim h3 span.bg-white {-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.20); -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.20); box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.20);} } @media screen and (max-width: 400px) { .custom-em2024 .custom-intro.custom-intro-xl {height: 16rem;} .custom-em2024 .custom-row-themes > div > div {padding: 1.5em;} .custom-em2024 .custom-intro.custom-intro-xl .custom-intro-claim .custom-intro-claim-pic {top: 15.25em; transform: translateX(2em) rotate(-10deg); width: 14em;} } /**************************************************************************************** * Cookie Compliance Layer *****************************************************************************************/ .custom-cookie-layer {position: fixed; bottom: 0; width: 100%; background: rgba(240,240,240,1); font-size: 95%; padding: 7px 0 5px 0; z-index: 1000; font-family: 'hind', sans-serif; /* -webkit-box-shadow: 0px -4px 8px 0px rgba(0,0,0,0.13); -moz-box-shadow: 0px -4px 8px 0px rgba(0,0,0,0.13); -moz-box-shadow: 0px -4px 8px 0px rgba(0,0,0,0.13); box-shadow: 0px -4px 8px 0px rgba(0,0,0,0.13); */} .custom-cookie-layer div {width: 100%;} .custom-cookie-layer div p {margin: 0; padding: 7px 85px 7px 85px; line-height: 1.333; font-weight: 400; color: #202020;} .custom-cookie-layer div p a {text-decoration: underline;} .custom-cookie-layer div p a:hover {color: #e2001a;} .custom-cookie-layer .custom-btn-close {display: block; position: absolute; right: 0; top: 0; width: 55px; height: 100%; padding: 18px 0 17px 0; color: #fff; text-decoration: none; background-size: 1em auto; background-color: #e30613; font-size: 100%; font-weight: 500; text-align: center; line-height: 1;} .custom-cookie-layer .custom-btn-close:hover {transform: none;} .custom-cookie-layer .custom-btn-close span {-webkit-transition: all 200ms ease; -moz-transition: all 500ms ease; -o-transition: all 200ms ease; transition: all 200ms ease;} .custom-cookie-layer .custom-btn-close:hover span {display: inline-block; transform: scale(1.2);} @media screen and (max-width : 992px) { .custom-cookie-layer {font-size: 100%; text-align: left; min-height: 4.5em;} .custom-cookie-layer div p {margin: 0; padding: 7px 65px 7px 20px; line-height: 1.333;} .custom-cookie-layer .custom-btn-close {width: 38px; height: 38px; margin: 14px 15px 0 0; padding: 13px 0 0 0;} } @media screen and (max-width : 767px) { .custom-cookie-layer {font-size: 15px} }