/*** MVZM CSS-Definitionen ***/


/****************************************************************************/
/* Aus HEAD-Ende von Site. Noch sauber ins mfvz.css integrieren!



<style>

/* Willkommen-Seite wegen Front-Banner */

/*
#section_1000571 {
    margin-top: 0;
}
*/

/* h3 nach Fotos von pCloud, bspw. in Beiträgen */


.cd-image-block + h3 {
    margin-top: 20px;
}




/* Tabelle Termine */

#section_1000434 .cd-table-value {
    font-weight: bold;
/*    color: slategray !important; */
}

/* Tabelle Vorstand */

#block_1005247 div.cd-group-detail tbody td:nth-child(2) {
    font-weight: bold;
    color: slategray !important;
}

/* Tabelle Revisoren */

#block_1002692 div.cd-group-detail tbody td:nth-child(1) {
    font-weight: bold;
    color: slategray !important;
}



/* Foto / Grafik bei Personenlisten (Vorstand, Revisoren) */

img.cd-group-image {
  display: none;
}

/* ************************************************************************ */

img.cd-image-cover {
    border-radius: 10px;
}


/* Seite: Aktivitäten */

p.cd-image-caption {
    border-radius: 0 0 10px 10px;
}

/*********************
 * Reine HTML-Styles *
 *********************/
 
/* Teils nicht im Design konfigurierbar */

/* Silbentrennung */

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

/* Überschriften */

h1, h2, h3, h4 {
    margin: 10px 0 10px 0;
}

h1, h2, h3 {
  color: #254B75 !important;
}
h4 {
  font-size: 120%;
  color: #3E6A98 !important;
  text-decoration: none;
}

/* Table */

table {
    border: 1px solid #B8C9DB!important;
    border-collapse: collapse;
}

thead tr td {
    background-color: #2F5D8C!important;
    color: #FFFFFF !important;
}

thead tr td, tfoot tr td {
    font-weight: bold !important;
}

table td, table th {
    padding: 5px;
    border: 1px solid #B8C9DB !important;
}

table th {

}

/* Standard-Formatierung für alle Listen */

ul {
    padding-left: 22px;
}

ul li {
    margin-bottom: 10px;
    line-height: 1.5;
}


ol {
    padding-left: 22px;
}

ol li {
    margin-bottom: 10px;
    line-height: 1.5;
}


/*************************** 
 * ClubDesk Redefinitionen *
 ***************************/

/* Bilder, Fotos */

img.cd-image-contain {
  border-radius: 10px; 
}

/* Karten */

#mapsiframe {
  border-radius: 10px;
}

iframe.cd-video-iframe {
	border-radius: 10px !important;
}

/* Tabellen, siehe auch allgemine Tabellendefinitionen */

.cd-table-header {
    background-color: #2F5D8C!important;
    color: #FFFFFF !important;
    font-weight: bold !important;
}

.cd-table-header th {
		font-size: 14px !important;
}

.cd-data-label {
	font-weight: bold;
}


/* Überschriften */

p.cd-additional-teaser {
/*
    color: #3d87a9ff !important;
    font-weight: normal !important;
    margin: 20px 0 0 0; */

    color: #314A73 !important;	/* Wie Headings */
    font-weight: 900 !important;
}

/********************************* 
 * MVZM-Definitionen (mv-Präfix) *
 *********************************/

/* Hinweise */

.mv-hint-info {
    color: slategray !important;
    border-left: 5px solid #8FB6D9 !important;
    padding-left: 10px !important;
}

.mv-hint-flash {
    color: slategray !important;
    background: #e8f7f7;
    border-left: 5px solid #008C8D;
    padding: 14px 18px;
    margin: 20px 0;
    border-radius: 8px;
    
    font-weight: 600;
    color: #254B75;

    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}

/* Markierungen */

.mv-ol-warn {
	border-left: 3px solid orange !important; /* Breite, Stil und Farbe der Linie */
	padding-left: 32px;
}

/* Highlight von verschiedenen Formatierungen, vor allem Textformate */

.mv-hl-strong strong {
    color: SlateGray;
    font-weight: 700;
}

/* iFrame und Embed */

.mv-iframe {
	border-radius: 10px;
}

.mv-iframe-bordered {
	border-radius: 10px;
	border: 1px solid #cccccc !important;
}

/* Menübar mit Buttons */

.mv-button-container {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
    margin: 20px 0px;
}

.mv-button-container button {
    flex: 1 1 45%; /* Minimum 2 Buttons pro Zeile, 45% gibt Platz für beide */
    max-width: 180px; /* Maximale Breite */
    height: 50px;
    font-size: 16px;
    border: none;
    cursor: pointer;
 /*   background-color: #007bff; */
    background-color: #044C77;
    color: white;
    border-radius: 5px;
    transition: 0.3s;
    white-space: nowrap; /* Verhindert Textumbruch */
    overflow: hidden; /* Verhindert, dass der Text außerhalb des Buttons sichtbar wird */
    text-overflow: ellipsis; /* Setzt "..." für abgeschnittenen Text */
}

/* Hover-Effekt */
.mv-button-container button:hover {
    background-color: #0056b3;
}

/* Hover-Effekt */
.mv-button-container button:not([onclick])  {
    background-color: #000000;
	/* cursor: not-allowed; */
	pointer-events: none; /* Klicks blockieren */
}

/* Alert (Schadenmeldung) */

.mv-button-container button.alert-button {
	background-color: #E63946 !important;
}

.mv-button-container button:hover.alert-button {
	background-color: #C92D3A !important;
}


/* Diverse Abstände */

/* Utility-Klassen, Naming angelehnt an Tailwind */

/* Padding */

.mv-pt-none {
	padding-top: 0px !important;
}

.mv-pb-md {
	padding-bottom: 15px !important;
}

.mv-pb-lg {
	padding-bottom: 30px !important;
}

/* Margin */

.mv-margin-0 {
	margin: 0 !important;	/* Obsolete, lassen wegen Kompatibilität */
}

.mv-mt-none {
	margin-top: 0 !important;
}

.mv-mb-none {
	margin-bottom: 0 !important;
}

.mv-mb-sm {
	margin-bottom: 10px;
}

.mv-mb-md {
	margin-bottom: 15px !important;
}

.mv-mb-lg {
}

.mv-mb-normal {
}

/**********************************
 * Spezielle Sektionen und Blöcke *
 **********************************/

/* Grafik / Icon auf den Hauptseiten je nach
   Ausgabegerät unterschiedlich gross darstellen */

/* Auf Smartphones ausblenden */
@media (max-width: 768px) {
    #block_1002244, /* Verein */
    #block_1002773, /* Aktivitäten */
    #block_1002239, /* Flugbetrieb */
    #block_1002748, /* Mitglieder */
    #block_1002354  /* Beiträge */
    {
        display: none !important;
    }
}

/* Auf Desktop und Tablets ausblenden */
@media (min-width: 769px) {
    #block_1002784, /* Verein */
    #block_1002785, /* Aktivitäten */
    #block_1002786, /* Flugbetrieb */
    #block_1002787, /* Mitglieder */
    #block_1002788  /* Beiträge */
    {
        display: none !important;
    }
}

/* Das Logo soll über allem liegen, damit es nicht die Höhe des Navigationsbalkens
 * definiert und dieser schmaler sein kann als die Logohöhe */


/* Bezugspunkt für das frei positionierte Logo */
#cd-navigation-element .cd-navigation-bar-content {
    position: relative;
    overflow: visible;
}

/* Logo-Container aus dem normalen Layoutfluss nehmen */
#cd-navigation-element .cd-club-logo-and-name {
    position: absolute;
    left: 0;
    top: 10px;
    z-index: 20;
}

/* Überstand des Logos zulassen */
#cd-navigation-element,
#cd-navigation-element .cd-navigation-bar {
    overflow: visible;
}

/* Button in Startseite Neuste Beiträge erhält einen Pfeil nach unten */

div#block_1001631_content .cd-button {
    position: relative;
}

div#block_1001631_content .cd-button::before {
    content: "\f0ab"; /* Font Awesome: circle-arrow-down */
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
}

/* Tabelle in Adressliste und Terminliste */

#section_1000435 table tbody tr:nth-child(odd),
#section_1000434 table tbody tr:nth-child(odd) {
    background-color: #ffffff !important;
}

#section_1000435 table tbody tr:nth-child(even),
#section_1000434 table tbody tr:nth-child(even) {
    background-color: #E8F0F8 !important; /*#e8f4ff !important;*/
}

#section_1000435 table tbody tr:hover,
#section_1000434 table tbody tr:hover {
    background-color: #CDE0F5 !important; /*#d6eaff; /* Hellblau beim Überfahren */
}

#section_1000435 table tbody td:first-child,
#section_1000434 table tbody td:first-child,
#section_1000438 table tbody td:first-child {
    font-weight: bold;
    color: slategray;
}

/* Tabelle in Terminliste (Umbruch in Spalte) */

#section_1000434 table td:first-child,
#section_1000434 table th:first-child {
    width: 150px !important;
    min-width: 150px;
    white-space: normal;
}

/*
 Für beste Darstellung der Themen Icons.
 Diese sind 128 px gross.
*/

#block_1002354 img.cd-image-contain,
#block_1002244 img.cd-image-contain {
	width: auto;
	display: block;
	margin: 0 auto;
}

/* Wind Finder Widget in Seite einpassen */

div#block_1002399_content {
	margin-top: 10px;
	margin-bottom: 10px;
}

/***** Adressblock für einzelne Adresse */
/***** Im Prototyp-Stadium, bezieht sich auf Datenschutz-Test */
/***** Entfernen vor Release falls nicht gebraucht wird */

div#block_1002223_content {
  padding:0;
}

div#block_1002223_content .cd-tile-container {
  padding:0;
  margin: 0;
}

div#block_1002223_content .cd-tile-v-main-area {
  padding:0;
  background: transparent;
}

div#block_1002223_content .cd-tile-v-main-heading {
  margin:0;
  text-align: left;
  color: black;
  font-weight: normal;
}

div#block_1002223_content .cd-tile-v-detail-area {
  padding:0;
}

div#block_1002223_content .cd-tile-v-detail-area li {
  padding:0;
}

/***********
 * Devices *
 ***********/

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

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