/* Hier können Sie bei Bedarf Ihre eigenen CSS-Definitionen einfügen. */




/* Regular */
@font-face {
    font-family: "Brockmann";
    src: url("/clubdesk/wwwfiles/brockmann-regular-webfont.woff2") format("woff2"),
         url("/clubdesk/wwwfiles/brockmann-regular-webfont.woff") format("woff");
    font-weight: 400;
    font-style: normal;
}

/* Regular Italic */
@font-face {
    font-family: "Brockmann";
    src: url("/clubdesk/wwwfiles/brockmann-regularitalic-webfont.woff2") format("woff2"),
         url("/clubdesk/wwwfiles/brockmann-regularitalic-webfont.woff") format("woff");
    font-weight: 400;
    font-style: italic;
}

/* Medium */
@font-face {
    font-family: "Brockmann";
    src: url("/clubdesk/wwwfiles/brockmann-medium-webfont.woff2") format("woff2"),
         url("/clubdesk/wwwfiles/brockmann-medium-webfont.woff") format("woff");
    font-weight: 500;
    font-style: normal;
}

/* Medium Italic */
@font-face {
    font-family: "Brockmann";
    src: url("/clubdesk/wwwfiles/brockmann-mediumitalic-webfont.woff2") format("woff2"),
         url("/clubdesk/wwwfiles/brockmann-mediumitalic-webfont.woff") format("woff");
    font-weight: 500;
    font-style: italic;
}

/* Semibold */
@font-face {
    font-family: "Brockmann";
    src: url("/clubdesk/wwwfiles/brockmann-semibold-webfont.woff2") format("woff2"),
         url("/clubdesk/wwwfiles/brockmann-semibold-webfont.woff") format("woff");
    font-weight: 600;
    font-style: normal;
}

/* Semibold Italic */
@font-face {
    font-family: "Brockmann";
    src: url("/clubdesk/wwwfiles/brockmann-semibolditalic-webfont.woff2") format("woff2"),
         url("/clubdesk/wwwfiles/brockmann-semibolditalic-webfont.woff") format("woff");
    font-weight: 600;
    font-style: italic;
}

/* Bold */
@font-face {
    font-family: "Brockmann";
    src: url("/clubdesk/wwwfiles/brockmann-bold-webfont.woff2") format("woff2"),
         url("/clubdesk/wwwfiles/brockmann-bold-webfont.woff") format("woff");
    font-weight: 700;
    font-style: normal;
}

/* Bold Italic */
@font-face {
    font-family: "Brockmann";
    src: url("/clubdesk/wwwfiles/brockmann-bolditalic-webfont.woff2") format("woff2"),
         url("/clubdesk/wwwfiles/brockmann-bolditalic-webfont.woff") format("woff");
    font-weight: 700;
    font-style: italic;
}


/* Globale Schrift nur für Text-Elemente */
body,
p,
h1, h2, h3, h4, h5, h6,
span,
a,
li,
button,
input,
textarea,
label {
    font-family: "Brockmann", sans-serif !important;
}







/* Standard: alle Bilder achteckig */
img:not(.cd-club-logo) {
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 1;
    object-fit: cover;

    clip-path: polygon(
        30% 0%,
        70% 0%,
        100% 30%,
        100% 70%,
        70% 100%,
        0% 100%,
        0% 70%,
        0% 30%
    );
    overflow: hidden;
}

/* Diese Bilder davon ausschliessen */
/* Logo */
img.cd-club-logo {
    clip-path: none;
    aspect-ratio: auto;
    object-fit: contain;
}
/* Bilder mit Contain */
img.cd-image-contain {
    clip-path: none;
    aspect-ratio: auto;
    object-fit: contain;
}
/* Bilder in der Lightbox */
img.featherlight-image {
    clip-path: none;
}





/* Achteckige Buttons*/

/* Primary */
.cd-button-primary {
    --corner-primary: 25px;
    clip-path: polygon(
        var(--corner-primary) 0%,
        calc(100% - var(--corner-primary)) 0%,
        100% var(--corner-primary),
        100% calc(100% - var(--corner-primary)),
        calc(100% - var(--corner-primary)) 100%,
        var(--corner-primary) 100%,
        0% calc(100% - var(--corner-primary)),
        0% var(--corner-primary)
    );

}

/* Secondary */
.cd-button-secondary {
    --corner-secondary: 13px;
    clip-path: polygon(
        var(--corner-secondary) 0%,
        calc(100% - var(--corner-secondary)) 0%,
        100% var(--corner-secondary),
        100% calc(100% - var(--corner-secondary)),
        calc(100% - var(--corner-secondary)) 100%,
        var(--corner-secondary) 100%,
        0% calc(100% - var(--corner-secondary)),
        0% var(--corner-secondary)
    );

}

/* Tertiary */
.cd-button-tertiary {
        --corner-tertiary: 9px;
    clip-path: polygon(
        var(--corner-tertiary) 0%,
        calc(100% - var(--corner-tertiary)) 0%,
        100% var(--corner-tertiary),
        100% calc(100% - var(--corner-tertiary)),
        calc(100% - var(--corner-tertiary)) 100%,
        var(--corner-tertiary) 100%,
        0% calc(100% - var(--corner-tertiary)),
        0% var(--corner-tertiary)
    );
}






/* Design des Menu Button */
.cd-fullpagemenu-button {
    border: none !important;            /* entfernt Border */
    border-width: 0 !important;         /* setzt Border-Breite auf 0 */
    border-color: transparent !important; /* entfernt Border-Farbe */
    border-radius: 0 !important;        /* entfernt abgerundete Ecken */
    box-shadow: none !important;        /* entfernt Schatten */
    outline: none !important;           /* entfernt Fokus-Kontur */
    background-image: none !important;  /* entfernt eventuelle Background-Images */
    width: 160px;
    height: 160px;
    background-color: black;

    margin: 0;                  /* kein Abstand */
    padding: 40px;
    display: flex;              /* Flexbox */
    justify-content: right;    /* horizontal zentrieren */
    align-items: top;        /* vertikal zentrieren */

    /* Dreiecksform unten links */
    clip-path: polygon(
        0 0,       /* oben links */
        100% 0,    /* oben rechts */
        100% 100%, /* unten rechts */
        0 0     /* unten links */
    );

}

/* Menübalken */
.cd-navigation-bar-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9999; /* damit es über anderen Elementen liegt */
}


/* Header zuschneiden */
/*.cd-header {
    --corner-header: 60vh; /* Länge der abgeschrägten Ecke */

    clip-path: polygon(
        0% 0%,          
        100% 0%,         
        calc(100% - 100vh) 100%, 
        0% 100% 
    );
}*/

/* Füllen*/
/*.header-wrapper {
    background-color: white;
}*/






/* Menü Item Hover und Selected*/
.cd-menu-item:active {
  text-decoration: underline !important;
}

.cd-menu-item:hover{
  text-decoration: underline !important;
}





/* Gästebuch*/
.bn-guestbook-header {
  display: none;
}

.bn-branding {
  display: none;
}





/* Breite des Text begrenzen*/
p {
    max-width: 800px !important;
}





/* Alle Bilder deaktivieren */
img {
    pointer-events: none !important;
    cursor: default !important;
}

/* Ausnahme: Club-Logo bleibt klickbar */
img.cd-club-logo {
    pointer-events: auto !important;
    cursor: pointer !important;
}

/* Links mit Bildern deaktivieren */
a:has(img) {
    pointer-events: none !important;
}

/* Ausnahme: Links mit Club-Logo wieder aktivieren */
a:has(img.cd-club-logo) {
    pointer-events: auto !important;
}




/* Login deaktivieren */
a[href*="action=login"] {
    display: none !important;
}




/* TWINT Button – Beschneidung aufheben */
img[alt="Embedded TWINT button"] {
  clip-path: none !important;
  object-fit: unset !important;
  aspect-ratio: unset !important;
  border-radius: 0 !important;
  width: auto !important;
  height: 58px !important;
}




/* Logo bei Startseite zentrieren */
#section_1000002 {
  display: flex;
  justify-content: center;
  align-items: center;

}

/* Grösse des Logos */
#block_1000207 {
  aspect-ratio: 1 / 1;
  width: min(60vh, 60vw);
  height: min(60vh, 60vw);
  max-height: 60vh;
  max-width: 60vw;
}