:root {
  --blue: #0B2F6F;
  --blue-dark: #0A2147;
  --orange: #F55A1F;
  --off: #F8F4EE;
  --text: #24344C;
  --muted: #5E6A79;
  --line: #E7E2DA;
  --white: #ffffff;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  color: var(--text);
  background: #fff;
  line-height: 1.55;
}
img { max-width: 100%; display: block; }
a { color: inherit; text-decoration: none; }
.wrap { width: min(1180px, calc(100% - 40px)); margin: 0 auto; }

.site-header {
  position: sticky;
  top: 0;
  z-index: 30;
  background: rgba(255,255,255,.96);
  backdrop-filter: blur(8px);
  border-bottom: 1px solid rgba(11,47,111,.08);
}
.nav-wrap {
  min-height: 84px;
  display: flex;
  align-items: center;
  gap: 28px;
}

.nav {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 24px;
  font-weight: 700;
  font-size: 15px;
}
.nav a:hover { color: var(--orange); }
.nav-cta {
  background: var(--orange);
  color: #fff;
  border-radius: 999px;
  padding: 10px 15px;
  font-size: 14px;
  line-height: 1;
  font-weight: 800;
  white-space: nowrap;
}

.hero-strip {
  padding: 18px 0 0;
  background: linear-gradient(180deg, #fff 0%, var(--off) 100%);
}
.hero-strip img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: contain;
  border-radius: 28px;
  box-shadow: 0 18px 40px rgba(11,47,111,.08);
}

.hero {
  padding: 34px 0 46px;
  background: linear-gradient(180deg, var(--off) 0%, #fff 100%);
}
.hero-grid {
  display: grid;
  grid-template-columns: 1.02fr .98fr;
  gap: 34px;
  align-items: center;
}
.kicker {
  display: inline-block;
  margin-bottom: 12px;
  color: var(--orange);
  font-size: 12px;
  letter-spacing: .18em;
  font-weight: 900;
  text-transform: uppercase;
}
.hero h1, .section h2, .contact h2 {
  margin: 0;
  line-height: 1;
  letter-spacing: -.04em;
  color: var(--blue);
}
.hero h1 {
  font-size: clamp(42px, 5.6vw, 66px);
}
.hero h1 span {
  color: var(--orange);
}
.hero-copy p {
  font-size: 17px;
  color: var(--muted);
  margin: 16px 0 0;
  max-width: 700px;
}
.button-row {
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
  margin-top: 22px;
}
.button {
  min-height: 48px;
  padding: 0 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  font-weight: 800;
  transition: transform .15s ease;
}
.button:hover { transform: translateY(-1px); }
.button.primary {
  background: var(--orange);
  color: #fff;
}
.button.secondary {
  background: #fff;
  color: var(--blue);
  border: 1px solid rgba(11,47,111,.2);
}
.consultation-card {
  background: #fff;
  padding: 14px;
  border-radius: 24px;
  box-shadow: 0 22px 50px rgba(11,47,111,.12);
}
.consultation-card img {
  width: 100%;
  height: 410px;
  object-fit: cover;
  object-position: center 48%;
  border-radius: 18px;
}
.hero-points {
  margin-top: 18px;
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  color: var(--blue);
  font-weight: 700;
  font-size: 14px;
}
.hero-points span::before {
  content: "•";
  color: var(--orange);
  margin-right: 8px;
}

.section {
  padding: 72px 0;
}
.section.soft {
  background: var(--off);
}
.split-intro {
  display: grid;
  grid-template-columns: .85fr 1.15fr;
  gap: 46px;
  align-items: start;
}
.section-kicker {
  display: inline-block;
  margin-bottom: 12px;
  color: var(--orange);
  font-size: 12px;
  letter-spacing: .18em;
  font-weight: 900;
  text-transform: uppercase;
}
.section h2 {
  font-size: clamp(34px, 4.2vw, 52px);
}
.lead {
  font-size: 17px;
  color: var(--muted);
}
.visual-split {
  margin-top: 28px;
  display: grid;
  grid-template-columns: 1.05fr .95fr;
  gap: 28px;
  align-items: center;
}
.visual-box img {
  width: 100%;
  border-radius: 28px;
  box-shadow: 0 18px 40px rgba(11,47,111,.10);
}
.benefit-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-top: 26px;
}
.benefit-card, .step-card {
  background: #fff;
  border-radius: 22px;
  padding: 24px;
  border: 1px solid rgba(11,47,111,.08);
  box-shadow: 0 12px 26px rgba(11,47,111,.05);
}
.benefit-card .num, .step-card .num {
  color: var(--orange);
  font-size: 13px;
  font-weight: 900;
  letter-spacing: .08em;
}
.benefit-card h3, .step-card h3 {
  margin: 12px 0 8px;
  color: var(--blue);
  font-size: 23px;
  line-height: 1.15;
}
.benefit-card p, .step-card p {
  margin: 0;
  color: var(--muted);
}
.banner-strip {
  padding: 10px 0 0;
}
.banner-strip img {
  width: 100%;
  height: 170px;
  object-fit: cover;
  border-radius: 24px;
}

.contact {
  padding: 72px 0;
  background: var(--blue-dark);
  color: #fff;
}
.contact-grid {
  display: grid;
  grid-template-columns: 1fr .9fr;
  gap: 44px;
  align-items: center;
}
.contact h2 {
  color: #fff;
  font-size: clamp(36px, 4.5vw, 56px);
}
.contact p {
  color: #dfe7f1;
  font-size: 18px;
}
.contact-card {
  background: #fff;
  color: var(--text);
  border-radius: 24px;
  padding: 28px;
  box-shadow: 0 24px 60px rgba(0,0,0,.18);
}
.contact-card strong {
  display: block;
  color: var(--blue);
  font-size: 13px;
  margin-bottom: 4px;
}
.contact-card .row {
  margin-bottom: 18px;
}
.contact-card a:not(.button) {
  color: #536273;
}
.contact-card .button {
  width: 100%;
  margin-top: 6px;
}
.social-links {
  margin-top: 22px;
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}
.social-button {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 12px 16px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.24);
  color: #fff;
  font-weight: 800;
}
.social-button:hover {
  background: rgba(255,255,255,.08);
}

.site-footer {
  background: #07182F;
  color: #fff;
  padding: 26px 0;
}
.footer-grid {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  align-items: center;
}
.footer-grid p {
  margin: 4px 0 0;
  color: #b7c4d0;
  font-size: 13px;
}
.footer-links {
  display: flex;
  gap: 20px;
  font-size: 13px;
  color: #dde6ef;
}

@media (max-width: 980px) {
  .nav { display: none; }
  .nav-cta { margin-left: auto; }
  .hero-grid, .split-intro, .visual-split, .contact-grid {
    grid-template-columns: 1fr;
  }
  .benefit-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 680px) {
  .wrap { width: min(100% - 28px, 1180px); }
  .nav-wrap { min-height: 74px; }
  
  .hero-strip img { height: auto; border-radius: 16px; }
  .hero { padding: 24px 0 36px; }
  .hero-copy p, .lead, .contact p { font-size: 16px; }
  .consultation-card { padding: 12px; border-radius: 20px; }
  .consultation-card img { height: 310px; border-radius: 14px; }
  .section { padding: 56px 0; }
  .banner-strip img { height: 135px; }
  .footer-grid { flex-direction: column; align-items: flex-start; }
}


@media (max-width:680px){
  
}


.header-logo{
  display:flex;
  align-items:center;
  flex:0 0 auto;
  line-height:0;
}
.header-logo img{
  width:250px;
  height:auto;
  display:block;
  object-fit:contain;
}

@media (max-width:680px){
  .header-logo img{
    width:190px;
  }
}


@media (max-width:680px){
  .nav-cta{
    padding:8px 11px;
    font-size:12px;
    min-height:auto;
  }
}

/* Finaler Haupttext: einheitlich, kleiner und ruhiger */
.hero .hero-title{
  margin:0;
  line-height:1.08;
  letter-spacing:-.025em;
}
.hero .hero-title span{
  display:block;
  font-size:clamp(30px,3.2vw,38px);
  font-weight:800;
}
.hero .hero-title .hero-line-main{
  color:var(--muted);
}
.hero .hero-title .hero-line-secondary{
  color:var(--muted);
  margin-top:4px;
}
.hero .hero-title .hero-line-accent{
  color:var(--muted);
  margin-top:4px;
}
.hero-copy p{
  max-width:560px;
  font-size:15px;
  line-height:1.5;
  margin-top:18px;
}
@media (max-width:680px){
  .hero .hero-title span{
    font-size:27px;
  }
  .hero-copy p{
    font-size:14px;
  }
}

/* Finale Bildrahmen – durchgehend Orange, ohne weißen Außenrahmen */
.hero-strip img,
.visual-box img,
.banner-strip img,
.consultation-card img {
  border: 2px solid var(--orange);
  box-sizing: border-box;
}

/* Beratungsbild: weißen Kartenrahmen vollständig entfernen */
.consultation-card {
  background: transparent;
  padding: 0;
  border: 0;
  border-radius: 22px;
  box-shadow: 0 18px 40px rgba(11,47,111,.10);
}

.consultation-card img {
  border-radius: 22px;
  width: 100%;
  display: block;
}

/* Einheitliche Rundungen für die übrigen Fotos */
.hero-strip img,
.visual-box img {
  border-radius: 22px;
}

.banner-strip img {
  border-radius: 20px;
}

@media (max-width:680px) {
  .consultation-card {
    padding: 0;
    border-radius: 16px;
  }
  .consultation-card img,
  .hero-strip img,
  .visual-box img {
    border-radius: 16px;
  }
  .banner-strip img {
    border-radius: 14px;
  }
}

/* === Finaler Vorteilsbereich Küchentester-Aktionen === */
.action-intro{
  max-width:100%;
}
.action-intro .section-kicker{
  margin-bottom:12px;
}
.action-intro h2{
  margin:0;
  color:var(--muted);
  font-size:clamp(30px,3.2vw,38px);
  font-weight:800;
  line-height:1.08;
  letter-spacing:-.025em;
  white-space:nowrap;
}
.action-intro .lead{
  max-width:980px;
  margin:18px 0 0;
  color:var(--muted);
  font-size:16px;
  line-height:1.55;
}

.action-feature-layout{
  display:grid;
  grid-template-columns:.92fr 1.08fr;
  gap:26px;
  align-items:stretch;
  margin-top:30px;
}
.action-photo{
  height:100%;
}
.action-photo img{
  width:100%;
  height:100%;
  min-height:430px;
  object-fit:cover;
  object-position:center;
  display:block;
  border:2px solid var(--orange);
  box-sizing:border-box;
  border-radius:22px;
  box-shadow:0 18px 40px rgba(11,47,111,.10);
}
.action-key-benefits{
  display:grid;
  grid-template-columns:1fr;
  gap:14px;
}
.action-key-benefits .benefit-card{
  min-height:0;
}

.benefit-grid-six{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
  margin-top:16px;
}
.action-section .benefit-card{
  padding:20px;
}
.action-section .benefit-card h3{
  margin:10px 0 7px;
  color:var(--blue);
  font-size:20px;
  line-height:1.15;
}
.action-section .benefit-card p{
  margin:0;
  color:var(--muted);
  font-size:15px;
  line-height:1.45;
}

/* === Grundriss-Bereich === */
.floorplan-section{
  background:#fff;
}
.floorplan-section h2{
  margin:0;
  color:var(--muted);
  font-size:clamp(30px,3.2vw,38px);
  font-weight:800;
  line-height:1.08;
  letter-spacing:-.025em;
}
.floorplan-lead{
  max-width:880px;
  color:var(--muted);
  font-size:16px;
  line-height:1.55;
  margin:16px 0 0;
}
.floorplan-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:14px;
  margin-top:28px;
}
.floorplan-card{
  background:#fff;
  border:1px solid rgba(11,47,111,.10);
  border-radius:20px;
  padding:18px 14px 16px;
  text-align:center;
  box-shadow:0 10px 24px rgba(11,47,111,.05);
}
.floorplan-icon{
  width:100%;
  max-width:128px;
  margin:0 auto 10px;
}
.floorplan-icon svg{
  width:100%;
  height:auto;
  overflow:visible;
}
.floorplan-icon path,
.floorplan-icon rect:not(.accent){
  fill:none;
  stroke:var(--blue);
  stroke-width:6;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.floorplan-icon .accent{
  fill:var(--orange);
  stroke:none;
}
.floorplan-card h3{
  margin:0;
  color:var(--blue);
  font-size:17px;
  line-height:1.2;
}

@media (max-width:980px){
  .action-intro h2{
    white-space:normal;
  }
  .action-feature-layout{
    grid-template-columns:1fr;
  }
  .action-photo img{
    height:auto;
    min-height:0;
    aspect-ratio:1600 / 911;
  }
  .benefit-grid-six{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .floorplan-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}
@media (max-width:680px){
  .action-intro h2,
  .floorplan-section h2{
    font-size:27px;
    white-space:normal;
  }
  .action-intro .lead,
  .floorplan-lead{
    font-size:15px;
  }
  .benefit-grid-six{
    grid-template-columns:1fr;
  }
  .floorplan-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .action-section .benefit-card{
    padding:18px;
  }
  .action-section .benefit-card h3{
    font-size:19px;
  }
}
@media (max-width:430px){
  .floorplan-grid{
    grid-template-columns:1fr;
  }
}

/* Vorteilskarten kompakt: Nummer + Überschrift in einer Zeile */
.benefit-title-row{
  display:flex;
  align-items:baseline;
  gap:10px;
  margin-bottom:8px;
}
.benefit-title-row .num{
  flex:0 0 auto;
  margin:0;
}
.action-section .benefit-title-row h3{
  margin:0;
  flex:1 1 auto;
}
.action-section .benefit-card p{
  margin:0;
}

/* Einleitungstexte über die volle Inhaltsbreite */
.action-intro .lead,
.floorplan-lead{
  width:100%;
  max-width:none;
}

.action-intro{
  width:100%;
}

.floorplan-section .wrap{
  width:100%;
}

@media (min-width:901px){
  .action-intro .lead,
  .floorplan-lead{
    white-space:normal;
  }
}

/* Oberer Leistungsbereich – finale kompakte Darstellung */
.hero-grid{
  display:grid;
  grid-template-columns:1.02fr .98fr;
  gap:34px;
  align-items:center;
}

.hero .hero-title{
  margin:0;
  line-height:1.08;
  letter-spacing:-.025em;
}

.hero .hero-title span{
  display:block;
  color:var(--muted);
  font-size:clamp(28px,3vw,37px);
  font-weight:800;
  margin-top:4px;
}

.hero-copy p{
  max-width:none;
  width:100%;
  font-size:15px;
  line-height:1.55;
  margin-top:18px;
}

.hero-visual{
  min-width:0;
}

.hero-visual .consultation-card{
  margin:0;
}

/* Grundriss-Grafiken direkt unter dem Text */
.hero-floorplans{
  margin-top:18px;
  padding-top:16px;
  border-top:1px solid rgba(11,47,111,.10);
  max-width:520px;
}

.hero-floorplan-row{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:10px;
  align-items:center;
}

.hero-floorplan-item{
  display:flex;
  align-items:center;
  justify-content:center;
  min-width:0;
  padding:2px;
  background:transparent;
  border:0;
  box-shadow:none;
}

.hero-floorplan-item svg{
  width:100%;
  max-width:68px;
  height:auto;
  overflow:visible;
}

.hero-floorplan-item svg path,
.hero-floorplan-item svg rect:not(.accent){
  fill:none;
  stroke:var(--blue);
  stroke-width:6;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.hero-floorplan-item svg .accent{
  fill:var(--orange);
  stroke:none;
}

@media (max-width:900px){
  .hero-grid{
    grid-template-columns:1fr;
  }
  .hero-visual{
    max-width:760px;
  }
  .hero-floorplans{
    max-width:560px;
  }
}

@media (max-width:680px){
  .hero .hero-title span{
    font-size:26px;
  }
  .hero-copy p{
    font-size:14px;
  }
  .hero-floorplans{
    margin-top:14px;
    padding-top:14px;
    max-width:100%;
  }
  .hero-floorplan-row{
    gap:7px;
  }
  .hero-floorplan-item svg{
    max-width:54px;
  }
}

/* Ablauf Küchentester-Aktion */
.process-intro{
  width:100%;
  max-width:none;
  margin:16px 0 26px;
  color:var(--muted);
  font-size:16px;
  line-height:1.55;
}

.process-grid{
  margin-top:0;
}

.step-title-row{
  display:flex;
  align-items:baseline;
  gap:10px;
  margin-bottom:8px;
}

.step-title-row .num{
  flex:0 0 auto;
  margin:0;
}

.step-title-row h3{
  margin:0;
}

@media (max-width:680px){
  .process-intro{
    font-size:15px;
  }
}

/* Finaler Ablaufbereich Küchentester-Aktionen.de */
.process-section{
  background:#fff;
}

.process-heading{
  text-align:center;
  margin:0 auto 28px;
}

.process-pretitle,
.process-subtitle{
  display:block;
  color:var(--muted);
  font-size:clamp(28px,3vw,38px);
  line-height:1.08;
  font-weight:800;
  letter-spacing:-.025em;
}

.process-brand{
  margin:5px 0;
  color:var(--orange);
  font-size:clamp(30px,3.2vw,40px);
  line-height:1.05;
  font-weight:900;
  letter-spacing:-.025em;
}

.process-grid-final{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}

.process-card-final{
  background:#fff;
  border:1px solid rgba(11,47,111,.10);
  border-radius:22px;
  padding:22px;
  box-shadow:0 12px 28px rgba(11,47,111,.05);
}

.process-card-title{
  display:flex;
  align-items:baseline;
  gap:10px;
  margin-bottom:16px;
}

.process-card-final .num{
  color:var(--orange);
  font-size:15px;
  font-weight:900;
  letter-spacing:.05em;
  flex:0 0 auto;
}

.process-card-final h3{
  margin:0;
  color:var(--blue);
  font-size:22px;
  line-height:1.15;
}

.process-mini-tags,
.process-preference-list{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:8px;
}

.process-mini-tags span,
.process-preference-list span{
  border:1px solid rgba(11,47,111,.14);
  border-radius:999px;
  padding:8px 11px;
  color:var(--blue);
  font-size:13px;
  font-weight:700;
  background:#fff;
}

.process-time-options{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
}
.process-time-options span{
  text-align:center;
}

.process-layout-icons{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:8px;
  align-items:center;
  margin-top:8px;
}

.layout-icon{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:70px;
  border:1px solid rgba(11,47,111,.10);
  border-radius:14px;
  background:#fff;
}

.process-layout-icons svg{
  width:100%;
  max-width:58px;
}

.process-layout-icons path,
.process-layout-icons rect{
  fill:none;
  stroke:var(--blue);
  stroke-width:6;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.process-preference-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
}
.process-preference-grid span{
  text-align:center;
  border-radius:14px;
  padding:14px 10px;
}

.family-finish{
  position:relative;
  margin-top:26px;
}

.family-finish-photo{
  display:block;
  width:100%;
  border:2px solid var(--orange);
  border-radius:22px;
  box-sizing:border-box;
}

.family-finish-logo{
  position:absolute;
  left:24px;
  bottom:20px;
  width:132px;
  height:132px;
  object-fit:cover;
  border-radius:50%;
  box-shadow:0 10px 28px rgba(0,0,0,.20);
}

@media (max-width:900px){
  .process-grid-final{
    grid-template-columns:1fr;
  }
}

@media (max-width:680px){
  .process-heading{
    text-align:left;
  }
  .process-pretitle,
  .process-subtitle{
    font-size:26px;
  }
  .process-brand{
    font-size:28px;
  }
  .process-card-final{
    padding:18px;
  }
  .process-card-final h3{
    font-size:20px;
  }
  .process-layout-icons{
    gap:5px;
  }
  .layout-icon{
    min-height:58px;
  }
  .process-layout-icons svg{
    max-width:46px;
  }
  .family-finish-logo{
    left:14px;
    bottom:12px;
    width:88px;
    height:88px;
  }
}

/* Ablauf-Kopf final: an bestehende CI angepasst */
.process-heading{
  text-align:left;
  margin:0 0 28px;
}

.process-kicker{
  margin-bottom:12px;
}

.process-title-small{
  color:var(--muted);
  font-size:clamp(20px,2vw,28px);
  line-height:1.08;
  font-weight:800;
  letter-spacing:-.02em;
}

.process-title-main{
  margin:4px 0 0;
  color:var(--muted);
  font-size:clamp(28px,3vw,38px);
  line-height:1.08;
  font-weight:800;
  letter-spacing:-.025em;
}

/* Rundes Logo im Familienfoto rechts unten auf die freie Arbeitsplatte */
.family-finish-logo{
  left:auto;
  right:24px;
  bottom:20px;
  width:132px;
  height:132px;
  object-fit:cover;
  border-radius:50%;
  box-shadow:0 10px 28px rgba(0,0,0,.20);
}

@media (max-width:680px){
  .process-title-small{
    font-size:21px;
  }
  .process-title-main{
    font-size:27px;
  }
  .family-finish-logo{
    left:auto;
    right:14px;
    bottom:12px;
    width:88px;
    height:88px;
  }
}

/* Ablauf final – kompakter und typografisch an Homepage angepasst */
.process-heading{
  text-align:left;
  margin:0 0 24px;
}

.process-kicker{
  margin-bottom:10px;
}

.process-title-main{
  margin:0;
  color:var(--muted);
  font-size:clamp(28px,3vw,38px);
  line-height:1.08;
  font-weight:800;
  letter-spacing:-.025em;
}

/* Küchenwünsche kompakter */
.process-preference-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
  margin-top:8px;
}

.process-preference-grid span{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:7px 10px;
  border:1px solid rgba(11,47,111,.12);
  border-radius:12px;
  background:#fff;
  color:var(--blue);
  font-size:13px;
  line-height:1.2;
  font-weight:700;
  text-align:center;
}

/* Karten insgesamt etwas ruhiger */
.process-card-final{
  padding:20px;
}

.process-card-title{
  margin-bottom:12px;
}

.process-card-final h3{
  font-size:20px;
}

@media (max-width:680px){
  .process-title-main{
    font-size:27px;
  }
  .process-preference-grid span{
    min-height:40px;
    font-size:12.5px;
  }
}

/* Ablauf-Überschrift exakt wie "Warum sollten Sie bei uns Küchentester werden?" */
.process-title-main{
  margin:0;
  color:var(--muted);
  font-size:clamp(30px,3.2vw,38px);
  font-weight:800;
  line-height:1.08;
  letter-spacing:-.025em;
  white-space:nowrap;
}

@media (max-width:680px){
  .process-title-main{
    font-size:27px;
    white-space:normal;
  }
}

/* Kurzer Hinweis unter der Ablauf-Überschrift */
.process-request-note{
  margin:12px 0 0;
  color:var(--muted);
  font-size:16px;
  line-height:1.5;
  font-weight:400;
  letter-spacing:0;
}

@media (max-width:680px){
  .process-request-note{
    font-size:15px;
    line-height:1.45;
  }
}

/* Überschriften exakt identisch */
.action-intro h2,
.process-title-main{
  margin:0;
  color:var(--muted);
  font-size:30px;
  font-weight:800;
  line-height:1.08;
  letter-spacing:-.025em;
  white-space:normal;
}

@media (max-width:680px){
  .action-intro h2,
  .process-title-main{
    font-size:27px;
    line-height:1.1;
  }
}

/* FINAL: Ablauf-Überschrift exakt wie die Vorlage "Warum sollten Sie bei uns Küchentester werden?" */
.action-intro h2,
.process-section h2.process-title-main{
  margin:0;
  color:var(--muted);
  font-size:30px !important;
  font-weight:800;
  line-height:1.08;
  letter-spacing:-.025em;
  white-space:normal;
}

@media (max-width:680px){
  .action-intro h2,
  .process-section h2.process-title-main{
    font-size:27px !important;
    line-height:1.1;
  }
}

/* Finaler Social-/Footerbereich */
.site-footer{
  background:#07182F;
  color:#fff;
  padding:34px 0 26px;
}

.footer-social-area{
  padding-bottom:24px;
  border-bottom:1px solid rgba(255,255,255,.12);
}

.footer-kicker{
  display:block;
  color:var(--orange);
  font-size:12px;
  letter-spacing:.18em;
  font-weight:900;
  text-transform:uppercase;
  margin-bottom:14px;
}

.footer-social-links{
  display:flex;
  gap:14px;
  flex-wrap:wrap;
}

.footer-social-link{
  display:inline-flex;
  align-items:center;
  gap:10px;
  color:#fff;
  font-weight:800;
  font-size:15px;
  text-decoration:none;
  padding:8px 12px 8px 8px;
  border-radius:999px;
  transition:background .15s ease, transform .15s ease;
}

.footer-social-link:hover{
  background:rgba(255,255,255,.08);
  transform:translateY(-1px);
}

.social-icon{
  width:34px;
  height:34px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.28);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 34px;
}

.social-icon svg{
  width:20px;
  height:20px;
  fill:none;
  stroke:#fff;
  stroke-width:2;
}

.social-icon .social-dot{
  fill:#fff;
  stroke:none;
}

.social-icon-facebook svg{
  fill:#fff;
  stroke:none;
}

.footer-main{
  display:grid;
  grid-template-columns:1fr auto 1fr;
  gap:28px;
  align-items:center;
  padding-top:24px;
}

.footer-brand-copy strong{
  display:block;
  color:#fff;
  font-size:15px;
  margin-bottom:5px;
}

.footer-brand-copy p{
  margin:0;
  color:#b7c4d0;
  font-size:13px;
  line-height:1.45;
}

.footer-logo-wrap img{
  width:92px;
  height:92px;
  object-fit:cover;
  border-radius:50%;
  display:block;
  box-shadow:0 10px 26px rgba(0,0,0,.18);
}

.footer-links{
  display:flex;
  justify-content:flex-end;
  gap:20px;
  font-size:13px;
  color:#dde6ef;
}

.footer-links a{
  color:#dde6ef;
}

.footer-links a:hover{
  color:#fff;
}

@media (max-width:680px){
  .site-footer{
    padding:28px 0 22px;
  }

  .footer-social-links{
    gap:8px;
  }

  .footer-main{
    grid-template-columns:1fr auto;
    gap:20px;
    align-items:end;
  }

  .footer-logo-wrap{
    grid-column:2;
    grid-row:1;
  }

  .footer-logo-wrap img{
    width:74px;
    height:74px;
  }

  .footer-links{
    grid-column:1 / -1;
    justify-content:flex-start;
    margin-top:4px;
  }
}

/* Minimaler Footer: Social Media + Impressum/Datenschutz */
.site-footer-minimal{
  background:#07182F;
  color:#fff;
  padding:30px 0 24px;
}

.footer-minimal-inner{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:28px;
}

.footer-social-block{
  min-width:0;
}

.footer-kicker{
  display:block;
  color:var(--orange);
  font-size:12px;
  letter-spacing:.18em;
  font-weight:900;
  text-transform:uppercase;
  margin-bottom:14px;
}

.footer-social-links{
  display:flex;
  align-items:center;
  gap:14px;
  flex-wrap:wrap;
}

.footer-social-link{
  display:inline-flex;
  align-items:center;
  gap:9px;
  color:#fff;
  font-weight:800;
  font-size:14px;
  text-decoration:none;
}

.social-icon{
  width:34px;
  height:34px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.28);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 34px;
}

.social-icon svg{
  width:20px;
  height:20px;
  fill:none;
  stroke:#fff;
  stroke-width:2;
}

.social-icon .social-dot{
  fill:#fff;
  stroke:none;
}

.social-icon-facebook svg{
  fill:#fff;
  stroke:none;
}

.footer-legal{
  display:flex;
  gap:20px;
  align-items:center;
  justify-content:flex-end;
  font-size:13px;
  white-space:nowrap;
}

.footer-legal a{
  color:#dde6ef;
  text-decoration:none;
}

.footer-legal a:hover{
  color:#fff;
}

@media (max-width:680px){
  .site-footer-minimal{
    padding:26px 0 22px;
  }

  .footer-minimal-inner{
    flex-direction:column;
    align-items:flex-start;
    gap:22px;
  }

  .footer-legal{
    justify-content:flex-start;
  }
}

/* Footer final: Social Media und Rechtliches auf einer Linie */
.site-footer-minimal{
  background:#07182F;
  color:#fff;
  padding:28px 0 24px;
}

.footer-minimal-inner{
  display:block;
}

.footer-kicker{
  display:block;
  color:var(--orange);
  font-size:12px;
  letter-spacing:.18em;
  font-weight:900;
  text-transform:uppercase;
  margin-bottom:12px;
}

.footer-one-line{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:30px;
}

.footer-social-links{
  display:flex;
  align-items:center;
  gap:18px;
  flex-wrap:nowrap;
}

.footer-social-link{
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:#fff;
  font-weight:800;
  font-size:14px;
  text-decoration:none;
  line-height:34px;
}

.social-icon{
  width:32px;
  height:32px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.28);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 32px;
}

.social-icon svg{
  width:18px;
  height:18px;
  fill:none;
  stroke:#fff;
  stroke-width:2;
}

.social-icon .social-dot{
  fill:#fff;
  stroke:none;
}

.social-icon-facebook svg{
  fill:#fff;
  stroke:none;
}

.footer-legal{
  display:flex;
  align-items:center;
  gap:20px;
  font-size:13px;
  white-space:nowrap;
  line-height:34px;
}

.footer-legal a{
  color:#dde6ef;
  text-decoration:none;
}

.footer-legal a:hover{
  color:#fff;
}

@media (max-width:680px){
  .footer-one-line{
    flex-direction:column;
    align-items:flex-start;
    gap:16px;
  }

  .footer-social-links{
    flex-wrap:wrap;
  }

  .footer-legal{
    justify-content:flex-start;
  }
}

/* Social-Media-Kicker feiner und hochwertiger */
.site-footer-minimal .footer-kicker{
  font-size:11px;
  font-weight:800;
  letter-spacing:.14em;
  line-height:1.2;
  margin-bottom:12px;
}

/* Finale Hauptnavigation */
.nav{
  display:flex;
  align-items:center;
  gap:24px;
}
.nav a{
  color:var(--blue);
  font-weight:700;
  font-size:14px;
}
.nav a[aria-current="page"]{
  color:var(--orange);
}
.nav-cta{
  background:var(--orange);
  color:#fff;
  border-radius:999px;
  padding:10px 15px;
  font-size:14px;
  line-height:1;
  font-weight:800;
  white-space:nowrap;
}

@media(max-width:760px){
  .nav{
    gap:12px;
  }
  .nav a{
    font-size:12px;
  }
  .nav-cta{
    padding:8px 10px;
    font-size:11px;
  }
}