/* COLORS: ------- #5B7083 dark-grey #DEE2E6 light-gre */ /* --------------------------------------------------------------------------- */ /* --------------------------------- STYLES ---------------------------------- */ /* --------------------------------------------------------------------------- */ /** * @license * MyFonts Webfont Build ID 3867246, 2020-12-16T11:57:38-0500 * * The fonts listed in this notice are subject to the End User License * Agreement(s) entered into by the website owner. All other parties are * explicitly restricted from using the Licensed Webfonts(s). * * You may obtain a valid license at the URLs below. * * Webfont: undefined by undefined * URL: https://www.myfonts.comundefined * Copyright: Copyright © 2024 Monotype Imaging Inc. All rights reserved. * * Webfont: undefined by undefined * URL: https://www.myfonts.comundefined * Copyright: Copyright © 2024 Monotype Imaging Inc. All rights reserved. * * Webfont: undefined by undefined * URL: https://www.myfonts.comundefined * Copyright: Copyright © 2024 Monotype Imaging Inc. All rights reserved. * * Webfont: undefined by undefined * URL: https://www.myfonts.comundefined * Copyright: Copyright © 2024 Monotype Imaging Inc. All rights reserved. * * © 2024 MyFonts Inc. */ @font-face { font-family: "UniversPro65Bold"; src: url('../fonts/MyWebfontsKit/webFonts/UniversPro65Bold/font.woff2') format('woff2'), url('../fonts/MyWebfontsKit/webFonts/UniversPro65Bold/font.woff') format('woff'); } @font-face { font-family: "UniversPro55Roman"; src: url('../fonts/MyWebfontsKit/webFonts/UniversPro55Roman/font.woff2') format('woff2'), url('../fonts/MyWebfontsKit/webFonts/UniversPro55Roman/font.woff') format('woff'); } @font-face { font-family: "UniversPro57Condensed"; src: url('../fonts/MyWebfontsKit/webFonts/UniversPro57Condensed/font.woff2') format('woff2'), url('../fonts/MyWebfontsKit/webFonts/UniversPro57Condensed/font.woff') format('woff'); } @font-face { font-family: "UniversPro67BoldCondensed"; src: url('../fonts/MyWebfontsKit/webFonts/UniversPro67BoldCondensed/font.woff2') format('woff2'), url('../fonts/MyWebfontsKit/webFonts/UniversPro67BoldCondensed/font.woff') format('woff'); } .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 { position: relative; min-height: 1px; padding-left: 20px; padding-right: 20px; } body{position:relative;font-family: "UniversPro57Condensed";font-size: 21.9px;} @media (max-width:1023px){ body{font-size: 18px;} } img{max-width:100%; height:auto;} a:focus, a:active, button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, select::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner {border:0; outline :0; } strong, b{font-family:"UniversPro67BoldCondensed"; font-weight:normal;} p, h1, .h1, h2, .h2, h3, .h3 {margin-bottom: 30px;} h1, .h1 { font-size: clamp(30px, 4vw, 50px); font-family:"UniversPro67BoldCondensed"; } h2, .h2 { font-size: clamp(26px, 3vw, 44px); font-family:"UniversPro67BoldCondensed"; } h3, .h3 { font-size: clamp(24px, 2.5vw, 36px); font-family:"UniversPro67BoldCondensed"; } h4, .h4 { font-size: clamp(20px, 1.25vw, 26px); font-family:"UniversPro67BoldCondensed"; } /* Buttons ================================================ */ .btn{padding: 13px 30px; border-radius: 3rem; transition: all 0.3s ease-out; font-size:15px; font-family:"UniversPro57Condensed"; position:relative;} /*.btn:after{font-family:"gielisch"; content:"\e902"; position:absolute; top:13px; right:15px; }*/ a.btn-back{font-family:"UniversPro57Condensed";padding-left:35px; padding-right:20px; position:relative; padding: 13px 25px 13px 35px;} a.btn-back:after{font-family:"gielisch"; content:"\e901"; position:absolute; top:13px; left:20px; right:auto;} a.btn-print{font-family:"UniversPro57Condensed"; padding-right:35px; position:relative; padding: 13px 40px 13px 25px;} a.btn-print:after{font-family:"gielisch"; content:"\f02f"; position:absolute; top:13px; right:20px; } a.btn-default:hover{background:#5C7083; color:#ffffff; border-color:#5C7083;} a.btn-primary:hover{background:#E3000B; color:#ffffff; border-color:#E3000B;} a.btn-primary.btn-red { background: #E3000B; color: #ffffff; border-color: #E3000B; } a.btn-primary.btn-red:active:hover, a.btn-primary.btn-red.active:hover, a.btn-primary.btn-red:active:focus, a.btn-primary.btn-red.active:focus, a.btn-primary.btn-red:active.focus, a.btn-primary.btn-red.active.focus { color: #ffffff; background-color: #e3000b; border-color: #e3000b; } .intro{} /* Forms ================================================ */ .form-control{font-family:"UniversPro67BoldCondensed"; position:relative;} .select-icon select.form-control {-moz-appearance: none; -webkit-appearance: none; appearance: none; line-height:1em; padding: 13px 0px 13px 20px; z-index:1} .select-icon select.form-control::-ms-expand{display: none;} .select-icon:after {font-family:"gielisch"; content:"\e900"; position:absolute; top:13px; right:35px; color:#000000;} .select-icon-reverse:after {color:#ffffff;} .form-control-reverse{background:none; color:#ffffff; border-color:#ffffff; height: 50px;} .form-control-reverse option{color:#000000; background:#ffffff; padding: 0 23px;} .form-control-reverse:focus {border-color: #ffffff; } .form-control-reverse::-webkit-input-placeholder {color: #ffffff; } .form-control-reverse:-moz-placeholder {color: #ffffff; opacity: 1; } .form-control-reverse::-moz-placeholder {color: #ffffff; opacity: 1; } .form-control-reverse:-ms-input-placeholder {color: #ffffff; } form label{font-weight:normal;} form .form-control{text-transform:none;} .error{border:1px solid #E3000B; background-color: #FEF2F3; padding:1em; margin:0 0 3em 0;} .mandatory{color:#E3000B;} .form-control.red{border-color:#E3000B; background-color: #FEF2F3;} .radio.red{border:1px solid #E3000B; background-color: #FEF2F3; padding:10px 0;} .radio label, .checkbox label {padding-left: 0;} .radio label input, .checkbox label input {accent-color:#e3000b;} form {padding-bottom: 40px;} /* Reset list ================================================ */ .resetlist{list-style:none; margin:0; padding:0;} .resetlist li{list-style:none; margin:0; padding:0;} /* HEADER ================================================ */ .header{min-height:100px; position: fixed; z-index: 100;background: transparent; border-bottom: 1px solid #ffffff7f; width:100%;} .header-content { position: relative; padding-top: 20px; display: flex; justify-content: flex-end; align-items: center; } .header + .csc-default .maincontent .container{padding-top:2em; border-top: 1px solid #DEE2E6;} .header + .csc-default .maincontent .container.top{border-top: none} /* LOGO */ .logo a:hover{text-decoration:none;} .logo-img{display:inline-block; margin:32px -4px 0 0; vertical-align:top; width:127px;} .logo svg{display:block; margin:0 0 0 0; vertical-align:top; width:127px;} .logo svg#logo{display:none;} .logo-text{display:none;} /* META */ .meta{position:absolute; top:23px; right:10px;} .metanav {display:inline-block; margin:0 -4px 0 0; vertical-align:top;} .metanav li{display:inline-block; margin:0 16px 0 20px; vertical-align:top; line-height:24px; font-size:14px;} .metanav li:last-child {margin-right: 0} .metanav li a{display:block; line-height:24px; color:#5A7084;} .metanav li a:hover{text-decoration:none; color:#E3000B;} .language {display:inline-block; margin:0 36px 0 0; vertical-align:top;} .language li{display:inline-block; margin:0 -4px 0 0; vertical-align:top; padding:0; font-size:16px;} .language li:first-child{border-left:1px solid #fff; padding:0 20px 0 30px;} .language li a{display:block; line-height:60px; color:#fff;font-family:"UniversPro67BoldCondensed";} .language li a:hover{text-decoration:none; color:#E3000B;} .language li.active a{color: #fff;} #main-menu.collapsed {display: inline-block;} /* SMARTMENU */ .nav-wrap {position:relative; padding:12px 0 10px 0; background:#fff; z-index:100; } .sm-clean, .sm.sm-clean {border-radius:0; background:none; } .sm-clean li {border-top:1px solid #DEE2E6; } .sm-clean > li > ul::before, .sm-clean > li > ul::after {display:none; } .sm-clean > li:first-child > a, .sm-clean > li:first-child > *:not(ul) a {border-radius:0; } .sm-clean a.has-submenu {padding-right:0; } /*first level*/ .sm-clean a, .sm-clean a.has-submenu {font-family:"UniversPro65Bold"; font-size:16px; color:#ffffff; line-height:36px; margin:0; padding:10px 20px 10px 0; } .sm-clean a:hover, .sm-clean a:focus, .sm-clean a:active, .sm-clean a.highlighted {font-family:"UniversPro65Bold";font-size:16px;color:#E3000B;line-height:36px;margin:0;padding:10px 20px 10px 0;} .sm-clean a.current, .sm-clean a.current.has-submenu {font-family:"UniversPro65Bold";font-size:16px;color:#E3000B;line-height:36px;margin:0;padding:10px 20px 10px 0;} .sm-clean a.current:hover, .sm-clean a.current:focus, .sm-clean a.current:active, .sm-clean a.current.highlighted {font-family:"UniversPro65Bold";font-size:16px;color:#E3000B;line-height:36px;margin:0;padding:10px 20px 10px 0;} /*second level*/ .sm-clean ul a, .sm-clean ul a.has-submenu {font-family:"UniversPro57Condensed"; font-size:16px; color:#5B7083; line-height:21px; text-transform:none; margin:0; padding:17px 35px 14px 20px; border-left:0; position:relative; } .sm-clean ul a:hover, .sm-clean ul a:focus, .sm-clean ul a:active, .sm-clean ul a.highlighted {font-family:"UniversPro57Condensed"; font-size:16px; color:#E3000B; line-height:21px; text-transform:none; margin:0; padding:17px 35px 14px 20px; border-left:0; background:none; position:relative;} .sm-clean ul a.current, .sm-clean ul a.current.has-submenu {font-family:"UniversPro57Condensed"; font-size:16px; color:#E3000B; line-height:21px; text-transform:none; margin:0; padding:17px 35px 14px 20px; border-left:0; background:none; position:relative;} .sm-clean ul a.current:hover, .sm-clean ul a.current:focus, .sm-clean ul a.current:active, .sm-clean ul a.current.highlighted {font-family:"UniversPro57Condensed"; font-size:16px; color:#E3000B; line-height:21px; text-transform:none; margin:0; padding:17px 35px 14px 20px; border-left:0; background:none; position:relative;} /*third level*/ .sm-clean ul ul a, .sm-clean ul ul a.has-submenu {font-family:"UniversPro57Condensed"; font-size:16px; color:#5B7083; line-height:21px; text-transform:none; margin:0; padding:17px 35px 14px 30px; border-left:0; position:relative; } .sm-clean ul ul a:hover, .sm-clean ul ul a:focus, .sm-clean ul ul a:active, .sm-clean ul ul a.highlighted {font-family:"UniversPro57Condensed"; font-size:16px; color:#E3000B; line-height:21px; text-transform:none; margin:0; padding:17px 35px 14px 30px; border-left:0; background:none; position:relative; } .sm-clean ul ul a.current, .sm-clean ul ul a.current.has-submenu {font-family:"UniversPro57Condensed"; font-size:16px; color:#E3000B; line-height:21px; text-transform:none; margin:0; padding:17px 35px 14px 30px; border-left:0; background:none; position:relative; } .sm-clean ul ul a.current:hover, .sm-clean ul ul a.current:focus, .sm-clean ul ul a.current:active, .sm-clean ul ul a.current.highlighted {font-family:"UniversPro57Condensed"; font-size:16px; color:#E3000B; line-height:21px; text-transform:none; margin:0; padding:17px 35px 14px 30px; border-left:0; background:none; position:relative; } .hotline-content {display:none; padding: 20px 20px 0 20px; position: absolute; top: 100%; background: #fff; border: 1px solid #dee2e6; border-top: 0px; z-index: 100;} #reportDamage.active + .hotline-content {display: block;} .hotline-content a {padding:0!important; margin:0!important; font-size:inherit!important;} @media (min-width:768px){ .hotline-content {top: 100%; margin-top: 19px;} } @media (min-width:992px){ .hotline-content {top: 100%; margin-top:0;} } @media (min-width:1600px){ .hotline-content {top: 100px;} } /* SUBMENU */ .sm-clean {padding:0; border-radius:0; } .sm-clean ul {/*min-width:320px !important;*/ background:#fff; border:0; border-radius:0 !important; box-shadow:none; padding:0 0 20px 0; } #menu-button {font-family:"UniversPro67BoldCondensed"; font-size:21.9px; color:#5B7083; padding:10px 0 10px 58px; position:absolute; top:20px; right:0; z-index:1000; -webkit-transition:none; -moz-transition:none; transition:none;} #menu-button:hover, #menu-button:focus {text-decoration:none; } #menu-button:before {font-family:"gielisch"; font-size:32px; content:"\e90d"; color:#E3000B; position:absolute; top:3px; left:15px; } #main-menu, #main-menu * {-webkit-transition:none; -moz-transition:none; transition:none;} .has-submenu.highlighted {-webkit-transition:none; -moz-transition:none; transition:none;} .has-submenu.highlighted+ul {-webkit-transition:none; -moz-transition:none; transition:none;} /* FADE TO BLACK */ .fade-to-black {position:fixed; width:100%; height:100%; top:0; left:0; background:rgba(0,0,0,.7); opacity:0; display:none; } .fade-to-black.fade-mobile {display:none !important; } .fade-to-black.fade-tablet { } /* STAGE ================================================ */ .stage{margin-bottom: 5rem;position:relative;} .stage:before {display: block; content:" ";position: absolute; z-index: 2; top:0; left:0; right: 0; height: 140px; background: linear-gradient(to bottom, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.1) 50%, rgba(0,0,0,0) 100%);} section.contentstage {margin-bottom: 30px;} .stageslider, .contentstageslider{margin:0 auto;border:none;position:relative;background:none; max-height:100vh;} .stageslider .flex-viewport, .contentstageslider .flex-viewport {z-index: 1;} .stageslider .slides li, .contentstageslider .slides li{position:relative;} .stageslider .flex-direction-nav, .contentstageslider .flex-direction-nav { position: relative; margin-top: -10rem; margin-right: auto; margin-left: auto; padding-left: 20px; padding-right: 20px; } @media (min-width: 768px) { .stageslider .flex-direction-nav, .contentstageslider .flex-direction-nav { width: 760px; } } @media (min-width: 992px) { .stageslider .flex-direction-nav, .contentstageslider .flex-direction-nav { width: 980px; } } @media (min-width: 1200px) { .stageslider .flex-direction-nav, .contentstageslider .flex-direction-nav { width: 1180px; } } @media (min-width: 1600px) { .stageslider .flex-direction-nav, .contentstageslider .flex-direction-nav { width: 1520px; } } @media (min-width: 1900px) { .stageslider .flex-direction-nav, .contentstageslider .flex-direction-nav { width: 1640px; } } .stageslider .flex-control-nav, .contentstageslider .flex-control-nav {display:none;} .stageslider .flex-direction-nav li, .contentstageslider .flex-direction-nav li {width: 8.333%;display: inline-block;} .stageslider .flex-direction-nav a, .contentstageslider .flex-direction-nav a {width: 60px; max-width:100%; height:30px; position: relative; margin:0; z-index:3;} .stageslider .flex-direction-nav li.flex-nav-next, .contentstageslider .flex-direction-nav li.flex-nav-next {margin-left: 8.333%;} .stageslider .flex-direction-nav a.flex-prev, .contentstageslider .flex-direction-nav a.flex-prev {left:0px;font-size:0;} .stageslider .flex-direction-nav a.flex-next, .contentstageslider .flex-direction-nav a.flex-next {right:0;font-size:0;} .stageslider:hover .flex-direction-nav li.flex-nav-next, .contentstageslider:hover .flex-direction-nav li.flex-nav-next {opacity: 1!important; right:75%!important; } .stageslider:hover .flex-direction-nav a.flex-prev, .contentstageslider:hover .flex-direction-nav a.flex-prev {opacity: 1!important;left:0!important;} .stageslider:hover .flex-direction-nav a.flex-next, .contentstageslider:hover .flex-direction-nav a.flex-next {opacity: 1!important; right:0!important; } .stageslider .flex-direction-nav a.flex-next:before, .contentstageslider .flex-direction-nav a.flex-next:before {position:absolute; display:block; content:''; top:calc(50% - .5px); left:0; height:1px; width:100%; background: #e3000b;} .stageslider .flex-direction-nav a.flex-next:after, .contentstageslider .flex-direction-nav a.flex-next:after {position:absolute; display:block; content:''; top:4px; right:5px; width:21px; height:21px; border:1px solid #e3000b; border-left:none; border-bottom: none; transform: rotate(45deg);} .stageslider .flex-direction-nav a.flex-prev:before, .contentstageslider .flex-direction-nav a.flex-prev:before {position:absolute; display:block; content:''; top:calc(50% - .5px); left:0; height:1px; width:100%; background: #e3000b;} .stageslider .flex-direction-nav a.flex-prev:after, .contentstageslider .flex-direction-nav a.flex-prev:after {position:absolute; display:block; content:''; top:4px; left:5px; width:21px; height:21px; border:1px solid #e3000b; border-left:none; border-bottom: none; transform: rotate(225deg);} .stageslider .container, .contentstageslider .container {position: relative; height: 100%;} .stageslider .slides li, .contentstageslider .slides li {padding-bottom:14rem;} .stageslider .caption, .contentstageslider .caption {position:absolute; color:#fff; background:#e3000be6; text-shadow:none; font-size:inherit; line-height:inherit; padding:6rem 8rem 4rem 8rem; right:0; bottom: 0; } .stageslider .caption h3, .contentstageslider .caption h3 {color:#fff;font-family:"UniversPro67BoldCondensed";} .stageslider .caption p, .contentstageslider .caption p {margin:0 0 1em 0; color:#fff;} .stageslider .caption .btn, .contentstageslider .caption .btn {background:#fff; color:#e3000b; border-color:#e3000b;border-radius: 30px; margin-top:2rem;} .stageslider .caption .btn:hover, .contentstageslider .caption .btn:hover{background:#e3000b; color:#ffffff; border-color:#fff;} .stageslider .flex-control-nav, .contentstageslider .flex-control-nav {bottom:110px;} .customcontrol {width:100%; position:absolute; bottom:110px; z-index:1; text-align:center; margin:0; padding:0;} .customcontrol li {float:left; margin-left:1px; text-align:center; cursor:pointer; background:rgba(0,0,0,0.2); color:rgba(255,255,255,0.7); border-bottom:2px solid rgba(0,0,0,0.2); padding:8px 10px; font-family:"UniversPro67BoldCondensed"; line-height:1.3em;} .customcontrol li:first-child {margin-left:0;} .customcontrol li:hover {background:#ffffff; color:#8C9BA8; border-bottom:2px solid #ffffff;} .customcontrol li.flex-active {background:#ffffff; color:#8C9BA8; border-bottom:2px solid #ffffff;} #nav-slider {height: 0; margin: 0; opacity: 0; padding: 0; visibility: hidden; width: 0; position:absolute; top:-99999em; left:-99999em;} .flex-control-paging li a {width: 10px; height: 10px; background: rgba(222, 0, 11, 0.5); -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none;} .flex-control-paging li a:hover {background: rgba(222, 0, 11, 0.7); } .flex-control-paging li a.flex-active {background: rgba(222, 0, 11, 0.9); } .flex-direction-nav a {width: 46px; height: 46px; top: 50%; color: rgba(255, 255, 255, 0.8); text-shadow: none; } .flex-direction-nav a:before {font-family: "gielisch"; font-size: 40px; line-height:46px; content: '\e909'; color: rgba(255, 255, 255, 0.8); text-shadow: none; } .flex-direction-nav a.flex-next:before {content: '\e90a'; } /*Alternative*/ .alternativestageslider{margin:0 auto; border:none; position:relative; background:none; max-width:1920px} .alternativestageslider .slides li{ position:relative;} .alternativestageslider .flex-direction-nav .flex-prev {left:0px; } .alternativestageslider .flex-direction-nav .flex-next {right:0px; } .alternativestageslider .caption {position:relative; color:#5A7083; text-shadow:none; font-size:inherit; line-height:inherit; padding:1.5em 0 0 0; } .alternativestageslider .caption h3{font-size:24px; color:#5A7083;} .alternativestageslider .caption p{font-size:16px; margin:0 0 1em 0; color:#5A7083;} .alternativestageslider .caption .btn{background:transparent; color:#5C7083; border-color:#5C7083;} .alternativestageslider .caption .btn:hover{background:#5C7083; color:#ffffff; border-color:#5C7083;} .alternativestageslider .flex-control-nav {bottom:110px;} /* HEADINTRO ================================================ */ .section-headintro{margin:0 auto 0 auto;padding: 90px 0 20px 0;position:relative;background:#e3000b;color:#fff;} .section-headintro h1{margin:0 0 0.25em 0; color:#ffffff; } .section-headintro p{font-size:16px; color:#ffffff;} /* FILTER ================================================ */ .filter{position:relative; margin-bottom:20px;} .filter-container{position:relative;margin:0 auto;background:#E3000B;color:#ffffff;padding: 0 20px;} .filter-container h3{margin:0 0 1.75em 0; } .filter-container .form-control{margin:0 0 20px 0; } .filtergrid {margin:40px -20px;} .filtergrid-item {width: 100%; padding:20px 20px;} .filtergrid.dflex {display:flex; flex-wrap:wrap; justify-content: flex-start; align-items: flex-start;} .filtergrid.dflex .filtergrid-item {flex: 0 0 100%;} .person .textContainer { margin: -5.3rem 2rem -3rem; padding: 1px 2rem 2rem 2rem; position: relative; background: #ffffff; } @media (min-width: 768px) { .person .textContainer { margin: -5.3rem 2rem -2rem; } } .personImg {position:relative; display: block; content:''; width:100%; padding-top:80%; margin:0 0 1.25em 0;} .personImg img {position:absolute; width: 100%; height:100%; top:0; left:0; object-fit:cover;} .person h3.name {margin: 1rem 0;font-size: 21.9px;} .person .position {margin:0 0 0.5em 0; font-size:19.9px; font-family:"UniversPro57Condensed";} .person .data {margin:0 0 0 0; font-size:16px;} /*Standorte*/ .standorte-map{ margin:0 auto;} #map{width:100%; height:100vw;} .standorte-intro{ margin:0; padding:20px 0;} .standorte-introheadline{margin:0 0 20px 0;} .standorte-introheadline h3{margin:0 0 0.25em 0; } .standorte-introcontent{margin:0 0 20px 0;} .standorte-row{margin:0;padding: 30px 0;border-top:1px solid #DEE2E6;} .standorte-rowheadline{margin:0 0 20px 0;} .standorte-rowheadline h3{margin:0 0 0.75em 0;} .standorte-rowitems{margin:0 0 20px 0;} .standorte-item{margin: 0 0 60px 0;} .button-row{margin:0;padding: 30px 0;} /*.standort {padding:0;} .standort img{margin-bottom:-24px; display:block;} .standort h3{background:#ffffff; display:inline-block; padding:10px 20px 0 0; margin:0 0 0.75em 0;} .standort p{font-size:16px; margin:0 0 1.25em 0;} .standort .btn{margin:0 1em 0.75em 0;}*/ .standort .btn-primary { background: #E3000B; color: #ffffff; position: absolute; border: #E3000B; bottom: 20px; } .standort .btn-primary:active:hover, .standort .btn-primary.active:hover, .standort .btn-primary:active:focus, .standort .btn-primary.active:focus, .standort .btn-primary:active.focus, .standort .btn-primary.active.focus { color: #ffffff; background-color: #e3000b; border-color: #e3000b; } .standort .data1 {} .standort .data1 p.data, .standort .data1 p.data b, .standort .data1 p.data strong {margin:0; font-size:16px;} .standort .data2 {} .standort .data2 p, .standort .data2 p b, .standort .data2 p strong {font-size:16px;} .standort .data3 {} .standort .data3 p, .standort .data3 p b, .standort .data3 p strong {font-size:16px;} .standort .textContainer { margin: -6rem 2rem -3rem; padding: 1px 2rem 6rem 2rem; position: relative; background: #ffffff; } @media (min-width: 768px) { .standort .textContainer { margin: -6rem 2rem 0rem; } } @media (min-width: 1200px) { .standort .textContainer { margin: -5rem 2rem 0rem; } } /*.standort img {margin:0 0 1.25em 0;aspect-ratio: 5/4;object-fit: cover;width: 100%;}*/ .standortImg {position:relative; display: block; content:''; width:100%; padding-top:80%; margin:0;} .standortImg img {position:absolute; width: 100%; height:100%; top:0; left:0; object-fit:cover;} .standort h3.name {margin: 1.5rem 0;font-size: 21.9px;} .standort .position {margin:0 0 0.5em 0; font-size:19.9px; font-family:"UniversPro57Condensed";} .standort .data {margin:0 0 0 0; font-size:16px;} /* SPECTRUM ================================================ */ .spectrum{position:relative;margin-bottom:20px;background: #E3000B;} .spectrum-container{position:relative;margin:0 auto;background: content-box;color:#ffffff;padding:20px;-webkit-transition:none;-moz-transition:none;display: flex;justify-content: space-between; flex-wrap: wrap; transition:none;} .spectrum-container.highlighted {/* color:#4c4c4c; *//* background:#440003 */} .spectrum-list {display:inline;display: flex; flex-wrap: wrap;} .spectrum-intro{position:relative; display:inline-block; margin:20px -4px 0 0; padding:0 0 20px 0; vertical-align:top; width:100%; } .spectrum-intro h3{margin-top:0;-webkit-transition:none;-moz-transition:none;transition:none;font-family: "UniversPro67BoldCondensed";} .spectrum-intro p{font-size:16px;-webkit-transition:none; -moz-transition:none; transition:none;font-family:"UniversPro57Condensed";} .spectrum-item{/*position:relative;*/display:inline-block;margin: 0;vertical-align:top;width:100%;text-align:center;font-family:"UniversPro67BoldCondensed";line-height:1.3;flex: 0 0 25%;} @media (max-width:1024px) { .spectrum-item {flex: 0 0 50%;} } .si-trigger{padding: 95px 10px 40px 10px;display:block;color:#ffffff;position:relative;text-align: center;/*overflow-wrap: break-word; word-wrap: break-word;*/hyphens: auto;transition: all 0.3s ease-out;} .si-trigger:hover, .si-trigger:focus, .si-trigger:active, .si-trigger.hovered, .si-trigger.open {background:#ffffff; color:#E3000B; text-decoration:none} .si-trigger:before{right: 0;font-size: 90px;position: absolute;top:0;left: 0;display: block;} .item-01 .si-trigger:before{font-family:"gielisch"; content:"\e90e";}/*Haftpflicht*/ .item-02 .si-trigger:before{font-family:"gielisch"; content:"\e911";}/*Sachschaden*/ .item-03 .si-trigger:before{font-family:"gielisch"; content:"\e913";}/*Transport*/ .item-04 .si-trigger:before{font-family:"gielisch"; content:"\e912";}/*Schiffskasko*/ .item-05 .si-trigger:before{font-family:"gielisch"; content:"\e90f";}/*Kunst*/ .item-06 .si-trigger:before{font-family:"gielisch"; content:"\e910";}/*Medien*/ .item-07 .si-trigger:before{font-family:"gielisch"; content:"\e914";}/*Windenergie*/ .item-08 .si-trigger:before{font-family:"gielisch"; content:"\e915";}/*Auslandsschäden*/ .item-09 .si-trigger:before{font-family:"gielisch"; content:"\e916";}/*Betriebsunterbrechung*/ .item-10 .si-trigger:before{font-family:"gielisch"; content:"\e917";}/*Cyber*/ .item-11 .si-trigger:before{font-family:"gielisch"; content:"\e918";}/*Technische Versicherung*/ .item-12 .si-trigger:before{font-family:"gielisch"; content:"\e919";}/*Food & Agribusiness*/ .si-content{background:#ffffff;color:#000000;text-align:left;padding:20px 20px;text-transform:none;font-family: "UniversPro55Roman";} .si-content h3 {font-size: 30px; font-family:"UniversPro67BoldCondensed"; } /* TEASER ================================================ */ .section-teaser{padding:0;} .teaser{padding:20px 0;margin: 2rem -20px;position: relative;} .teaser img{display:block;} .teaser .introline {color: #e3000b;display: block;font-size: 12px; font-family: "UniversPro67BoldCondensed";} .teaser h3{color:#000000;display:inline-block;padding: 0;margin: 0 0 0.75em 0;font-family: "UniversPro67BoldCondensed";} .teaser p{font-size:16px; margin:0 0 1.25em 0;font-family:"UniversPro57Condensed";} .teaser .btn{margin:0 1em 0.75em 0; width:100%;} .teaser .textContainer {margin: -6rem 4rem -6rem;padding: 2rem;position: relative;background: #fff;} .teaser.imgFull .textContainer {margin: -6rem 4rem 0; background: #E3000Be6;} @media (min-width: 767px) { .teaser{margin: 5rem -20px;} .teaser .textContainer, .teaser.imgFull .textContainer {margin: 2rem 2rem 0;} .teaser .btn {width: auto;} } /* NEWS ================================================ */ .teaser.news {margin: 5rem 0;} .teaser.news h3{background:none; padding:0; margin:0 2rem;} .teaser.news .newsContainer {margin: 2rem 0 4rem;} dl.newslist{margin:0;transition: all 0.3s ease-out;} dl.newslist a {display:block; text-decoration: none; padding: 2rem; border-bottom: 1px solid #00000016;} .teaser.news dl.newslist a {position: relative; padding-right: 6rem;} .teaser.news dl.newslist a:before {position: absolute; display: block; content: ''; top: calc(50% - .5px); right: 2rem; height: 1px; width: 40px; background: #e3000b;} .teaser.news dl.newslist a:after {position: absolute; display: block; content: ''; top: calc(50% - 2px); right: 26px; width: 15px; height: 15px; border: 1px solid #e3000b; border-left: none; border-bottom: none; transform: rotate(45deg) translateY(-50%);} .teaser.news dl.newslist:hover a:before {background: #fff;} .teaser.news dl.newslist:hover a:after {border-color:#fff;} dl.newslist dt{margin:0; padding:0 2rem 0 0; color:#E3000B; font-weight:normal; display: inline-block;} dl.newslist dd{margin:0; padding:0; color:#000000;display: inline-block;} dl.newslist:hover {background:#E3000B;} dl.newslist:hover dt {color:#fff;} dl.newslist:hover dd{color:#fff; } @media (max-width: 767px) { .teaser.news {margin: 0;} } /*********************************************/ /* (Typo3) Default styles for _news-bak extension */ /*********************************************/ .news .clear {clear: both; } .news .nav ul {float: left; display: inline; margin: 0; } .news .nav li {float: left; } .news .nav a {float: left; display: block; } .news .nav:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; } .news .article {padding-bottom: 2em; padding-top:2em; margin-bottom: 0; border-top: 1px solid #DEE2E6;} .news .article:first-child {border-top:0; } .news .article:last-child {padding-bottom: 0; margin-bottom: 0; } .news .article:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; } .news .article .news-img-wrap {margin: 2px 0 15px 0; background: #fff; } .news .article .news-img-wrap a {display: block; float: left; padding: 0; border: none; background: #fff; width: 100% } .news .article .news-img-wrap img {float: left; height: auto; width: 100%; max-width:100%; } .news .article .teaser-text {margin:0; } .news .article h3 {margin-bottom: 0.5em; color:#000000; line-height:1.4em;} .news .article h3 a { color:#000000;} .news .article h3 a:hover { text-decoration:none;} .news .footer {clear: none; padding: 0 0 0 0; border-top: none; margin-top: 15px; color: #888; margin:0 0 0.5em 0;} .news .footer p {line-height: 1em; margin:0; font-size:14px; color:#E3000B} .news .footer span {display: inline-block; padding-right: 8px; margin-right: 8px; border-right: 1px solid #ddd; } .news .footer span:last-child {border-right: 0; } .news .footer .news-category a { } .news .no-news-found {color: #DB0202; font-style: italic; } .news .page-navigation {border-top: 1px solid #DEE2E6; padding:1em 0 1em 0; margin:1em 0 0 0;} .news .page-navigation:before, .news .page-navigation:after {content: " "; display: table;} .news .page-navigation:after {clear: both;} .news .page-navigation p {float:none; margin:0; line-height:1.5em; padding:5px 0 1em 0; font-size:14px; font-family: "UniversPro57Condensed";} .news .page-navigation ul {float:none; padding:0; margin:0;} .news .page-navigation ul:before, .news .page-navigation ul:after {content: " "; display: table;} .news .page-navigation ul:after {clear: both;} .news .page-navigation ul li {float: left; display: block; padding: 0 4px; background: none;} .news .page-navigation ul li a {display: block; color: #e3000b; background-color: transparent; border:1px solid #e3000b; padding: 13px; font-size: 14px; line-height: 1.428571429; font-family: "UniversPro57Condensed"; border-radius: 24px; min-width: 48px; text-align: center;} .news .page-navigation ul li a:hover, .news .page-navigation ul li a:active, .news .page-navigation ul li a:focus { color: #ffffff; background-color: #e3000b; border:1px solid #e3000b; text-decoration:none;} .news .page-navigation ul li.current {display: block; color: #000000; background-color: transparent; border:1px solid #000000; padding: 13px; line-height: 1.428571429; font-size: 14px; font-family: "UniversPro57Condensed"; margin: 0 2px; border-radius: 24px; min-width: 48px; text-align: center;} .news .page-navigation ul li.next a, .news .page-navigation ul li.previous a {padding:13px 30px;} .news-backlink-wrap{margin-top:2em; clear:both;} /* category menu view */ .news-category-view ul li {padding: 5px 8px; } .news-category-view ul li li {padding: 2px 8px 2px 12px; } .news-category-view > ul > li:nth-child(even) {background: #f9f9f9; border-top: 1px solid #DEE2E6; border-bottom: 1px solid #DEE2E6; } .news-category-view .category-desc {padding-left: 10px; margin-left: 10px; border-left: 1px solid #ddd; } /* single view */ .news-single .footer {margin-bottom: 20px; margin-top: 5px; padding: 10px 0 0 0; border-bottom: 0; border-top: none;} .news-single .footer p {color:#000000;} .news-single .news-list-date {font-size: 19.9px;} .news-single .article {border: none; padding:0; margin:60px 0;} .news-single .article:last-child {margin:60px 0;} .news-single .article h3 {margin-bottom: 1em; } .news-single .article h1 {margin-bottom: 1em; color:#fff;} .news-single .article .news-img-wrap {float: none; width: 100%; margin: 0 0 1em 0; } .news-single .article .news-img-wrap img {float: none; } .news-single .teaser-text {font-size: 15px; color: #888; } .news-text-wrap {margin-bottom: 10px; } .news-img-caption {color: #888; } /* related _news-bak + files */ .news-related-wrap {display: table; margin-top: 20px; width: 100%; } .news-related {width: 50%; padding: 15px; border: 1px solid #DEE2E6; display: table-cell; } .news-related ul li {line-height: 1em; margin-bottom: 12px; } .news-related ul li span {border-right: 1px solid #DDDDDD; display: inline-block; margin-right: 8px; padding-right: 8px; color: #888; } .news-related ul li span:last-child {border-right: 0; padding-right: 0; } .news-related h4 {margin-bottom: 10px; } .news-related-files ul li {margin-bottom: 20px; } .news-related-files .news-related-files-link .jpg {background-position: 0 0; } .news-clear {clear: both; } @media (min-width: 768px) { .news .article .news-img-wrap {float: left; margin: 2px 15px 5px 0; width: 30%;} .news .article .teaser-text {margin:0 0 0 calc(30% + 15px); } } /* FOOTER ================================================ */ .footer{border-top:1px solid #DEE2E6;margin: 0px auto 40px; padding:65px 0 25px 0;} .footerlogo{width:117px} .footernav{margin:1em 0;} .footernav li{color:#597083; margin:0.5em 0; font-size:14px;} .footernav li.copyright{margin:1em 0 0 0;} .footernav li a{color:#597083; } .footernav li a:hover{color:#E3000B; text-decoration:none;} .footer ul {padding: 0;} .footer li {color:#000; display: block; font-size:15px;} .footer li a {color:#E3000B; font-size:15px;} .footer li a:hover {color:#E3000B; text-decoration:none;} .footer p {color:#000; display: block; font-size:15px;} .footer p a {color:#E3000B; font-size:15px;} .footer p a:hover {color:#E3000B; text-decoration:none;} .footer p a.bigger {font-size:30px; display:block;font-family: "UniversPro67BoldCondensed";} @media (max-width:1599px) { .footer p a.bigger {font-size:19.9px;} } .footer .meta{position:relative; top:auto; right:auto; border-top:1px solid #DEE2E6; margin:30px auto 0 auto; padding:25px 0;} .footer .metanav {display:block; margin:0; } .footer .metanav li{display:block; margin:0 16px 0 20px; } .footer .language {display:block; margin:10px 0 0 20px; } .footersocial{margin:20px 0 0 0;} .footersocial .linkedin img{cursor:pointer;} .footersocial .linkedin .IN-widget{margin-top:4px;} @media (min-width:992px) { .footersocial{display:inline-block; margin:2px -4px 0 45px; vertical-align:top;} } /* ASIDE ================================================ */ .experts-aside{} .experts-aside > h3 {margin-bottom: .5em; } .experts-aside .person{margin-bottom:40px;} .experts-aside .filtergrid.dflex {margin-top:0;} .experts-aside .filtergrid-item {padding:0 20px 20px 20px; margin-top:20px;} @media (min-width: 1200px) { .experts-aside .teaser {margin-top:0;} .experts-aside .teaser .textContainer {padding-bottom: 6rem;} } @media (min-width: 1600px) { .experts-aside .teaser .textContainer {padding-bottom: 8rem;} } /* MAIN CONTENT ================================================ */ article h1, article h2, article h3, article h4, article h5, article h6{/*color:#E3000B;*/ } article h3{padding-top:1em;} article>div>*:first-child {padding-top: 0; margin-top: 0;} article .intro{font-size:17px;} article ul{padding-left:26px;} article ul li{list-style:none; position:relative;} article ul li:before{position:absolute; font-family:"gielisch"; content:"\e925"; top:0.20em; left:-26px; font-size:75%; color:#e3000b;} #seo {margin: auto; border-top: 1px solid #DEE2E6;} #seo .container {padding-top:30px; padding-bottom: 60px;} #seo h3 {color:#e3000b;} #seo ul {margin:0; padding:0} #seo ul li {list-style-type:none; display:inline} #seo ul li a {font-size:15px; color:#597083} #seo ul li a:after {content:" |"; color:#e3000b;} #gkollegform {margin-top: 40px;} ul.csc-menu.csc-menu-1 {margin: 0; padding:0;} ul.csc-menu.csc-menu-1 li {list-style-type:none;line-height: 30px;} ul.csc-menu.csc-menu-1 li a[title="Informationen"]:before {content: "\f05a"; display:inline-block; margin-right:5px; font-family:"gielisch";} ul.csc-menu.csc-menu-1 li a[title="Downloads"]:before {content: "\f0c7"; display:inline-block; margin-right:5px; font-family:"gielisch";} ul.csc-menu.csc-menu-1 li a[title="Abmelden"]:before {content: "\f08b"; display:inline-block; margin-right:5px; font-family:"gielisch";} /* --------------------------------------------------------------------------- */ /* ------------------------------ MEDIA QUERIES ------------------------------ */ /* --------------------------------------------------------------------------- */ @media (min-width:480px) { .logo-img{margin:38px -4px 0 0; width:166px;} .logo-text{display:inline-block; margin:0 -4px 0 15px; vertical-align:top; font-size:13px; line-height:16px; height:56px; width:150px; border-left:1px solid #E60000; padding:0; position:relative;} .logo-text span{position:absolute; left:8px; bottom:-3px;} #menu-button { top:37px; } } @media (max-width:767px) { .stageslider .flex-control-nav, .contentstageslider .flex-control-nav {position:relative; bottom:auto; margin-top: 10px;} .alternativestageslider .flex-control-nav {position:relative; bottom:auto; margin-top: 10px;} .contentstageslider .flex-control-nav {position:relative; bottom:auto; margin-top: 10px;} .si-trigger, .si-content {transition: all 0.3s ease-out;} .si-trigger:hover, .si-trigger:focus, .si-trigger:active {background: transparent; color:#fff;} .spectrum-container.highlighted .si-trigger:hover, .spectrum-container.highlighted .si-trigger:focus, .spectrum-container.highlighted .si-trigger:active {background: transparent; color:#fff;} .si-trigger.hovered, .si-trigger.open { background: #ffffff; color: #E3000B; } } @media (min-width:768px) { .stageslider .outer-container, .contentstageslider .outer-container{position:absolute; left:0; right:0; top:0; bottom: 0; z-index:100;} .stageslider .caption, .contentstageslider .caption {/* margin-top:30px; */width:50%;} .stageslider .caption h3, .contentstageslider .caption h3{margin:0 0 4rem 0;} .stageslider .caption p, .contentstageslider .caption p {margin:0 0 0.75em 0;} .stageslider .flex-control-nav, .contentstageslider .flex-control-nav {position: absolute; bottom: 5px; margin-top: 0;} .alternativestageslider .outer-container{position:absolute; left:0; right:0; top:0; z-index:100;} .alternativestageslider .caption {margin-top:30px; padding:0; width:50%;} .alternativestageslider .caption h3{margin:0 0 0.25em 0; } .alternativestageslider .caption p{margin:0 0 0.75em 0; font-size:16px;} .alternativestageslider .flex-control-nav {position: absolute; bottom: 5px; margin-top: 0;} .customcontrol {width:768px; left:0; right:0; margin:0 auto; bottom:0;} .customcontrol li {width:191px; min-height:54px;} /*.caption.caption-color-default {color:#5A7083;} .caption.caption-color-default h3{color:#5A7083;} .caption.caption-color-default p{color:#5A7083;} .caption.caption-color-default .btn{background:transparent; color:#5C7083; border-color:#5C7083;} .caption.caption-color-default .btn:hover{background:#5C7083; color:#ffffff; border-color:#5C7083;} .caption.caption-color-alternate {color:#ffffff;} .caption.caption-color-alternate h3{color:#ffffff;} .caption.caption-color-alternate p{color:#ffffff;} .caption.caption-color-alternate .btn{background:transparent; color:#ffffff; border-color:#ffffff;} .caption.caption-color-alternate .btn:hover{background:#ffffff; color:#5C7083; border-color:#ffffff;}*/ .spectrum-container{max-width:760px;} .spectrum-item{flex: 1 1 25%;font-size: 14px;} .si-content{position: static;left:0;right:0;width: 400%;z-index: 10;font-family:"UniversPro57Condensed";padding:20px 20px;flex: 0 0 100%;order: 0;margin-top: -1px;} .si-trigger{padding: 95px 10px 80px 10px;height:40px;display:block;color:#ffffff;position:relative;text-align:center;} .si-trigger:after{font-size:14px; top:auto; bottom:18px; left:0; right:0;} .si-trigger:before{top:3px; font-size:82px; left:0; right:0;} .footer{max-width:760px; } .footerlogo{display:inline-block; margin:0 41px 0 0; vertical-align:top;} .footernav{display:inline-block; margin:7px -4px 0 0; vertical-align:top;} .footernav li{display:inline-block; margin:0 11px 0 15px; vertical-align:top;} .footernav li.copyright{margin:0 11px 0 45px;} .section-headintro{padding: 145px 0 75px 0; margin-bottom:60px;} .filter-container{max-width: 730px;padding:0;} .filter-container .form-control{margin:0 0 20px 0; } .filtergrid-item {width: 50%;} .filtergrid.dflex .filtergrid-item {width:auto; flex: 0 0 50%;} .standorte-intro{ margin:0 -20px; padding:20px 20px;} .standorte-introheadline{margin:0 -4px 0 0; padding: 20px 20px 10px 0; display:inline-block; vertical-align:top; width:30%;} .standorte-introcontent{margin:0 -4px 0 0; padding: 20px 20px 10px 0; display:inline-block; vertical-align:top; width:70%;} .standorte-row{margin:0 -20px;padding: 40px 0 40px 20px;} .button-row{margin:0 -20px;padding: 40px 0 40px 20px;} .standorte-rowheadline{margin:0 -4px 0 0;padding: 40px 20px 10px 0;display:inline-block;vertical-align:top;width:30%;} .standorte-rowitems{margin:0 -4px 0 0;padding: 40px 0 0 0;display:inline-block;vertical-align:top;width:70%;} .standorte-item{margin: 0 -4px 60px 0;display:inline-block;vertical-align:top;width:50%;} .standort{margin: 0 40px 0 0;} #map{height: 800px; max-height: 90vh;} .news .page-navigation p {float: left; padding:5px 0 5px 0;} .news .page-navigation ul {float: right; } .news .article .news-img-wrap { margin: 3px 30px 5px 0; } .news-single .article .news-img-wrap {float: left; width: 50%; margin: 0 30px 10px 0; } .news-single .article .news-img-wrap .outer {margin-bottom: 20px;} .footer .metanav {display:inline-block; margin:0 -4px 0 0; } .footer .metanav li{display:inline-block; margin:0 16px 0 20px; } .footer .language {display:inline-block; margin:0 -4px 0 50px; } dl.newslist a {display: flex;justify-content: flex-start;justify-items: stretch;} dl.newslist dt {flex: 0 0 10rem;} dl.newslist dd {flex:1 1 auto;} .teaser.news dl.newslist dt, .teaser.news dl.newslist dd {font-size: 18px;} } @media (max-width:991px) { .customcontrol {display:none;} .alternativestageslider .flex-direction-nav{display:none;} .contentstageslider .flex-direction-nav{display:none;} } @media (min-width:992px) { /* *{ -webkit-transition:all 0.25s; -moz-transition:all 0.25s; transition:all 0.25s;} */ .sm-clean li {border-top:0; } /*first level*/ .sm-clean a, .sm-clean a.has-submenu {color:#ffffff;padding: 13px 0 4px 0;margin: 0px 10px;border-bottom:2px solid transparent;} .sm-clean a:hover, .sm-clean a:focus, .sm-clean a:active, .sm-clean a.highlighted {color:#E3000B;padding: 13px 0 4px 0;margin:0 20px;border-bottom:2px solid transparent;} .sm-clean a.current, .sm-clean a.current.has-submenu {color:#ffffff;padding: 0px 0 4px 0;margin: 0 20px;border-bottom:2px solid #E3000B;} .sm-clean a.current:hover, .sm-clean a.current:focus, .sm-clean a.current:active, .sm-clean a.current.highlighted {color:#ffffff;padding: 13px 0 4px 0;margin:0 20px;border-bottom:2px solid #E3000B;} .sm-clean .hotline>a, .sm-clean .hotline>a.has-submenu {color:#E3000B; padding: 0px 20px 10px 60px; position:relative;} .sm-clean .hotline>a:hover, .sm-clean .hotline>a:focus, .sm-clean .hotline>a:active, .sm-clean .hotline>a.highlighted {color:#E3000B; padding: 0px 20px 10px 60px; } .sm-clean .hotline>a:before {position:absolute; left:20px; top:14px; font-family:"gielisch"; font-size:32px; content:"\e90c"; } .sm-clean .hotline>a:after {position:absolute; right:0; top:14px; font-family:"gielisch"; font-size:14px; content:"\e900"; } /*second level*/ .sm-clean ul a, .sm-clean ul a.has-submenu {padding:10px 25px 8px 0; border-top:1px solid #DEE2E6; border-bottom:none;} .sm-clean ul a:hover, .sm-clean ul a:focus, .sm-clean ul a:active, .sm-clean ul a.highlighted {padding:10px 25px 8px 0; border-top:1px solid #DEE2E6; border-bottom:none;} .sm-clean ul a.current, .sm-clean ul a.current.has-submenu {padding:10px 25px 8px 0; border-top:1px solid #DEE2E6; border-bottom:none;} .sm-clean ul a.current:hover, .sm-clean ul a.current:focus, .sm-clean ul a.current:active, .sm-clean ul a.current.highlighted {padding:10px 25px 8px 0; border-top:1px solid #DEE2E6; border-bottom:none;} /*third level*/ .sm-clean ul ul a, .sm-clean ul ul a.has-submenu {padding:10px 25px 8px 0; } .sm-clean ul ul a:hover, .sm-clean ul ul a:focus, .sm-clean ul ul a:active, .sm-clean ul ul a.highlighted {padding:10px 25px 8px 0; } .sm-clean ul ul a.current, .sm-clean ul ul a.current.has-submenu {padding:10px 25px 8px 0; } .sm-clean ul ul a.current:hover, .sm-clean ul ul a.current:focus, .sm-clean ul ul a.current:active, .sm-clean ul ul a.current.highlighted {padding:10px 25px 8px 0; } /*.sm-clean ul a:after {font-family:"gielisch"; font-size:12px; content:"\e90d"; color:#d21034; position:absolute; top:15px; right:0; padding-left:300px; }*/ .sm-clean ul a:hover:after {color:#5B7083; } .sm-clean ul li:first-child a{border-top:none;} .sm-clean ul li:first-child, .sm-clean ul li ul li:first-child {padding-top:10px;} .sm-clean ul li:first-child a.has-submenu, .sm-clean ul li ul li:first-child a {border:0; } .sm-clean ul ul {margin-top:-83px !important; } .nav-wrap {margin:0; padding:0; background:none;} #menu-button {display:none; } .sm-clean > li > ul li {padding:0 20px; } .sm-clean ul ul {left:40px !important; border-left:1px solid rgba(237,239,242, 0.8); } .sm-clean a span.sub-arrow {display:none; } li.hotline ul{left:auto!important; right:0;} .spectrum-container{max-width:980px; padding: 40px;} .si-trigger:before{top:3px; font-size:90px;} .si-content{padding:20px 40px;font-size:16px;} dl.newslist {margin: 0;font-size:15px;} dl.newslist dt{display:inline-block;margin:0 0 0 0;vertical-align:top;} dl.newslist dd{display:inline-block;margin:0 0 0 0;vertical-align:top;flex: 1 1 auto;} .footer{max-width:980px; } .contentstageslider .caption, .stageslider .caption {/* margin-top:50px; */} .alternativestageslider .caption {margin-top:50px;} .customcontrol {width:980px; bottom:40px;} .customcontrol li {width:244px; padding:8px 35px; font-size:14px;} .flex-control-paging {} .alternativestageslider .flex-control-paging {display:block; } .filter.filter-standorte {margin-top:-60px;} .filter-container{max-width: 940px;} .filtergrid-item {width: 33.333%;} .filtergrid.dflex .filtergrid-item {width:auto; flex: 0 0 33.333%;} .standorte-introheadline{width:25%;} .standorte-introcontent{width:75%;} .standorte-rowheadline{width:25%;} .standorte-rowitems{width:75%;} .standorte-item{width:50%;} .news-single .article .news-img-wrap {width: 40%; } .teaser.news dl.newslist dt, .teaser.news dl.newslist dd {font-size: 19.9px;} } @media (max-width:1024px) { .si-trigger:hover, .si-trigger:focus, .si-trigger:active {background: transparent; color:#fff;} .spectrum-container.highlighted .si-trigger.hovered, .spectrum-container.highlighted .si-trigger.open { background: #ffffff; color: #E3000B; } .si-trigger.hovered, .si-trigger.open { background: #ffffff; color: #E3000B; } .spectrum-container, .spectrum-container *, .si-trigger, .si-content *, .si-content *:before, .si-content *:after {-webkit-transition:none; -moz-transition:none; transition:none;} } @media (min-width: 1200px) { .sm-clean li {border-top:0; } .sm-clean a, .sm-clean a.has-submenu {padding:13px 0 4px 0;margin: 0 10px;font-size:16px;} .sm-clean a:hover, .sm-clean a:focus, .sm-clean a:active, .sm-clean a.highlighted {color:#E3000B; padding: 13px 0 4px 0; margin:0 30px; border-bottom:2px solid transparent;} .sm-clean a.current, .sm-clean a.current.has-submenu {padding:13px 0 4px 0;margin: 0 30px;font-size:18px;} .sm-clean a.current:hover, .sm-clean a.current:focus, .sm-clean a.current:active, .sm-clean a.current.highlighted {color:#ffffff; padding: 13px 0 4px 0; margin:0 30px; border-bottom:2px solid #ffffff;} .sm-clean > li > ul li {padding:0 30px; } .sm-clean ul ul {left:60px !important; border-left:1px solid rgba(237,239,242, 0.8); } .spectrum-container{max-width:1220px; } .si-trigger:before{top:3px; font-size:90px;} .footer{max-width:1220px;} .spectrum-intro{margin:30px -4px -4px 0;width:60%;padding:0 10px 0 0;flex: 0 0 41.666%;} .spectrum-list {display: flex;flex-wrap: wrap;flex: 0 0 50%;} .alternativestageslider .caption {margin-top:60px;} .alternativestageslider .caption h3{font-size:32px;} .customcontrol {width:1220px;} .customcontrol li {width:304px; min-height:auto; padding:15px 10px; font-size:16px;} .teaser p{font-size: 15px;} .filter-container{padding:0;max-width: 1140px;} .filter-container .form-control{margin:0; } .filtergrid-item {width: 20%;} .filtergrid.dflex .filtergrid-item {width:auto; flex: 0 0 25%;} .experts-aside .filtergrid.dflex .filtergrid-item {flex: 0 0 33.333%;} .section-headintro p{font-size:28px;} .standorte-introheadline{width:20%;} .standorte-introheadline h3{font-size:28px;} .standorte-introcontent{width:80%; font-size:19px;} .standorte-introcontent p{font-size:19px;} .standorte-rowheadline{width:20%;} .standorte-rowheadline h3{font-size: clamp(20px, 1vw + 15px, 32px);} .standorte-rowheadline p{font-size:16px;} .standorte-rowitems{width:80%;} .standorte-item{width:33.333%;} article .intro{font-size:19px;} .teaser {margin: 5rem 0;} .teaser img{width: calc(7 / 12 * 100%); height: calc(2 / 3 * 7 / 12 * 100%); object-fit: cover;} .teaser .textContainer {width: calc(7 / 12 * 100%);right: 0%;position: absolute; background: #fff; padding: 6rem 6rem 3rem 6rem; top: 6rem;} .teaser.mirrored img {margin-left: calc(5 / 12 * 100%);} .teaser.mirrored .textContainer {left: 0%; right: auto; text-align: left;} .teaser .introline {font-size: 15px;} .teaser.news dl.newslist {position: relative;} .teaser.news dl.newslist a:before {width: 60px; } .teaser.news dl.newslist a:after {top: calc(50% - 4px); right: 3rem; width: 21px; height: 21px;} .teaser.news dl.newslist dt {font-size: 28px; font-family:"UniversPro57Condensed";} .teaser.news dl.newslist dd {font-size: 28px;} .teaser.news dl.newslist dd {padding-right: 10rem;font-family: "UniversPro67BoldCondensed";} .form-control{font-size:18px;} } @media (min-width:1600px) { .filter-container{max-width:1490px; } .sm-clean a, .sm-clean a.has-submenu {margin: 0 30px;} } @media (min-width:1680px) { .logo-img{margin:58px -4px 0 0;} .logo-text{height:76px;} .spectrum{margin-top:0px;} .spectrum-container{max-width:1560px; } .spectrum-intro{width:26.3%;} .spectrum-intro p{font-size: 21.9px;} .spectrum-item{font-size: 16px;} .footer{max-width:1640px;} .stageslider .caption, .contentstageslider .caption {width:50%; margin-right: 8.333%;} .stageslider .caption.alignLeft, .contentstageslider .caption.alignLeft {margin-right: auto; right: auto; margin-left: 8.333%; left:0;} .alternativestageslider .caption {margin-top:130px; width:48%;} .alternativestageslider .caption h3{font-size:40px;} .alternativestageslider .caption p{font-size:28px;} .customcontrol {width:1560px; bottom:110px;} .customcontrol li {width:389px; } .filter-container{} .teaser img{width: calc(7 / 12 * 100%); height: calc(2 / 3 * 7 / 12 * 100%); object-fit: cover;} .teaser .textContainer {width: calc(5 / 12 * 100%);right: 8.333%;position: absolute;background: #fff;padding: 8rem 8rem 4rem 8rem;top: 8rem; transition: all .7s ease-in-out;} .teaser p{font-size: 19.9px;} .teaser.mirrored img {margin-left: calc(5 / 12 * 100%);} .teaser.mirrored .textContainer {left: 8.333%; right: auto; text-align: left;} .teaser .introline {font-size: 15px;} .teaser .uoConsentVimeo {width: calc(7 / 12 * 100%); height:100%; padding-bottom: calc(7 / 12 * 56.25%); background-color: #ddd; object-fit: cover;} .teaser.mirrored .uoConsentVimeo {margin-left: calc(5 / 12 * 100%);} .teaser .uoConsentVimeo + .textContainer {top:50%; transform: translateY(-50%); padding: 5rem 8rem 5rem 8rem;} .teaser .uoConsentVimeo + .textContainer h3:last-child {margin-bottom: 0;} .teaser .uoConsentVimeo:hover + .textContainer {right: 0;} .teaser.mirrored .uoConsentVimeo:hover + .textContainer {left: 0;} .teaser .uoConsentYt {width: calc(7 / 12 * 100%); height:100%; padding-bottom: calc(7 / 12 * 56.25%); background-color: #ddd; object-fit: cover;} .teaser.mirrored .uoConsentYt {margin-left: calc(5 / 12 * 100%);} .teaser .uoConsentYt + .textContainer {top:50%; transform: translateY(-50%); padding: 5rem 8rem 5rem 8rem;} .teaser .uoConsentYt + .textContainer h3:last-child {margin-bottom: 0;} .teaser .uoConsentYt:hover + .textContainer {right: 0;} .teaser.mirrored .uoConsentYt:hover + .textContainer {left: 0;} .spectrum-item{flex: 1 1 16.666%;font-size: 16px;} } @media (min-width:1860px) { .stageslider{min-height:600px;} .alternativestageslider{min-height:600px;} .contentstageslider{min-height:400px;} } @media (min-width:1900px) { .filter-container{max-width:1610px; } } @media print { body{font-size:10pt!important; } a{color:#E3000B!important;} a[href]:after {content: none; } .header{margin-bottom:2em;} .container {margin:0; padding:0; width:100%;} li{page-break-inside: avoid!important;} .news .article .news-img-wrap {float: left; margin: 2px 15px 5px 0; background: #fff; width: 40%} .news .article .news-img-wrap a {display: block; float: left; padding: 0; border: none; background: #fff; } .news .article .news-img-wrap img {float: left; height: auto; width: 100%; max-width:100%; } .header{min-height:auto; padding-bottom:15px; border-bottom: 1px solid #DEE2E6;} .maincontent .container{padding-top:1em!important; border-top: none!important;} h1, h2, h3, h4, h5, h6{color:#E3000B!important; } h1{font-size:22pt!important;} h2{font-size:17pt!important;} h3{font-size:12pt!important;} h4{font-size:10pt!important;} .meta, #menu-button, .nav-wrap, .contentstage, .footer, aside, .news-backlink-wrap, .fade-to-black, .teaser, .standorte-map, .stage, .spectrum {display:none!important;} } /*div.scrollbar { height: 100px; overflow-y: auto; } */ table.table_adress {width: 50%;border-collapse:collapse;} @media (max-width:480px) { table.table_adress {width: 100%;} } table.table_adress tr td {border-bottom: 1px solid #DEE2E6;padding: 10px; margin:0;} #cookie-modal-popup fieldset.checkcookie input[type="checkbox"] + label::before, fieldset.checkcookie input[type="radio"] + label::before { content: ""; display: block; position: absolute; width: 28px; height: 28px; border: 3px solid #dedede; left: 0; top: -4px; z-index: 1; } #cookie-modal-popup fieldset.checkcookie input[type="checkbox"], fieldset.checkcookie input[type="radio"] { position: absolute; width: 1px; height: 1px; opacity: 0; } #cookie-modal-popup fieldset.checkcookie input[type="checkbox"] + label, fieldset.checkcookie input[type="radio"] + label { position: relative; padding-left: 36px; min-height: 28px; line-height: 28px; cursor: pointer; } #cookie-modal-popup fieldset.checkcookie input[type="checkbox"]:checked + label:after { content: ""; position: absolute; width:20px; height: 20px; z-index: 1; top: 0px; left: 4px; background-image: url(/storage/templates/img/checkbox-red.png); background-size: 20px; background-repeat: no-repeat; } #cookie-modal-popup fieldset.checkcookie input[type="checkbox"]:disabled + label:after { content: ""; position: absolute; width:20px; height: 20px; z-index: 1; top: 0px; left: 4px; background-image: url(/storage/templates/img/checkbox.png); background-size: 20px; background-repeat: no-repeat; } #cookie-modal-popup p { font-size: 18px; font-family: 'UniversPro57Condensed', "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 1.428571429; color: #000000; font-weight: normal; } #cookie-modal-popup .modal-header .close { top: -27px; float: right; width: 50px; height: 50px; background-repeat: no-repeat; position: relative; left: 23px; background-image: url(/storage/templates/img/close-red.png); background-size: 20px; opacity: 1; } /*Umfrage*/ .privacy-text.font-italic {font-style: italic;} .survey{margin-bottom:60px;} .survey-question{padding:15px 0;} .survey-question h2{margin-bottom:10px; color:#E3000B; line-height: 1.3;} .survey-question .form-group{display: flex; flex-flow: row wrap; align-items:center; padding:0; margin:0; } .survey-question .form-group .choose-label{width:100%; padding-left: 3px;} .survey-question .form-group .choose{width:100%; } .survey-question .form-group .choose > div{width:50%; } .survey-question .form-group.red{border: 1px solid #E3000B; background-color: #FEF2F3;} @media (min-width:768px) { .survey-question .form-group .choose > div{width:25%; } } @media (min-width:1200px) { .survey-question .form-group{padding:10px 0; border-bottom:1px solid #DEE2E6;} .survey-question .form-group .choose-label{width:30%; } .survey-question .form-group .choose{width:70%; } .survey-question .form-group .choose.full{width:100%; } } .choose-label {font-family:"UniversPro67BoldCondensed"; line-height:1.3em; display: block; color:#000000; padding: 6px 10px 6px 0; margin: 3px 0; position:relative; } .choose {display: flex; flex-flow: row wrap; margin-left:-2px; margin-right:-2px;} .choose > div {flex: 1 1 auto; padding: 2px; margin:0;} .choose input[type="radio"] {display: none; } .choose input[type="radio"]:not(:disabled) ~ label {cursor: pointer; } .choose input[type="radio"]:disabled ~ label {color: rgba(255,255,255,0.2); background: rgba(255,255,255,0.1); box-shadow: none; cursor: not-allowed; } .choose label {display: block; background: #f2f2f2; border:1px solid #f2f2f2; line-height:1.5em; padding: 5px 10px; margin: 0; width:100%; text-align: center; position: relative; transition:all 0.3s ease;} .choose label:hover {background: #e2e2e2; border:1px solid #e2e2e2;} .choose input[type="radio"]:checked + label {background: #E3000B; border:1px solid #E3000B; color: #ffffff; } [class*="uoConsent"] {margin-bottom: 30px;} /* REDESIGN 2021 */ @media (min-width: 1900px) { .container { width: 1640px; } } .logo {flex: 1 0 10%;} #reportDamage {display: inline-block; border-radius: 3rem; background: #E3000B; color:#fff; text-decoration: none;padding: 1.5rem 3rem; vertical-align: middle;font-family:"UniversPro55Roman"; font-size: 16px; white-space:nowrap;} #reportDamage svg {height: 2.8rem; display: inline-block; vertical-align: middle;margin-top:-3px; margin-right:16px;} #reportDamage span {line-height: 3rem; display: inline-block;vertical-align: middle;} header.header {transition: all .5s ease-out;} header.header.sticky {background: #fff;z-index: 999999;border-bottom: 1px solid #DEE2E6;} header.header.sticky #logo_white {display: none;} header.header.sticky #logo {display: block;} header.header.sticky .sm-clean a, header.header.sticky .sm-clean a.has-submenu {color: #000000;} header.header.sticky .language li a {color: #000000;} header.header.sticky .language li.active a {color: #E3000B;} header.header.sticky .language li:first-child {border-left-color: #000000;} .languageMobile {display:none;} .sm-clean a.current, .sm-clean a.current.has-submenu {border-color: #fff;} header.header.sticky .sm-clean a.current, header.header.sticky .sm-clean a.current.has-submenu {color: #E3000B; border-color:#E3000B;} header.header.sticky .sm-clean a:hover, header.header.sticky .sm-clean a.has-submenu:hover, header.header.sticky .sm-clean a.current:hover, header.header.sticky .sm-clean a.current.has-submenu:hover {color:#E3000B;} @media (max-width: 1200px) { #reportDamage {background: transparent; padding:0; } header.header.sticky #reportDamage svg *, header.header.sticky #reportDamage svg * {fill: #000000;} #reportDamage:hover svg *, #reportDamage:focus svg * {fill: #E3000B;} #reportDamage span {display: none;} } @media (max-width: 1024px) { .stageslider .caption, .contentstageslider .caption {padding: 3rem 4rem 2rem 4rem;} .language li a {line-height:40px;} } @media (max-width: 991px) { .nav-wrap {position: absolute; top:100%; left:0; width:100%; padding:0;} #main-menu.collapsed {display: none;} #menu-button {font-size: 0; position: static; padding:10px; margin-right: 20px;} #menu-button {display: block; width:21px; height:15px; position: relative; margin: 0 30px 0 10px; top:0; padding:0;} #menu-button span, #menu-button:before, #menu-button:after {content:''; display: block; width:100%; height:1px; background-color: #fff;position: absolute; left:0;} #menu-button span {top:calc(50% - 1px/2);} #menu-button:before {top:0} #menu-button:after {top: calc(100% - 1px);} header.header.sticky #menu-button span, header.header.sticky #menu-button:before, header.header.sticky #menu-button:after {background: #000; } header.header #menu-button:hover span, header.header #menu-button:hover:before, header.header #menu-button:hover:after {background: #E3000B; } .language {display:none;} .languageMobile {display:inline-block; margin:0 36px 0 0; vertical-align:top;} .languageMobile li{display:inline-block; margin:0 -4px 0 0; vertical-align:top; padding:0; font-size:16px;} .languageMobile li:first-child{border-left:1px solid #fff; padding:0 20px 0 30px;} .languageMobile li a{display:block; line-height:60px; color:#fff;font-family:"UniversPro67BoldCondensed";} .languageMobile li a:hover{text-decoration:none; color:#E3000B;} .languageMobile li.active a{color:#E3000B; } header.header.sticky .languageMobile li:first-child {border-left-color: #000000;} header.header.sticky .languageMobile li a {color:#000;} header.header.sticky .languageMobile li a:hover, header.header.sticky .languageMobile li.active a{color:#E3000B;} .sm-clean a, .sm-clean a.has-submenu {color: #000000; padding: 10px 20px 10px 20px;} .sm-clean a:hover, .sm-clean a:focus, .sm-clean a:active, .sm-clean a.highlighted {padding: 10px 20px 10px 20px;} .sm-clean a.current, .sm-clean a.current.has-submenu {color: #000000; padding: 10px 20px 10px 20px;} .sm-clean a.current:hover, .sm-clean a.current:focus, .sm-clean a.current:active, .sm-clean a.current.highlighted {padding: 10px 20px 10px 20px;} .stageslider .caption, .contentstageslider .caption {padding: 3rem 4rem 1rem 4rem;} } @media (max-width: 767px) { .header {min-height: 0;} .header-content {padding-top: 10px; padding-bottom: 10px;} #menu-button {margin: 0 20px 0 10px;} .logo svg {width:90px;} .languageMobile {margin: 0 16px 0 0;} .languageMobile li:first-child {border-left: 1px solid #fff; padding: 0 10px 0 10px;} .languageMobile li a {line-height: 40px; font-size: 14px;} #reportDamage svg {height:2.3rem;} .stageslider .caption, .contentstageslider .caption {position: static; margin-top:-10rem;} .stageslider .flex-control-nav, .contentstageslider .flex-control-nav {display: inline-block; width: 50%;} .stageslider .flex-direction-nav, .contentstageslider .flex-direction-nav {display: inline-block;width: 50%;margin-top: 20px;} .stageslider .slides li, .contentstageslider .slides li {padding-bottom:0rem;} .stageslider .flex-direction-nav li, .contentstageslider .flex-direction-nav li {width: 20%;margin-left:0;height: 20px;} .stageslider .flex-direction-nav a.flex-prev, .contentstageslider .flex-direction-nav a.flex-prev {top:5px;} .stageslider .flex-direction-nav a.flex-prev:after, .contentstageslider .flex-direction-nav a.flex-prev:after {width: 11px;height: 11px;top: 10px;left:3px;} .stageslider .flex-direction-nav a.flex-next, .contentstageslider .flex-direction-nav a.flex-next {top:5px;} .stageslider .flex-direction-nav a.flex-next:after, .contentstageslider .flex-direction-nav a.flex-next:after {width: 11px;height: 12px;top: 10px;right:3px;} } .stageslider .flex-direction-nav a, .contentstageslider .flex-direction-nav a {opacity:1;margin: auto;} .stageslider .outer-container h1, .contentstageslider .outer-container h1 {hyphens:auto;} .slideCounterInner {width: 8.333%; display: flex; justify-content: center; align-items: center; margin-left:8.333%;transform: translateY(-120%)} .slideCounterInner .divident, .slideCounterInner .divisor {color:#e3000b; font-size: 16px;} .slideCounterInner .slash {background:#e3000b; width:1px; height: 30px; margin: 0 1rem; transform:rotateZ(15deg); transform-origin: center;} @media (max-width: 767px) { .slideCounter{display:none;} } .stageslider ul.slides li img, .contentstageslider ul.slides li img { height: calc(100vh - 14rem); object-fit: cover; } @media (max-width: 1400px) { .stageslider ul.slides li img, .contentstageslider ul.slides li img { height:50vw; } } @media (max-width: 767px) { .stageslider ul.slides li img, .contentstageslider ul.slides li img { height:80vw; } } .spectrum-container {flex-direction: column;} .spectrum-intro {width:auto; text-align: center;} .spectrum-intro a.btn {border:1px solid #fff; color: #fff; border-radius: 30px;} .spectrum-intro a.btn:hover, .spectrum-intro a.btn:focus {background:#fff; color: #e3000b;} @media (max-width: 767px) { .spectrum-intro {flex:0 0 100%;} .spectrum-list {flex:0 0 100%;} } .spectrum-item:nth-child(1) {order:1;} .spectrum-item:nth-child(3) {order:3;} .spectrum-item:nth-child(5) {order:5;} .spectrum-item:nth-child(7) {order:7;} .spectrum-item:nth-child(9) {order:9;} .spectrum-item:nth-child(11) {order:11;} .spectrum-item:nth-child(13) {order:13;} .spectrum-item:nth-child(15) {order:15;} .spectrum-item:nth-child(17) {order:17;} .spectrum-item:nth-child(19) {order:19;} .spectrum-item:nth-child(21) {order:21;} .spectrum-item:nth-child(23) {order:23;} .si-content {display: none;} .si-content:nth-child(2), .si-content:nth-child(4), .si-content:nth-child(6), .si-content:nth-child(8) , .si-content:nth-child(10), .si-content:nth-child(12) {order:12;} .si-content:nth-child(14), .si-content:nth-child(16), .si-content:nth-child(18), .si-content:nth-child(20), .si-content:nth-child(22), .si-content:nth-child(24) {order:24;} @media (max-width: 1024px) { .si-content:nth-child(2), .si-content:nth-child(4) {order:4;} .si-content:nth-child(6), .si-content:nth-child(8) {order:8;} .si-content:nth-child(10), .si-content:nth-child(12) {order:12;} .si-content:nth-child(14), .si-content:nth-child(16) {order:16;} .si-content:nth-child(18), .si-content:nth-child(20) {order:20;} .si-content:nth-child(22), .si-content:nth-child(24) {order:24;} } @media (max-width: 1680px) { .si-content:nth-child(2), .si-content:nth-child(4), .si-content:nth-child(6), .si-content:nth-child(8) {order:8;} .si-content:nth-child(10), .si-content:nth-child(12), .si-content:nth-child(14), .si-content:nth-child(16) {order:16;} .si-content:nth-child(18), .si-content:nth-child(20), .si-content:nth-child(22), .si-content:nth-child(24) {order:24;} } @media (min-width: 1024px) { .teaser.news a.btn {position: absolute; top:0; right:0;} } .figureCounterContainer {display: flex; flex-wrap:wrap; margin: 5rem 0;} .figureCounterContainer .intro {flex: 0 0 30%; padding: 0 3.333% 0 0;} .figureCounterContainer .content ul li {flex: 1 1 auto;} .figureCounterContainer .content {font-size:clamp(16px, 1.5vw, 21.9px); flex: 0 0 66.666%;} .figureCounterContainer .content ul {margin:0; padding:4rem 0; display: flex; flex-wrap:wrap;} .figureCounterContainer .content ul li {list-style: none; flex: 1 1 auto; text-align:center; border-right: 1px solid #707070; padding: 0 1rem 2rem 1rem; margin-bottom: 2rem;} .figureCounterContainer .content ul li:last-child {border: none;} .figureCounterContainer .content ul li span.fig {display:inline; font-size: clamp(80px, 10vw, 120px); color: #e3000b; font-family:"UniversPro67BoldCondensed";} .figureCounterContainer .content ul li span.figCon {display: block; font-size: clamp(80px, 10vw, 120px); color: #e3000b; font-family:"UniversPro67BoldCondensed";} .figureCounterContainer .content ul li span.figCon span.prefix, .figureCounterContainer .content ul li span.figCon span.suffix {display:inline;} .figureCounterContainer .content ul li span.unit {display:block;} @media (max-width: 1199px) { .figureCounterContainer .intro {flex: 0 0 100%; padding: 0 0 0 0;} .figureCounterContainer .content {flex: 0 0 100%;} .figureCounterContainer .content ul li {flex: 0 0 50%;} .figureCounterContainer .content ul li:nth-child(even) {border: none;} } @media (max-width: 767px) { .figureCounterContainer .content ul li {flex: 0 0 100%; border: none;} .figureCounterContainer .intro {flex: 0 0 100%; padding: 0;} .figureCounterContainer .content {flex: 0 0 100%;} } .teaser.imgFull {margin: 2.5rem 0 5rem 0; padding: 20px 0 0 0;} .teaser.imgFull img {width:100%; flex: 0 0 100%; /*aspect-ratio: 16 / 9*/; object-fit: cover; margin-top: 8rem;} .teaser.imgFull .container {position: absolute; top: 0; right: 0; left: 0; margin: 0 auto;} .teaser.imgFull .container .textContainer {position:static; width:100%;} .teaser.imgFull .textContainer h3 {color: #fff; font-size: clamp(24px, 3vw + 5px, 70px);} .teaser.imgFull .textContainer p {color:#fff;font-size: clamp(16px, 2vw, 25px);} .teaser.imgFull .textContainer .btn{background:#fff; color:#e3000b; border-color:#e3000b;border-radius: 30px; margin-top:2rem;} .teaser.imgFull .textContainer .btn:hover{background:#e3000b; color:#ffffff; border-color:#fff;} @media (max-width: 767px) { .teaser.imgFull {padding: 20px 0;} .teaser.imgFull img {margin-top:0; aspect-ratio: 3 / 2;} .teaser.imgFull .container {position: static;} .teaser.imgFull .textContainer {position: relative; width:100vw; left:0%; margin-left: 0px; margin-right: 0px;} } .vertMar {margin-top:4rem;margin-bottom:4rem;} .vertMar aside h3 {hyphens:auto;} .vertMar article > *:last-child {margin-bottom:0; padding-bottom:0;} .stageslider .slides li video, .contentstageslider .slides li video {width:100%; height:calc(100vh - 14rem); object-fit: cover;} @media (max-width: 1400px){ .stageslider .slides li video, .contentstageslider .slides li video {width:100%; height:50vw;} } @media (max-width: 767px){ .stageslider .slides li video, .contentstageslider .slides li video {width:100%; height:80vw;} } .introtext {margin:6rem 0 8rem 0;} .introtext [class*='col-']{background: rgba(222, 226, 230, .4); padding: 8rem 8rem 5rem;} .introtext ul{padding-left:26px;} .introtext ul li{list-style:none; position:relative; font-size:25px;} .introtext li:before{position:absolute; font-family:"gielisch"; content:"\e925"; top:0.20em; left:-26px; font-size:75%; color:#e3000b;} @media (max-width: 767px) { .introtext {padding: 4rem 2rem 1rem;} .introtext ul{padding-left:20px;} .introtext li:before{left:-20px; } .introtext ul li {font-size:19.9px;} } .customerlogos {position:relative;margin-bottom:20px;background: #ffffff;} .customerlogos-container{position:relative;margin:0 auto;background: content-box;color:#000000;padding:20px;-webkit-transition:none;-moz-transition:none;display: flex;justify-content: space-between; flex-wrap: wrap; transition:none; flex-direction: column;} .customerlogos-intro{position:relative; display:inline-block; margin:20px -4px 0 0; padding:0 0 20px 0; vertical-align:top; width:auto!important; text-align: center;} .customerlogos-intro h3{margin-top:0;-webkit-transition:none;-moz-transition:none;transition:none;font-family: "UniversPro67BoldCondensed";} .customerlogos-intro a.btn {border:1px solid #fff; color: #fff; border-radius: 30px;} .customerlogos-intro a.btn:hover, .customerlogos-intro a.btn:focus {background:#fff; color: #e3000b;} .customerlogos-intro p {font-size:16px;-webkit-transition:none; -moz-transition:none; transition:none;font-family:"UniversPro57Condensed";} .logo-list {display:inline;display: flex;flex-wrap: wrap;align-items: stretch; align-items: center;} .logo-item {display:inline-block;margin: 0;vertical-align:top;width:100%;text-align:center;font-family:"UniversPro67BoldCondensed";line-height:1.3;flex: 0 0 25%;padding: 3%; aspect-ratio: 1.5;} .logo-item a {display: inline-block;} .logo-item img {filter: grayscale(1); width: 100%; object-fit: contain; height: 100%;} @media (max-width: 767px) { .customerlogos-intro {flex:0 0 100%;} .logo-list {flex:0 0 100%;} } @media (max-width:768px) { .customerlogos-container {max-width:760px;} .logo-item {flex: 0 0 25%;font-size: 14px;} } @media (max-width:992px) { .customerlogos-container{max-width:980px; padding: 40px;} } @media (max-width:1024px) { .logo-item {flex: 0 0 50%;} } @media (max-width:120px) { .customerlogos-container{max-width:1220px; } .customerlogos-intro{margin:30px -4px -4px 0;width:60%;padding:0 10px 0 0;flex: 0 0 41.666%;} .logo-list {display: flex;flex-wrap: wrap;flex: 0 0 50%;} } @media (min-width:1680px) { .customerlogos{margin-top:0px;} .customerlogos-container{max-width:1560px; } .customerlogos-intro{width:26.3%;} .customerlogos-intro p{font-size: 21.9px;} .logo-item{font-size: 16px;} .logo-item{flex: 0 0 16.666%;font-size: 16px;} } form[action*="webinar-gielisch-kolleg-bau-2022"] {padding-bottom: 40px;} form[action*="webinar-gielisch-kolleg-bau-2022"] > fieldset > div > legend {display: none;} form[action*="webinar-gielisch-kolleg-bau-2022"] > fieldset > div > label {width:40%; min-width: 280px; margin-bottom: 20px;} form[action*="webinar-gielisch-kolleg-bau-2022"] > fieldset > div > label > input {display: block;width: 100%;height: 48px;padding: 13px 20px;font-size: 14px;line-height: 1.428571429;color: #000000;background-color: transparent;background-image: none;border: 1px solid #dee2e6;border-radius: 0px;-webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;margin-top: 5px;} form[action*="webinar-gielisch-kolleg-bau-2022"] > fieldset > div > input[type="submit"] {margin-top: 20; font-weight: normal; text-align: center; vertical-align: middle; touch-action: manipulation; cursor: pointer; background-image: none; border: 1px solid #e3000b; white-space: nowrap; font-size: 14px; line-height: 1.428571429; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; color: #e3000b; background-color: transparent; padding: 13px 30px; border-radius: 3rem; transition: all 0.3s ease-out; font-family: "UniversPro57Condensed"; position: relative;} .teaser .video .selfhosted video {width: 100%; height:100%; aspect-ratio: 500/315;background-color: #ddd;object-fit: contain;} @media (min-width: 1200px) { .teaser .selfhosted {width: calc(7 / 12 * 100%); height:100%; padding-bottom: 0; background-color: #ddd; object-fit: cover;} .teaser.mirrored .selfhosted {margin-left: calc(5 / 12 * 100%);} .teaser .selfhosted + .textContainer {top:50%; transform: translateY(-50%); padding: 5rem 8rem 5rem 8rem;} .teaser .selfhosted + .textContainer h3:last-child {margin-bottom: 0;} .teaser .selfhosted:hover + .textContainer {right: 0;} .teaser.mirrored .selfhosted:hover + .textContainer {left: 0;} .teaser .video .selfhosted video {width: 100% ; height:100%;object-fit: cover;} } .teaser:has(.video) .video { display: flex; flex-direction: column-reverse; width:calc(100% - 40px); margin-left: 20px; } @media (min-width: 992px) { .teaser:has(.video) .video { width:66.6%; margin-left: 16.7%; } } .teaser:has(.video) .video .textContainer { position:static; transform: translateY(0%); padding: 0; width:100%; margin: 0 0 20px; } .teaser:has(.video) .video .uoConsentYt, .teaser:has(.video) .video .uoConsentVimeo, .teaser:has(.video) .video .selfhosted { padding:0; width:100%; height:auto; aspect-ratio: 16/9; } .teaser.mirrored:has(.video) .video .uoConsentYt, .teaser.mirrored:has(.video) .video .uoConsentVimeo, .teaser.mirrored:has(.video) .video .selfhosted { margin-left: 0; } .partnerList {display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin: 0;} .partnerList .singlePartner { flex: 0 0 100%;} @media (min-width: 768px) { .partnerList .singlePartner { flex: 0 0 50%;} } @media (min-width: 1200px) { .partnerList .singlePartner { flex: 0 0 25%;} } label[for="tx-felogin-input-username"], label[for="tx-felogin-input-password"] {min-width:150px;}