/* Startseiten-Tryout – unabhängig vom bestehenden Layout */
.tryout-flag{position:fixed;right:0;top:50%;transform:translateY(-50%);z-index:10010;border:0;border-radius:6px 0 0 6px;background:#ed8830;color:#321b57;font:800 15px "Oswald",Arial,sans-serif;writing-mode:vertical-rl;transform-origin:center;cursor:pointer;padding:19px 10px;box-shadow:0 4px 18px #0004}
.tryout-flag:hover,.tryout-flag:focus-visible{background:#ffa64d}
.tryout-overlay[hidden],.tryout-flag[hidden]{display:none!important}
.tryout-overlay{position:fixed;inset:0;z-index:10020;background:rgba(15,8,29,.72);display:flex;align-items:center;justify-content:center;padding:16px}
.tryout-dialog{position:relative;display:grid;grid-template-columns:minmax(0,1.65fr) minmax(250px,1fr);width:min(1160px,100%);max-height:min(92dvh,900px);overflow:hidden;border-radius:12px;background:#35205d;color:white;box-shadow:0 24px 80px #0008}
.tryout-dialog__body{padding:26px 28px;overflow-y:auto;overscroll-behavior:contain}
.tryout-dialog__title{font-size:clamp(27px,3vw,42px);line-height:1.12;font-weight:900;margin:0 44px 8px 0;color:white}
.tryout-dialog__intro{font-weight:800;margin:0 0 18px}
.tryout-dialog__body p{line-height:1.4;margin:0 0 16px}
.tryout-dialog__image{background:#24133f;min-height:100%;overflow:hidden}
.tryout-dialog__image img{width:100%;height:100%;object-fit:cover}
.tryout-dialog__close{position:absolute;z-index:2;top:14px;right:14px;border:0;border-radius:50%;background:#f0f0f0;color:#333;width:42px;height:42px;font-size:30px;line-height:1;cursor:pointer}
.tryout-form{display:grid;gap:9px;max-width:540px}
.tryout-form label{font-weight:800}
.tryout-form input:not([type=checkbox]),.tryout-form textarea{width:100%;border:1px solid transparent;border-radius:5px;padding:12px;background:#5d4a7e;color:#fff;font:inherit}
.tryout-form input:focus,.tryout-form textarea:focus{outline:2px solid #f49a43}
.tryout-form textarea{min-height:64px;resize:vertical}
.tryout-form__check{display:flex;gap:10px;align-items:flex-start;font-weight:700}
.tryout-form__check input{margin-top:5px}
.tryout-form__submit{justify-self:center;background:#557af1;border:0;border-radius:5px;color:white;font:800 18px "Oswald",Arial,sans-serif;padding:11px 32px;cursor:pointer}
.tryout-form__submit:hover{background:#7290ff}
.tryout-form__status{font-weight:700;min-height:1.4em}
.tryout-hp{position:absolute!important;left:-9999px!important;opacity:0!important}
body.tryout-open{overflow:hidden}
@media(max-width:760px){
 .tryout-overlay{padding:10px}
 .tryout-dialog{display:flex;flex-direction:column;max-height:94dvh}
 .tryout-dialog__body{padding:22px 18px;overflow-y:auto}
 .tryout-dialog__image{display:none}
 .tryout-dialog__title{font-size:clamp(25px,7vw,34px)}
 .tryout-flag{font-size:13px;padding:13px 8px}
 .tryout-form{gap:7px}
 .tryout-dialog__body p{margin-bottom:12px}
}
@media(prefers-reduced-motion:reduce){.tryout-dialog *{scroll-behavior:auto}}

/* Compact popup: keep the complete form within the viewport on desktop. */
@media (min-width:761px) {
 .tryout-dialog {max-height:calc(100dvh - 24px);grid-template-columns:minmax(0,1.65fr) minmax(240px,1fr)}
 .tryout-dialog__body {padding:clamp(12px,2vh,22px) 24px;overflow-y:auto}
 .tryout-dialog__title {font-size:clamp(24px,2.4vw,36px);line-height:1.08;margin-bottom:6px}
 .tryout-dialog__intro {font-size:clamp(12px,1vw,15px);margin-bottom:10px}
 .tryout-dialog__body p {font-size:clamp(12px,.95vw,15px);line-height:1.24;margin-bottom:10px}
 .tryout-form {gap:5px}
 .tryout-form label {font-size:clamp(12px,.95vw,15px);line-height:1.2}
 .tryout-form input:not([type=checkbox]),.tryout-form textarea {padding:8px 10px;font-size:14px}
 .tryout-form textarea {min-height:48px}
 .tryout-form__submit {padding:8px 25px;font-size:16px}
 .tryout-form__status {min-height:1em;font-size:13px}
}
@media (max-height:750px) and (min-width:761px) {
 .tryout-dialog__body {padding:12px 20px}
 .tryout-dialog__title {font-size:27px}
 .tryout-dialog__body p {font-size:12px;margin-bottom:7px}
 .tryout-dialog__intro {margin-bottom:7px}
 .tryout-form {gap:3px}
 .tryout-form input:not([type=checkbox]),.tryout-form textarea {padding:6px 9px}
 .tryout-form textarea {min-height:40px}
}

/* Readable popup typography and clean action controls */
.tryout-dialog,
.tryout-dialog__body,
.tryout-dialog__body p,
.tryout-dialog__intro,
.tryout-form,
.tryout-form label,
.tryout-form input,
.tryout-form textarea,
.tryout-form__submit,
.tryout-flag {
  font-family: Arial, Helvetica, sans-serif !important;
  letter-spacing: normal;
  text-transform: none;
}
.tryout-dialog__title {
  font-family: Arial, Helvetica, sans-serif !important;
  font-weight: 800;
  letter-spacing: -.025em;
  line-height: 1.15;
}
.tryout-dialog__body p {font-weight: 400;line-height:1.48}
.tryout-dialog__intro {font-weight: 600}
.tryout-form label {font-weight: 600}
.tryout-dialog__close,
.tryout-flag {
  outline: none;
  border: 0 !important;
  box-shadow: none !important;
  appearance: none;
  -webkit-appearance: none;
}
.tryout-dialog__close {
  background: #f0f0f0 !important;
  color: #333 !important;
  border-radius: 50% !important;
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  padding: 0;
  font-family: Arial, Helvetica, sans-serif !important;
  font-weight: 400;
}
.tryout-flag {background:#ed8830 !important;color:#321b57 !important;border-radius:6px 0 0 6px !important;font-weight:700}
.tryout-dialog__close:focus-visible,.tryout-flag:focus-visible {outline:2px solid #fff;outline-offset:3px}
@media (min-width:761px) {
 .tryout-dialog__body p {font-size:clamp(12px,1vw,14px);line-height:1.42;margin-bottom:9px}
 .tryout-dialog__title {font-size:clamp(23px,2.25vw,34px)}
 .tryout-form label {font-size:13px}
}