:root {
  --u-h2-gross: clamp(48px, 8.4vw, 150px);     
  --u-h2-mittel: clamp(44px, 7.2vw, 128px);    
  --u-h2-klein: clamp(40px, 4.8vw, 84px);      
  --u-h3: clamp(28px, 3vw, 48px);              
  --u-satz: clamp(20px, 1.9vw, 30px);          
  --u-abstand-oben: clamp(100px, 12vw, 200px); 
  --u-abstand-unten: clamp(100px, 12vw, 180px);
  --u-text-leise: #3b4843;                     
  --u-radius-buehne: 28px;                     
  --u-radius-karte: 18px;                      
}
html.unterseite .vorlader { display: none; }
.u-kopf { display: flex; flex-direction: column; justify-content: flex-end; padding-bottom: clamp(48px, 8vh, 96px); }
.u-kennung { font-size: 13px; font-weight: 500; letter-spacing: .01em; color: rgba(246,248,245,.66); margin-bottom: 22px; } 
.u-kennung .nr { color: var(--akzent-hell); margin-right: 4px; }                                                             
.u-titel { font-size: var(--u-h2-klein); font-weight: 600; letter-spacing: -.045em; line-height: .98; max-width: 1100px; }    
.u-titel em { font-style: italic; font-weight: 300; letter-spacing: -.02em; }                                               
.u-unter { margin-top: 22px; max-width: 560px; font-size: clamp(16px, 1.25vw, 19px); opacity: .86; }                        
.u-abschnitt { background: var(--schnee); padding: var(--u-abstand-oben) var(--rand) var(--u-abstand-unten); }
.u-gross { font-size: var(--u-h2-gross); font-weight: 600; letter-spacing: -.05em; line-height: .9; margin-bottom: clamp(40px, 5vw, 72px); } 
.u-text { font-size: var(--u-satz); font-weight: 500; letter-spacing: -.02em; line-height: 1.25; max-width: 760px; color: var(--graphit); margin-bottom: 40px; } 
@media (max-width: 767px) {
  .u-kopf { padding-bottom: 40px; }
}
.u-pfad { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; font-size: 13px; font-weight: 500; color: rgba(246,248,245,.6); margin-bottom: 26px; }
.u-pfad a { color: inherit; text-decoration: none; }
.u-pfad a:hover { color: var(--schnee); text-decoration: underline; text-underline-offset: 4px; }
.u-pfad [aria-current] { color: rgba(246,248,245,.86); }
.u-titel em { display: block; }
.u-handlung { display: flex; flex-wrap: wrap; align-items: center; gap: 14px 20px; margin-top: 34px; }
.u-handlung .klein { color: rgba(246,248,245,.7); }
.u-handlung-hell .klein { color: var(--grau); }
.u-wf { background: var(--schnee); padding: clamp(40px, 5vw, 80px) var(--rand) clamp(100px, 12vw, 180px); display: grid; grid-template-columns: minmax(200px, 3fr) minmax(0, 9fr); gap: 40px; }
.u-steckbrief { position: sticky; top: 135px; align-self: start; }
.u-steckbrief dl { margin: 0; display: grid; gap: 24px; }
.u-steckbrief dt { font-size: 17px; font-weight: 600; color: var(--graphit); }
.u-steckbrief dd { margin: 4px 0 0; color: var(--grau); }
.u-h2-linie { font-size: var(--u-h2-mittel); font-weight: 600; letter-spacing: -.05em; line-height: .92; padding-bottom: clamp(28px, 3vw, 44px); border-bottom: 1px solid var(--linie); margin-bottom: clamp(32px, 3.5vw, 52px); }
.u-wahl { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.u-wahl-karte { background: #fff; border: 1px solid var(--linie); border-radius: var(--u-radius-karte); padding: clamp(24px, 2.6vw, 40px); display: flex; flex-direction: column; gap: 16px; box-shadow: 0 -12px 40px rgba(14,44,38,.07); }
.u-wahl-art { font-size: 14px; font-weight: 500; }
.u-wahl-art .nr, .u-enthalten .nr, .u-raster .nr, .u-nachbar-name .nr { color: var(--akzent); }
.u-wahl-karte h3 { font-size: clamp(24px, 2.25vw, 34px); font-weight: 600; letter-spacing: -.03em; line-height: 1.05; }
.u-wahl-karte > p:not(.u-wahl-art) { color: var(--u-text-leise); }
.u-seiten { list-style: none; margin: auto 0 0; padding: 18px 0 0; display: flex; gap: 8px; }
.u-seiten li { flex: 1; aspect-ratio: 3 / 4; border: 1px solid var(--linie); border-radius: 6px; background:
  linear-gradient(var(--linie), var(--linie)) 12% 16% / 50% 3px no-repeat,
  linear-gradient(#E3E7E3, #E3E7E3) 12% 30% / 76% 2px no-repeat,
  linear-gradient(#E3E7E3, #E3E7E3) 12% 38% / 64% 2px no-repeat,
  linear-gradient(#EEF0EC, #EEF0EC) 50% 80% / 76% 28% no-repeat, var(--schnee); }
.u-kette { list-style: none; margin: auto 0 0; padding: 18px 0 0; display: flex; flex-wrap: wrap; gap: 10px 26px; }
.u-kette li { position: relative; padding: 8px 14px; border-radius: 999px; border: 1px solid var(--linie); background: var(--schnee); font-size: 14px; font-weight: 500; transition: border-color .5s, background-color .5s, color .5s; }
.u-kette li + li::before { content: "›"; position: absolute; left: -18px; top: 50%; transform: translateY(-52%); color: var(--grau); }
.u-kette li:last-child { background: var(--fichte-tief); border-color: var(--fichte-tief); color: var(--schnee); }
.u-kette li.an:not(:last-child) { border-color: var(--akzent); }
.u-wahl-karte > p.u-fussnote { font-size: 13px; color: var(--grau); }
.u-wf-beide { margin-top: 28px; max-width: 760px; font-size: clamp(18px, 1.5vw, 22px); font-weight: 500; letter-spacing: -.015em; line-height: 1.35; }
.u-h3-linie { margin-top: clamp(64px, 7vw, 110px); font-size: var(--u-h3); font-weight: 600; letter-spacing: -.035em; line-height: 1.04; padding-bottom: 22px; border-bottom: 1px solid var(--linie); }
.u-enthalten { list-style: none; margin: 0; padding: 0; }
.u-enthalten li { display: grid; grid-template-columns: 64px minmax(180px, 4fr) minmax(0, 7fr); gap: 8px 20px; align-items: baseline; padding: 24px 0; border-bottom: 1px solid var(--linie); }
.u-enthalten h4 { margin: 0; font-size: clamp(19px, 1.6vw, 24px); font-weight: 600; letter-spacing: -.02em; line-height: 1.2; }
.u-enthalten p { color: var(--u-text-leise); max-width: 560px; }
.u-ablauf { background: var(--schnee); padding: clamp(40px, 5vw, 80px) var(--rand) clamp(100px, 12vw, 180px); }
.u-ablauf-kopf h2 { font-size: var(--u-h2-gross); font-weight: 600; letter-spacing: -.05em; line-height: .9; margin-bottom: clamp(18px, 2vw, 28px); }
.u-ablauf-satz { font-size: var(--u-satz); font-weight: 500; letter-spacing: -.02em; line-height: 1.25; max-width: 760px; }
.u-raster { list-style: none; margin: clamp(48px, 6vw, 90px) 0 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-top: 1px solid var(--linie); border-bottom: 1px solid var(--linie); }
.u-raster li { position: relative; display: flex; flex-direction: column; gap: 14px; min-height: 300px; padding: 28px 28px 40px; border-left: 1px solid var(--linie); }
.u-raster li:first-child { border-left: 0; padding-left: 0; }
.u-raster li::before { content: ""; position: absolute; left: 0; right: 0; top: -1px; height: 2px; background: var(--akzent); transform-origin: 0 50%; transform: scaleX(var(--linie-an, 1)); }
.u-raster h3 { font-size: var(--u-h3); font-weight: 600; letter-spacing: -.035em; line-height: 1.04; }
.u-raster p { margin-top: auto; color: var(--u-text-leise); max-width: 400px; }
.u-brauchen { margin-top: clamp(56px, 6vw, 96px); display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 20px 40px; align-items: start; }
.u-brauchen h3 { font-size: var(--u-h3); font-weight: 600; letter-spacing: -.035em; line-height: 1.04; }
.u-brauchen p { font-size: clamp(18px, 1.5vw, 22px); font-weight: 500; letter-spacing: -.015em; line-height: 1.38; max-width: 720px; }
.u-brauchen .u-handlung { grid-column: 2; margin-top: 6px; }
.u-fragen { background: var(--schnee); padding: clamp(40px, 5vw, 80px) var(--rand) clamp(100px, 12vw, 180px); display: flex; flex-direction: column; align-items: center; text-align: center; }
.u-fragen h2 { font-size: var(--u-h2-mittel); font-weight: 600; letter-spacing: -.05em; line-height: .92; margin-bottom: clamp(40px, 5vw, 72px); }
.u-fragen-liste { width: 100%; max-width: 896px; display: grid; gap: 12px; text-align: left; }
.u-fragen details { background: #fff; border: 1px solid var(--linie); border-radius: var(--u-radius-karte); transition: box-shadow .35s; }
.u-fragen details[open] { box-shadow: 0 -12px 40px rgba(14,44,38,.07); }
.u-fragen summary { list-style: none; cursor: pointer; display: flex; justify-content: space-between; align-items: center; gap: 20px; padding: 22px 26px; font-size: clamp(18px, 1.5vw, 22px); font-weight: 600; letter-spacing: -.02em; line-height: 1.25; }
.u-fragen summary::-webkit-details-marker { display: none; }
.u-fragen summary i { position: relative; flex: 0 0 30px; height: 30px; border-radius: 50%; border: 1px solid var(--linie); transition: background-color .35s, border-color .35s; }
.u-fragen summary i::before, .u-fragen summary i::after { content: ""; position: absolute; left: 50%; top: 50%; width: 11px; height: 1.5px; background: var(--graphit); transform: translate(-50%, -50%); transition: transform .35s, background-color .35s; }
.u-fragen summary i::after { transform: translate(-50%, -50%) rotate(90deg); }
.u-fragen details[open] summary i { background: var(--akzent); border-color: var(--akzent); }
.u-fragen details[open] summary i::before, .u-fragen details[open] summary i::after { background: var(--schnee); }
.u-fragen details[open] summary i::after { transform: translate(-50%, -50%) rotate(0); }
.u-fragen details p { padding: 0 26px 24px; max-width: 720px; color: var(--u-text-leise); }
.u-fragen details .pfeil { color: var(--graphit); }
.u-nachbarn { background: var(--schnee); padding: clamp(40px, 5vw, 80px) var(--rand) clamp(100px, 12vw, 160px); }
.u-nachbarn h2 { font-size: var(--u-h2-mittel); font-weight: 600; letter-spacing: -.05em; line-height: .92; margin-bottom: clamp(40px, 5vw, 72px); }
.u-nachbar-liste { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; }
.u-nachbar { display: flex; flex-direction: column; gap: 6px; text-decoration: none; }
.u-nachbar-bild { position: relative; display: block; aspect-ratio: 800 / 447; margin-bottom: 10px; border-radius: var(--u-radius-karte); overflow: hidden; background: var(--nacht); }
.u-nachbar-bild img { width: 100%; height: 100%; object-fit: cover; transition: transform .9s cubic-bezier(.2,.7,.2,1); }
.u-nachbar:hover .u-nachbar-bild img { transform: scale(1.05); }
.u-nachbar-name { font-size: 14px; font-weight: 500; }
.u-nachbar-kopf { font-size: clamp(19px, 1.55vw, 24px); font-weight: 600; letter-spacing: -.025em; line-height: 1.15; }
.u-nachbar:hover .u-nachbar-kopf { text-decoration: underline; text-underline-offset: 4px; text-decoration-thickness: 1px; }
.u-nachbar-text .u-nachbar-bild { display: flex; align-items: flex-end; padding: clamp(16px, 1.6vw, 24px); background: linear-gradient(160deg, var(--fichte) 0%, var(--fichte-tief) 55%, var(--nacht) 100%); }
.u-nachbar-wort { color: var(--schnee); font-size: clamp(20px, 1.9vw, 30px); font-weight: 300; font-style: italic; letter-spacing: -.025em; line-height: 1.08; transition: transform .6s cubic-bezier(.2,.7,.2,1); }
.u-nachbar-text:hover .u-nachbar-wort { transform: translateY(-4px); }
@media (max-width: 1100px) {
  .u-nachbar-liste { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .u-wahl { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 900px) {
  .u-wf { grid-template-columns: minmax(0, 1fr); gap: 28px; }
  .u-steckbrief { position: relative; top: 0; }
  .u-steckbrief dl { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; border-top: 1px solid var(--linie); border-bottom: 1px solid var(--linie); padding: 16px 0; }
  .u-brauchen { grid-template-columns: minmax(0, 1fr); gap: 20px; }
  .u-brauchen .u-handlung { grid-column: 1; }
}
@media (max-width: 767px) {
  .u-pfad { margin-bottom: 18px; }
  .u-handlung { margin-top: 24px; }
  .u-raster { grid-template-columns: minmax(0, 1fr); }
  .u-raster li { min-height: 0; border-left: 0; padding: 24px 0 28px; border-top: 1px solid var(--linie); }
  .u-raster li:first-child { border-top: 0; }
  .u-raster li::before { display: none; }
  .u-raster li:first-child::before { display: block; }
  .u-enthalten li { grid-template-columns: 44px minmax(0, 1fr); }
  .u-enthalten p { grid-column: 2; }
  .u-fragen summary { padding: 18px 18px; }
  .u-fragen details p { padding: 0 18px 20px; }
}
@media (max-width: 520px) {
  .u-steckbrief dl { grid-template-columns: minmax(0, 1fr); }
  .u-nachbar-liste { grid-template-columns: minmax(0, 1fr); }
}
html.ruhig .u-kette li { transition: none; }
.u-kopf-strecke { position: absolute; right: var(--rand); bottom: var(--u-kopf-unten); width: clamp(260px, 23vw, 350px); }
.u-kopf-strecke-kopf { color: rgba(246,248,245,.6); margin-bottom: 12px; }
.u-kopf-strecke ol { list-style: none; margin: 0; padding: 0; border-top: 1px solid rgba(246,248,245,.22); }
.u-kopf-strecke li { display: grid; gap: 4px; padding: 12px 0 13px; border-bottom: 1px solid rgba(246,248,245,.22); }
.u-ks-wert { font-size: clamp(15px, 1.15vw, 18px); font-weight: 500; letter-spacing: -.01em; line-height: 1.25; }
.u-ks-link { display: inline-block; margin-top: 16px; font-size: 15px; color: var(--schnee); }
@media (max-width: 1099px) { .u-kopf-strecke { display: none; } }
.u-website { background: var(--schnee); padding: clamp(90px, 10vw, 170px) var(--rand) clamp(60px, 7vw, 110px); display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 0 20px; }
.u-website .etikett { grid-column: 1 / span 3; padding-top: .9em; }
.u-website-text { grid-column: 4 / -1; }
.u-website h2 { font-size: var(--u-h2-klein); font-weight: 600; letter-spacing: -.045em; line-height: .98; max-width: 1000px; }
.u-website h2 em { display: block; font-style: italic; font-weight: 300; letter-spacing: -.02em; }
.u-website .einfaerben { margin: clamp(32px, 3.5vw, 56px) 0 0; max-width: 860px; text-align: left; }
.u-projekte { position: relative; background: var(--nacht); color: var(--schnee); padding: clamp(100px, 12vw, 180px) var(--rand) clamp(100px, 12vw, 180px); }
.u-projekte .etikett { color: var(--akzent-hell); }
.u-projekte-kopf { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: 0 40px; align-items: end; margin-bottom: clamp(56px, 7vw, 110px); }
.u-projekte-kopf .etikett { grid-column: 1 / -1; }
.u-projekte-kopf h2 { font-size: var(--u-h2-mittel); font-weight: 600; letter-spacing: -.05em; line-height: .92; }
.u-projekte-satz { font-size: clamp(17px, 1.35vw, 21px); line-height: 1.45; color: rgba(246,248,245,.78); max-width: 500px; padding-bottom: .4em; }
.u-projekt { margin: 0; display: grid; grid-template-columns: minmax(0, 3fr) minmax(0, 9fr); gap: 20px 40px; align-items: end; }
.u-projekt + .u-projekt { margin-top: clamp(80px, 10vw, 160px); }
.u-projekt-zeile { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; padding-top: 18px; border-top: 1px solid rgba(246,248,245,.22); padding-bottom: clamp(40px, 5vw, 80px); }
.u-projekt-zeile .nr { color: var(--akzent-hell); font-size: 13px; }
.u-projekt-zeile b { font-size: clamp(26px, 2.4vw, 38px); font-weight: 600; letter-spacing: -.035em; line-height: 1.05; }
.u-projekt-art { font-size: 15px; color: rgba(246,248,245,.72); }
.u-projekt-zeile .pfeil { margin-top: 14px; color: var(--schnee); font-size: 15px; }
.u-paar { position: relative; padding-right: 17%; }
.u-laptop { position: relative; }
.u-laptop-deckel { position: relative; background: #101413; border: 1.5px solid #b7bdc1; border-bottom: none; border-radius: 18px 18px 0 0; padding: 13px 13px 15px; }
.u-laptop-deckel::before { content: ""; position: absolute; top: 5px; left: 50%; transform: translateX(-50%); width: 5px; height: 5px; border-radius: 50%; background: #2c3331; box-shadow: inset 0 0 1.5px rgba(120,160,150,.8); }
.u-laptop-basis { position: relative; height: 15px; background: linear-gradient(#eef0f1, #c6cbcf 55%, #9aa1a5 92%, #7d848a); border-radius: 2px 2px 16px 16px; margin: 0 -3.5%; }
.u-laptop-basis::before { content: ""; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 13%; height: 6px; background: linear-gradient(#aab0b4, #dfe2e4); border-radius: 0 0 10px 10px; }
.u-laptop-basis::after { content: ""; position: absolute; left: 1%; right: 1%; bottom: -18px; height: 18px; background: radial-gradient(ellipse at center top, rgba(0,0,0,.55), transparent 68%); filter: blur(2px); }
.u-schirm { position: relative; overflow: hidden; background: var(--schnee); }
.u-schirm-laptop { aspect-ratio: 16 / 10; border-radius: 3px; }
.u-schirm iframe { position: absolute; top: 0; left: 0; border: 0; transform: scale(var(--lupe, .5)); transform-origin: 0 0; background: #fff; }
.u-schirm-laptop iframe { width: 1440px; height: var(--rahmen-h, 900px); }
.u-schirm-handy iframe { width: 390px; height: var(--rahmen-h, 822px); }
.u-nav-schild { position: absolute; top: 0; left: 0; right: 0; height: 11%; z-index: 2; }   
.u-scroll-pille { position: absolute; left: 50%; bottom: 12px; transform: translateX(-50%); z-index: 3; padding: 6px 13px; border-radius: 999px; background: rgba(6,17,14,.8);
  color: var(--schnee); font-family: var(--mono); font-size: 11px; letter-spacing: .06em; white-space: nowrap; pointer-events: none; transition: opacity .35s ease; }
.u-schirm.aktiv .u-scroll-pille { opacity: 0; }
.u-pille-tippen { display: none; }
.u-schirm-handy .u-scroll-pille { bottom: 16px; font-size: 9px; padding: 4px 8px; max-width: calc(100% - 12px); white-space: nowrap; } 
.u-schirm iframe, .u-schirm .u-standbild { pointer-events: none; }
.u-schirm.aktiv iframe, .u-schirm.aktiv .u-standbild { pointer-events: auto; }
.u-schirm:not(.u-schirm-film) { cursor: pointer; }
.u-schirm.aktiv { cursor: auto; }
@media (hover: none) {
  .u-pille-maus { display: none; }
  .u-pille-tippen { display: block; }
}
.u-foto-marke { position: absolute; left: 10px; bottom: 12px; z-index: 3; padding: 4px 9px; border-radius: 999px; background: rgba(6,17,14,.72); color: var(--schnee);
  font-family: var(--mono); font-size: 10px; letter-spacing: .04em; pointer-events: none; }
.u-schirm-handy .u-foto-marke { bottom: 46px; left: 50%; transform: translateX(-50%); font-size: 9px; padding: 3px 8px; }   
.u-telefon > .u-foto-marke { left: 50%; transform: translateX(-50%); font-size: 9px; padding: 3px 8px; white-space: nowrap; }
@media (min-width: 768px) {
  .u-telefon > .u-foto-marke { top: calc(100% + 12px); bottom: auto; }
}
@media (max-width: 767px) {
  .u-telefon > .u-foto-marke { bottom: 53px; }
}
.u-standbild { position: absolute; inset: 0; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: none; }
.u-standbild::-webkit-scrollbar { display: none; }
.u-standbild img { display: block; width: 100%; height: auto; }
.u-telefon { position: absolute; right: 0; bottom: -10px; width: 21%; padding: clamp(5px, .55vw, 8px); border-radius: clamp(24px, 2.6vw, 38px); background: #101413;
  border: 1.5px solid #b7bdc1; box-shadow: 0 40px 70px -24px rgba(0,0,0,.75); }
.u-schirm-handy { aspect-ratio: 9 / 19; border-radius: clamp(18px, 2vw, 30px); }
.u-telefon::before { content: ""; position: absolute; top: clamp(7px, .65vw, 10px); left: 50%; transform: translateX(-50%); z-index: 4; width: 14%; height: clamp(4px, .4vw, 6px); border-radius: 999px; background: #101413; }   
@media (max-width: 1099px) {
  .u-projekt { grid-template-columns: minmax(0, 1fr); }
  .u-projekt-zeile { flex-direction: row; flex-wrap: wrap; align-items: baseline; gap: 6px 16px; padding-bottom: 0; }
  .u-projekt-zeile .pfeil { margin-top: 0; }
  .u-projekt-zeile .pfeil { margin-left: auto; }
}
@media (max-width: 900px) {
  .u-website .etikett { grid-column: 1 / -1; padding-top: 0; }
  .u-website-text { grid-column: 1 / -1; }
  .u-projekte-kopf { grid-template-columns: minmax(0, 1fr); gap: 20px; }
}
@media (max-width: 767px) {
  .u-laptop { display: none; }
  .u-paar { padding: 0; display: flex; justify-content: center; }
  .u-telefon { position: relative; right: auto; bottom: auto; width: min(68vw, 290px); padding: 7px; border-radius: 36px; }
  .u-schirm-handy { border-radius: 29px; }
  .u-telefon::before { top: 10px; height: 5px; }
  .u-projekt-zeile { order: 2; flex-direction: column; align-items: flex-start; gap: 6px; }
  .u-paar { order: 1; }
  .u-projekt-zeile .pfeil { margin-left: 0; }
}
@media (min-width: 1101px) { .u-kette { display: grid; grid-template-columns: repeat(2, max-content); gap: 10px 26px; } }
.u-kette li { white-space: nowrap; }
@media (max-width: 900px) {
  .u-wf { row-gap: 0; }
  .u-wf-rechts { display: contents; }
  .u-wf-rechts > * { order: 3; }
  .u-wf-rechts > .etikett { order: 0; }
  .u-wf-rechts > h2 { order: 1; }
  .u-steckbrief { order: 2; margin-bottom: clamp(28px, 6vw, 44px); }
  .u-steckbrief dl { border-top: 0; padding-top: 0; }   
}
.u-schirm-film { background: #eef3f6; }   
.u-schirm-film img, .u-schirm-film canvas { position: absolute; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; display: block; }
.u-schirm-film img { object-fit: contain; object-position: center bottom; }
.u-schirm-film canvas { opacity: 0; }
.u-schirm-film canvas.an { opacity: 1; }
@media (max-width: 767px) {
  .u-kopf .u-handlung { flex-wrap: nowrap; gap: 14px; }
  .u-kopf .u-handlung .knopf { flex: none; }
  .u-kopf .u-handlung .klein { max-width: 9em; line-height: 1.3; }
}