.elementor .u-form-falle{width:1px;height:1px;overflow:hidden;position:absolute;inset-block-start:auto;inset-inline-start:-9999px;opacity:0%;}.elementor .u-form-meldung{width:100%;font-family:"DM Sans";font-size:16.5px;color:#0b0b0b;line-height:1.6;padding-block-start:22px;padding-block-end:22px;padding-inline-start:24px;padding-inline-end:24px;border-radius:14px;border-width:2px;border-color:#e6d9d2;border-style:solid;background-color:#ffffff;text-align: left;\n}.elementor .u-form-hinweis{font-family:"DM Sans";font-size:14.5px;color:#6d625c;line-height:1.6;margin:0px;}.elementor .u-form-absenden{width:100%;padding:0px;display:flex;flex-direction:row;gap:20px;flex-wrap:wrap;align-items:center;}.elementor .u-form-einwilligung{font-family:"DM Sans";font-weight:400;font-size:14.5px;color:#6d625c;line-height:1.5;margin:0px;& a { color: #0b0b0b; text-decoration: underline; text-underline-offset: 2px; } & a:hover { color: #e2694a; } & span { color: #f18a6e; } & a:where(*) { @media (pointer: coarse) { display: inline-block; padding: 6px 0; margin: -6px 0; } }\n}.elementor .u-form-haken{width:22px;height:22px;margin-block-start:2px;margin-block-end:0px;margin-inline-start:0px;margin-inline-end:0px;flex:0 0 auto;&:where(*) { appearance: auto; -webkit-appearance: checkbox; clip-path: none; background-color: transparent; border: none; accent-color: #f18a6e; opacity: 1; @media (pointer: coarse) { width: 26px; height: 26px; margin-top: 0px; } }\n}.elementor .u-form-zustimmung{width:100%;padding:0px;display:flex;flex-direction:row;gap:14px;align-items:flex-start;&:where(*) { @media (pointer: coarse) { align-items: center; min-height: 44px; } }\n}.elementor .u-form-eingabe:focus{border-color:#0b0b0b;outline-style:none;}.elementor .u-form-eingabe{width:100%;height:auto;font-family:"DM Sans";font-size:16px;color:#0b0b0b;line-height:1.5;padding-block-start:13px;padding-block-end:13px;padding-inline-start:16px;padding-inline-end:16px;margin:0px;border-radius:14px;border-width:2px;border-color:#e6d9d2;border-style:solid;background-color:#ffffff;display:block;&:where(*) { box-shadow: none; outline: none; transition: border-color .2s ease; box-sizing: border-box; } &::placeholder { color: #6d625c; opacity: .7; }\n}.elementor .u-form-label{font-family:"DM Sans";font-weight:700;font-size:14.5px;color:#0b0b0b;line-height:1.4;margin-block-start:0px;margin-block-end:7px;margin-inline-start:0px;margin-inline-end:0px;display:block;& span { color: #f18a6e; }\n}.elementor .u-form-feld{min-width:0px;padding:0px;display:flex;flex-direction:column;gap:0px;flex:1 1 0%;align-items:stretch;}.elementor .u-form-zeile{width:100%;padding:0px;display:flex;flex-direction:row;gap:18px;&:where(*) { @media (max-width: 620px) { flex-direction: column; } }\n}.elementor .u-form{width:100%;position:relative;padding:0px;display:flex;flex-direction:column;gap:18px;flex-wrap:nowrap;align-items:stretch;align-content: stretch;\n}.elementor .u-ausloeser{min-width:0px;}.elementor .u-fuss-liste{margin:0px;display:block;& ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 11px; } & a { color: #6d625c; text-decoration: none; font-size: 15.5px; transition: color .25s; } & a:hover { color: #0b0b0b; } & a:where(*) { @media (pointer: coarse) { display: inline-flex; align-items: center; min-height: 44px; } } & li + li:where(*) { @media (pointer: coarse) { margin-top: 2px; } }\n}.elementor .u-fuss-titel{font-family:Montserrat;font-weight:800;font-size:15.5px;color:#0b0b0b;letter-spacing:-0.015em;line-height:1.2;margin-block-start:0px;margin-block-end:16px;margin-inline-start:0px;margin-inline-end:0px;}.elementor .u-fuss-spalte{min-width:0px;padding:0px;display:flex;flex-direction:column;gap:0px;align-items:flex-start;}.elementor .u-fuss-raster{width:100%;max-width:1176px;padding:0px;display:grid;gap:40px;grid-template-columns:minmax(0, 1.6fr) repeat(3, minmax(0, 1fr));&:where(*) { @media (max-width: 900px) { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 34px; } @media (max-width: 560px) { grid-template-columns: minmax(0, 1fr); } }\n}.elementor .u-fuss{width:100%;color:#6d625c;padding-block-start:74px;padding-block-end:40px;padding-inline-start:32px;padding-inline-end:32px;background-color:#fff6f0;display:flex;flex-direction:column;gap:0px;align-items:center;&:where(*) { @media (max-width: 900px) { padding-left: 20px; padding-right: 20px; } }\n}.elementor .u-schublade-punkt{font-family:Montserrat;font-weight:800;font-size:22px;color:#0b0b0b;line-height:1.6;text-decoration:none;cursor:pointer;padding-block-start:9px;padding-block-end:9px;padding-inline-start:0px;padding-inline-end:0px;display:block;&:where(*) { @media (pointer: coarse) { min-height: 48px; display: flex; align-items: center; } }\n}.elementor .u-schublade{display:none;&:where(*) { @media (max-width: 1040px) { display: flex; flex-direction: column; gap: 8px; position: fixed; top: 76px; left: 16px; right: 16px; width: auto; padding: 26px 26px 30px; background-color: #fff6f0; border-radius: 32px; box-shadow: 0 18px 50px rgba(60,30,20,.16); opacity: 0; transform: translateY(-12px); pointer-events: none; transition: opacity .3s ease, transform .3s cubic-bezier(.22,1,.36,1); } @media (max-width: 380px) { left: 10px; right: 10px; } }\n}.elementor .u-burger-strich{width:18px;height:2px;min-width:0px;padding:0px;border-radius:2px;background-color:#ffffff;display:block;&:where(*) { transition: transform .34s cubic-bezier(.22,1,.36,1), opacity .18s ease; }\n}.elementor .u-burger:hover,.elementor .u-burger:focus-visible{background-color:#242424;scale: 1.06;\n}.elementor .u-burger{width:46px;height:46px;cursor:pointer;padding:0px;border-radius:50%;background-color:#0b0b0b;display:none;flex-direction:column;gap:5px;justify-content:center;align-items:center;&:where(*) { border: none; transition: background-color .25s ease, scale .3s cubic-bezier(.22,1,.36,1); @media (max-width: 1040px) { display: flex; } } &:focus-visible { outline: 3px solid #f18a6e; outline-offset: 3px; }\n}.elementor .u-nav-tel:hover,.elementor .u-nav-tel:focus-visible{opacity:62%;}.elementor .u-nav-tel{font-family:"DM Sans";font-weight:700;font-size:16.5px;color:#ffffff;line-height:1.6;text-decoration:none;cursor:pointer;display:flex;gap:8px;align-items:center;text-shadow: 0 1px 10px rgba(0,0,0,.45); &::before { content: ''; width: 17px; height: 17px; flex-shrink: 0; background-color: currentColor; -webkit-mask: url('/wp-content/plugins/upload-bausteine/assets/bilder/ikon-telefon.svg') center / contain no-repeat; mask: url('/wp-content/plugins/upload-bausteine/assets/bilder/ikon-telefon.svg') center / contain no-repeat; } &:where(*) { transition: color .3s, opacity .3s; @media (pointer: coarse) { min-height: 44px; } @media (max-width: 1040px) { display: none; } }\n}.elementor .u-nav-rechts{width:auto;padding:0px;display:flex;flex-direction:row;gap:20px;align-items:center;}.elementor .u-nav-link:hover,.elementor .u-nav-link:focus-visible{opacity:62%;}.elementor .u-nav-link{font-family:"DM Sans";font-weight:500;font-size:16.5px;color:#ffffff;line-height:1.6;text-decoration:none;cursor:pointer;text-shadow: 0 1px 10px rgba(0,0,0,.45); &:where(*) { transition: color .3s, text-shadow .3s, opacity .3s; }\n}.elementor .u-nav-menue{width:auto;padding:0px;display:flex;flex-direction:row;gap:30px;align-items:center;&:where(*) { @media (max-width: 1040px) { display: none; } }\n}.elementor .u-logo-dunkel{width:auto;height:32px;display:none;}.elementor .u-logo-hell{width:auto;height:32px;display:block;}.elementor .u-marke{width:auto;text-decoration:none;cursor:pointer;padding:0px;display:inline-flex;gap:0px;align-items:center;&:where(*) { @media (pointer: coarse) { min-height: 44px; } }\n}.elementor .u-nav-bar{width:100%;max-width:1240px;padding-block-start:9px;padding-block-end:9px;padding-inline-start:24px;padding-inline-end:12px;margin-block-start:0px;margin-block-end:0px;margin-inline-start:auto;margin-inline-end:auto;border-radius:999px;background-color:transparent;display:flex;flex-direction:row;gap:24px;justify-content:space-between;align-items:center;pointer-events: auto; &:where(*) { transition: background-color .35s ease, box-shadow .35s ease, backdrop-filter .35s ease; @media (max-width: 1040px) { padding: 9px 9px 9px 20px; } @media (max-width: 380px) { padding: 8px 8px 8px 14px; } }\n}.elementor .u-nav{width:100%;position:fixed;inset-block-start:0px;inset-inline-end:0px;inset-inline-start:0px;z-index:60;padding-block-start:12px;padding-block-end:12px;padding-inline-start:16px;padding-inline-end:16px;display:block;pointer-events: none; &.fest .u-nav-bar { background-color: rgba(255,246,240,.82); -webkit-backdrop-filter: blur(18px) saturate(1.5); backdrop-filter: blur(18px) saturate(1.5); box-shadow: 0 4px 26px rgba(60,30,20,.10); } &.fest .u-logo-hell { display: none; } &.fest .u-logo-dunkel { display: block; } &.fest .u-nav-link, &.fest .u-nav-tel { color: #0b0b0b; text-shadow: none; } &.offen .u-schublade { opacity: 1; transform: none; pointer-events: auto; } &.offen .u-burger-strich:nth-child(1) { transform: translateY(7px) rotate(45deg); } &.offen .u-burger-strich:nth-child(2) { opacity: 0; transform: scaleX(.4); } &.offen .u-burger-strich:nth-child(3) { transform: translateY(-7px) rotate(-45deg); } &:where(*) { @media (max-width: 380px) { padding-left: 10px; padding-right: 10px; } }\n}.elementor .u-formular{padding:0px;margin-block-start:30px;margin-block-end:0px;margin-inline-start:0px;margin-inline-end:0px;display:block;}.elementor .u-kontaktweg{margin:0px;display:block;cursor: default; & a { display: inline-flex; align-items: center; gap: 14px; font-family: Montserrat; font-weight: 800; font-size: clamp(22px, 2.15vw, 30px); letter-spacing: -0.02em; color: #0b0b0b; text-decoration: none; transition: opacity .25s ease, translate .25s ease; } & a::before { content: ''; flex-shrink: 0; width: 26px; height: 26px; background-color: #0b0b0b; -webkit-mask: var(--u-ikon) center / contain no-repeat; mask: var(--u-ikon) center / contain no-repeat; transition: transform .3s cubic-bezier(.22,1,.36,1); } & a:hover { opacity: .72; translate: 4px 0px; } & a:hover::before { transform: scale(1.12); } & a:where(*) { @media (pointer: coarse) { min-height: 44px; } @media (max-width: 620px) { font-size: clamp(15px, calc(7.3vw - 10.6px), 24px); letter-spacing: -0.03em; gap: 11px; white-space: nowrap; } } & a:where(*)::before { @media (max-width: 620px) { width: 22px; height: 22px; } }\n}.elementor .u-mehr{font-family:"DM Sans";font-weight:700;font-size:14.5px;color:var(--upload-akzent-text);line-height:1.6;padding-block-start:18px;padding-block-end:0px;padding-inline-start:0px;padding-inline-end:0px;margin-block-start:auto;margin-block-end:0px;margin-inline-start:0px;margin-inline-end:0px;display:flex;gap:7px;align-items:center;transition: gap .3s cubic-bezier(.22,1,.36,1); &::after { content: ''; width: 9px; height: 9px; flex-shrink: 0; border-right: 2.2px solid currentColor; border-top: 2.2px solid currentColor; transform: rotate(45deg); }\n}.elementor .u-kopf-motto{font-family:"DM Sans";font-size:15px;color:var(--upload-tinte);line-height:1.5;margin-block-start:13px;margin-block-end:0px;margin-inline-start:0px;margin-inline-end:0px;}.elementor .u-kopf-rolle{font-family:"DM Sans";font-size:14.5px;color:var(--upload-grau);line-height:1.6;margin-block-start:3px;margin-block-end:0px;margin-inline-start:0px;margin-inline-end:0px;}.elementor .u-kopf-name{font-family:Montserrat;font-weight:800;font-size:20px;color:var(--upload-tinte);line-height:1.6;margin-block-start:18px;margin-block-end:0px;margin-inline-start:0px;margin-inline-end:0px;}.elementor .u-kopf-bild{width:100%;height:auto;aspect-ratio:3 / 4;object-fit:cover;border-radius:12px;background-color:var(--upload-canvas);display:block;object-position: center top;\n}.elementor .u-kopf-innen{position:relative;padding-block-start:16px;padding-block-end:24px;padding-inline-start:16px;padding-inline-end:16px;border-radius:18px;background-color:#ffffff;display:flex;flex-direction:column;gap:0px;flex:1 1 auto;align-items:stretch;}.elementor .u-kopf-karte:hover,.elementor .u-kopf-karte:focus-visible{z-index:2;rotate: 0deg; translate: 0px -9px;\n}.elementor .u-kopf-karte{width:100%;min-width:0px;position:relative;color:var(--upload-tinte);text-decoration:none;padding:0px;display:flex;flex-direction:column;gap:0px;&:where(*) { transition: rotate .45s cubic-bezier(.34,1.35,.5,1), translate .45s cubic-bezier(.34,1.35,.5,1); } &::before { content: ''; position: absolute; inset: 0; background: #f18a6e; border-radius: 18px; transform: rotate(-3deg); opacity: 0; transition: opacity .3s ease, transform .45s cubic-bezier(.34,1.35,.5,1); pointer-events: none; } &:hover::before { opacity: 1; transform: rotate(-4.2deg); } &:hover .u-mehr { gap: 12px; } &:focus-visible { outline: 3px solid #0b0b0b; outline-offset: 6px; border-radius: 20px; }\n}.elementor .u-pf-zu-ikon{width:15px;height:15px;color:#ffffff;}.elementor .u-pf-zu:hover,.elementor .u-pf-zu:focus-visible{background-color:var(--upload-koralle-tief);transform:rotateX(0deg) rotateY(0deg) rotateZ(90deg);}.elementor .u-pf-zu{width:40px;height:40px;position:absolute;inset-block-start:13px;inset-inline-end:13px;z-index:2;cursor:pointer;padding:0px;border-radius:50%;background-color:var(--upload-tinte);transition:transform 0.3s, background-color 0.25s;display:flex;justify-content:center;align-items:center;&:focus-visible { outline: 3px solid #ffffff; outline-offset: 2px; }\n}.elementor .u-pf-absatz{font-family:"DM Sans";font-size:15.5px;color:var(--upload-grau);line-height:1.6;margin:0px;cursor: default; &:where(*) { @media (max-width: 720px) and (max-height: 680px) { font-size: 14.5px; line-height: 1.5; } }\n}.elementor .u-pf-bio{min-height:0px;padding-block-start:18px;padding-block-end:34px;padding-inline-start:34px;padding-inline-end:34px;display:flex;flex-direction:column;gap:13px;overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; scrollbar-color: rgba(11,11,11,.16) transparent; &:where(*) { @media (max-width: 720px) { padding: 14px 22px 26px 22px; } @media (max-width: 720px) and (max-height: 680px) { padding: 10px 20px 20px 20px; } }\n}.elementor .u-pf-leitsatz{font-family:Montserrat;font-weight:800;font-size:17px;color:var(--upload-tinte);line-height:1.36;margin-block-start:16px;margin-block-end:0px;margin-inline-start:0px;margin-inline-end:0px;cursor: default; &:where(*) { @media (max-width: 720px) and (max-height: 680px) { font-size: 15px; margin-top: 8px; } }\n}.elementor .u-pf-name{font-family:Montserrat;font-weight:800;font-size:clamp(24px, 2.4vw, 30px);color:var(--upload-tinte);letter-spacing:-0.015em;line-height:1.12;margin-block-start:8px;margin-block-end:0px;margin-inline-start:0px;margin-inline-end:0px;cursor: default; &:where(*) { @media (max-width: 720px) and (max-height: 680px) { font-size: 22px; margin-top: 5px; } }\n}.elementor .u-pf-rolle{font-family:"DM Sans";font-weight:700;font-size:14px;color:var(--upload-akzent-text);letter-spacing:0.05em;line-height:1.6;text-transform:uppercase;margin:0px;cursor: default;\n}.elementor .u-pf-kopfzeile{padding-block-start:32px;padding-block-end:0px;padding-inline-start:34px;padding-inline-end:60px;display:flex;flex-direction:column;gap:0px;align-items:flex-start;&:where(*) { @media (max-width: 720px) { padding: 22px 56px 0px 22px; } @media (max-width: 720px) and (max-height: 680px) { padding: 16px 52px 0px 20px; } }\n}.elementor .u-pf-text{min-height:0px;overflow:hidden;padding:0px;display:grid;grid-template-rows:auto minmax(0, 1fr);}.elementor .u-pf-bild{width:100%;height:100%;object-fit:cover;border-radius:18px;background-color:#ffffff;display:block;object-position: center top; cursor: default; &:where(*) { @media (max-width: 720px) { object-position: center 14% !important; } }\n}.elementor .u-pf-portraet{min-height:0px;padding:20px;background-color:var(--upload-canvas);display:flex;&:where(*) { @media (max-width: 720px) { height: min(30vh, 220px); padding: 16px 16px 0px 16px; } @media (max-width: 720px) and (max-height: 680px) { height: min(22vh, 150px); padding: 12px 12px 0px 12px; } }\n}.elementor .u-pf-karte{max-height:min(600px, calc(100vh - 96px));overflow:hidden;position:relative;padding:0px;border-radius:32px;background-color:var(--upload-papier);display:grid;grid-template-columns:286px minmax(0, 1fr);grid-template-rows:minmax(0, 1fr);&:where(*) { transition: opacity .32s ease, transform .5s cubic-bezier(.34,1.3,.5,1); @starting-style { opacity: 0; transform: rotate(2.4deg) scale(.93); } @media (max-width: 720px) { grid-template-columns: minmax(0, 1fr); grid-template-rows: auto minmax(0, 1fr); max-height: calc(100vh - 72px); } }\n}.elementor .u-pf-blatt{position:absolute;padding:0px;border-radius:32px;background-color:var(--upload-koralle);inset: 0; rotate: -2.2deg; &:where(*) { transition: opacity .32s ease, transform .5s cubic-bezier(.34,1.3,.5,1); @starting-style { opacity: 0; transform: rotate(-3.8deg) scale(.93); } }\n}.elementor .u-pf{width:100%;position:relative;padding:0px;display:block;}.elementor .u-bildtext{max-width:34ch;font-family:"DM Sans";font-size:16px;color:var(--upload-grau);line-height:1.6;margin-block-start:18px;margin-block-end:0px;margin-inline-start:0px;margin-inline-end:0px;cursor: default;\n}.elementor .u-rahmen-deckel{width:100%;height:14%;position:absolute;inset-block-start:0px;inset-inline-start:0px;padding:0px;background-color:var(--upload-canvas);&:where(.da *), &:where(.elementor-editor-active *) { transform: translateY(-101%); } &:where(*) { transition: transform .8s cubic-bezier(.16,1,.3,1) var(--u-verzug, 0ms); @media (prefers-reduced-motion: reduce) { transform: translateY(-101%) !important; transition: none !important; } }\n}.elementor .u-rahmen-bild{width:100%;height:100%;object-fit:cover;display:block;cursor: default; &:where(body:not(.elementor-editor-active) *) { transform: scale(1.06); } &:where(.da *) { transform: none; } &:where(*) { transition: transform .8s cubic-bezier(.16,1,.3,1) var(--u-verzug, 0ms), scale .8s cubic-bezier(.22,1,.36,1); @media (prefers-reduced-motion: reduce) { transform: none !important; } }\n}.elementor .u-rahmen-zug{width:100%;height:calc(100% + 50px);padding:0px;margin-block-start:-25px;margin-block-end:0px;margin-inline-start:0px;margin-inline-end:0px;display:block;}.elementor .u-rahmen{width:100%;height:clamp(340px, 34vw, 470px);overflow:hidden;position:relative;padding:0px;border-radius:32px;display:block;&:hover .u-rahmen-bild { scale: 1.05; } &:where(body:not(.elementor-editor-active) *) { opacity: 0; transform: rotate(var(--u-dreh, -3deg)) scale(.92); } &:where(.da *) { opacity: 1; transform: none; } &:where(*) { transition: transform 1s cubic-bezier(.34,1.26,.5,1) var(--u-verzug, 0ms), opacity .6s ease var(--u-verzug, 0ms); @media (prefers-reduced-motion: reduce) { opacity: 1 !important; transform: none !important; transition: none !important; } }\n}.elementor .u-wer-chip{width:auto;height:52px;min-width:76px;padding-block-start:0px;padding-block-end:0px;padding-inline-start:16px;padding-inline-end:16px;border-radius:14px;background-color:#ffffff;display:flex;flex:0 0 auto;justify-content:center;align-items:center;}.elementor .u-wer-text{font-family:"DM Sans";font-size:14.5px;color:var(--upload-grau);line-height:1.6;margin:0px;cursor: default; & strong { display: block; font-family: Montserrat; font-weight: 800; font-size: 16px; color: #0b0b0b; }\n}.elementor .u-wer{position:relative;z-index:1;padding:0px;margin-block-start:22px;margin-block-end:0px;margin-inline-start:0px;margin-inline-end:0px;display:flex;flex-direction:row;gap:16px;flex-wrap:wrap;align-items:center;}.elementor .u-blase-zitat{font-family:"DM Sans";font-size:17.5px;color:var(--upload-tinte);line-height:1.55;margin:0px;cursor: default;\n}.elementor .u-blase:hover,.elementor .u-blase:focus-visible{z-index:4;translate: 0px -6px;\n}.elementor .u-blase{width:100%;position:relative;padding-block-start:32px;padding-block-end:26px;padding-inline-start:34px;padding-inline-end:34px;border-radius:28px;background-color:var(--upload-papier);display:flex;flex-direction:column;gap:0px;&:where(*) { transition: translate .4s cubic-bezier(.34,1.35,.5,1); @media (max-width: 720px) { padding: 26px 24px 22px 24px; } } &::after { content: ''; position: absolute; bottom: -12px; left: 52px; width: 30px; height: 30px; background: #fff6f0; border-radius: 0 28px 5px 28px; transform: rotate(8deg); }\n}.elementor .u-siegel-satz{max-width:19ch;font-family:"DM Sans";font-size:15px;color:rgba(11,11,11,.8);line-height:1.42;margin:0px;cursor: default;\n}.elementor .u-siegel-titel{font-family:Montserrat;font-weight:800;font-size:clamp(19px, 1.78vw, 24px);color:var(--upload-tinte);letter-spacing:-0.015em;line-height:1.14;margin:0px;cursor: default; &:where(*) { @media (max-width: 620px) { font-size: 18px; } }\n}.elementor .u-siegel-ikon{width:34px;height:34px;color:var(--upload-tinte);margin-block-start:0px;margin-block-end:4px;margin-inline-start:0px;margin-inline-end:0px;transition:transform 0.45s;&:where(*) { @media (max-width: 620px) { width: 30px; height: 30px; margin: 0px 0px 3px 0px; } }\n}.elementor .u-siegel:hover,.elementor .u-siegel:focus-visible{scale: 1.06;\n}.elementor .u-siegel{width:clamp(178px, 19.6vw, 268px);aspect-ratio:1 / 1;text-align:center;padding-block-start:24px;padding-block-end:24px;padding-inline-start:26px;padding-inline-end:26px;border-radius:50%;background-color:var(--upload-koralle);display:flex;flex-direction:column;gap:9px;flex:0 0 auto;justify-content:center;align-items:center;&:where(body:not(.elementor-editor-active) *) { opacity: 0; transform: scale(.82) translateY(26px) rotate(-4deg); } &:where(.da, .da *) { opacity: 1; transform: none; } &:where(*) { transition: transform .8s cubic-bezier(.16,1,.3,1) var(--u-verzug, 0ms), opacity .5s ease var(--u-verzug, 0ms), scale .8s cubic-bezier(.16,1,.3,1), box-shadow .3s ease; @media (max-width: 980px) { width: min(46vw, 240px); } @media (max-width: 620px) { width: min(78vw, 300px); height: auto; padding: 24px 22px; } @media (prefers-reduced-motion: reduce) { opacity: 1 !important; transform: none !important; transition: none !important; } } &:hover .u-siegel-ikon { transform: translateY(-4px) scale(1.12) rotate(-8deg); }\n}.elementor .u-kontingent{position:relative;}.elementor .u-liste{margin-block-start:20px;margin-block-end:0px;margin-inline-start:0px;margin-inline-end:0px;display:block;cursor: default; & ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 9px; } & li { position: relative; padding-left: 22px; font-family: DM Sans; font-size: 15.5px; line-height: 1.6; color: #6d625c; overflow-wrap: break-word; } & li::before { content: ''; position: absolute; left: 0; top: .6em; width: 9px; height: 9px; border-radius: 50%; background: #f18a6e; }\n}.elementor .u-karte-titel{font-family:Montserrat;font-weight:800;font-size:22px;color:var(--upload-tinte);letter-spacing:-0.015em;line-height:1.2;margin-block-start:0px;margin-block-end:10px;margin-inline-start:0px;margin-inline-end:0px;overflow-wrap: break-word; cursor: default;\n}.elementor .u-karte-ikon{width:34px;height:34px;color:var(--upload-tinte);margin-block-start:0px;margin-block-end:20px;margin-inline-start:0px;margin-inline-end:0px;transition:transform 0.45s;}.elementor .u-karte{position:relative;padding-block-start:32px;padding-block-end:34px;padding-inline-start:30px;padding-inline-end:30px;border-radius:22px;background-color:var(--upload-papier);transition:transform 0.4s;display:flex;flex-direction:column;gap:0px;flex:1 1 auto;align-items:flex-start;}.elementor .u-modul{min-width:0px;position:relative;padding:0px;display:flex;flex-direction:column;gap:0px;&::before { content: ''; position: absolute; inset: 0; background: #f18a6e; border-radius: 22px; transform: rotate(-2deg); opacity: 0; transition: opacity .3s ease, transform .4s cubic-bezier(.34,1.35,.5,1); pointer-events: none; } &:hover::before { opacity: 1; transform: rotate(-3.2deg); } &:hover .u-karte { transform: rotate(-.7deg) translateY(-6px); } &:hover .u-karte-ikon { transform: translateY(-6px) scale(1.14) rotate(-6deg); }\n}.elementor .u-auf{&:where(body:not(.elementor-editor-active) *) { opacity: 0; @media (prefers-reduced-motion: reduce) { opacity: 1 !important; transform: none !important; } }\n}.elementor .u-text{font-family:"DM Sans";font-weight:400;font-size:16.5px;color:var(--upload-grau);line-height:1.6;margin:0px;cursor: default;\n}.elementor .u-fakt-titel{font-family:Montserrat;font-weight:800;font-size:20px;color:var(--upload-tinte);letter-spacing:-0.015em;line-height:1.2;margin-block-start:0px;margin-block-end:8px;margin-inline-start:0px;margin-inline-end:0px;transition:transform 0.35s;cursor: default;\n}.elementor .u-fakt-ikon{width:22px;height:22px;color:var(--upload-tinte);transition:transform 0.45s;}.elementor .u-fakt-kreis{width:58px;height:58px;padding:0px;margin-block-start:0px;margin-block-end:18px;margin-inline-start:0px;margin-inline-end:0px;border-radius:50%;background-color:var(--upload-koralle);transition:transform 0.45s;display:flex;flex:0 0 auto;justify-content:center;align-items:center;}.elementor .u-fakt{position:relative;padding:0px;display:flex;flex-direction:column;gap:0px;align-items:flex-start;&:hover .u-fakt-kreis { transform: scale(1.1) rotate(-8deg); } &:hover .u-fakt-ikon { transform: rotate(16deg) scale(.91) translateY(-2px); } &:hover .u-fakt-titel { transform: translateX(4px); }\n}.elementor .u-zettel:hover,.elementor .u-zettel:focus-visible{translate: 0px -8px; scale: 1.035;\n}.elementor .u-zettel{font-family:Montserrat;font-weight:800;font-size:clamp(16px, 1.75vw, 23px);color:var(--upload-tinte);line-height:1.6;padding-block-start:15px;padding-block-end:15px;padding-inline-start:26px;padding-inline-end:26px;border-radius:14px;background-color:var(--upload-koralle);display:inline-block;white-space: nowrap; cursor: default; transition: translate .35s cubic-bezier(.34,1.4,.5,1), scale .35s cubic-bezier(.34,1.4,.5,1); &:where(*) { @media (max-width: 860px) { white-space: normal; } }\n}.elementor .u-zettel-platz:hover,.elementor .u-zettel-platz:focus-visible{z-index:3;}.elementor .u-zettel-platz{width:auto;position:absolute;padding:0px;display:block;&:where(body:not(.elementor-editor-active) *) { opacity: 0; transform: translateY(-96px) scale(.96); transition: transform .8s cubic-bezier(.16,1,.3,1), opacity .4s ease-out; @media (max-width: 860px) { transform: translateY(26px); transition: transform .7s cubic-bezier(.22,1,.36,1), opacity .5s ease; } } &:where(.da *) { opacity: 1; transform: none; transition: transform .35s cubic-bezier(.34,1.4,.5,1), opacity .3s ease; @media (max-width: 860px) { transition: transform .7s cubic-bezier(.22,1,.36,1), opacity .5s ease; } } &:where(.gelandet *) { animation: schweben 4.4s ease-in-out infinite; @media (max-width: 860px) { animation: none; } } &:where(*) { @media (max-width: 860px) { position: relative; left: 0px; top: 0px; } @media (prefers-reduced-motion: reduce) { opacity: 1 !important; transform: none !important; animation: none !important; transition: none !important; } }\n}.elementor .u-hero{position:relative;}.elementor .u-duo:hover,.elementor .u-duo:focus-visible{color:var(--upload-tinte);background-color:var(--upload-koralle-tief);}.elementor .u-duo{font-family:"DM Sans";font-weight:700;font-size:17px;color:var(--upload-tinte);line-height:1;text-decoration:none;cursor:pointer;padding-block-start:6px;padding-block-end:6px;padding-inline-start:6px;padding-inline-end:30px;border-radius:999px;background-color:var(--upload-koralle);display:inline-flex;gap:14px;align-items:center;align-self:flex-start;white-space: nowrap; &:where(*) { translate: 0px var(--bh, 0px); transition: background-color .25s ease, translate .32s cubic-bezier(.22,1,.36,1); @media (max-width: 380px) { padding: 5px 20px 5px 5px; font-size: 15.5px; gap: 11px; } } &::before { content: ''; width: 48px; height: 48px; flex-shrink: 0; border-radius: 50%; background: #0b0b0b url('/wp-content/plugins/upload-bausteine/assets/bilder/ikon-pfeil-weiss.svg') center / 17px no-repeat; transition: transform .4s cubic-bezier(.22,1,.36,1); } &:where(*)::before { @media (max-width: 380px) { width: 42px; height: 42px; background-size: 16px; } } &:hover::before { transform: rotate(45deg); } &:focus-visible { outline: 3px solid #0b0b0b; outline-offset: 3px; } &:hover:where(*) { --bh: -3px; }\n}.elementor .u-lead{max-width:780px;font-family:"DM Sans";font-weight:400;font-size:19px;color:var(--upload-grau);line-height:1.6;margin-block-start:18px;margin-block-end:0px;margin-inline-start:0px;margin-inline-end:0px;&:where(*) { @media (max-width: 900px) { font-size: 17.5px; } }\n}.elementor .u-h2{font-family:Montserrat;font-weight:800;font-size:clamp(31px, 4.4vw, 50px);color:var(--upload-tinte);letter-spacing:-0.015em;line-height:1.1;margin:0px;}.elementor .u-kopf{width:100%;max-width:1176px;text-align:center;padding:0px;display:flex;flex-direction:column;gap:0px;align-items:center;}.elementor .u-sektion{width:100%;position:relative;padding-block-start:96px;padding-block-end:96px;padding-inline-start:32px;padding-inline-end:32px;background-color:var(--upload-canvas);display:flex;flex-direction:column;gap:0px;align-items:center;&:where(*) { @media (max-width: 900px) { padding: 66px 20px; } }\n}