/* Fonts kommen aus css/fonts.css (Google Fonts Import) */

/* ===================================
   BASIS-STYLES - CONGSTAR-INSPIRED
   =================================== */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}

:root{
  --red:#C8181A;
  --red-dark:#8B1012;
  --orange:#E8722A;
  --blue:#1A8BC8;
  --green:#2A9E4A;
  --yellow:#B8A010;
  --off:#FAFAFA;
  --wg:#E8E8E8;
  --td:#1A1410;
  --tm:#4A3C32;
  --tl:#6B6B6B;
  --white:#FFFFFF;
}

body{
  font-family:'DM Sans',sans-serif;
  background:var(--off);
  color:var(--td);
  font-size:18px; /* Basis von 15px auf 18px erhöht */
  line-height:1.6;
}

.screen{display:none;}
.screen.active{display:block;}

/* ===================================
   TOPBAR
   =================================== */
.topbar{
  background:var(--red);
  padding:20px 40px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  box-shadow:0 2px 8px rgba(0,0,0,0.1);
}

.logo{
  font-family:'Playfair Display',serif;
  font-size:20px;
  font-weight:700;
  color:white;
}

.logo span{color:#6EE06E;}

.prog-wrap{
  background:rgba(0,0,0,0.15);
  height:6px;
}

.prog{
  height:6px;
  background:#6EE06E;
  transition:width 0.5s ease;
  width:0%;
}

/* ===================================
   TEST BUTTON
   =================================== */
.test-btn{
  position:fixed;
  bottom:20px;
  right:20px;
  z-index:9999;
  background:#FF00AA;
  color:white;
  border:none;
  padding:14px 24px;
  font-family:'DM Sans',sans-serif;
  font-size:12px;
  font-weight:700;
  letter-spacing:2px;
  text-transform:uppercase;
  cursor:pointer;
  box-shadow:0 4px 20px rgba(255,0,170,0.5);
  animation:tpulse 2s infinite;
  display:none;
}

.test-btn.visible{display:block;}

@keyframes tpulse{
  0%,100%{box-shadow:0 4px 20px rgba(255,0,170,0.5);}
  50%{box-shadow:0 4px 32px rgba(255,0,170,0.9);}
}

/* ===================================
   WELCOME SCREEN - BREITERES LAYOUT
   =================================== */
.ww{
  max-width:1200px; /* Von 660px auf 1200px */
  margin:0 auto;
  padding:60px 40px; /* Mehr Padding */
}

.eb{
  background:var(--red);
  color:white;
  padding:40px 50px; /* Mehr Padding */
  margin-bottom:48px;
  border-radius:8px; /* Leichte Rundung */
  position:relative;
  overflow:hidden;
}

.eb::before{
  content:'KOSTENLOS';
  position:absolute;
  right:-20px;
  top:50%;
  transform:translateY(-50%);
  font-family:'Playfair Display',serif;
  font-size:120px; /* Größer */
  font-weight:900;
  color:rgba(255,255,255,0.05);
  pointer-events:none;
  white-space:nowrap;
}

.eb-tag{
  font-size:12px; /* Von 10px auf 12px */
  letter-spacing:3px;
  text-transform:uppercase;
  color:rgba(255,255,255,0.7);
  margin-bottom:12px;
}

.eb-title{
  font-family:'Playfair Display',serif;
  font-size:32px; /* Von 22px auf 32px */
  font-weight:700;
  margin-bottom:16px;
  line-height:1.3;
}

.eb-text{
  font-size:18px; /* Von 14px auf 18px */
  line-height:1.7;
  color:rgba(255,255,255,0.9);
  max-width:800px;
}

.eb-list{
  margin-top:24px;
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
  gap:12px;
}

.eb-item{
  font-size:14px; /* Von 11px auf 14px */
  background:rgba(255,255,255,0.15);
  padding:10px 18px;
  color:white;
  border-radius:4px;
}

.eyebrow{
  font-size:13px; /* Von 10px auf 13px */
  letter-spacing:3px;
  text-transform:uppercase;
  color:var(--tl);
  margin-bottom:16px;
  font-weight:500;
}

.big-title{
  font-family:'Playfair Display',serif;
  font-size:clamp(36px,6vw,56px); /* Von 28-48px auf 36-56px */
  font-weight:900;
  line-height:1.1;
  margin-bottom:24px;
}

.big-title span{color:var(--red);}

.sub{
  font-size:20px; /* Von 16px auf 20px */
  line-height:1.7;
  color:var(--tm);
  margin-bottom:40px;
  max-width:900px;
}

.chips{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  margin-bottom:40px;
}

.chip{
  display:flex;
  align-items:center;
  gap:10px;
  padding:12px 20px; /* Mehr Padding */
  background:white;
  border:1px solid var(--wg);
  font-size:16px; /* Von 12px auf 16px */
  font-weight:500;
  border-radius:6px;
}

.dot{
  width:10px; /* Von 8px auf 10px */
  height:10px;
  border-radius:50%;
  flex-shrink:0;
}

/* ===================================
   FORMULAR
   =================================== */
.cform{
  background:white;
  border:1px solid var(--wg);
  padding:40px; /* Von 28px auf 40px */
  margin-bottom:32px;
  border-radius:8px;
  box-shadow:0 2px 12px rgba(0,0,0,0.04);
}

.flabel{
  display:block;
  font-size:14px; /* Von 10px auf 14px */
  letter-spacing:1px;
  text-transform:uppercase;
  color:var(--tl);
  margin-bottom:10px;
  margin-top:24px;
  font-weight:500;
}

.flabel:first-of-type{margin-top:0;}

.fi{
  width:100%;
  padding:16px 18px; /* Von 11/13px auf 16/18px */
  border:2px solid var(--wg);
  background:var(--white);
  font-family:'DM Sans',sans-serif;
  font-size:17px; /* Von 14px auf 17px */
  color:var(--td);
  outline:none;
  appearance:none;
  -webkit-appearance:none;
  border-radius:4px;
  transition:border-color 0.2s;
}

.fi:focus{border-color:var(--red);}
.fi.err{border-color:var(--red);background:#fff5f5;}

.frow{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:24px; /* Von 16px auf 24px */
}

.req-note{
  font-size:15px; /* Von 11px auf 15px */
  color:var(--tl);
  margin-bottom:24px;
  line-height:1.6;
}

.err-banner{
  background:#fff0f0;
  border:1px solid var(--red);
  padding:16px 20px; /* Mehr Padding */
  margin-top:20px;
  font-size:16px; /* Von 13px auf 16px */
  color:var(--red);
  display:none;
  border-radius:4px;
}

.btn-red{
  background:var(--red);
  color:white;
  width:100%;
  font-size:17px; /* Von 13px auf 17px */
  padding:20px; /* Von 18px auf 20px */
  font-family:'DM Sans',sans-serif;
  font-weight:500;
  letter-spacing:1px;
  text-transform:uppercase;
  border:none;
  cursor:pointer;
  border-radius:4px;
  transition:background 0.2s;
}

.btn-red:hover{background:var(--red-dark);}

.trust-row{
  display:flex;
  gap:24px; /* Von 16px auf 24px */
  flex-wrap:wrap;
  margin-top:24px;
}

.trust-item{
  font-size:15px; /* Von 12px auf 15px */
  color:var(--tl);
  display:flex;
  align-items:center;
  gap:8px;
}

.trust-item::before{
  content:'✓';
  color:var(--green);
  font-weight:700;
  font-size:18px;
}

/* ===================================
   QUESTION SCREEN - BREITERES LAYOUT
   =================================== */
.qw{
  max-width:1000px; /* Von 680px auf 1000px */
  margin:0 auto;
  padding:60px 40px;
}

.rad-hdr{
  display:flex;
  align-items:center;
  gap:20px;
  margin-bottom:40px;
  padding-bottom:24px;
  border-bottom:2px solid var(--wg);
}

.rad-ico{
  width:64px; /* Von 48px auf 64px */
  height:64px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  font-family:'Playfair Display',serif;
  font-size:18px; /* Von 13px auf 18px */
  font-weight:900;
  color:white;
  flex-shrink:0;
}

.rad-hdr h2{
  font-family:'Playfair Display',serif;
  font-size:28px; /* Von 20px auf 28px */
  font-weight:700;
  margin-bottom:4px;
}

.rad-hdr p{
  font-size:15px; /* Von 11px auf 15px */
  color:var(--tl);
}

.q-cnt{
  font-size:13px; /* Von 10px auf 13px */
  letter-spacing:2px;
  text-transform:uppercase;
  color:var(--tl);
  margin-bottom:12px;
  font-weight:500;
}

.q-txt{
  font-family:'Playfair Display',serif;
  font-size:clamp(22px,3vw,32px); /* Von 17-22px auf 22-32px */
  font-weight:700;
  line-height:1.3;
  margin-bottom:12px;
}

.q-hint{
  font-size:17px; /* Von 12px auf 17px */
  color:var(--tl);
  font-style:italic;
  margin-bottom:28px;
  line-height:1.6;
}

.mc-opts{
  display:flex;
  flex-direction:column;
  gap:12px;
  margin-bottom:28px;
}

.mc-opt{
  display:flex;
  align-items:center;
  gap:16px;
  padding:18px 20px; /* Von 12/15px auf 18/20px */
  background:white;
  border:2px solid var(--wg);
  cursor:pointer;
  transition:all 0.2s;
  user-select:none;
  border-radius:6px;
}

.mc-opt:hover{
  border-color:#aaa;
  box-shadow:0 2px 8px rgba(0,0,0,0.08);
}

.mc-d{
  width:22px; /* Von 17px auf 22px */
  height:22px;
  border-radius:50%;
  border:2px solid var(--wg);
  flex-shrink:0;
  position:relative;
  transition:all 0.2s;
}

.mc-opt.sel .mc-d::after{
  content:'';
  position:absolute;
  inset:4px;
  border-radius:50%;
  background:white;
}

.mc-lbl{
  font-size:17px; /* Von 13px auf 17px */
  color:var(--td);
  line-height:1.5;
}

.ol{
  font-size:16px; /* Von 12px auf 16px */
  color:var(--tm);
  margin-bottom:8px;
  font-weight:500;
}

.ota{
  width:100%;
  padding:16px;
  border:2px solid var(--wg);
  background:white;
  font-family:'DM Sans',sans-serif;
  font-size:17px; /* Von 13px auf 17px */
  color:var(--td);
  outline:none;
  resize:vertical;
  min-height:100px;
  border-radius:4px;
  line-height:1.6;
}

.ota:focus{border-color:var(--red);}

.qnav{
  display:flex;
  gap:16px;
  margin-top:32px;
  align-items:center;
}

.btn-back{
  background:transparent;
  color:var(--tl);
  border:2px solid var(--wg);
  padding:16px 32px; /* Von 12/24px auf 16/32px */
  font-family:'DM Sans',sans-serif;
  font-size:15px; /* Von 11px auf 15px */
  letter-spacing:1px;
  text-transform:uppercase;
  cursor:pointer;
  border-radius:4px;
  transition:all 0.2s;
  font-weight:500;
}

.btn-back:hover{
  color:var(--td);
  border-color:var(--td);
}

.btn-nxt{
  color:white;
  padding:18px 40px; /* Von 14/32px auf 18/40px */
  font-family:'DM Sans',sans-serif;
  font-size:15px; /* Von 11px auf 15px */
  letter-spacing:1px;
  text-transform:uppercase;
  border:none;
  cursor:pointer;
  border-radius:4px;
  transition:all 0.2s;
  font-weight:500;
}

.btn-nxt:disabled{
  background:var(--wg)!important;
  color:var(--tl);
  cursor:not-allowed;
}

/* ===================================
   RESULTS SCREEN - MAXIMALE BREITE
   =================================== */
.rw{
  max-width:1400px; /* Von 860px auf 1400px */
  margin:0 auto;
  padding:60px 40px;
}

.r-title{
  font-family:'Playfair Display',serif;
  font-size:clamp(32px,5vw,48px); /* Von 22-36px auf 32-48px */
  font-weight:900;
  margin-bottom:8px;
}

.r-sub{
  font-size:16px; /* Von 12px auf 16px */
  color:var(--tl);
  margin-bottom:40px;
}

.act-bar{
  display:flex;
  gap:16px;
  margin-bottom:40px;
  flex-wrap:wrap;
}

.btn-pr{
  background:white;
  color:var(--td);
  border:2px solid var(--wg);
  padding:14px 28px; /* Von 10/22px auf 14/28px */
  font-family:'DM Sans',sans-serif;
  font-size:14px; /* Von 10px auf 14px */
  letter-spacing:1px;
  text-transform:uppercase;
  cursor:pointer;
  border-radius:4px;
  transition:all 0.2s;
  font-weight:500;
}

.btn-pr:hover{
  border-color:var(--td);
  box-shadow:0 2px 8px rgba(0,0,0,0.08);
}

.btn-rst{
  background:transparent;
  color:var(--tl);
  border:2px solid var(--wg);
  padding:14px 28px;
  font-family:'DM Sans',sans-serif;
  font-size:14px;
  letter-spacing:1px;
  text-transform:uppercase;
  cursor:pointer;
  border-radius:4px;
  transition:all 0.2s;
  font-weight:500;
}

.btn-rst:hover{
  color:var(--red);
  border-color:var(--red);
}

.as-title{
  font-family:'Playfair Display',serif;
  font-size:26px; /* Von 18px auf 26px */
  font-weight:700;
  margin-bottom:24px;
  padding-bottom:16px;
  border-bottom:2px solid var(--wg);
}

/* Score Grid - 2 Spalten auf großen Bildschirmen */
.sgrid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:24px; /* Von 2px auf 24px - viel mehr Weißraum */
  margin-bottom:40px;
}

.sc{
  background:white;
  padding:32px; /* Von 20/18px auf 32px */
  border-radius:8px;
  border:1px solid var(--wg);
  position:relative;
  overflow:hidden;
  box-shadow:0 2px 12px rgba(0,0,0,0.04);
}

.sc-acc{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:4px;
}

.sc-top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  margin-bottom:16px;
}

.sc-abbr{
  font-family:'Playfair Display',serif;
  font-size:36px; /* Von 26px auf 36px */
  font-weight:900;
}

.sc-lvl{
  font-size:11px; /* Von 9px auf 11px */
  letter-spacing:2px;
  text-transform:uppercase;
  font-weight:600;
  padding:6px 12px;
  border-radius:4px;
}

.sc-name{
  font-size:14px; /* Von 10px auf 14px */
  letter-spacing:1px;
  text-transform:uppercase;
  color:var(--tl);
  margin-bottom:16px;
  font-weight:500;
}

.sc-bg{
  height:8px; /* Von 6px auf 8px */
  background:var(--wg);
  border-radius:4px;
  margin-bottom:12px;
  overflow:hidden;
}

.sc-fill{
  height:8px;
  border-radius:4px;
}

.sc-pts{
  font-family:'Playfair Display',serif;
  font-size:36px; /* Von 28px auf 36px */
  font-weight:900;
  line-height:1;
}

.sc-max{
  font-size:16px; /* Von 11px auf 16px */
  color:var(--tl);
}

.sc-verdict{
  font-size:16px; /* Von 12px auf 16px */
  line-height:1.6;
  color:var(--tm);
  margin-top:16px;
  padding-top:16px;
  border-top:1px solid var(--wg);
}

/* Ausgaben-Row */
.aus-row{
  background:var(--td);
  padding:32px 40px; /* Von 18/22px auf 32/40px */
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:40px;
  flex-wrap:wrap;
  gap:24px;
  border-radius:8px;
}

.aus-lbl{
  font-size:12px; /* Von 9px auf 12px */
  letter-spacing:2px;
  text-transform:uppercase;
  color:rgba(255,255,255,0.5);
  margin-bottom:6px;
  font-weight:500;
}

.aus-val{
  font-family:'Playfair Display',serif;
  font-size:22px; /* Von 16px auf 22px */
  font-weight:700;
  color:white;
}

.aus-verdict{
  font-size:16px; /* Von 12px auf 16px */
  color:rgba(255,255,255,0.7);
  margin-top:8px;
  max-width:700px;
  line-height:1.6;
}

.aus-sc{
  font-family:'Playfair Display',serif;
  font-size:42px; /* Von 32px auf 42px */
  font-weight:900;
  color:white;
}

.aus-sc span{
  font-size:18px; /* Von 13px auf 18px */
  color:rgba(255,255,255,0.5);
}

/* Overall Band */
.ov-band{
  padding:40px 48px; /* Von 24/28px auf 40/48px */
  display:flex;
  align-items:center;
  gap:32px;
  margin-bottom:48px;
  flex-wrap:wrap;
  border-radius:8px;
}

.ov-num{
  font-family:'Playfair Display',serif;
  font-size:72px; /* Von 56px auf 72px */
  font-weight:900;
  color:white;
  line-height:1;
}

.ov-num span{
  font-size:28px; /* Von 20px auf 28px */
  color:rgba(255,255,255,0.5);
}

.ov-txt h3{
  font-family:'Playfair Display',serif;
  font-size:26px; /* Von 18px auf 26px */
  font-weight:700;
  color:white;
  margin-bottom:8px;
}

.ov-txt p{
  font-size:17px; /* Von 13px auf 17px */
  line-height:1.7;
  color:rgba(255,255,255,0.9);
}

.analysis-section{margin-bottom:48px;}

.insight-row{
  display:flex;
  flex-direction:column;
  gap:16px;
}

.insight-item{
  background:white;
  padding:28px 32px; /* Von 14/18px auf 28/32px */
  display:flex;
  gap:20px;
  align-items:flex-start;
  border-radius:8px;
  border:1px solid var(--wg);
  box-shadow:0 2px 12px rgba(0,0,0,0.04);
}

.ins-dot{
  width:14px; /* Von 10px auf 14px */
  height:14px;
  border-radius:50%;
  flex-shrink:0;
  margin-top:6px;
}

.ins-body h5{
  font-size:18px; /* Von 13px auf 18px */
  font-weight:600;
  margin-bottom:8px;
}

.ins-body p{
  font-size:17px; /* Von 12px auf 17px */
  color:var(--tm);
  line-height:1.7;
}

.prio-list{
  display:flex;
  flex-direction:column;
  gap:16px;
  margin-bottom:48px;
}

.prio-item{
  background:white;
  padding:28px 32px; /* Von 14/18px auf 28/32px */
  display:grid;
  grid-template-columns:40px 1fr auto; /* Von 28px auf 40px */
  gap:20px;
  align-items:start;
  border-radius:8px;
  border:1px solid var(--wg);
  box-shadow:0 2px 12px rgba(0,0,0,0.04);
}

.prio-num{
  font-family:'Playfair Display',serif;
  font-size:28px; /* Von 20px auf 28px */
  font-weight:900;
  line-height:1.2;
}

.prio-body h4{
  font-size:18px; /* Von 13px auf 18px */
  font-weight:600;
  color:var(--td);
  margin-bottom:8px;
}

.prio-body p{
  font-size:17px; /* Von 12px auf 17px */
  color:var(--tl);
  line-height:1.7;
}

.prio-badge{
  font-size:11px; /* Von 9px auf 11px */
  letter-spacing:2px;
  text-transform:uppercase;
  padding:6px 12px;
  font-weight:600;
  white-space:nowrap;
  margin-top:4px;
  border-radius:4px;
}

.input-sum{
  background:white;
  border:1px solid var(--wg);
  padding:32px;
  border-radius:8px;
  box-shadow:0 2px 12px rgba(0,0,0,0.04);
}

.input-sum h4{
  font-size:16px; /* Von 12px auf 16px */
  font-weight:600;
  color:var(--td);
  margin:20px 0 8px;
}

.input-sum h4:first-child{margin-top:0;}

.input-sum p{
  font-size:16px; /* Von 12px auf 16px */
  color:var(--tm);
  line-height:1.7;
  margin-bottom:12px;
}

.cta-box{
  padding:48px 56px; /* Von 32/28px auf 48/56px */
  position:relative;
  overflow:hidden;
  margin-bottom:48px;
  border-radius:8px;
}

.cta-box::before{
  content:'';
  position:absolute;
  inset:0;
  background:radial-gradient(ellipse at 80% 50%,rgba(0,0,0,0.15),transparent 60%);
}

.cta-tag{
  font-size:13px; /* Von 10px auf 13px */
  letter-spacing:2px;
  text-transform:uppercase;
  color:rgba(255,255,255,0.7);
  margin-bottom:16px;
  position:relative;
  z-index:1;
  font-weight:500;
}

.cta-title{
  font-family:'Playfair Display',serif;
  font-size:clamp(28px,4vw,40px); /* Von 20-30px auf 28-40px */
  font-weight:900;
  color:white;
  margin-bottom:16px;
  line-height:1.2;
  position:relative;
  z-index:1;
}

.cta-text{
  font-size:18px; /* Von 13px auf 18px */
  color:rgba(255,255,255,0.9);
  line-height:1.7;
  margin-bottom:28px;
  position:relative;
  z-index:1;
  max-width:900px;
}

.cta-features{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-bottom:28px;
  position:relative;
  z-index:1;
}

.cta-feat{
  font-size:15px; /* Von 11px auf 15px */
  background:rgba(255,255,255,0.15);
  padding:10px 18px;
  color:white;
  border-radius:4px;
}

.btn-cta{
  background:white;
  border:none;
  padding:20px 48px; /* Von 16/36px auf 20/48px */
  font-family:'DM Sans',sans-serif;
  font-size:16px; /* Von 12px auf 16px */
  letter-spacing:1px;
  text-transform:uppercase;
  cursor:pointer;
  font-weight:600;
  transition:all 0.2s;
  position:relative;
  z-index:1;
  border-radius:4px;
}

.btn-cta:hover{
  opacity:0.9;
  box-shadow:0 4px 16px rgba(0,0,0,0.2);
}

.eu-wrap{
  background:var(--td);
  padding:40px;
  margin-bottom:48px;
  border-radius:8px;
}

.eu-title{
  font-family:'Playfair Display',serif;
  font-size:28px; /* Von 20px auf 28px */
  font-weight:700;
  color:white;
  margin-bottom:10px;
}

.eu-sub{
  font-size:17px; /* Von 13px auf 17px */
  color:rgba(255,255,255,0.7);
  margin-bottom:24px;
  line-height:1.7;
}

.eu-feats{
  display:flex;
  flex-direction:column;
  gap:12px;
  margin-bottom:24px;
}

.eu-feat{
  font-size:16px; /* Von 12px auf 16px */
  color:rgba(255,255,255,0.85);
  display:flex;
  align-items:center;
  gap:12px;
  line-height:1.6;
}

.eu-feat::before{
  content:'→';
  color:#6EE06E;
  font-weight:700;
  font-size:20px;
}

.eu-row{
  display:flex;
  gap:16px;
  flex-wrap:wrap;
}

.eu-inp{
  flex:1;
  min-width:280px;
  padding:16px 20px; /* Von 12/14px auf 16/20px */
  background:rgba(255,255,255,0.1);
  border:2px solid rgba(255,255,255,0.2);
  color:white;
  font-family:'DM Sans',sans-serif;
  font-size:17px; /* Von 14px auf 17px */
  outline:none;
  border-radius:4px;
}

.eu-inp::placeholder{color:rgba(255,255,255,0.4);}
.eu-inp:focus{border-color:rgba(255,255,255,0.5);}
.eu-inp.err{border-color:var(--red);}

.btn-eu{
  background:var(--red);
  color:white;
  border:none;
  padding:16px 32px; /* Von 12/24px auf 16/32px */
  font-family:'DM Sans',sans-serif;
  font-size:14px; /* Von 10px auf 14px */
  letter-spacing:1px;
  text-transform:uppercase;
  cursor:pointer;
  white-space:nowrap;
  border-radius:4px;
  transition:background 0.2s;
  font-weight:500;
}

.btn-eu:hover{background:var(--red-dark);}

.eu-doi{
  font-size:14px; /* Von 11px auf 14px */
  color:rgba(255,255,255,0.5);
  margin-top:16px;
  line-height:1.7;
}

.doi-confirm{
  background:var(--green);
  padding:32px 40px; /* Von 20/24px auf 32/40px */
  margin-bottom:48px;
  display:none;
  border-radius:8px;
}

.doi-confirm.show{display:block;}

.doi-confirm h3{
  font-family:'Playfair Display',serif;
  font-size:26px; /* Von 18px auf 26px */
  font-weight:700;
  color:white;
  margin-bottom:12px;
}

.doi-confirm p{
  font-size:17px; /* Von 13px auf 17px */
  color:rgba(255,255,255,0.95);
  line-height:1.7;
}

.export-wrap{
  background:white;
  border:1px solid var(--wg);
  padding:32px;
  margin-bottom:48px;
  display:none;
  border-radius:8px;
  box-shadow:0 2px 12px rgba(0,0,0,0.04);
}

.export-wrap.show{display:block;}

.export-title{
  font-size:14px; /* Von 10px auf 14px */
  letter-spacing:2px;
  text-transform:uppercase;
  color:var(--tl);
  margin-bottom:16px;
  font-weight:500;
}

.export-data{
  font-family:monospace;
  font-size:13px; /* Von 11px auf 13px */
  color:var(--tl);
  line-height:1.8;
  white-space:pre-wrap;
  word-break:break-all;
  background:var(--off);
  padding:20px;
  border:1px solid var(--wg);
  border-radius:4px;
}

.btn-copy{
  margin-top:16px;
  background:var(--td);
  color:white;
  border:none;
  padding:12px 24px; /* Von 8/18px auf 12/24px */
  font-family:'DM Sans',sans-serif;
  font-size:14px; /* Von 10px auf 14px */
  letter-spacing:1px;
  text-transform:uppercase;
  cursor:pointer;
  border-radius:4px;
  transition:background 0.2s;
  font-weight:500;
}

.btn-copy:hover{background:#000;}

/* ===================================
   RESPONSIVE
   =================================== */
@media(max-width:1024px){
  .ww{max-width:900px;}
  .rw{max-width:1000px;}
}

@media(max-width:768px){
  body{font-size:16px;}
  .ww,.qw,.rw{padding:40px 24px;}
  .sgrid{grid-template-columns:1fr;}
  .frow{grid-template-columns:1fr;}
  .ov-band{flex-direction:column;align-items:flex-start;}
  .prio-item{grid-template-columns:32px 1fr;}
  .prio-badge{display:none;}
  .eb{padding:32px 28px;}
  .eb-title{font-size:26px;}
  .big-title{font-size:32px;}
  .sub{font-size:18px;}
  .cta-box{padding:32px 28px;}
}

@media print{
  .topbar,.act-bar,.qnav,.eu-wrap,.export-wrap,.btn-cta,.btn-pr,.btn-rst,.test-btn{display:none!important;}
  .screen{display:block!important;}
  #sq,#sw{display:none!important;}
  body{background:white;font-size:12pt;}
  .sc,.input-sum,.prio-item{break-inside:avoid;}
}