.cc-head>*:first-child{margin-top:0}.cc-head>*:last-child{margin-bottom:15px}.contao-cookiebar{--ccb-backdrop: rgba(0, 0, 0, .75);--ccb-anim-duration: .5s;--ccb-checked-clr: #399d32;--ccb-checked-bg: #dcf3db;--ccb-unchecked-clr: #9c9b99;--ccb-unchecked-bg: #fff;--ccb-disabled-clr: #c8c7c5;--ccb-disabled-bg: #f4f4f4;--ccb-focus-clr: #00a4f4;position:fixed;inset:0;z-index:9999;display:flex;align-items:var(--ccb-align, center);justify-content:var(--ccb-justify, center);letter-spacing:0;padding:15px;max-height:100dvh;box-sizing:border-box;pointer-events:none;overflow:hidden;color:var(--ccb-clr, #444)}.contao-cookiebar *{box-sizing:border-box}.contao-cookiebar p{color:var(--ccb-text, #868686);line-height:1.4}.contao-cookiebar label{position:relative;display:block;padding:8px 13px 8px 0;line-height:1.2rem}.contao-cookiebar label.group{font-weight:600}.contao-cookiebar input{position:absolute;width:1px;height:1px;outline:0 none;opacity:0}.contao-cookiebar input+label{padding:8px 13px 8px 45px;cursor:pointer}.contao-cookiebar input+label:before,.contao-cookiebar input+label:after{content:"";position:absolute;border-radius:10px}.contao-cookiebar input+label:before{top:7px;left:0;width:35px;height:18px;margin:0;box-sizing:content-box;background:var(--ccb-unchecked-bg);border:1px solid var(--ccb-unchecked-clr);transition:border-color .2s}.contao-cookiebar input+label:after{display:block;top:11px;left:4px;width:12px;height:12px;background:var(--ccb-unchecked-clr);transition:background .2s,margin-left .2s,padding .2s}.contao-cookiebar input+label:active:after{padding-left:5px}.contao-cookiebar input.cc-group-half+label:after{background:linear-gradient(to right, var(--ccb-unchecked-clr) 0%, var(--ccb-unchecked-clr) 50%, var(--ccb-checked-clr) 50%, var(--ccb-checked-clr) 100%)}.contao-cookiebar input:checked+label:after{background:var(--ccb-checked-clr);margin-left:17px}.contao-cookiebar input:checked+label:active:after{margin-left:12px}.contao-cookiebar input:checked+label:before{background:var(--ccb-checked-bg);border-color:var(--ccb-checked-clr)}.contao-cookiebar input:disabled+label{pointer-events:none}.contao-cookiebar input:disabled+label:after{background:var(--ccb-disabled-clr)}.contao-cookiebar input:disabled+label:before{background:var(--ccb-disabled-bg);border-color:var(--ccb-disabled-clr)}.contao-cookiebar input:focus-visible:not(.cc-hide-focus)+label:before{outline:3px dashed var(--ccb-focus-clr);outline-offset:2px}.contao-cookiebar .cc-btn{display:inline-block;cursor:pointer;width:100%;padding:8px 14px;margin-bottom:8px;font-size:15px;outline:0 none;border:1px solid var(--ccb-btn-bdr, #cfcfcf);border-radius:4px;color:var(--ccb-btn-clr, #444);background:var(--ccb-btn-bg, #f5f5f5)}.contao-cookiebar .cc-btn:hover,.contao-cookiebar .cc-btn:focus{background:var(--ccb-btn-bg-hvr, #ececec)}.contao-cookiebar .cc-btn:last-child{margin-bottom:0}.contao-cookiebar .grayscale{--ccb-btn-bg: #f1efef;--ccb-btn-bg-hvr: #ececec}.contao-cookiebar .grayscale .success{--ccb-btn-bg: #fbfbfb;--ccb-btn-bg-hvr: #f7f7f7}.contao-cookiebar .highlight .success{--ccb-btn-bg: #4e9e3e;--ccb-btn-bg-hvr: #4c933f;--ccb-btn-bdr: #3e7830;--ccb-btn-clr: #fff}.cc-focus:not(.cc-hide-focus):focus-visible{outline:3px dashed var(--ccb-focus-clr);outline-offset:-3px}.cc-invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;float:left}.cc-inner{display:inline-block;overflow-y:auto;max-height:100%;max-width:100%;padding:23px;border-radius:3px;opacity:0;pointer-events:none;visibility:hidden;font-size:1rem;text-align:left;background:var(--ccb-bg, #fff);box-shadow:var(--ccb-box-shadow, rgba(99, 99, 99, 0.2)) 0 2px 8px 0;animation:var(--ccb-anim, cookiebar-middle-in) var(--ccb-anim-duration) ease-in-out forwards}.cc-group{position:relative;border:1px solid var(--ccb-bdr, #d0d0d0);border-radius:5px;margin-bottom:10px}.cc-cookie-info{font-size:.875rem;background:var(--ccb-info-bg, #fff);border:1px solid var(--ccb-info-bdr, #efefef);padding:10px;border-radius:5px}.cc-cookie-info>div>span{font-weight:600}.cc-cookie-info>div+div{margin-top:5px;word-wrap:break-word}.cc-cookie-info+button.cc-detail-btn-details{margin-top:15px}.cc-cookies{background:var(--ccb-cookies-bg, #fbfbfb);border-radius:0 0 5px 5px}.cc-cookies>p{font-size:.875rem}.cc-cookies>p,.cc-cookies>.cc-cookie{margin:0;padding:15px;border-top:1px solid var(--ccb-cookies-bdr, #fbfbfb)}.cc-cookie label.cookie+*{margin-top:10px}.cc-cookie p{margin:0 0 15px;font-size:.875rem}.cc-cookie-desc p{margin-bottom:0}.cc-footer,.cc-info{text-align:center}.cc-info{margin-top:15px}.cc-info>p{font-size:.875rem}.cc-info>a{display:inline-block;font-size:.813rem;color:var(--ccb-detail-clr, #a2a2a2);text-decoration:none}.cc-info>a:hover{color:var(--ccb-detail-clr-hvr, #717171)}.cc-info>a+a:before{display:inline-block;content:"·";margin-right:5px}.cc-active .cc-inner{opacity:1;pointer-events:auto;visibility:visible}.cc-active.cc-blocked{pointer-events:auto;animation:cookiebar-overlay-in var(--ccb-anim-duration) ease-in-out forwards}.cc-saved.cc-inner{opacity:0;pointer-events:none;visibility:hidden}.cc-saved.cc-blocked{pointer-events:none;animation:cookiebar-overlay-out var(--ccb-anim-duration) ease-in-out forwards}.cc-left{--ccb-justify: flex-start}.cc-right{--ccb-justify: flex-end}.cc-top{--ccb-align: flex-start}.cc-top.cc-active{--ccb-anim: cookiebar-top-in}.cc-top.cc-saved{--ccb-anim: cookiebar-top-out}.cc-middle.cc-active{--ccb-anim: cookiebar-middle-in}.cc-middle.cc-saved{--ccb-anim: cookiebar-middle-out}.cc-bottom{--ccb-align: flex-end}.cc-bottom.cc-active{--ccb-anim: cookiebar-bottom-in}.cc-bottom.cc-saved{--ccb-anim: cookiebar-bottom-out}@media(min-width: 768px){.contao-cookiebar .cc-btn{width:auto;margin-bottom:0}.cc-inner{max-width:var(--ccb-max-width, 750px)}}@media(forced-colors){.contao-cookiebar input+label:after{border:1px solid currentColor}.cc-inner{border:1px solid currentColor}input.cc-group-half+label:after{margin-left:9px}}@media(prefers-reduced-motion){.contao-cookiebar{--ccb-anim-duration: 2s}}@media print{.contao-cookiebar{opacity:0}}@keyframes cookiebar-overlay-in{0%{background:rgba(0,0,0,0)}to{background:var(--ccb-backdrop)}}@keyframes cookiebar-overlay-out{0%{background:var(--ccb-backdrop)}to{background:rgba(0,0,0,0);visibility:hidden}}@keyframes cookiebar-top-in{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes cookiebar-top-out{0%{opacity:1;visibility:visible;transform:translateY(0)}to{opacity:0;visibility:hidden;transform:translateY(-100%)}}@keyframes cookiebar-middle-in{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes cookiebar-middle-out{0%{opacity:1;visibility:visible;transform:scale(1)}to{opacity:0;visibility:hidden;transform:scale(0)}}@keyframes cookiebar-bottom-in{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes cookiebar-bottom-out{0%{opacity:1;visibility:visible;transform:translateY(0)}to{opacity:0;visibility:hidden;transform:translateY(100%)}}.cc-group{display:flex;flex-wrap:wrap;justify-content:space-between;align-content:center}.cc-group>label{flex-grow:1;margin:5px 0 5px 10px}.cc-cookies{display:none;width:100%}.cc-detail-btn{padding:8px 10px;line-height:1.2rem}.cc-detail-btn-details{text-decoration:underline;padding:0;margin:0 0 10px}.cc-detail-btn,.cc-detail-btn-details{display:inline-block;color:var(--ccb-detail-clr, #a2a2a2);border:0 none;outline:0 none;background:rgba(0,0,0,0);font-size:13px;letter-spacing:0;text-transform:initial;cursor:pointer}.cc-detail-btn span:nth-child(2),.cc-detail-btn-details span:nth-child(2){display:none}.cc-detail-btn.cc-active span:nth-child(1),.cc-detail-btn-details.cc-active span:nth-child(1){display:none}.cc-detail-btn.cc-active span:nth-child(2),.cc-detail-btn-details.cc-active span:nth-child(2){display:inline}.cc-detail-btn:hover,.cc-detail-btn-details:hover{background:rgba(0,0,0,0);color:var(--ccb-detail-clr-hvr, #717171)} .content-slider{overflow:hidden;visibility:hidden;position:relative}.slider-wrapper{overflow:hidden;position:relative}.slider-wrapper>*{float:left;width:100%;position:relative}.slider-control{height:30px;position:relative}.slider-control a,.slider-control .slider-menu{position:absolute;top:9px;display:inline-block}.slider-control .slider-prev{left:0}.slider-control .slider-next{right:0}.slider-control .slider-menu{top:0;width:50%;left:50%;margin-left:-25%;font-size:27px;text-align:center}.slider-control .slider-menu b{color:#bbb;cursor:pointer}.slider-control .slider-menu b.active{color:#666} @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Trade Gothic'; font-style: normal; font-weight: 200; src: url('/files/dpr/fonts/trade_gothic/TradeGothicLTStd-Light.ttf'), url('/files/dpr/fonts/trade_gothic/TradeGothicLTStd-Light.woff'), url('/files/dpr/fonts/trade_gothic/TradeGothicLTStd-Light.woff2'); } @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Trade Gothic'; font-style: italic; font-weight: 200; src: url('/files/dpr/fonts/trade_gothic/TradeGothicLTStd-LightObl.ttf'), url('/files/dpr/fonts/trade_gothic/TradeGothicLTStd-LightObl.woff'), url('/files/dpr/fonts/trade_gothic/TradeGothicLTStd-LightObl.woff2'); } @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Trade Gothic'; font-style: normal; font-weight: 400; src: url('/files/dpr/fonts/trade_gothic/TradeGothicLTStd.ttf'), url('/files/dpr/fonts/trade_gothic/TradeGothicLTStd.woff'), url('/files/dpr/fonts/trade_gothic/TradeGothicLTStd.woff2'); } @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Trade Gothic'; font-style: italic; font-weight: 400; src: url('/files/dpr/fonts/trade_gothic/TradeGothicLTStd-Obl.ttf'), url('/files/dpr/fonts/trade_gothic/TradeGothicLTStd-Obl.woff'), url('/files/dpr/fonts/trade_gothic/TradeGothicLTStd-Obl.woff2'); } @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Trade Gothic'; font-style: normal; font-weight: 600; src: url('/files/dpr/fonts/trade_gothic/TradeGothicLTStd-Bd2.ttf'), url('/files/dpr/fonts/trade_gothic/TradeGothicLTStd-Bd2.woff'), url('/files/dpr/fonts/trade_gothic/TradeGothicLTStd-Bd2.woff2'); } @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Trade Gothic'; font-style: italic; font-weight: 600; src: url('/files/dpr/fonts/trade_gothic/TradeGothicLTStd-Bd2Obl.ttf'), url('/files/dpr/fonts/trade_gothic/TradeGothicLTStd-Bd2Obl.woff'), url('/files/dpr/fonts/trade_gothic/TradeGothicLTStd-Bd2Obl.woff2'); } :root{--container-size: 1200px;--mainColor: #ff003d;--secondColor: #D1CDC2}.videoHeaderWrapper{position:relative;overflow:hidden}.videoHeaderWrapper .video_container{position:relative;height:100%}.videoHeaderWrapper .ce_player{position:absolute;top:0;z-index:-1;width:100%;height:100%}.videoHeaderWrapper video{width:100%;height:100%;object-fit:cover}.videoHeaderWrapperColored .video_container::before{content:"";width:100%;height:100%;display:block;position:absolute}.videoHeaderWrapperColoredSecond .video_container::before{content:"";width:100%;height:100%;display:block;position:absolute}:root{--gridFaktor: 1}.grid,.content-gallery>ul{display:grid !important;gap:calc(30px*var(--gridFaktor)*0.6) calc(30px*var(--gridFaktor));margin-bottom:30px}.gridPlaceContent_center>*{display:grid;align-content:center}.gridPlaceContent_end>*{display:grid;align-content:end}.grid2Col,.content-gallery--cols-2 ul{grid-template-columns:repeat(2, calc(50% - ( 30px*var(--gridFaktor) / 2 )))}.grid3Col,.content-gallery--cols-3 ul{grid-template-columns:repeat(3, calc(100% / 3 - ( 30px*var(--gridFaktor) / 3 * 2 )))}.grid4Col,.content-gallery--cols-4 ul{grid-template-columns:repeat(4, calc(25% - ( 30px*var(--gridFaktor) / 4 * 3 )))}.grid5Col,.content-gallery--cols-5 ul{grid-template-columns:repeat(5, calc(20% - ( 30px*var(--gridFaktor) / 5 * 4 )))}.grid6Col,.content-gallery--cols-6 ul{grid-template-columns:repeat(6, calc(100% / 6 - ( 30px*var(--gridFaktor) / 6 * 5 )))}.grid7Col,.content-gallery--cols-7 ul{grid-template-columns:repeat(7, calc(100% / 7 - ( 30px*var(--gridFaktor) / 7 * 6 )))}.grid8Col,.content-gallery--cols-8 ul{grid-template-columns:repeat(8, calc(100% / 8 - ( 30px*var(--gridFaktor) / 8 * 7 )))}.grid9Col,.content-gallery--cols-9 ul{grid-template-columns:repeat(9, calc(100% / 9 - ( 30px*var(--gridFaktor) / 9 * 8 )))}.grid10Col,.content-gallery--cols-10 ul{grid-template-columns:repeat(10, calc(100% / 10 - ( 30px*var(--gridFaktor) / 10 * 9 )))}.grid11Col,.content-gallery--cols-11 ul{grid-template-columns:repeat(11, calc(100% / 11 - ( 30px*var(--gridFaktor) / 11 * 10 )))}.grid12Col,.content-gallery--cols-12 ul{grid-template-columns:repeat(12, calc(100% / 12 - ( 30px*var(--gridFaktor) / 12 * 11 )))}.grid-66-33{grid-template-columns:calc(100% / 3 * 2 - ( 30px*var(--gridFaktor) / 2 )) calc(100% / 3 - ( 30px*var(--gridFaktor) / 2 ))}.grid-33-66{grid-template-columns:calc(100% / 3 - ( 30px*var(--gridFaktor) / 2 )) calc(100% / 3 * 2 - ( 30px*var(--gridFaktor) / 2 ))}.grid-60-40{grid-template-columns:calc(60% - ( 30px*var(--gridFaktor) / 2 )) calc(40% - ( 30px*var(--gridFaktor) / 2 ))}.grid-40-60{grid-template-columns:calc(40% - ( 30px*var(--gridFaktor) / 2 )) calc(60% - ( 30px*var(--gridFaktor) / 2 ))}@media (min-width:800px) and (max-width:1000px){.grid1ColTablet{grid-template-columns:100%}.grid2ColTablet,.content-gallery--cols-4 ul{grid-template-columns:repeat(2, calc(50% - ( 30px*var(--gridFaktor) / 2 )))}.grid3ColTablet,.content-gallery--cols-5 ul,.content-gallery--cols-6 ul{grid-template-columns:repeat(3, calc(100% / 3 - ( 30px*var(--gridFaktor) / 3 * 2 )))}.grid4ColTablet,.content-gallery--cols-7 ul,.content-gallery--cols-8 ul{grid-template-columns:repeat(4, calc(25% - ( 30px*var(--gridFaktor) / 4 * 3 )))}.grid5ColTablet,.content-gallery--cols-9 ul,.content-gallery--cols-10 ul{grid-template-columns:repeat(5, calc(20% - ( 30px*var(--gridFaktor) / 5 * 4 )))}.grid6ColTablet,.content-gallery--cols-11 ul,.content-gallery--cols-12 ul{grid-template-columns:repeat(6, calc(100% / 6 - ( 30px*var(--gridFaktor) / 6 * 5 )))}.grid-66-33Tablet{grid-template-columns:calc(100% / 3 * 2 - ( 30px*var(--gridFaktor) / 2 )) calc(100% / 3 - ( 30px*var(--gridFaktor) / 2 ))}.grid-33-66Tablet{grid-template-columns:calc(100% / 3 - ( 30px*var(--gridFaktor) / 2 )) calc(100% / 3 * 2 - ( 30px*var(--gridFaktor) / 2 ))}}@media (max-width:800px){.grid1ColSmartphone,.content-gallery--cols-2 ul,.content-gallery--cols-3 ul{grid-template-columns:100%}.grid2ColSmartphone,.content-gallery--cols-4 ul,.content-gallery--cols-5 ul,.content-gallery--cols-6 ul{grid-template-columns:repeat(2, calc(50% - ( 30px*var(--gridFaktor) / 2 )))}.grid3ColSmartphone,.content-gallery--cols-7 ul,.content-gallery--cols-8 ul,.content-gallery--cols-9 ul,.content-gallery--cols-10 ul,.content-gallery--cols-11 ul,.content-gallery--cols-12 ul{grid-template-columns:repeat(3, calc(100% / 3 - ( 30px*var(--gridFaktor) / 3 * 2 )))}.grid4ColSmartphone{grid-template-columns:repeat(4, calc(25% - ( 30px*var(--gridFaktor) / 4 * 3 )))}.grid5ColSmartphone{grid-template-columns:repeat(5, calc(20% - ( 30px*var(--gridFaktor) / 5 * 4 )))}.grid6ColSmartphone{grid-template-columns:repeat(6, calc(100% / 6 - ( 30px*var(--gridFaktor) / 6 * 5 )))}.grid-66-33-Smartphone{grid-template-columns:calc(100% / 3 * 2 - ( 30px*var(--gridFaktor) / 2 )) calc(100% / 3 - ( 30px*var(--gridFaktor) / 2 ))}.grid-33-66-Smartphone{grid-template-columns:calc(100% / 3 - ( 30px*var(--gridFaktor) / 2 )) calc(100% / 3 * 2 - ( 30px*var(--gridFaktor) / 2 ))}}.maxWidthContainerSize{max-width:1200px;margin:auto !important;margin-left:auto !important;margin-right:auto !important;padding:50px 25px}.mod_article:not(.fullWidth):not(.fullWidthContent){padding:50px 25px}#container .mod_article:not(.fullWidth):not(.fullWidthContent),.mod_navigation ul{max-width:1200px;margin:auto}*{box-sizing:border-box;scroll-behavior:smooth}.noHyphens{hyphens:none}@media screen and (max-width:800px){.hideOnMobile{display:none !important}}@media screen and (min-width:800px) and (max-width:1000px){.hideOnTablet{display:none !important}}@media screen and (min-width:1000px){.hideOnDesktop{display:none !important}}.menu-list li{list-style-type:none;padding-bottom:10px;font-size:1.5rem}.main-menu li,.main-menu li strong{font-weight:400}.main-menu li>.active{color:#ff003d}.mod_navigation .invisible{display:none}@media (min-width:800px){.main-menu ul{list-style-type:none;text-align:right}.main-menu li{display:inline-block;font-size:calc(24px * .9);padding-top:20px;padding-bottom:20px}.main-menu ul.level_2{position:absolute;background-color:#fff;padding:20px;margin-top:20px;max-width:300px;border-bottom:5px solid #ff003d;opacity:0;pointer-events:none;transition-duration:0.3s;box-shadow:10px 0px 45px #0002;border-radius:5px}.main-menu li:hover ul.level_2{opacity:1;transition-duration:0.3s;pointer-events:unset}.main-menu li:not(.last)::after{content:"•";margin:0 10px}.main-menu ul.level_2 li{display:list-item !important;padding:5px 0px;text-align:left}.main-menu ul.level_2 li::after{content:none !important}.main-menu li>a{text-decoration:none;color:#333}.main-menu li>a:hover{color:#ff003d}.main-menu ul.level_2 li:not(.last){border-bottom:1px solid rgba(100, 100, 100, 0.2);margin-bottom:5px;padding-bottom:9px}.main-menu .level_2::before{content:"";display:block;position:absolute;border-right:10px solid transparent;border-bottom:10px solid #fff;border-left:10px solid transparent;top:-10px}.level_2 strong{color:black}.sub-menu a,.sub-menu strong,.sub-menu li::after{font-size:0.8rem}.sub-menu ul{text-align:center}.sub-menu li{color:black}}.collapseMenu a,.collapseMenu strong{padding:10px 25px;display:block;transition-duration:0.3s}.collapseMenu a{color:white}.collapseMenu strong,.collapseMenu a:hover{color:#ff003d}.collapseMenu li>a:hover{background-color:#f4f4f4;transition-duration:0.3s}.collapseMenu [class^="level_"]:not([class*="level_1"]){padding-left:20px;display:none}.collapseMenu input[type="checkbox"]:checked+[class^="level_"]:not([class*="level_1"]){display:block}.collapseMenu li.submenu{position:relative}.collapseMenu li.submenu label{position:absolute;top:10px;right:15px;background-color:#d20032;padding:5px;border-radius:3px;color:white}.collapseMenu label.rotate::before{rotate:180deg}.collapseMenu label::before{transition-duration:0.3s;display:block}.collapseMenu .level_1{padding-left:unset}.collapseMenu ul:not(.level_1){padding-left:40px}@media (max-width:799px){.main-menu,.menu-list{display:none}}.sm_hidden{visibility:hidden;position:absolute}.sm_show{visibility:visible;width:100vw;height:100vh;background:#fffe;position:fixed;top:0;left:0;z-index:100}#smart_menu li{list-style-type:none;padding-bottom:10px;font-size:1.5rem}#smart_menu{padding:20px;position:fixed;z-index:15;height:100%;background-color:#f4f4f4;width:100%;left:0px;transition-duration:0.4s;transition-timing-function:cubic-bezier(0.39, 0.58, 0.57, 1)}#smart_menu.sm_hidden{left:-150%;transition-duration:0.4s;transition-timing-function:cubic-bezier(0.47, 0, 0.74, 0.71)}#smart_menu .level_1{overflow-y:scroll;max-height:calc(100vh - 190px);padding-top:20px;padding-bottom:20px;-ms-overflow-style:none;scrollbar-width:none}#smart_menu .level_1::-webkit-scrollbar{display:none}#smart_menu li ul{padding-top:10px}#smart_menu a{color:white}#smart_menu strong{color:white}.mobile-menu label{color:white}.sub-menu-side li{list-style-type:none}.sub-menu-side ul{padding-left:unset}@media (min-width:800px){.mobileBottom{display:none}}.mobileBottom{background-color:#f4f4f4;position:fixed;bottom:0px;z-index:20;width:100%;left:0;padding:15px;text-align:center;box-shadow:0 0px 10px #0004}.iconSmartMenu{width:25px;margin:auto;position:relative;transform:translateY(8px)}.iconSmartMenu::before,.iconSmartMenu::after,.iconSmartMenu{background-color:black;height:3px;border-radius:2px;display:block}.iconSmartMenu::before,.iconSmartMenu::after{content:"";width:100%;position:absolute;top:-7px;transition-duration:0.3s}.iconSmartMenu::after{top:7px}.active .iconSmartMenu::after{top:0px;background-color:#ff003d;transform:rotate(90deg)}.active .iconSmartMenu::before{top:0px;background-color:#ff003d;transform:rotate(-90deg)}.active .iconSmartMenu{background-color:#ff003d}header{max-width:1200px;margin:auto;padding:0 25px}header{display:grid;grid-template-columns:150px 50px;justify-content:space-between}header nav{display:grid;align-content:center}header .logo{width:150px;padding:20px 0px}#menu-custom{background-color:#fff;width:100%;border-bottom:1px solid #0000;box-shadow:0px 0px 5px #0001;z-index:10;position:relative}#menu-custom{position:fixed;top:0px}#wrapper::before{display:block;content:""}header .logo{margin:auto;display:block}header nav.main-menu .level_1>li.last{margin-left:20px}header nav ul.level_1>li:nth-last-child(2)::after{display:none}header nav.main-menu .level_1>li.last>a,header nav.main-menu .level_1>li.last>strong{color:white;text-decoration:none !important;background-color:#ff003d;border-radius:100px;padding:10px 20px;font-weight:200 !important}header nav ul.level_1{width:100%;padding-left:unset}html,body{font-family:"Trade Gothic", "Helvetica Neue", Helvetica, Arial, "sans-serif";font-size:24px;margin:0px;font-weight:300;color:#111;hyphens:none;-webkit-hyphens:none;line-height:1.5em}h1,.h1{margin-top:0px;color:#D1CDC2;font-size:3em;line-height:1.25}h2,.h2{color:#111;font-size:1.75em}h3,.h3{color:#111;font-size:1.5em}h4,.h4{color:#111;font-size:1.25em}h5,.h5{color:#111;font-size:1.1em}h6,.h6{color:#111;font-size:1em}h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6{hyphens:none;-webkit-hyphens:none}p{margin:unset}.ce_text,.content-text{margin-bottom:15px}p+p{margin-top:10px}.colorWhite *,.colorWhite,*.colorWhite{color:white !important}.colorLightgray *,.colorLightgray,*.colorLightgray{color:#f4f4f4 !important}.colorGray *,.colorGray,*.colorGray{color:#ccc !important}.colorDarkgray *,.colorDarkgray,*.colorDarkgray{color:#999 !important}.colorBlack *,.colorBlack,*.colorBlack{color:black !important}.colorMain *,.colorMain,*.colorMain,.colorAccent *,.colorAccent,*.colorAccent{color:#ff003d !important}.colorSecond *,.colorSecond,*.colorSecond{color:#D1CDC2 !important}.colorFont *,.colorFont,*.colorFont{color:#111 !important}.fontSizeS *,.fontSizeS{font-size:0.8rem !important}.fontSizeM *,.fontSizeM{font-size:1rem !important}.fontSizeL *,.fontSizeL{font-size:1.2rem !important}.fontSizeXL *,.fontSizeXL{font-size:1.2em !important}.fontSize2XL *,.fontSize2XL{font-size:2rem !important;line-height:1.2em}.fontSize3XL *,.fontSize3XL{font-size:3rem !important;line-height:1.2em}.fontSize4XL *,.fontSize4XL{font-size:4rem !important;line-height:1.2em}.fontSize5XL *,.fontSize5XL{font-size:5rem !important;line-height:1.2em}a{text-decoration:none;color:#ff003d;transition-duration:0.3s}a:hover{color:#D1CDC2;transition-duration:0.3s}.uppercase{text-transform:uppercase}strong,.bold{font-weight:800}.textAlignCenter{text-align:center}.textAlignRight{text-align:right}.serifFont{font-family:"serif"}.mt2XL,.mt2XL>.bgWrapperInner{margin-top:150px !important}.mb2XL,.mb2XL>.bgWrapperInner{margin-bottom:150px !important}.mtXL,.mtXL>.bgWrapperInner{margin-top:100px !important}.mbXL,.mbXL>.bgWrapperInner{margin-bottom:100px !important}.mtL,.mtL>.bgWrapperInner{margin-top:60px !important}.mbL,.mbL>.bgWrapperInner{margin-bottom:60px !important}.mtM,.mtM>.bgWrapperInner{margin-top:40px !important}.mbM,.mbM>.bgWrapperInner{margin-bottom:40px !important}.mtS,.mtS>.bgWrapperInner{margin-top:20px !important}.mbS,.mbS>.bgWrapperInner{margin-bottom:20px !important}.mtXS,.mtXS>.bgWrapperInner{margin-top:10px !important}.mbXS,.mbXS>.bgWrapperInner{margin-bottom:10px !important}.mt0,.mt0>.bgWrapperInner{margin-top:0px !important}.mb0,.mb0>.bgWrapperInner{margin-bottom:0px !important}.marginAuto,.marginAuto>.bgWrapperInner{margin-left:auto;margin-right:auto}.marginUnset,.marginUnset>.bgWrapperInner{margin:unset !important}.pt2XL,.pt2XL>.bgWrapperInner{padding-top:150px !important}.pb2XL,.pb2XL>.bgWrapperInner{padding-bottom:150px !important}.ptXL,.ptXL>.bgWrapperInner{padding-top:100px !important}.pbXL,.pbXL>.bgWrapperInner{padding-bottom:100px !important}.ptL,.ptL>.bgWrapperInner{padding-top:60px !important}.pbL,.pbL>.bgWrapperInner{padding-bottom:60px !important}.ptM,.ptM>.bgWrapperInner{padding-top:40px !important}.pbM,.pbM>.bgWrapperInner{padding-bottom:40px !important}.pM,.pM>.bgWrapperInner{padding:40px !important}.ptS,.ptS>.bgWrapperInner{padding-top:20px !important}.pbS,.pbS>.bgWrapperInner{padding-bottom:20px !important}.ptXS,.ptXS>.bgWrapperInner{padding-top:10px !important}.pbXS,.pbXS>.bgWrapperInner{padding-bottom:10px !important}.pt0,.pt0>.bgWrapperInner{padding-top:0px !important}.pb0,.pb0>.bgWrapperInner{padding-bottom:0px !important}.paddingUnset,.paddingUnset>.bgWrapperInner{padding:unset !important}#left+#main div.inside{width:100% !important}@media (min-width:800px){#left{display:inline-grid;width:calc(25% - 5px);vertical-align:top;border-right:1px solid #eee;padding-top:50px}#left+#main{display:inline-grid;width:74%;vertical-align:top}}#left ul{list-style-type:none}.btn a,a.btn{background-color:#ff003d;color:white;padding:15px 30px;border-radius:50px;margin-top:10px;min-width:120px;display:inline-block;text-align:center;text-decoration:none !important;transition-duration:0.3s;font-weight:100}.btn a:hover,a.btn:hover{box-shadow:5px 5px 0 #000d;transition-duration:0.3s;transform:translateY(-5px)}div.btn{display:inline-block}.btnWhite a,a.btnWhite{background-color:white;color:#ff003d}.btnGray a,a.btnGray{background-color:#f4f4f4;color:black !important}.btnSecond a,a.btnSecond{background-color:#D1CDC2;color:white}.btnCenter{text-align:center;width:100%}.floatingButton:hover{transition-duration:0.3s;background-color:#A167FF;color:white;text-decoration:none !important;rotate:5deg;scale:1.1;box-shadow:4px 4px 10px #0003;transform:translateX(5px)}.floatingButton{background-color:#000a;width:50px;height:50px;display:grid;place-content:center;border-radius:20px;font-size:25px;color:white;transition-duration:0.3s;margin-bottom:10px}.floatingButtonWrapper{position:fixed;right:20px;bottom:110px;z-index:10}.hoveranimation:hover{box-shadow:3px 3px 10px rgba(100, 100, 100, 0.2);transform:translateY(-8px);transition-duration:0.3s;opacity:0.95}.hoveranimation{transition-duration:0.3s}.ce_download a::before{content:"";font-family:"Font Awesome 6 Free";font-weight:900;position:absolute;left:0;font-size:3em;color:#fff4;z-index:-1}.ce_download a{background-color:#ff003d;padding:10px 20px;display:block;width:fit-content;position:relative;overflow:hidden;z-index:1;color:#fff;border-radius:50px}.ce_downloads li::marker{content:"";font-family:"Font Awesome 6 Free";font-weight:900}.ce_downloads{background-color:#f4f4f4;padding:10px 20px;width:fit-content}.ce_downloads a{padding-left:5px}.invisible{display:none}.widget-text label,.widget-password label,.widget-select label,.widget-textarea label,.widget-range label{display:block;padding-left:15px;font-size:0.9em;margin-bottom:5px}input[type="text"],input[type="password"],input[type="email"],input[type="tel"],input[type="range"],input[type="url"],select,textarea{width:100%;font-size:1em;padding:10px 15px;border-radius:5px;border:1px solid #ccc;background-color:#fff;margin-bottom:10px}fieldset{margin-bottom:10px}.grid>.widget>input,.content-gallery>ul>.widget>input,.grid>select,.content-gallery>ul>select,.grid>textarea,.content-gallery>ul>textarea{margin-bottom:unset}button[type="submit"],.mod_two_factor .submit_container a{background-color:#A167FF;color:white;padding:10px 20px;font-weight:bold;border:unset;border-radius:50px;cursor:pointer;font-size:0.8em;letter-spacing:1px;margin-top:20px}.ce_form .style_1{background-color:white;border:1px solid #ddd;padding:40px 25px;box-shadow:0 0 15px #0001;border-radius:10px;max-width:90%;margin:auto}.mod_login .widget-submit,.mod_lostPassword .widget-submit{text-align:center;margin-top:10px}.mod_lostPassword>:is(h1, h2, h3, h4, h5, h6),.mod_login>:is(h1, h2, h3, h4, h5, h6){text-align:center}.mod_login.style_1{background-color:#f4f4f4;border:1px solid #ddd;padding:50px 25px}.mod_login.style_1 form{max-width:400px;margin:auto}.mod_two_factor{border:1px solid #ddd;padding:20px}img{max-width:100%;object-fit:contain;height:auto;display:block}figure{margin:unset}.imageBorderRadiusXS img{border-radius:5px}.imageBorderRadiusS img{border-radius:10px}.imageBorderRadiusM img{border-radius:20px}.imageBorderRadiusL img{border-radius:30px}.imageBorderRadiusXL img{border-radius:100%}.borderRadiusXS{border-radius:5px}.borderRadiusS{border-radius:10px}.borderRadiusM{border-radius:20px}.borderRadiusL{border-radius:30px}.borderRadiusXL{border-radius:100%}.grayImg img:hover{filter:grayscale(0%) !important;transition-duration:0.3s}.grayImg img{filter:grayscale(100%);transition-duration:0.3s}.float_left{float:left;margin:0 20px 20px 0}.float_right{float:right;margin:0 0 20px 20px}.ce_image .image_container a{position:relative;width:100%;display:block}.ce_image .image_container a::before{top:0;left:0;right:0;bottom:0;content:"";position:absolute;transition-duration:0.3s}.ce_image .image_container a:hover::before{background-color:#0003;transition-duration:0.3s}.ce_image .image_container a::after{content:"+";font-weight:900;font-family:"Font Awesome 6 Free";position:absolute;top:10%;right:10%;z-index:1;transition-duration:0.3s}.ce_image .image_container a:hover::after{scale:2;rotate:10deg;transition-duration:0.3s}.content-gallery ul{padding-left:unset;list-style-type:none}.ce_gallery .image_container a{position:relative;width:100%;display:block}.ce_gallery .image_container a::before{top:0;left:0;right:0;bottom:0;content:"";position:absolute;transition-duration:0.3s}.ce_gallery .image_container a:hover::before{background-color:#0003;transition-duration:0.3s}.ce_gallery .image_container a::after{content:"+";font-weight:900;font-family:"Font Awesome 6 Free";position:absolute;top:10%;right:10%;z-index:1;transition-duration:0.3s}.ce_gallery .image_container a:hover::after{scale:2;rotate:10deg;transition-duration:0.3s}.bgWhite{background-color:white !important}.bgLightgray{background-color:#f4f4f4 !important}.bgGray{background-color:#ccc !important}.bgDarkgray{background-color:#999 !important}.bgBlack{background-color:black !important}.bgMain,.bgAccent{background-color:#ff003d !important}.bgSecond{background-color:#D1CDC2 !important}.bgWrapperStickyContent>.bgWrapperInner{position:sticky;top:120px}.bgWrapperInner>*{z-index:5;position:relative}.ce_table table{border-collapse:collapse;border:1px solid #ccc}.ce_table thead{background-color:#999;color:white}.ce_table td,.ce_table th{padding:5px 10px}.ce_table tbody tr:nth-child(even){background-color:#f4f4f4}.ce_table tbody tr{transition-duration:0.3s}.ce_table tbody tr:hover{transition-duration:0.3s;background-color:#ccc}.ce_accordion{border:1px solid #ddd;margin-bottom:15px}.ce_accordion .toggler,.ce_accordion .ui-accordion-content{padding:20px 30px;position:relative}.ce_accordion .ui-accordion-header-active{border-bottom:1px solid #ddd}.ce_accordion .toggler::after,.ce_accordion .toggler::before{content:"";position:absolute;right:30px;width:20px;height:2px;background-color:#ff003d;top:50%;transform:translateY(-50%)}.ce_accordion .toggler::before{right:39px;width:2px;height:20px;transition-duration:0.3s}.ce_accordion .ui-accordion-header-active::before{height:0px;transition-duration:0.3s}.ce_accordion .toggler:hover{cursor:pointer}.ce_accordion .toggler:not(.ui-accordion-header-active):hover{box-shadow:0 0 5px #0001} /* 00 -- root 01 -- position 02 -- infoBox 03 -- button 04 -- footer 05 -- teambox 06 -- font 07 -- header / menu 08 -- slider 09 -- news 10 -- width 11 -- content Styling 12 -- css animation 13 -- images 14 -- margin / padding 15 -- catagoriefilter 16 -- CustomerPreviewSlider 17 -- link 18 -- kundenslider 19 -- icons 20 -- referenzen */ /* ###################### */ /* [start] 00 -- root */ /* ###################### */ .contao-cookiebar .highlight .success { --ccb-btn-bg: #f5f5f5; --ccb-btn-bg-hvr: #f5f5f5; --ccb-btn-bdr: #cfcfcf; --ccb-btn-clr: #444; } /* ###################### */ /* [end] 00 -- root */ /* ###################### */ /* ###################### */ /* [start] 01 -- position */ /* ###################### */ .posRel { position:relative; } .posRightBottom { position:absolute; right:0px; bottom:0px; } /* ###################### */ /* [end] 01 -- position */ /* ###################### */ /* ###################### */ /* [start] 02 -- infoBox */ /* ###################### */ .iconWrapper i { color: white; font-size: 2em; background-color: var(--mainColor); border-radius: 100%; height: 80px; width: 80px; display: grid; place-content: center; margin: auto; text-shadow: 0 0 3px #0002; } .infoBox { text-align: center; margin-bottom: 15px; position: relative; } .infoBox a { margin-top: 0; } .iconWrapper { margin-bottom: 10px; } .infoBox a { color: #333; } .infoBox a:hover { color: var(--mainColor); } .infoBox img { max-height: 80px; margin: auto; } .hover-icon { position: absolute; top: 0; left: 0; right: 0; opacity: 0; transition-duration: .3s; } .info-box-link:hover .hover-icon { opacity: 1; transition-duration: .3s; } .info-box-link:hover .main-icon { opacity: 0; transition-duration: .3s; } .info-box-link .main-icon { transition-duration: .3s; } /* ###################### */ /* [end] 02 -- infoBox */ /* ###################### */ /* ###################### */ /* [start] 03 -- button */ /* ###################### */ .btn a, a.btn { border-radius: unset; } .btn a:hover, a.btn:hover { transform: unset; box-shadow: unset; } .btn:hover a { background-color: #ff003d; color: white !important; } .btnWhite a { color:#333; } .btnWhite a:hover { color:var(--mainColor); } .socialMediaButton a { display: inline-grid; color: white; font-size: 1.5em; margin-right: 10px; } .btnBlack a { background-color: black; } .btn a { marign-top:0 } /* ###################### */ /* [end] 03 -- button */ /* ###################### */ /* ###################### */ /* [start] 04 -- footer */ /* ###################### */ @media screen and (min-width:800px) { .footerNav { text-align: right; } } .footerNav ul { list-style-type: none; } .footerNav a, .footerNav strong { line-height: 1.5; } .footerNav strong { text-decoration: underline; font-weight: 300; } .footerWhite #footer-custom .bgWrapper { background: white !important; } .footerWhite #footer-custom .colorWhite *, .footerWhite #footer-custom .colorWhite, .footerWhite #footer-custom .colorWhite { color: black !important; } body.footerWhite #footer-custom img.waveHand:not(.blackhand), body:not(.footerWhite) #footer-custom img.waveHand.blackhand{ display: none; } .totoplink { transform: translate(0,-100%); display: block; } .totoplink img { height: 80px; } @media screen and (max-width: 800px) { .handLine { transform: translateY(130%); } } /* ###################### */ /* [end] 04 -- footer */ /* ###################### */ /* ###################### */ /* [start] 05 -- teambox */ /* ###################### */ .teamBox img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; object-fit: cover; border-radius: 100%; transition-duration: .3s; } .hoverable:hover { opacity: 0; transition-duration: .3s; } .imgContainer { height: 0px; padding-top: 80%; position: relative; max-width: 80%; margin: auto; } .teamBoxContent { padding:0 20px 20px 20px; } .sm_icon_box:hover { background-color: var(--mainColor); color: white; } .sm_icon_box { display: inline-grid; background-color: #f4f4f4; height: 35px; width: 35px; place-content: center; color: #666; font-size: .9em; } /* ###################### */ /* [end] 05 -- teambox */ /* ###################### */ /* ###################### */ /* [start] 06 -- font */ /* ###################### */ /* h1, .h1 { font-size: 5em; margin-bottom: 0px; width: fit-content; margin: auto; text-align: center; } h1::after { content: ''; display: block; background: linear-gradient(90deg,#0000,#dbd2c8,#0000); height: 2px; width: 90%; margin-bottom: 40px; border-radius: 100%; margin-top: 10px; } */ .blackLabel { width: fit-content; background-color: black; padding: 10px 20px 5px; color: white; } @media screen and (max-width:500px) { .fontSizeL *, .fontSizeL { font-size: 1.1rem !important; } .fontSizeXL *, .fontSizeXL { font-size: 1.2em!important; } .fontSize2XL *, .fontSize2XL { font-size: 1.75rem !important; line-height: 1.2em; } .fontSize3XL *, .fontSize3XL { font-size: 2rem !important; line-height: 1.2em; } .fontSize4XL *, .fontSize4XL { font-size: 2.25rem !important; line-height: 1.2em; } .fontSize5XL *, .fontSize5XL { font-size: 2.5rem !important; line-height: 1.2em; } h1, .h1 { font-size:1.6rem; } h2, .h2 { font-size:1.4rem; } h3, .h3 { font-size:1.2rem; } h4, .h4 { font-size:1rem; } h5, .h5 { font-size:1rem; } h6, .h6 { font-size:1rem; } .mod_newsreader * { hyphens: auto; } } h2, .h2 { line-height: 1.2; } @media screen and (max-width:800px) { .m_textAlignCenter { text-align:center; } } @media screen and (max-width:400px) { html *, body * { -ms-hyphens: auto!important; /* ab IE10 */ -moz-hyphens: auto!important; /* seit Firefox 6 */ -webkit-hyphens: auto!important; /* seit Safari 5.1 (OS X), Safari 4.1 (iOS) */ hyphens: auto!important; } } /* ###################### */ /* [end] 06 -- font */ /* ###################### */ /* ###################### */ /* [start] 07 -- header / menu */ /* ###################### */ .main-menu .level_2 { background-color: white !important; } img.headerImage, img.fullWidthImage { width: 100%; max-height: 700px; object-fit: cover; } #menu-custom { padding:10px 0; } #smartphoneMenuTrigger { display: grid; align-content: center; justify-content: right; transform: translateY(-11px); } #smart_menu.sm_hidden { right: -150%!important; left:unset; } #smart_menu { background-color: var(--mainColor); width: 500px; right: 0px!important; left: unset; max-width: 100%; } .collapseMenu li > a:hover, .collapseMenu li.submenu label{ background-color:unset; } #smart_menu .level_1 > li { border-bottom: 1px solid #fff9; padding-top: 5px; padding-bottom: 0 !important; } #overlay_mm.active { position: absolute; left: 0; right: 0; top: 0; bottom:0; content: ''; background-color: #0006; z-index: 6; transition-duration: .3s; backdrop-filter: blur(5px); } #overlay_mm { transition-duration: .3s; background-color: #0000; } #main { position: relative; } .headerTransparent #wrapper::before { height: 0px; } .headerTransparent #menu-custom { background: linear-gradient(#000e,#0000); border-bottom: unset; box-shadow: unset; } .iconSmartMenu::before, .iconSmartMenu::after, .iconSmartMenu { background-color: #d1cdc2; } header { max-width: 2000px; } @media screen and (min-width:800px) { .headerImage.homePage { min-height: 60vh; } } #smart_menu li a, #smart_menu li strong{ font-size: 1rem; padding-top: 10px; padding-bottom: 10px; line-height: 1; hyphens: auto; } #smart_menu li { padding-bottom: 0; } #smart_menu li ul { padding-bottom: 10px; } .collapseMenu li.submenu label { top: 4px; font-size: 1.2rem; } .lng_wrapper { display: grid; grid-template-columns: auto 50px; place-content: end; } .mod_changelanguage li { list-style-type: none; } /* ###################### */ /* [end] 07 -- header / menu */ /* ###################### */ /* ###################### */ /* [start] 08 -- slider */ /* ###################### */ .rsts-skin-default .rsts-prev, .rsts-skin-default .rsts-next{ background-color: var(--mainColor); border: unset !important; border-radius: unset !important; height: 60px !important; width: 60px !important; bottom: 0 !important; } .rsts-skin-default .rsts-next { right: 0px; background-image: url('/files/dpr/assets/grafiken/arrow-right.svg'); } .rsts-skin-default .rsts-prev { right: 60px !important; background-image: url('/files/dpr/assets/grafiken/arrow-left.svg') !important; } .rsts-skin-default .rsts-prev:hover, .rsts-skin-default .rsts-next:hover { background-color: var(--secondColor); } /* contao Slider */ .swiper-button-next, .swiper-button-prev { color: white; bottom: 0; top: unset; background-color: var(--mainColor); border: unset !important; height: 60px !important; width: 60px !important; transition-duration: .3s; } .swiper-button-next { background-image: url('/files/dpr/assets/grafiken/arrow-right.svg') !important; right: unset; left:60px; } .swiper-button-prev { background-image: url('/files/dpr/assets/grafiken/arrow-left.svg'); left:0px!important; } .swiper-button-next:hover, .swiper-button-prev:hover { background-color: var(--secondColor); transition-duration: .3s; } .swiper-button-prev::after, .swiper-button-next::after { content:none; } .swiper-button-next, .swiper-button-prev { display: none; } .content-swiper img { width: 100%; max-height: 600px; object-fit: cover; } .swiper-pagination-bullet { background:var(--secondColor); opacity: .8; width: 15px; height: 15px; } .swiper-pagination-bullet-active { background:var(--mainColor); } /* ###################### */ /* [end] 08 -- slider */ /* ###################### */ /* ###################### */ /* [start] 09 -- news */ /* ###################### */ .newsListHomepage .newsContent { padding: 30px 30px 60px 30px; position: relative; max-width: 80%; margin-left: auto; margin-top: -50px; } .newsListHomepage img { width: 100%; } .mod_newsreader h1 { font-size: 2rem; color: #333; max-width: 800px; text-align: center; margin: 0 auto 20px auto; } .mod_newsreader .headerImage img { width: 100%; } .mod_newslist.kundenListe { max-width: 1200px; margin: auto; padding: 0 25px; } .layout_latest .contentWrapper { padding:15px 20px; } .layout_latest .contentWrapper { padding: 15px 20px; max-width: 90%; margin-left: 10%; transform: translateY(-40px); } .layout_latest .imagePlaceholder { background-color: #ddd; padding-top: 56.25%; } .imgReadMore:hover { transform: translateX(10px); transition-duration: .3s; } .imgReadMore { transition-duration: .3s; } .kundenFilter > div { max-width: 1200px; margin: auto; padding: 50px 25px; } .mod_newslist .pagination ul li { display: inline-block; } .mod_newslist .pagination ul { padding-left: unset; margin-top: 5px; } .mod_newslist .pagination ul .next, .mod_newslist .pagination ul .previous { display:none; } .mod_newslist { padding-bottom: 200px; position: relative; } .mod_newslist .pagination { position: absolute; bottom: 0; left: 0; right: 0; } .width100 > .bgWrapperInner { width: 100%; } .mod_newslist .titelTrennen .contentWrapper > p:first-child { text-transform: uppercase; hyphens: auto; } @media screen and (max-width:800px) { .mod_newsreader .bgWrapperInner { padding-left: 20px; padding-right: 20px; } } /* ###################### */ /* [end] 09 -- news */ /* ###################### */ /* ###################### */ /* [start] 10 -- width */ /* ###################### */ .maxWidth360 { max-width: 360px; } .maxWidth500 { max-width: 500px; } /* ###################### */ /* [end] 10 -- width */ /* ###################### */ /* ###################### */ /* [start] 11 -- content Styling */ /* ###################### */ @media screen and (min-width:800px) { .flexibleImage { position: relative; } .flexibleImage figure { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .flexibleImage figure img { height: 100%; width: 100%; object-fit: cover; } .textIndentLeft { max-width: 90%; margin-left: auto; } .textIndentRight { max-width: 90%; margin-right: auto; } } /* ###################### */ /* [end] 11 -- content Styling */ /* ###################### */ /* ###################### */ /* [start] 12 -- css animation */ /* ###################### */ @keyframes handWave{ 0% { transform:rotate(0deg); } 10% { transform:rotate(20deg); } 20% { transform:rotate(0deg); } 30% { transform:rotate(-20deg); } 40% { transform:rotate(0deg); } } .waveHand { animation: handWave 4s infinite linear; animation-delay: 3s; display: inline; max-width: 50px; translate: 0 20%; } /* ###################### */ /* [end] 12 -- css animation */ /* ###################### */ /* ###################### */ /* [start] 13 -- images */ /* ###################### */ .maxImage figure { height: 100%; } .maxImage img { height: 100%; width: 100%; object-fit: cover; } .maxImage { display: block; } .bgWrapperInner > * { z-index: 5; position: relative; } .bgWrapper { position: relative; } .bgWrapper .backgroundImage { position: absolute; top: 0; left: 0; bottom: 0; right: 0; overflow:hidden; } .bgWrapper .backgroundImage .image_container { height: 100%; width: 100%; } .bgWrapper .backgroundImage img { object-fit: cover; height: 100%; width: 100%; } /* ###################### */ /* [end] 13 -- images */ /* ###################### */ /* ###################### */ /* [start] 14 -- margin / padding */ /* ###################### */ @media screen and (min-width: 1200px) { .desktop_ml_10_mr_auto { margin-left: 10% !important; margin-right: auto !important; } .desktop_ml_auto_mr_10 { margin-right: 10% !important; margin-left: auto !important; } } .mlAuto { margin-left: auto; } @media screen and (max-width: 800px) { .m_mlUnset { margin-left:unset; } } .align-content-center { display: grid; align-content: center; } /* ###################### */ /* [end] 14 -- margin / padding */ /* ###################### */ /* ###################### */ /* [start] 15 -- catagoriefilter */ /* ###################### */ .mod_newscategories_cumulative.bgSecond a, .mod_newscategories_cumulative.bgSecond strong{ color: #333; border: 1px solid white; padding: 8px 20px 5px; display: inline-grid; font-size: .8em; margin-bottom: 10px; } .mod_newscategories_cumulative.bgSecond strong { background-color:white; } .mod_newscategories_cumulative.bgSecond strong:hover { cursor:pointer; } /* ###################### */ /* [end] 15 -- catagoriefilter */ /* ###################### */ /* ###################### */ /* [start] 16 -- CustomerPreviewSlider */ /* ###################### */ .CustomerPreviewWrapper { position: relative; } .CustomerPreviewWrapper .title { position: absolute; left: 0; right: 0; bottom: 0; background: linear-gradient(#0000,#0006); color: white; top: 50%; display: grid; align-content: end; } .CustomerPreviewWrapper .title .rte { max-width: 1200px; margin: auto; padding: 0 25px; } .CustomerPreviewWrapper .link a { color: white; } .CustomerPreviewWrapper .link a::after { content: url(/files/dpr/assets/grafiken/pfeil-rechts-weiss.svg); transform: translateY(5px); display: inline-block; margin-left: 15px; } .CustomerPreviewWrapper .fontSizeXL { line-height: 1.55em; } /* ###################### */ /* [end] 16 -- CustomerPreviewSlider */ /* ###################### */ /* ###################### */ /* [start] 17 -- link */ /* ###################### */ body:not(.footerWhite) #main .rte a { color: #222 !important; } body #main .rte a { text-decoration: underline; } body #main .rte a:hover { color: var(--mainColor) !important; text-decoration: underline; } /* ###################### */ /* [end] 17 -- link */ /* ###################### */ /* ###################### */ /* [start] 18 -- kundenslider */ /* ###################### */ @media screen and (max-width:500px) { .CustomerPreviewWrapper img { min-height: 80vh; max-height: unset; } .CustomerPreviewWrapper .title { background: #0006; top: 0; padding-bottom: 100px; hyphens: auto; } .swiper-pagination { text-align: left; padding-left: 20px; } } /* ###################### */ /* [end] 18 -- kundenslider */ /* ###################### */ /* ###################### */ /* [start] 19 -- icons */ /* ###################### */ #footer-custom [class*="fa-"]::before { width: 40px; height: 40px; display: block; background-size: cover; content: ''; background-size: contain; background-repeat: no-repeat; } .teamBox .sm_icon_box [class*="fa-"]::before { width: 20px; height: 20px; display: block; background-size: cover; content: ''; background-size: contain; background-repeat: no-repeat; } .fa-instagram::before { background: url('/files/themore/fontawesome/black/instagram.svg'); } .fa-facebook::before { background: url('/files/themore/fontawesome/black/facebook.svg'); } .fa-linkedin::before { background: url('/files/themore/fontawesome/black/linkedin.svg'); } .fa-linkedin-in::before { background: url('/files/themore/fontawesome/black/linkedin-in.svg'); } .fa-xing::before { background: url('/files/themore/fontawesome/black/xing.svg'); } .fa-envelope::before { background: url('/files/themore/fontawesome/black/envelope.svg'); } .fa-phone::before { background: url('/files/themore/fontawesome/black/phone-alt.svg'); } /* white */ .colorWhite .fa-instagram::before { background: url('/files/themore/fontawesome/white/instagram.svg'); } .colorWhite .fa-facebook::before { background: url('/files/themore/fontawesome/white/facebook.svg'); } .colorWhite .fa-linkedin-in::before { background: url('/files/themore/fontawesome/white/linkedin-in.svg'); } .colorWhite .fa-xing::before { background: url('/files/themore/fontawesome/white/xing.svg'); } /* ###################### */ /* [end] 19 -- icons */ /* ###################### */ /* ###################### */ /* [start] 20 -- referenzen */ /* ###################### */ .reference-header { background-size: cover; background-position: center; } .reference-header h1 { color:white; text-align: left; max-width: unset; margin: unset; } .mod_newsreader h2 { font-size: 1.3em; max-width: 600px; } .reference-header .bgWrapperInner { min-height: 400px; display: grid; align-content: end; } .mod_newsreader h3 { font-size: 1.1em; margin-top: 45px; } .maxW750px { max-width: 750px; } .mockup { position: relative; width: fit-content; } .mockup .device { z-index: 2; position: relative; } .mockup figure img { width:100%; } .screenshot-pc figure { position: absolute; top: 5.7%; left: 3%; right: 3%; } .screenshot-tablet figure { position: absolute; top: 4%; left: 3%; right: 3%; } .screenshot-smartphone figure { position: absolute; top: 2.5%; left: 5%; right: 5%; border-radius: 10px; overflow: hidden; } @media screen and (min-width:400px) { .smartphone-tablet-grid { display: grid; grid-template-columns: 22% auto; grid-gap: 20px; } .content-image:has(.screenshot-smartphone) { display: grid; place-content: end; } } @media screen and (max-width:399px) { .content-image:has(.screenshot-smartphone) { max-width: 220px; margin: 0 auto 20px; } } /* ###################### */ /* [end] 20 -- referenzen */ /* ###################### */