@font-face{font-display:swap;font-family:'Montserrat';font-style:normal;font-weight:400;src:url(//www.klausoppermann.de/wp-content/themes/webdesign-oldenburg-wordpress/fonts/montserrat-v25-latin-regular.woff2) format('woff2'),url(//www.klausoppermann.de/wp-content/themes/webdesign-oldenburg-wordpress/fonts/montserrat-v25-latin-regular.woff) format('woff')}@font-face{font-display:swap;font-family:'Montserrat';font-style:normal;font-weight:700;src:url(//www.klausoppermann.de/wp-content/themes/webdesign-oldenburg-wordpress/fonts/montserrat-v25-latin-700.woff2) format('woff2'),url(//www.klausoppermann.de/wp-content/themes/webdesign-oldenburg-wordpress/fonts/montserrat-v25-latin-700.woff) format('woff')}:root{--body-bg:#fff;--weiss:#fff;--hell:#f6f6f6;--medium:#5173aa;--dunkel:#003667;--dunkler:#001743;--dunkel-grau:#111;--schwarz:#000;--vibrant:#5173aa;--on-vibrant:#fff;--vibrant-hov:#5173aa;--on-vibrant-hov:#fff;--warning:#bb2f0c;--success:#5da06a;--hallo:#f49a42;--trans-dunkel--1:rgba(0,0,0,.05);--trans-dunkel-1:rgba(0,0,0,.1);--trans-dunkel-2:rgba(0,0,0,.2);--trans-dunkel-4:rgba(0,0,0,.4);--trans-dunkel-6:rgba(0,0,0,.6);--trans-dunkel-8:rgba(0,0,0,.8);--trans-dunkel-9:rgba(0,0,0,.9);--trans-hell-1:rgba(255,255,255,.1);--trans-hell-2:rgba(255,255,255,.2);--trans-hell-4:rgba(255,255,255,.4);--trans-hell-8:rgba(255,255,255,.9);--step--2:clamp(0.78rem, calc(0.91rem + -0.17vw), 0.88rem);--step--1:clamp(1rem, calc(0.95rem + 0.1vw), 1rem);--step-0:clamp(1rem, calc(0.96rem + 0.30vw), 1.05rem);--step-1:clamp(1.07rem, calc(0.97rem + 0.49vw), 1.35rem);--step-2:clamp(1.14rem, calc(0.97rem + 0.84vw), 1.5rem);--step-3:clamp(1.22rem, calc(0.96rem + 1.27vw), 1.6rem);--step-4:clamp(1.30rem, calc(0.94rem + 1.80vw), 2.2rem);--step-5:clamp(1.38rem, calc(0.89rem + 2.46vw), 2.60rem);--step-6:clamp(1.48rem, calc(0.82rem + 3.28vw), 3.0rem);--but-pad:1em 1.5em;--min:33ch;--gap:3.5rem;--mwidth:68rem;--bigwidth:90rem;--biggerwidth:100rem;--fullwidth:120rem;--bhintergrund:linear-gradient(25deg,var(--medium),var(--weiss),var(--medium));--drehung:-2deg;--gradient:linear-gradient(-45deg,var(--hallo),var(--vibrant),var(--dunkel))}*,*:before,*:after{box-sizing:inherit}a,abbr,acronym,address,applet,big,blockquote,body,caption,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,hr,iframe,img,ins,kbd,label,legend,object,ol,p,pre,q,s,samp,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,ul,var{border:0;color:inherit;font:inherit;list-style:none;margin:0;padding:0;outline-color:transparent;text-decoration:none;vertical-align:baseline}label,select,input[type=checkbox],input[type=radio],input[type=button],input[type=submit]{cursor:pointer}article,aside,figcaption,figure,footer,header,hgroup,nav,section,time{display:block}html{background:var(--dunkel);font-size:100%;scroll-behavior:smooth;scroll-padding-top:125px;box-sizing:border-box}body{background:var(--body-bg);color:var(--dunkel-grau);font-family:'Montserrat',Arial,Verdana,Helvetica,sans-serif;font-size:var(--step-0);font-weight:400;line-height:1.7;margin:0;padding:0;text-align:center;position:relative;overflow-x:hidden;overflow-y:scroll}a,a:hover,a:focus{color:var(--dunkel);text-decoration:underline}a:hover,a:focus{color:var(--vibrant);text-decoration:none}a.break{word-break:break-all;overflow-wrap:break-word;hyphens:auto}a[href$=".pdf"]{background:var(--vibrant);color:var(--weiss);padding:0 5px;text-decoration:none;-webkit-box-decoration-break:clone;box-decoration-break:clone}a.icon-mobile{text-decoration:none;cursor:text}address{margin:15px 0;font-style:normal}blockquote{background:var(--hell);border:1px solid var(--vibrant);border-radius:1vw;display:grid;place-items:center;font-size:var(--step-0);margin:3em auto;padding:2.5em;position:relative;isolation:isolate}blockquote h2,blockquote h3{margin:10px auto;padding:0;text-align:center}blockquote p{margin-inline:auto}button{outline-color:transparent}code{font-family:'courier new',serif;font-style:normal}h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{color:var(--dunkel);font-weight:400;line-height:1.3;margin:1.5em auto 1em auto;text-align:center;text-wrap:balance}h1,.h1{font-size:var(--step-5);letter-spacing:1px;margin:1.5em auto;max-width:var(--bigwidth);font-weight:700}h1 b{display:inline-block;font-size:var(--step-5);letter-spacing:1px;font-style:normal}h1 span{display:block;font-size:var(--step-2);margin:.5em auto 0 auto}h2,.h2{font-size:var(--step-4)}h3,.h3{font-size:var(--step-3)}h4,.h4{font-size:var(--step-2)}h5,.h5{font-size:var(--step-2)}h6,.h6{font-size:var(--step-1)}h4,.h4,h5,.h5,h6,.h6{margin-inline:auto;max-width:70ch}h1 a,h2 a,h3 a,h4 a,h5 a,h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover{text-decoration:none}.single-referenzen h1{font-size:var(--step-2);font-weight:400;letter-spacing:1px;text-transform:uppercase}.single-referenzen h2.first{margin-top:50px}hr{background:var(--dunkel);border:none;color:transparent;clear:both;display:block;height:0;margin:25px 0;padding:1px 0 0}hr.abstand{background:0 0;margin:35px 0}img,picture{display:block;width:auto;max-width:100%;height:auto}p{margin:1.5em 0}p.frame{margin:0}p:empty{margin:0;padding:0}p a,ul li a,ol li a{position:relative}ol{display:block;margin:25px 0;padding:0;counter-reset:list-number;position:relative}ol li{display:block;margin:0;padding:12px 25px 12px 60px;position:relative}ol li:before{counter-increment:list-number;content:counter(list-number);margin-inline:auto;width:35px;height:35px;display:flex;align-items:center;justify-content:center;font-size:var(--step-1);font-weight:700;background-color:var(--vibrant);border-radius:50%;color:var(--on-vibrant);position:absolute;left:10px;top:20%;line-height:1}ul{margin:25px}ul li,ul.postinfos li{list-style-type:square}ul li{padding:5px;position:relative}ul ul,ul ul ul{margin:0 15px}ul ul li,ul ul ul li{background-image:none;padding:5px}ul.cols,p.cols,div.cols{columns:30ch 3;gap:2em;break-inside:avoid}ul.cols li{break-inside:avoid;padding:.5rem}small{font-size:var(--step--1);line-height:1.4}cite,em{font-style:italic}pre{margin:15px 0;overflow:auto}pre a{font-weight:400}strong{font-weight:700}sup,sub{font-size:var(--step--1);height:0;line-height:1;vertical-align:baseline;position:relative}sup{top:-.35rem}sub{bottom:-.25rem}small{font-size:var(--step--1);font-style:italic}table{margin:50px auto;border-collapse:collapse;width:100%;outline:1px solid var(--trans-dunkel-2)}tr{background:var(--trans-dunkel--1);display:table-row}tr:nth-child(even){background:var(--trans-hell-1)}th,td{color:var(--schwarz);display:table-cell;text-align:left;padding:.5em}th{background:var(--dunkel);color:var(--weiss);display:none;font-weight:700}td{display:block}td:before{content:attr(data-cell)": ";font-weight:700;width:6.5em;display:inline-block}.dunkel table th,.dunkel table td{color:var(--weiss)}.dunkel table th{background:var(--trans-dunkel-4)}@media screen and (min-width:40rem){th,td{display:table-cell}td:before{display:none}}a.post-edit-link{background:var(--warning);color:var(--weiss);display:inline-block;margin:0;padding:10px 25px;position:fixed;bottom:1rem;left:1rem;border-radius:5px;z-index:9999}.clear{clear:both;display:block;margin-inline:auto;padding:25px 0}.clearer{clear:both;display:block;margin-inline:auto;padding:1px 0}.group:after,#nav:after,#wrapper:after{content:"";display:table;clear:both;margin:0;padding:0;line-height:0}.mail{display:inline-block}.shadow{box-shadow:0px 0px 5px rgba(0,0,0,.3);transition:box-shadow .3s}.shadow:hover{box-shadow:0px 0px 5px rgba(0,0,0,.1)}.big-shadow{box-shadow:0 10px 20px -10px rgba(0,0,0,.5),-5px -5px 10px 0px rgba(0,0,0,.08),0 8px 10px -5px rgba(0,0,0,.1);transition:box-shadow .3s}.big-shadow:hover{box-shadow:0 5px 10px -5px rgba(0,0,0,.5),0 0 5px 0px rgba(0,0,0,.05),0 5px 5px -5px rgba(0,0,0,.05)}.shadow-glow{box-shadow:1px 1px 35px 8px rgba(255,255,255,.7);transition:box-shadow .3s}.shadow-glow:hover{box-shadow:1px 1px 35px 8px rgba(255,255,255,.4)}.drop-shadow{filter:drop-shadow(-2px 5px 5px rgba(0,0,0,.5));transition:filter .3s}.drop-shadow:hover{filter:drop-shadow(2px 2px 5px rgba(0,0,0,.5))}.stroke{font-family:Helvetica,Verdana,sans-serif;font-size:4rem;text-transform:uppercase;font-weight:700;letter-spacing:2px;-webkit-text-fill-color:transparent;-webkit-text-stroke-width:2px;-webkit-text-stroke-color:var(--weiss)}.buntertext,section.module h2.buntertext,section.module.dunkel h2.buntertext{font-size:var(--step-6);font-weight:800;letter-spacing:4px;background-image:var(--gradient);-webkit-background-clip:text;background-clip:text;color:transparent;background-size:100%}.hyphens{hyphens:auto}.aligncenter.vcard span{text-align:left;background:var(--hell)}.line-up{display:flex;flex-direction:column;padding:1rem;justify-content:space-between;height:100%}.ko-logos{display:flex;flex-wrap:wrap;gap:3.5em;align-items:center;justify-content:center;margin:0 auto}.ko-logos a{flex:0 1 115px}.ko-logos a img{filter:grayscale(100%);transition:filter 2s;max-height:85px;margin:0 auto}.ko-logos a:hover img{filter:grayscale(0);transition:filter .3s}.tooltipp{color:var(--hell);margin:0 auto;position:relative;display:inline-block;vertical-align:middle}.tooltipp .tooltipptext{visibility:hidden;width:250px;background-color:var(--vibrant);color:var(--hell);text-align:center;border-radius:6px;font-size:.85em;line-height:1.4;padding:7px;position:absolute;z-index:1;bottom:125%;left:50%;margin-left:-125px;opacity:0;transition:opacity .3s}.tooltipp:hover .tooltipptext{visibility:visible;opacity:1}.tooltipp:before{font-size:var(--step-2)}#searchform{line-height:1;margin:25px auto;padding:0;position:relative;text-align:center;display:flex;max-width:600px}#searchform input{border-color:var(--dunkel);border-radius:100vh;caret-color:var(--vibrant);margin:0 auto;padding:.8rem;flex-grow:1}#searchform button{background:var(--vibrant);border:2px solid var(--vibrant);color:var(--on-vibrant);cursor:pointer;font-size:var(--step-2);margin:0 0 0 5px;padding:0;border-radius:50%;aspect-ratio:1/1;width:50px;transition:all .3s}#searchform button:hover{background:var(--dunkel)}#searchform button:before{color:var(--on-vibrant);margin:0}#searchform button:hover:before{color:var(--weiss)}#backtotop{background:var(--dunkel);color:var(--weiss);cursor:pointer;font-size:var(--step-2);height:50px;width:50px;position:fixed;bottom:1rem;right:1rem;z-index:999;display:flex;align-items:center;justify-content:center;box-shadow:2px 2px 5px var(--trans-dunkel-4);mix-blend-mode:difference;visibility:hidden;opacity:0;transition:all .3s}#backtotop:before{margin:0;line-height:100%}#backtotop span{display:none}.scrolled #backtotop{visibility:visible;opacity:1}#wrapheader{background:var(--trans-hell-8);display:block;position:sticky;top:0;left:0;text-align:left;width:100%;z-index:800;box-shadow:0 3px 5px var(--trans-dunkel-4)}#header{display:flex;align-items:center;justify-content:space-between;height:70px;margin-inline:auto;padding:0 25px;position:relative;max-width:var(--bigwidth)}#header .logo{max-height:60px;text-align:left}#header .logo img{max-height:60px;max-width:260px;padding:5px}#header .logo a,#header .logo a:hover{color:var(--dunkel)}#header .logo a:hover{filter:grayscale(100%)}#header .logo .titel{font-size:var(--step-2);font-weight:700;letter-spacing:2px;margin:0;padding:0;line-height:1.25}#header .logo .beschreibung{color:var(--dunkel);display:none;font-size:var(--step-1);font-weight:700;margin:5px 0;padding:0}@media all and (max-width:67.999rem){.ko-menu{background:0 0;border:0;width:35px;height:27px;margin:10px;position:relative;cursor:pointer;display:inline-block}.ko-menu span{background-color:var(--dunkel);position:absolute;border-radius:3px;transition:.3s cubic-bezier(.8,.5,.2,1.4)}.ko-menu span:first-child{width:100%;height:3px;display:block;top:0;left:0}.ko-menu span:nth-child(2){width:100%;height:3px;display:block;top:12px;left:0}.ko-menu span:nth-child(3){width:100%;height:3px;display:block;bottom:0;left:0}.ko-menu.open{transform:rotate(-90deg)}.ko-menu.open span:first-child{left:3px;top:12px;width:30px;transition:.3s cubic-bezier(.8,.5,.2,1.4);transform:rotate(90deg);transition-delay:.15s}.ko-menu.open span:nth-child(2){left:2px;top:20px;width:20px;transition:.3s cubic-bezier(.8,.5,.2,1.4);transform:rotate(45deg);transition-delay:50ms}.ko-menu.open span:nth-child(3){left:14px;top:20px;width:20px;transition:.3s cubic-bezier(.8,.5,.2,1.4);transform:rotate(-45deg);transition-delay:.1s}nav#konavigation,nav#konavigation.open{font-size:var(--step-1);margin:0;position:fixed;top:0;left:100vw;height:100%;width:70%;max-width:400px;z-index:9999;transition:.5s ease-in-out;isolation:isolate;background-color:rgba(0,69,131,.9);-webkit-backdrop-filter:invert(100%);backdrop-filter:invert(100%)}nav#konavigation.open{left:0;box-shadow:5px 0 0 var(--trans-dunkel-2)}.nav__container{position:absolute;inset:0;padding:25px 15px;overflow-y:auto;-webkit-overflow-scrolling:touch;scrollbar-color:var(--hell) var(--dunkel);scrollbar-width:thin}.nav__container::-webkit-scrollbar{width:10px}.nav__container::-webkit-scrollbar-track{background:var(--dunkel)}.nav__container::-webkit-scrollbar-thumb{background:var(--hell);border:1px solid var(--dunkel);border-radius:3rem}nav#konavigation ul,nav li{background:0 0;display:block;margin:0;padding:0;text-align:left;width:auto}nav#konavigation ul a,nav#konavigation ul a:hover,nav#konavigation ul a:focus{background:0 0;color:var(--weiss);display:block;font-weight:700;margin:0;padding:15px 10px;position:relative;text-decoration:none}nav#konavigation ul a:hover,nav#konavigation ul a:focus,nav#konavigation.open a[aria-current=page],nav#konavigation ul ul a:hover,nav#konavigation ul ul a[aria-current=page]{color:var(--weiss);background:var(--trans-dunkel-2)}nav#konavigation ul a:not([href]),nav#konavigation ul a:hover:not([href]){cursor:text}nav#konavigation li.menu-item-has-children>a:after{font-size:var(--step-0);text-decoration:none;margin:0 0 0 10px}nav#konavigation li.menu-item-has-children li a:after{content:'';margin:0;padding:0;width:0}nav#konavigation li.current_page_ancestor a:after{color:var(--weiss)}}@media all and (min-width:68rem){.ko-menu{display:none}nav#konavigation,nav#konavigation.open{border:none;display:block;font-size:var(--step-0);height:auto;margin:0;overflow:visible;position:relative;text-align:center;width:auto;z-index:900;box-shadow:none}nav#konavigation ul{display:inline-block;margin-inline:auto;text-align:left;vertical-align:middle;z-index:901}nav#konavigation ul li{display:inline-block;padding:10px;position:relative}nav#konavigation a,nav#konavigation a:hover,nav#konavigation a:focus{color:var(--dunkel);border-bottom:2px solid transparent;margin:0 .8rem 0 0;padding:5px;text-decoration:none;position:relative}nav#konavigation a[aria-current=page]{color:var(--dunkel);border-color:var(--dunkel)}nav#konavigation li.kontakt{padding-right:0}nav#konavigation li.kontakt>a,nav#konavigation li.kontakt>a:hover,nav#konavigation li.kontakt>a:focus{background:var(--vibrant);color:var(--weiss);border-radius:1rem;border-color:transparent;margin:0;padding:.8rem 1.5rem;transition:background .3s}nav#konavigation li.kontakt>a:hover,nav#konavigation li.kontakt>a:focus,nav#konavigation li.kontakt>a[aria-current=page]{background:var(--dunkel);border-color:transparent}nav#konavigation a:before{content:'';position:absolute;left:0;bottom:-2px;width:100%;height:2px;background:var(--dunkel);transform:scaleX(0);transform-origin:center;transition:transform .25s ease-in}nav#konavigation a:hover:not(li.kontakt>a):before,nav#konavigation a:focus:not(li.kontakt>a):before{transform:scaleX(1);transform-origin:center}nav#konavigation ul.sub-menu{background:var(--weiss);border-radius:9px;color:var(--dunkel);height:auto;top:100%;left:-100vw;opacity:0;margin:0;padding:5px;position:absolute;width:400px;transition:opacity .6s ease-in-out}nav#konavigation li:hover>ul.sub-menu,nav#konavigation li:active>ul.sub-menu,nav#konavigation li:focus>ul.sub-menu{left:0;opacity:1;box-shadow:0px 0px 5px rgba(0,0,0,.3)}nav#konavigation ul.sub-menu ul{border:none;margin:0;padding:10px}nav#konavigation ul.sub-menu li{border:none;display:block;padding:0;width:auto}nav#konavigation ul.sub-menu a{display:block;margin:0;padding:10px 15px;border:none}nav#konavigation ul.sub-menu a:hover,nav#konavigation ul.sub-menu a:focus{background-color:var(--hell)}nav#konavigation ul.sub-menu a[aria-current=page]{text-decoration:underline}nav#konavigation ul.sub-menu a:before{display:none}nav#konavigation li.menu-item-has-children>a:after{font-size:var(--step--2);text-decoration:none;margin:0 0 0 10px}}#wrapper{display:block;margin-inline:auto;text-align:left;overflow:hidden;padding:25px;position:relative;max-width:var(--mwidth)}.page-template-page-parallax-php #wrapper,.post-template-page-parallax-php #wrapper,.post-template-single-parallax-php #wrapper{padding:0;max-width:100%}.blog #wrapper,.search #wrapper,.archive #wrapper{max-width:var(--bigwidth)}#wrapper ul.maximal{max-width:70ch;margin:50px auto}#wrapper ul.maximal>li{margin:0 25px}#wrapper ol:not(.commentlist){max-width:70ch}#wrapper p:not(.cols,.myref-excerpt,.datum,.contact-form p,.image-lightbox-wrapper p){margin-inline:auto;max-width:70ch}.wp-pagenavi{clear:both;display:block;margin:15px 0;padding:15px 0;text-align:center}.wp-pagenavi a,.wp-pagenavi a:hover,.wp-pagenavi span{background:var(--hell);color:var(--dunkel);display:inline-block;margin:5px;padding:5px 15px;text-align:center;border-radius:5px;transition:background .3s ease-in-out,color .3s ease-in-out}.wp-pagenavi a:hover,.wp-pagenavi span.current{background:var(--hell);color:var(--dunkel)}.wp-pagenavi a:hover{background:var(--vibrant);color:var(--on-vibrant)}.wp-pagenavi span.current{background:var(--dunkel);color:var(--weiss)}.wp-pagenavi span.pages{padding:5px 10px}#footer{display:block;background:var(--dunkel);color:var(--trans-hell-8);clear:both;margin-inline:auto;position:relative;text-align:center;box-shadow:inset 0 10px 5px var(--trans-dunkel-2)}#footer .inner{background:0 0;color:var(--weiss);line-height:1.7;margin-inline:auto;padding:50px 25px;text-align:left;max-width:var(--bigwidth);display:flex;flex-wrap:wrap;justify-content:center;gap:var(--gap)}#footer .inner>*{flex:0 1 25ch}#footer a,#footer strong{color:inherit}#footer a:hover{color:var(--weiss)}#footer ul{margin:25px auto;font-size:var(--step--1)}#footer ul li{display:block;margin:0;padding:0;text-align:left}#footer ul li a{border:none;color:inherit;display:block;padding:8px 5px;z-index:1}#footer ul li a:hover,#footer ul li a[aria-current=page]{color:var(--weiss);text-decoration:underline;text-decoration-skip:ink;text-decoration-skip-ink:auto}#footer ul li a:after{content:'';position:absolute;inset:0;background:var(--trans-dunkel-2);transform:scaleX(0);transform-origin:right;transition:transform .25s ease-in;z-index:-1}#footer ul li a:hover:after{transform:scaleX(1);transform-origin:left}#footer p{margin:25px auto;font-size:var(--step--1);line-height:1.9}#footer p a,#footer ul li a{text-decoration:none;position:relative}#footer strong{font-weight:700}#footer h3,#footer h3 a,#footer h4,#footer h4 a{color:var(--trans-hell-8);font-size:var(--step-1);font-weight:700;text-align:left;margin-left:5px}#footer .fullbox{clear:both;display:block;font-size:var(--step-0);line-height:1.7;float:none;padding:0;width:100%}#footer .fullbox .fullboxinner{background:0 0;color:var(--weiss);display:block;margin-inline:auto;padding:25px 25px 65px;text-align:center;max-width:var(--bigwidth)}#footer .fullbox ul{margin:50px auto}#footer .fullbox ul li{border:none;display:inline}#footer .fullbox ul li+li:before{content:'|';display:inline-block;margin:0 5px 0 0;vertical-align:middle}#footer .fullbox ul li a{display:inline-block;padding:5px 10px;vertical-align:middle}#footer .footerbox{margin:0 auto;text-align:center}#footer .footerbox .phone,#footer .footerbox .email{display:block;margin:0}#footer .email a,#footer .url a{font-size:var(--step--1)}#footer .phone:before,#footer .email:before{margin-left:0}#footer .fullbox.formularbox .fullboxinner{padding:25px;display:grid;grid-gap:3rem;grid-template-columns:repeat(auto-fit,minmax(min(100%, 400px), 1fr))}#footer .fullbox.formularbox p{margin:10px 0;text-align:left}#footer div.wpcf7 form{background:0 0;border:none;border-radius:0;margin:0 auto;padding:0;text-align:left;position:relative}#footer div.wpcf7 form h2,#footer div.wpcf7 form h3{text-align:left}#footer div.wpcf7 input[type=submit]{margin:25px 0 0}#footer div.wpcf7 textarea{height:120px}#footer .tooltipp{margin:0;display:block;text-align:left}#footer .tooltipp .tooltipptext{width:290px;text-align:left;left:0;margin-left:0}#footer address.vcard{display:block;line-height:1.95rem;margin:0 auto;padding:0;overflow:hidden;position:relative;text-align:left;width:auto}#footer address.vcard .innervcard{display:inline-block;margin:0 auto;padding:0 0 0 5px;vertical-align:top}#footer address.vcard span{display:block;padding:8px 0;text-align:left}#footer address.vcard span.plz,#footer address.vcard span.ort{display:inline-block;text-align:left;vertical-align:top}#footer address.vcard .adr{text-align:left}#footer address.vcard img{border-radius:50%;display:block;margin:0 auto 10px auto;text-align:center}#footer .phone{display:inline-block;vertical-align:middle}#footer .adress{display:inline-block;padding:0 10px;vertical-align:middle}video{margin-inline:auto;max-width:100%;height:auto;text-align:center}.video-wrapper{background:0 0;border:none;margin-inline:auto;width:100%;max-width:100%}#wrapper .video-wrapper{margin:25px auto}#wrapper .full .video-wrapper{margin-inline:auto}.video-container{background:0 0;position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden}.video-container iframe,.video-container object,.video-container embed{background:0 0;margin-inline:auto;padding:0;position:absolute;top:0;left:0;width:100%;height:100%}.my-frame,iframe.map-frame{border:none;padding:0;text-align:center;min-height:600px;height:100%;width:100%}img.alignleft,.alignleft,img.alignright,.alignright,img.aligncenter,.aligncenter,img.alignnone,.alignnone{display:block;float:none;text-align:center;margin:25px auto}img.center{text-align:center;margin:5px auto}img.kreis.alignleft{float:left;border-radius:50%;height:250px;width:250px;shape-outside:circle(50%);margin:1rem 2rem 1rem 0}img.kreis.alignright{float:right;border-radius:50%;height:250px;width:250px;shape-outside:circle(50%);margin:1rem 0 1rem 2rem}.beitragsbild{display:block;margin:50px auto}.beitragsbild img{margin:0 auto;text-align:center}.wp-caption{height:auto;margin:50px auto;padding:0;position:relative;text-align:center;width:auto;max-width:100%}.wp-caption img{display:block;margin-inline:auto;padding:0;text-align:center}.wp-caption p{background:var(--hell);display:block;font-style:italic;margin:15px auto;padding:1rem;text-align:center}ul.news{color:var(--dunkel-grau);display:block;margin-inline:auto;padding:0}ul.news li{background:var(--trans-hell-8);display:block;list-style:none;margin:75px auto;padding:0;position:relative;text-align:center}ul.news li:before{content:'';display:none}ul.news .text{padding:1rem 1.2rem}ul.news .text h2,ul.news .text h3{border:none;margin:10px 0;font-size:var(--step-1);font-weight:700;text-align:left}ul.news .text p{font-size:var(--step-0);margin:10px 0;text-align:left}ul.news a{color:inherit;display:block;text-decoration:none;margin:0;padding:0;transition:color .5s;height:100%}ul.news a:hover h2,ul.news a:hover h3{color:var(--dunkel)}ul.news .more,.cats .more,article.post .more{color:inherit;display:block;margin:0;padding:0;position:relative;text-align:right;text-decoration:underline;text-decoration-skip:ink;text-decoration-skip-ink:auto}ul.news li .thumbnail{display:block;float:none;height:auto;margin-inline:auto;padding:0;overflow:hidden;position:relative;text-align:center;width:100%}ul.news li img{display:block;margin:0 auto;text-align:center;transition:scale .3s;object-fit:cover;width:100%}ul.news li:hover img{scale:1.1}ul.news.grid{display:block}ul.news.grid li{margin:0;padding:0}ul.news.grid li .thumbnail{position:relative;left:auto;top:auto;width:auto;max-width:100%}ul.news.grid li img{margin:0 auto;text-align:center}ul.news.grid li .text{padding-bottom:3.2em}ul.news.grid li .text h2,ul.news.grid li .text h3,ul.news.grid li .text p{margin-inline:auto}ul.news.grid li .text p.datum{position:absolute;bottom:.6rem;left:1.2rem;background:var(--hell);padding:3px 5px}ul.news.grid2 h3{font-size:var(--step-0);padding:5px 1.2rem}ul.vergleiche{margin:50px auto}ul.vergleiche li{border-radius:.5rem;display:flex;flex-flow:column nowrap;background:var(--hell);list-style:none;padding:0}ul.vergleiche li div{margin:0;padding:1rem 1.5rem}ul.vergleiche li h3{background:var(--dunkel);color:var(--weiss);border-radius:1rem 1rem 0 0;margin:0;padding:1rem}ul.vergleiche li .preis{font-size:var(--step-2);font-weight:700;text-align:center}ul.vergleiche li a.button{background:var(--vibrant-hov);color:var(--on-vibrant-hov);border-color:var(--vibrant-hov);margin-top:auto;padding:.5rem 1rem}ul.vergleiche li a.button:hover{background:var(--vibrant);color:var(--on-vibrant);border-color:var(--vibrant)}ul.vergleiche li span{border-bottom:1px dotted var(--dunkel);display:block;padding:10px}ul.vergleiche li ul{display:inline-block;margin:0 auto;width:90%}ul.vergleiche li ul li{border-bottom:1px dotted var(--dunkel);border-radius:0;display:block;padding:10px;text-align:left}article.post{background:var(--trans-hell-8);border:none;color:var(--dunkel-grau);display:block;margin:35px auto;padding:25px;position:relative;vertical-align:middle;max-width:800px}article.post:hover{background:var(--weiss)}article.post a{color:inherit;display:block;text-decoration:none}article.post h2,article.post h3{font-size:var(--step-1);font-weight:700;margin:15px 0}article.post p{margin:15px 0}article.post .text{padding:0 0 25px}article.post .thumbnailbox{background:0 0;margin-inline:auto;position:relative;overflow:hidden;border-radius:1rem}article.post .thumbnailbox img{display:block;margin-inline:auto;transition:scale .5s}article.post:not(.rund) .thumbnailbox:hover img{scale:1.1}article.post.rund .thumbnailbox:hover img{filter:grayscale(100%)}article.post.rund .thumbnailbox,article.post.rund .thumbnailbox img{border-radius:50%}article.post .thumbnailbox{background-position:50% 50%;background-repeat:no-repeat;background-size:100% auto;display:block;margin:15px auto;padding:0;overflow:hidden;max-width:100%;transition:transform .5s}article.post .postbody{position:relative}article.post .postmeta{clear:both;display:block;font-size:var(--step-0);padding:10px 0}article.post .postmetadata a,article.post .postmeta a{color:#000;display:inline;margin:0;padding:0;width:auto}article.post .postinfo span{margin-right:10px}article.post .entrybody p{margin:10px 0}article.mypost{color:var(--dunkel-grau);margin:0 auto;padding:1rem}article.mypost a{color:inherit;list-style:none}article.mypost h2,article.mypost h3,article.mypost p{margin:10px 0}article.myref{margin:75px auto;padding:0;position:relative}article.myref a{color:var(--dunkel);display:block;text-decoration:none}article.myref h2,article.myref h3{font-weight:400;margin:15px 0}article.myref h2{font-size:var(--step-1)}article.myref h3{font-size:var(--step-2);font-weight:700}article.myref p{margin:15px 0;padding:0}article.myref .date{display:block;line-height:100%;margin:0;padding:5px 0;position:relative}article.myref .date span{display:inline-block;vertical-align:middle;margin:0 15px 0 0}article.myref .mythumbnail{background:0 0;margin:0 15px;position:relative;overflow:hidden}article.myref .mythumbnail img,article.myref .mythumbnail:hover img{display:block;margin:0 auto}article.myref .mytext{background:rgba(255,255,255,.9);margin:15px;padding:1rem;position:relative}article.myref .mytext:hover{background:rgba(255,255,255,.95)}article.myref .mytext:hover b{background:rgba(0,0,0,.4)}ul.referenzen{clear:both;margin:50px auto;padding:0;text-align:center;width:100%}ul.referenzen li{background:0 0;display:block;list-style:none;margin:0 auto;overflow:hidden;padding:0;position:relative;text-align:center;width:100%;max-width:720px}ul.referenzen li:before{content:'';display:none}ul.referenzen a{color:var(--weiss);display:block;text-decoration:none;margin:0;padding:0;overflow:hidden;width:100%}ul.referenzen a:before{background:0 0;content:'';display:block;position:absolute;left:0;top:0;right:0;bottom:0}ul.referenzen li .imgwrap{display:block;float:none;margin:0 auto;padding:0;overflow:hidden;position:relative;text-align:center;width:100%}ul.referenzen li img{display:block;margin:0 auto;text-align:center;object-fit:cover;width:100%}ul.referenzen li .auszug{display:grid;align-items:end;align-content:end;position:absolute;inset:0}ul.referenzen li h3,ul.referenzen li h4{background:rgba(0,69,131,.8);color:var(--hell);font-size:var(--step-0);font-weight:700;margin:-.1px 0 0;padding:.7em .8em;transition:all .3s ease-in-out;-webkit-backdrop-filter:invert(100%);backdrop-filter:invert(100%)}ul.referenzen li h3{font-weight:700;width:100%}ul.referenzen li h4{font-weight:400;width:100%}ul.referenzen li h4{opacity:0;scale:.9;position:absolute;bottom:0;z-index:-1}ul.referenzen li a:hover h4{opacity:1;scale:1;z-index:10}ul.vergleiche,ul.referenzen,ul.news.grid,.postwrap{margin:5em 0;display:grid;grid-gap:var(--gap);grid-template-columns:repeat(auto-fit,minmax(min(100%, var(--min)), 1fr))}ul.news.grid.grid2{--min:24ch;--gap:3rem}.mythumbnails{display:block;margin:50px auto;position:relative}.mobile-screenshot{max-width:240px}.mobile-screenshot.links{-webkit-transform:rotate(-3deg);transform:rotate(-3deg);float:left;margin:.5rem 3rem .5rem 0}.mobile-screenshot.rechts{-webkit-transform:rotate(3deg);transform:rotate(3deg);float:right;margin:.5rem 0 .5rem 3rem}.leistung{background:var(--hell);display:inline-block;margin:10px 15px 10px 0;padding:3px 10px;position:relative;vertical-align:middle}.leistungen{background:var(--hell);display:block;margin:50px auto;padding:15px}.inner-post-nav{background:var(--hell);color:var(--dunkel);display:block;margin:50px auto;padding:15px}.inner-post-nav>*{display:block;padding:10px 0}.inner-post-nav a{color:var(--schwarz)}.inner-post-nav>.next{text-align:right}section.module{background:var(--weiss);color:var(--dunkel-grau);clear:both;display:block;margin:0;padding:0;position:relative;width:100%}section.module article.wrap-inner-section{display:block;margin-inline:auto;padding:3em 1.5em;position:relative;max-width:var(--mwidth)}section.module.blob{isolation:isolate}section.module.blob:after{content:'';position:absolute;inset:0;backdrop-filter:blur(12vmax);z-index:-1}section.module.blob:before{content:'';background-color:var(--weiss);background:linear-gradient(to right,var(--vibrant),var(--dunkel));height:35vmax;aspect-ratio:1;position:absolute;left:50%;top:50%;translate:-50% -50%;border-radius:50%;animation:rotate 20s infinite;opacity:.8;z-index:-1}@keyframes rotate{from{rotate:0deg}50%{scale:1 1.75}to{rotate:360deg}}section.module.center,section.module.center h2{text-align:center}section.module h2:first-of-type:not(.innertextsplits h2){margin:.5em auto}section.module img{display:block;margin-inline:auto}section.module.parallax{background-color:var(--dunkel);background-position:50% 0;background-repeat:no-repeat;background-attachment:fixed;background-size:cover;min-height:600px;display:grid;place-items:center}section.module.parallax article.wrap-inner-section{display:grid;place-items:center;max-width:100%;position:absolute;inset:0;padding:0}section.module.parallax article.wrap-inner-section div.ptxt{background:var(--trans-dunkel-2);display:block;margin:0 1em;padding:1.5em;max-width:1280px;border-radius:1rem}section.module.parallax h1,section.module.parallax h3{color:var(--weiss);font-weight:400;letter-spacing:2px;margin:10px 0;text-align:center;text-transform:uppercase;text-shadow:1px 1px 0px rgba(0,0,0,.2)}section.module.parallax h2{color:var(--weiss);font-size:var(--step-6);font-weight:800;letter-spacing:4px;margin:15px 0}section.module.parallax a:not(a.button),section.module.parallax strong{color:var(--weiss)}section.module.parallax p{color:var(--weiss);margin:10px auto;text-align:center}section.module.parallax.overlay{isolation:isolate}section.module.parallax.overlay article.wrap-inner-section{position:absolute;inset:0;padding:0}section.module.parallax.overlay article.wrap-inner-section:after{content:"";background-color:var(--dunkel);position:absolute;inset:0;z-index:-1;mix-blend-mode:multiply}.page-template-page-parallax-php h1:not(.wrapsplits .innertextsplits h1),.post-template-single-parallax-php h1:not(.wrapsplits .innertextsplits h1){margin:50px auto;padding:0 2rem;text-align:center}.page-template-page-parallax-php section.module h1:not(.wrapsplits .innertextsplits h1),.post-template-single-parallax-php section.module h1:not(.wrapsplits .innertextsplits h1){margin:25px auto;padding:0}section.module.big article.wrap-inner-section{max-width:var(--bigwidth)}section.module.bigger article.wrap-inner-section{max-width:var(--biggerwidth)}section.module.full article.wrap-inner-section{padding:0;max-width:100%}section#aktuelles article.wrap-inner-section{padding:1px 0}section.module.full article.wrap-inner-section ul.galerie{margin-inline:auto}section.module.full article.wrap-inner-section ul.galerie li a{margin:0}section.module.hell{background:var(--hell)}section.module.hell .bhintergrund-dreiecke,section.module.hell .bhintergrund-kugel{--spike-color:var(--hell)}section.module.hell ul.referenzen li h2,section.module.hell ul.referenzen li h3{background:var(--hell);color:var(--dunkel)}section.module.dunkel{background:var(--dunkler);color:var(--weiss)}section.module.dunkel article.post,section.module.dunkel ul.news li{background:var(--trans-dunkel-2)}section.module.dunkel h1,section.module.dunkel h2,section.module.dunkel h3{background:0 0;color:inherit}section.module.dunkel ul.news li,section.module.dunkel article.post h2,section.module.dunkel article.post h3{border-color:var(--dunkler);color:var(--weiss)}section.module.dunkel ul.news li a,section.module.dunkel a:not(a.button){color:var(--weiss)}section.module.dunkel ul.news li a:hover h3,section.module.dunkel article.post a:hover h3{color:var(--vibrant)}section.module.dunkel .bhintergrund-dreiecke,section.module.dunkel .bhintergrund-kugel{--spike-color:var(--dunkler)}section.module.dunkel blockquote{background:var(--trans-dunkel-2)}section.module.dunkel ul.vergleiche li{background:var(--trans-dunkel-2)}section.module.dunkel.verlauf{background:linear-gradient(179deg,rgba(255,255,255,1) 0%,rgba(98,128,184,1) 0%,rgba(0,54,103,1) 64%,rgba(0,54,103,1) 100%)}section.module.dunkel.verlauf2{background-color:var(--medium);background-image:linear-gradient(rgba(0,69,131,.5),var(--dunkler))}.wrapsplits{display:block;margin-inline:auto;padding:0;position:relative;text-align:center;max-width:var(--mwidth)}.big .wrapsplits{max-width:var(--bigwidth)}.bigger .wrapsplits{max-width:var(--biggerwidth)}.full .wrapsplits{max-width:100%}.wrapsplits .splits{display:block;padding:1em 1.5em;position:relative;text-align:center}.wrapsplits .splits.bild{background-color:transparent;background-position:50% 50%;background-repeat:no-repeat;background-size:cover;margin-inline:auto;min-height:400px;max-width:800px;width:100%}.full .wrapsplits .splits.bild{max-width:100%}.wrapsplits .splits img{border-radius:1rem}.wrapsplits .splits.bild h2{color:var(--weiss);margin:25px auto;text-align:center;font-weight:700}.wrapsplits .innertextsplits{display:block;margin-inline:auto;padding:0;max-width:70ch;text-align:left}.wrapsplits .innertextsplits h1,.wrapsplits .innertextsplits h2,.wrapsplits .innertextsplits h3{margin:0 0 1em;font-weight:400;text-align:left}.wrapsplits .innertextsplits p{margin:1.5em 0}.grafik .wrapsplits .splits.bild{min-height:1px;padding-top:2em}.grafik.rund .wrapsplits .splits.bild img{clip-path:circle(50% at 50% 50%);max-width:400px}#comments h3{margin:50px auto}#comments h3 em{color:var(--dunkel);font-size:var(--step-1)}.commentsblock{border:none;margin:50px 0;padding:0;hyphens:auto}.commentsblock form{border:none;margin:0}.commentsblock fieldset{border:none;margin:0;padding:0}.commentsblock label,.commentsblock select,.commentsblock input[type=checkbox],.commentsblock input[type=radio],.commentsblock input[type=button],.commentsblock input[type=submit]{cursor:pointer}.commentsblock label{clear:left;display:block;font-weight:400;margin:0;padding:0}.commentsblock input,.commentsblock textarea,.commentsblock input:hover,.commentsblock textarea:hover,.commentsblock select{background:var(--trans-dunkel--1);border:1px solid var(--weiss);color:var(--dunkel-grau);margin:10px 0;padding:10px;width:100%;border-radius:3px}.commentsblock input{caret-color:var(--vibrant)}.commentsblock input:hover,.commentsblock textarea:hover{background:var(--weiss);border:1px solid var(--dunkel)}.commentsblock input[type=checkbox],.commentsblock input[type=radio]{background:0 0;border:none;color:var(--dunkel-grau);display:inline-block;margin:0 .2em 0 0;width:1em}.commentsblock textarea{overflow:auto}ol.commentlist{color:var(--dunkel-grau);margin:0}ol.commentlist li.comment{margin:25px 0;padding:0 0 0 60px;z-index:10}ol.commentlist li.comment ul{padding:0}ol.commentlist li.comment ul ul{padding:0}ol.commentlist li:before{position:absolute;left:0;top:28px}ol.commentlist li li:before{background-color:var(--hell);color:var(--dunkel);left:-60px;top:25px}ol.commentlist li.comment>.innercomment{background:var(--trans-dunkel--1);border-radius:1rem;padding:25px;position:relative}ol.commentlist li.comment>.innercomment:after{content:'';position:absolute;display:block;width:0;z-index:1;border-style:solid;border-color:transparent var(--trans-dunkel--1);border-width:20px 20px 20px 0;top:45px;left:-20px;margin-top:-20px}ol.commentlist li.comment div.vcard cite.fn{font-style:normal}ol.commentlist li.comment div.comment-meta{font-size:var(--step--1);text-align:center}ol.commentlist li.comment p{margin:25px 0}ol.commentlist li.comment div.reply{text-align:center}ol.commentlist li.comment ul.children{list-style:none;margin:1rem 0}ol.commentlist li.comment ul.children li{list-style:none;padding:0}ol.commentlist li.comment ul.children li.depth-2{padding:0}ol.commentlist li.comment.author-admin,ol.commentlist li.comment.bypostauthor>.innercomment{background:var(--hell);z-index:-1}ol.commentlist li.comment.bypostauthor>.innercomment:after{border-color:transparent var(--hell)}ol.commentlist li.pingback>.innercomment{background:#ddd;padding:25px}div.wpcf7 form{background:var(--trans-dunkel--1);border:none;border-radius:1rem;margin:35px auto;padding:1rem;text-align:left;position:relative}div.wpcf7 fieldset{border:none;color:#000;clear:both;margin:0;padding:0}div.wpcf7 label{font-weight:400;margin:0;padding:0}div.wpcf7 input,div.wpcf7 textarea,div.wpcf7 select{background:var(--weiss);border:1px solid var(--trans-dunkel--1);color:var(--dunkel);margin:5px 0 10px;padding:.8rem;width:100%;box-sizing:border-box;box-shadow:0 0 1px #666}div.wpcf7 input{caret-color:var(--vibrant)}div.wpcf7 select{max-width:400px}input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required.wpcf7-not-valid,select.wpcf7-form-control.wpcf7-select.wpcf7-validates-as-required.wpcf7-not-valid{border-color:var(--warning) !important}.wpcf7-not-valid-tip{display:inline-block;margin:-20px 0 5px}div.wpcf7 textarea{height:200px;overflow:auto}div.wpcf7 .upload input{background:var(--weiss);color:var(--dunkel);margin:5px 5px 0 0;padding:5px;width:70%}div.wpcf7 input:hover,div.wpcf7 textarea:hover,div.wpcf7 select:hover{background:var(--weiss);color:var(--dunkel);box-shadow:none}div.wpcf7 input[type=checkbox],div.wpcf7 input[type=radio]{background:0 0;border:none;color:var(--dunkel);margin:0 5px 0 10px;padding:0;width:1rem}div.wpcf7 input::placeholder{color:var(--trans-dunkel-4);opacity:1;font-size:var(--step-1)}div.wpcf7 input:-ms-input-placeholder{color:var(--trans-dunkel-4);font-size:var(--step-1)}div.wpcf7 input::-ms-input-placeholder{color:var(--trans-dunkel-4);font-size:var(--step-1)}div.wpcf7{display:block;margin:0}span.wpcf7-list-item{margin:0}div.wpcf7 p{margin:15px 0 5px}.wpcf7 form .wpcf7-response-output{vertical-align:middle}.wpcf7 form.sent .wpcf7-response-output,.wpcf7 form.failed .wpcf7-response-output,.wpcf7 form.aborted .wpcf7-response-output,.wpcf7 form.invalid .wpcf7-response-output{color:var(--weiss) !important;background:var(--warning) !important;border:none !important;padding:25px !important}.wpcf7 form.sent .wpcf7-response-output{background:var(--success) !important;color:var(--weiss) !important}div.wpcf7 input[type=submit],.commentsblock input[type=submit],.commentsblock button[type=submit],.commentsblock input:hover[type=submit],.commentsblock button:hover[type=submit]{background:var(--vibrant);border:1px solid var(--vibrant);color:var(--on-vibrant);clear:both;display:block;font-size:var(--step-0);font-weight:700;letter-spacing:3px;margin:25px 0;padding:var(--but-pad);text-align:center;text-decoration:none;width:auto;border-radius:1rem;transition:all .3s ease-in-out}div.wpcf7 input[type=submit]:hover,.commentsblock input:hover[type=submit],.commentsblock button:hover[type=submit]{background:var(--vibrant-hov);border:1px solid var(--vibrant-hov);color:var(--on-vibrant-hov);scale:1.1}.contact-form{display:grid;gap:1em}div.wpcf7 .contact-form p,div.wpcf7 .contact-form input,div.wpcf7 .contact-form textarea,div.wpcf7 .contact-form select{margin:0}p.form-group{display:grid;gap:.5em}p.form-group-full-width{grid-column:1/-1}@media (min-width:35em){.contact-form{grid-template-columns:1fr 1fr}}#simple-contact-form .scf-row{display:block;margin:0;padding:10px}#simple-contact-form .scf-row input{background:var(--weiss);border:1px solid var(--trans-dunkel-2);caret-color:var(--vibrant);color:var(--dunkel);margin:0;padding:.8rem;width:100%;box-sizing:border-box;box-shadow:2px 2px 5px rgba(0,0,0,.1)}#simple-contact-form .scf-row label{font-weight:400;margin:0;padding:0}#simple-contact-form .scf-row textarea#scf_message{border:1px solid var(--trans-dunkel-2);display:block;height:200px;padding:.8rem;width:100%;overflow:auto;box-shadow:2px 2px 5px rgba(0,0,0,.1)}#simple-contact-form .scf-row input:hover,#simple-contact-form .scf-row textarea#scf_message:hover{box-shadow:0 0 5px rgba(0,0,0,.1)}div.scf-submit input#scf-button{background:var(--vibrant);border:1px solid var(--vibrant);color:var(--on-vibrant);clear:both;display:inline-block;font-size:var(--step-0);font-weight:700;letter-spacing:3px;margin:25px 0;padding:var(--but-pad);text-align:center;text-decoration:none;width:auto;border-radius:1rem;transition:all .3s ease-in-out}div.scf-submit input#scf-button:hover{background:var(--vibrant-hov);border:1px solid var(--vibrant-hov);color:var(--on-vibrant-hov);scale:1.1}#scf_success pre{white-space:pre-wrap}p.scf_error,p.scf_spam{color:var(--warning)}p.scf_success{color:var(--success)}.scf-website3dhhsy3{display:none}a.button{background:var(--vibrant);border:1px solid var(--vibrant);color:var(--on-vibrant);display:inline-block;font-weight:700;letter-spacing:2px;margin:20px auto;padding:var(--but-pad);position:relative;text-align:center;text-decoration:none;transition:scale .9s;border-radius:1rem;vertical-align:middle}a.button:after{content:'';margin:0 0 0 8px;font-size:var(--step-0);text-decoration:none;transition:transform .3s}a.button:hover{scale:1.05;transition:scale .3s}a.button:hover:after{transform:translateX(5px)}a.button.center,#topsegment a.button{display:block;max-width:36ch}.share{clear:both;display:block;margin:15px auto;text-align:left;width:100%}.share a,.share a:hover{background:0 0;color:var(--hell);border-radius:50%;display:inline-block;font-size:2rem;line-height:100%;margin:5px 15px 5px 0;padding:5px;text-align:center;text-decoration:none;transition:transform .3s,color .3s,background .3s}.share a:hover,#footer .share a:hover{background:var(--hell);color:var(--vibrant)}.share a span,.share a:hover span{display:none}.share a:before,.share a:hover:before{margin:0;padding:0}#footer .share a,#footer .share a:hover{display:inline-block}.h-review{background:var(--trans-hell-8);color:var(--dunkel);border-radius:1rem;display:block;text-align:center;margin:50px auto;padding:1.5em;position:relative;display:grid;place-items:center}.h-review h3{margin:10px auto;text-align:center}.h-review p{margin:10px auto}.h-review span{color:var(--vibrant);font-size:var(--step-3)}.h-review img{border-radius:50%;display:block;margin:0 auto 10px auto;text-align:center;height:110px;width:110px}aside.kundenstimmenwrapper{margin:50px auto;padding:1rem;display:grid;grid-gap:3rem;grid-template-columns:repeat(auto-fit,minmax(min(100%, 28ch), 1fr))}aside.kundenstimmenwrapper>*{display:flex;flex-direction:column;margin:0 auto;padding:1.5em;justify-content:space-between;height:100%;font-size:var(--step--1)}aside.kundenstimmenwrapper p.e-content,aside.kundenstimmenwrapper p em{text-align:left;font-size:var(--step--1)}.accordion{background-color:var(--hell);color:var(--dunkel);cursor:pointer;border-radius:1rem;margin:5px 0;padding:1rem 1.5rem;width:100%;border:none;text-align:left;outline-color:transparent;font-size:var(--step-1);transition:.5s;display:flex;align-items:center;justify-content:space-between}.active,.accordion:hover{background-color:var(--vibrant);color:var(--hell)}.accordion:after{content:'\002B';color:var(--dunkel);font-weight:700;transition:transform .5s}.accordion:hover:after{color:var(--hell)}.active:after{color:var(--hell);transform:rotate(45deg)}.panel{max-height:0;overflow:hidden;transition:max-height .5s ease-out}.panel .innerpanel{background-color:var(--hell);border-radius:1rem;color:var(--dunkel);display:block;margin:1rem;padding:2rem}.klickmichan a,.klickmichan a:hover{background:var(--vibrant);color:var(--on-vibrant);border:1px solid var(--vibrant);display:block;font-size:var(--step-0);font-weight:700;height:160px;width:160px;line-height:1.25;text-align:center;margin:50px auto;padding:15px;position:relative;transition:all .5s ease;border-radius:50%;transform:scale(1);animation:pulse-grau 2s infinite;display:flex;justify-content:center;align-items:center}.klickmichan a:hover{background:var(--vibrant-hov);border-color:var(--vibrant-hov);color:var(--on-vibrant-hov);animation:pulse-grau 2s infinite}.klickmichan a:before{display:block;margin:0 auto;font-size:var(--step-3)}@keyframes pulse-grau{0%{transform:scale(1);box-shadow:0 0 0 0 rgba(0,0,0,.4)}70%{transform:scale(1);box-shadow:0 0 0 10px rgba(0,0,0,0)}100%{transform:scale(1);box-shadow:0 0 0 0 rgba(0,0,0,0)}}@media screen and (min-width:60rem){.klickmichan{margin:0;padding:15px;position:fixed;right:10px;top:25%;z-index:5000}}.loader{border:10px solid var(--vibrant);display:grid;place-items:center;margin:25px auto;height:150px;width:150px;border-radius:50%;border-bottom:10px solid var(--hell);animation:spin linear 3s infinite;transform-origin:center}@keyframes spin{0%{rotate:0}100%{rotate:360deg}}.rundlich{border-radius:50%;animation:kontraste linear 10s infinite;transform-origin:center;filter:grayscale(0);overflow:hidden}.clip-rombus{clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%)}.clip-pfeil-links,.clip-pfeil-rechts{clip-path:polygon(0% 0%,100% 0,100% 85%,50% 100%,0 85%)}.clip-up{clip-path:polygon(0 25%,50% 0,100% 25%,100% 100%,0 100%)}.clip-kreis{clip-path:circle(50% at 50% 50%)}.clip-stern{clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}.clip-parallelogram-r{clip-path:polygon(20% 0%,100% 0%,80% 100%,0% 100%)}.clip-parallelogram-l{clip-path:polygon(0 0,80% 0,100% 100%,20% 100%)}.clip-polygon{clip-path:polygon(0 0,100% 0,100% 65%,0 100%)}.clippara{animation:clippara 6s infinite;transition:animation .3s}@keyframes clippara{0%,100%{clip-path:polygon(20% 0%,100% 0%,80% 100%,0% 100%)}50%{clip-path:polygon(0 0,80% 0,100% 100%,20% 100%)}}.coloranimation{background-image:var(--gradient);background-size:500%;animation:coloranimation 5s infinite alternate}.text-mit-bg{font-size:var(--step-6);font-weight:800;letter-spacing:4px;background-image:var(--gradient);-webkit-background-clip:text;background-clip:text;color:transparent;background-size:300%;animation:coloranimation 5s infinite alternate;position:relative;z-index:1}@keyframes coloranimation{0%{background-position:left top}100%{background-position:right bottom}}.farbstreifen{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;margin:0;padding:0}.farbstreifen>*{flex:1;display:block;padding:10px 0;list-style:none;text-align:center}.farbstreifen :nth-child(1){background:var(--hell);color:var(--dunkel)}.farbstreifen :nth-child(2){background:var(--weiss)}.farbstreifen :nth-child(3){background:var(--dunkel);color:var(--weiss)}.farbstreifen :nth-child(4){background:var(--vibrant);color:var(--weiss)}.farbstreifen :nth-child(5){background:var(--schwarz);color:var(--weiss)}.wraptextbox{display:flex;flex-wrap:wrap;gap:var(--gap);margin:50px auto}.wraptextbox>*{flex:1 1 var(--max)}.textbox{border:1px solid #ddd;display:block;height:100%;width:100%;margin-inline:auto;padding:1rem 1.5rem;overflow:hidden;position:relative;isolation:isolate}.textbox img{display:block;margin:0;position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;z-index:-1}.textbox.backdrop:before{content:'';position:absolute;inset:0;background:blue;mix-blend-mode:multiply}.textbox2{display:grid;grid-gap:3em;grid-template-columns:2fr 1fr;place-items:center}ul.fortschritte{background:var(--dunkel);color:var(--weiss);margin:50px auto;padding:0}ul.fortschritte li{display:block;list-style:none;margin:0;padding:15px;position:relative;width:100%;height:500px;min-height:50vh;z-index:1;display:grid;place-items:center}ul.fortschritte li:before{content:'';position:absolute;top:0;left:0;bottom:0;width:10px;transform:scaleY(0);transform-origin:bottom;transition:transform 1s ease-in;z-index:10}ul.fortschritte li:after{content:'';position:absolute;top:0;left:0;bottom:0;width:10px;background:var(--trans-hell-2);z-index:9}ul.fortschritte li.go:before,.nojs ul.fortschritte li:before{background:var(--vibrant);transform:scaleY(1);transform-origin:top;transition-delay:2s}ul.news li h2,article.post h2,.mytext h3{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}ul.news li p.txt,article.post p.txt,.mytext p:not(.date,.myref-excerpt){display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.wellen{--spike-width:200px;--spike-height:50px;--spike-color:var(--body-bg);background-color:#ddd;display:block;position:relative;aspect-ratio:16/9;isolation:isolate}.wellen:before{content:'';position:absolute;width:100%;height:var(--spike-height);background:var(--spike-color);-webkit-mask-image:url(//www.klausoppermann.de/wp-content/themes/webdesign-oldenburg-wordpress/images/wave.svg);-webkit-mask-size:var(--spike-width) var(--spike-height);mask-image:url(//www.klausoppermann.de/wp-content/themes/webdesign-oldenburg-wordpress/images/wave.svg);mask-size:var(--spike-width) var(--spike-height)}.bhintergrund{background:0 0;border:none;color:var(--dunkel-grau);isolation:isolate}.bhintergrund:after{content:'';background:var(--bhintergrund);box-shadow:0 0 10px var(--trans-dunkel-4);position:absolute;z-index:-1;inset:0;transform:skewY(var(--drehung))}.bhintergrund-dreiecke{--spike-width:30px;--spike-height:15px;--spike-color:var(--body-bg);border:none;isolation:isolate;position:relative;color:var(--dunkel-grau);background:linear-gradient(to right,var(--trans-dunkel-2),var(--trans-hell-2),var(--trans-dunkel-4))}.bhintergrund-dreiecke:before,.bhintergrund-dreiecke:after{content:'';position:absolute;width:100%;height:var(--spike-height);background:var(--spike-color);-webkit-mask-image:url(//www.klausoppermann.de/wp-content/themes/webdesign-oldenburg-wordpress/images/dreieck.svg);-webkit-mask-size:var(--spike-width) var(--spike-height);mask-image:url(//www.klausoppermann.de/wp-content/themes/webdesign-oldenburg-wordpress/images/dreieck.svg);mask-size:var(--spike-width) var(--spike-height)}.bhintergrund-dreiecke:before{top:0}.bhintergrund-dreiecke:after{bottom:0;transform:rotate(.5turn)}.bhintergrund-kugel{--spike-width:20px;--spike-height:10px;--spike-color:var(--body-bg);border:none;isolation:isolate;position:relative;color:var(--dunkel-grau);background:linear-gradient(to bottom right,var(--trans-dunkel-2),var(--trans-hell-2),var(--trans-dunkel-4))}.bhintergrund-kugel:before,.bhintergrund-kugel:after{content:'';position:absolute;width:100%;height:var(--spike-height);background:var(--spike-color);-webkit-mask-image:url(//www.klausoppermann.de/wp-content/themes/webdesign-oldenburg-wordpress/images/kugel.svg);-webkit-mask-size:var(--spike-width) var(--spike-height);mask-image:url(//www.klausoppermann.de/wp-content/themes/webdesign-oldenburg-wordpress/images/kugel.svg);mask-size:var(--spike-width) var(--spike-height)}.bhintergrund-kugel:before{top:10px}.bhintergrund-kugel:after{bottom:10px}.wrap-bilder-effekte{background-color:transparent;border-radius:9px;display:block;height:0;margin:50px auto;padding:0 0 56.5%;overflow:hidden;position:relative}.wrap-bilder-effekte>.bilder-effekte{background-position:bottom center;background-size:cover;background-attachment:fixed;height:100%;width:100%;position:absolute;left:0;top:0;right:0;bottom:0;opacity:0}.wrap-bilder-effekte.go>.bilder-effekte.effekt1,.nojs .wrap-bilder-effekte>.bilder-effekte.effekt1{-webkit-animation:koslices1 .5s ease-in-out forwards;animation:koslices1 .5s ease-in-out forwards}.wrap-bilder-effekte.go>.bilder-effekte.effekt2,.nojs .wrap-bilder-effekte>.bilder-effekte.effekt2{-webkit-animation:koslices2 .5s ease-in-out forwards;animation:koslices2 .5s ease-in-out forwards}.wrap-bilder-effekte.go>.bilder-effekte.effekt3,.nojs .wrap-bilder-effekte>.bilder-effekte.effekt3{-webkit-animation:koslices3 .5s ease-in-out forwards;animation:koslices3 .5s ease-in-out forwards}.wrap-bilder-effekte.go>.bilder-effekte.effekt4,.nojs .wrap-bilder-effekte>.bilder-effekte.effekt4{-webkit-animation:koslices4 .5s ease-in-out forwards;animation:koslices4 .5s ease-in-out forwards}.wrap-bilder-effekte.go>.bilder-effekte.effekt5,.nojs .wrap-bilder-effekte>.bilder-effekte.effekt5{-webkit-animation:koslices5 .5s ease-in-out forwards;animation:koslices5 .5s ease-in-out forwards}@-webkit-keyframes koslices1{0%{opacity:0;transform:translate(0,-100%)}100%{opacity:1;transform:translate(0,0)}}@keyframes koslices1{0%{opacity:0;transform:translate(0,-100%)}100%{opacity:1;transform:translate(0,0)}}@-webkit-keyframes koslices2{0%{opacity:0;transform:scale(0) rotate(25deg)}100%{opacity:1;transform:scale(1) rotate(0deg)}}@keyframes koslices2{0%{opacity:0;transform:scale(0) rotate(25deg)}100%{opacity:1;transform:scale(1) rotate(0deg)}}@-webkit-keyframes koslices3{0%{opacity:0;transform:translate(0,-100%) scale(0) rotate(-35deg)}100%{opacity:1;transform:translate(0,0) scale(1) rotate(0deg)}}@keyframes koslices3{0%{opacity:0;transform:translate(0,-100%) scale(0) rotate(-35deg)}100%{opacity:1;transform:translate(0,0) scale(1) rotate(0deg)}}@-webkit-keyframes koslices4{0%{opacity:0;filter:blur(10px)}100%{opacity:1;filter:blur(0)}}@keyframes koslices4{0%{opacity:0;filter:blur(10px)}100%{opacity:1;filter:blur(0)}}@-webkit-keyframes koslices5{0%{opacity:0;transform:scale(0) rotate(45deg) translate(0,-100%)}100%{opacity:1;transform:scale(1) rotate(0deg) translate(0,0)}}@keyframes koslices5{0%{opacity:0;transform:scale(0) rotate(45deg) translate(0,-100%)}100%{opacity:1;transform:scale(1) rotate(0deg) translate(0,0)}}.slideup{animation:sslideUp .9s ease both}@-webkit-keyframes sslideUp{0%{opacity:0,transform:translateY(100%)}100%{opacity:1;transform:translateY(0)}}@keyframes sslideUp{0%{opacity:0;transform:translateY(100%)}100%{opacity:1;transform:translateY(0)}}.slidedown{animation:sslideDown .9s ease .3s both}@-webkit-keyframes sslideDown{0%{opacity:0;transform:translateY(-100%)}100%{opacity:1;transform:translateY(0)}}@keyframes sslideDown{0%{opacity:0;transform:translateY(-100%)}100%{opacity:1;transform:translateY(0)}}@media screen and (min-width:40rem){ul.news:not(.grid) li{clear:both;margin:75px auto;padding:1rem 2rem;position:relative;max-width:var(--mwidth)}ul.news:not(.grid) li a{display:flex;gap:2rem;align-items:center;padding:0}ul.news:not(.grid) li .thumbnail{flex-shrink:0;width:280px;height:auto;margin:0;padding:0;border-radius:5px}ul.news:not(.grid) li .text{flex-grow:1}ul.news:not(.grid) li h2,ul.news:not(.grid) li h3{margin:10px 0}ul.news:not(.grid) li .thumbnail img{margin:0}.inner-post-nav{display:flex;align-items:center;justify-content:space-between;gap:25px}}@media screen and (min-width:50rem){ul.news:not(.grid) li .thumbnail{width:400px}ol.commentlist li.comment ul{padding:0 0 0 2rem}#footer ul li{text-align:left}.zoomfadein{opacity:0;scale:.9;transition:opacity .5s linear,scale .5s ease-in-out}.zoomfadein.go,.nojs .zoomfadein{opacity:1;scale:1}.upfadein{opacity:0;transform:translateY(100px);transition:opacity .5s linear,transform .5s ease-in-out}.upfadein.go,.nojs .upfadein{opacity:1;transform:translateY(0)}.push{opacity:0;transform:translateX(-5rem);transition:opacity .5s linear,transform .5s ease-in-out}.push.go,.nojs .push{opacity:1;transform:translateX(0)}.textbox{scale:.9;transition:scale .3s ease-in-out}.textbox.go,.nojs .textbox{scale:1.0}.fadeInLeft{fadeInLeft 1s cubic-bezier(.68,0,.265,1) 0s 0 both none}@-webkit-keyframes fadeInLeft{from{opacity:0;-webkit-transform:translate3d(-30px,0,0);transform:translate3d(-30px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeft{from{opacity:0;-webkit-transform:translate3d(-30px,0,0);transform:translate3d(-30px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}}@media all and (min-width:62.5rem){#header{height:90px;padding:0 25px}#header .logo{max-height:70px;max-width:350px;margin:0;padding:0;position:relative;top:auto;left:auto}#header .logo img{max-height:70px;max-width:350px}.wrapsplits{display:grid;grid-template-columns:1fr 1fr;padding:4em 0}#topsegment .wrapsplits{padding:2em 0}.wrapsplits .splits{min-height:500px;display:flex;align-items:center;justify-content:center}.wrapsplits .splits.bild{margin:inherit;padding:0 25px}.grafik .wrapsplits .innertextsplits{padding:0}.grafik .wrapsplits .splits.bild{padding-top:0}.wrapsplits.links .innertextsplits{padding:1.5em 0 1.5em 1.5em}.wrapsplits.rechts .innertextsplits{padding:1.5em 1.5em 1.5em 0}.wrapsplits.rechts .splits.bild{order:2}.wrapsplits.rechts .splits.text{order:1}.wrapsplits .splits.bild img:not(.clip,.zoom-in-left img,.zoom-in-right img){transform:perspective(3000px) rotateY(0);transition:transform 1s ease 0s}.wrapsplits.rechts .splits.bild:hover img:not(.clip,.zoom-in-left img,.zoom-in-right img){transform:perspective(3000px) rotateY(-15deg)}.wrapsplits.links .splits.bild:hover img:not(.clip,.zoom-in-left img,.zoom-in-right img){transform:perspective(3000px) rotateY(15deg)}article.myref{margin:100px auto;padding:0}article.myref .mythumbnail{transform:perspective(3000px) rotateY(15deg);transition:transform .5s ease-in-out}article.myref:hover .mythumbnail{transform:perspective(3000px) rotateY(0deg)}article.myref a{display:flex;align-items:center}article.myref a>*{flex:1}article.myref .date{position:absolute;left:15px;bottom:25px}article.myref .mytext{padding:1.5rem}.clip-pfeil-links{clip-path:polygon(15% 0%,100% 0%,100% 100%,15% 100%,0% 50%)}.clip-pfeil-rechts{clip-path:polygon(0% 0%,85% 0%,100% 50%,85% 100%,0% 100%)}img.alignleft,.alignleft{float:left;margin:10px 50px 10px 0}img.alignright,.alignright{float:right;margin:10px 0 10px 50px}img.alignnone,.alignnone{display:block;float:none;text-align:left;margin:25px 0}#topsegment a.button{margin:35px 0 10px}section.module.dunkel.verlauf{background:radial-gradient(circle at 66% 50%,rgba(255,255,255,1) 0%,rgba(98,128,184,1) 0%,rgba(0,54,103,1) 50%,rgba(0,54,103,1) 100%)}section.module.dunkel.verlauf2{background-image:linear-gradient(to right,var(--dunkel),rgba(0,69,131,.6))}}@media all and (min-width:90rem){article.myref{margin:100px auto 200px auto}article.myref .mythumbnail{transform:perspective(3000px) rotateY(20deg) translateX(75px)}article.myref:hover .mythumbnail{transform:perspective(3000px) rotateY(0deg) translateX(75px)}article.myref .mytext{transform:translateX(-75px);padding:4rem 2rem}.wrapsplits .splits.bild,.wrapsplits .splits.text{padding:0}.wrapsplits.links .innertextsplits{padding:1.5em 0 1.5em 4em}.wrapsplits.rechts .innertextsplits{padding:1.5em 4em 1.5em 0}}ul.karten-container{display:flex;gap:1em;margin:50px auto;text-align:center;isolation:isolate}ul.karten-container li{list-style:none;margin:0;padding:0;position:relative;aspect-ratio:3/4;transition:transform .5s ease-in-out,scale .5s ease-in-out}ul.karten-container li:first-child,ul.karten-container li:last-child{scale:.7;z-index:-1}ul.karten-container li:first-child{transform:translateX(130px);transition-delay:.12s}ul.karten-container li:last-child{transform:translateX(-130px);transition-delay:.25s}ul.karten-container li img{height:100%;width:100%;object-fit:cover;border-radius:1rem}ul.karten-container.visibleClass li:first-child,ul.karten-container.visibleClass li:last-child{scale:1;transform:translateX(0)}.slider-wrapper{display:block;position:relative;overflow-anchor:none}.slider-wrapper a{text-decoration:none}ul.thumbs,ul.slides,ul.thumbs>li,ul.slides>li{list-style:none;margin:0;padding:0;position:relative;overflow:hidden}ul.thumbs{display:flex;gap:.5rem;margin:.5rem 0}ul.thumbs>li{flex:1;aspect-ratio:16/9}ul.thumbs>li a img{transition:scale .25s ease-in-out;object-fit:cover;height:100%;width:100%}ul.thumbs>li a:hover img{scale:1.05}ul.slides{width:100%;aspect-ratio:16/9;background-size:cover;background-repeat:no-repeat;background-position:50% 50%}ul.slides>li.image{background-size:cover;background-repeat:no-repeat;background-position:50% 50%;position:absolute;inset:0;aspect-ratio:16/9;width:100%;transform:scale(0,1);transition:transform .9s ease-in-out;transform-origin:left}ul.slides>li.image:target{transform:scale(1,1);transform-origin:right}ul.slides>li .arrows{font-size:var(--step-5);color:var(--weiss);position:absolute;top:40%;z-index:99}ul.slides>li .arrows.arrow-left{left:0}ul.slides>li .arrows.arrow-right{right:0}section.carousel{background:var(--medium);display:block;margin:0 auto;position:relative;text-align:center}.carousel__inner{display:block;margin:0 auto;position:relative;text-align:center;aspect-ratio:16/9;max-width:1920px;max-height:100vh}ul.carousel__viewport{margin:0;padding:0;position:absolute;inset:0;display:flex;overflow-x:scroll;counter-reset:item;scroll-behavior:smooth;scroll-snap-type:x mandatory}ul.carousel__viewport::-webkit-scrollbar{display:none}ul.carousel__viewport{-ms-overflow-style:none;scrollbar-width:none}li.carousel__slide{list-style:none;margin:0;padding:0;position:relative;flex:0 0 100%;width:100%}.carousel__prev,.carousel__next{backdrop-filter:blur(2px);background:var(--trans-dunkel-2);color:var(--weiss);cursor:pointer;font-size:var(--step-5);margin:0;padding:0;position:absolute;top:45%;text-decoration:none;transition:color .3s ease-in-out,background .5s ease-in-out}.carousel__prev:hover,.carousel__next:hover{background:var(--trans-hell-8);color:var(--schwarz)}.carousel__prev{left:0;border-radius:0 1rem 1rem 0}.carousel__next{right:0;border-radius:1rem 0 0 1rem}.carousel__texte{background:var(--trans-hell-8);color:var(--dunkel);position:relative;padding:1em;z-index:500}.carousel__texte h1,.carousel__texte h2,.carousel__texte h3,.carousel__texte p{margin:10px 0;text-align:left}.carousel__texte h1,.carousel__texte h2,.carousel__texte h3{font-size:var(--step-2);font-weight:700}@media all and (min-width:55rem){.carousel__texte{background:var(--trans-hell-8);color:var(--dunkel);position:absolute;bottom:10%;left:1rem;max-width:65ch;padding:1em;z-index:500}}@media all and (min-width:90rem){.carousel__texte{background:var(--trans-hell-8);color:var(--dunkel);position:absolute;bottom:15%;left:1rem;max-width:65ch;padding:1em;z-index:500}}.img-vergleich-container{display:grid;margin:50px auto;aspect-ratio:16/9;position:relative;overflow:hidden}.img-vergleich-container img{grid-area:1/1;width:100%;object-fit:cover;opacity:1;transition:opacity 2.5s ease-in-out}.img-vergleich-container img#vorher{opacity:1}.img-vergleich-container img#nachher{opacity:0}.img-vergleich-container img#vorher:target,.img-vergleich-container img#nachher:target{opacity:1}.img-vergleich-container a.btn{background:var(--trans-hell-8);color:var(--schwarz);display:inline-block;padding:.5em 1em;position:absolute;bottom:0;text-decoration:none;transition:all .3s ease-in-out;z-index:100}.img-vergleich-container a.btn.vorher{left:0}.img-vergleich-container a.btn.nachher{right:0}.img-vergleich-container a.btn:hover,.img-vergleich-container a.btn:focus{background:var(--trans-hell-4);color:var(--weiss)}nav.tabthumbs{display:grid;grid-gap:1px;grid-template-columns:repeat(auto-fit,minmax(min(100%, 100px), 1fr));border-top:1px solid transparent}nav.tabthumbs>*{aspect-ratio:16/9}.tabbed figure{display:block;clear:both;margin:0}.tabbed>input,.tabbed figure>div{display:none}.tabbed figure>div,.tabbed figure>div>img{aspect-ratio:16/9;width:100%}#tab1:checked~figure .tab1,#tab2:checked~figure .tab2,#tab3:checked~figure .tab3,#tab4:checked~figure .tab4,#tab5:checked~figure .tab5,#tab6:checked~figure .tab6{display:block}#tab1:checked~nav label[for=tab1],#tab2:checked~nav label[for=tab2],#tab3:checked~nav label[for=tab3],#tab4:checked~nav label[for=tab4],#tab5:checked~nav label[for=tab5],#tab6:checked~nav label[for=tab6]{opacity:.8}.ko-animate-fading{animation:fading .9s}@keyframes fading{0%{opacity:0;transform:scaleY(0);transition:transform .25s ease-in}100%{opacity:1;transform:scaleY(1)}}.wrapgallery-wrapper{display:block;margin:50px 0}.gallery-wrapper{display:flex;flex-direction:row;flex-wrap:wrap;gap:1.5rem;justify-content:center;align-items:center;margin:50px auto;padding:1rem}.gallery-wrapper a{transition:all .3s ease-in-out}.gallery-wrapper a img{height:12rem;width:18rem;object-fit:cover;border-radius:1rem;transition:scale .25s ease-in-out;vertical-align:bottom}.gallery-wrapper a img:hover{scale:1.05}.gallery-wrapper:hover>:not(:hover){filter:blur(2px);opacity:.5}.gallery-lightboxes .image-lightbox{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--trans-dunkel-9);opacity:0;visibility:hidden;padding:1rem}.gallery-lightboxes .image-lightbox:target{opacity:1;visibility:visible;z-index:99998}.gallery-lightboxes .image-lightbox .image-lightbox-wrapper{opacity:0;margin:0;padding:1rem;position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.gallery-lightboxes .image-lightbox:target .image-lightbox-wrapper{opacity:1}.gallery-lightboxes .image-lightbox .image-lightbox-wrapper img{border:2px solid #fff;margin:0 auto;max-height:70vh;border-radius:1rem}.gallery-lightboxes .image-lightbox .image-lightbox-wrapper p{display:block;background:var(--trans-hell-2);color:#fff;margin:10px auto;padding:5px 10px;text-align:center;max-width:50ch;border-radius:1rem}.gallery-lightboxes .image-lightbox .image-lightbox-wrapper a.close{background:0 0;height:3rem;width:3rem;text-decoration:none;position:absolute;right:1rem;top:1rem;z-index:99999}.gallery-lightboxes .image-lightbox .image-lightbox-wrapper a.close:before,.gallery-lightboxes .image-lightbox .image-lightbox-wrapper a.close:after{content:'';background:var(--weiss);border-radius:2px;height:3px;width:2rem;position:absolute;transform:rotate(45deg);top:1.5rem}.gallery-lightboxes .image-lightbox .image-lightbox-wrapper a.close:after{transform:rotate(-45deg)}.gallery-lightboxes .image-lightbox .image-lightbox-wrapper a.arrows{position:absolute;top:47%;background:0 0;color:var(--weiss);font-size:2.5rem;text-decoration:none}.gallery-lightboxes .image-lightbox .image-lightbox-wrapper a.arrow-left{left:15px}.gallery-lightboxes .image-lightbox .image-lightbox-wrapper a.arrow-right{right:15px}.gallery-lightboxes .image-lightbox .image-lightbox-wrapper a.arrows:before{cursor:pointer}.bildschirm{background-color:#000;border-radius:1rem;border:2px solid var(--dunkel-grau);display:grid;place-items:center;width:100%;aspect-ratio:16/9;overflow:hidden;margin:50px auto;position:relative;z-index:10}.bildschirm>.bildschirm-image{animation:bildschirm-image 60s linear infinite;border-radius:1rem;position:absolute;inset:0;background-size:200%;background-position:0 0;opacity:.8;z-index:1}@keyframes bildschirm-image{0%{background-position:50% 50%;background-size:100%}20%{background-position:25% 25%;background-size:200%}20.0001%{background-position:25% 85%;background-size:250%}40%{background-position:100% 50%;background-size:200%}40.0001%{background-position:80% 40%;background-size:100%}60%{background-position:85% 35%;background-size:200%}60.0001%{background-position:0 0;background-size:300%}80%{background-position:15% 5%;background-size:250%}80.0001%{background-position:80% 10%;background-size:200%}100%{background-position:50% 15%;background-size:100%}}.bildschirm-overlay{animation:bildschirm-overlay 22s infinite linear;background:linear-gradient(rgb(0 0 0/0.15),rgb(150 150 150/0.15) 3px,transparent 3px,transparent 9px);background-size:100% 9px;height:100%;width:100%;position:absolute;left:0;top:0;z-index:2;box-shadow:inset 0 0 20px #000}@keyframes bildschirm-overlay{from{background-position:0 0}to{background-position:0 -100%}}.bildschirm-inhalt{color:var(--weiss);font-size:var(--step-5);font-weight:700;z-index:100;text-transform:uppercase;padding:.5rem 1rem;text-shadow:0px 0px 10px rgba(255,255,255,.7)}aside.wrap-ba{display:grid;width:100%;aspect-ratio:16/9;overflow:hidden;margin:50px auto}aside.wrap-ba>*{grid-column:1/2;grid-row:1/2}aside.wrap-ba img{aspect-ratio:16/9;object-fit:cover}aside.wrap-ba #left-side{transform:translateX(-90%);transition:transform 2s}aside.wrap-ba:hover #left-side{transform:translateX(0)}@keyframes translate-left-in-out{0%{transform:translateX(0)}100%{transform:translateX(0)}}