/*** Frauenverein Dietlikon eigene CSS-Definitionen ***/

/* Nur per CSS machbare Korrekturen, die sich nicht im GUI machen lassen */

/* Silbentrennung */

main {
  hyphens: auto;
  -webkit-hyphens: auto; /* Safari */
  -ms-hyphens: auto;     /* Internet Explorer */
  word-wrap: break-word; /* falls nötig, zusätzliche Unterstützung */
}

/* Utilities */

.spacer { height: 10px; }

.no-margin-top { margin-top: 0 !important; }

/* Texte */

h1,
h2,
h3,
h4 {
  color: #008C8D !important;
  font-weight: 600 !important;
}

@media screen {
  /* Header Hintergrund */
  .cd-navigation-bar-content {
    background: linear-gradient(
      90deg,
      #bfeeee 0%,
      #4fbcbc 50%,
      #008C8D 100%
    );
  }
  
  /* Navigation Eintrag Hover */
  a.cd-menu-item:hover { background-color: #9EDCDD; }
  
  /* Ornament */
  body::before {
  content: "";
  position: fixed;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 1000;
  background: no-repeat bottom right / contain;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 300 600' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%2301bdbe' opacity='.08	' d='m 180,600 c 0,0 8,-24 18,-55 -63,-18 -28,-79 -48,-142 37,31 70,57 52,131 15,-46 32,-102 33,-121 1,-11 -1,-23 -3,-36 -46,-15 -81,-35 -66,-87 17,42 50,34 63,68 -7,-33 -18,-69 -26,-101 -59,4 -51,-34 -53,-76 8,47 38,28 51,66 -4,-19 -7,-36 -6,-49 0,-18 12,-40 26,-59 -37,-27 -22,-48 8,-86 -23,57 7,52 -5,82 22,-29 49,-52 49,-52 0,0 -71,75 -71,114 0,3 0,7 1,11 18,-64 44,-20 73,-58 -24,59 -36,66 -72,62 4,22 13,57 22,93 -5,-42 34,-41 56,-77 -24,60 13,69 -52,94 8,35 15,69 15,92 0,7 -2,17 -4,29 20,-47 36,-36 53,-90 0,69 -18,108 -57,109 -14,59 -42,138 -42,138 z'/%3E%3C/svg%3E");
  }
}

/* Logo  */
.cd-club-logo { height: 80px; }
.cd-navigation-bar-content { padding: 5px 30px; }

/* Footerhöhe verkleinern */

#block_1000946_content { height: 0; }

/* Button für Download */

div#block_1002822_content .cd-button::before,
div#block_1002824_content .cd-button::before,
div#block_1002849_content .cd-button::before {
  content: "\f019";              /* Unicode für Download-Icon */
  font-family: "Font Awesome 6 Free";
  font-weight: 900;              /* wichtig für solid icons */
  margin-right: 8px;             /* Abstand zum Text */
}

/* Bilder */

div#block_1002069 img { border-radius: 10px !important; }

.cd-image-caption {
  font-family: arial !important;
  font-size: 90% !important;
  font-style: italic !important;
}

/* Fix damit Bildunterschrift auch auf Smartphone angezeigt wird */

@media (max-width: 576px) {
  .cd-image-caption-container { display: initial; }
}

/* Bullet list */

div#section_1000508.cd-section ul,
div#section_1001058.cd-section ul {
  margin-left: 0;
  padding-left: 20px; /* Einrückung für Bullet + Text */
  list-style-position: outside;
}

div#section_1000508.cd-section ul li,
div#section_1001058.cd-section ul li {
  padding-left: 5px; /* optional Feintuning */
}

div#section_1000508.cd-section ul li + li,
div#section_1001058.cd-section ul li + li { margin-top: 15px; }

/* Maps-Karten bei Details (Termine, etc.) */

#mapsiframe { border-radius: 10px; }

/* Willkommen */

div#section_1000775.cd-section h3 { font-size: 140% !important; }

/* Programm */

/* Nur 1 genereller Eintrag bei Lismer-Gruppe */

div#block_1003024 p.cd-detailPageNavigation,
div#block_1003024 div.event-list.cd-tile-h h3 { display: none; }

/* Bei Bedarf: Fontgrösse anpassen, ist im Template etwas speziell konfiguriert */

/* .cd-value-html p { font-size: 16px !important; } */

/* Fontgrösse in Detailansicht anpassen */

.cd-detail-area div.cd-data-value { font-size: 18px; }

/* Zeilenumbruch in Detailansicht ermöglichen */

.cd-tile-h-detail-value {
  white-space: normal;        /* erlaubt normalen Zeilenumbruch */
  overflow-wrap: break-word;  /* bricht lange Wörter */
  word-break: break-word;     /* zusätzliche Absicherung */
}

/* Wörter «Ort» und «Text» nicht anzeigen, ca. linksbündig mit Anlass-Titel */
.cd-tile-h-detail-label { display: none; }
.cd-tile-h-detail-col,
.cd-tile-h-detail-area { padding: 3px; }

/* Impressionen: Karussell */

#section_1000509 img { border-radius: 20px; }

/* Summermärt */

div#block_1002859_content img.cd-image-contain { width: auto !important; }

/* Tasten Testseite + Home: Programm / Vorstand */

#block_1003031_content a,
#block_1003032_content a,
#block_1001919_content a,
#block_1002466_content a {
  width: 15rem;
  max-width: 100%;
}

/* weniger Rand in schmalen Fenstern */

@media screen and (max-width: 576px) {
  .cd-navigation-bar-content { padding: 10px; }

  .cd-block .cd-block-content { padding: 0;}
  
  .cd-col div.cd-block:first-of-type .cd-block-content { padding-top: 0; }
  
  h1 { margin: 10px 0 5px 0; }

  a.cd-club-name, 
  a.cd-club-name:visited, 
  a.cd-club-name:hover {
		font-size: 22px;
	}
	
	/* 1. Block im Footer */
	#block_1000946,
	#block_1000947 { display: none; }
}


/* Dunkelmodus (dark mode) */
/* sehr einfache Variante: alles umdrehen, dann Bilder zurück drehen */
/* Body Farbe (statt transparent), damit dark mode auch in Chrome funktioniert */
body { background: white; }

@media screen and (prefers-color-scheme: dark) {

  html { background: #111; }
  
  html,
  img,
  video { filter: invert() hue-rotate(180deg); }
  
  /* Korrektur Fussteil, bleibt sonst schwarz mit schwarzer Schrift */
  footer { background: #008c8d; }
    
  /* Summermärt Bild aufhellen */
  div#block_1002859_content img.cd-image-contain { filter: brightness(.9); }

}


/* Drucklayout */

@media print {

  body { padding-left: 1cm;}

  /* Logo Hintergrund */
  .cd-club-logo { height: 80px; }

  .cd-navigation-bar-content { 
    background: none !important;
    padding-bottom: 0;
  }

  .cd-section { padding-top: 0; }

  div.menu-bar,
  div.menu-bar-fixed,
  div.mobile-menu-bar,
  div.mobile-menu-bar-fixed,
  div.cd-mobile-menu-bar-content,
  .cd-button-primary,
  .cd-button-secondary,
  .cd-button-tertiary,
  .cd-totop-button,
  footer { display: none; }

  /* Schrift */
  :root { font-size: 10pt; }

  html,
  td,
  div,
  p { line-height: 1.2; }

  p,
  div,
  .cd-tile-h-main-heading { font-size: 1rem !important; }

  h1 { font-size: 1.6rem; }
  h2 { font-size: 1.3rem; }
  h3 { font-size: 1.2rem; }
  h4 { font-size: 1.1rem; }
  h5 { font-size: 0.95rem; }

  h1,
  h2,
  h3,
  h4 { 
    margin: .2em 0;
    line-height: 1.1;
  }

  div#section_1000775.cd-section h3 { font-size: 1.2rem !important; }

  a.cd-button-primary,
  input.cd-button-primary,
  button.cd-button-primary { font-size: 1.1rem; }

  .cd-col div.cd-block:first-of-type .cd-block-content { padding-top: .5em; }

  /* Programm */

  .event-list * {
    background: none !important;
    color: black !important;
  }

  div.cd-tile-h-box,
  div.cd-tile-h-box:hover {
    background: none !important;
    box-shadow: none !important;
    border: none !important;
  }

  div.cd-tile-h-main-area { 
    background: none !important;
    padding-bottom: 0;
  }

  .cd-tile-h-box { margin-bottom: 0; }
  
  #section_1000507 h3 { padding-top: .5rem; }

  .cd-tile-container { border-bottom: thin solid rgba(0,140,141,1.0); }

  .cd-tile-h-detail-area { padding: 0 1rem; }

  div.cd-tile-h-detail-area { background: none !important; }

  .program-type-icon {
    top: 30px;
    width: 60px;
    height: 60px;
  }

  *:focus { outline-width: 0 !important; }

  /* Kontaktformular nicht */
  #section_1001047 { display: none; }
  
  /* Name + Funktion */
  .cd-tile-v-main-area,
  .cd-tile-v-main-area * {
    background: none !important;
    color: black !important;
  }

  /* Korrektur, damit Safari Bilder druckt */

  .cd-image-content {
    -webkit-mask-image: none !important;
    mask-image: none !important;
  }

  .cd-image-content img,
  img.cd-image-contain {
    opacity: 1 !important;
    filter: none !important;
    -webkit-filter: none !important;
  }
  
}