/* Schwimmspass — Nachbau des Original-Designs (morenet.css / jsn_blank_pro)
   Farben:  Gelb #fdc300 | Blau #009fe3 | Hellblau #35bff0 | Seiten-BG #e7f8ff   */
@import url('https://fonts.googleapis.com/css?family=Cabin+Sketch:400,700&display=swap');

/* ---------- Grundfarben / Hintergrund ---------- */
body, .site { background-color: #e7f8ff; color: #404040; font-family: Arial, Helvetica, sans-serif; }
a { color: #35bff0; text-decoration: none; }
a:hover { color: #fdc300; text-decoration: none; }

/* ---------- Überschriften (Cabin Sketch, gelb/hellblau) ---------- */
h1, h3, h4 { color: #fdc300; font-family: 'Cabin Sketch', cursive; font-weight: 700; }
h2 { color: #35bff0; font-family: 'Cabin Sketch', cursive; font-weight: 700; }
.page-header h1, .item-page h1 { color: #fdc300; }

/* ---------- Header: hellblau, Logo oben RECHTS, Menü DARUNTER ---------- */
.container-header { background: #e7f8ff !important; border-bottom: none; box-shadow: none;
  display: flex !important; flex-direction: column; }
.container-header > .grid-child:first-child { text-align: right; }  /* Logo-Zeile, rechtsbündig */
.navbar-brand { display: inline-block; }
.container-nav { width: 100%; }  /* Menü darunter, volle Breite */
.navbar-brand img.logo { max-height: 96px; width: auto; margin: 12px 0; }

/* ---------- Hauptmenü: kein Balken, großer Cabin-Sketch-Text ---------- */
.container-nav { background: transparent !important; border: none; }
.container-nav .navbar, .container-nav nav { background: transparent !important; }
ul#menu.menu-mainmenu { font-family: 'Cabin Sketch', cursive; font-size: 1.7rem; }
ul#menu.menu-mainmenu > li > a { color: #35bff0; background: transparent !important; font-weight: 700; padding: .2rem 1rem; }
ul#menu.menu-mainmenu > li > a:hover,
ul#menu.menu-mainmenu > li.current > a,
ul#menu.menu-mainmenu > li.active > a { color: #fdc300 !important; background: transparent !important; }
.navbar-toggler { color: #35bff0; border-color: #35bff0; }

/* ---------- Inhalt: weiße abgerundete Box mit hellblauem Rand ---------- */
.container-component {
  background: #fff; border: 2px solid #35bff0; border-radius: 20px;
  padding: 18px 28px 28px; margin-top: 1rem;
}

/* ---------- Listen mit Enten-Bullet (wie früher) ---------- */
.container-component ul:not(.nav):not(.mod-menu):not(.pagination) li {
  list-style-image: url('/images/duckcheck.png'); margin-left: 2.2rem;
}

/* ---------- Boxen unten / Sidebar: weiß, abgerundet, hellblauer Rand ---------- */
.container-bottom-a { display: block !important; background: transparent; margin-top: 1rem; }
.container-bottom-a > * { width: 100% !important; max-width: 100% !important; display: block; }
.menubox-1, .container-bottom-a .card, .container-bottom-a .moduletable, .sidebar-right.card {
  background: #fff; border: 2px solid #35bff0; border-radius: 20px;
  padding: 12px 22px; margin-bottom: 1rem;
}
.menubox-1 h3, .container-bottom-a h3, h3.jsn-moduletitle,
.container-bottom-a .card-header, .container-bottom-a .moduletable > h3 {
  color: #fdc300; font-family: 'Cabin Sketch', cursive; font-weight: 700;
  font-size: 1.5rem; background: transparent; border: none; padding: 0 0 .4rem; margin: 0;
}
/* Box-Menüs (Termine/Anmeldung/Seitenmenu) in Cabin Sketch, gelb wenn aktiv */
.container-bottom-a .mod-menu { font-family: 'Cabin Sketch', cursive; font-size: 1.3rem; }
.container-bottom-a .mod-menu .nav-link { color: #35bff0; padding: .15rem 0; }
.container-bottom-a .mod-menu .nav-link:hover,
.container-bottom-a .mod-menu .active > .nav-link { color: #fdc300; }

/* ---------- Footer (morenet) ---------- */
.container-footer { background: #e7f8ff; color: #000; margin-top: 1rem; }
.moreNetFooter, .container-footer { text-align: center; }
.container-footer a { color: #000; }

/* ---------- Buttons ---------- */
.btn-primary { background: #009fe3; border-color: #009fe3; }
.btn-primary:hover { background: #35bff0; border-color: #35bff0; }

/* ---------- Phoca: Dateinamen-Unterschrift unter Thumbnails ausblenden ---------- */
.pg-item-box-title.image { display: none; }

/* Visforms Abschnitts-Überschriften (wie Original) */
.vf-section { color:#35bff0; font-family:"Cabin Sketch",cursive; font-weight:700; font-size:1.4rem; margin:1.3rem 0 .5rem; border-bottom:1px solid #cbe9f5; }

/* Formular-Feinschliff (29.05.) */
/* Abschnitts-Überschriften: blau, normale Schrift, nur etwas größer */
.vf-section { color:#009fe3 !important; font-family:Arial,Helvetica,sans-serif !important; font-weight:600 !important; font-size:1.18rem !important; border-bottom:none !important; margin:1.3rem 0 .4rem; }
/* Wünsche-Textarea breit */
.visform textarea { width:100% !important; min-height:130px; }
/* Likert (Wasser-Kurszeitwunsch) kompakter + schmaler */
.vf-likert { font-size:.8rem; max-width:760px; }
.vf-likert label { font-size:.8rem !important; font-weight:normal !important; margin:0 .3rem 0 .1rem; white-space:nowrap; display:inline-block; }
.vf-likert .control-label { font-weight:600 !important; font-size:.82rem !important; white-space:normal; }

/* Likert: Zeilen-Label feste Breite -> Radios bündig ausgerichtet */
.vf-likert > label[id$="lbl"] { display:inline-block !important; width:300px; vertical-align:top; white-space:normal !important; font-weight:600 !important; margin-right:.5rem; }
.vf-likert > p { display:inline-block !important; vertical-align:top; margin:0; }
.vf-likert > p label { display:inline-block; width:auto !important; margin:0 .45rem 0 .12rem !important; white-space:nowrap; }

/* Alternative Kurstage Bäder: Checkboxen untereinander */
.field32 > p { overflow:hidden; }
.field32 > p input[type="checkbox"] { float:left; clear:left; margin:3px 6px 0 0; }
.field32 > p label { display:block; margin:0 0 5px 0; white-space:normal; }

/* Wünsche-Textarea kleiner: ~2/3 Breite, ~halbe Höhe */
.visform textarea { width:66% !important; height:70px !important; min-height:70px !important; }