/* =========================================================
   SKCM CLUBDESK + MOTION THEME v1.0
   Vollstaendige kombinierte CSS-Datei

   Teil 1: ClubDesk-Grundlayout aus der bisherigen Datei
   Teil 2: Bereinigte SKCM-Anpassungen

   Stand: 01.08.2026
   ========================================================= */

/* roboto-700 - v20-latin_latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('/clubdesk/webpage/webfonts/roboto-v20-latin_latin-ext-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/clubdesk/webpage/webfonts/roboto-v20-latin_latin-ext-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/clubdesk/webpage/webfonts/roboto-v20-latin_latin-ext-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('/clubdesk/webpage/webfonts/roboto-v20-latin_latin-ext-700.woff') format('woff'), /* Modern Browsers */
       url('/clubdesk/webpage/webfonts/roboto-v20-latin_latin-ext-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/clubdesk/webpage/webfonts/roboto-v20-latin_latin-ext-700.svg#Oswald') format('svg'); /* Legacy iOS */
}/* roboto-regular - v20-latin_latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: normal;
  src: url('/clubdesk/webpage/webfonts/roboto-v20-latin_latin-ext-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/clubdesk/webpage/webfonts/roboto-v20-latin_latin-ext-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/clubdesk/webpage/webfonts/roboto-v20-latin_latin-ext-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/clubdesk/webpage/webfonts/roboto-v20-latin_latin-ext-regular.woff') format('woff'), /* Modern Browsers */
       url('/clubdesk/webpage/webfonts/roboto-v20-latin_latin-ext-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/clubdesk/webpage/webfonts/roboto-v20-latin_latin-ext-regular.svg#Oswald') format('svg'); /* Legacy iOS */
}/* roboto-300 - v20-latin_latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('/clubdesk/webpage/webfonts/roboto-v20-latin_latin-ext-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/clubdesk/webpage/webfonts/roboto-v20-latin_latin-ext-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/clubdesk/webpage/webfonts/roboto-v20-latin_latin-ext-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('/clubdesk/webpage/webfonts/roboto-v20-latin_latin-ext-300.woff') format('woff'), /* Modern Browsers */
       url('/clubdesk/webpage/webfonts/roboto-v20-latin_latin-ext-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/clubdesk/webpage/webfonts/roboto-v20-latin_latin-ext-300.svg#Oswald') format('svg'); /* Legacy iOS */
}/* oswald-regular - v26-latin_latin-ext */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: normal;
  src: url('/clubdesk/webpage/webfonts/oswald-v26-latin_latin-ext-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/clubdesk/webpage/webfonts/oswald-v26-latin_latin-ext-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/clubdesk/webpage/webfonts/oswald-v26-latin_latin-ext-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/clubdesk/webpage/webfonts/oswald-v26-latin_latin-ext-regular.woff') format('woff'), /* Modern Browsers */
       url('/clubdesk/webpage/webfonts/oswald-v26-latin_latin-ext-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/clubdesk/webpage/webfonts/oswald-v26-latin_latin-ext-regular.svg#Oswald') format('svg'); /* Legacy iOS */
}/* open-sans-regular - v17-latin_latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: normal;
  src: url('/clubdesk/webpage/webfonts/open-sans-v17-latin_latin-ext-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/clubdesk/webpage/webfonts/open-sans-v17-latin_latin-ext-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/clubdesk/webpage/webfonts/open-sans-v17-latin_latin-ext-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/clubdesk/webpage/webfonts/open-sans-v17-latin_latin-ext-regular.woff') format('woff'), /* Modern Browsers */
       url('/clubdesk/webpage/webfonts/open-sans-v17-latin_latin-ext-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/clubdesk/webpage/webfonts/open-sans-v17-latin_latin-ext-regular.svg#Oswald') format('svg'); /* Legacy iOS */
}
body {
    position: relative;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

.main {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

.cd-content, .cd-sidebar, .cd-header, .cd-footer {
    position: relative;
}

.columns-wrapper {
    flex-grow: 1;
    display: flex;
    flex-direction: row;
}

.columns-margins {
    flex-grow: 1;
}

.columns {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    width: 100%;
    max-width: 1100px;
    flex-basis: 1100px;
}

.content-wrapper {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.sidebar-wrapper {
    display: flex;
    flex-direction: column;
    flex-basis: 240px;
    flex-shrink: 0;
    border-left: 0 SOLID rgba(0,0,0,1.0);
    overflow: hidden;
}

.cd-header, .cd-content, .cd-sidebar, .cd-footer {
    flex-grow: 1;
}

.cd-row {
    max-width: 1100px;
    margin: 0 auto;
}

.cd-navigation-bar-container a, .cd-navigation-bar-container a:hover {
    text-decoration: none;
}

.cd-filler {
    flex-grow: 1;
}

@media (max-width: 576px) {
    .columns {
        display: block;
        flex-basis: initial;
    }

    .sidebar-wrapper {
        border-left: none;
        max-width: 100%;
    }
}
.cd-header-empty .cd-content div.cd-section:first-of-type,
.cd-header-empty .cd-sidebar div.cd-section:first-of-type {
    padding-top: 150px;
}

.cd-navigation-bar-container {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 30000;
    transition: background 0.4s;
}

.cd-scroll .cd-navigation-bar-container, .cd-megamenu-open  .cd-navigation-bar-container {
    transition: background 0.4s;
    background-color: rgba(0,0,0,1.0);
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}

.cd-header-empty .cd-navigation-bar-container {
    background: rgba(0,0,0,1.0);
    border-bottom: 1px solid #999999;
}

.cd-navigation-bar-content {
    display: flex;
    align-items: center;
    padding: 0 10px;
    flex-direction: row;
}

.cd-megamenu-button {
    cursor: pointer;
    text-decoration: none;
}
.cd-megamenu-button {
	font-family: Roboto, sans-serif;
	font-size: 22px;
	font-weight: 400;
	font-style: normal;
	text-decoration: underline;
	text-align: left;
	text-transform: none;
	margin: 0 20px;
	overflow-wrap: break-word;
}

.cd-megamenu-button {
	color: rgba(255,255,255,1.0);
}

.cd-megamenu-button:focus {
	outline-width: 3px;
	outline-style: solid;

}

.cd-megamenu-button:focus {
	outline-color: rgba(255,255,255,1.0);
}

@media (max-width: 576px) {
	.cd-megamenu-button {
		font-size: 4vmin;
	}
}



@media (max-width: 992px) {
    .cd-megamenu ul li {
        width: 100%;
    }
}

@media (min-width: 993px) {
    .cd-megamenu-content {
        float:right;
    }
}

.cd-megamenu-container {
    width: 100%;
    overflow-y: auto;
    background: rgba(255,255,255,1.0);
}

.cd-megamenu {
    display: none;
    width: 100%;
    border-bottom: 1px solid #AAA;
}

.cd-megamenu-content {
    margin: 20px 0;
}

.cd-megamenu ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.cd-megamenu li {
    display: block;
}

.cd-megamenu .cd-menu-level-1 > ul {
    display: flex;
    flex-flow: row;
    flex-wrap: wrap;
}

.cd-megamenu a {
    text-decoration: none;
}

.cd-megamenu .cd-menu-level-1 a, .cd-megamenu .cd-menu-level-2 a, .cd-megamenu .cd-menu-level-3 a {
    display: inline-block;
}

.cd-megamenu .cd-menu-level-1 a {
	font-family: Roboto, sans-serif;
	font-size: 24px;
	font-weight: 700;
	font-style: normal;
	text-decoration: none;
	text-align: left;
	text-transform: none;
	margin: 10px 20px;
	overflow-wrap: break-word;
}

.cd-megamenu .cd-menu-level-1 a {
	color: rgba(0,0,0,1.0);
}

.cd-megamenu .cd-menu-level-1 a:focus {
	outline-width: 3px;
	outline-style: solid;
	outline-offset: 5px;

}

.cd-megamenu .cd-menu-level-1 a:focus {
	outline-color: rgba(0,0,0,1.0);
}


.cd-megamenu .cd-menu-level-2 a {
	font-family: Roboto, sans-serif;
	font-size: 16px;
	font-weight: 400;
	font-style: normal;
	text-decoration: none;
	text-align: left;
	text-transform: none;
	margin: 5px 20px;
	overflow-wrap: break-word;
}

.cd-megamenu .cd-menu-level-2 a {
	color: rgba(0,0,0,1.0);
}

.cd-megamenu .cd-menu-level-2 a:focus {
	outline-width: 3px;
	outline-style: solid;
	outline-offset: 5px;

}

.cd-megamenu .cd-menu-level-2 a:focus {
	outline-color: rgba(0,0,0,1.0);
}


.cd-megamenu .cd-menu-level-3 a {
	font-family: Roboto, sans-serif;
	font-size: 12px;
	font-weight: 300;
	font-style: normal;
	text-decoration: none;
	text-align: left;
	text-transform: none;
	margin: 0 20px;
	overflow-wrap: break-word;
}

.cd-megamenu .cd-menu-level-3 a {
	color: rgba(0,0,0,1.0);
}

.cd-megamenu .cd-menu-level-3 a:focus {
	outline-width: 3px;
	outline-style: solid;
	outline-offset: 5px;

}

.cd-megamenu .cd-menu-level-3 a:focus {
	outline-color: rgba(0,0,0,1.0);
}



.cd-megamenu .cd-menu-level-1 a:before {
    content: "";
}

.cd-megamenu .cd-menu-level-2 a:before {
    content: "";
}

.cd-megamenu .cd-menu-level-3 a:before {
    content: "";
}

.cd-megamenu a.cd-menu-item.cd-menu-active, .cd-megamenu a.cd-menu-item:hover {
    color: rgba(250,46,46,0.965);
}
.cd-club-logo-and-name {
    display: inline-flex;
    align-items: center;
}

a.cd-club-logo-link {
    text-decoration: none;
}

a.cd-club-logo-link:focus {
    outline-color: rgba(255,255,255,1.0);
    outline-width: 3px;
    outline-style: solid;
}

.cd-club-logo-link {
    display: inline;
}
@media (max-width: 576px) {
    .cd-club-logo-link {
        display: inline;
    }
}

.cd-club-logo {
height: 80px;

    vertical-align: middle;
}


.cd-club-name {
  display: inline;
}
@media (max-width: 576px) {
    .cd-club-name {
        display: inline;
    }
}

a.cd-club-name, a.cd-club-name:visited, a.cd-club-name:hover {
	font-family: Oswald, sans-serif;
	font-size: 40px;
	font-weight: 400;
	font-style: normal;
	text-decoration: none;
	text-align: left;
	text-transform: none;
	margin: 10px 0;
	overflow-wrap: break-word;
}

a.cd-club-name, a.cd-club-name:visited, a.cd-club-name:hover {
	color: rgba(255,255,255,1.0);
}

a.cd-club-name:focus, a.cd-club-name:visited:focus, a.cd-club-name:hover:focus {
	outline-width: 3px;
	outline-style: solid;

}

a.cd-club-name:focus, a.cd-club-name:visited:focus, a.cd-club-name:hover:focus {
	outline-color: rgba(255,255,255,1.0);
}

@media (max-width: 576px) {
	a.cd-club-name, a.cd-club-name:visited, a.cd-club-name:hover {
		font-size: 7vmin;
	}
}






.cc-window, .cc-revoke {
	font-family: Open Sans, sans-serif;
	font-size: 14px;
	font-weight: 400;
	font-style: normal;
	text-decoration: none;
	text-align: left;
	text-transform: none;
	overflow-wrap: break-word;
}

.cc-window, .cc-revoke {
	color: rgba(255,255,255,1.0);
}

.cc-window:focus, .cc-revoke:focus {
	outline-width: 3px;
	outline-style: solid;

}

.cc-window:focus, .cc-revoke:focus {
	outline-color: rgba(255,255,255,1.0);
}



a.cc-link, a.cc-link:active, a.cc-link:visited, .cc-bottom {
	text-transform: none;
	text-decoration: none;
}

a.cc-link, a.cc-link:active, a.cc-link:visited, .cc-bottom {
	color: rgba(204,204,204,1.0);
}

a.cc-link:hover, a.cc-link:active:hover, a.cc-link:visited:hover, .cc-bottom:hover {	text-decoration: underline;
}

a.cc-link:hover, a.cc-link:active:hover, a.cc-link:visited:hover, .cc-bottom:hover {
	color: rgba(255,255,255,1.0);
}

a.cc-link:focus, a.cc-link:active:focus, a.cc-link:visited:focus, .cc-bottom:focus {
	outline-width: 3px;
	outline-style: solid;

}

a.cc-link:focus, a.cc-link:active:focus, a.cc-link:visited:focus, .cc-bottom:focus {
	outline-color: rgba(204,204,204,1.0);
}



.cc-bottom:focus {
    bottom: 25px;
}

.cc-window, .cc-revoke {
    background-color: rgba(0,0,0,1.0);
    box-shadow: 0 0 5px 0 rgba(0,0,0,0.3);
    z-index: 10000000;
}

.cc-btn {
    background-color: rgba(255,255,255,1.0);
    color: rgba(0,0,0,1.0);
}

.cc-btn:first-child {
    background-color: transparent;
}

.cc-btn:first-child {
	color: rgba(204,204,204,1.0);
}



.cd-totop-button {
    display: flex;
    justify-content: space-around;
    align-items: center;

    position: fixed;
    right: -100px;
    bottom: 50px;
    width: 60px;
    height: 40px;

    z-index: 1;

    box-shadow: 0 0 1.875rem 0 rgba(0,0,0,.25);

    color: rgba(255,255,255,1.0);
    background-color: rgba(255,255,255,0.8);
    transition: all 0.4s ease;

    cursor: pointer;
}

.cd-totop-button {
	border-color: rgba(255,255,255,1.0);
}

.cd-totop-button {
	border-width: 0;
	border-style: SOLID;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
	border-bottom-left-radius: 20px;
}



.cd-scroll .cd-totop-button {
    right: 10px;
}

.cd-totop-button:focus {
    outline-color: rgba(255,255,255,1.0) !important;
}


/* =========================================================
   ENDE CLUBDESK-GRUNDLAYOUT
   BEGINN SKCM MOTION THEME
   ========================================================= */

/* =========================================================
   SKCM MOTION THEME v2.0
   Bereinigte und vereinheitlichte ClubDesk-Erweiterungen
   Stand: 01.08.2026

   Neuerungen v2.0:
   - Hero-Lauflicht direkt unter dem Slogan
   - automatischer weisser Lichtreflex auf Hero-Buttons
   - alte Hero-Pseudoelemente und doppelte Animationen entfernt
   - reduzierte Bewegung sauber angepasst
   ========================================================= */

:root {
    --skcm-red: #d22323;
    --skcm-red-dark: #b9151d;
    --skcm-text: #222222;
    --skcm-muted: #555555;
    --skcm-light: #f7f7f7;
    --skcm-white: #ffffff;
    --skcm-shadow: 0 10px 28px rgba(0, 0, 0, 0.10);
    --skcm-shadow-hover: 0 20px 42px rgba(0, 0, 0, 0.16);
}

/* 1. HEADER UND NAVIGATION */
.cd-club-name {
    position: relative;
    display: inline-block;
    overflow: hidden;
}
.cd-club-name::after {
    content: "";
    position: absolute;
    top: -50%;
    left: -35%;
    width: 18%;
    height: 220%;
    transform: rotate(25deg);
    background: linear-gradient(to right, transparent, rgba(255,255,255,.9), transparent);
    animation: skcm-header-shine 10s linear infinite;
}
@keyframes skcm-header-shine {
    0% { left: -35%; }
    12% { left: 130%; }
    100% { left: 130%; }
}

@media screen and (min-width: 1200px) {
    .cd-megamenu-button { display: none !important; }
    .cd-megamenu-container,
    .cd-megamenu,
    .cd-megamenu-content {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        height: auto !important;
        max-height: none !important;
        overflow: visible !important;
        transform: none !important;
    }
    html body nav a.cd-menu-item {
        color: #ffffff !important;
        background: transparent !important;
        font-size: 16px !important;
        font-weight: 500 !important;
        line-height: 1.2 !important;
        letter-spacing: 0.2px !important;
        padding: 10px 0 !important;
        margin: 0 10px !important;
        text-shadow: 0 1px 4px rgba(0,0,0,.7);
    }
    html body nav a.cd-menu-active,
    html body nav a.cd-menu-selected {
        color: #e33a32 !important;
        font-weight: 600 !important;
    }
    html body nav a.cd-menu-item:hover { color: #ffffff !important; }
}
@media screen and (max-width: 1199px) {
    .cd-megamenu-button {
        display: inline-flex !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
}

.cd-megamenu-content a.cd-menu-item {
    position: relative !important;
    display: block !important;
    overflow: hidden !important;
    padding-bottom: 9px !important;
}
.cd-megamenu-content a.cd-menu-item::after {
    content: "";
    position: absolute;
    left: 8%;
    right: 8%;
    bottom: 3px;
    height: 2px;
    background: linear-gradient(90deg, transparent, rgba(210,35,35,.35), rgba(210,35,35,.8), rgba(210,35,35,.35), transparent);
    transform: scaleX(0);
    transform-origin: center;
    transition: transform .35s ease;
    pointer-events: none;
}
.cd-megamenu-content a.cd-menu-item:hover::after,
.cd-megamenu-content a.cd-menu-active::after,
.cd-megamenu-content a.cd-menu-selected::after { transform: scaleX(1); }
.cd-megamenu-content a.cd-menu-item::before {
    content: "";
    position: absolute;
    left: -40%;
    bottom: 2px;
    width: 35%;
    height: 4px;
    background: linear-gradient(90deg, transparent, rgba(210,35,35,.3), #fff, rgba(210,35,35,.9), transparent);
    box-shadow: 0 0 5px rgba(255,255,255,.8), 0 0 10px rgba(210,35,35,.65);
    opacity: 0;
    pointer-events: none;
    z-index: 3;
}
.cd-megamenu-content a.cd-menu-item:hover::before { animation: skcm-menu-motion 1.6s ease-out forwards; }
@keyframes skcm-menu-motion {
    0% { left: -40%; opacity: 0; }
    12% { opacity: 1; }
    88% { opacity: 1; }
    100% { left: 110%; opacity: 0; }
}

/* 2. HERO */
html body #section_1000075 #block_1000158 { transform: translateY(60px) !important; }
#block_1000158_content {
    position: relative !important;
    overflow: visible !important;
    padding-bottom: 28px !important;
}


/* Hero-Buttons: automatischer weisser Lichtreflex */
#section_1000075 .cd-button {
    position: relative !important;
    overflow: hidden !important;
    isolation: isolate;
    transition:
        transform .25s ease,
        box-shadow .25s ease,
        background-color .25s ease,
        border-color .25s ease !important;
}

#section_1000075 .cd-button::after {
    content: "";
    position: absolute;
    top: -55%;
    left: -35%;
    width: 16%;
    height: 230%;
    transform: rotate(22deg);
    background: linear-gradient(
        90deg,
        transparent,
        rgba(255,255,255,.12),
        rgba(255,255,255,.98),
        rgba(255,255,255,.12),
        transparent
    );
    box-shadow: 0 0 9px rgba(255,255,255,.55);
    pointer-events: none;
    z-index: 2;
    animation: skcm-button-shine 8s linear infinite;
}

#section_1000075 .cd-button:hover {
    transform: translateY(-2px);
    box-shadow:
        0 6px 18px rgba(0,0,0,.22),
        0 0 12px rgba(220,35,35,.25);
}

@keyframes skcm-button-shine {
    0%   { left: -35%; }
    12%  { left: 130%; }
    100% { left: 130%; }
}


/* 3. TRAININGSKARTEN */



/* Mobile */
@media screen and (max-width: 768px) {

    .cd-contactlist-tile-v {
        flex-direction: column !important;
        gap: 16px !important;
    }

    .cd-contactlist-tile-v .cd-tile-v-box {
        width: 100% !important;
        height: auto !important;
    }

    .cd-contactlist-tile-v .cd-tile-v-box img {
        height: 260px !important;
    }
}

html body #section_1000132 .cd-section-content > .cd-row {
    display: flex !important;
    align-items: stretch !important;
    gap: 18px !important;
    margin: 0 !important;
    padding: 24px 8px 34px !important;
}
html body #section_1000132 .cd-section-content > .cd-row > .cd-col.m4 {
    position: relative !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 0 !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 24px 28px !important;
    background: linear-gradient(180deg, #f8f8f8 0%, #f1f1f1 100%) !important;
    border: 1px solid rgba(0,0,0,.05) !important;
    border-radius: 22px !important;
    box-shadow: var(--skcm-shadow) !important;
    transition: transform .4s ease, box-shadow .4s ease, border-color .4s ease !important;
}
html body #section_1000132 .cd-section-content > .cd-row > .cd-col.m4:hover {
    transform: translateY(-8px);
    border-color: rgba(210,35,35,.18) !important;
    box-shadow: var(--skcm-shadow-hover), 0 0 18px rgba(210,35,35,.10) !important;
}
html body #section_1000132 #block_1000322 { flex: 1 1 auto !important; }

html body #section_1000132 .cd-col.m4 > .cd-block[data-block-type="0"]:first-child .cd-block-content,
html body #section_1000132 .cd-col.m4 > .cd-block[data-block-type="0"]:first-child .cd-block-content * {
    color: var(--skcm-text) !important;
    font-size: 28px !important;
    line-height: 1.25 !important;
    font-weight: 700 !important;
    margin-bottom: 16px !important;
    transition: color .4s ease, transform .4s ease !important;
}
html body #section_1000132 .cd-col.m4:hover > .cd-block[data-block-type="0"]:first-child .cd-block-content,
html body #section_1000132 .cd-col.m4:hover > .cd-block[data-block-type="0"]:first-child .cd-block-content * {
    color: var(--skcm-red) !important;
    transform: translateY(-2px);
}
html body #section_1000132 .cd-col.m4 > .cd-block[data-block-type="0"]:nth-child(2) .cd-block-content,
html body #section_1000132 .cd-col.m4 > .cd-block[data-block-type="0"]:nth-child(2) .cd-block-content * {
    color: var(--skcm-muted) !important;
    font-size: 17px !important;
    line-height: 1.6 !important;
    font-weight: 400 !important;
}
html body #section_1000132 .cd-col.m4 > .cd-block[data-block-type="0"]:last-child { margin-top: auto !important; }

html body #section_1000132
.cd-col.m4:hover > .cd-block[data-block-type="0"]:last-child
.cd-block-content a,
html body #section_1000132
.cd-col.m4:hover > .cd-block[data-block-type="0"]:last-child
.cd-block-content span {

    color: var(--skcm-red) !important;
    background-size: 100% 2px !important;
    letter-spacing: .8px !important;

}

html body #section_1000132
.cd-col.m4 > .cd-block[data-block-type="0"]:last-child
.cd-block-content a,
html body #section_1000132
.cd-col.m4 > .cd-block[data-block-type="0"]:last-child
.cd-block-content span {

    position: relative !important;
    display: inline-block !important;

    margin-top: 14px !important;
    padding: 8px 5px 12px !important;

    color: var(--skcm-text) !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    text-decoration: none !important;

    background-image: linear-gradient(
        90deg,
        transparent,
        rgba(210,35,35,.25),
        rgba(210,35,35,.85),
        rgba(210,35,35,.25),
        transparent
    ) !important;

    background-repeat: no-repeat !important;
    background-position: left bottom !important;
    background-size: 0% 2px !important;

    transition:
        color .4s ease,
        background-size .5s ease,
        letter-spacing .4s ease !important;
}

/* 4. UNSERE GESCHICHTE */
html body #section_1000133 { background: var(--skcm-light) !important; }
html body #section_1000133 .cd-section-content { padding: 70px 24px !important; }
html body #section_1000133 .cd-row {
    display: flex !important;
    align-items: center !important;
    gap: 48px !important;
}
html body #section_1000133 .cd-col.m6 { flex: 1 1 0 !important; min-width: 0 !important; }
html body #section_1000133 #block_1000325 img {
    display: block !important;
    width: 100% !important;
    height: 520px !important;
    object-fit: cover !important;
    object-position: center !important;
    border-radius: 22px !important;
    filter: saturate(.88);
    box-shadow: 0 18px 42px rgba(0,0,0,.16) !important;
    transition: transform .5s ease, filter .5s ease, box-shadow .5s ease !important;
}
html body #section_1000133 #block_1000325:hover img {
    transform: scale(1.025);
    filter: saturate(1);
    box-shadow: 0 24px 52px rgba(0,0,0,.22) !important;
}
html body #section_1000133 #block_1000326_content h3,
html body #section_1000133 #block_1000326_content h3 * {
    color: var(--skcm-text) !important;
    font-size: 42px !important;
    line-height: 1.15 !important;
    font-weight: 700 !important;
    transition: color .4s ease, transform .4s ease !important;
}
html body #section_1000133:hover #block_1000326_content h3,
html body #section_1000133:hover #block_1000326_content h3 * {
    color: var(--skcm-red) !important;
    transform: translateY(-2px);
}
html body #section_1000133 #block_1000326_content p,
html body #section_1000133 #block_1000326_content p * {
    color: #444 !important;
    font-size: 20px !important;
    line-height: 1.5 !important;
}
html body #section_1000133 #block_1000328_content,
html body #section_1000133 #block_1000328_content * {
    color: var(--skcm-muted) !important;
    font-size: 18px !important;
    line-height: 1.7 !important;
    text-align: left !important;
}
html body #section_1000133 #block_1000329_content { text-align: center !important; }
html body #section_1000133 #block_1000329_content p {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 18px 0 0 !important;
    padding: 8px 4px 12px !important;
    color: var(--skcm-text) !important;
    font-size: 18px !important;
    line-height: 1.3 !important;
    font-weight: 600 !important;
    background-image: linear-gradient(90deg, transparent, rgba(210,35,35,.25), rgba(210,35,35,.85), rgba(210,35,35,.25), transparent) !important;
    background-repeat: no-repeat !important;
    background-position: left bottom !important;
    background-size: 0 2px !important;
    transition: color .35s ease, background-size .45s ease !important;
}
html body #section_1000133 #block_1000329_content p::after {
    content: "→";
    display: inline-block !important;
    font-size: 21px !important;
    line-height: 1 !important;
    transition: transform .35s ease !important;
}
html body #section_1000133:hover #block_1000329_content p {
    color: var(--skcm-red) !important;
    background-size: 100% 2px !important;
}
html body #section_1000133:hover #block_1000329_content p::after { transform: translateX(7px) !important; }



/* 6. MOBILE */
@media screen and (max-width: 768px) {
    .cd-navigation-bar-content {
        display: flex !important;
        align-items: center !important;
        min-height: 72px !important;
        padding: 8px 12px !important;
    }
    .cd-club-logo-and-name {
        display: flex !important;
        align-items: center !important;
        gap: 10px !important;
        min-width: 0 !important;
    }
    .cd-club-logo-link {
        display: flex !important;
        flex: 0 0 auto !important;
        align-items: center !important;
    }
    .cd-club-logo-link img,
    .cd-club-logo-and-name img,
    .cd-navigation-bar img {
        display: block !important;
        width: 54px !important;
        height: 54px !important;
        max-width: 54px !important;
        max-height: 54px !important;
        object-fit: contain !important;
        object-position: center !important;
        aspect-ratio: 1 / 1 !important;
    }
    .cd-club-name {
        display: block !important;
        max-width: 205px !important;
        color: #fff !important;
        font-size: 21px !important;
        line-height: 1.15 !important;
        font-weight: 600 !important;
        white-space: normal !important;
    }
    .cd-megamenu-button {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        min-width: 48px !important;
        min-height: 48px !important;
        margin-left: auto !important;
        padding: 8px 10px !important;
        color: #fff !important;
        font-size: 18px !important;
        line-height: 1 !important;
    }

    #section_1000075 {
        min-height: 72vh !important;
        height: auto !important;
        padding-top: 20px !important;
        padding-bottom: 30px !important;
    }
    html body #section_1000075 #block_1000158 { transform: translateY(35px) !important; }
    #section_1000075 .cd-section-content {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }
    #block_1000158_content h5,
    #block_1000158_content h5 *,
    #block_1000158_content strong,
    #block_1000158_content strong *,
    #block_1000158_content > span {
        font-size: 39px !important;
        line-height: 1.08 !important;
        letter-spacing: -.4px !important;
    }
    #block_1000158_content { padding-bottom: 22px !important; }
    #section_1000075 h6,
    #section_1000075 h6 * {
        font-size: 25px !important;
        line-height: 1.3 !important;
        letter-spacing: 0 !important;
    }
    #section_1000075 .cd-block[data-block-type="25"] {
        display: block !important;
        width: 100% !important;
        margin: 9px auto !important;
        text-align: center !important;
    }
    #section_1000075 .cd-button {
        width: auto !important;
        min-width: 185px !important;
        max-width: 90% !important;
        padding: 11px 22px !important;
        margin: 0 auto !important;
        font-size: 17px !important;
    }

    #section_1000132 h1,
    #section_1000132 h2,
    #section_1000132 h3,
    #section_1000132 h4,
    #section_1000132 h5,
    #section_1000132 h6,
    #section_1000132 h1 *,
    #section_1000132 h2 *,
    #section_1000132 h3 *,
    #section_1000132 h4 *,
    #section_1000132 h5 *,
    #section_1000132 h6 * {
        font-size: 31px !important;
        line-height: 1.15 !important;
    }
    #section_1000132 .cd-section-content {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    html body #section_1000132 .cd-section-content > .cd-row {
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 16px !important;
        padding: 18px 14px 28px !important;
    }
    html body #section_1000132 .cd-section-content > .cd-row > .cd-col.m4 {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        min-height: 0 !important;
        height: auto !important;
        flex: 0 0 auto !important;
        margin: 0 !important;
        padding: 24px 20px !important;
        border-radius: 18px !important;
        text-align: left !important;
    }
    html body #section_1000132 .cd-col.m4 .cd-block,
    html body #section_1000132 .cd-col.m4 .cd-block-content,
    html body #section_1000132 .cd-col.m4 .cd-block-content * {
        visibility: visible !important;
        opacity: 1 !important;
        text-align: left !important;
    }
    html body #section_1000132 .cd-col.m4 > .cd-block[data-block-type="0"]:first-child .cd-block-content,
    html body #section_1000132 .cd-col.m4 > .cd-block[data-block-type="0"]:first-child .cd-block-content * {
        font-size: 25px !important;
        line-height: 1.2 !important;
        margin-bottom: 10px !important;
    }
    html body #section_1000132 .cd-col.m4 > .cd-block[data-block-type="0"]:nth-child(2) .cd-block-content,
    html body #section_1000132 .cd-col.m4 > .cd-block[data-block-type="0"]:nth-child(2) .cd-block-content * {
        font-size: 17px !important;
        line-height: 1.5 !important;
    }
    html body #section_1000132 .cd-col.m4 > .cd-block[data-block-type="0"]:last-child { margin-top: 12px !important; }
    html body #section_1000132 .cd-col.m4 > .cd-block[data-block-type="0"]:last-child .cd-block-content span {
        margin-top: 10px !important;
        font-size: 17px !important;
    }

    html body #section_1000133 .cd-section-content { padding: 44px 16px !important; }
    html body #section_1000133 .cd-row {
        flex-direction: column !important;
        gap: 28px !important;
    }
    html body #section_1000133 .cd-col.m6 {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 auto !important;
    }
    html body #section_1000133 #block_1000325 img {
        height: 300px !important;
        border-radius: 18px !important;
    }
    html body #section_1000133 #block_1000326_content h3,
    html body #section_1000133 #block_1000326_content h3 * {
        font-size: 32px !important;
        text-align: left !important;
    }
    html body #section_1000133 #block_1000326_content p,
    html body #section_1000133 #block_1000326_content p * {
        font-size: 18px !important;
        text-align: left !important;
    }
    html body #section_1000133 #block_1000328_content,
    html body #section_1000133 #block_1000328_content * {
        font-size: 17px !important;
        line-height: 1.6 !important;
        text-align: left !important;
    }
    html body #section_1000133 #block_1000329_content p { font-size: 17px !important; }
}

@media screen and (max-width: 420px) {
    .cd-club-logo-link img,
    .cd-club-logo-and-name img,
    .cd-navigation-bar img {
        width: 48px !important;
        height: 48px !important;
        max-width: 48px !important;
        max-height: 48px !important;
    }
    .cd-club-name {
        max-width: 180px !important;
        font-size: 19px !important;
    }
    #block_1000158_content h5,
    #block_1000158_content h5 *,
    #block_1000158_content strong,
    #block_1000158_content strong *,
    #block_1000158_content > span { font-size: 34px !important; }
    #section_1000075 h6,
    #section_1000075 h6 * { font-size: 22px !important; }
    html body #section_1000132 .cd-section-content > .cd-row > .cd-col.m4 { padding: 21px 17px !important; }
    html body #section_1000132 .cd-col.m4 > .cd-block[data-block-type="0"]:first-child .cd-block-content,
    html body #section_1000132 .cd-col.m4 > .cd-block[data-block-type="0"]:first-child .cd-block-content * { font-size: 23px !important; }
}

/* ======================================================
   7. MOTION LINE DIREKT UNTER DEM SLOGAN
   ====================================================== */

html body #section_1000075 #block_1000158_content h6 {
    position: relative !important;
    display: block !important;
    overflow: hidden !important;
    padding-bottom: 18px !important;
}

html body #section_1000075 #block_1000158_content h6::after {
    content: "" !important;
    position: absolute !important;
    left: 5% !important;
    right: 5% !important;
    bottom: 0 !important;
    height: 2px !important;
    background: linear-gradient(
        90deg,
        transparent,
        rgba(210,35,35,.35),
        rgba(210,35,35,.85),
        rgba(210,35,35,.35),
        transparent
    ) !important;
    pointer-events: none !important;
}

html body #section_1000075 #block_1000158_content h6::before {
    content: "" !important;
    position: absolute !important;
    left: 5% !important;
    bottom: -1px !important;
    width: 30% !important;
    height: 4px !important;
    background: linear-gradient(
        90deg,
        transparent,
        rgba(210,35,35,.30),
        #ffffff,
        rgba(210,35,35,.95),
        transparent
    ) !important;
    box-shadow:
        0 0 5px rgba(255,255,255,.85),
        0 0 11px rgba(210,35,35,.75) !important;
    pointer-events: none !important;
    z-index: 2 !important;
    animation: skcm-slogan-run 3.2s linear infinite !important;
}

@keyframes skcm-slogan-run {
    from { transform: translateX(-120%); }
    to   { transform: translateX(330%); }
}

/* ======================================================
   SKCM KONTAKTLISTEN
   Gründer, Vorstand und Instruktoren einheitlich
   ====================================================== */

/* Gesamte Kontaktliste */
.cd-contactlist-tile-v {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: flex-start !important;

    gap: 22px !important;
}

/* Einzelne Karte */
.cd-contactlist-tile-v .cd-tile-v-box {
    display: block !important;

    width: 300px !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;

    flex: 0 0 300px !important;
    margin: 0 !important;
}

/* Bilder wieder im ClubDesk-Originalverhältnis */
.cd-contactlist-tile-v .cd-image-wrapper-1,
.cd-contactlist-tile-v .cd-image-content {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
}

/* Bild nicht künstlich strecken */
.cd-contactlist-tile-v img.cd-image-cover {
    display: block !important;

    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    object-fit: initial !important;
    object-position: initial !important;
}

/* Namensbereich direkt unter dem Bild */
.cd-contactlist-tile-v .cd-tile-v-main-area {
    margin-top: 0 !important;
}


/* ======================================================
   MOBILE
   ====================================================== */

@media screen and (max-width: 768px) {

    .cd-contactlist-tile-v {
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 16px !important;
    }

    .cd-contactlist-tile-v .cd-tile-v-box {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 auto !important;
    }
}

/* ======================================================
   KONTAKTLISTEN – SCHWARZER BALKEN + LAUFSTRICH REPARIEREN
   ====================================================== */

/* Karte als Bezugspunkt */
.cd-contactlist-tile-v .cd-tile-v-box {
    position: relative !important;
    overflow: hidden !important;
}

/* Schwarzer Namensbalken */
.cd-contactlist-tile-v .cd-tile-v-main-area {
    position: relative !important;
    display: block !important;

    margin-top: 0 !important;
    padding: 16px 18px !important;

    background: #000000 !important;
    color: #ffffff !important;

    overflow: hidden !important;
    z-index: 2 !important;
}

/* Text im Balken sichtbar halten */
.cd-contactlist-tile-v .cd-tile-v-main-area,
.cd-contactlist-tile-v .cd-tile-v-main-area * {
    position: relative !important;
    z-index: 3 !important;
    color: #ffffff !important;
}

/* Rote Fläche läuft beim Hover ein */
.cd-contactlist-tile-v .cd-tile-v-main-area::before {
    content: "";
    position: absolute;
    inset: 0;

    background: linear-gradient(
        90deg,
        #b9151d 0%,
        #d22323 55%,
        #e13a32 100%
    );

    transform: translateX(-105%);
    transition: transform 1.6s ease;

    z-index: 1;
}

.cd-contactlist-tile-v .cd-tile-v-box:hover
.cd-tile-v-main-area::before {
    transform: translateX(0);
}


/* Rote Grundlinie unten an der Karte */
.cd-contactlist-tile-v .cd-tile-v-box::after {
    content: "";
    position: absolute;

    left: 7%;
    right: 7%;
    bottom: 0;

    height: 2px;

    background: linear-gradient(
        90deg,
        transparent,
        rgba(210, 35, 35, 0.25),
        rgba(210, 35, 35, 0.75),
        rgba(210, 35, 35, 0.25),
        transparent
    );

    pointer-events: none;
    z-index: 20;
}

/* Laufender Lichtfaden */
.cd-contactlist-tile-v .cd-tile-v-box::before {
    content: "";
    position: absolute;

    left: -35%;
    bottom: -1px;

    width: 32%;
    height: 4px;

    background: linear-gradient(
        90deg,
        transparent,
        rgba(210, 35, 35, 0.35),
        #ffffff,
        rgba(210, 35, 35, 0.90),
        transparent
    );

    box-shadow:
        0 0 6px rgba(255, 255, 255, 0.85),
        0 0 12px rgba(210, 35, 35, 0.75);

    opacity: 0;
    pointer-events: none;
    z-index: 21;
}

.cd-contactlist-tile-v .cd-tile-v-box:hover::before {
    animation: skcm-contact-card-line 1.6s ease-out forwards;
}

@keyframes skcm-contact-card-line {
    0% {
        left: -35%;
        opacity: 0;
    }

    15% {
        opacity: 1;
    }

    85% {
        opacity: 1;
    }

    100% {
        left: 110%;
        opacity: 0;
    }
}

/* ======================================================
   SKCM JUICER THEME v1.0
   Karten, Bilder, Hover und Motion Line
   ====================================================== */

/* Gesamter Feed */
.juicer-feed {
    margin-top: 40px !important;
}

/* Einzelne News-Karte */
.juicer-feed .feed-item {
    position: relative !important;
    overflow: hidden !important;

    background: #ffffff !important;

    border: 1px solid rgba(0, 0, 0, 0.05) !important;
    border-radius: 22px !important;

    box-shadow:
        0 10px 28px rgba(0, 0, 0, 0.10) !important;

    transition:
        transform 0.35s ease,
        box-shadow 0.35s ease,
        border-color 0.35s ease !important;
}

/* Karte hebt sich beim Hover */
.juicer-feed .feed-item:hover {
    transform: translateY(-8px);

    border-color: rgba(210, 35, 35, 0.18) !important;

    box-shadow:
        0 20px 42px rgba(0, 0, 0, 0.16),
        0 0 18px rgba(210, 35, 35, 0.10) !important;
}


/* ======================================================
   BILDER
   ====================================================== */

.juicer-feed .j-image {
    overflow: hidden !important;
}

.juicer-feed .j-content-image {
    display: block !important;

    width: 100% !important;
    height: auto !important;

    transition:
        transform 0.45s ease,
        filter 0.45s ease !important;
}

.juicer-feed .feed-item:hover .j-content-image {
    transform: scale(1.04);
    filter: saturate(1.05);
}


/* ======================================================
   TEXTBEREICH
   ====================================================== */

.juicer-feed .j-text {
    padding: 20px !important;

    color: #444444 !important;
    font-size: 16px !important;
    line-height: 1.6 !important;
}

.juicer-feed .j-text,
.juicer-feed .j-text * {
    color: #444444 !important;
}


/* ======================================================
   LINKS UND ÜBERSCHRIFTEN
   ====================================================== */

.juicer-feed a {
    color: #222222 !important;
    text-decoration: none !important;

    transition:
        color 0.35s ease !important;
}

.juicer-feed .feed-item:hover a {
    color: #d22323 !important;
}

.juicer-feed .j-message,
.juicer-feed .j-message *,
.juicer-feed .j-text p,
.juicer-feed .j-text span {
    transition:
        color 0.35s ease !important;
}

.juicer-feed .feed-item:hover .j-message,
.juicer-feed .feed-item:hover .j-message *,
.juicer-feed .feed-item:hover .j-text p,
.juicer-feed .feed-item:hover .j-text span {
    color: #d22323 !important;
}


/* ======================================================
   INSTAGRAM / SOCIAL ICONS
   ====================================================== */

.juicer-feed .j-instagram,
.juicer-feed .j-instagram *,
.juicer-feed .j-social-icon,
.juicer-feed .j-social-icon * {
    color: #d22323 !important;
}


/* ======================================================
   ROTE GRUNDLINIE UNTEN
   ====================================================== */

.juicer-feed .feed-item::after {
    content: "";
    position: absolute;

    left: 7%;
    right: 7%;
    bottom: 0;

    height: 2px;

    background: linear-gradient(
        90deg,
        transparent,
        rgba(210, 35, 35, 0.25),
        rgba(210, 35, 35, 0.75),
        rgba(210, 35, 35, 0.25),
        transparent
    );

    pointer-events: none;
    z-index: 20;
}


/* ======================================================
   LAUFENDER LICHTFADEN
   ====================================================== */

.juicer-feed .feed-item::before {
    content: "";
    position: absolute;

    left: -35%;
    bottom: -1px;

    width: 32%;
    height: 4px;

    background: linear-gradient(
        90deg,
        transparent,
        rgba(210, 35, 35, 0.35),
        #ffffff,
        rgba(210, 35, 35, 0.90),
        transparent
    );

    box-shadow:
        0 0 6px rgba(255, 255, 255, 0.85),
        0 0 12px rgba(210, 35, 35, 0.75);

    opacity: 0;
    pointer-events: none;
    z-index: 21;
}

/* Lauflicht nur auf der berührten News-Karte */
.juicer-feed .feed-item:hover::before {
    animation: skcm-juicer-card-line 1.6s ease-out forwards;
}

@keyframes skcm-juicer-card-line {
    0% {
        left: -35%;
        opacity: 0;
    }

    15% {
        opacity: 1;
    }

    85% {
        opacity: 1;
    }

    100% {
        left: 110%;
        opacity: 0;
    }
}


/* ======================================================
   MOBILE
   ====================================================== */

@media screen and (max-width: 768px) {

    .juicer-feed {
        margin-top: 24px !important;
    }

    .juicer-feed .feed-item {
        margin-bottom: 18px !important;
        border-radius: 18px !important;
    }

    .juicer-feed .j-text {
        padding: 17px !important;
        font-size: 15px !important;
        line-height: 1.55 !important;
    }

    .juicer-feed .feed-item:hover {
        transform: translateY(-4px);
    }
}


/* ======================================================
   REDUZIERTE BEWEGUNG
   ====================================================== */

@media (prefers-reduced-motion: reduce) {

    .juicer-feed .feed-item,
    .juicer-feed .j-content-image {
        transition: none !important;
    }

    .juicer-feed .feed-item::before {
        animation: none !important;
        display: none !important;
    }
}

/* ======================================================
   NEWS-ÜBERSCHRIFT – rot mit weißem Lichtreflex
   Block: #block_1000330_content
   ====================================================== */

html body #block_1000330_content {
    text-align: center !important;
}

html body #block_1000330_content h1 {
    position: relative !important;
    display: inline-block !important;
    overflow: hidden !important;

    color: #d22323 !important;

    transition:
        transform 0.35s ease,
        text-shadow 0.35s ease !important;
}

/* Weißer Lichtreflex */
html body #block_1000330_content h1::after {
    content: "";
    position: absolute;

    top: -55%;
    left: -35%;

    width: 16%;
    height: 230%;

    transform: rotate(22deg);

    background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 255, 255, 0.15),
        rgba(255, 255, 255, 0.95),
        rgba(255, 255, 255, 0.15),
        transparent
    );

    pointer-events: none;

    animation: skcm-news-title-shine 8s linear infinite;
}

html body #block_1000330_content h1:hover {
    transform: translateY(-2px);

    text-shadow:
        0 0 8px rgba(210, 35, 35, 0.25),
        0 0 16px rgba(210, 35, 35, 0.15);
}

@keyframes skcm-news-title-shine {
    0% {
        left: -35%;
    }

    12% {
        left: 130%;
    }

    100% {
        left: 130%;
    }
}

/* ======================================================
   SKCM FOOTER – dezente Modernisierung
   Section: #section_1000074
   ====================================================== */

html body #section_1000074 {
    position: relative !important;
    overflow: hidden !important;

    background: linear-gradient(
        180deg,
        #242424 0%,
        #151515 100%
    ) !important;

    color: #ffffff !important;
}

html body #section_1000074 .cd-section-content {
    position: relative !important;
    padding-top: 50px !important;
    padding-bottom: 40px !important;
}

/* Vorhandene Spalten nur textlich ausrichten */
html body #section_1000074 .cd-col.m4 {
    text-align: center !important;
}

/* Text und Links */
html body #section_1000074,
html body #section_1000074 p,
html body #section_1000074 span {
    color: #ffffff !important;
}

/* Standard: alles weiss */
html body #section_1000074,
html body #section_1000074 p,
html body #section_1000074 span {
    color: #ffffff !important;
}

/* Nur die Vereinswerte rot */
html body #section_1000074 strong,
html body #section_1000074 strong * {
    color: #d22323 !important;
}

html body #section_1000074 strong,
html body #section_1000074 strong * {
    color: #d22323 !important;
}

html body #section_1000074 a {
    color: #ffffff !important;
    text-decoration: none !important;

    transition:
        color 0.3s ease,
        text-shadow 0.3s ease !important;
}

html body #section_1000074 a:hover {
    color: #d22323 !important;
    text-shadow: 0 0 8px rgba(210, 35, 35, 0.35);
}

/* Instagram-Icon */
html body #section_1000074 img {
    transition:
        transform 0.35s ease,
        filter 0.35s ease !important;
}

html body #section_1000074 img:hover {
    transform: scale(1.08);
    filter: drop-shadow(0 0 8px rgba(210, 35, 35, 0.55));
}

/* Impressum-Button */
html body #section_1000074 .cd-button {
    color: #ffffff !important;
    background: transparent !important;
    border: 1px solid rgba(255, 255, 255, 0.65) !important;
    border-radius: 999px !important;
    box-shadow: none !important;

    transition:
        color 0.3s ease,
        background-color 0.3s ease,
        border-color 0.3s ease,
        transform 0.3s ease !important;
}

html body #section_1000074 .cd-button:hover {
    color: #ffffff !important;
    background: #d22323 !important;
    border-color: #d22323 !important;
    transform: translateY(-2px);
}

/* Rote Linie oben */
html body #section_1000074::after {
    content: "";
    position: absolute;

    top: 0;
    left: 4%;
    right: 4%;

    height: 2px;

    background: linear-gradient(
        90deg,
        transparent,
        rgba(210, 35, 35, 0.30),
        rgba(210, 35, 35, 0.85),
        rgba(210, 35, 35, 0.30),
        transparent
    );

    pointer-events: none;
    z-index: 2;
}

/* Lauflicht */
html body #section_1000074::before {
    content: "";
    position: absolute;

    top: -1px;
    left: -32%;

    width: 28%;
    height: 4px;

    background: linear-gradient(
        90deg,
        transparent,
        rgba(210, 35, 35, 0.30),
        #ffffff,
        rgba(210, 35, 35, 0.95),
        transparent
    );

    box-shadow:
        0 0 6px rgba(255, 255, 255, 0.85),
        0 0 12px rgba(210, 35, 35, 0.75);

    pointer-events: none;
    z-index: 3;

    animation: skcm-footer-line 4s linear infinite;
}

@keyframes skcm-footer-line {
    from {
        left: -32%;
    }

    to {
        left: 108%;
    }
}

@media screen and (max-width: 768px) {
    html body #section_1000074 .cd-section-content {
        padding-top: 38px !important;
        padding-bottom: 32px !important;
    }
}

/* =========================================
   Footer Schriftfarben korrigieren
   ========================================= */

/* Alles im Footer weiß */
html body #section_1000074 p,
html body #section_1000074 p span,
html body #section_1000074 p strong,
html body #section_1000074 a {
    color: #ffffff !important;
}

/* Nur die Vereinswerte rot */
html body #section_1000074 p:first-of-type span,
html body #section_1000074 p:first-of-type span strong {
    color: #d22323 !important;
}

/* =========================================
   SKCM Vereinsmotto
   ========================================= */

html body #block_1000338_content{

    position:relative !important;

    max-width:850px;

    margin:55px auto !important;

    text-align:center !important;

    padding:28px 40px !important;

}

/* Erster Satz */

html body #block_1000338_content p:first-child{

    font-size:30px !important;

    font-weight:700 !important;

    color:#222 !important;

    margin-bottom:12px !important;

}

/* Zweiter Satz (kursiv) */

html body #block_1000338_content em{

    display:block !important;

    font-size:26px !important;

    font-style:italic !important;

    color:#666 !important;

    line-height:1.5 !important;

    margin-bottom:18px !important;

}

/* Letzter Satz */

html body #block_1000338_content p:last-child{

    font-size:22px !important;

    font-weight:500 !important;

    color:#444 !important;

}

/* ======================================================
   SKCM VEREINSMOTTO – Linien und Lauflicht
   Block: #block_1000338_content
   ====================================================== */

/* Motto-Block als sichere Bühne */
html body #block_1000338_content {
    position: relative !important;
    overflow: hidden !important;
}

/* Untere rote Linie */
html body #block_1000338_content::after {
    content: "";
    position: absolute !important;

    left: 8% !important;
    right: 8% !important;
    bottom: 0 !important;

    height: 2px !important;

    background: linear-gradient(
        90deg,
        transparent,
        rgba(210, 35, 35, 0.30),
        rgba(210, 35, 35, 0.85),
        rgba(210, 35, 35, 0.30),
        transparent
    ) !important;

    pointer-events: none !important;
    z-index: 1 !important;
}

/* Oberer laufender Lichtimpuls */
html body #block_1000338_content::before {
    content: "";
    position: absolute !important;

    left: -32%;
    top: 0 !important;

    width: 28% !important;
    height: 4px !important;

    background: linear-gradient(
        90deg,
        transparent,
        rgba(210, 35, 35, 0.30),
        #ffffff,
        rgba(210, 35, 35, 0.95),
        transparent
    ) !important;

    box-shadow:
        0 0 6px rgba(255, 255, 255, 0.85),
        0 0 12px rgba(210, 35, 35, 0.75) !important;

    pointer-events: none !important;
    z-index: 2 !important;

    animation: skcm-motto-run 4s linear infinite !important;
}

/* Obere rote Grundlinie zusätzlich über Hintergrundbild */
html body #block_1000338_content {
    background-image: linear-gradient(
        90deg,
        transparent,
        rgba(210, 35, 35, 0.30),
        rgba(210, 35, 35, 0.85),
        rgba(210, 35, 35, 0.30),
        transparent
    ) !important;

    background-repeat: no-repeat !important;
    background-position: center top !important;
    background-size: 84% 2px !important;
}

@keyframes skcm-motto-run {
    from {
        left: -32%;
    }

    to {
        left: 108%;
    }
}

/* Mobile etwas kompakter */
@media screen and (max-width: 768px) {
    html body #block_1000338_content {
        margin: 36px auto !important;
        padding: 24px 18px !important;
    }

    html body #block_1000338_content::before {
        width: 40% !important;
        animation-duration: 3.4s !important;
    }

    html body #block_1000338_content::after {
        left: 5% !important;
        right: 5% !important;
    }

    html body #block_1000338_content {
        background-size: 90% 2px !important;
    }
}

/* ======================================================
   VEREIN – Motion Überschriften
   ====================================================== */

html body #block_1000341_content h2,
html body #block_1000344_content h2,
html body #block_1000345_content h2{

    position:relative !important;

    display:inline-block !important;

    overflow:hidden !important;

    margin-bottom:28px !important;

    padding-bottom:14px !important;

    color:#222 !important;

    transition:
        color .35s ease !important;

}

/* Hover */

html body #block_1000341_content h2:hover,
html body #block_1000344_content h2:hover,
html body #block_1000345_content h2:hover{

    color:#d22323 !important;

}

/* Rote Grundlinie */

html body #block_1000341_content h2::after,
html body #block_1000344_content h2::after,
html body #block_1000345_content h2::after{

    content:"";

    position:absolute;

    left:0;
    right:0;
    bottom:0;

    height:2px;

    background:linear-gradient(
        90deg,
        transparent,
        rgba(210,35,35,.35),
        rgba(210,35,35,.85),
        rgba(210,35,35,.35),
        transparent
    );

}

/* Laufender Lichtpunkt */

html body #block_1000341_content h2::before,
html body #block_1000344_content h2::before,
html body #block_1000345_content h2::before{

    content:"";

    position:absolute;

    left:-35%;
    bottom:-1px;

    width:30%;
    height:4px;

    background:linear-gradient(
        90deg,
        transparent,
        rgba(210,35,35,.30),
        #ffffff,
        rgba(210,35,35,.90),
        transparent
    );

    box-shadow:
        0 0 6px rgba(255,255,255,.85),
        0 0 12px rgba(210,35,35,.75);

    animation:skcm-verein-headline 4s linear infinite;

}

@keyframes skcm-verein-headline{

    from{
        left:-35%;
    }

    to{
        left:110%;
    }

}

/* ======================================================
   SKCM Route planen Button
   Block: #block_1000346
   ====================================================== */

html body #block_1000346_content{
    text-align:center !important;
    margin-top:25px !important;
}

html body #block_1000346_content a{

    position:relative !important;

    display:inline-block !important;

    padding:14px 30px !important;

    color:#ffffff !important;
    text-decoration:none !important;

    background:#d22323 !important;

    border:2px solid #d22323 !important;
    border-radius:999px !important;

    overflow:hidden !important;

    font-size:18px !important;
    font-weight:600 !important;

    transition:
        transform .3s ease,
        box-shadow .3s ease,
        background-color .3s ease !important;

}

/* Hover */

html body #block_1000346_content a:hover{

    transform:translateY(-3px);

    box-shadow:
        0 10px 22px rgba(0,0,0,.20),
        0 0 12px rgba(210,35,35,.35);

}

/* Lichtreflex */

html body #block_1000346_content a::after{

    content:"";

    position:absolute;

    top:-55%;
    left:-35%;

    width:16%;
    height:230%;

    transform:rotate(22deg);

    background:linear-gradient(
        90deg,
        transparent,
        rgba(255,255,255,.15),
        rgba(255,255,255,.98),
        rgba(255,255,255,.15),
        transparent
    );

    animation:skcmRouteButton 8s linear infinite;

}

@keyframes skcmRouteButton{

    0%{
        left:-35%;
    }

    12%{
        left:130%;
    }

    100%{
        left:130%;
    }

}

html body #block_1000348 {
    position: relative !important;
    top: -150px !important;
}

/* ======================================================
   KONTAKT – Motion Überschrift
   Block: #block_1000354_content
   ====================================================== */

html body #block_1000354_content h1{

    position:relative !important;

    display:inline-block !important;

    overflow:hidden !important;

    margin-bottom:28px !important;

    padding-bottom:14px !important;

    color:#222 !important;

    transition:color .35s ease !important;

}

/* Hover */

html body #block_1000354_content h1:hover{

    color:#d22323 !important;

}

/* Rote Grundlinie */

html body #block_1000354_content h1::after{

    content:"";

    position:absolute;

    left:0;
    right:0;
    bottom:0;

    height:2px;

    background:linear-gradient(
        90deg,
        transparent,
        rgba(210,35,35,.35),
        rgba(210,35,35,.85),
        rgba(210,35,35,.35),
        transparent
    );

}

/* Laufender Lichtpunkt */

html body #block_1000354_content h1::before{

    content:"";

    position:absolute;

    left:-35%;
    bottom:-1px;

    width:30%;
    height:4px;

    background:linear-gradient(
        90deg,
        transparent,
        rgba(210,35,35,.30),
        #ffffff,
        rgba(210,35,35,.90),
        transparent
    );

    box-shadow:
        0 0 6px rgba(255,255,255,.85),
        0 0 12px rgba(210,35,35,.75);

    animation:skcm-kontakt-headline 4s linear infinite;

}

@keyframes skcm-kontakt-headline{

    from{
        left:-35%;
    }

    to{
        left:110%;
    }

}

/* ======================================================
   SKCM FORMS v1.0
   Gilt automatisch für alle ClubDesk-Formulare
   ====================================================== */

/* Formularblock allgemein als Karte */
html body .cd-block[data-block-type="9"] {
    padding: 30px !important;

    background: linear-gradient(
        180deg,
        #f7f7f7 0%,
        #eeeeee 100%
    ) !important;

    border: 1px solid rgba(0, 0, 0, 0.06) !important;
    border-radius: 22px !important;

    box-shadow:
        0 12px 32px rgba(0, 0, 0, 0.10) !important;
}


/* ======================================================
   BESCHRIFTUNGEN
   ====================================================== */

html body .cd-block[data-block-type="9"] label {
    display: block !important;

    margin-bottom: 7px !important;

    color: #222222 !important;
    font-size: 15px !important;
    line-height: 1.35 !important;
    font-weight: 600 !important;
}


/* ======================================================
   EINGABEFELDER
   ====================================================== */

html body .cd-block[data-block-type="9"] input[type="text"],
html body .cd-block[data-block-type="9"] input[type="email"],
html body .cd-block[data-block-type="9"] input[type="tel"],
html body .cd-block[data-block-type="9"] input[type="number"],
html body .cd-block[data-block-type="9"] input[type="date"],
html body .cd-block[data-block-type="9"] input[type="url"],
html body .cd-block[data-block-type="9"] input[type="password"],
html body .cd-block[data-block-type="9"] select,
html body .cd-block[data-block-type="9"] textarea {
    width: 100% !important;
    box-sizing: border-box !important;

    padding: 13px 15px !important;

    color: #222222 !important;
    background: #ffffff !important;

    border: 1px solid rgba(0, 0, 0, 0.20) !important;
    border-radius: 10px !important;

    box-shadow:
        inset 0 1px 2px rgba(0, 0, 0, 0.04) !important;

    font-size: 16px !important;
    line-height: 1.4 !important;

    transition:
        border-color 0.25s ease,
        box-shadow 0.25s ease,
        background-color 0.25s ease !important;
}

html body .cd-block[data-block-type="9"] textarea {
    min-height: 150px !important;
    resize: vertical !important;
}


/* ======================================================
   FOKUS
   ====================================================== */

html body .cd-block[data-block-type="9"] input[type="text"]:focus,
html body .cd-block[data-block-type="9"] input[type="email"]:focus,
html body .cd-block[data-block-type="9"] input[type="tel"]:focus,
html body .cd-block[data-block-type="9"] input[type="number"]:focus,
html body .cd-block[data-block-type="9"] input[type="date"]:focus,
html body .cd-block[data-block-type="9"] input[type="url"]:focus,
html body .cd-block[data-block-type="9"] input[type="password"]:focus,
html body .cd-block[data-block-type="9"] select:focus,
html body .cd-block[data-block-type="9"] textarea:focus {
    outline: none !important;

    border-color: #d22323 !important;

    box-shadow:
        0 0 0 3px rgba(210, 35, 35, 0.14),
        0 5px 14px rgba(0, 0, 0, 0.08) !important;
}


/* ======================================================
   CHECKBOXEN UND RADIOBUTTONS
   ====================================================== */

html body .cd-block[data-block-type="9"] input[type="checkbox"],
html body .cd-block[data-block-type="9"] input[type="radio"] {
    accent-color: #d22323 !important;
    cursor: pointer !important;
}


/* ======================================================
   ABSTÄNDE
   ====================================================== */

html body .cd-block[data-block-type="9"] .cd-form-row,
html body .cd-block[data-block-type="9"] .form-group,
html body .cd-block[data-block-type="9"] .cd-form-field {
    margin-bottom: 20px !important;
}


/* ======================================================
   SENDEN-BUTTON
   ====================================================== */

html body .cd-block[data-block-type="9"] button[type="submit"],
html body .cd-block[data-block-type="9"] input[type="submit"],
html body .cd-block[data-block-type="9"] .cd-button {
    position: relative !important;
    overflow: hidden !important;

    min-width: 150px !important;

    padding: 13px 30px !important;

    color: #ffffff !important;
    background: #d22323 !important;

    border: 2px solid #d22323 !important;
    border-radius: 999px !important;

    box-shadow:
        0 8px 18px rgba(0, 0, 0, 0.16) !important;

    font-size: 18px !important;
    line-height: 1.2 !important;
    font-weight: 600 !important;

    cursor: pointer !important;

    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease,
        background-color 0.3s ease,
        border-color 0.3s ease !important;
}

html body .cd-block[data-block-type="9"] button[type="submit"]:hover,
html body .cd-block[data-block-type="9"] input[type="submit"]:hover,
html body .cd-block[data-block-type="9"] .cd-button:hover {
    background: #b9151d !important;
    border-color: #b9151d !important;

    transform: translateY(-3px);

    box-shadow:
        0 12px 24px rgba(0, 0, 0, 0.20),
        0 0 14px rgba(210, 35, 35, 0.32) !important;
}


/* Weißer Lichtreflex */
html body .cd-block[data-block-type="9"] button[type="submit"]::after,
html body .cd-block[data-block-type="9"] .cd-button::after {
    content: "";
    position: absolute;

    top: -55%;
    left: -35%;

    width: 16%;
    height: 230%;

    transform: rotate(22deg);

    background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 255, 255, 0.15),
        rgba(255, 255, 255, 0.98),
        rgba(255, 255, 255, 0.15),
        transparent
    );

    pointer-events: none;

    animation: skcm-form-button-shine 8s linear infinite;
}

@keyframes skcm-form-button-shine {
    0% {
        left: -35%;
    }

    12% {
        left: 130%;
    }

    100% {
        left: 130%;
    }
}


/* ======================================================
   FEHLER- UND HINWEISTEXTE
   ====================================================== */

html body .cd-block[data-block-type="9"] .error,
html body .cd-block[data-block-type="9"] .cd-form-error,
html body .cd-block[data-block-type="9"] [aria-invalid="true"] + span {
    color: #d22323 !important;
    font-weight: 600 !important;
}


/* ======================================================
   MOBILE
   ====================================================== */

@media screen and (max-width: 768px) {

    html body .cd-block[data-block-type="9"] {
        padding: 20px 16px !important;
        border-radius: 18px !important;
    }

    html body .cd-block[data-block-type="9"] input[type="text"],
    html body .cd-block[data-block-type="9"] input[type="email"],
    html body .cd-block[data-block-type="9"] input[type="tel"],
    html body .cd-block[data-block-type="9"] input[type="number"],
    html body .cd-block[data-block-type="9"] input[type="date"],
    html body .cd-block[data-block-type="9"] input[type="url"],
    html body .cd-block[data-block-type="9"] input[type="password"],
    html body .cd-block[data-block-type="9"] select,
    html body .cd-block[data-block-type="9"] textarea {
        font-size: 16px !important;
    }

    html body .cd-block[data-block-type="9"] button[type="submit"],
    html body .cd-block[data-block-type="9"] input[type="submit"],
    html body .cd-block[data-block-type="9"] .cd-button {
        width: 100% !important;
        max-width: 100% !important;
    }
}


/* Bewegung reduzieren */
@media (prefers-reduced-motion: reduce) {
    html body .cd-block[data-block-type="9"] button[type="submit"]::after,
    html body .cd-block[data-block-type="9"] .cd-button::after {
        animation: none !important;
        display: none !important;
    }
}

/* ======================================================
   SKCM CONTACT CARDS v2.0
   Gilt für Gründer, Vorstand und Instruktoren
   ====================================================== */

/* Gesamte Kontaktkarte */

html body .cd-contactlist-tile-v .cd-tile-v-box{

    background:linear-gradient(
        180deg,
        #f7f7f7 0%,
        #eeeeee 100%
    ) !important;

    border:1px solid rgba(0,0,0,.06) !important;

    border-radius:22px !important;

    overflow:hidden !important;

    box-shadow:
        0 10px 28px rgba(0,0,0,.10) !important;

    transition:
        transform .35s ease,
        box-shadow .35s ease !important;

}

/* Hover */

html body .cd-contactlist-tile-v .cd-tile-v-box:hover{

    transform:translateY(-6px);

    box-shadow:
        0 18px 36px rgba(0,0,0,.15),
        0 0 18px rgba(210,35,35,.08) !important;

}


/* Bildbereich */

html body .cd-contactlist-tile-v .cd-image-wrapper-1{

    background:#f3f3f3 !important;

}


/* Kontaktbereich */

html body .cd-contactlist-tile-v .cd-tile-v-detail-area{

    background:transparent !important;

}


/* Trennlinien */

html body .cd-contactlist-tile-v hr{

    border:none !important;

    border-top:1px solid rgba(0,0,0,.08) !important;

}


/* Beschriftungen */

html body .cd-contactlist-tile-v .cd-label{

    color:#888 !important;

    font-size:14px !important;

}


/* Werte */

html body .cd-contactlist-tile-v .cd-value{

    color:#222 !important;

}


/* Icons */

html body .cd-contactlist-tile-v svg{

    color:#d22323 !important;

}

/* ======================================================
   NÄCHSTE TERMINE – Motion Überschrift
   ====================================================== */

html body #block_1000168_content h1{

    position:relative !important;

    display:inline-block !important;

    overflow:hidden !important;

    margin-bottom:28px !important;

    padding-bottom:14px !important;

    color:#222 !important;

    transition:color .35s ease !important;

}

/* Hover */

html body #block_1000168_content h1:hover{

    color:#d22323 !important;

}

/* Rote Grundlinie */

html body #block_1000168_content h1::after{

    content:"";

    position:absolute;

    left:0;
    right:0;
    bottom:0;

    height:2px;

    background:linear-gradient(
        90deg,
        transparent,
        rgba(210,35,35,.35),
        rgba(210,35,35,.85),
        rgba(210,35,35,.35),
        transparent
    );

}

/* Laufender Lichtpunkt */

html body #block_1000168_content h1::before{

    content:"";

    position:absolute;

    left:-35%;
    bottom:-1px;

    width:30%;
    height:4px;

    background:linear-gradient(
        90deg,
        transparent,
        rgba(210,35,35,.30),
        #ffffff,
        rgba(210,35,35,.90),
        transparent
    );

    box-shadow:
        0 0 6px rgba(255,255,255,.85),
        0 0 12px rgba(210,35,35,.75);

    animation:skcm-termine-headline 4s linear infinite;

}

@keyframes skcm-termine-headline{

    from{
        left:-35%;
    }

    to{
        left:110%;
    }

}

/* ======================================================
   SKCM NEWS – Überschrift, Einklappen und Button
   ====================================================== */


/* ------------------------------------------------------
   Überschrift „Aktuelles aus dem Vereinsleben“
   Block-ID: 1000330
   ------------------------------------------------------ */

html body #block_1000330_content h1 {
    position: relative !important;
    display: inline-block !important;
    overflow: hidden !important;

    margin-bottom: 28px !important;
    padding-bottom: 14px !important;

    color: #222 !important;

    transition: color .35s ease !important;
}

html body #block_1000330_content h1:hover {
    color: #d22323 !important;
}


/* Rote Grundlinie */

html body #block_1000330_content h1::after {
    content: "";

    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;

    height: 2px;

    background: linear-gradient(
        90deg,
        transparent,
        rgba(210, 35, 35, .35),
        rgba(210, 35, 35, .85),
        rgba(210, 35, 35, .35),
        transparent
    );
}


/* Laufender Lichtimpuls */

html body #block_1000330_content h1::before {
    content: "";

    position: absolute;
    left: -35%;
    bottom: -1px;

    width: 30%;
    height: 4px;

    background: linear-gradient(
        90deg,
        transparent,
        rgba(210, 35, 35, .30),
        #ffffff,
        rgba(210, 35, 35, .90),
        transparent
    );

    box-shadow:
        0 0 6px rgba(255, 255, 255, .85),
        0 0 12px rgba(210, 35, 35, .75);

    animation: skcm-news-title-run 4s linear infinite;
}

@keyframes skcm-news-title-run {
    from {
        left: -35%;
    }

    to {
        left: 110%;
    }
}


/* ------------------------------------------------------
   Juicer zunächst begrenzen
   ------------------------------------------------------ */

html body .juicer-feed.skcm-news-collapsible {
    position: relative !important;

    max-height: 850px !important;
    overflow: hidden !important;

    transition: max-height .75s ease !important;
}


/* Geöffneter Zustand */

html body .juicer-feed.skcm-news-collapsible.skcm-news-open {
    max-height: 10000px !important;
}


/* Weicher Verlauf am unteren Rand */

html body .juicer-feed.skcm-news-collapsible:not(.skcm-news-open)::after {
    content: "";

    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;

    height: 150px;

    background: linear-gradient(
        to bottom,
        rgba(255, 255, 255, 0),
        rgba(255, 255, 255, .92) 75%,
        #ffffff 100%
    );

    pointer-events: none;
    z-index: 20;
}


/* ------------------------------------------------------
   Button-Container
   ------------------------------------------------------ */

html body .skcm-news-toggle-wrap {
    display: flex;
    justify-content: center;

    width: 100%;

    margin: 26px 0 45px !important;
}


/* SKCM-Button */

html body .skcm-news-toggle {
    position: relative;
    display: inline-block;
    overflow: hidden;

    padding: 14px 30px;

    color: #ffffff !important;
    background: #d22323 !important;

    border: 2px solid #d22323 !important;
    border-radius: 999px !important;

    box-shadow:
        0 8px 18px rgba(0, 0, 0, .16);

    font-size: 18px;
    line-height: 1.2;
    font-weight: 600;
    font-family: inherit;

    cursor: pointer;

    transition:
        transform .3s ease,
        background-color .3s ease,
        border-color .3s ease,
        box-shadow .3s ease;
}

html body .skcm-news-toggle:hover {
    background: #b9151d !important;
    border-color: #b9151d !important;

    transform: translateY(-3px);

    box-shadow:
        0 12px 24px rgba(0, 0, 0, .20),
        0 0 14px rgba(210, 35, 35, .32);
}


/* Lichtreflex auf dem Button */

html body .skcm-news-toggle::after {
    content: "";

    position: absolute;
    top: -55%;
    left: -35%;

    width: 16%;
    height: 230%;

    transform: rotate(22deg);

    background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 255, 255, .15),
        rgba(255, 255, 255, .98),
        rgba(255, 255, 255, .15),
        transparent
    );

    pointer-events: none;

    animation: skcm-news-button-shine 8s linear infinite;
}

@keyframes skcm-news-button-shine {
    0% {
        left: -35%;
    }

    12% {
        left: 130%;
    }

    100% {
        left: 130%;
    }
}


/* ------------------------------------------------------
   Mobile
   ------------------------------------------------------ */

@media screen and (max-width: 768px) {

    html body .juicer-feed.skcm-news-collapsible {
        max-height: 680px !important;
    }

    html body .skcm-news-toggle {
        width: calc(100% - 32px);
        max-width: 360px;

        padding: 13px 20px;

        font-size: 16px;
    }

    html body .skcm-news-toggle-wrap {
        margin-top: 20px !important;
        margin-bottom: 35px !important;
    }
}


/* Reduzierte Bewegung */

@media (prefers-reduced-motion: reduce) {

    html body #block_1000330_content h1::before,
    html body .skcm-news-toggle::after {
        animation: none !important;
    }

    html body .juicer-feed.skcm-news-collapsible {
        transition: none !important;
    }
}

/* ======================================================
   Sommerlager – Route planen Button
   ====================================================== */

html body #block_1000356_content .cd-button{

    position:relative !important;

    overflow:hidden !important;

    padding:14px 30px !important;

    color:#ffffff !important;

    background:#d22323 !important;

    border:2px solid #d22323 !important;

    border-radius:999px !important;

    font-size:18px !important;

    font-weight:600 !important;

    box-shadow:
        0 8px 18px rgba(0,0,0,.16) !important;

    transition:
        transform .3s ease,
        box-shadow .3s ease,
        background .3s ease !important;

}

/* Hover */

html body #block_1000356_content .cd-button:hover{

    background:#b9151d !important;

    border-color:#b9151d !important;

    transform:translateY(-3px);

    box-shadow:
        0 12px 24px rgba(0,0,0,.20),
        0 0 14px rgba(210,35,35,.32) !important;

}

/* Lichtreflex */

html body #block_1000356_content .cd-button::after{

    content:"";

    position:absolute;

    top:-55%;
    left:-35%;

    width:16%;
    height:230%;

    transform:rotate(22deg);

    background:linear-gradient(
        90deg,
        transparent,
        rgba(255,255,255,.15),
        rgba(255,255,255,.98),
        rgba(255,255,255,.15),
        transparent
    );

    animation:skcmSummerRoute 8s linear infinite;

}

@keyframes skcmSummerRoute{

    0%{
        left:-35%;
    }

    12%{
        left:130%;
    }

    100%{
        left:130%;
    }

}

/* ======================================================
   SKCM – MOBILE TITEL IN ALLEN UNTERSEITEN-HEADERN
   ====================================================== */

@media screen and (max-width: 768px) {

    /* Titelblock im vererbten Header */
    html body header .cd-section-content h5 {
        width: 100% !important;
        max-width: calc(100vw - 40px) !important;

        margin-left: auto !important;
        margin-right: auto !important;

        line-height: 1.08 !important;
        text-align: center !important;

        word-break: normal !important;
        overflow-wrap: normal !important;
        hyphens: none !important;
        white-space: normal !important;
    }

    /* Wichtig: überschreibt die Inline-Schriftgröße im span */
    html body header .cd-section-content h5 span {
        font-size: clamp(44px, 10vw, 48px) !important;
        line-height: 1.08 !important;
        letter-spacing: -0.5px !important;

        word-break: normal !important;
        overflow-wrap: normal !important;
        hyphens: none !important;
        white-space: normal !important;
    }
}


/* Sehr schmale Handys */
@media screen and (max-width: 390px) {

    html body header .cd-section-content h5 span {
        font-size: clamp(25px, 7.5vw, 32px) !important;
        letter-spacing: -0.8px !important;
    }
}

/* ======================================================
   SKCM – MOBILE UNTERTITEL IN ALLEN UNTERSEITEN-HEADERN
   ====================================================== */

@media screen and (max-width: 768px) {

    html body header .cd-section-content h6 {
        width: 100% !important;
        max-width: calc(100vw - 44px) !important;

        margin-left: auto !important;
        margin-right: auto !important;
        margin-top: -10px !important;

        text-align: center !important;
        line-height: 1.3 !important;

        word-break: normal !important;
        overflow-wrap: normal !important;
        hyphens: none !important;
    }

    html body header .cd-section-content h6 span {
        font-size: clamp(20px, 5vw, 22px) !important;
        line-height: 1.4 !important;
        letter-spacing: 0 !important;

        word-break: normal !important;
        overflow-wrap: normal !important;
        hyphens: none !important;
        white-space: normal !important;
    }
}


/* Sehr schmale Handys */

@media screen and (max-width: 390px) {

    html body header .cd-section-content h6 span {
        font-size: 17px !important;
        line-height: 1.35 !important;
    }
}


/* ======================================================
   SKCM – Unterseiten-Header mobil global kompakter
   Gilt unabhängig von der jeweiligen Section-ID
   ====================================================== */

@media screen and (max-width: 768px) {

    html body header.header-wrapper .cd-header > .cd-section {
        height: auto !important;
        min-height: 320px !important;
    }

    html body header.header-wrapper .cd-header > .cd-section > .cd-section-content {
        min-height: 320px !important;
        box-sizing: border-box !important;

        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;

        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }

    html body header.header-wrapper .cd-header > .cd-section .cd-row {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    html body header.header-wrapper .cd-header > .cd-section h5 {
        margin-top: 0 !important;
        margin-bottom: 12px !important;
    }

    html body header.header-wrapper .cd-header > .cd-section h6 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
}

/* ======================================================
   SKCM FOOTER – MOBILE KOMPAKT
   Footer: #section_1000074
   ====================================================== */

@media screen and (max-width: 600px) {

    /* Gesamter Footer */
    html body footer #section_1000074,
    html body footer #section_1000074 .cd-section-content {
        height: auto !important;
        min-height: 0 !important;

        padding-top: 28px !important;
        padding-bottom: 28px !important;
    }

    /* Drei Spalten kompakt untereinander */
    html body footer #section_1000074 .cd-row {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;

        height: auto !important;
        min-height: 0 !important;

        margin: 0 !important;
        gap: 28px !important;
    }

    /* Einzelne Footer-Spalten */
    html body footer #section_1000074 .cd-col.m4 {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: flex-start !important;

        flex: 0 0 auto !important;

        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;

        margin: 0 !important;
        padding: 0 16px !important;
    }

    /* Alle Blöcke enger zusammen – Bildblöcke ausgenommen */
    html body footer #section_1000074 .cd-block:not([data-block-type="21"]),
    html body footer #section_1000074
    .cd-block:not([data-block-type="21"]) .cd-block-content {
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;

        margin: 0 !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    /* Texte */
    html body footer #section_1000074 p {
        margin-top: 4px !important;
        margin-bottom: 8px !important;
    }
}


/* ======================================================
   SKCM FOOTER MOBILE – Abstand oberhalb des SSKF-Logos
   ====================================================== */

@media screen and (max-width: 600px) {

    /* Textblock über dem SSKF-Logo */
    html body footer #block_1000349,
    html body footer #block_1000349_content {
        margin-bottom: 10px !important;
        padding-bottom: 0 !important;
    }

    /* SSKF-Bildblock */
    html body footer #block_1000348 {
        position: static !important;
        top: auto !important;
        transform: none !important;

        margin-top: 0 !important;
        margin-bottom: 12px !important;
    }

    html body footer #block_1000348_content {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
}


@media screen and (min-width: 601px) and (max-width: 900px) {

    /* Leere Absätze im Verbandstext entfernen */
    html body footer #block_1000349_content > p:first-child,
    html body footer #block_1000349_content > p:last-child {
        display: none !important;
        margin: 0 !important;
        padding: 0 !important;
        height: 0 !important;
    }

    /* Textblock kompakt */
    html body footer #block_1000349,
    html body footer #block_1000349_content {
        margin: 0 !important;
        padding: 0 !important;
        height: auto !important;
        min-height: 0 !important;
    }

    /* Abstand zum Logo gezielt einstellen */
    html body footer #block_1000348 {
        margin-top: 22px !important;
        position: static !important;
        top: auto !important;
        transform: none !important;
    }
}

/* ======================================================
   SKCM – MITGLIEDSCHAFTSKARTEN
   ====================================================== */

html body #block_1000382,
html body #block_1000383,
html body #block_1000384 {
    height: 100% !important;
}

html body #block_1000382_content,
html body #block_1000383_content,
html body #block_1000384_content {
    position: relative !important;
    overflow: hidden !important;

    height: 100% !important;
    min-height: 210px !important;

    padding: 28px 22px !important;

    background: linear-gradient(
        180deg,
        #fafafa 0%,
        #eeeeee 100%
    ) !important;

    border: 1px solid rgba(0, 0, 0, .06) !important;
    border-radius: 22px !important;

    box-shadow: 0 10px 28px rgba(0, 0, 0, .10) !important;

    text-align: center !important;

    transition:
        transform .35s ease,
        box-shadow .35s ease !important;
}

html body #block_1000382_content:hover,
html body #block_1000383_content:hover,
html body #block_1000384_content:hover {
    transform: translateY(-6px) !important;

    box-shadow:
        0 18px 36px rgba(0, 0, 0, .15),
        0 0 18px rgba(210, 35, 35, .10) !important;
}

/* ======================================================
   MITGLIEDSCHAFT – PREISE UND „PRO JAHR“
   ====================================================== */


/* ------------------------------------------------------
   Kinderkarte: 3 getrennte h4
   ------------------------------------------------------ */

/* Preis rot */
html body #block_1000382_content h4:nth-of-type(2),
html body #block_1000382_content h4:nth-of-type(2) span {
    color: #d22323 !important;
}

/* pro Jahr grau */
html body #block_1000382_content h4:nth-of-type(3),
html body #block_1000382_content h4:nth-of-type(3) span,
html body #block_1000382_content h4:nth-of-type(3) strong {
    color: #8b9699 !important;
}


/* ------------------------------------------------------
   Jugendkarte: Titel und Preis im ersten h4
   ------------------------------------------------------ */

/* Nur die Zahl 480 rot */
html body #block_1000383_content h4:nth-of-type(1)
span[style*="font-size: 200%"] {
    color: #d22323 !important;
}

/* CHF bleibt schwarz */
html body #block_1000383_content h4:nth-of-type(1) strong {
    color: #111111 !important;
}

/* pro Jahr grau – steht im zweiten h4 */
html body #block_1000383_content h4:nth-of-type(2),
html body #block_1000383_content h4:nth-of-type(2) span,
html body #block_1000383_content h4:nth-of-type(2) strong {
    color: #8b9699 !important;
}


/* ------------------------------------------------------
   Erwachsenenkarte: 3 getrennte h4
   ------------------------------------------------------ */

/* Preis rot */
html body #block_1000384_content h4:nth-of-type(2),
html body #block_1000384_content h4:nth-of-type(2) span {
    color: #d22323 !important;
}

/* pro Jahr grau */
html body #block_1000384_content h4:nth-of-type(3),
html body #block_1000384_content h4:nth-of-type(3) span,
html body #block_1000384_content h4:nth-of-type(3) strong {
    color: #8b9699 !important;
}

/* ======================================================
   SKCM – STARTERKIT SCHÖNER
   Block: #block_1000385
   ====================================================== */

html body #block_1000385 {
    margin-top: 30px !important;
}

html body #block_1000385_content {
    position: relative !important;
    overflow: hidden !important;

    padding: 48px 50px !important;

    color: #ffffff !important;

    background: linear-gradient(
        145deg,
        #343434 0%,
        #1d1d1d 100%
    ) !important;

    border: 1px solid rgba(255,255,255,.08) !important;
    border-radius: 24px !important;

    box-shadow:
        0 18px 42px rgba(0,0,0,.22) !important;
}


/* Rote Akzentlinie oben */

html body #block_1000385_content::before {
    content: "";

    position: absolute;
    top: 0;
    left: 8%;
    right: 8%;

    height: 3px;

    background: linear-gradient(
        90deg,
        transparent,
        #d22323,
        transparent
    );
}


/* Überschrift */

html body #block_1000385_content h1 {
    margin: 0 0 36px !important;

    color: #ffffff !important;

    font-size: clamp(36px, 4vw, 52px) !important;
    line-height: 1.15 !important;
    text-align: center !important;

    text-decoration: none !important;
}


/* Preis innerhalb der Überschrift rot */

html body #block_1000385_content h1 span,
html body #block_1000385_content h1 strong {
    color: #d22323 !important;
}


/* Liste */

html body #block_1000385_content h4 {
    max-width: 920px !important;

    margin: 0 auto !important;

    columns: 2 !important;
    column-gap: 48px !important;

    color: #ffffff !important;

    font-size: 19px !important;
    line-height: 1.7 !important;
    text-align: left !important;

    text-decoration: none !important;
}


/* Alle Unterstreichungen entfernen */

html body #block_1000385_content h4,
html body #block_1000385_content h4 span,
html body #block_1000385_content h4 strong,
html body #block_1000385_content h4 a {
    color: #ffffff !important;
    text-decoration: none !important;
}


/* Häkchen rot */

html body #block_1000385_content h4 > span > span:first-child {
    color: #d22323 !important;
}


/* Mobile */

@media screen and (max-width: 600px) {

    html body #block_1000385_content {
        padding: 34px 22px !important;
        border-radius: 20px !important;
    }

    html body #block_1000385_content h1 {
        font-size: 32px !important;
        margin-bottom: 26px !important;
    }

    html body #block_1000385_content h4 {
        columns: 1 !important;

        font-size: 16px !important;
        line-height: 1.65 !important;
    }
}

/* ======================================================
   SKCM – UNSERE 6-STARS KARUSSELL
   Block: #block_1000387
   ====================================================== */

html body #block_1000387 {
    margin-top: 25px !important;
}

/* Äußerer Karussellbereich */
html body #block_1000387_content {
    padding: 30px 70px !important;

    background: linear-gradient(
        180deg,
        #ffffff 0%,
        #f4f4f4 100%
    ) !important;

    border: 1px solid rgba(0, 0, 0, .06) !important;
    border-radius: 24px !important;

    box-shadow:
        0 14px 34px rgba(0, 0, 0, .12) !important;
}

/* Einzelne Karussell-Seite */
html body #cd-image-carousel-1000387 .cd-carousel-item {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-height: 360px !important;
}

/* Logo-Container */
html body #cd-image-carousel-1000387 .cd-image-wrapper-4_3 {
    width: 100% !important;
    max-width: 520px !important;
    height: 340px !important;

    margin: 0 auto !important;

    background: transparent !important;
}

/* Bildfläche */
html body #cd-image-carousel-1000387 .cd-image-content {
    width: 100% !important;
    height: 100% !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    background: transparent !important;
}

/* Logo vollständig darstellen */
html body #cd-image-carousel-1000387 .cd-image-content > a {
    display: block !important;

    width: 100% !important;
    height: 100% !important;

    background-size: contain !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}

/* Navigationspfeile */
html body #block_1000387 .cd-carousel-nav {
    width: 50px !important;
    height: 50px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    top: 50% !important;
    transform: translateY(-50%) !important;

    color: #ffffff !important;
    background: #d22323 !important;

    border: 0 !important;
    border-radius: 50% !important;

    box-shadow:
        0 8px 20px rgba(0, 0, 0, .20) !important;
}

html body #block_1000387 .cd-carousel-arrow {
    color: #ffffff !important;
    font-size: 27px !important;
}

/* Punkte unten */
html body #block_1000387 .cd-carousel-dot {
    color: #b8b8b8 !important;
}

html body #block_1000387 .cd-carousel-dot.active {
    color: #d22323 !important;
}


/* ======================================================
   MOBILE
   ====================================================== */

@media screen and (max-width: 600px) {

    html body #block_1000387_content {
        padding: 22px 45px !important;
        border-radius: 18px !important;
    }

    html body #cd-image-carousel-1000387 .cd-carousel-item {
        min-height: 260px !important;
    }

    html body #cd-image-carousel-1000387 .cd-image-wrapper-4_3 {
        max-width: 280px !important;
        height: 240px !important;
    }

    html body #block_1000387 .cd-carousel-nav {
        width: 38px !important;
        height: 38px !important;
    }

    html body #block_1000387 .cd-carousel-arrow {
        font-size: 22px !important;
    }
}

/* ======================================================
   TRAININGSSEITE – Motion Überschrift
   Block: #block_1000323_content
   ====================================================== */

html body #block_1000323_content{

    text-align:center !important;

}

html body #block_1000323_content h4{

    position:relative !important;

    display:table !important;

    width:auto !important;

    margin:0 auto 28px auto !important;

    overflow:hidden !important;

    padding-bottom:14px !important;

    color:#222 !important;

    transition:color .35s ease !important;

}


/* Hover */

html body #block_1000323_content h4:hover{

    color:#d22323 !important;

}

/* Rote Grundlinie */

html body #block_1000323_content h4::after{

    content:"";

    position:absolute;

    left:0;
    right:0;
    bottom:0;

    height:2px;

    background:linear-gradient(
        90deg,
        transparent,
        rgba(210,35,35,.35),
        rgba(210,35,35,.85),
        rgba(210,35,35,.35),
        transparent
    );

}

/* Laufender Lichtimpuls */

html body #block_1000323_content h4::before{

    content:"";

    position:absolute;

    left:-35%;
    bottom:-1px;

    width:30%;
    height:4px;

    background:linear-gradient(
        90deg,
        transparent,
        rgba(210,35,35,.30),
        #ffffff,
        rgba(210,35,35,.90),
        transparent
    );

    box-shadow:
        0 0 6px rgba(255,255,255,.85),
        0 0 12px rgba(210,35,35,.75);

    animation:skcm-training-headline 4s linear infinite;

}

@keyframes skcm-training-headline{

    from{
        left:-35%;
    }

    to{
        left:110%;
    }

}
/* Keine Standard-Unterstreichung bei Überschriften */

html body main .cd-block-content > h1,
html body main .cd-block-content > h2,
html body main .cd-block-content > h3,
html body main .cd-block-content > h4,

html body main .cd-block-content > h1 *,
html body main .cd-block-content > h2 *,
html body main .cd-block-content > h3 *,
html body main .cd-block-content > h4 *{

    text-decoration:none !important;

}

/* ======================================================
   SKCM – GLOBALE MOTION-LINE FÜR INHALTSÜBERSCHRIFTEN
   ====================================================== */

/* Geeignete Überschriften im Inhaltsbereich */
html body main .cd-block-content > h1,
html body main .cd-block-content > h2,
html body main .cd-block-content > h3,
html body main .cd-block-content > h4 {
    position: relative !important;
    display: table !important;
    width: auto !important;

    margin-left: auto !important;
    margin-right: auto !important;
    padding-bottom: 14px !important;

    overflow: hidden !important;

    transform: none !important;
    text-align: center !important;
}


/* Alte Pseudoelemente vollständig zurücksetzen */
html body main .cd-block-content > h1::before,
html body main .cd-block-content > h1::after,
html body main .cd-block-content > h2::before,
html body main .cd-block-content > h2::after,
html body main .cd-block-content > h3::before,
html body main .cd-block-content > h3::after,
html body main .cd-block-content > h4::before,
html body main .cd-block-content > h4::after {
    top: auto !important;
    right: auto !important;

    transform: none !important;
    rotate: none !important;

    opacity: 1 !important;
    pointer-events: none !important;
}


/* Feste rote Grundlinie */
html body main .cd-block-content > h1::after,
html body main .cd-block-content > h2::after,
html body main .cd-block-content > h3::after,
html body main .cd-block-content > h4::after {
    content: "" !important;

    position: absolute !important;

    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;

    width: 100% !important;
    height: 2px !important;

    background: linear-gradient(
        90deg,
        transparent,
        rgba(210, 35, 35, .35),
        #d22323,
        rgba(210, 35, 35, .35),
        transparent
    ) !important;

    box-shadow: none !important;
    animation: none !important;

    z-index: 1 !important;
}


/* Laufender Lichtimpuls */
html body main .cd-block-content > h1::before,
html body main .cd-block-content > h2::before,
html body main .cd-block-content > h3::before,
html body main .cd-block-content > h4::before {
    content: "" !important;
    position: absolute !important;

    left: -35%;
    bottom: -1px !important;

    width: 30% !important;
    height: 4px !important;

    background: linear-gradient(
        90deg,
        transparent,
        rgba(210, 35, 35, .30),
        #ffffff,
        rgba(210, 35, 35, .95),
        transparent
    ) !important;

    box-shadow:
        0 0 6px rgba(255, 255, 255, .85),
        0 0 12px rgba(210, 35, 35, .75) !important;

    z-index: 2 !important;
    animation: skcm-global-motion-line 4s linear infinite !important;
}

@keyframes skcm-global-motion-line {
    0% {
        left: -35%;
    }

    100% {
        left: 110%;
    }
}

/* Bewegung reduzieren */
@media (prefers-reduced-motion: reduce) {
    html body main .cd-block-content > h1::before,
    html body main .cd-block-content > h2::before,
    html body main .cd-block-content > h3::before,
    html body main .cd-block-content > h4::before {
        animation: none !important;
        display: none !important;
    }
}


/* ======================================================
   TRAININGSKARTEN – keine Motion-Line
   Nur innerhalb der drei Karten
   ====================================================== */

html body #section_1000132 .cd-col.m4 h1,
html body #section_1000132 .cd-col.m4 h2,
html body #section_1000132 .cd-col.m4 h3,
html body #section_1000132 .cd-col.m4 h4,
html body #section_1000132 .cd-col.m4 h5,
html body #section_1000132 .cd-col.m4 h6 {
    display: block !important;
    width: 100% !important;
    padding-bottom: 0 !important;
    text-align: center !important;
}

/* Motion-Line nur in den Karten entfernen */
html body #section_1000132 .cd-col.m4 h1::before,
html body #section_1000132 .cd-col.m4 h1::after,
html body #section_1000132 .cd-col.m4 h2::before,
html body #section_1000132 .cd-col.m4 h2::after,
html body #section_1000132 .cd-col.m4 h3::before,
html body #section_1000132 .cd-col.m4 h3::after,
html body #section_1000132 .cd-col.m4 h4::before,
html body #section_1000132 .cd-col.m4 h4::after,
html body #section_1000132 .cd-col.m4 h5::before,
html body #section_1000132 .cd-col.m4 h5::after,
html body #section_1000132 .cd-col.m4 h6::before,
html body #section_1000132 .cd-col.m4 h6::after {
    content: none !important;
    display: none !important;
}

/* ======================================================
   Probetraining-Link ohne Standard-Unterstreichung
   Block: #block_1000390
   ====================================================== */

html body #block_1000390_content {
    text-align: center !important;
}

html body #block_1000390_content a,
html body #block_1000390_content a:link,
html body #block_1000390_content a:visited,
html body #block_1000390_content a:hover,
html body #block_1000390_content a:focus {

    display: inline-block !important;

    text-decoration: none !important;
    border-bottom: none !important;
    box-shadow: none !important;

    color: #222222 !important;
    font-size: 22px !important;
    font-weight: 600 !important;

    transition: color .3s ease !important;
}

html body #block_1000390_content a:hover {
    color: #d22323 !important;
}

/* ======================================================
   SKCM BUTTONS v4
   Anthrazit -> Rot beim Hover
   ====================================================== */

html body .cd-button,
html body input[type="submit"],
html body button[type="submit"],
html body .skcm-news-toggle {

    position: relative !important;
    overflow: hidden !important;

    background: #2b2b2b !important;
    color: #ffffff !important;

    border: 2px solid #2b2b2b !important;
    border-radius: 999px !important;

    box-shadow:
        0 8px 18px rgba(0,0,0,.18) !important;

    transition:
        background-color .30s ease,
        border-color .30s ease,
        transform .30s ease,
        box-shadow .30s ease !important;
}


/* Hover */

html body .cd-button:hover,
html body input[type="submit"]:hover,
html body button[type="submit"]:hover,
html body .skcm-news-toggle:hover{

    background:#d22323 !important;
    border-color:#d22323 !important;

    color:#ffffff !important;

    transform:translateY(-3px) !important;

    box-shadow:
        0 12px 24px rgba(0,0,0,.20),
        0 0 14px rgba(210,35,35,.30) !important;
}


/* Lichtreflex bleibt */

html body .cd-button::after,
html body input[type="submit"]::after,
html body button[type="submit"]::after,
html body .skcm-news-toggle::after{

    content:"";

    position:absolute;

    top:-55%;
    left:-35%;

    width:16%;
    height:230%;

    transform:rotate(22deg);

    background:linear-gradient(
        90deg,
        transparent,
        rgba(255,255,255,.15),
        rgba(255,255,255,.98),
        rgba(255,255,255,.15),
        transparent
    );

    pointer-events:none;

    animation:skcm-button-shine 8s linear infinite;

}

/* ======================================================
   TRAININGSSEITEN – Listen Desktop + Mobile
   ====================================================== */

/* Desktop / Tablet: Liste als Block mittig, Punkte links */
html body main .cd-block-content ul {
    display: table !important;
    width: auto !important;
    max-width: 90% !important;

    margin: 18px auto !important;
    padding-left: 28px !important;

    text-align: left !important;
}

/* Mobile */
@media screen and (max-width: 768px) {

    html body main .cd-block-content ul {
        display: block !important;
        width: auto !important;
        max-width: calc(100% - 32px) !important;

        margin: 18px auto !important;
        padding-left: 28px !important;

        box-sizing: border-box !important;
        text-align: left !important;
    }

    html body main .cd-block-content ul li {
        margin: 0 0 6px 0 !important;
        padding: 0 !important;

        white-space: normal !important;
        word-break: normal !important;
        overflow-wrap: break-word !important;
    }
}

html body #block_1000392 {
    position: relative !important;
    padding-top: 22px !important;
    margin-top: 22px !important;
}

html body #block_1000392::before {
    content: "" !important;

    position: absolute !important;
    top: 0 !important;
    left: 10% !important;
    right: 10% !important;

    height: 2px !important;
    background: #333333 !important;
}

/* ======================================================
   STARTERKIT – Text weiß, Häkchen rot
   ====================================================== */

html body #block_1000385_content h4 > span {
    position: relative !important;
    display: block !important;

    padding-left: 34px !important;

    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;

    text-align: left !important;
}

/* Auch alle inneren Texte sicher weiß */
html body #block_1000385_content h4 > span *,
html body #block_1000385_content h4 > span strong {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

/* Rotes Häkchen automatisch davor */
html body #block_1000385_content h4 > span::before {
    content: "✓" !important;

    position: absolute !important;
    left: 0 !important;
    top: 0 !important;

    color: #d22323 !important;
    -webkit-text-fill-color: #d22323 !important;

    font-family: Arial, sans-serif !important;
    font-weight: 700 !important;
}

/* Shop-Zwischenüberschriften */

html body #block_1000396 .cd-form-item-row h3 {
    color: #222222 !important;
    font-size: 28px !important;
    font-weight: 700 !important;

    margin-top: 28px !important;
    margin-bottom: 18px !important;

    text-align: left !important;
    text-decoration: none !important;
}

html body #block_1000396 .cd-form-item-row h3 span {
    color: #222222 !important;
    font-size: inherit !important;
    font-weight: inherit !important;
}

/* ======================================================
   SKCM SHOP – Button Anthrazit -> Rot
   ====================================================== */

html body #block_1000396 button[type="submit"],
html body #block_1000396 input[type="submit"],
html body #block_1000396 .cd-button {
    background: #2b2b2b !important;
    border-color: #2b2b2b !important;
    color: #ffffff !important;

    border-radius: 999px !important;

    box-shadow:
        0 8px 18px rgba(0,0,0,.18) !important;
}

html body #block_1000396 button[type="submit"]:hover,
html body #block_1000396 input[type="submit"]:hover,
html body #block_1000396 .cd-button:hover {
    background: #d22323 !important;
    border-color: #d22323 !important;
    color: #ffffff !important;

    transform: translateY(-3px) !important;

    box-shadow:
        0 12px 24px rgba(0,0,0,.20),
        0 0 14px rgba(210,35,35,.30) !important;
}


/* ======================================================
   SKCM SHOP – Zwischenüberschriften mit Motion-Line
   ====================================================== */

html body #block_1000396 .cd-form-item-row > h3 {
    position: relative !important;
    display: table !important;
    width: auto !important;

    margin: 32px auto 24px !important;
    padding-bottom: 14px !important;

    color: #222222 !important;
    font-size: 28px !important;
    font-weight: 700 !important;
    text-align: center !important;

    overflow: hidden !important;

    transition: color .35s ease !important;
}

/* ClubDesk-Span übernimmt die Überschrift */
html body #block_1000396 .cd-form-item-row > h3 > span {
    color: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
}


/* Hover rot */
html body #block_1000396 .cd-form-item-row > h3:hover,
html body #block_1000396 .cd-form-item-row > h3:hover > span {
    color: #d22323 !important;
}


/* Rote Grundlinie */
html body #block_1000396 .cd-form-item-row > h3::after {
    content: "" !important;

    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;

    height: 2px !important;

    background: linear-gradient(
        90deg,
        transparent,
        rgba(210,35,35,.35),
        #d22323,
        rgba(210,35,35,.35),
        transparent
    ) !important;

    pointer-events: none !important;
    z-index: 1 !important;
}


/* Laufender Lichtimpuls */
html body #block_1000396 .cd-form-item-row > h3::before {
    content: "" !important;

    position: absolute !important;
    left: -35%;
    bottom: -1px !important;

    width: 30% !important;
    height: 4px !important;

    background: linear-gradient(
        90deg,
        transparent,
        rgba(210,35,35,.30),
        #ffffff,
        rgba(210,35,35,.95),
        transparent
    ) !important;

    box-shadow:
        0 0 6px rgba(255,255,255,.85),
        0 0 12px rgba(210,35,35,.75) !important;

    pointer-events: none !important;
    z-index: 2 !important;

    animation: skcm-shop-title-line 4s linear infinite !important;
}


@keyframes skcm-shop-title-line {
    0% {
        left: -35%;
    }

    100% {
        left: 110%;
    }
}


/* ======================================================
   SHOP – Dropdown-Auswahl sichtbar machen
   ====================================================== */

html body #block_1000396 select.cd-data-formfield {
    color: #222222 !important;
    -webkit-text-fill-color: #222222 !important;

    background-color: #ffffff !important;
    opacity: 1 !important;

    font-weight: 400 !important;
}

/* Auch die Optionen */
html body #block_1000396 select.cd-data-formfield option {
    color: #222222 !important;
    -webkit-text-fill-color: #222222 !important;

    background: #ffffff !important;
}

/* SHOP – Dropdowns kompakter */

html body #block_1000396 select.cd-data-formfield {
    appearance: auto !important;
    -webkit-appearance: menulist !important;
    -moz-appearance: menulist !important;

    color: #222222 !important;
    background: #ffffff !important;

    text-indent: 0 !important;
    line-height: 1.1 !important;

    padding: 4px 8px !important;

    height: 32px !important;
    min-height: 32px !important;

    border: 1px solid rgba(0,0,0,.20) !important;
    border-radius: 8px !important;

    box-sizing: border-box !important;
}



 /* ======================================================
   SHOP – "Neue Bestellung aufgeben"
   Motion-Line unter der Überschrift
   ====================================================== */

html body #block_1000397_content {
    text-align: center !important;
}

html body #block_1000397_content h6 {
    position: relative !important;
    display: table !important;
    width: auto !important;

    margin: 0 auto 28px !important;
    padding-bottom: 14px !important;

    color: #222222 !important;

    font-size: 38px !important;
    line-height: 1.15 !important;
    font-weight: 700 !important;

    overflow: hidden !important;
    text-align: center !important;
}

html body #block_1000397_content h6 strong {
    color: #222222 !important;
    font-size: inherit !important;
    font-weight: inherit !important;
}

/* rote Grundlinie */
html body #block_1000397_content h6::after {
    content: "" !important;
    position: absolute !important;

    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;

    height: 2px !important;

    background: linear-gradient(
        90deg,
        transparent,
        rgba(210,35,35,.35),
        #d22323,
        rgba(210,35,35,.35),
        transparent
    ) !important;
}

/* laufender Lichtimpuls */
html body #block_1000397_content h6::before {
    content: "" !important;
    position: absolute !important;

    left: -35% !important;
    bottom: -1px !important;

    width: 30% !important;
    height: 4px !important;

    background: linear-gradient(
        90deg,
        transparent,
        rgba(210,35,35,.30),
        #ffffff,
        rgba(210,35,35,.95),
        transparent
    ) !important;

    box-shadow:
        0 0 6px rgba(255,255,255,.85),
        0 0 12px rgba(210,35,35,.75) !important;

    animation: skcm-shop-mainline 4s linear infinite !important;
}

@keyframes skcm-shop-mainline {
    0%   { left: -35%; }
    100% { left: 110%; }
}

@media screen and (max-width: 768px) {
    html body #block_1000397_content h6 {
        font-size: 30px !important;
    }
}