:root{
  --bdb-text:   #1b2a35;
  --bdb-muted:  #3a5566;
  --bdb-line:   rgba(27,42,53,.18);

  --bdb-blue-1: #eaf6ff;
  --bdb-blue-3: #bfe6ff;
  --bdb-blue-5: #2b8fd6;
}

html, body{
  margin: 0;
  padding: 0;
  color: var(--bdb-text);
  background: #fff;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 1.45;
}

/* Container: auf Handy Luft, auf Desktop nicht zu breit */
.bdb-feedback-wrap{
  max-width: 1100px;
  margin: 0 auto;
  padding: 18px 18px 28px;
}

/* Typo-Grundlagen */
h1, h2, h3{
  line-height: 1.15;
  margin: 0 0 0.6em 0;
}
h1{ font-size: 2rem; }
h2{ font-size: 1.35rem; }
h3{ font-size: 1.15rem; }

p{ margin: 0 0 1em 0; }

a{
  color: #0084C3;
  text-decoration: none;
  font-weight: 700;
}
a:hover{ text-decoration: underline; }

/* Formulare/Inputs (damit Feedback-Seite nicht "raw" wirkt) */
input, select, textarea, button{
  font-family: inherit;
  font-size: 1rem;
}

input, select, textarea{
  max-width: 100%;
  box-sizing: border-box;
}

button{
  cursor: pointer;
}

/* Bilder/QR etc. sollen nie überlaufen */
img, svg, canvas, iframe{
  max-width: 100%;
  height: auto;
}

/* Iframe (falls das Feedback-Modul im Wrapper/iframe arbeitet) */
iframe{
  display: block;
  width: 100%;
  border: 0;
}

/* Mobile: etwas kompakter */
@media (max-width: 48em){
  .bdb-feedback-wrap{
    padding: 14px 12px 22px;
  }
  h1{ font-size: 1.6rem; }
  h2{ font-size: 1.2rem; }
}