*,:after,:before{box-sizing:var(--box-sizing);margin:0;padding:0}html{box-sizing:border-box;font-size:16px;scroll-behavior:smooth;scroll-snap-type:y proximity;scrollbar-color:var(--color-blue-light) var(--color-anthrazitgrau);scrollbar-width:thin}.scroll-inner::-webkit-scrollbar,html::-webkit-scrollbar{width:4px}.scroll-inner::-webkit-scrollbar-thumb,html::-webkit-scrollbar-thumb{background-color:var(--color-midnight-blue);border-radius:5px}body,html{min-height:100dvh;overflow-x:hidden;width:100vw}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-anthrazitgrau);box-sizing:border-box;color:var(--color-white);font-family:var(--content-font-family);font-weight:400;line-height:1.6;overflow-y:scroll;text-rendering:optimizeLegibility}:root{--content-font-family:"Roboto",sans-serif;--head-font-family:"Ubuntu",sans-serif;--color-anthrazitgrau:#292929;--color-accent:#004f9e;--color-black:#000;--color-black-light:rgba(0 0 0/.7);--color-blue:#00f;--color-blue-facebook:#2196f3;--color-blue-dark:#191970;--color-blue-green-dark:#264653;--color-blue-light:#3583ff;--color-body-bg:#000;--color-charcoal:#264653;--color-green:#04825a;--color-green-dark:#01525b;--color-green-btn:#1a7f78;--color-lightgray:#f8eaea;--color-midnight-blue:#2c3e50;--color-midnight-blue-light:rgba(33,33,116,.7);--color-red:red;--color-roseweiß:#f1eaea;--color-royal-blue-dark:#014785;--color-silver:silver;--color-warm-white:#f8f9fa;--color-white:#fff;--color-yellow:#ff0;--color-overlay-black:rgba(0 0 0/.6);--color-hero-overlay:rgba(0 0 0/.4);--color-nav-active-bg:#64ffda;--timeline-line:#d0d0d0;--timeline-color:#2196f3;--color-label:hsla(0,0%,100%,.9);--color-text:#333;--color-services-text:#222;--color-services-bg:ivory;--color-midnight-glas:rgba(11 11 117/.25);--color-muted:rgba(0 0 0/.65);--color-card-bg:#fffefa;--color-info-gradient-start:rgba(164,205,247,.95);--color-info-gradient-end:hsla(0,86%,89%,.9);--color-border-accent:#3b82f6;--color-text-primary:#2c3e50;--fs-h1:clamp(1.7rem,3vw,3rem);--fs-h2:clamp(1.7rem,2.5vw,2.4rem);--fs-h3:clamp(1.5rem,2vw,2rem);--fs-h4:clamp(1.25rem,1.75vw,1.5rem);--fs-big:clamp(1.05rem,1.5vw,1.25rem);--fs-bigxl:clamp(1.35rem,calc(1.3rem + 1.25vw),1.35rem);--fs-base:clamp(1rem,1.5vw,1.125rem);--fs-small:clamp(0.75rem,1vw,0.875rem);--font-size-first-letter:clamp(1.25rem,calc(1.2rem + 1vw),1.25rem);--spacing-largexxl:clamp(3.5rem,7vw,6.5rem);--spacing-largexl:clamp(2.75rem,5.5vw,5.25rem);--spacing-large:clamp(2rem,4vw,4rem);--spacing-mediumxl:clamp(1.5rem,3vw,2.5rem);--spacing-medium:clamp(1rem,2vw,2rem);--spacing-smallxl:clamp(.75rem,1.5vw,1.5rem);--spacing-small:clamp(.5rem,1vw,1rem);--spacing-mini:clamp(.25rem,1vw,.5rem);--spacing-micro:clamp(.175rem,.5vw,.25rem);--spacing-micro-mini:clamp(.15rem,.25vw,.2rem);--radius:.5rem;--radius-100:100vw;--radius-xl:1.5rem;--shadow:0 0 5px rgba(0,0,0,.15);--shadow-lg:0 .5em .5em -.25em rgba(0,0,0,.15);--text-shadow:1px 1px 1px var(--color-black);--star-color:gold;--text-color:#111;--bg-review:rgba(0,0,0,.05);--padding:var(--spacing-medium);--transition:all .5s ease-out;--box-sizing:border-box}@font-face{font-display:swap;font-family:Roboto;font-style:normal;font-weight:400;src:local("Roboto Regular"),local(Roboto-Regular),url(../../assets/fonts/roboto-v18-latin-regular.woff2) format("woff2")}@font-face{font-display:swap;font-family:Ubuntu;font-style:normal;font-weight:400;src:local("Ubuntu Regular"),local(Ubuntu-Regular),url(../../assets/fonts/ubuntu-v12-latin-regular.woff2) format("woff2")}:is(h1,h2,h3,h4){font-family:var(--head-font-family)}h1{font-size:var(--fs-h1);letter-spacing:.2rem;margin-block-end:var(--spacing-small)}h1 .line-break{display:block}h2{font-size:var(--fs-h2);line-height:1.2}h2.hero-headline{padding-top:var(--spacing-small)}.hero-content :is(h1,h2){color:var(--color-white)}:is(h1,h2){color:var(--color-green-dark)}h3{font-size:var(--fs-h3)}h4{font-size:var(--fs-h4)}:is(p,li){font-size:var(--fs-base)}#onepager-section .card p{margin-bottom:var(--spacing-small)}#onepager-section .card h3.fsize{border-color:var(--color-silver);color:var(--color-white);font-size:var(--fs-big)}.cards-wrapper .tab h3{margin-bottom:1.5rem!important}#Angebot-Onepager h3,#kundenstimmen h3,#timeline-graphic h3,.cards-wrapper .tab h3,.tab{background:linear-gradient(135deg,rgba(59 130 246/.5),rgba(30 64 175/.5));border:4px solid #3b82f6;border-bottom:none;border-radius:var(--radius-xl);border-top:none;color:var(--color-white);display:inline-block;margin-block:1rem var(--spacing-large);padding:var(--spacing-small) var(--spacing-smallxl);text-align:center}.cards-wrapper .tab p{color:var(--color-white)}div.serious.accent p{color:var(--color-white)!important;font-size:var(--fs-bigxl);text-shadow:var(--text-shadow)}:is(#onepager-section .card-content p,#Angebot-Onepager .card-content p,#preisgestaltung .card-content p){color:var(--color-white)}p.angebot{background-color:var(--color-midnight-blue-light);border-radius:var(--radius);padding-inline:var(--spacing-small)}.card-header h2{color:var(--color-white);font-size:var(--fs-h2);margin-block:0 var(--spacing-small)}.card-header h3{color:var(--color-white);font-size:var(--fs-h4)}.review blockquote:before{font-size:var(--fs-h1);top:-1.75rem}.author{display:block;font-size:var(--fs-big);font-style:normal;padding:0;text-align:left}#webdesigner-bremen h1{transform:translateY(-12.5rem);z-index:1}:is(#leistungen,#faq) h1,h2.leistungen{color:var(--color-warm-white);line-height:1;text-align:center}#leistungen h1{padding-top:var(--spacing-small)}#leistungen h2.leistungen{padding-block-start:var(--spacing-smallxl)}#datenschutz h1{text-align:center}:is(#datenschutz,#datenschutz h1,#datenschutz h2.underline){color:var(--color-warm-white)}a{color:inherit;text-decoration:none}a,a.tel{transition:var(--transition)}a.tel{color:var(--color-warm-white);font-size:var(--fs-base);font-weight:700;text-decoration:underline}a.tel:hover{background-color:transparent;color:var(--color-white);text-decoration:none}footer a{border-radius:var(--radius);color:var(--color-silver);display:inline-block;padding:var(--spacing-micro);transition:var(--transition)}footer a:hover{background-color:var(--color-warm-white);color:var(--color-black)}:is(#webdesigner-bremen,#leistungen,#faq) picture{min-height:30rem;position:relative;width:100%}.hero-bg-img{animation:img-fadein 2.5s ease-in-out;border-radius:0;height:100%;inset:0;-o-object-fit:cover;object-fit:cover;opacity:.9;pointer-events:none;position:absolute;transform-origin:center center;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%;z-index:-1}:is(#webdesigner-bremen,#leistungen,#faq) .hero-bg-img{filter:blur(1px);z-index:0}img{border-radius:var(--radius);display:block;margin:auto;transition:var(--transition)}figure img,img{height:auto;max-width:100%}figure img{border:2px solid var(--color-accent);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);-o-object-fit:contain;object-fit:contain}figcaption{color:var(--color-white);font-size:var(--fs-base);margin-top:-1rem;text-align:center}.devider img{height:auto}.sr-only{clip:rect(1px,1px,1px,1px);border:0;height:1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.highlight{font-style:italic;font-weight:700}.accent{border-left:6px solid var(--color-blue);border-radius:var(--radius) 0 0 0;border-top:4px double var(--color-blue-facebook);color:rgba(0 0 0/.75);font-style:italic;margin-top:var(--spacing-small);padding:var(--spacing-small)}.underline{border-bottom:.12rem solid var(--color-silver);margin-bottom:1rem;position:relative}strong{-webkit-font-smoothing:antialiased;font-size:inherit;letter-spacing:.07rem}small{font-size:var(--fs-small)}.pointer{animation:move 2s ease-out infinite;color:var(--color-blue);font-size:var(--fs-big);font-weight:700;line-height:1;transform:translateY(-5px);transition:var(--transition)}.note{font-size:var(--fs-small)}@media (prefers-reduced-motion:reduce){#faq,#leistungen,#webdesigner-bremen h2,.hero-headline{animation:none!important;transform:none!important}}@media (max-width:1024px){.cards-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:900px) and (min-height:350px) and (orientation:landscape){.hero-content{margin-top:0}}@media (max-width:850px){#faq .cards-grid,#leistungen .cards-grid{grid-template-columns:1fr}}@media (max-width:800px) and (orientation:portrait){.hero-content{margin:0}}@media (max-width:800px){.timeline-track li{flex:1 1 100%}}@media (max-width:768px){#angebot-onepager div.card{flex-direction:column}#angebot-onepager .card-content,#onepager-section .card-content{flex:1 1 100%;padding-inline:var(--spacing-small)}}@media (max-width:600px){.error-container{padding:var(--spacing-small)}.error-headline{font-size:var(--fs-h2)}}@media (max-width:550px){.hero-content h1{font-size:var(--fs-h2)}#Onepager-Preise h2{padding-top:var(--spacing-medium)}}@media (max-width:500px){#onepager-section h2{padding-top:var(--spacing-medium)}}:is(#hero,#webdesigner-bremen,#leistungen,#faq,#kontakt .wrapper,#datenschutz){animation:fadeIn 1.5s ease-out}@keyframes fadein{0%{opacity:0;transform:scale(0) rotatex(2turn)}to{opacity:1;transform:scale(1) rotatex(0)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-2rem)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(10px)}}@keyframes flicker{0%,to{color:var(--star-color)}50%{color:var(--color-silver)}}@keyframes move{0%{transform:translateY(-5px)}50%{transform:translate(4px,-5px)}}main{height:auto;width:auto}section{flex-direction:column;min-height:100dvh;width:100%}.devider,section{align-items:center;display:flex;justify-content:center}.devider{background-color:var(--color-black);filter:brightness(.65);height:auto;overflow:hidden;position:relative;width:100vw}.devider figure{align-items:center;display:flex;justify-content:center;margin:0}.devider img{border:none;border-radius:0;max-height:100%;max-width:100%;-o-object-fit:contain;object-fit:contain}.hero-content{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100dvh;overflow:hidden;padding-block:var(--spacing-largexxl) var(--spacing-small);position:relative;text-align:center;width:100%;z-index:1}.hero-headline{animation:fadein 2.5s cubic-bezier(.175,.885,.32,1.275);animation:fadein 2s ease-out;letter-spacing:.1rem;line-height:1.4;margin:0 auto 2rem;max-width:30ch;transform-origin:center center}.arrow-container{animation:float 2s ease-in-out infinite;margin:-5vh auto 0;width:60px;z-index:5}.arrow{fill:var(--color-yellow)}:is(#onepager-section,#onepager-section .wrapper,#onepager-section .cards-wrapper,#angebot-onepager,#timeline-graphic,#kundenstimmen){width:100vw}#angebot-onepager{background-color:var(--color-blue-green-dark);padding-inline:var(--spacing-mini)}#angebot-onepager,#kundenstimmen{padding-block:var(--spacing-largexxl)}#kundenstimmen{align-items:center;backdrop-filter:blur(3px);display:flex;flex-direction:column;justify-content:center;margin-inline:auto;max-width:900px;padding-block:var(--spacing-large);padding-inline:var(--spacing-small) var(--spacing-medium)}:is(#webdesigner-bremen,#about,#leistungen,#faq){background-color:var(--color-accent)}#webdesigner-bremen{color:var(--color-text);padding-block:0 var(--spacing-large)}#leistungen .header{padding-inline:var(--spacing-mini);transform:translateY(-15rem)}:is(#leistungen p.underline,.faq-intro){border-bottom:.12rem solid var(--color-silver);border-top:.12rem solid var(--color-silver);color:var(--color-warm-white);margin:auto;padding:var(--spacing-small)}header{height:50%;left:0;top:0;width:100%;z-index:100}.logo,header{position:absolute}.logo{font-size:var(--fs-h3);left:1rem;top:1rem}.logo a:hover .char,.logo.active .char{color:var(--color-blue)}.logo .char{display:inline-block;font-weight:bolder;line-height:.8}.logo .char-h{color:var(--color-black);transform:translateY(-.1em)}.logo .char-d{color:var(--color-blue-green-dark);transform:translate(-.2em,.1em)}.logo span:first-of-type{align-items:center;background-color:var(--color-white);border-radius:var(--radius);display:inline-flex;padding:var(--spacing-micro)}.main-nav{position:fixed;right:.5rem;top:.5rem;z-index:10000}.nav-links{display:flex;flex-direction:row;flex-wrap:wrap;gap:.75rem;list-style:none;margin:0;padding:0}.nav-links li{background-color:var(--color-midnight-glas);padding:var(--spacing-micro);transform:skewX(-10deg)}.nav-links li:first-of-type{transform:translateY(.3rem) skewX(-10deg)}.nav-links a{border-radius:var(--radius);color:var(--color-white);display:block;font-size:var(--font-size-first-letter);padding:var(--spacing-micro);text-decoration:none;transition:var(--transition)}.nav-links a.active,.nav-links a:hover{background:var(--color-nav-active-bg);color:var(--color-black)}.nav-links a:focus-visible{border-radius:8px;outline:2px solid var(--color-accent);outline-offset:4px}.nav-toggle-label{background-color:var(--color-label);border-radius:8px;box-shadow:0 0 0 1px rgba(0,0,0,.1),0 2px 5px rgba(0,0,0,.2);color:var(--color-black);cursor:pointer;display:none;line-height:0;opacity:.8;padding:var(--spacing-micro);position:absolute;right:.5rem;top:3.5rem;transform:translateY(-90%);z-index:10}.nav-toggle-label svg{height:clamp(24px,6vw,36px);transition:transform .3s ease;width:clamp(24px,6vw,36px)}@media (max-width:800px){.nav-toggle-label{display:flex}.nav-links{background:var(--color-anthrazitgrau);border-block:1px solid var(--color-silver);box-shadow:0 5px 5px rgba(0,0,0,.7);flex-direction:column;min-width:250px;padding:var(--spacing-medium);position:absolute;right:0;top:clamp(3rem,9vw,8rem);transform:scale(0) translate(130vw,-50vh);transform-origin:top right;transition:transform .4s ease-out}.nav-links li{background-color:transparent;transform:skewX(-10deg)}#nav-toggle:checked~.nav-links{transform:scale(1) translate(0);z-index:12}#nav-toggle:checked+.nav-toggle-label svg{transform:rotate(90deg) scale(1.1)}}@media (max-width:400px){.nav-toggle-label{top:2.25rem}}.nav-links a.active,.nav-links a:hover,footer a.active{background:var(--color-nav-active-bg);color:var(--color-black)}footer{border-top:1px solid var(--color-silver);color:var(--color-warm-white);font-size:var(--fs-small);padding-block:var(--spacing-small);padding-inline:var(--spacing-mini);position:relative;text-align:center;width:auto;z-index:30}.cta-wrapper{display:flex;justify-content:flex-end}.cta-wrapper .cta-link{text-wrap:balance;align-items:center;background-color:var(--color-royal-blue-dark);border:1px solid var(--color-silver);border-radius:var(--radius-100);color:var(--color-white);display:flex;font-size:var(--fs-base);font-weight:700;isolation:isolate;justify-content:flex-start;overflow:hidden;overflow-wrap:break-word;padding-inline:var(--spacing-medium) var(--spacing-micro);position:relative;text-decoration:none;text-shadow:var(--text-shadow)}.cta-link:focus-visible{outline:2px solid var(--color-blue-light);outline-offset:2px}.cta-link:hover{border-color:var(--color-white);color:var(--color-yellow)}#leistungen .cta-link:after,.cta-link:after{background-color:var(--color-blue-light);content:"";inset:0;position:absolute;transform:translateX(-100%);transition:var(--transition);z-index:-1}#leistungen .cta-link:hover:after,.cta-link:hover:after{transform:translateX(0)}.cta-link.kundenstimmen{background-color:var(--color-midnight-blue-light);color:var(--color-warm-white)}.cta-link.kundenstimmen:hover{color:var(--color-yellow);text-decoration:none}.cta-icon,.cta-text{position:relative;z-index:2}.cta-text{margin-right:auto}.cta-icon{aspect-ratio:1/1;background-color:var(--color-blue-light);border-radius:50%;display:grid;height:42px;margin-left:var(--spacing-medium);place-items:center;transition:var(--transition)}.cta-link:hover .cta-icon{background-color:var(--color-black-light)}.cta-link{background-color:transparent}.cta-button span{display:inline-block;font-size:var(--fs-base);transform:translate(0);transition:var(--transition)}.cta-button:hover span{transform:translate(1.5rem)}#onepager-section .cards-wrapper{display:flex;flex-direction:row;flex-wrap:wrap;gap:1rem;justify-content:center}.cards-wrapper .tab{background:transparent!important;border-left:none;border-right:none;margin-block-start:var(--spacing-medium);width:100%}#angebot-onepager div.card,#onepager-section div.card{display:flex;flex-direction:row;flex-wrap:wrap;gap:1.5rem;justify-content:center;margin-block-end:2rem;padding-block:var(--spacing-medium);padding-inline:var(--spacing-small) var(--spacing-medium)}div.serious{background:linear-gradient(180deg,rgba(86 127 194/.5) 10%,rgba(157 181 242/.6) 50%,rgba(86 127 194/.5)90%);border:none;box-shadow:none}.icon-chat{display:block}.card-header{margin-bottom:var(--spacing-medium);text-align:center}#angebot-onepager .tab,#onepager-section .card .tab{margin-bottom:var(--spacing-small);padding:var(--spacing-small) var(--spacing-small) var(--spacing-small) 0}#kundenstimmen .tab{margin-bottom:1rem}div.card{margin-top:1rem}.card-content{align-items:center;backdrop-filter:blur(3px);background:linear-gradient(135deg,#3b75bb,#264d91);border-radius:var(--radius);display:flex;flex:1 0 48%;flex-direction:column;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-block:var(--spacing-medium);padding:var(--spacing-small)}a.card-link,a.card-link:hover{background-color:transparent}a.card-link:hover img{transform:scale(.9)}.cards-grid{display:grid;gap:var(--spacing-medium);grid-template-columns:repeat(2,1fr);margin-top:var(--spacing-medium);padding-bottom:var(--spacing-mediumxl);place-items:center}:is(#leistungen,#faq) .card{transition:var(--transition)}.icon-services{height:2.25rem;transform:translate(-.25em,.2em);width:2.25rem}ul{list-style:none}.card ul,ol.kosten{background:linear-gradient(135deg,var(--color-info-gradient-start),var(--color-info-gradient-end));border-left:6px solid var(--color-border-accent);border-radius:var(--radius);color:var(--color-text-primary);margin:var(--spacing-micro) 0 var(--spacing-small);padding-block:var(--spacing-smallxl) var(--spacing-small);padding-inline:var(--spacing-smallxl) var(--spacing-mini)}ol.kosten{padding-block:var(--spacing-smallxl) var(--spacing-micro-mini);padding-inline:var(--spacing-mediumxl) var(--spacing-small)}.basis li,.kosten li{line-height:1.6;margin-bottom:var(--spacing-small);padding-inline:var(--spacing-smallxl) var(--spacing-mini);position:relative}.basis li,.kosten li{padding-block:var(--spacing-micro)}.basis li{padding-inline:var(--spacing-medium) var(--spacing-small)}li+li{border-top:1px solid rgba(0,0,0,.15);margin-top:var(--spacing-micro)}.basis li:hover,.kosten li:hover,ul.aufbau li:hover,ul.features li:hover{background:hsla(0,0%,100%,.5);border-radius:var(--radius);transition:background .3s ease-out}.basis li:before{content:"";font-size:var(--fs-base);position:absolute;transform:translate(-1.8rem)}.basis li:first-of-type:before{content:"📱"}.basis li:nth-of-type(2):before{content:"🔍"}.basis li:nth-of-type(3):before{content:"🔒"}.basis li:nth-of-type(4):before{content:"🖼️"}.basis li:nth-of-type(5):before{content:"🛠️"}.basis li:nth-of-type(6):before{content:"📄"}ul.aufbau li{padding-inline:var(--spacing-medium)}ul.features li{padding-inline:var(--spacing-mediumxl) var(--spacing-smallxl)}ul.aufbau li:before{content:" ";font-size:var(--fs-base);position:absolute;transform:translate(-1.8rem)}ul.aufbau li:first-of-type:before{content:"🎯"}ul.aufbau li:nth-of-type(2):before{content:"👤"}ul.aufbau li:nth-of-type(3):before{content:"💎"}ul.aufbau li:nth-of-type(4):before{content:"⭐"}ul.aufbau li:nth-of-type(5):before{content:"📩"}ul.features li:before{content:" ";position:absolute;transform:translate(-1.85rem)}ul.features li:first-of-type:before{content:"🚀"}ul.features li:nth-of-type(2):before{content:"📱"}ul.features li:nth-of-type(3):before{content:"🧭"}ul.features li:nth-of-type(4):before{content:"🧹"}ul.features li:nth-of-type(5):before{content:"💰"}.skills-list{font-size:var(--fs-base);list-style:none;padding-left:0}.skills-list li{margin-bottom:.8rem;padding-left:var(--spacing-large);position:relative}.skills-list li:before{content:"";font-weight:700;left:0;position:absolute}.skills-list li:first-of-type:before{content:"🔧"}.skills-list li:nth-of-type(2):before{content:"💻"}.skills-list li:nth-of-type(3):before{content:"👁️"}.skills-list li:nth-of-type(4):before{content:"🤝"}.skills-list li:nth-of-type(5):before{content:"🧰"}.usp-block ul{padding-left:.5rem}.usp-block li{color:var(--color-white);margin-bottom:var(--spacing-mini);padding-left:var(--spacing-mediumxl)}.usp-block li:before{color:var(--color-yellow);content:"✔";font-weight:700;position:absolute;transform:translateX(-1.5rem)}#leistungen .fancy-list{background:transparent;border:none;margin:0;padding:var(--spacing-micro)}#leistungen .fancy-list li{color:var(--color-text);margin-bottom:var(--spacing-small);padding-left:.5rem;position:relative;text-align:left}footer li{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center}:is(.review,.stars){border-radius:var(--radius)}.review{align-items:center;backdrop-filter:blur(12px);background:linear-gradient(-145deg,var(--color-info-gradient-end),var(--color-info-gradient-start));display:flex;flex-direction:column;flex-wrap:wrap;gap:.5rem;justify-content:space-evenly;margin-bottom:var(--spacing-medium);padding-block:var(--spacing-medium);padding-inline:var(--spacing-small);transition:var(--transition)}.review:hover{transform:translateY(-.3rem)}.review div,.review figure{flex:1 1 48%}.review figure{margin-bottom:var(--spacing-medium);padding:var(--spacing-small)}.review figcaption{color:var(--color-black-light);margin-top:.5rem}.stars{animation:flicker 3s ease-in-out infinite;background-color:var(--color-anthrazitgrau);color:var(--star-color);font-size:var(--fs-h3);letter-spacing:.1rem;margin-bottom:2rem;min-width:6.5vw;padding-inline:var(--spacing-small)}.review blockquote{border-left:4px solid var(--color-accent);color:var(--color-blue-green-dark);font-size:var(--fs-big);font-style:italic;line-height:1.7;padding-left:var(--spacing-smallxl);position:relative}.review blockquote:before{color:var(--color-blue-dark);content:"“";font-size:var(--fs-h3);left:.5rem;position:absolute;top:-.75rem}.author{color:var(--color-text);font-weight:700;margin-bottom:var(--spacing-mini)}.review a{color:var(--color-blue-dark);font-weight:600;text-decoration:none}.review a:hover{text-decoration:underline}.review svg.extern{stroke:currentColor;height:.98rem;vertical-align:text-top;width:.98rem}#timeline-graphic{align-items:center;background-color:var(--color-midnight-glas);color:var(--text-color);display:flex;flex-direction:column;justify-content:center;padding-block:var(--spacing-medium) var(--spacing-largexl)}#timeline-graphic h3{margin-top:1rem}.timeline-track{align-content:stretch;align-items:stretch;display:flex;flex-direction:row;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-block-end:2rem;max-width:clamp(400px,95vw,70rem);padding:var(--spacing-small) var(--spacing-mini)}.timeline-track li{align-self:stretch;border-radius:var(--radius);flex:1 1 49%}.timeline-track li svg{border-radius:var(--radius);box-shadow:0 2px 8px rgba(0 0 0/.4);height:50px;margin-block-end:10px;transition:var(--transition);vertical-align:middle;width:50px}.timeline-track li:hover svg{box-shadow:none;transform:scale(.9)}.timeline-track li:first-child{background-color:#e8f5e9}.timeline-track li:nth-child(2){background-color:#e3f2fd}.timeline-track li:nth-child(3){background-color:#fff3e0}.timeline-track li:nth-child(4){background-color:#67f2d4}.timeline-track div{margin-block:.5rem}.timeline-content{padding:var(--spacing-smallxl)}.timeline-content strong{display:block;font-weight:600;margin-bottom:.25rem}#preisgestaltung{background-color:var(--color-charcoal);padding-block:var(--spacing-largexxl) var(--spacing-largexl);padding-inline:1rem}#preisgestaltung .card-content{padding:.5rem 1rem 0;width:clamp(360px,99%,65rem)}.kosten-box{margin-top:var(--spacing-medium)}.kosten-box h4{font-size:var(--fs-h4);margin-bottom:var(--spacing-small);margin-top:0}.anbieter{color:var(--color-midnight-blue);font-weight:700}.kosten-box p:last-child{color:var(--color-anthrazitgrau);font-size:var(--fs-small);margin-block:var(--spacing-small)}#webdesigner-bremen div{background-color:var(--color-lightgray);box-shadow:var(--shadow-lg);margin-block-end:var(--spacing-large);padding:var(--spacing-small)}#webdesigner-bremen h1{border-left:1rem solid var(--color-blue-light);color:var(--color-warm-white);font-size:var(--fs-h1);margin-top:-8rem;padding-left:var(--spacing-smallxl);text-shadow:var(--text-shadow)}#webdesigner-bremen h2,#webdesigner-bremen h3{font-size:var(--fs-h3)}.about-text{height:auto;padding-bottom:0;width:100%}#webdesigner-bremen .inner{background:linear-gradient(135deg,var(--color-info-gradient-end),var(--color-info-gradient-start));margin-inline:auto;margin-bottom:0;max-width:1040px}.about-text p{margin-bottom:var(--spacing-small)}.about-text p span{color:var(--color-blue-dark);font-size:1.25rem;font-weight:700}.about-portrait{clip-path:circle(50%);float:left;height:150px;margin-block-end:var(--spacing-small);margin-inline-end:var(--spacing-medium);shape-outside:circle(50%);width:150px}.about-portrait img{border:none;border-radius:50%;height:auto;width:100%}.cta-inline{border-radius:var(--cta-radius);color:var(--cta-accent);display:inline-block;font-weight:var(--cta-font-weight);outline:2px dotted var(--color-anthrazitgrau);padding:var(--spacing-mini);transition:var(--transition);-webkit-user-select:none;-moz-user-select:none;user-select:none}#webdesigner-bremen .cta-link{background-color:var(--color-blue-dark);color:var(--color-white);padding:var(--spacing-mini) var(--spacing-mini) var(--spacing-micro)}#webdesigner-bremen .cta-link:after{background-color:transparent}#webdesigner-bremen .cta-inline :is(.cta-link,svg){transition:var(--transition)}#webdesigner-bremen .cta-link:focus-visible,#webdesigner-bremen .cta-link:hover{background-color:var(--color-yellow);color:var(--color-blue);outline-offset:3px}.icon-wrapper{display:inline-block;margin-left:-.3rem;margin-right:.2rem;vertical-align:middle;width:auto}.icon-wrapper svg{color:var(--color-yellow);height:var(--spacing-smallxl);width:var(--spacing-medium)}.cta-link:hover svg{color:var(--color-blue)}#about{border-top:3px solid var(--color-silver);padding:var(--spacing-medium) var(--spacing-smallxl) var(--spacing-mini)}#about .underline{color:var(--color-warm-white)}#about article{background-color:var(--color-blue-green-dark);color:var(--color-text);max-width:900px}#about h4{color:var(--color-warm-white);margin-bottom:var(--spacing-mini);padding-inline:var(--spacing-small) var(--spacing-mini)}#about p{background-color:var(--color-white);margin-bottom:var(--spacing-smallxl);padding-inline:var(--spacing-mini)}#about p:first-letter{font-size:var(--fs-big);font-style:italic;font-weight:700;letter-spacing:.1rem;padding-inline-start:var(--spacing-mini)}#about .cta-inline icon{transform:scale(.8)}.usp-block{background-color:var(--color-midnight-blue);border-radius:var(--radius);margin-block:var(--spacing-mini) var(--spacing-small);padding:var(--spacing-smallxl) var(--spacing-micro-mini) var(--spacing-mini) var(--spacing-small)}#leistungen{color:var(--color-services-text);padding-block-end:var(--spacing-large)}#leistungen .header{margin-top:-6rem;width:100%}#leistungen h1,h2.leistungen{color:var(--color-warm-white);line-height:1;text-align:center}#leistungen h1{padding-top:0}#leistungen h2.leistungen{padding-block:var(--spacing-large) var(--spacing-medium)}:is(#leistungen p.underline,.faq-intro,.cards-grid,#faq .cards-grid){width:clamp(360px,99%,1000px)}#leistungen p.underline{border-bottom:.12rem solid var(--color-silver);color:var(--color-warm-white);margin:-4rem auto 0;padding:var(--spacing-small)}:is(#leistungen,#faq) .card{cursor:pointer;height:100%;min-height:320px;perspective:2000px;position:relative;width:100%}.card-inner{height:100%;position:relative;transform-style:preserve-3d;transition:var(--transition);width:100%}.card.flipped .card-inner{transform:rotateY(180deg)}.card-back,.card-front{backface-visibility:hidden;background-color:var(--color-warm-white);border-radius:var(--radius-xl);display:flex;flex-direction:column;gap:2rem;inset:0;justify-content:space-evenly;overflow:hidden;position:absolute}.card-front{background-image:linear-gradient(to bottom,var(--color-blue-dark) 50%,var(--color-midnight-glas) 50%);padding:var(--spacing-medium) var(--spacing-small);transform:rotateY(0);z-index:2}:is(#leistungen,#faq) .card-front h3{color:var(--color-warm-white);font-size:var(--fs-h3);line-height:2}.icon-services{color:var(--color-warm-white);display:inline-block;height:var(--spacing-mediumxl);transform:translate(.1rem,.25rem);width:var(--spacing-mediumxl)}.card-back{background-color:var(--color-white);color:var(--color-text);padding:var(--spacing-mini) var(--spacing-small) var(--spacing-medium) var(--spacing-mini);transform:rotateY(180deg)}.card-back h4.underline{font-size:var(--fs-big);padding-bottom:var(--spacing-mini)}.scroll-inner{border-radius:var(--radius-xl);flex:1;overflow-y:auto;padding:var(--spacing-mini) var(--spacing-small) var(--spacing-mini) var(--spacing-mini)}.card h3{font-size:var(--fs-h4);margin-block:0 var(--spacing-small)}.flip-hint{bottom:var(--spacing-mini);color:var(--color-midnight-blue-light);font-size:var(--fs-small);padding:var(--spacing-micro);pointer-events:none;position:absolute;right:var(--spacing-smallxl)}.card-front .flip-hint{bottom:var(--spacing-mini);color:var(--color-blue-green-dark);font-size:var(--fs-base);right:var(--spacing-mini)}#leistungen .cta-link{margin-block-start:var(--spacing-medium)}#faq{color:var(--color-services-text);padding-block:0 var(--spacing-medium)}.faq-heading{margin-block:0 var(--spacing-medium);padding-bottom:var(--spacing-small);transform:translateY(-21rem);width:100%;z-index:1}#faq h1,h2.leistungen{color:var(--color-warm-white);line-height:1.2;text-align:center}.faq-heading :is(h1,h2){text-shadow:var(--text-shadow)}.faq-heading h2{color:var(--color-warm-white);font-size:var(--fs-h2);padding-top:1.5rem;text-align:center}.icon-lightbulb{filter:drop-shadow(2px 4px 6px rgba(0 0 0/.5));height:var(--spacing-large);margin-bottom:-.6rem;width:var(--spacing-large)}.faq-intro{transform:translateY(-7rem)}#faq .cards-grid{margin-top:-5rem}#faq .card-front h3.first{color:var(--color-white);font-size:var(--fs-h3)}#faq .card-front h3{color:var(--color-text);font-size:var(--fs-h4)}#faq .scroll-inner{padding-block:var(--spacing-mini);padding-inline:var(--spacing-small) var(--spacing-mini)}.scroll-inner p{line-height:1.6;padding-block-end:var(--spacing-medium);text-align:left}#kontakt .wrapper{align-items:center;background-color:var(--color-accent);display:flex;flex-direction:column;margin:auto;max-width:clamp(400px,95vw,800px);padding-block:var(--spacing-largexxl)}:is(#kontakt .section-title,#kontakt h1,#kontakt button.send,.ok,.error){color:var(--color-warm-white)}:is(#kontakt form input,#kontakt form textarea,select){background-color:var(--color-services-bg);color:var(--color-blue-green-dark)}#kontakt .section-title{letter-spacing:.075rem;padding-inline:var(--spacing-large)}#kontakt h1{font-size:var(--fs-h2);padding-top:var(--spacing-largexxl);text-align:center;width:100%}legend{clip:rect(0 0 0 0);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}fieldset{border:none}#kontakt form{gap:1rem;margin-top:var(--spacing-large);padding-block:var(--spacing-medium) var(--spacing-largexxl);padding-inline:var(--spacing-large);width:clamp(330px,95vw,100%)}#kontakt form,#kontakt form div{display:flex;flex-direction:column}#kontakt form label{font-weight:700;margin-block:var(--spacing-small) var(--spacing-mini)}#kontakt form input,#kontakt form textarea{border:1px solid #ccc;border-radius:5px}#kontakt form input,#kontakt form textarea,select{font-size:var(--fs-base);padding:var(--spacing-mini)}select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url('data:image/svg+xml;charset=utf-8,<svg height="20" viewBox="0 0 24 24" width="20" xmlns="http://www.w3.org/2000/svg"><path d="m7 10 5 5 5-5z"/></svg>');background-position:right .25rem center;background-repeat:no-repeat;background-size:var(--fs-h3);border:3px solid var(--color-blue-light);border-radius:5px;cursor:pointer;transition:all .2s ease-out;width:100%}select:focus{border-color:var(--color-blue-light);box-shadow:0 0 0 2px rgba(0 120 215/.5);outline:none}img.captcha{display:block;height:auto;margin-block:var(--spacing-mini);max-width:100%;width:auto}#captcha_input{margin-bottom:var(--spacing-small);text-align:center;width:6rem}#kontakt button.send{background-color:var(--color-green);border:none;border-radius:5px;cursor:pointer;font-size:var(--fs-base);margin-top:var(--spacing-small);padding-block:var(--spacing-small);text-shadow:var(--text-shadow);transition:var(--transition)}#kontakt button.send:hover{background-color:var(--color-blue-dark);color:var(--color-yellow)}.error,.ok{background-color:var(--color-green);font-weight:700;margin-top:var(--spacing-largexxl);padding:var(--spacing-small);z-index:10}.error{color:var(--color-red)}.error-404,.impressum{animation:fadeIn 2s ease-out;color:var(--color-footer-text);padding:var(--spacing-largexl) var(--spacing-medium);text-align:center}.error-container,.impressum-container{animation:fadeIn 1s ease-out;background-color:var(--color-accent);border-radius:var(--radius);margin:var(--spacing-largexl) auto 0;max-width:600px;padding:var(--spacing-medium)}.impressum-container{background-color:var(--color-accent);margin-top:5rem;padding:var(--spacing-largexxl) var(--spacing-small) var(--spacing-medium)}.error-headline,.impressum-headline{color:var(--color-warm-white);font-size:var(--fs-h2);margin-bottom:var(--spacing-small)}.error-text,.impressum-text{color:var(--color-warm-white);font-size:var(--fs-base);margin-bottom:var(--spacing-mediumxl)}.impressum-container ul li{padding-block:var(--spacing-micro)}.impressum-container a{background-color:var(--color-black);border-radius:var(--radius);color:var(--color-white);padding:var(--spacing-mini);transition:var(--transition)}.impressum-container a:hover{background-color:var(--color-blue);color:var(--color-yellow)}.error-btn{background-color:var(--color-blue-dark);border-radius:var(--radius);box-shadow:var(--shadow-lg);color:var(--color-white);display:inline-block;padding:var(--spacing-small) var(--spacing-medium);text-decoration:none;transition:var(--transition)}.error-btn:hover{background:var(--color-warm-white);box-shadow:none;color:var(--color-black)}.error-links{margin-top:var(--spacing-large)}.error-links h1,.error-links h2{color:var(--color-roseweiß);font-size:var(--fs-h4);margin-bottom:var(--spacing-small)}.error-links ul{align-self:center;display:flex;flex-wrap:wrap;gap:var(--spacing-small);justify-content:center;padding:0}.error-404 .error-links a{background-color:var(--color-blue-dark);border-radius:var(--radius);box-shadow:var(--shadow-lg);padding-block:var(--spacing-mini);padding-inline:var(--spacing-small);transition:var(--transition)}.error-links li:first-of-type{margin-top:.325rem}.error-links a:hover{background-color:var(--color-black);box-shadow:none;color:var(--color-white)}#datenschutz{background-color:var(--color-blue-dark);display:block;margin:auto;max-width:clamp(400px,95vw,800px);padding:var(--spacing-largexxl) var(--spacing-medium) var(--spacing-medium)}#datenschutz .underline{border-bottom:.12rem solid var(--color-silver)}#datenschutz h1{padding-block-start:var(--spacing-largexl)}#datenschutz h2{font-size:var(--fs-h3);padding-block:var(--spacing-smallxl) var(--spacing-mini)}:is(#datenschutz,#datenschutz h1,#datenschutz h2){color:var(--color-warm-white)}