/* Diyar Kebap – statische Website (Lieferfrei). Keine WordPress-Abhängigkeit. */

@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400 800;
    font-display: swap;
    src: url('../fonts/inter.woff2') format('woff2');
}

@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url('../fonts/poppins-600.woff2') format('woff2');
}

@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('../fonts/poppins-700.woff2') format('woff2');
}

@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url('../fonts/poppins-800.woff2') format('woff2');
}

@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url('../fonts/poppins-900.woff2') format('woff2');
}

/* Font Awesome Free 6.5.1 – Icons CC BY 4.0, Fonts SIL OFL 1.1, Code MIT (https://fontawesome.com/license/free); Subset */
@font-face { font-family: 'Font Awesome 6 Free'; font-style: normal; font-weight: 900; font-display: block; src: url('../fonts/fa-solid-900.woff2') format('woff2'); }
.fa, .fas, .far, .fab, .fa-solid, .fa-regular, .fa-brands { -webkit-font-smoothing: antialiased; display: var(--fa-display, inline-block); font-style: normal; font-variant: normal; line-height: 1; text-rendering: auto; }
.fa, .fas, .fa-solid { font-family: 'Font Awesome 6 Free'; font-weight: 900; }
.far, .fa-regular { font-family: 'Font Awesome 6 Free'; font-weight: 400; }
.fab, .fa-brands { font-family: 'Font Awesome 6 Brands'; font-weight: 400; }
.fa-arrow-right::before { content: "\f061"; }
.fa-bag-shopping::before { content: "\f290"; }
.fa-bread-slice::before { content: "\f7ec"; }
.fa-cheese::before { content: "\f7ef"; }
.fa-clock::before { content: "\f017"; }
.fa-fire::before { content: "\f06d"; }
.fa-list-check::before { content: "\f0ae"; }
.fa-list-ul::before { content: "\f0ca"; }
.fa-location-dot::before { content: "\f3c5"; }
.fa-phone::before { content: "\f095"; }
.fa-pizza-slice::before { content: "\f818"; }
.fa-seedling::before { content: "\f4d8"; }
.fa-utensils::before { content: "\f2e7"; }
.fa-wheat-awn::before { content: "\e2cd"; }

/* aus p_reset.css (Hello Elementor, GPL) */
html{line-height:1.15;-webkit-text-size-adjust:100%}*,:after,:before{box-sizing:border-box}body{background-color:#fff;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-size:1rem;font-weight:400;line-height:1.5;margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:clip}h1,h2,h3,h4,h5,h6{color:inherit;font-family:inherit;font-weight:500;line-height:1.2;margin-block-end:1rem;margin-block-start:.5rem}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.75rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1rem}p{margin-block-end:.9rem;margin-block-start:0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace;font-size:1em;white-space:pre-wrap}a{background-color:transparent;color:#c36;text-decoration:none}a:active,a:hover{color:#336}a:not([href]):not([tabindex]),a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover{color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus{outline:0}abbr[title]{border-block-end:none;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none;height:auto;max-width:100%}details{display:block}summary{display:list-item}figcaption{color:#333;font-size:16px;font-style:italic;font-weight:400;line-height:1.4}[hidden],template{display:none}@media print{*,:after,:before{background:transparent!important;box-shadow:none!important;color:#000!important;text-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="#"]:after,a[href^="javascript:"]:after{content:""}pre{white-space:pre-wrap!important}blockquote,pre{-moz-column-break-inside:avoid;border:1px solid #ccc;break-inside:avoid}thead{display:table-header-group}img,tr{-moz-column-break-inside:avoid;break-inside:avoid}h2,h3,p{orphans:3;widows:3}h2,h3{-moz-column-break-after:avoid;break-after:avoid}}label{display:inline-block;line-height:1;vertical-align:middle}button,input,optgroup,select,textarea{font-family:inherit;font-size:1rem;line-height:1.5;margin:0}input[type=date],input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],select,textarea{border:1px solid #666;border-radius:3px;padding:.5rem 1rem;transition:all .3s;width:100%}input[type=date]:focus,input[type=email]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=time]:focus,input[type=url]:focus,select:focus,textarea:focus{border-color:#333}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;width:auto}[type=button],[type=submit],button{background-color:transparent;border:1px solid #c36;border-radius:3px;color:#c36;display:inline-block;font-size:1rem;font-weight:400;padding:.5rem 1rem;text-align:center;transition:all .3s;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}[type=button]:focus,[type=button]:hover,[type=submit]:focus,[type=submit]:hover,button:focus,button:hover{background-color:#c36;color:#fff;text-decoration:none}[type=button]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto;resize:vertical}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}select{display:block}table{background-color:transparent;border-collapse:collapse;border-spacing:0;font-size:.9em;margin-block-end:15px;width:100%}table td,table th{border:1px solid hsla(0,0%,50%,.502);line-height:1.5;padding:15px;vertical-align:top}table th{font-weight:700}table tfoot th,table thead th{font-size:1em}table caption+thead tr:first-child td,table caption+thead tr:first-child th,table colgroup+thead tr:first-child td,table colgroup+thead tr:first-child th,table thead:first-child tr:first-child td,table thead:first-child tr:first-child th{border-block-start:1px solid hsla(0,0%,50%,.502)}table tbody>tr:nth-child(odd)>td,table tbody>tr:nth-child(odd)>th{background-color:hsla(0,0%,50%,.071)}table tbody tr:hover>td,table tbody tr:hover>th{background-color:hsla(0,0%,50%,.102)}table tbody+tbody{border-block-start:2px solid hsla(0,0%,50%,.502)}@media(max-width:767px){table table{font-size:.8em}table table td,table table th{line-height:1.3;padding:7px}table table th{font-weight:400}}dd,dl,dt,li,ol,ul{background:transparent;border:0;font-size:100%;margin-block-end:0;margin-block-start:0;outline:0;vertical-align:baseline}[tabindex]:not([tabindex="-1"]):focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{box-shadow:0 0 0 4px #fff;outline:2px solid #000;outline-offset:2px}[tabindex]:not([tabindex="-1"]):focus:not(:focus-visible),a:focus:not(:focus-visible),button:focus:not(:focus-visible),input:focus:not(:focus-visible),select:focus:not(:focus-visible),textarea:focus:not(:focus-visible){box-shadow:none;outline:none}


:root {
    --dk-red: oklch(56% 0.2 31);
    --dk-red-deep: oklch(42% 0.17 29);
    --dk-red-hot: oklch(63% 0.21 36);
    --dk-gold: oklch(77% 0.15 74);
    --dk-green: oklch(47% 0.13 145);
    --dk-green-deep: oklch(38% 0.12 145);
    --dk-ink: oklch(16% 0.025 130);
    --dk-charcoal: oklch(20% 0.035 43);
    --dk-paper: oklch(98% 0.011 75);
    --dk-cream: oklch(95% 0.028 75);
    --dk-line: oklch(86% 0.026 74);
    --dk-muted: oklch(49% 0.025 58);
    --dk-white: oklch(99% 0.004 75);
    --dk-font-heading: "Poppins", Arial, sans-serif;
    --dk-font-body: "Inter", Arial, sans-serif;
    --dk-radius: 8px;
    --dk-shadow-sm: 0 8px 26px rgb(72 34 18 / 8%);
    --dk-shadow-md: 0 18px 52px rgb(72 34 18 / 15%);
    --dk-shadow-red: 0 16px 44px rgb(171 45 30 / 36%);
    --dk-ease: cubic-bezier(0.22, 1, 0.36, 1);
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
    -webkit-text-size-adjust: 100%;
}

body {
    margin: 0 !important;
    color: var(--dk-charcoal);
    background: var(--dk-paper);
    font-family: var(--dk-font-body);
    font-size: 16px;
    line-height: 1.65;
    overflow-x: hidden;
}

body,
button,
input,
textarea,
select {
    font-family: var(--dk-font-body);
}

img {
    display: block;
    max-width: 100%;
}

a {
    color: inherit;
    text-decoration: none;
}

.site-header,
.elementor-location-header,
header.elementor-location-header,
.hello-elementor-header,
#masthead,
.site-branding,
.main-navigation,
.site-navigation,
.site-footer,
.elementor-location-footer,
footer.elementor-location-footer,
.hello-elementor-footer {
    display: none !important;
}

.site,
#page,
.site-content,
#content,
.content-area,
.site-main,
#primary,
.elementor,
.elementor-section-wrap {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

.dk-page {
    width: 100%;
    background: var(--dk-paper);
}

.dk-container {
    width: min(1240px, calc(100% - clamp(32px, 6vw, 88px)));
    margin-inline: auto;
}

.dk-header {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 10000;
    height: 68px;
    color: var(--dk-white);
    background: oklch(12% 0.028 135 / 0.94);
    border-bottom: 1px solid oklch(92% 0.01 80 / 0.08);
    box-shadow: 0 1px 0 rgb(255 245 232 / 4%), 0 10px 30px rgb(9 20 12 / 28%);
    transition: background 260ms var(--dk-ease), box-shadow 260ms var(--dk-ease);
}

.admin-bar .dk-header {
    top: 32px;
}

.dk-header.is-scrolled {
    background: oklch(11% 0.03 135 / 0.98);
    box-shadow: 0 1px 0 rgb(255 245 232 / 6%), 0 12px 36px rgb(9 20 12 / 38%);
}

.dk-header__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 100%;
    padding: 0 clamp(16px, 3vw, 32px);
}

.dk-hbtn {
    display: grid;
    place-items: center;
    width: 44px;
    height: 44px;
    color: var(--dk-red-hot);
    background: oklch(50% 0.19 31 / 0.12);
    border: 1px solid var(--dk-red-hot);
    border-radius: var(--dk-radius);
    transition: transform 220ms var(--dk-ease), background 220ms var(--dk-ease), color 220ms var(--dk-ease), box-shadow 220ms var(--dk-ease);
}

.dk-hbtn:hover,
.dk-hbtn:focus-visible {
    color: var(--dk-white);
    background: var(--dk-red);
    box-shadow: 0 8px 22px rgb(188 47 29 / 34%);
    transform: translateY(-2px);
}

.dk-logo {
    display: inline-flex;
    align-items: baseline;
    gap: 6px;
    font-family: var(--dk-font-heading);
    font-size: 1.45rem;
    font-weight: 900;
    line-height: 1;
    letter-spacing: 0;
}

.dk-logo span {
    color: var(--dk-red-hot);
}

.dk-logo strong {
    color: var(--dk-white);
}

.dk-hero {
    position: relative;
    display: grid;
    min-height: 100svh;
    place-items: center;
    padding: 112px 0 74px;
    color: var(--dk-white);
    background: var(--dk-ink);
    overflow: hidden;
    isolation: isolate;
}

.dk-hero__bg,
.dk-hero__photo,
.dk-hero__overlay,
.dk-hero__grain {
    position: absolute;
    inset: 0;
}

.dk-hero__bg {
    z-index: -2;
}

.dk-hero__photo {
    background-image: url('../../assets/images/unsplash-1684864115205-242c064363-w1800.jpg');
    background-size: cover;
    background-position: center 42%;
    transform: scale(1.05);
    animation: dkHeroPhoto 24s ease-in-out infinite alternate;
}

@keyframes dkHeroPhoto {
    from {
        transform: scale(1.05);
    }
    to {
        transform: scale(1.13);
    }
}

.dk-hero__overlay {
    background:
        radial-gradient(circle at 50% 50%, rgb(188 47 29 / 20%), transparent 38rem),
        linear-gradient(180deg, rgb(6 13 8 / 78%) 0%, rgb(26 8 5 / 66%) 38%, rgb(18 5 3 / 88%) 100%),
        linear-gradient(90deg, rgb(8 16 10 / 70%), rgb(8 16 10 / 30%) 48%, rgb(8 16 10 / 70%));
}

.dk-hero__grain {
    opacity: 0.13;
    background-image: radial-gradient(circle, oklch(100% 0 0 / 0.3) 1px, transparent 1px);
    background-size: 4px 4px;
    mix-blend-mode: overlay;
}

.dk-hero__content {
    position: relative;
    z-index: 2;
    width: min(760px, calc(100% - 32px));
    margin-inline: auto;
    text-align: center;
}

.dk-hero__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 28px;
    padding: 8px 18px;
    color: oklch(92% 0.06 66);
    background: oklch(44% 0.16 31 / 0.34);
    border: 1px solid oklch(62% 0.19 36 / 0.52);
    border-radius: 999px;
    font-size: 0.83rem;
    font-weight: 800;
}

.dk-hero__eyebrow span {
    width: 7px;
    height: 7px;
    background: var(--dk-red-hot);
    border-radius: 999px;
    box-shadow: 0 0 0 4px oklch(58% 0.2 35 / 0.16);
}

.dk-hero__eyebrow p {
    margin: 0;
}

.dk-hero h1 {
    margin: 0;
    font-family: var(--dk-font-heading);
    font-size: 4.8rem;
    font-weight: 900;
    line-height: 1.04;
    letter-spacing: 0;
}

.dk-hero h1 span {
    display: block;
    color: oklch(84% 0.12 63);
    font-size: 0.58em;
    font-weight: 800;
}

.dk-hero h1 strong {
    display: block;
    color: var(--dk-white);
}

.dk-hero__subtitle {
    max-width: 620px;
    margin: 28px auto 0;
    color: oklch(93% 0.016 78 / 0.86);
    font-size: 1.12rem;
    line-height: 1.78;
}

.dk-hero__actions {
    display: flex;
    justify-content: center;
    gap: 12px;
    margin-top: 34px;
}

.dk-btn {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 52px;
    padding: 15px 26px;
    color: var(--dk-white);
    border: 1px solid transparent;
    border-radius: var(--dk-radius);
    font-family: var(--dk-font-heading);
    font-size: 1rem;
    font-weight: 800;
    line-height: 1;
    overflow: hidden;
    isolation: isolate;
    transition: transform 220ms var(--dk-ease), box-shadow 220ms var(--dk-ease), background 220ms var(--dk-ease), border-color 220ms var(--dk-ease);
}

.dk-btn::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background: linear-gradient(90deg, transparent, rgb(255 246 232 / 22%), transparent);
    transform: translateX(-115%);
    transition: transform 650ms var(--dk-ease);
}

.dk-btn:hover,
.dk-btn:focus-visible {
    color: var(--dk-white);
    transform: translateY(-3px);
}

.dk-btn:hover::after,
.dk-btn:focus-visible::after,
.dk-btn.is-clicked::after {
    transform: translateX(115%);
}

.dk-btn--large {
    min-height: 64px;
    padding: 20px 40px;
    font-size: 1.08rem;
}

.dk-btn--primary {
    background: linear-gradient(135deg, var(--dk-red-deep), var(--dk-red-hot));
    border-color: oklch(73% 0.14 54 / 0.42);
    box-shadow: var(--dk-shadow-red);
}

.dk-btn--primary:hover,
.dk-btn--primary:focus-visible {
    box-shadow: 0 22px 58px rgb(188 47 29 / 46%);
}

.dk-btn--ghost {
    background: rgb(255 246 232 / 9%);
    border-color: rgb(255 246 232 / 26%);
    box-shadow: inset 0 0 0 1px rgb(255 246 232 / 4%);
}

.dk-btn--ghost:hover,
.dk-btn--ghost:focus-visible {
    background: rgb(255 246 232 / 15%);
    border-color: rgb(255 246 232 / 42%);
}

.dk-btn--dark {
    background: var(--dk-ink);
    border-color: oklch(28% 0.03 120);
}

.dk-btn--wide {
    width: 100%;
}

.dk-hero__trust {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px 18px;
    margin-top: 34px;
}

.dk-hero__trust span {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: oklch(93% 0.016 78 / 0.78);
    font-size: 0.9rem;
    font-weight: 700;
}

.dk-hero__trust i {
    color: var(--dk-red-hot);
}

.dk-categories {
    padding: 88px 0 98px;
    background:
        radial-gradient(circle at 12% 10%, oklch(80% 0.12 72 / 0.18), transparent 22rem),
        var(--dk-white);
}

.dk-section-head {
    max-width: 760px;
    margin: 0 auto 48px;
    text-align: center;
}

.dk-section-label {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 36px;
    margin: 0 0 22px;
    padding: 7px 20px;
    color: var(--dk-green-deep);
    background: oklch(92% 0.055 151);
    border: 1px solid oklch(75% 0.08 150 / 0.54);
    border-radius: 999px;
    font-size: 0.8rem;
    font-weight: 900;
    letter-spacing: 0;
    text-transform: uppercase;
}

.dk-section-head h2,
.dk-cta-band h2,
.dk-info-card h3,
.dk-final h2 {
    margin: 0;
    color: var(--dk-ink);
    font-family: var(--dk-font-heading);
    font-weight: 900;
    line-height: 1.14;
    letter-spacing: 0;
}

.dk-section-head h2 {
    font-size: 2.8rem;
}

.dk-section-head p {
    max-width: 640px;
    margin: 18px auto 0;
    color: var(--dk-muted);
    font-size: 1.08rem;
}

.dk-category-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(245px, 1fr));
    gap: 18px;
}

.dk-category-card {
    position: relative;
    display: grid;
    min-height: 225px;
    color: var(--dk-white);
    border-radius: var(--dk-radius);
    overflow: hidden;
    box-shadow: var(--dk-shadow-sm);
    isolation: isolate;
    transition: transform 260ms var(--dk-ease), box-shadow 260ms var(--dk-ease);
}

.dk-category-card:hover,
.dk-category-card:focus-visible {
    color: var(--dk-white);
    transform: translateY(-7px);
    box-shadow: var(--dk-shadow-md);
}

.dk-category-card__bg {
    position: absolute;
    inset: 0;
    z-index: -2;
    background-image: url('../../assets/images/unsplash-1684864115205-242c064363-w720.jpg');
    background-size: cover;
    background-position: center;
    transform: scale(1.02);
    transition: transform 520ms var(--dk-ease);
}

.dk-category-card:hover .dk-category-card__bg,
.dk-category-card:focus-visible .dk-category-card__bg {
    transform: scale(1.09);
}

.dk-category-card--pizza .dk-category-card__bg,
.dk-category-card--calzone .dk-category-card__bg {
    background-image: url('../../assets/images/unsplash-1513104890138-7c749659a5-w720.jpg');
}

.dk-category-card--spiess .dk-category-card__bg {
    background-position: 58% 42%;
}

.dk-category-card--durum .dk-category-card__bg,
.dk-category-card--pide .dk-category-card__bg {
    background-position: 42% 50%;
}

.dk-category-card--falafel .dk-category-card__bg {
    background-position: 68% 48%;
}

.dk-category-card::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background:
        linear-gradient(180deg, rgb(9 18 11 / 12%) 0%, rgb(18 5 3 / 82%) 100%),
        radial-gradient(circle at 15% 12%, rgb(188 47 29 / 30%), transparent 18rem);
}

.dk-category-card--spiess::after {
    background:
        linear-gradient(180deg, rgb(9 18 11 / 8%) 0%, rgb(17 5 3 / 86%) 100%),
        radial-gradient(circle at 18% 16%, rgb(216 86 32 / 36%), transparent 17rem);
}

.dk-category-card--durum::after,
.dk-category-card--pide::after {
    background:
        linear-gradient(180deg, rgb(9 18 11 / 10%) 0%, rgb(17 5 3 / 84%) 100%),
        radial-gradient(circle at 84% 16%, rgb(232 168 67 / 32%), transparent 17rem);
}

.dk-category-card--falafel::after {
    background:
        linear-gradient(180deg, rgb(9 18 11 / 10%) 0%, rgb(8 28 15 / 86%) 100%),
        radial-gradient(circle at 16% 14%, rgb(43 133 70 / 38%), transparent 17rem);
}

.dk-category-card__content {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 16px;
    min-height: 100%;
    padding: 24px;
}

.dk-category-card__icon {
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    width: 50px;
    height: 50px;
    color: var(--dk-white);
    background: linear-gradient(135deg, var(--dk-red-deep), var(--dk-red-hot));
    border: 1px solid rgb(255 246 232 / 18%);
    border-radius: var(--dk-radius);
    box-shadow: 0 10px 26px rgb(188 47 29 / 28%);
}

.dk-category-card strong,
.dk-category-card small {
    display: block;
}

.dk-category-card strong {
    font-family: var(--dk-font-heading);
    font-size: 1.42rem;
    font-weight: 900;
    line-height: 1.08;
}

.dk-category-card small {
    margin-top: 7px;
    color: oklch(92% 0.018 78 / 0.75);
    font-weight: 800;
}

@media (min-width: 981px) {
    .dk-category-card--pizza,
    .dk-category-card--spiess {
        grid-column: span 2;
        min-height: 255px;
    }
}

.dk-process {
    padding: 88px 0 92px;
    color: var(--dk-white);
    background:
        radial-gradient(circle at 85% 5%, oklch(58% 0.2 35 / 0.2), transparent 28rem),
        linear-gradient(145deg, oklch(15% 0.03 135), oklch(20% 0.052 42));
}

.dk-process .dk-section-head h2,
.dk-process .dk-section-head p {
    color: var(--dk-white);
}

.dk-process .dk-section-label,
.dk-cta-band .dk-section-label,
.dk-final .dk-section-label {
    color: oklch(95% 0.08 75);
    background: rgb(255 246 232 / 10%);
    border-color: rgb(255 246 232 / 18%);
}

.dk-process__steps {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1px;
    background: rgb(255 246 232 / 12%);
    border: 1px solid rgb(255 246 232 / 12%);
    border-radius: var(--dk-radius);
    overflow: hidden;
}

.dk-step {
    padding: 34px 28px;
    color: var(--dk-white);
    background: rgb(255 246 232 / 5%);
    transition: background 220ms var(--dk-ease), transform 220ms var(--dk-ease);
}

.dk-step:hover,
.dk-step:focus-visible {
    color: var(--dk-white);
    background: rgb(255 246 232 / 9%);
}

.dk-step span {
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    margin-bottom: 20px;
    color: var(--dk-white);
    background: var(--dk-red);
    border-radius: var(--dk-radius);
    font-family: var(--dk-font-heading);
    font-weight: 900;
}

.dk-step strong {
    display: block;
    font-family: var(--dk-font-heading);
    font-size: 1.35rem;
    font-weight: 900;
}

.dk-step p {
    margin: 10px 0 0;
    color: oklch(92% 0.018 78 / 0.72);
}

.dk-cta-band {
    padding: 68px 0;
    color: var(--dk-white);
    background:
        radial-gradient(circle at 78% 30%, oklch(78% 0.15 74 / 0.26), transparent 24rem),
        linear-gradient(135deg, var(--dk-red-deep), oklch(23% 0.07 32));
}

.dk-cta-band__inner {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 30px;
    align-items: center;
}

.dk-cta-band h2,
.dk-final h2 {
    color: var(--dk-white);
    font-size: 3.25rem;
}

.dk-cta-band p {
    max-width: 560px;
    margin: 14px 0 0;
    color: oklch(94% 0.018 78 / 0.78);
    font-size: 1.08rem;
}

.dk-info {
    padding: 88px 0 100px;
    background:
        radial-gradient(circle at 12% 85%, oklch(47% 0.13 145 / 0.16), transparent 22rem),
        linear-gradient(180deg, var(--dk-cream), var(--dk-paper));
}

.dk-info__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
}

.dk-info-card {
    display: flex;
    flex-direction: column;
    min-height: 100%;
    padding: 30px;
    background: var(--dk-white);
    border: 1px solid var(--dk-line);
    border-radius: var(--dk-radius);
    box-shadow: var(--dk-shadow-sm);
}

.dk-info-card > i {
    display: grid;
    place-items: center;
    width: 48px;
    height: 48px;
    margin-bottom: 22px;
    color: var(--dk-white);
    background: var(--dk-green);
    border-radius: var(--dk-radius);
}

.dk-info-card h3 {
    font-size: 1.55rem;
}

.dk-info-card p,
.dk-info-card address {
    margin: 16px 0 0;
    color: var(--dk-muted);
    font-style: normal;
}

.dk-info-card dl {
    display: grid;
    gap: 11px;
    margin: 18px 0 0;
}

.dk-info-card dl div {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    padding: 11px 0;
    border-bottom: 1px solid var(--dk-line);
}

.dk-info-card dl div:last-child {
    border-bottom: 0;
}

.dk-info-card dt {
    color: var(--dk-ink);
    font-weight: 800;
}

.dk-info-card dd {
    margin: 0;
    color: var(--dk-red-deep);
    font-weight: 900;
    text-align: right;
}

.dk-info-card__phone {
    display: inline-flex;
    margin: 8px 0 24px;
    color: var(--dk-red-deep);
    font-family: var(--dk-font-heading);
    font-size: 1.25rem;
    font-weight: 900;
}

.dk-info-card .dk-btn {
    margin-top: auto;
}

.dk-final {
    position: relative;
    padding: 96px 0 118px;
    color: var(--dk-white);
    background:
        linear-gradient(180deg, rgb(15 5 3 / 80%), rgb(15 5 3 / 92%)),
        url('../../assets/images/unsplash-1684864115205-242c064363-w1600.jpg');
    background-size: cover;
    background-position: center;
}

.dk-final__inner {
    max-width: 720px;
    text-align: left;
}

.dk-final p {
    max-width: 520px;
    margin: 18px 0 30px;
    color: oklch(94% 0.018 78 / 0.82);
    font-size: 1.12rem;
}

.dk-sticky-cta {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9999;
    background: linear-gradient(135deg, var(--dk-green-deep), var(--dk-green));
    box-shadow: 0 -8px 30px rgb(23 63 35 / 32%);
    padding-bottom: env(safe-area-inset-bottom);
    transform: translateY(110%);
    transition: transform 320ms var(--dk-ease);
}

.dk-sticky-cta.is-visible {
    transform: translateY(0);
}

.dk-sticky-cta a {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 13px;
    width: 100%;
    min-height: 58px;
    padding: 17px 22px;
    color: var(--dk-white);
    font-family: var(--dk-font-heading);
    font-size: 1rem;
    font-weight: 900;
    letter-spacing: 0;
}

.dk-footer {
    padding: 28px 0 88px;
    color: oklch(90% 0.016 78 / 0.76);
    background: var(--dk-ink);
}

.dk-footer__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.dk-footer strong,
.dk-footer span,
.dk-footer a {
    display: block;
}

.dk-footer strong {
    color: var(--dk-white);
    font-family: var(--dk-font-heading);
    font-size: 1.15rem;
}

.dk-footer a {
    color: var(--dk-gold);
    font-weight: 800;
}

.dk-footer div:last-child {
    text-align: right;
}

.reveal,
.reveal-delay {
    opacity: 0;
    transform: translateY(26px);
    transition: opacity 640ms var(--dk-ease), transform 640ms var(--dk-ease);
    transition-delay: calc(var(--reveal-index, 0) * 42ms);
}

.reveal-delay {
    transition-delay: 180ms;
}

.reveal.reveal-active,
.reveal-delay.reveal-active {
    opacity: 1;
    transform: translateY(0);
}

@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        animation-duration: 1ms !important;
        animation-iteration-count: 1 !important;
        scroll-behavior: auto !important;
        transition-duration: 1ms !important;
    }
}

@media (max-width: 980px) {
    .dk-hero h1 {
        font-size: 4.05rem;
    }

    .dk-section-head h2,
    .dk-cta-band h2,
    .dk-final h2 {
        font-size: 2.55rem;
    }

    .dk-process__steps,
    .dk-info__grid,
    .dk-cta-band__inner {
        grid-template-columns: 1fr;
    }

    .dk-cta-band__inner .dk-btn {
        width: fit-content;
    }
}

@media (max-width: 720px) {
    .admin-bar .dk-header {
        top: 46px;
    }

    .dk-container {
        width: min(100% - 28px, 1240px);
    }

    .dk-header {
        height: 64px;
    }

    .dk-logo {
        font-size: 1.32rem;
    }

    .dk-hero {
        min-height: 100svh;
        padding: 108px 0 92px;
    }

    .dk-hero__overlay {
        background:
            linear-gradient(180deg, rgb(6 13 8 / 70%) 0%, rgb(26 8 5 / 70%) 42%, rgb(18 5 3 / 92%) 100%),
            linear-gradient(90deg, rgb(8 16 10 / 62%), rgb(8 16 10 / 34%));
    }

    .dk-hero__eyebrow {
        margin-bottom: 24px;
        font-size: 0.78rem;
    }

    .dk-hero h1 {
        font-size: 3.15rem;
    }

    .dk-hero__subtitle {
        font-size: 1rem;
    }

    .dk-hero__actions {
        flex-direction: column;
    }

    .dk-hero__actions .dk-btn,
    .dk-cta-band__inner .dk-btn {
        width: 100%;
    }

    .dk-hero__trust {
        gap: 12px;
    }

    .dk-categories,
    .dk-process,
    .dk-info {
        padding: 70px 0;
    }

    .dk-section-head {
        margin-bottom: 36px;
    }

    .dk-section-head h2,
    .dk-cta-band h2,
    .dk-final h2 {
        font-size: 2.15rem;
    }

    .dk-category-grid {
        grid-template-columns: 1fr;
    }

    .dk-category-card {
        min-height: 188px;
    }

    .dk-info-card dl div {
        display: block;
    }

    .dk-info-card dd {
        margin-top: 3px;
        text-align: left;
    }

    .dk-footer__inner {
        display: grid;
        gap: 14px;
    }

    .dk-footer div:last-child {
        text-align: left;
    }
}

@media (max-width: 430px) {
    .dk-hbtn {
        width: 42px;
        height: 42px;
    }

    .dk-logo {
        font-size: 1.18rem;
    }

    .dk-hero__eyebrow {
        padding-inline: 13px;
    }

    .dk-hero h1 {
        font-size: 2.65rem;
    }

    .dk-btn--large {
        min-height: 62px;
        padding-inline: 22px;
    }

    .dk-info-card,
    .dk-step {
        padding: 24px;
    }
}

/* ===== Lieferfrei: Rechtliches im Footer ===== */
.screen-reader-text { clip: rect(1px,1px,1px,1px); height: 1px; overflow: hidden; position: absolute !important; width: 1px; word-wrap: normal !important; }
.screen-reader-text:focus { background-color: #eee; clip: auto !important; clip-path: none; color: #333; display: block; font-size: 1rem; height: auto; left: 5px; line-height: normal; padding: 12px 24px; text-decoration: none; top: 5px; width: auto; z-index: 100000; }
.lf-legal { font-size: .85rem; text-align: center; padding: 12px 16px; }
.lf-legal a { color: inherit; text-decoration: underline; }
.dk-footer .lf-legal { display: flex; justify-content: center; gap: 16px; width: 100%; }