.danke {
  position: fixed;
  inset: 0;
  z-index: 330;
  overflow-y: auto;
  overscroll-behavior: contain;
  background: radial-gradient(ellipse 80% 60% at 50% 30%, rgba(24, 19, 10, .96) 0%, rgba(5, 5, 6, .98) 70%, #020203 100%);
  opacity: 0;
  transition: opacity .9s ease;
}
.danke.auf { opacity: 1; }
:root .danke, :root .danke * { cursor: default !important; }
:root .danke button, :root .danke a { cursor: pointer !important; }
:root .danke textarea { cursor: text !important; }
html.handy .danke { touch-action: pan-y; }
.dk-satz {
  display: grid;
  justify-items: center;
  gap: 1.1em;
  width: min(1900px, 100%);
  margin: 0 auto;
  padding: clamp(28px, 7vh, 80px) 16px 56px;
  box-sizing: border-box;
  text-align: center;
  font-family: "Helvetica Neue", Arial, sans-serif;
  color: #efe6d4;
}
.danke .sk-strich { transform: none; }
.dk-titel {
  display: block;
  font: 900 clamp(2rem, 6vw, 4.4rem)/1.05 "Arial Black", "Segoe UI Black", Impact, sans-serif;
  letter-spacing: .02em;
  color: #ffe9b4;
  text-shadow: 0 4px 30px rgba(0, 0, 0, .9), 0 0 40px rgba(216, 163, 60, .25);
}
.dk-text {
  display: block;
  max-width: 34em;
  font-size: clamp(1rem, 1.8vw, 1.3rem);
  line-height: 1.45;
  color: rgba(239, 230, 212, .85);
}
.dk-frage {
  display: grid;
  justify-items: center;
  gap: .8em;
  margin: .6em 0 .2em;
  width: min(36em, 100%);
}
.dk-frage > b { font-size: clamp(1.15rem, 2.2vw, 1.6rem); color: #ffe9b4; }
.dk-wahl { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; }
.dk-wahl button, .dk-mehr button, .dk-neu {
  font: 700 .85rem "Helvetica Neue", Arial, sans-serif;
  letter-spacing: .18em;
  text-transform: uppercase;
  border-radius: 3px;
  padding: 13px 20px;
}
.dk-wahl button {
  color: #f0d9a8;
  background: rgba(216, 163, 60, .08);
  border: 1px solid rgba(216, 163, 60, .55);
}
.dk-wahl button:hover, .dk-wahl button:focus-visible { background: rgba(216, 163, 60, .2); outline: none; }
.dk-wahl button[aria-pressed="true"] { color: #1a1408; background: #d8a33c; border-color: #d8a33c; }
.dk-mehr { display: grid; gap: 8px; width: 100%; text-align: left; }
.dk-mehr[hidden] { display: none; }
.dk-mehr label { font-size: .95rem; color: rgba(239, 230, 212, .75); }
.dk-mehr textarea {
  width: 100%;
  box-sizing: border-box;
  resize: vertical;
  font: 1rem/1.4 "Helvetica Neue", Arial, sans-serif;
  color: #efe6d4;
  background: rgba(0, 0, 0, .45);
  border: 1px solid rgba(216, 163, 60, .4);
  border-radius: 3px;
  padding: 10px 12px;
}
.dk-mehr textarea:focus { outline: none; border-color: #d8a33c; }
.dk-mehr button { justify-self: end; color: #1a1408; background: #d8a33c; border: 0; }
.dk-mehr button:hover, .dk-mehr button:focus-visible { background: #f0c35a; outline: none; }
.dk-antwort { min-height: 1.4em; margin: 0; color: rgba(240, 214, 160, .9); }
.dk-auch {
  font-size: clamp(.78rem, 1.2vw, .95rem);
  letter-spacing: .38em;
  text-transform: uppercase;
  color: rgba(216, 163, 60, .9);
}

.dk-projekte {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}
.dk-projekte a {
  display: block;
  border-radius: 10px;
  overflow: hidden;
  border: 1px solid rgba(216, 163, 60, .22);
  transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}
.dk-projekte a:hover, .dk-projekte a:focus-visible {
  transform: translateY(-3px);
  border-color: rgba(216, 163, 60, .7);
  box-shadow: 0 10px 28px rgba(0, 0, 0, .6);
  outline: none;
}
.dk-projekte img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 1; }
@media (max-width: 1000px) { .dk-projekte { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 620px) { .dk-projekte { grid-template-columns: 1fr; } }
.dk-knoepfe { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; margin-top: 1.2em; }
.dk-neu { color: #f0d9a8; background: transparent; border: 1px solid rgba(216, 163, 60, .55); }
.dk-neu:first-child { color: #1a1408; background: #d8a33c; border-color: #d8a33c; }
.dk-neu:hover, .dk-neu:focus-visible { background: #f0c35a; color: #1a1408; outline: none; }
@media (prefers-reduced-motion: reduce) {
  .danke, .dk-projekte a { transition: none !important; }
}