/* Media Screen */ @media screen { /*! destyle.css v4.0.1 | MIT License | https://github.com/nicolas-cusan/destyle.min.css */ *,::before,::after{box-sizing:border-box;border-style:solid;border-width:0;}html{line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight:transparent}body{margin:0}main{display:block}p,table,blockquote,address,pre,iframe,form,figure,dl{margin:0}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit;margin:0}ul,ol{margin:0;padding:0;list-style:none}dt{font-weight:700}dd{margin-left:0}hr{box-sizing:content-box;height:0;overflow:visible;border-top-width:1px;margin:0;clear:both;color:inherit}pre{font-family:monospace,monospace;font-size:inherit}address{font-style:inherit}a{background:transparent;text-decoration:none;color:inherit}abbr[title]{text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:inherit}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}svg,img,embed,object,iframe{vertical-align:bottom}input,optgroup,select,textarea{-webkit-appearance:none;appearance:none;vertical-align:middle;color:inherit;font:inherit;background:transparent;padding:0;margin:0;border-radius:0;text-align:inherit;text-transform:inherit}button,[type="button"],[type="reset"],[type="submit"]{cursor:pointer}button:disabled,[type="button"]:disabled,[type="reset"]:disabled,[type="submit"]:disabled{cursor:default}:-moz-focusring{outline:auto}select:disabled{opacity:inherit}option{padding:0}fieldset{margin:0;padding:0;min-width:0}legend{padding:0}progress{vertical-align:baseline}textarea{overflow:auto}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{outline-offset:-2px}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}[type="number"]{-moz-appearance:textfield}label[for]{cursor:pointer}details{display:block}summary{display:list-item}[contenteditable]:focus{outline:auto}table{border:inherit;border-collapse:collapse}caption{text-align:left}td,th{vertical-align:top;padding:0}th{text-align:left;font-weight:normal} @supports (view-transition-name: none) {@view-transition {navigation: auto;}} /* Font-Family */ @font-face {font-display: swap;font-family: 'saira';font-style: normal;font-weight: 300;src: url('saira600.woff2') format('woff2');} @font-face {font-display: swap;font-family: 'hind';font-style: normal;font-weight: 300;src: url('hind300.woff2') format('woff2');} /* Schrift */ .font1{font-family:'saira', Arial, Helvetica, sans-serif!important;} .font2{font-family:'hind', Arial, Helvetica, sans-serif!important} /* Scrollbar Firefox */ html {scrollbar-width: thin;scrollbar-color: #111111 #eeeeee;} /* Scrollbar Chrome, Edge, Safari */ html::-webkit-scrollbar {width: 8px;} html::-webkit-scrollbar-track {background: #eeeeee;} html::-webkit-scrollbar-thumb {background-color: #eeeeee;border-radius: 2px;border: 4px solid #111111;} /* html, body */ html {overflow: overlay;} body{background:var(--bgc1);} html,body{color:var(--p);font-size: 1rem;line-height: 1.5;font-family:"hind";margin:0;width:100%;min-height: 100%;height:auto!important;-webkit-box-sizing:border-box;box-sizing:border-box;text-rendering:optimizeLegibility;overflow-x: clip;overscroll-behavior-y: none;} html.lenis,html.lenis body{height:auto;} .lenis:not(.lenis-autoToggle).lenis-stopped {overflow: clip;} .lenis [data-lenis-prevent],.lenis [data-lenis-prevent-wheel],.lenis [data-lenis-prevent-touch],.lenis [data-lenis-prevent-vertical],.lenis [data-lenis-prevent-horizontal] {overscroll-behavior: contain;} .lenis.lenis-smooth iframe {pointer-events: none;} .lenis.lenis-autoToggle {transition-property: overflow;transition-duration: 1ms;transition-behavior: allow-discrete;} /* Wichtig für GSAP */ html {scroll-behavior:auto!important;} header,main,sections,aside,article,footer{display:block;} :root { --fc1: #151515; --fc2: #bf0000; --fc3: #ffffff; --p: #151515; --link: #151515; --linkh: #151515; --bgc1: #ffffff; --bgc2: #f6f7f9; --bgc3: #f2f4f7; --bbgc: #1a1a1a; --bfc: #ffffff; --bgctrans: rgba(234, 234, 234, 0.65); --dc1: #ffffff; --focus: #000000; --error: #bf0000; } /* var(--fc1) var(--fc2) var(--fc3) var(--p) var(--link) var(--linkh) var(--bgc1) var(--bgc2) var(--bgc3) var(--bbgc) var(--bfc) var(--bgctrans) var(--dc1) var(--focus) var(--error) */ /* High contrast mode */ html[data-theme="hc"] { --fc1: #000; --fc2: #000; --fc3: #000; --link: #000; --linkh: #000; --bgc1: #fff; --bgc2: #fff; --bgc3: #fff; --bbgc: #000; --bfc: #fff; --bgctrans: #fff; --dc1: #fff; --focus: #000; --error: #000; } html[data-theme="hc"] .hcimg {filter: grayscale(100%) brightness(130%) contrast(100%);-webkit-filter: grayscale(100%) brightness(130%) contrast(100%);-moz-filter: grayscale(100%) brightness(130%) contrast(100%);} html[data-theme="hc"] a {text-decoration: underline dotted 2px #fff;text-underline-offset: 3px;} html[data-theme="hc"] .hcdn {display: none!important;} :where(h1) {font-size: 2em;} * {--fluid-size: var(--min-font-size) * 1px + (var(--max-font-size) - var(--min-font-size)) * ((100vw - 420px) / (1920 - 420));} h1,.h1 { color:var(--fc1); margin:0 0 15px 0; line-height:1.1; --min-font-size: 34; --max-font-size: 70; font-size: clamp( var(--min-font-size) * 1px, var(--fluid-size), var(--max-font-size) * 1px ); } h2,.h2 { color:var(--fc2); margin:15px 0; line-height:1.1; --min-font-size: 22; --max-font-size: 32; font-size: clamp( var(--min-font-size) * 1px, var(--fluid-size), var(--max-font-size) * 1px ); } h3,h4,h5,h6,.h3{ color:var(--fc1); line-height:1.1; --min-font-size: 30; --max-font-size: 45; font-size: clamp( var(--min-font-size) * 1px, var(--fluid-size), var(--max-font-size) * 1px ); } p, p a, ul, ol, li, form, fieldset, legend, input, textarea, blockquote, address, .wpz { white-space: unset;text-wrap: pretty; --min-font-size: 18; --max-font-size: 22; font-size: clamp( var(--min-font-size) * 1px, var(--fluid-size), var(--max-font-size) * 1px ); } p, p a, ul, ol, li, form, fieldset, legend, input, textarea, blockquote, address, .brall { overflow-wrap: break-word;word-wrap: break-word;-ms-word-break: break-all;word-break: break-all;word-break: break-word;-ms-hyphens: auto;-moz-hyphens: auto;-webkit-hyphens: auto;hyphens: auto; } h1,h2,h3,h4,h5,h6,.h1,.h2,.h3, .balance {text-wrap: balance;hyphens: auto;} .h1ico{background-position: 0% 50%;background-size: contain;background-repeat: no-repeat;background-image: url("images/cncfit-symbol.svg");padding-left: 50px;height:50px;display: flex;align-items: center;} address{line-height:1.5;} .ki{font-size: 1rem;color:#444;position:relative;font-style: italic;padding-right: 7px;} .kiabso{font-size: 1rem;color:#fff;position:absolute;left:7px;padding:2px 4px;bottom:3px;font-style: italic;z-index:99;background-color:rgba(0, 0, 0, 0.3);} /* Fontdesign */ .con p {padding: 15px 0 15px 0;} .small {font-size: 1rem;} .con h3 {font-family:'saira', Arial, Helvetica, sans-serif!important;color: var(--fc1);text-transform: none;margin-top:25px;} .uppercase{text-transform:uppercase;} .justify{text-align:justify} .text-shadow{text-shadow: 0 1px 2px rgba(0, 0, 0, 0.44);} strong {font-weight:700;} /* ICONS FEIL VOR TEXT ALLE */ .beforef {display:flex;align-items: center;flex-direction: row;} .beforef:before {display: flex;padding-right:4px;line-height: 0;content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23121212' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M5 12l14 0'/%3E%3Cpath d='M13 18l6 -6'/%3E%3Cpath d='M13 6l6 6'/%3E%3C/svg%3E");} /* MIXBLENDMODE */ .mixblendmode{color: rgba(255,255,255,0.87);mix-blend-mode: difference;} /* ANIMATIONEN */ .grayani{animation: gani 1.5s ease-in-out;}@-webkit-keyframes gani {0% {filter: grayscale(100%);}100% {filter: grayscale(0%);}} /* Fontcolor */ .fc1{color:var(--fc1)!important;} .fc2{color:var(--fc2)!important;} .fc3{color:var(--fc3)!important;} /* Backgroundcolor */ .bgc1{background-color:var(--bgc1);} .bgc2{background-color:var(--bgc2);} .bgc3{background-color:var(--bgc3);} .bgctrans{background-color:var(--bgctrans);} /* Text Backgroundcolor */ .---con em {margin: 5px 10px 0 10px;padding: 0;color: #fff;background-color: #151515;box-shadow: -5px 0px 0 5px #151515, 5px 0px 0 5px #151515, 0 0 0 5px #151515;-webkit-box-decoration-break: clone;box-decoration-break: clone;} /*FIXHEADER */ .fixheader {display: block;width: 100%;} .blackhd{display: block;margin: 0 10px;position: relative;height: 10px;border-radius: 0 0 5px 5px;background: linear-gradient(90deg,rgba(0, 138, 0, 1) 0%, rgba(181, 0, 0, 1) 50%, rgba(9, 126, 246) 100%);} /* LOGOs */ .logoimg {display:block;max-width: 262px;width: 100%;height:auto;margin: 50px auto 50px auto;} .logofooter{display:block;max-width: 150px;width: 100%;height:18px;margin: 3px 0 20px 0;padding:0;} .zert {display:inline-block;width: 68px;height:68px;margin:0 5px 18px 0;} .logosouter{justify-content: space-between;align-items: center;margin-bottom: 0 !important;} .swiper5{} .logohersteller{max-width: 200px;height:80px!important;width: 100%!important;margin:0 auto;background-attachment: scroll;background-position: 50% 50%;background-repeat: no-repeat;background-size: contain;} .swiper5 .logohersteller{filter: grayscale(100%);opacity:0.85;} .swiper5:hover .logohersteller{filter: grayscale(0%);opacity:1;} /* MENUE */ .menu-toggle{background-color:#151515;display: flex;border-radius: 7px;align-items: center;cursor:pointer;width:96%;margin:0 2%;min-height: 60px;position:relative;overflow: hidden;z-index: 2;} .menu-toggle:before{content:"MENU";color: #fff;margin:0 0 0 10px;line-height:1;font-size: 1.1rem;} .menu-toggle span,.menu-toggle span:after,.menu-toggle span:before{position:absolute;display:block;height:3px;width:40px;background-color:#fff;-webkit-transition:all .4s ease;-ms-transition:all .4s ease;transition:all .4s ease-in-out;} .menu-toggle span{top:50%;right:15px;background-color: #fff;} .menu-toggle span:before{top:-14px;left:0px;content:'';} .menu-toggle span:after{top:14px;left:0px;content:''} .menu-toggle.menu-opened span {background-color: transparent;} .menu-toggle.menu-opened span:before{top:0px;width:40px;-webkit-transform:rotate(-135deg);-ms-transform:rotate(-135deg);-o-transform:rotate(-135deg);transform:rotate(-135deg);-webkit-backface-visibility: hidden;backface-visibility: hidden; -webkit-perspective: 1000;perspective: 1000;} .menu-toggle.menu-opened span:after{top:0px;width:40px;-webkit-transform:rotate(135deg);-ms-transform:rotate(135deg);-o-transform:rotate(135deg);transform:rotate(135deg);-webkit-backface-visibility: hidden;backface-visibility: hidden; -webkit-perspective: 1000;perspective: 1000;} .snav ul li {position: relative;display:block;white-space: nowrap;text-transform:uppercase;} .snav li a,.snav li span {font-size:1rem;display: block;padding:12px 1rem;color:var(-fc1);border-bottom: 1px solid rgba(0,0,0,0.1);cursor:pointer;} .snav li a:hover,.snav li a.active,.snav li span:hover,.snav li.open > .dd-toggle{color: var(--fc1);} .snav ul ul{background-color: rgba(0, 0, 0, 0.03);} .snav li span{display: flex;justify-content: space-between;align-items: center;word-wrap: normal;hyphens: none;box-sizing: border-box;overflow-wrap: unset;} .snav li span:after{display:inline-block;line-height: 1;padding-left:2px;width:17px;height:17px;line-height: 0;content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 24 24' stroke-width='2.1' stroke='%23121212' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M12 5l0 14' /%3E%3Cpath d='M18 13l-6 6' /%3E%3Cpath d='M6 13l6 6' /%3E%3C/svg%3E");} .snav li.open span:after{transform: scaleY(-1);-webkit-backface-visibility: hidden;backface-visibility: hidden;} .nojs .snav li:hover > ul,.nojs .snav li:focus-within > ul {display: block;} .snav .active span,.snav a.active{font-weight: bold!important;} @media screen and (min-width: 1024px) and (orientation:landscape) { /* MENU */ .menu-toggle{background-color:#151515;} .menu-toggle.menu-opened{border: solid 0px #eee;} .snav{border-bottom: none;} .menu-toggle.menu-opened {} .ofscroll {background-color: var(--bgc1);overflow: auto;overflow-x: hidden;max-height: calc(-10vh + 100vh);position: fixed;left: 0;top: 0px;width: 100%;padding: 80px 70px 40px 60px;box-shadow: 0 30px 25px -15px rgba(0,0,0,0.2);} .menu-toggle {margin: 0 0 0 auto;width: 70px;} .menu-toggle::before {display: none;} .snav li.last.level1 a, .snav li.last.level1 span {border-bottom: none;} } @media (min-width: 1369px) { /* MENU */ .ofscroll {overflow: visible;max-height: auto;left: 0;top: auto;box-shadow: none;background-color: transparent;} .menu-toggle {display: none;} .snav{position: relative;display: flex;} .snav > ul {display: flex;position:relative;height: auto;margin: 0 0 0 auto;padding:0;border-bottom: none;align-items: center;background-color: transparent;border-radius: 6px;width: fit-content;flex-wrap: wrap;} .snav > ul > li {margin: 0;border-bottom: none;} .snav li a,.snav li span {font-size:1.2rem;display: block;padding: 0 0.5vw;border-bottom: none;} .snav li li a{padding:5px 11px 5px 11px;} .snav ul ul {min-width:180px;width: auto;position: absolute;z-index: 9900;text-align: left;padding-top:10px;} .snav ul ul,.snav ul ul ul{box-shadow: 0 5px 12px -6px rgba(0,0,0,0.4);background-color: #fff;border-radius: 0 0 6px 6px;} .snav ul li.last ul {min-width:180px;width: auto;} .snav ul ul li.last ul {min-width:200px;width: auto;} .snav ul ul ul {top:0;right:-100%;left:auto;} .snav ul li.last ul ul {top:0;left:-100%;right:auto;} /* No JS Dropdown-Menü */ .nojs .snav ul ul {display: none;position: absolute;top: 100%;left: 0;} } /* Tooltip Zebra */ .Zebra_Tooltip{background:transparent;position:absolute;z-index:99999}.Zebra_Tooltip .Zebra_Tooltip_Message{background:var(--dc1);border-radius:7px;border:0px solid #fff;box-shadow:0px 10px 25px -11px rgba(22, 28, 51, 0.4);color:#000;font-size:19px;line-height:1.2;*margin-right:0;max-width:250px;padding:10px;position:relative;_width:expression(document.body.clientWidth > 250px ? "250px": "auto")}.Zebra_Tooltip .Zebra_Tooltip_Message.Zebra_Tooltip_Has_Close{padding-right:23px}.Zebra_Tooltip .Zebra_Tooltip_Arrow{position:absolute;width:20px;height:10px;overflow:hidden}.Zebra_Tooltip .Zebra_Tooltip_Arrow.Zebra_Tooltip_Arrow_Bottom{bottom:0}.Zebra_Tooltip .Zebra_Tooltip_Arrow.Zebra_Tooltip_Arrow_Bottom div{top:0;border-color:var(--dc1) transparent transparent;_border-bottom-color:pink}.Zebra_Tooltip .Zebra_Tooltip_Arrow.Zebra_Tooltip_Arrow_Bottom div.Zebra_Tooltip_Arrow_Border{border-color:var(--dc1) transparent transparent}.Zebra_Tooltip .Zebra_Tooltip_Arrow.Zebra_Tooltip_Arrow_Top{top:0}.Zebra_Tooltip .Zebra_Tooltip_Arrow.Zebra_Tooltip_Arrow_Top div{bottom:0;border-color:transparent transparent var(--dc1);_border-top-color:pink}.Zebra_Tooltip .Zebra_Tooltip_Arrow.Zebra_Tooltip_Arrow_Top div.Zebra_Tooltip_Arrow_Border{border-color:transparent transparent var(--dc1)}.Zebra_Tooltip .Zebra_Tooltip_Arrow div{position:absolute;border-style:solid;border-width:10px;width:0;height:0;left:0;_border-left-color:pink;_border-right-color:pink;_filter:chroma(color=pink)}.Zebra_Tooltip .Zebra_Tooltip_Arrow div.Zebra_Tooltip_Arrow_Border{border-width:10px;box-shadow:0 0 6px rgba(0,0,0,.6);left:0}.Zebra_Tooltip .Zebra_Tooltip_Close{color:#000;font-size:18px;line-height:1;padding:0 4px;position:absolute;right:2px;text-decoration:none;top:2px}.Zebra_Tooltip .Zebra_Tooltip_Close:hover{color:#000;background:var(--dc1);border-radius:5px} /* FOOTER */ .footer {position:relative;padding: 40px 10px;margin:0;z-index:2;} .footer,.footer p,.footer ul,.footer li,.footer a{font-size: 1rem!important;line-height:1.4!important;} .footer h3{display:flex;padding:0 0 10px 0;font-size:26px;line-height:1.2;} /* Footermenue */ .footer ul {width: 100%;} .footer ul li {display:block;margin:0;padding:4px 0;} .footer ul li a {overflow-wrap: unset;word-wrap: unset;-webkit-hyphens: none;-ms-hyphens: none;-moz-hyphens: none;hyphens: none;} .footer .footerflex {display: flex;flex-wrap: wrap;justify-content: space-between;column-gap: 10px;row-gap: 40px;} .footerflex .basis170 {flex-basis: 170px !important;padding-left:7px;} /* ICONOUTER */ .iconouter {display:flex;align-items: center;justify-content: center;background-color: #151515;margin:0;position: relative;height: auto;width: auto;padding:0;} .iconinner {flex-direction: row;} ul.iconav {display: flex;position: relative;width: 94%;align-items: center;padding: 10px 2px 10px 2px;margin:3%;border-radius: 7px;height: auto;background-color: #eee;justify-content: space-around;} ul.iconav li {margin: 4px;} /* Block-Design */ .block {display: block;} /* Sticky */ .stickydiv {display:block;} /* Platz */ .platzcon {padding:25px 10px 25px 10px;} .platzall {margin: 40px auto;} .paddall {padding:0 10px;} .footer {padding:40px 10px 80px 10px;} /* Text-Design */ .nowrap{white-space: nowrap;} .hyphens {overflow-wrap: break-word;hyphens: auto;} /* Flexauto */ .flexauto {display: flex;flex-wrap: wrap;width: 100%;row-gap: 20px;column-gap: 20px;justify-content: space-between;} .flexauto > div {flex: 1 1 auto;min-width: 0;} .flexx {display: flex;flex-flow: row wrap;width: 100%;row-gap: 20px;column-gap: 20px;justify-content: space-between;} .flexx > div {width: calc(33.333% - 20px);flex: 1 1 360px;} /* Standard Tables */ .rwdt {margin: 20px 0;} .rwdt td {display: flex;border-bottom:dotted 1px #999;padding: 10px 3px;border-radius: 9px;} .rwdt th, .rwdt td:before {color: #bf0000;padding-left:4px;} .rwdt th, .rwdt td:before {min-width: 120px;max-width: 120px;} .rwdt th {display: none;} .rwdt td:first-child {font-weight:600;background-color: rgba(0,0,0,1);color: #fff;border-bottom:none;} .rwdt td:first-child:before {color: #fff;border-bottom:none;font-weight:600;} .rwdt td:last-child {border-bottom:none;} .rwdt td:before {content: attr(data-th) ": ";} .rwdt tr{border-top: solid 25px #fff;} .rwdt tr:nth-child(even) {background-color: #f6f7f9;} @media (min-width: 1024px) { .rwdt {margin: 20px 0;border-collapse: unset;} .rwdt td:first-child {color: #151515;background-color: #eaedf1;} .rwdt th {background-color: #151515;color: #fff;} .rwdt td:before {display: none;} .rwdt th, .rwdt td {display: table-cell;padding: 1rem;border:none;} #th th {position: sticky;top: 100px;z-index: 3;border-radius: 9px;} } /* Flexbox-Design */ .flex{display:flex;} .flex > *{min-width: 0;} .row{flex-direction: row;} .column{flex-direction: column;} .wrap{flex-wrap: wrap;} .auto{flex: 1 1 auto;} .cg0{column-gap:0px!important;} .cg1{column-gap:1vw!important;} .cg2{column-gap:2vw!important;} .cg3{column-gap:3vw!important;} .cg4{column-gap:4vw!important;} .cg5{column-gap:5vw!important;} .cg6{column-gap:6vw!important;} .cg20{column-gap:20px!important;} .cg40{column-gap:40px!important;} .rg3{row-gap:3vw!important;} .rg10{row-gap:10px!important;} .rg20{row-gap:20px!important;} .rg40{row-gap:40px!important;} /* Flex-Child width align */ .basis80 {flex: 1 1 auto;flex-basis: 80px!important;} .basis100{flex: 1 1 auto;flex-basis: 100px!important;} .basis130{flex: 1 0 auto;flex-basis: 130px!important;} .basis150{flex: 1 1 auto;flex-basis: 150px!important;} .basis200{flex: 1 1 auto;flex-basis: 200px!important;} .basis250{flex: 1 1 auto;flex-basis: 250px!important;} .basis300{flex: 1 1 auto;flex-basis: 300px!important;} .basis350{flex: 1 1 auto;flex-basis: 350px!important;} .basis400{flex: 1 1 auto;flex-basis: 400px!important;} .basis450{flex: 1 1 auto;flex-basis: 450px!important;} .basis500{flex: 1 1 auto;flex-basis: 500px!important;} .basis550{flex: 1 1 auto;flex-basis: 550px!important;} .basis600{flex: 1 1 auto;flex-basis: 600px!important;} .basis700{flex: 1 1 auto;flex-basis: 700px!important;} .basis800{flex: 1 1 auto;flex-basis: 800px!important;} .basis900{flex: 1 1 auto;flex-basis: 900px!important;} .basis960{flex: 1 1 auto;flex-basis: 960px!important;} .basis3000{flex: 1 1 auto;flex-basis: 100vw!important;} .basisfull{display:block!important;width:100%;} .space-between{justify-content: space-between;} .space-around{justify-content: space-around;} .content-start{justify-content: flex-start;} .content-center{justify-content: center;} .content-end{justify-content: flex-end;} .items-start{align-items: flex-start;} .items-center{align-items: center;} .items-end{align-items: flex-end;} .self-start{align-self: flex-start;} .self-center{align-self: center;} .self-stretch{align-self: stretch;} .self-end{align-self: flex-end;} .allcenter {display: flex;justify-content: center;align-items: center;} /* Max width */ .max{width:100%;max-width:1369px;margin:0 auto;} .max100{width:100%;max-width:100px;} .max130{width:100%;max-width:130px;} .max200{width:100%;max-width:200px;} .max250{width:100%;max-width:250px;} .max300{width:100%;max-width:300px;} .max400{width:100%;max-width:400px;} .max450{width:100%;max-width:450px;} .max500{width:100%;max-width:500px;} .max600{width:100%;max-width:600px;} .max700{width:100%;max-width:700px;} .max750{width:100%;max-width:750px;} .max900{width:100%;max-width:900px;} .max1000{width:100%;max-width:1000px;} .max1250{width:100%;max-width:1250px;} .max1500{width:100%;max-width:1500px;} .max1680{width:100%;max-width:1680px;} .max1900 {width:100%;max-width:1900px;} .max1750{width:100%;max-width:1750px;} .max2000{width:100%;max-width:2000px;} .max2560{width:100%;max-width:2560px;} .minw{min-width:170px;} .minw250{min-width:250px;} /* Min height */ .minh60{min-height: 65px;} .minh100{min-height: 100px;} .minh140{min-height: 140px;} .minh200{min-height: 200px;} .minh300{min-height: 300px;} .fullh{min-height: 50vh;} .halfh{min-height: 50vh;} /* Padding */ .dp1 {padding:10px;} .dp2 {padding:20px;} .dp3 {padding:30px;} .dp2vw {padding:20px 2vw;} .dp3vw {padding:20px 3vw;} .dp10 {padding:10px 0;} .dp20 {padding:20px 0;} .dp30 {padding:30px 0;} .dp01 {padding:0 10px;} .dp02 {padding:0 20px;} .dp03 {padding:0 30px;} .dm0 {margin:0!important;} .mtb {margin:40px auto!important;} .mtb2 {margin:15px 0 0 0!important;} .mnull {margin:0!important;} /* Border */ .border {border:solid 4px #eaedf1;border-radius:9px;} .bordertb {border-top:solid 4px #eaedf1;border-bottom:solid 4px #eaedf1;border-radius:0px;} .borderimg {border-radius:9px;} /* Swiper */ :root{--swiper-theme-color:#ffffff}:host{display:block;margin-left:auto;margin-right:auto;position:relative;z-index:1}.swiper{display:block;list-style:none;margin-left:auto;margin-right:auto;overflow:hidden;padding:0;position:relative;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{box-sizing:initial;display:flex;height:100%;position:relative;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);width:100%;z-index:1}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{display:block;flex-shrink:0;height:100%;position:relative;transition-property:transform;width:100%}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{backface-visibility:hidden;transform:translateZ(0)}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px;.swiper-cube-shadow,.swiper-slide{transform-style:preserve-3d}}.swiper-css-mode{>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none;&::-webkit-scrollbar{display:none}}>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}&.swiper-horizontal{>.swiper-wrapper{scroll-snap-type:x mandatory}}&.swiper-vertical{>.swiper-wrapper{scroll-snap-type:y mandatory}}&.swiper-free-mode{>.swiper-wrapper{scroll-snap-type:none}>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}}&.swiper-centered{>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}}&.swiper-centered.swiper-horizontal{>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}}&.swiper-centered.swiper-vertical{>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}>.swiper-wrapper:before{height:var(--swiper-centered-offset-after);min-width:1px;width:100%}}}.swiper-3d{.swiper-slide-shadow,.swiper-slide-shadow-bottom,.swiper-slide-shadow-left,.swiper-slide-shadow-right,.swiper-slide-shadow-top{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:10}.swiper-slide-shadow{background:#00000026}.swiper-slide-shadow-left{background-image:linear-gradient(270deg,#00000080,#0000)}.swiper-slide-shadow-right{background-image:linear-gradient(90deg,#00000080,#0000)}.swiper-slide-shadow-top{background-image:linear-gradient(0deg,#00000080,#0000)}.swiper-slide-shadow-bottom{background-image:linear-gradient(180deg,#00000080,#0000)}}.swiper-lazy-preloader{border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top:4px solid #0000;box-sizing:border-box;height:42px;left:50%;margin-left:-21px;margin-top:-21px;position:absolute;top:50%;transform-origin:50%;width:42px;z-index:10}.swiper-watch-progress .swiper-slide-visible,.swiper:not(.swiper-watch-progress){.swiper-lazy-preloader{animation:swiper-preloader-spin 1s linear infinite}}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode{.swiper-wrapper:after{content:"";left:0;pointer-events:none;position:absolute;top:0}}.swiper-virtual.swiper-css-mode.swiper-horizontal{.swiper-wrapper:after{height:1px;width:var(--swiper-virtual-size)}}.swiper-virtual.swiper-css-mode.swiper-vertical{.swiper-wrapper:after{height:var(--swiper-virtual-size);width:1px}}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{align-items:center;color:var(--swiper-navigation-color,var(--swiper-theme-color));cursor:pointer;display:flex;height:var(--swiper-navigation-size);justify-content:center;position:absolute;width:var(--swiper-navigation-size);z-index:10;&.swiper-button-disabled{cursor:auto;opacity:.35;pointer-events:none}&.swiper-button-hidden{cursor:auto;opacity:0;pointer-events:none}.swiper-navigation-disabled &{display:none!important}svg{height:100%;object-fit:contain;transform-origin:center;width:100%;fill:currentColor;pointer-events:none}}.swiper-button-lock{display:none}.swiper-button-next,.swiper-button-prev{margin-top:calc(0px - var(--swiper-navigation-size)/2);top:var(--swiper-navigation-top-offset,50%)}.swiper-button-prev{left:var(--swiper-navigation-sides-offset,4px);right:auto;.swiper-navigation-icon{transform:rotate(180deg)}}.swiper-button-next{left:auto;right:var(--swiper-navigation-sides-offset,4px)}.swiper-horizontal{.swiper-button-next,.swiper-button-prev,~.swiper-button-next,~.swiper-button-prev{margin-left:0;margin-top:calc(0px - var(--swiper-navigation-size)/2);top:var(--swiper-navigation-top-offset,50%)}&.swiper-rtl .swiper-button-next,&.swiper-rtl~.swiper-button-next,&~.swiper-button-prev,.swiper-button-prev{left:var(--swiper-navigation-sides-offset,4px);right:auto}&.swiper-rtl .swiper-button-prev,&.swiper-rtl~.swiper-button-prev,&~.swiper-button-next,.swiper-button-next{left:auto;right:var(--swiper-navigation-sides-offset,4px)}&.swiper-rtl .swiper-button-next,&.swiper-rtl~.swiper-button-next,&~.swiper-button-prev,.swiper-button-prev{.swiper-navigation-icon{transform:rotate(180deg)}}&.swiper-rtl .swiper-button-prev,&.swiper-rtl~.swiper-button-prev{.swiper-navigation-icon{transform:rotate(0deg)}}}.swiper-vertical{.swiper-button-next,.swiper-button-prev,~.swiper-button-next,~.swiper-button-prev{left:var(--swiper-navigation-top-offset,50%);margin-left:calc(0px - var(--swiper-navigation-size)/2);margin-top:0;right:auto}.swiper-button-prev,~.swiper-button-prev{bottom:auto;top:var(--swiper-navigation-sides-offset,4px);.swiper-navigation-icon{transform:rotate(-90deg)}}.swiper-button-next,~.swiper-button-next{bottom:var(--swiper-navigation-sides-offset,4px);top:auto;.swiper-navigation-icon{transform:rotate(90deg)}}}.swiper-pagination{position:absolute;text-align:center;transform:translateZ(0);transition:opacity .3s;z-index:10;&.swiper-pagination-hidden{opacity:0}&.swiper-pagination-disabled,.swiper-pagination-disabled>&{display:none!important}}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);left:0;top:var(--swiper-pagination-top,auto);width:100%}.swiper-pagination-bullets-dynamic{font-size:0;overflow:hidden;.swiper-pagination-bullet{position:relative;transform:scale(.33)}.swiper-pagination-bullet-active,.swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullet-active-next-next{transform:scale(.33)}}.swiper-pagination-bullet{background:var(--swiper-pagination-bullet-inactive-color,#000);border-radius:var(--swiper-pagination-bullet-border-radius,50%);display:inline-block;height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));opacity:var(--swiper-pagination-bullet-inactive-opacity,.2);width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));button&{appearance:none;border:none;box-shadow:none;margin:0;padding:0}.swiper-pagination-clickable &{cursor:pointer}&:only-child{display:none!important}}.swiper-pagination-bullet-active{background:var(--swiper-pagination-color,var(--swiper-theme-color));opacity:var(--swiper-pagination-bullet-opacity,1)}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{left:var(--swiper-pagination-left,auto);right:var(--swiper-pagination-right,8px);top:50%;transform:translate3d(0,-50%,0);.swiper-pagination-bullet{display:block;margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0}&.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px;.swiper-pagination-bullet{display:inline-block;transition:transform .2s,top .2s}}}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets{.swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}&.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap;.swiper-pagination-bullet{transition:transform .2s,left .2s}}}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,right .2s}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,#00000040);position:absolute;.swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));height:100%;left:0;position:absolute;top:0;transform:scale(0);transform-origin:left top;width:100%}.swiper-rtl & .swiper-pagination-progressbar-fill{transform-origin:right top}&.swiper-pagination-horizontal,&.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-horizontal>&,.swiper-vertical>&.swiper-pagination-progressbar-opposite{height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0;width:100%}&.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,&.swiper-pagination-vertical,.swiper-horizontal>&.swiper-pagination-progressbar-opposite,.swiper-vertical>&{height:100%;left:0;top:0;width:var(--swiper-pagination-progressbar-size,4px)}}.swiper-pagination-lock{display:none}.swiper-scrollbar{background:var(--swiper-scrollbar-bg-color,#0000001a);border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;&.swiper-scrollbar-disabled,.swiper-scrollbar-disabled>&{display:none!important}&.swiper-scrollbar-horizontal,.swiper-horizontal>&{bottom:var(--swiper-scrollbar-bottom,4px);height:var(--swiper-scrollbar-size,4px);left:var(--swiper-scrollbar-sides-offset,1%);position:absolute;top:var(--swiper-scrollbar-top,auto);width:calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2);z-index:50}&.swiper-scrollbar-vertical,.swiper-vertical>&{height:calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2);left:var(--swiper-scrollbar-left,auto);position:absolute;right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);width:var(--swiper-scrollbar-size,4px);z-index:50}}.swiper-scrollbar-drag{background:var(--swiper-scrollbar-drag-bg-color,#00000080);border-radius:var(--swiper-scrollbar-border-radius,10px);height:100%;left:0;position:relative;top:0;width:100%}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{align-items:center;display:flex;height:100%;justify-content:center;text-align:center;width:100%;>canvas,>img,>svg{max-height:100%;max-width:100%;object-fit:contain}}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{left:0;opacity:0;pointer-events:none;position:absolute;top:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{margin:0 auto;transition-timing-function:ease-out}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-direction:column;flex-wrap:wrap}.swiper-fade{&.swiper-free-mode{.swiper-slide{transition-timing-function:ease-out}}.swiper-slide{pointer-events:none;transition-property:opacity;.swiper-slide{pointer-events:none}}.swiper-slide-active{pointer-events:auto;& .swiper-slide-active{pointer-events:auto}}}.swiper.swiper-cube{overflow:visible}.swiper-cube{.swiper-slide{backface-visibility:hidden;height:100%;pointer-events:none;transform-origin:0 0;visibility:hidden;width:100%;z-index:1;.swiper-slide{pointer-events:none}}&.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-slide-active{&,& .swiper-slide-active{pointer-events:auto}}.swiper-slide-active,.swiper-slide-next,.swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube-shadow{bottom:0;height:100%;left:0;opacity:.6;position:absolute;width:100%;z-index:0;&:before{background:#000;bottom:0;content:"";filter:blur(50px);left:0;position:absolute;right:0;top:0}}}.swiper-cube{.swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}}.swiper-cube{.swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-slide-shadow-cube.swiper-slide-shadow-top{backface-visibility:hidden;z-index:0}}.swiper.swiper-flip{overflow:visible}.swiper-flip{.swiper-slide{backface-visibility:hidden;pointer-events:none;z-index:1;.swiper-slide{pointer-events:none}}.swiper-slide-active{&,& .swiper-slide-active{pointer-events:auto}}}.swiper-flip{.swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-slide-shadow-flip.swiper-slide-shadow-top{backface-visibility:hidden;z-index:0}}.swiper-creative{.swiper-slide{backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}}.swiper.swiper-cards{overflow:visible}.swiper-cards{.swiper-slide{backface-visibility:hidden;overflow:hidden;transform-origin:center bottom}} .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {bottom: 100%;} .swiper-button-next:after.swiper-button-disabled, .swiper-button-prev:after.swiper-button-disabled {opacity: 0.7;cursor: default;pointer-events: none;} .swiper-button-next:after {content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' stroke-width='1.6' stroke='%23bf0000' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M5 12l14 0'%3E%3C/path%3E%3Cpath d='M13 18l6 -6'%3E%3C/path%3E%3Cpath d='M13 6l6 6'%3E%3C/path%3E%3C/svg%3E");} .swiper-button-prev:after {content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' stroke-width='1.6' stroke='%23bf0000' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M5 12l14 0'%3E%3C/path%3E%3Cpath d='M5 12l6 6'%3E%3C/path%3E%3Cpath d='M5 12l6 -6'%3E%3C/path%3E%3C/svg%3E");} .swiper-horizontal .swiper-button-prev {top: var(--swiper-navigation-top-offset,100%);width: 44px;height: 44px;margin:0;margin-top: -44px;background-color:var(--bgc1);} .swiper-horizontal .swiper-button-next {top: var(--swiper-navigation-top-offset,100%);width: 44px;height: 44px;margin:0;margin-top: -44px;background-color:var(--bgc1);} .swiper-button-prev::after,.swiper-button-next::after {font-size: 0px!important;} .swiper-button-prev {left: 2px!important;border: solid 2px #151515;border-radius: 7px!important;} .swiper-button-next {right: 2px!important;border: solid 2px #151515;border-radius: 7px!important;} .swiper-button-disabled {opacity: 0!important;} @media (min-width: 1280px) { .swiper5 .swiper-button-disabled {opacity: 0.0!important;display:none} } .sconspace{padding: 3vw 3vw 50px 3vw} /** Swiper Logos*/ .swiper5 {padding:0px 70px;} .swiper-horizontal .sbp5.swiper-button-prev {left: 0px!important;margin-top:0px!important;top:20px;background-color:#fff;border: solid 0px #ccc;border-radius: 7px!important;} .swiper-horizontal .sbn5.swiper-button-next {right: 0px!important;margin-top:0px!important;top:20px;background-color:#fff;border: solid 0px #ccc;border-radius: 7px!important;} .sbn5.swiper-button-disabled,.sbp5.swiper-button-disabled {opacity: 0.2!important;} /** Swiper Logos ende*/ .sp1,.sp2,.sp3,.sp4 {max-width: 180px;width: 100%;min-height:35px;text-align:center;position: relative;margin:20px auto 0 auto;} .sp1 .swiper-pagination-bullet,.sp2 .swiper-pagination-bullet,.sp3 .swiper-pagination-bullet,.sp4 .swiper-pagination-bullet,.sp5 .swiper-pagination-bullet {width: 8px;height: 8px;opacity: 1;margin:0 5px;background-color: rgba(255, 255, 255, 0.3);} .sp1 .swiper-pagination-bullet-active,.sp2 .swiper-pagination-bullet-active,.sp3 .swiper-pagination-bullet-active,.sp4 .swiper-pagination-bullet-active,.sp5 .swiper-pagination-bullet-active {background-color: rgba(255, 255, 255, 0.9);} .sp1outer{display:block;position:absolute;bottom:0;width: 100%;} .fhp20 {padding: 10px;width: 100%;z-index: 1;} .fullheader{aspect-ratio: 4/3;min-height: 100%;overflow: hidden;z-index: 1;border-radius: 7px;box-sizing: border-box;} .swiper1 {height:100%;} /* HEADERIMG TEXT ANI SLIDESHOW */ .sstxt,.swiper-slide .sstxt{opacity:0;} .swiper-slide-prev .sstxt,.swiper-slide-next .sstxt{opacity:0;animation:cpa2 0.9s cubic-bezier(0.77, 0, 0.175, 1);} .headertxt,.swiper-slide .sstxt{font-size:1.2rem;line-height: 1.1;z-index: 2;display:block;color:#151515;padding: 5px;position: absolute;border-radius: 7px;bottom:1vw;right: 1vw;height: auto;width:fit-content;text-align: left;margin-left: 1vw;background-color:var(--bgctrans);-webkit-backdrop-filter: blur(9px);backdrop-filter: blur(9px);} .headertxt,.swiper-slide .sstxt{display:block;padding-bottom:6px;} .swiper-slide-active .sstxt{opacity:1;animation:cpa 1.5s cubic-bezier(0.77, 0, 0.175, 1) backwards;animation-delay:0.2s;} /* HEADERIMG TEXT ANI OHNE SLIDESHOW */ .headertxt{opacity:0;animation:cpa2 0.9s cubic-bezier(0.77, 0, 0.175, 1);} .headertxt{opacity:1;animation:cpa 1.5s cubic-bezier(0.77, 0, 0.175, 1) backwards;animation-delay:0.2s;} @keyframes cpa{0%{clip-path: inset(0% 100% 0% 0%);opacity:0;}100%{clip-path: inset(0% 0% 0% 0%);opacity:1!important;}} @keyframes cpa2{0%{clip-path: inset(0% 0% 0% 0%);opacity:1;}100%{clip-path: inset(0% 100% 0% 0%);opacity:0!important;}} .cards {position: relative;height:auto!important;align-self: stretch!important;cursor:pointer;} .cards h3 {margin: 8px 0 8px 0;} .cards h3 > a::before {content: "";position: absolute;inset: 0 0 0 0;z-index: 1;} .cards h3 > a:focus-visible {outline: none;} .cards:has(:focus-visible) {outline: 3px dotted var(--dc1);outline-offset: -3px;z-index:99999;position:static;} .cards h3 a {color: var(--fc2);margin:0;} .cards p {color: var(--p);} .cards h3 a:hover {color: var(--fc1);} .cards:hover .button:before {opacity: 1;transform: translate(0, -50%);} .cards:hover .button:after {opacity: 0;transform: translate(100%, -50%);} .swiper-pagination-bullet-active {outline: 2px dotted var(--dc1);outline-offset: 2px !important;} .nojs .rund3, .nojs .swiper-button-prev,.nojs .swiper-button-next {display: none!important;} .nojs .logohersteller,.nojs .swiper5 .swiper-slide{width: 130px!important;margin:0px 30px;} :root { --swiper-navigation-size: 30px;} /* SWIPER 2 SPALTEN */ .swiperflexzwei {display: flex;flex-wrap: wrap;width: 100%;min-height: 100%;row-gap: 40px;} .swiperflexzwei > div {flex: 1 1 auto;} /* Page Nav */ .pagenav {display: flex;flex-flow: row wrap;column-gap: 10px;justify-content: flex-end;align-items: flex-end;} .pagenav .ticon {color: var(--fc1);background-color: #eaedf1;width: 48px;height: 48px;margin: 0 2px;padding: 12px 0;display: flex;justify-content: center;align-items: center;stroke-width: 1.5;border-radius:9px;} /* VERTICALFONT */ .vertikalfont{display:none} /* Drop-Shadow */ .dropshadow{-webkit-filter: drop-shadow(0px 3px 33px rgba(22, 28, 51, 0.3));filter: drop-shadow(0px 3px 33px rgba(22, 28, 51, 0.3));} .shadow{box-shadow: 0 10px 30px -15px rgba(22, 28, 51, 0.3);} /* RATIO */ .ratio169 {aspect-ratio: 16/9;} .ratio916 {aspect-ratio: 9/16;} .ratio43 {aspect-ratio: 4/3;} .ratio34 {aspect-ratio: 3/4;} .ratio11 {aspect-ratio: 1/1;} @supports not (aspect-ratio: 16/9) {.ratio169::before {content: "";float: left;padding-top: 56.25%;}.ratio169::after {content: "";display: block;clear: both;}} @supports not (aspect-ratio: 4/3) {.ratio43::before {content: "";float: left;padding-top: 75%;}.ratio43::after {content: "";display: block;clear: both;}} @supports not (aspect-ratio: 1/1) {.ratio11::before {content: "";float: left;padding-top: 100%;}.ratio11::after {content: "";display: block;clear: both;}} /* IFRAME */ .iframe {width: 100%;aspect-ratio: 16/9;} @supports not (aspect-ratio: 16/9) {.iframe-container {position: relative;padding-bottom: 56.25%;}.iframe-container .iframe iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}} /* DISPLAY & POSITION */ .inline{display:inline-block!important;} .clip{overflow:clip!important;} .hidden{overflow:hidden!important;} .visible{overflow:visible!important;} .relative{position:relative!important;} .static{position:static!important;} .absolute{position:absolute!important;} .fixed{position:fixed!important;} .mauto{margin-left:auto!important;margin-right:auto!important;} .onlyprint{display:none;} /* Card */ .card {display: flex;flex-direction: column;position: relative;} .card:hover .linka:before {opacity: 1;transform: translate(0, 0%);} .card:hover .linka:after {opacity: 0;transform: translate(100%, 0%);} .card h3 {font-size:20px;line-height: 1.2;padding:8px 0 0 2px;color:var(--fc3-color);} .card h3 > a::before {content: "";position: absolute;inset: 0 0 0 0;z-index: 1;} .card h3 > a:focus-visible {outline: none;} .card:has(:focus-visible) {outline: 3px dotted var(--bgctt-color);outline-offset: 5px;} .cacon {margin-top:12px;padding: 10px 5px 10px 15px;height: 100%;background-color:var(--bgc1-color);} /* UL List */ .con ul,.con ol{margin:30px 0 40px 0;} .con ul li {list-style: outside none none;background-position: 0px 6px;background-size: 28px 28px;background-repeat: no-repeat;padding: 5px 0 5px 35px;margin: 5px 0; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill-rule='evenodd' clip-rule='evenodd'%3E%3Cpath d='M8.625 10.875l3.375 3.375 9-9' stroke='%23bf0000' stroke-width='1.3' fill='none'/%3E%3Cpath d='M21 12v6.75c0 1.234-1.016 2.25-2.25 2.25h-13.5c-1.234 0-2.25-1.016-2.25-2.25v-13.5c0-1.234 1.016-2.25 2.25-2.25h10.125' stroke='%23979692' stroke-opacity='.9' stroke-width='1' fill='none'/%3E%3C/svg%3E"); } .con ol li {list-style: outside none none;background-position: 0px 6px;background-size: 28px 28px;background-repeat: no-repeat;padding: 5px 0 5px 35px;margin: 5px 0; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23151515' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M5 12l14 0'/%3E%3Cpath d='M13 18l6 -6'/%3E%3Cpath d='M13 6l6 6'/%3E%3C/svg%3E"); } /* ACCORDION*/ .accordion{display:block;padding:0;} .accordion-toggle.details{width:auto;min-height:60px;height:auto;display: flex;border:solid 0px rgba(0,0,0,.2);background-color:var(--bgc2);margin:0 0 12px 0;position: relative;padding: 14px 45px 14px 10px;line-height:1.4;color: #151515;text-transform: none;cursor: pointer;justify-content: left;align-items: center;user-select: none;} .accordion-toggle.details:before{color: #151515;display:inline-block;width: 22px;height: 22px;padding:0;margin-right:10px;transition:all 0.2s ease-in-out;transform:rotate(0deg);content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23151515' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none' /%3E%3Cpath d='M5 12l14 0' /%3E%3Cpath d='M13 18l6 -6' /%3E%3Cpath d='M13 6l6 6' /%3E%3C/svg%3E");} .accordion details[open] summary.accordion-toggle.details:before{color:#151515;transform:rotate(90deg);} .accordion-content{padding:15px 22px 22px 22px;text-align:left;} .accordion-content[style*="display: block"]{display:flex!important;} .accordion-toggle.open .accordion-content{display:block;padding:20px 10px;text-align:left;} .accordion-toggle.details .ticon {color: #151515;width: 47px;height: 47px;padding:0px 10px 1px 0px;stroke-width: 1.4;} .accordion-toggle.details:hover {color: #bf0000;} /* FAQ */ .faq{display:block;padding:0;} details.faq{background-color:transparent;} summary.faq-toggle.details{width:auto;min-height:60px;height:auto;display: flex;border:solid 0px rgba(0,0,0,.2);background-color:var(--bgc2);border-radius:9px;margin:0 0 12px 0;position: relative;padding: 14px 45px 14px 10px;line-height:1.3;color: #151515;font-weight:600;text-transform: none;cursor: pointer;justify-content: left;align-items: center;user-select: none;} summary.faq-toggle.details:before{color: #151515;display:inline-block;width: 22px;height: 22px;padding:0;margin-right:10px;transition:all 0.2s ease-in-out;transform:rotate(0deg);content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23bf0000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none' /%3E%3Cpath d='M5 12l14 0' /%3E%3Cpath d='M13 18l6 -6' /%3E%3Cpath d='M13 6l6 6' /%3E%3C/svg%3E");} .faq details[open] summary.faq-toggle.details:before{color:#151515;transform:rotate(90deg);} .faq-content{padding:15px 22px 22px 22px;text-align:left;} .faq-content[style*="display: block"]{display:flex!important;} summary.faq-toggle.open .faq-content{display:block;padding:20px 10px;text-align:left;} summary.faq-toggle.details .ticon {color: #151515;width: 47px;height: 47px;padding:0px 10px 1px 0px;stroke-width: 1.4;} summary.faq-toggle.details:hover {color: #bf0000;} details.faq:open summary.faq-toggle.details:before{transform:rotate(90deg);} /* Z-INDEX */ .zindex1{z-index:1;}.zindex2{z-index:2;}.zindex3{z-index:3;} /* Links */ a{border:0;outline:none;text-decoration:none;cursor:pointer;overflow-wrap:break-word;word-wrap:break-word;-webkit-hyphens:auto;-ms-hyphens:auto;-moz-hyphens:auto;hyphens:auto;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} a:link{color:var(--link);}a:visited{color:var(--link);}a:hover{color:var(--linkh);}a:active{color:var(--linkh);} .con p a[href*="https"], a.ext[href*="https"] {display:inline-block;margin: 0 4px 0 0;background-color: transparent!important;padding: 0px 27px 0px 0px;background-position:100% center;background-size:24px 24px;background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23121212' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M17 7l-10 10' /%3E%3Cpath d='M8 7l9 0l0 9' /%3E%3C/svg%3E"); } .con p a[target="_blank"]:after, a.ext[target="_blank"]:after {content: " (Öffnet in neuem Fenster)";} .con p a, a.ludot, a.smtl {text-decoration: underline dotted 2px #000;text-underline-offset: 3px;} a[href$=".pdf"] { display:inline-block;margin: 0 4px 0 0;background-color: transparent!important;padding: 0px 30px 0px 0px;background-position:100% center;background-size:28px 28px;background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23b50000' stroke-width='1' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M14 3v4a1 1 0 0 0 1 1h4' /%3E%3Cpath d='M5 12v-7a2 2 0 0 1 2 -2h7l5 5v4' /%3E%3Cpath d='M5 18h1.5a1.5 1.5 0 0 0 0 -3h-1.5v6' /%3E%3Cpath d='M17 18h2' /%3E%3Cpath d='M20 15h-3v6' /%3E%3Cpath d='M11 15v6h1a2 2 0 0 0 2 -2v-2a2 2 0 0 0 -2 -2h-1z' /%3E%3C/svg%3E"); } a[href$=".mp4"] .videol {text-decoration: none;font-size:22px;color: #151515!important;background-color: #ffffff!important;padding: 6px 9px 6px 44px;text-transform:uppercase;background-position:7px center;background-size:30px 30px;background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23121212' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M7 4v16l13 -8z' /%3E%3C/svg%3E"); } a[href*="youtu"] .videol {text-decoration: none;font-size:20px;color: #151515!important;background-color: #ffffff!important;padding: 6px 9px 6px 44px;text-transform:uppercase;background-position:7px center;background-size:30px 30px;background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23f70101' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M2 8a4 4 0 0 1 4 -4h12a4 4 0 0 1 4 4v8a4 4 0 0 1 -4 4h-12a4 4 0 0 1 -4 -4v-8z' /%3E%3Cpath d='M10 9l5 3l-5 3z' /%3E%3C/svg%3E"); } a[href*="vimeo"] .videol {text-decoration: none;font-size:20px;color: #151515!important;background-color: #ffffff!important;padding: 6px 9px 6px 44px;text-transform:uppercase;background-position:7px center;background-size:30px 30px;background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%2316b8e9' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M3 8.5l1 1s1.5 -1.102 2 -.5c.509 .609 1.863 7.65 2.5 9c.556 1.184 1.978 2.89 4 1.5c2 -1.5 7.5 -5.5 8.5 -11.5c.444 -2.661 -1 -4 -2.5 -4c-2 0 -4.047 1.202 -4.5 4c2.05 -1.254 2.551 1 1.5 3c-1.052 2 -2 3 -2.5 3c-.49 0 -.924 -1.165 -1.5 -3.5c-.59 -2.42 -.5 -6.5 -3 -6.5s-5.5 4.5 -5.5 4.5z' /%3E%3C/svg%3E"); } .videol {position: absolute;bottom: 7px;right: 50%;margin: 0 -90px 0 0;display: inline-block;z-index: 1;background-color: #fff;padding: 10px 10px 8px 15px;border-radius: 7px;} .mouse-box {display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;background-image: url(images/playbutton.svg);background-repeat: no-repeat;background-size: auto 60%;background-position: 50% 50%;transition: background-size 0.3s cubic-bezier(0.25, 0.25, 0.08, 1.08);-webkit-filter: drop-shadow(0px 3px 20px rgba(22, 28, 51, 0.9));filter: drop-shadow(0px 3px 20px rgba(22, 28, 51, 0.9));} .mouse-box:hover {background-size: auto 70%;} .vfhw{height:100%;width:100%;display:flex;align-items: end;justify-content: center;} /* Kurzinfo */ .info {font-size:20px;color:var(--p);height: auto;padding: 5px 10px 5px 20px;display: block;background: var(--bgc1);justify-content: center;margin: 10px;} .info button.cookie-consent-btn-open-settings {font-size:22px;color:var(--bfc);background-color:var(--bbgc);margin:10px 5px 5px 2px;padding: 2px 10px!important;} .infotxt {padding: 8px;} /* Button mit feil */ .buttonbox{display:block!important;position: relative;padding-top:12px;} .button {display:inline-flex;align-items:center;min-height:44px;width:auto;padding:5px 50px 5px 25px;border: solid 0px #fff;background-color: #bf0000;margin:10px 0 10px 0;border-radius: 9px;text-transform: uppercase;color: #fff!important;font-size: 21px;position: relative;text-decoration: none!important;} .button span {display:block;} .button:hover {background-color: #bf0000;} .button:before,.button:after {display: block;line-height: 0.5;position: absolute;top: 50%;right: 17px;transform: translate(0%, -50%);transition: all 0.5s cubic-bezier(0.25, 0.25, 0.08, 1.08);content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M5 12l14 0'/%3E%3Cpath d='M13 18l6 -6'/%3E%3Cpath d='M13 6l6 6'/%3E%3C/svg%3E");} .button:before {opacity: 0;transform: translate(-100%, -50%);} .button:hover:before {opacity: 1;transform: translate(0, -50%);} .button:hover:after {opacity: 0;transform: translate(100%, -50%);} /* Button normal */ .xbutton,a.xbutton {display:inline-flex;align-items:center;min-height:44px;width:auto;padding:5px 20px 3px 20px;background-color: var(--bbgc);margin:20px 0 10px 0;border-radius: 9px;color: var(--bfc)!important;font-size: 1.2rem;position: relative;text-decoration: none!important;} .ohnet {display: inline-flex;background-color: #ffffff;height: 50px;width: 50px;padding: 0;overflow: clip;border-radius: 26px;position: absolute;right: 10px;bottom: 10px;cursor:pointer;background-repeat: no-repeat;background-position: 50% 50%;background-size: 26px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 24 24' stroke-width='2.1' stroke='%23121212' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M12 5l0 14' /%3E%3Cpath d='M18 13l-6 6' /%3E%3Cpath d='M6 13l6 6' /%3E%3C/svg%3E"); } /* IMAGE RESET */ img, svg {line-height: 0;} /* IMAGE Mask */ .----imgmask {clip-path: circle(0% at center center);} .----mask {-webkit-mask-image: url(images/blob.svg);-webkit-mask-position: center center;-webkit-mask-repeat: no-repeat;-webkit-mask-size: auto;mask-image: url(images/blob.svg);mask-position: center center;mask-repeat: no-repeat;mask-size: auto;} .videoblur {align-items: flex-end;background-color: rgba(23, 25, 34, 0.26);-webkit-backdrop-filter: blur(9px);backdrop-filter: blur(9px);} /* COOKIE EU */ .cookie-consent-banner {color: var(--p);background-color:var(--bgc1);display:none;padding:20px;position:fixed;z-index:9999;bottom:0;left:0;max-width:570px;width:100%;border-radius:9px;} .cookie-consent-banner.show {display: block;opacity: 1;visibility: visible;} .cookie-consent-banner button, .cookie-consent-banner summary {font-size: 1rem;font-family: inherit;line-height: 1;color: #fff;background-color:#222;display:inline-flex;align-items:center;justify-content: center;min-height:35px;padding:5px!important;margin:5px 0!important;border-radius:7px;border: 0px solid transparent!important;cursor: pointer;} .cookie-consent-banner details {display: block;padding:0;width:100%;} .cookie-consent-banner button:hover,.cookie-consent-banner summary:hover {color: #999;} .cookie-consent-banner .lbutton {color: #151515;line-height: 1;padding: 10.5px;margin: 5px;font-family: inherit;display: inline-flex;align-items: center;justify-content: center;text-decoration: underline dotted #151515;text-underline-offset: 2px;} .cookie-consent-settings-container{display: block;} .cookiefoot {justify-content: space-around;} .cooki{cursor: pointer;background:transparent;border:none;} .coline{padding: 5px;} button.cookie-consent-btn-open-settings {background-color: transparent;} .cookie-consent-settings-panel input[type="checkbox"],input[type="checkbox"] {-webkit-appearance: checkbox!important;appearance: checkbox!important;width:20px;height:20px;background-color:transparent;} .cookie-consent-checkbox{accent-color: #000000;cursor: pointer;} .cookie-consent-settings-panel input[disabled] {accent-color: #999;cursor: not-allowed;opacity: 0.7;} .cookie-save-container{padding: 10px 5px;} a.cblink{color: #111;width:fit-content;display:block;margin:15px auto 0 auto;} a.cblink:hover{color: #777;} /* COOKIE EU ENDE * /* eForm */ .eform input, .eform textarea, .eform select {color: #151515;width: 100%;margin: 0;padding: 10.5px;font-family: inherit;box-sizing:border-box;border: 0px solid #151515;background-color: #eaedf1;border-radius: 9px;font-size: 100%;line-height: 1.4;} .eform textarea{resize:vertical;height:200px;} .eform select{background-size:15px;background-repeat:no-repeat;background-position:calc(100% - .6rem) 50%;background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 15 15' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' clip-rule='evenodd'%3E%3Cpath d='M7.5 12l6-9h-12l6 9z' fill='%23e6e6e6'/%3E%3C/svg%3E");} .eform select[disabled]{border-color:#c8c8c8;background-color:#2a2c30;box-shadow:none;cursor:not-allowed;color:#0d0d0d} .eform select::-ms-expand{display:none} .eform select option {font-family: "sans-serif" , Helvetica, Arial;} .eform .button.icon {line-height: 1;padding: 6.5px;} .eform .input-button-group {position: relative;display: flex;flex-wrap: wrap;align-items: stretch;width: 100%;} .eform .input-button-group input {position: relative;flex: 1 1 auto;width: 1%;min-width: 0;margin: 0;} .eform .input-button-group button {display: inline-flex;margin: 0 0 0 5px;align-items: center;justify-content: center;white-space: nowrap;} .eform input[type=radio],.eform input[type=checkbox] {appearance: none!important;accent-color: #fff;position: relative;cursor: pointer;color: #000;border: 0px solid #151515!important;min-width: 50px;width: 50px;height: 50px;margin: 0 20px 0 0;padding:0;font-family: inherit;box-sizing: border-box;transition: none;line-height: 1.3;} .eform input[type=checkbox]:checked:before {position: absolute;left: 0;top:0;width: 50px;height: 50px;content:"\2713";color:#000;text-align:center;font-size:38px;padding:0;pointer-events: none;} .eform input[type=radio]:checked:before {position: absolute;left: 0;top:0;width: 50px;height: 50px;content:"\2022";color:#000;text-align:center;font-size:38px;padding:0;pointer-events: none;} .eform label.flex {display: flex;padding:5px;border-radius:3px;} .eform input.error, .eform textarea.error, .eform select.error, .eform .error {border-left: 15px solid var(--error);background-color: #eaedf1;} .eform input.error[type="checkbox"] {background-color: #eaedf1;-webkit-box-shadow: 0px 0px 0px 4px var(--error);-moz-box-shadow: 0px 0px 0px 4px var(--error);box-shadow: 0px 0px 0px 4px var(--error);} .eform input.error[type="checkbox"]:focus-visible {background-color: #eaedf1;outline: 3px dotted var(--error);outline-offset: 5px;border-radius: 3px;-webkit-box-shadow: 0px 0px 0px 2px var(--error);-moz-box-shadow: 0px 0px 0px 2px var(--error);box-shadow: 0px 0px 0px 2px var(--error);} .eform .error:focus-visible {outline: 3px dotted var(--error);outline-offset: 5px;border-radius: 3px;-webkit-box-shadow: 0px 0px 0px 2px var(--error);-moz-box-shadow: 0px 0px 0px 2px var(--error);box-shadow: 0px 0px 0px 2px var(--error);} .eform lable.error {padding: 10px; border-radius:3px;border:2px solid var(--error);background-color: var(--error);} .eform .checkbox.error input[type=checkbox] {border:2px solid var(--error)!important;background-color: var(--error)!important;} .eform .age {display:none!important;} .eform p {padding:0;text-transform: unset;} .eform label{font-size: 22px;display: block;margin: 10px 0 0 0;} .eform p.inf {color:#555;font-size: 18px;} .eform {padding: 10px 0;} .eform input[type=file] {width: 100%;max-width: 100%;color: #151515;padding: 10px;background-color: #2a2c30;border:2px solid #c0ccb9;border-radius: 3px;} .eform input[type=file]::file-selector-button {font-family:'hind300', Arial, Helvetica, sans-serif!important;text-transform:uppercase;margin-right: 20px;border: none;background: var(--error);padding: 5px 20px;border-radius: 3px;color: #fff;cursor: pointer;transition: background .3s ease-in-out;} .eform input[type=file]::file-selector-button:hover {} .eform .eplatzhr {padding: 0 0 30px 0;margin:30px 0 10px 0;border-top: 2px dotted #C9C9C9;border-bottom: 2px dotted #C9C9C9;} .eform .error-message {color: var(--error);font-size: 1rem;} .error-summary {border-left: 7px solid var(--error);padding: 20px;} .eform .error-message .error{border-left: 5px solid var(--error);color:var(--error);padding-left:8px;background-color:transparent;} .error-summary ul {margin: 20px 0 10px 0;} .eform fieldset .checkbox{padding:6px 0;} .eform label.productslabel.error {padding:5px!important;border-radius:3px;} .eform button.senden {letter-spacing:2px;color:var(--bfc);border-radius: 7px;background-color: var(--bbgc);margin: 30px 0 20px 0;} .forminfos{display:block;font-size: 1.2rem;font-style:italic;color:#777;padding:0 0 5px 5px;} fieldset {border: none;} fieldset > label {display: inline-block;width: 100px;font-weight: bold;vertical-align: top;} fieldset > label::after {content: ":";} select, details {display: inline-block;width: 100%;} select, summary {border-collapse: collapse;cursor: pointer;color: #151515;width: 100%;margin: 0;padding: 10.5px;font-family: inherit;box-sizing: border-box;border: 2px solid #f1f1f1;background-color: #f1f1f1;transition: border-color .5s ease;font-size: 100%;line-height: 1.4;} details[open] > summary::marker {content: "";} .con details ol {list-style: none;margin: 0px;padding: 0px;margin-top: 5px;} .con details ol li {background-position: 0 50%;background-size: 24px 24px;} .con details li > label {margin:4px 0;padding: 10.5px;line-height: 1.4;cursor: pointer;display: inline-block;width: 100%;} .con details li > label:hover, .con details li > label:has(input:checked) {background-color: var(--error);color:#fff;} summary::marker {content: "";} .eform summary.error {border: 1px solid var(--error);background-color: rgba(255, 0, 0, .1);} /* eform ende */ /* Mail */ .nojs .posti{display:none;} .js .noposti{display:none;} .nojs .noposti{display:block;} /* PROGRESS */ .progress-outer {width:40px;display: flex;align-items: center;justify-content: center;position: fixed;bottom: 20px;right: 20px;line-height: 0;z-index: 999;opacity:0;visibility:hidden;-webkit-transform:translateY(75px);transform:translateY(75px);-webkit-transition:all .5s ease;transition:all .5s ease;} .progress-wrap{border-radius: 50%;background-color:rgba(255, 255, 255, .1);background-repeat:no-repeat;background-size: 25px;background-position: 50% 50%;height:40px;width:40px;cursor:pointer;display:block;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' viewBox='0 0 24 24' stroke-width='1.6' stroke='%23777777' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M12 5l0 14'%3E%3C/path%3E%3Cpath d='M16 9l-4 -4'%3E%3C/path%3E%3Cpath d='M8 9l4 -4'%3E%3C/path%3E%3C/svg%3E");} .progress-outer.active-progress{opacity:1;visibility:visible;-webkit-transform:translateY(0);transform:translateY(0);} .progress-wrap:hover:after{color:#ffffff;} .progress-wrap svg path{fill:none;} .progress-wrap svg.progress-circle path{stroke:#121212 ;stroke-width:4;box-sizing:border-box;-webkit-transition:all 200ms linear;transition:all 200ms linear;} /* FOTOSWIPE ERSATZ GLIGHTBOX*/ .glightbox-container{width:100%;height:100%;position:fixed;top:0;left:0;z-index:999999!important;overflow:hidden;-ms-touch-action:none;touch-action:none;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;outline:0}.glightbox-container.inactive{display:none}.glightbox-container .gcontainer{position:relative;width:100%;height:100%;z-index:9999;overflow:hidden}.glightbox-container .gslider{-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease;height:100%;left:0;top:0;width:100%;position:relative;overflow:hidden;display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.glightbox-container .gslide{width:100%;position:absolute;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;opacity:0}.glightbox-container .gslide.current{opacity:1;z-index:99999;position:relative}.glightbox-container .gslide.prev{opacity:1;z-index:9999}.glightbox-container .gslide-inner-content{width:100%}.glightbox-container .ginner-container{position:relative;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;max-width:100%;margin:auto;height:100vh}.glightbox-container .ginner-container.gvideo-container{width:100%}.glightbox-container .ginner-container.desc-bottom,.glightbox-container .ginner-container.desc-top{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.glightbox-container .ginner-container.desc-left,.glightbox-container .ginner-container.desc-right{max-width:100%!important}.gslide iframe,.gslide video{outline:0!important;border:none;min-height:165px;-webkit-overflow-scrolling:touch;-ms-touch-action:auto;touch-action:auto}.gslide:not(.current){pointer-events:none}.gslide-image{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.gslide-image img{max-height:100vh;display:block;padding:0;float:none;outline:0;border:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;max-width:100vw;width:auto;height:auto;-o-object-fit:cover;object-fit:cover;-ms-touch-action:none;touch-action:none;margin:auto;min-width:200px}.desc-bottom .gslide-image img,.desc-top .gslide-image img{width:auto}.desc-left .gslide-image img,.desc-right .gslide-image img{width:auto;max-width:100%}.gslide-image img.zoomable{position:relative}.gslide-image img.dragging{cursor:-webkit-grabbing!important;cursor:grabbing!important;-webkit-transition:none;transition:none}.gslide-video{position:relative;max-width:100vh;width:100%!important}.gslide-video .plyr__poster-enabled.plyr--loading .plyr__poster{display:none}.gslide-video .gvideo-wrapper{width:100%;margin:auto}.gslide-video::before{content:'';position:absolute;width:100%;height:100%;background:rgba(255,0,0,.34);display:none}.gslide-video.playing::before{display:none}.gslide-video.fullscreen{max-width:100%!important;min-width:100%;height:75vh}.gslide-video.fullscreen video{max-width:100%!important;width:100%!important}.gslide-inline{background:#fff;text-align:left;max-height:calc(100vh - 40px);overflow:auto;max-width:100%;margin:auto}.gslide-inline .ginlined-content{padding:20px;width:100%}.gslide-inline .dragging{cursor:-webkit-grabbing!important;cursor:grabbing!important;-webkit-transition:none;transition:none}.ginlined-content{overflow:auto;display:block!important;opacity:1}.gslide-external{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;min-width:100%;background:#fff;padding:0;overflow:auto;max-height:75vh;height:100%}.gslide-media{display:-webkit-box;display:-ms-flexbox;display:flex;width:auto}.zoomed .gslide-media{-webkit-box-shadow:none!important;box-shadow:none!important}.desc-bottom .gslide-media,.desc-top .gslide-media{margin:0 auto;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.gslide-description{position:relative;-webkit-box-flex:1;-ms-flex:1 0 100%;flex:1 0 100%}.gslide-description.description-left,.gslide-description.description-right{max-width:100%}.gslide-description.description-bottom,.gslide-description.description-top{margin:0 auto;width:100%}.gslide-description p{margin-bottom:12px}.gslide-description p:last-child{margin-bottom:0}.zoomed .gslide-description{display:none}.glightbox-button-hidden{display:none}.glightbox-mobile .glightbox-container .gslide-description{height:auto!important;width:100%;position:absolute;bottom:0;padding:19px 11px;max-width:100vw!important;-webkit-box-ordinal-group:3!important;-ms-flex-order:2!important;order:2!important;max-height:78vh;overflow:auto!important;background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,.75)));background:linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.75) 100%);-webkit-transition:opacity .3s linear;transition:opacity .3s linear;padding-bottom:50px}.glightbox-mobile .glightbox-container .gslide-title{color:#fff;font-size:1em}.glightbox-mobile .glightbox-container .gslide-desc{color:#a1a1a1}.glightbox-mobile .glightbox-container .gslide-desc a{color:#fff;font-weight:700}.glightbox-mobile .glightbox-container .gslide-desc *{color:inherit}.glightbox-mobile .glightbox-container .gslide-desc .desc-more{color:#fff;opacity:.4}.gdesc-open .gslide-media{-webkit-transition:opacity .5s ease;transition:opacity .5s ease;opacity:.4}.gdesc-open .gdesc-inner{padding-bottom:30px}.gdesc-closed .gslide-media{-webkit-transition:opacity .5s ease;transition:opacity .5s ease;opacity:1}.greset{-webkit-transition:all .3s ease;transition:all .3s ease}.gabsolute{position:absolute}.grelative{position:relative}.glightbox-desc{display:none!important}.glightbox-open{overflow:clip}.gloader{height:25px;width:25px;-webkit-animation:lightboxLoader .8s infinite linear;animation:lightboxLoader .8s infinite linear;border:2px solid #fff;border-right-color:transparent;border-radius:50%;position:absolute;display:block;z-index:9999;left:0;right:0;margin:0 auto;top:47%}.goverlay{width:100%;height:calc(100vh + 1px);position:fixed;top:-1px;left:0;background:#000;will-change:opacity}.glightbox-mobile .goverlay{background:#000}.gclose,.gnext,.gprev{z-index:99999;cursor:pointer;width:26px;height:44px;border:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.gclose svg,.gnext svg,.gprev svg{display:block;width:25px;height:auto;margin:0;padding:0}.gclose.disabled,.gnext.disabled,.gprev.disabled{opacity:.1}.gclose .garrow,.gnext .garrow,.gprev .garrow{stroke:#fff}.gbtn.focused{outline:2px solid #0f3d81}iframe.wait-autoplay{opacity:0}.glightbox-closing .gclose,.glightbox-closing .gnext,.glightbox-closing .gprev{opacity:0!important}.glightbox-clean .gslide-description{background:#fff}.glightbox-clean .gdesc-inner{padding:22px 20px}.glightbox-clean .gslide-title{font-size:1em;font-weight:400;font-family:arial;color:#000;margin-bottom:19px;line-height:1.4em}.glightbox-clean .gslide-desc{font-size:.86em;margin-bottom:0;font-family:arial;line-height:1.4em}.glightbox-clean .gslide-video{background:#000}.glightbox-clean .gclose,.glightbox-clean .gnext,.glightbox-clean .gprev{background-color:rgba(0,0,0,.75);border-radius:4px}.glightbox-clean .gclose path,.glightbox-clean .gnext path,.glightbox-clean .gprev path{fill:#fff}.glightbox-clean .gprev{position:absolute;top:-100%;left:30px;width:40px;height:50px}.glightbox-clean .gnext{position:absolute;top:-100%;right:30px;width:40px;height:50px}.glightbox-clean .gclose{width:35px;height:35px;top:15px;right:10px;position:absolute}.glightbox-clean .gclose svg{width:18px;height:auto}.glightbox-clean .gclose:hover{opacity:1}.gfadeIn{-webkit-animation:gfadeIn .5s ease;animation:gfadeIn .5s ease}.gfadeOut{-webkit-animation:gfadeOut .5s ease;animation:gfadeOut .5s ease}.gslideOutLeft{-webkit-animation:gslideOutLeft .3s ease;animation:gslideOutLeft .3s ease}.gslideInLeft{-webkit-animation:gslideInLeft .3s ease;animation:gslideInLeft .3s ease}.gslideOutRight{-webkit-animation:gslideOutRight .3s ease;animation:gslideOutRight .3s ease}.gslideInRight{-webkit-animation:gslideInRight .3s ease;animation:gslideInRight .3s ease}.gzoomIn{-webkit-animation:gzoomIn .5s ease;animation:gzoomIn .5s ease}.gzoomOut{-webkit-animation:gzoomOut .5s ease;animation:gzoomOut .5s ease}@-webkit-keyframes lightboxLoader{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes lightboxLoader{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes gfadeIn{from{opacity:0}to{opacity:1}}@keyframes gfadeIn{from{opacity:0}to{opacity:1}}@-webkit-keyframes gfadeOut{from{opacity:1}to{opacity:0}}@keyframes gfadeOut{from{opacity:1}to{opacity:0}}@-webkit-keyframes gslideInLeft{from{opacity:0;-webkit-transform:translate3d(-60%,0,0);transform:translate3d(-60%,0,0)}to{visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes gslideInLeft{from{opacity:0;-webkit-transform:translate3d(-60%,0,0);transform:translate3d(-60%,0,0)}to{visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@-webkit-keyframes gslideOutLeft{from{opacity:1;visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(-60%,0,0);transform:translate3d(-60%,0,0);opacity:0;visibility:hidden}}@keyframes gslideOutLeft{from{opacity:1;visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(-60%,0,0);transform:translate3d(-60%,0,0);opacity:0;visibility:hidden}}@-webkit-keyframes gslideInRight{from{opacity:0;visibility:visible;-webkit-transform:translate3d(60%,0,0);transform:translate3d(60%,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes gslideInRight{from{opacity:0;visibility:visible;-webkit-transform:translate3d(60%,0,0);transform:translate3d(60%,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@-webkit-keyframes gslideOutRight{from{opacity:1;visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(60%,0,0);transform:translate3d(60%,0,0);opacity:0}}@keyframes gslideOutRight{from{opacity:1;visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(60%,0,0);transform:translate3d(60%,0,0);opacity:0}}@-webkit-keyframes gzoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:1}}@keyframes gzoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:1}}@-webkit-keyframes gzoomOut{from{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes gzoomOut{from{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@media (min-width:769px){.glightbox-container .ginner-container{width:auto;height:auto;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.glightbox-container .ginner-container.desc-top .gslide-description{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.glightbox-container .ginner-container.desc-top .gslide-image,.glightbox-container .ginner-container.desc-top .gslide-image img{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.glightbox-container .ginner-container.desc-left .gslide-description{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.glightbox-container .ginner-container.desc-left .gslide-image{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.gslide-image img{max-height:97vh;max-width:100%}.gslide-image img.zoomable{cursor:-webkit-zoom-in;cursor:zoom-in}.zoomed .gslide-image img.zoomable{cursor:-webkit-grab;cursor:grab}.gslide-inline{max-height:95vh}.gslide-external{max-height:100vh}.gslide-description.description-left,.gslide-description.description-right{max-width:275px}.glightbox-open{height:auto}.goverlay{background:rgba(0,0,0,.92)}.glightbox-clean .gslide-media{-webkit-box-shadow:1px 2px 9px 0 rgba(0,0,0,.65);box-shadow:1px 2px 9px 0 rgba(0,0,0,.65)}.glightbox-clean .description-left .gdesc-inner,.glightbox-clean .description-right .gdesc-inner{position:absolute;height:100%;overflow-y:auto}.glightbox-clean .gclose,.glightbox-clean .gnext,.glightbox-clean .gprev{background-color:rgba(0,0,0,.32)}.glightbox-clean .gclose:hover,.glightbox-clean .gnext:hover,.glightbox-clean .gprev:hover{background-color:rgba(0,0,0,.7)}.glightbox-clean .gprev{top:45%}.glightbox-clean .gnext{top:45%}}@media (min-width:992px){.glightbox-clean .gclose{opacity:.7;right:20px}}@media screen and (max-height:420px){.goverlay{background:#000}} .glightbox-clean .gclose path, .glightbox-clean .gnext path, .glightbox-clean .gprev path {fill: #111;} .glightbox-mobile .glightbox-container .gslide-desc {color: #fff;} .glightbox-clean .gclose, .glightbox-clean .gnext, .glightbox-clean .gprev {background-color: var(--dc1);} .glightbox-clean .gclose:hover, .glightbox-clean .gnext:hover, .glightbox-clean .gprev:hover {background-color: var(--dc1);} .glightbox-clean .gclose {opacity: 1;right: 20px;width: 45px;height: 45px;border-radius: 50%;} .glightbox-clean .gslide-media {box-shadow: 0px 5px 20px -10px rgba(0,0,0,.65);border-radius: 0px;} .goverlay, .glightbox-mobile .goverlay {background: rgba(234, 237, 241, 0.95);} .gloader {height: 35px;width: 35px;border: 2px solid var(--dc1);} .glightbox-clean .gslide-description {visibility:hidden;display:none} .glightbox-clean .gslide-title {font-size: 1em;color: #000;margin: 0;line-height: 1.4em;} .glightbox-clean .gdesc-inner {padding: 12px;display:block;} /* Lity */ .lity-active,.lity-active body{overflow:hidden} .lity{display:none;z-index:9990;position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(234, 237, 241, 0.95);opacity:0;transition:opacity .3s ease; justify-content: center;align-items: center;overflow: hidden;} .lity.lity-opened{opacity:1;display:flex;} .lity.lity-closed{opacity:0;display:flex;} .lity-loader{z-index:9991;color:#fff;position:absolute;opacity:0;transition:opacity .3s ease} .lity-loading .lity-loader{opacity:1} .lity-content{box-shadow: 0px 5px 20px -10px rgba(0,0,0,.65);z-index:9993;transform:scale(1);transition:transform .3s ease} .lity-closed .lity-content,.lity-loading .lity-content{transform:scale(.5)} .lity-wrap {position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index:9992;} .lity-image img{max-height:90vh;display:block;line-height:0;border:0} .lity-close, .lity-close:active, .lity-close:focus, .lity-close:hover, .lity-close:visited {position:absolute;display: flex;justify-content: center;align-items: center;z-index: 9994;width: 45px;height: 45px;right: 20px;top: 15px;background-color: #fff;border-radius:50%;background-attachment: scroll;background-position: 50% 50%;background-repeat: no-repeat;background-size: 34px 34px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='34' viewBox='0 0 24 24' fill='none' stroke='%23111111' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round' %3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M18 6l-12 12' /%3E%3Cpath d='M6 6l12 12' /%3E%3C/svg%3E");} .lity-iframe-container{width:100%;height:auto;display:block;} .lity-hide{display:none} /* Leaflet */ .leaflet-container {background: #f1f1f1!important;border-radius: 6px;height:100%;width:100%;} .leaflet-control-attribution svg {vertical-align: middle!important;} .leaflet-container .leaflet-control-attribution {padding: 0 15px 0 5px !important;font-size: 12px!important;} /* MAP Icon*/ .mapicon {content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='44' viewBox='0 0 24 24' stroke-width='0' stroke='%23151515' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M18.364 4.636a9 9 0 0 1 .203 12.519l-.203 .21l-4.243 4.242a3 3 0 0 1 -4.097 .135l-.144 -.135l-4.244 -4.243a9 9 0 0 1 12.728 -12.728zm-6.364 3.364a3 3 0 1 0 0 6a3 3 0 0 0 0 -6z' stroke-width='0' fill='%23151515' /%3E%3C/svg%3E");} /* GALERIE */ .galouter{padding: 1vw;} .galerie {overflow: hidden;} .galerie a {cursor: zoom-in;} .galerie .item { float: left; margin: 0; box-sizing: content-box; position: relative;border:solid 7px transparent;} .galerie .item img {display: block;width:auto;height: 100%;border-radius: 6px;border: none;} .galerie.klein .item img {border-radius: 6px;} /* Flex oder GALERIE ohne JS*/ .xxx ul {display: flex;flex-wrap: wrap;} .xxx ul li {height: 40vh;flex-grow: 1;} .xxx ul li:last-child {flex-grow: 10;} .xxx ul li img {max-height: 100%;min-width: 100%;object-fit: cover;vertical-align: bottom;} .xxx ul::after {content:"";flex-grow: 10;} /* Images + Background */ .bgi{background-attachment:scroll;background-position:50% 50%;background-repeat:no-repeat;background-size:cover;} .bgi2{background-attachment:scroll;background-position:right 0 top 55%;background-repeat:no-repeat;background-size:auto 210px; filter: drop-shadow(4px 8px 15px #000);} .bgi3{background-attachment:scroll;background-position:50% 25px;background-repeat:no-repeat;background-size:70px 70px;background-color:var(--bgc2-color);padding:90px 8px 20px 8px;} .contain{background-attachment:scroll;background-position:50% 50%;background-repeat:no-repeat;background-size:contain;} /* IMG RESPONSIVE */ .img {display:block;width: 100%;height:auto;} .fleximg{display:block;max-width: 300px;width:100%;} /* Text-Align */ .right{text-align:right;}.left{text-align:left;}.middle{vertical-align:middle;}.center{text-align:center;} /* hr */ hr {position: relative;margin: 30px auto 30px auto;height: 1px;border-top: solid 5px #eaedf1;} .con hr {margin: 20px auto 20px auto;} .platzhr {margin: 0 6vw 0 6vw;} /* HR mit Grafik*/ div.hr {background: url("images/logo.svg");background-attachment:scroll;background-position:50% 50%;margin: 30px auto;width: 100%;height:40px;background-repeat:no-repeat;background-size:140px auto;display: flex;align-items: center;flex-flow: row wrap;justify-content: space-between;} div.hr::before,div.hr::after {content:'';border-top: solid 5px #eaedf1;width: calc(50% - 100px);} div.hro {margin: 20px auto 20px auto;height: 1px;border-top: solid 5px #eaedf1;} /* BLOCKQOUTE */ .bquote1{width: 8vw;min-width:30px;height:auto;display:block;line-height:0;} .quote {max-width: 100%;margin: 0 auto;} .blockquote {display: flex;text-align: center;justify-content: space-between;column-gap: 2vw;margin: 0;padding: 20px 2px 10px 2px;} .blockquote p {overflow-wrap: break-word;hyphens: none;padding: 0;font-size:26px;line-height:130%} .decoquote {font-size:17px;letter-spacing: 1px;padding:30px 0 30px 0;text-transform:uppercase;color:var(--fc1-color);display: grid;grid-template-columns: minmax(50px, 1fr) auto minmax(50px, 1fr);align-items: center;text-align: center;gap: 30px;} .decoquote::before, .decoquote::after {content: '';border-top: 3px dotted #4c4e51;} /* Doc-LISTER Nav*/ .pagination ul {background-color: transparent;font-size:20px;line-height: 1;display: flex;margin: 20px 5vw;justify-content: flex-end;align-items: center;color:#151515;} .pagination ul:before {content: "Seite: ";font-size: 24px;color:#151515;display: inline-flex;margin-right:5px;line-height: 1;border-radius:6px;} .pagination ul li {font-size:22px;line-height: 1;background-color: #f1f1f1;width: 48px;height:48px;border-radius: 6px;margin:0 4px;display: flex;justify-content: center;align-items: center;} .pagination ul li.active {color: #999;cursor: default;} .pagination ul li:before {content: "";display: none;} /* OBJEKT-FIT-IMAGES */ .ofcover{object-fit: cover;} .ofcontain{object-fit: contain;} /* TEXT FIT */ .text-fit { line-height: 0.9; display: flex; container-type: inline-size; --captured-length: initial; --support-sentinel: var(--captured-length, 9999px); & > [aria-hidden] { visibility: hidden; } & > :not([aria-hidden]) { flex-grow: 1; container-type: inline-size; --captured-length: 100cqi; --available-space: var(--captured-length); & > * { --support-sentinel: inherit; --captured-length: 100cqi; --ratio: tan(atan2( var(--available-space), var(--available-space) - var(--captured-length) )); --font-size: clamp( 1em, 1em * var(--ratio), var(--max-font-size, infinity * 1px) - var(--support-sentinel) ); inline-size: var(--available-space); &:not(.text-fit) { display: block; font-size: var(--font-size); @container (inline-size > 0) { white-space: nowrap; } } &.text-fit { --captured-length2: var(--font-size); font-variation-settings: 'opsz' tan(atan2(var(--captured-length2), 1px)); } } } } @property --captured-length {syntax: "";initial-value: 0px;inherits: true;} @property --captured-length2 {syntax: "";initial-value: 0px;inherits: true;} .icolist {font-size: 17px;color: rgba(64, 89, 106, 0.97);padding: 4px 0px;text-transform: uppercase;margin: 0px;display: flex;flex-direction: row;align-items: center;border-bottom: dotted #121212 0px;} /* PARA BACKGROUND */ .paraoutlage {position: relative;display: flex;align-items: end;justify-content: start;} .parabglage {margin:0;max-width: 100%;overflow: hidden;overflow: clip;background-attachment: scroll;background-repeat: no-repeat;background-position: 50% 50%;background-size: 100% auto;} .paratxtout {display: block;color: rgba(255, 255, 255, 0.9);} /* NUR DSGVO SEITE */ .con .dsgvo h1, .con .dsgvo h2, .con .dsgvo h3, .con .dsgvo h4,.con .dsgvo h5 {font-size: 34px;text-transform: nnone;padding: 20px 0 0 0;word-wrap:break-word!important;} .con .dsgvo a {word-wrap:break-word!important;display:inline!important;} /*Timer */ .outtimer {margin:40px auto 10px auto;display:flex;flex-wrap: wrap;align-items: center;justify-content: space-between;} .timout {display: block;padding:10px;margin:5px 8px 5px 0;text-align:center;} .timer {font-size:40px;} .timer.pa:after {content:" Objekte";} .timer.qm:after {content:" qm";} .prohead {font-size:16px;color: #545045;text-transform:uppercase;white-space: nowrap;} .teilenout {justify-content: center;width:100%;} /* NICHT ANZEIGEN IN MOBILE */ .disnon{display: none;} .divhide{display: none;} .mehr{width:auto;min-height:60px;height:auto;display: flex;border-top: solid 5px #e6e8ed;margin:0;position: relative;padding: 15px 0px;line-height:1.3;color: #151515;cursor: pointer;justify-content: left;align-items: center;user-select: none;} .mehr:before{color: #151515;display:inline-block;width: 22px;height: 22px;padding:0;margin-right:10px;transition:all 0.2s ease-in-out;transform:rotate(0deg);content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23bf0000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none' /%3E%3Cpath d='M5 12l14 0' /%3E%3Cpath d='M13 18l6 -6' /%3E%3Cpath d='M13 6l6 6' /%3E%3C/svg%3E");} .mehr.auf:before{color:#151515;transform:rotate(90deg);} /* Text animation from left to right backcolor */ .textsc {display: flex;flex-direction: column;justify-content: center;align-items: flex-start;padding:0 0 40px 0;} .text {font-size: 6vw;line-height: 1;margin: 0 auto;text-transform:uppercase;width: auto;color: rgb(182, 182, 182, 0.07);background: linear-gradient(to right, #121212, #121212) no-repeat; -webkit-background-clip: text;background-clip: text;background-size: 0%;transition: background-size cubic-bezier(.1,.5,.5,1) 0.5s; display: flex;flex-direction: column;align-items: flex-start;justify-content: center;position: relative; } /* Runder Text rotation */ .outrt {position: absolute;bottom: 3vw;right: 3vw;max-width: 180px;max-height: 180px;width: 14vw;height: 14vw;aspect-ratio: 1/1;background-position: center center;background-repeat: no-repeat;background-size: 20% 20%;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' stroke-width='1.2' stroke='%23ffffff' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M12 5l0 14' /%3E%3Cpath d='M18 13l-6 6' /%3E%3Cpath d='M6 13l6 6' /%3E%3C/svg%3E");} .rundertext {position: absolute;width: 100%;height: auto;display: block;} /* MARQUEE */ .marquee {display: block;margin: 100px 0 60px 6vw;background-color:transparent;overflow: clip;} .marquee-text {white-space: nowrap;line-height: 1;} .marquee-text div{display: inline-block;height:auto;width:36vw;aspect-ratio: 4/2;background-attachment: scroll;background-position: 50% 50%;background-repeat: no-repeat;background-size: contain;background-image:url("images/newsblog.svg")} .sterne{display: block;padding:5px 0 80px 0;margin:0 auto;height:auto;font-weight:bold;background-attachment: scroll;background-position: 50% 100%;background-repeat: no-repeat;background-size: 150px 60px ;background-image:url("images/sterne.svg")} /* Extras MOBILE alle*/ /* **************************************************** */ /* **************************************************** */ /* **************************************************** */ /* **************************************************** */ /* Extras MOBILE alle ende*/ /* ICONS ALLE */ .icon {display:flex;align-items: center;justify-content: center;margin:0;height:42px;width:42px;background:transparent} .icon:before {border:none;padding:4px;} .icon:hover:before {opacity:0.5;} .icontrast {margin:10px;} .icontrast.active:before {border:dotted 2px #fff;} .icontrast:before {display: flex;line-height: 0; content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 24 24' fill='%23121212'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M17 3.34a10 10 0 1 1 -15 8.66l.005 -.324a10 10 0 0 1 14.995 -8.336m-9 1.732a8 8 0 0 0 4.001 14.928l-.001 -16a8 8 0 0 0 -4 1.072' /%3E%3C/svg%3E"); } .ical:before {display: flex;line-height: 0; content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%238c8a8e' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M11.5 21h-5.5a2 2 0 0 1 -2 -2v-12a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v6' /%3E%3Cpath d='M16 3v4' /%3E%3Cpath d='M8 3v4' /%3E%3Cpath d='M4 11h16' /%3E%3Cpath d='M15 19l2 2l4 -4' /%3E%3C/svg%3E"); } .isetting:before {display: flex;line-height: 0;padding:0 5px; content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%238c8a8e' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M10.325 4.317c.426 -1.756 2.924 -1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543 -.94 3.31 .826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756 .426 1.756 2.924 0 3.35a1.724 1.724 0 0 0 -1.066 2.573c.94 1.543 -.826 3.31 -2.37 2.37a1.724 1.724 0 0 0 -2.572 1.065c-.426 1.756 -2.924 1.756 -3.35 0a1.724 1.724 0 0 0 -2.573 -1.066c-1.543 .94 -3.31 -.826 -2.37 -2.37a1.724 1.724 0 0 0 -1.065 -2.572c-1.756 -.426 -1.756 -2.924 0 -3.35a1.724 1.724 0 0 0 1.066 -2.573c-.94 -1.543 .826 -3.31 2.37 -2.37c1 .608 2.296 .07 2.572 -1.065z' /%3E%3Cpath d='M9 12a3 3 0 1 0 6 0a3 3 0 0 0 -6 0' /%3E%3C/svg%3E"); } .iticket:before {display: flex;line-height: 0; content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 24 24' fill='none' stroke='%23121212' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M15 5l0 2' /%3E%3Cpath d='M15 11l0 2' /%3E%3Cpath d='M15 17l0 2' /%3E%3Cpath d='M5 5h14a2 2 0 0 1 2 2v3a2 2 0 0 0 0 4v3a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2v-3a2 2 0 0 0 0 -4v-3a2 2 0 0 1 2 -2' /%3E%3C/svg%3E"); } .ifaq:before {display: flex;line-height: 0; content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' fill='none' stroke='%23151515' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M21 14l-3 -3h-7a1 1 0 0 1 -1 -1v-6a1 1 0 0 1 1 -1h9a1 1 0 0 1 1 1v10' /%3E%3Cpath d='M14 15v2a1 1 0 0 1 -1 1h-7l-3 3v-10a1 1 0 0 1 1 -1h2' /%3E%3C/svg%3E"); } .iinfo:before {display: flex;line-height: 0; content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 24 24' fill='none' stroke='%23121212' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M14 3v4a1 1 0 0 0 1 1h4' /%3E%3Cpath d='M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z' /%3E%3Cpath d='M11 14h1v4h1' /%3E%3Cpath d='M12 11h.01' /%3E%3C/svg%3E"); } .iclock:before {display: flex;line-height: 0; content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 24 24' fill='none' stroke='%23121212' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M11.795 21h-6.795a2 2 0 0 1 -2 -2v-12a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v4' /%3E%3Cpath d='M18 18m-4 0a4 4 0 1 0 8 0a4 4 0 1 0 -8 0' /%3E%3Cpath d='M15 3v4' /%3E%3Cpath d='M7 3v4' /%3E%3Cpath d='M3 11h16' /%3E%3Cpath d='M18 16.496v1.504l1 1' /%3E%3C/svg%3E"); } .imappin:before {display: flex;line-height: 0; content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' fill='none' stroke='%23151515' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M12 18.5l-3 -1.5l-6 3v-13l6 -3l6 3l6 -3v7.5' /%3E%3Cpath d='M9 4v13' /%3E%3Cpath d='M15 7v5.5' /%3E%3Cpath d='M21.121 20.121a3 3 0 1 0 -4.242 0c.418 .419 1.125 1.045 2.121 1.879c1.051 -.89 1.759 -1.516 2.121 -1.879z' /%3E%3Cpath d='M19 18v.01' /%3E%3C/svg%3E"); } .imail:before {display: flex;line-height: 0; content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 24 24' fill='none' stroke='%23121212' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round' class='icon icon-tabler icons-tabler-outline icon-tabler-mail-question'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M15 19h-10a2 2 0 0 1 -2 -2v-10a2 2 0 0 1 2 -2h14a2 2 0 0 1 2 2v4.5' /%3E%3Cpath d='M19 22v.01' /%3E%3Cpath d='M19 19a2.003 2.003 0 0 0 .914 -3.782a1.98 1.98 0 0 0 -2.414 .483' /%3E%3Cpath d='M3 7l9 6l9 -6' /%3E%3C/svg%3E"); } .icookie:before {display: flex;line-height: 0; content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='23' viewBox='0 0 24 24' fill='none' stroke='%23151515' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath stroke='none' d='M0 0h24v24H0z' /%3E%3Cpath d='M8 13v.01' /%3E%3Cpath d='M12 17v.01' /%3E%3Cpath d='M12 12v.01' /%3E%3Cpath d='M16 14v.01' /%3E%3Cpath d='M11 8v.01' /%3E%3Cpath d='M13.148 3.476l2.667 1.104a4 4 0 0 0 4.656 6.14l.053 .132a3 3 0 0 1 0 2.296q -.745 1.18 -1.024 1.852q -.283 .684 -.66 2.216a3 3 0 0 1 -1.624 1.623q -1.572 .394 -2.216 .661q -.712 .295 -1.852 1.024a3 3 0 0 1 -2.296 0q -1.203 -.754 -1.852 -1.024q -.707 -.292 -2.216 -.66a3 3 0 0 1 -1.623 -1.624q -.397 -1.577 -.661 -2.216q -.298 -.718 -1.024 -1.852a3 3 0 0 1 0 -2.296q .719 -1.116 1.024 -1.852q .257 -.62 .66 -2.216a3 3 0 0 1 1.624 -1.623q 1.547 -.384 2.216 -.661q .687 -.285 1.852 -1.024a3 3 0 0 1 2.296 0' /%3E%3C/svg%3E"); } .iphone:before {display: flex;line-height: 0;padding:0; content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' fill='none' stroke='%23151515' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M5 4h4l2 5l-2.5 1.5a11 11 0 0 0 5 5l1.5 -2.5l5 2v4a2 2 0 0 1 -2 2a16 16 0 0 1 -15 -15a2 2 0 0 1 2 -2' /%3E%3Cpath d='M15 7a2 2 0 0 1 2 2' /%3E%3Cpath d='M15 3a6 6 0 0 1 6 6' /%3E%3C/svg%3E"); } .iyoutube:before {display: flex;line-height: 0;padding:0; content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%238c8a8e' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M2 8a4 4 0 0 1 4 -4h12a4 4 0 0 1 4 4v8a4 4 0 0 1 -4 4h-12a4 4 0 0 1 -4 -4v-8z' /%3E%3Cpath d='M10 9l5 3l-5 3z' /%3E%3C/svg%3E"); } .iinstagram:before {display: flex;line-height: 0;padding:0; content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23121212' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M4 8a4 4 0 0 1 4 -4h8a4 4 0 0 1 4 4v8a4 4 0 0 1 -4 4h-8a4 4 0 0 1 -4 -4z' /%3E%3Cpath d='M9 12a3 3 0 1 0 6 0a3 3 0 0 0 -6 0' /%3E%3Cpath d='M16.5 7.5v.01' /%3E%3C/svg%3E"); } .ifacebook:before {display: flex;line-height: 0;padding:0; content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' viewBox='0 0 24 24' fill='none' stroke='%23121212' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12.001 2.002c-5.522 0-9.999 4.477-9.999 9.999 0 4.99 3.656 9.126 8.437 9.879v-6.988h-2.54v-2.891h2.54V9.798c0-2.508 1.493-3.891 3.776-3.891 1.094 0 2.24.195 2.24.195v2.459h-1.264c-1.24 0-1.628.772-1.628 1.563v1.875h2.771l-.443 2.891h-2.328v6.988C18.344 21.129 22 16.992 22 12.001c0-5.522-4.477-9.999-9.999-9.999z'%3E%3C/path%3E%3C/svg%3E"); } .iinstagrambg:before {content:"";display: flex;line-height: 0;padding:0;background-position: 50% 50%;background-size: 28px 28px;width:24px;height:24px;background-repeat: no-repeat;margin-right:7px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23121212' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M4 8a4 4 0 0 1 4 -4h8a4 4 0 0 1 4 4v8a4 4 0 0 1 -4 4h-8a4 4 0 0 1 -4 -4z' /%3E%3Cpath d='M9 12a3 3 0 1 0 6 0a3 3 0 0 0 -6 0' /%3E%3Cpath d='M16.5 7.5v.01' /%3E%3C/svg%3E"); } .ifacebookbg:before {content:"";display: flex;line-height: 0;padding:0;background-position: 50% 50%;background-size: 24px 24px;width:24px;height:24px;background-repeat: no-repeat;margin-right:7px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23121212' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12.001 2.002c-5.522 0-9.999 4.477-9.999 9.999 0 4.99 3.656 9.126 8.437 9.879v-6.988h-2.54v-2.891h2.54V9.798c0-2.508 1.493-3.891 3.776-3.891 1.094 0 2.24.195 2.24.195v2.459h-1.264c-1.24 0-1.628.772-1.628 1.563v1.875h2.771l-.443 2.891h-2.328v6.988C18.344 21.129 22 16.992 22 12.001c0-5.522-4.477-9.999-9.999-9.999z'%3E%3C/path%3E%3C/svg%3E"); } .iwhatsapp:before {display: flex;line-height: 0;padding:0; content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 24 24' fill='none' stroke='%23121212' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M3 21l1.65 -3.8a9 9 0 1 1 3.4 2.9l-5.05 .9' /%3E%3Cpath d='M9 10a.5 .5 0 0 0 1 0v-1a.5 .5 0 0 0 -1 0v1a5 5 0 0 0 5 5h1a.5 .5 0 0 0 0 -1h-1a.5 .5 0 0 0 0 1' /%3E%3C/svg%3E"); } .ipinterest:before {display: flex;line-height: 0;padding:0; content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 24 24' fill='none' stroke='%23121212' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M8 20l4 -9' /%3E%3Cpath d='M10.7 14c.437 1.263 1.43 2 2.55 2c2.071 0 3.75 -1.554 3.75 -4a5 5 0 1 0 -9.7 1.7' /%3E%3Cpath d='M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0' /%3E%3C/svg%3E"); } .ishareemail:before {display: flex;line-height: 0;padding:0; content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' viewBox='0 0 24 24' fill='none' stroke='%23121212' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M13 19h-8a2 2 0 0 1 -2 -2v-10a2 2 0 0 1 2 -2h14a2 2 0 0 1 2 2v6'%3E%3C/path%3E%3Cpath d='M3 7l9 6l9 -6'%3E%3C/path%3E%3Cpath d='M16 22l5 -5'%3E%3C/path%3E%3Cpath d='M21 21.5v-4.5h-4.5'%3E%3C/path%3E%3C/svg%3E"); } .ipagenavliste:before {display: flex;line-height: 0;padding:0 5px 0 0; content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%238c8a8e' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' class='ticon'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none' /%3E%3Cpath d='M13 5h8' /%3E%3Cpath d='M13 9h5' /%3E%3Cpath d='M13 15h8' /%3E%3Cpath d='M13 19h5' /%3E%3Cpath d='M3 4m0 1a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v4a1 1 0 0 1 -1 1h-4a1 1 0 0 1 -1 -1z' /%3E%3Cpath d='M3 14m0 1a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v4a1 1 0 0 1 -1 1h-4a1 1 0 0 1 -1 -1z' /%3E%3C/svg%3E"); } .ifeillinks:before {display: flex;line-height: 0;padding:0 5px 0 0; content: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%238c8a8e' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none' /%3E%3Cpath d='M5 12l14 0' /%3E%3Cpath d='M5 12l6 6' /%3E%3Cpath d='M5 12l6 -6' /%3E%3C/svg%3E"); } .ifeilrechts:before {display: flex;line-height: 0;padding:0 5px 0 0; content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none' /%3E%3Cpath d='M5 12l14 0' /%3E%3Cpath d='M13 18l6 -6' /%3E%3Cpath d='M13 6l6 6' /%3E%3C/svg%3E"); } .dots:before {display: flex;line-height: 0; content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M11 12a1 1 0 1 0 2 0a1 1 0 1 0 -2 0' /%3E%3Cpath d='M11 19a1 1 0 1 0 2 0a1 1 0 1 0 -2 0' /%3E%3Cpath d='M11 5a1 1 0 1 0 2 0a1 1 0 1 0 -2 0' /%3E%3C/svg%3E"); } .clock:before {display: flex;line-height: 0; content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' fill='none' stroke='%23151515' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none' /%3E%3Cpath d='M3 12a9 9 0 1 0 18 0a9 9 0 0 0 -18 0' /%3E%3Cpath d='M12 7v5l3 3' /%3E%3C/svg%3E"); } .tele{letter-spacing: 1px;background-position: 0% 50%;background-size: contain;background-repeat: no-repeat;padding-left: 35px;margin:5px 0;height:27px;display: flex;align-items: center;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' fill='none' stroke='%23bf0000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M5 4h4l2 5l-2.5 1.5a11 11 0 0 0 5 5l1.5 -2.5l5 2v4a2 2 0 0 1 -2 2a16 16 0 0 1 -15 -15a2 2 0 0 1 2 -2' /%3E%3Cpath d='M15 7a2 2 0 0 1 2 2' /%3E%3Cpath d='M15 3a6 6 0 0 1 6 6' /%3E%3C/svg%3E");} .vertitxt {position: absolute;height: 320px;bottom: 4vw;left: 20px;width: 20px;z-index:9999999999;-webkit-filter: drop-shadow(2px 2px 3px rgba(0, 0, 0, 0.5));filter: drop-shadow(2px 2px 3px rgba(0, 0, 0, 0.5));} .flexlist {display: grid;grid-template-columns: repeat( auto-fit, minmax(300px, 1fr ) );grid-gap: 3vw;} .azav {position: relative;max-width: 300px;width: 100%;height: 50px;margin:10px} @media (max-width: 1219px) { /* ORDER */ .order-1.homeorder{order: -2;} } @media (min-width: 600px) { .flexlist {grid-template-columns: repeat( auto-fit, minmax(330px, 1fr ) );} } @media (min-width: 701px) { .divhide{display: block!important;} .mehr{display: none;} } /* ##################################################################################################################################### */ /* Hover abschalten bei Mobile */ @media not all and (pointer: coarse) {a:hover,a:hover:after{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none;}} /* ##################################################################################################################################### */ @media (min-width: 1220px) { /* ORDER */ .order-1{order: -1;}.order-2{order: -2;}.order-3{order: -3;} } /* ##################################################################################################################################### */ /* NUR DESKTOP UND TABLET */ @media screen and (min-width: 1024px) and (orientation:landscape) { .azav {position: absolute;max-width: 300px;width: 100%;height: 50px;top: 160px;right: 5vw;margin:0;z-index:998;-webkit-filter: drop-shadow(2px 2px 3px rgba(0, 0, 0, 0.2));filter: drop-shadow(2px 2px 3px rgba(0, 0, 0, 0.2));} .fulltext {background-position: 50% 50%;margin:5vw 0;background-size: 89% auto;background-repeat: no-repeat;background-image: url("images/textsvg.svg");aspect-ratio: 20/2;} .fulltext2 {background-position: 50% 50%;margin:5vw 0;background-size: 89% auto;background-repeat: no-repeat;background-image: url("images/textsvg2.svg");aspect-ratio: 20/2;} ul.iconav {display: flex;flex-flow: column;position: fixed;top: 50%;right: 0;z-index: 999;width: auto;padding: 12px 10px 8px 5px;margin: -80px 0 0 0;background-color: #fff;box-shadow: -7px 5px 25px -12px rgba(22, 28, 51, 0.4);} ul.iconav li {margin: 0px;} .mtb2 {margin: 0!important;} .icontrast {position:absolute;left:10px;top:20px;padding:0;} .fhp20{padding: 0 20px 20px 20px;width: 100vw;height: calc(-100px + 100vh);} .fullheader{border-radius: 7px;width: 100%;height: 100%;} .swiper1,.swiper1 .swiper-slide{height:100%!important;width:100vw!important;} /* Min height */ .fullh{min-height: 100vh;} .halfh{min-height: 50vh;} /* STICKY */ .stickydiv {padding: 0;top:200px;height:100%;z-index:9;position:-webkit-sticky;position:sticky;} /* Mobil display none*/ .disnon{display: block;} /* HEADER / LOGO */ .logo {display: flex;} .logoimg {margin:0 auto;} .fixheader {padding: 10px 6vw 0 6vw;display: flex;flex-wrap: wrap;height: 100px;align-items: center;background-color: #fff;justify-content: space-between;position: -webkit-sticky;position: sticky;top: 0;z-index:999;box-shadow: 0 15px 30px -25px rgba(22, 28, 51, 0.3);} .blackhd{margin: 0 20px;position: fixed;top: 0;z-index: 5555;left: 0;right: 0;} /* Backdrop Filter*/ .drobsbg {position: fixed;left: 0;top: 0;width: 100vw;height: 100px;display: block;z-index: 997;background-color: var(--bgtrans);-webkit-backdrop-filter: blur(15px);backdrop-filter: blur(15px);} /* Platz */ .platzcon {padding:100px 6vw 0 6vw;} .platzall {margin: 4vw auto;} .paddall {padding:0 6vw;} .footer {padding:40px 6vw 80px 6vw;} .feilrund {display: flex;position: relative;margin:10px 0 0 0;width: 9vw;height: 9vw;justify-content: center;align-items: center;border-radius: 50%;} .imgmask {opacity: 0;} .vertikalfont{display:flex;align-items: center;font-size: 15px;line-height: 1;text-transform:uppercase;letter-spacing: 2px;white-space: nowrap;z-index: 999;transform: rotate(180deg);transform-origin: center center;-ms-writing-mode: tb-rl;writing-mode: vertical-rl;writing-mode: sideways-rl} /* Extras alle*/ /* **************************************************** */ /* **************************************************** */ .headertxt,.swiper-slide .sstxt{font-size: 2.25vw;padding: 25px 50px 30px 30px;bottom: 4vw;right: 5vw;height: auto;margin:0;max-width: 44vw;line-height: 1.1;border-left:solid 12px #fff;border-radius:7px 7px 28px 7px;} .headertxt .vdwtxt,.swiper-slide .sstxt .vdwtxt{display:flex;align-items: center;font-size:1.3vw;padding-bottom: 8px;} .headertxt .vdwtxt::before,.sstxt .vdwtxt::before {content: "";position: relative;width: 51px;height: 51px;display: inline-flex;background-position: 0% 50%;background-size: 50px 50px;background-repeat: no-repeat;background-image: url("images/cncfit-symbol.svg");} /* **************************************************** */ /* **************************************************** */ /* Extras alle ende*/ } /* ##################################################################################################################################### */ /* NUR DESKTOP */ @media (min-width: 1369px) { } /* NUR DESKTOP UND TABLET ENDE */ /* BFSG */ .sr-only, .swiper-notification {position: absolute!important;width: 1px;height: 1px;overflow: hidden;clip: rect(1px, 1px, 1px, 1px);white-space: nowrap;} .skip-link {color:#000!important;text-align:center;position: absolute;left: -10000px;top: auto;width: 1px;height: 1px;background-color: #fff;overflow: hidden;} .skip-link:focus-visible {position: absolute;left: 0;top: 0;width: 100%;height: auto;overflow: visible;z-index: 999999;padding: 24px;font-size: 24px;outline: 3px dotted #000;outline-offset: -4px;} *:focus-visible {outline: 3px dotted var(--focus);outline-offset: 2px;z-index:99999;} a:focus-visible {outline: 3px dotted var(--focus);outline-offset: 2px;z-index:99999;} a.glightbox:focus-visible{outline: 3px dotted var(--focus);outline-offset: -4px;} a.item:focus-visible{outline: 3px dotted var(--focus);outline-offset: -3px;} .gclose:focus-visible,.gnext:focus-visible,.gprev:focus-visible{outline: 3px dotted var(--focus);outline-offset: 3px;} .cookie-consent-banner:focus-visible{outline-offset: -4px;} /* deactivated tap-highlight-color on touch-devices*/ *:hover{-webkit-tap-highlight-color:rgba(0,0,0,0)!important;-moz-tap-highlight-color:rgba(0,0,0,0)!important;tap-highlight-color:rgba(0,0,0,0)!important;} *:focus{-webkit-tap-highlight-color:rgba(0,0,0,0)!important;-moz-tap-highlight-color:rgba(0,0,0,0)!important;tap-highlight-color:rgba(0,0,0,0)!important;} *:active{-webkit-tap-highlight-color:rgba(0,0,0,0)!important;-moz-tap-highlight-color:rgba(0,0,0,0)!important;tap-highlight-color:rgba(0,0,0,0)!important;} /* Media Screen ENDE*/ } /* ##################################################################################################################################### */ /* PRINT CSS */ @media print { .leaflet-control{-webkit-print-color-adjust:exact;color-adjust:exact} div, img, nav {display:none} .print,.onlyprint {display:block;width:100%;margin:0;padding:0;} .printinl {display: flex;font-size:11pt!important;flex-wrap: wrap;align-items: center;align-items: flex-start;background: #f1f1f1;padding: 10px;border-radius: 20px;margin-bottom:20px;} .printinl > div {display:flex;align-items: center;flex: 0 1 220px;overflow: hidden;} .print .noprint, .noprint, .nopri, button.button {display:none!important;} .logoimg{display:block;width:270px;height:auto;margin:0 0 20px auto;} table{width:100%;margin:0 auto;padding:0;} ul,ol{width:100%;margin-top:0;padding-left: 20px;} h1,.accordion-toggle.details{font-family:Arial, Helvetica, sans-serif;font-size:17pt!important;font-style:normal;font-weight:normal;line-height:100%;text-shadow:none;margin:20px 0 0 0;padding:15px 0px;color:#000000;color: #121212;display:block;width:100%;text-transform:uppercase;} h2, h3, h4, h5{font-family:Arial, Helvetica, sans-serif;font-size:14pt!important;font-style:normal;font-weight:normal;text-shadow:none;line-height:1.1em;margin:0px;padding:0 5px 0 0;text-transform:unset;color:#333;} .con h3,.h3{font-family:Arial, Helvetica, sans-serif;font-size:14pt!important;font-style:normal;font-weight:normal;line-height:100%;text-shadow:none;margin:20px 0 0 0;padding:0 0 5px 0px;color: #121212;display:block;width:100%;} p{margin:0px;padding:15px 0px;color:#000000 !important;widows:5;orphans:5;} body{color:#000!important;background:white !important;background-image:none !important;font-size:11pt;font-family:Arial, Helvetica, sans-serif;line-height:1.4;} a, a.mehr,a:link{color:#000;display:none;} a.doli {display:block!important;border:0;outline:none;text-decoration:none;cursor:pointer;} hr {display:none;} hr.print {display:block;border: solid 1px #ccc;margin: 15px auto;width: 100%;} a.glightbox2 {display:inline-block;width:45%;} table, img, svg {break-inside: avoid;} p {margin: 0px;padding: 5px 0px;} .printinl {margin: 10px 0;} .small {display:block;padding: 0 0 10px 0;} .flexul{display:flex;} .flexul > div{flex: 1 1 auto;min-width: 0;} .accordion-content .print{display:block!important;width:100%;margin:0;padding:0;} div.accordion-content[style]{display:block!important;} }