.divider-color .divider::after, .divider-color .divider::before {
	background-color: #999;
}

.divider-color .divider {
	color: #999;
}

.form-check-input.error {
	border: 2px solid red;
}

.form-group > label.error {
	display: block !important;
	text-transform: none;
}

.form-group input.valid ~ label.error,
.form-group input[type="text"] ~ label.error,
.form-group input[type="email"] ~ label.error,
.form-group input[type="number"] ~ label.error,
.form-group select ~ label.error { display: none !important; }


@media (min-width: 992px) {

	.header-size-custom .header-wrap-clone {
		height: calc( 60px + 1px );
	}

	#header.header-size-custom + .include-header {
		margin-top: calc( -60px - 2px );
	}

	.header-size-custom.sticky-header-shrink #header-wrap #logo img {
		height: 50px;
	}

	.header-size-custom .menu-container > .menu-item > .menu-link {
		padding-top: 19px; /* (70px - 22px)/2 */
		padding-bottom: 19px; /* (70px - 22px)/2 */
	}

	.header-size-custom.sticky-header-shrink .menu-container > .menu-item > .menu-link {
		padding-top: 19px; /* (70px - 22px)/2 */
		padding-bottom: 19px; /* (70px - 22px)/2 */
	}

}

BODY {
	background-attachment:fixed;
	background-size:cover;
}

BODY.abteilung-fussball,
BODY.abteilung-fussball-jugend {
	background-image: linear-gradient(to top, rgba(255, 199, 0, 0.2), rgb(255 255 255 / 0.5)), url(/images/abteilungen/slider1.jpg);
}
BODY.abteilung-volleyball {
	background-image: linear-gradient(to top, rgba(255, 199, 0, 0.2), rgb(255 255 255 / 0.5)), url(/images/abteilungen/slider2.jpg);
}
BODY.abteilung-turnen {
	background-image: linear-gradient(to top, rgba(255, 199, 0, 0.2), rgb(255 255 255 / 0.5)), url(/images/abteilungen/slider3.jpg);
}
BODY.abteilung-wintersport {
	/*background-image: linear-gradient(to top, rgba(255, 199, 0, 0.2), rgb(255 255 255 / 0.5)), url(/images/abteilungen/slider4.jpg);*/
	background-image: linear-gradient(to top, rgba(255, 199, 0, 0.2), rgb(255 255 255 / 0.5)), url(/images/abteilungen/valentin-b-kremer-xZyeRwQGKk4-unsplash.jpg);
}
BODY.abteilung-stockschiessen {
	background-image: linear-gradient(to top, rgba(255, 199, 0, 0.2), rgb(255 255 255 / 0.5)), url(/images/abteilungen/slider5.jpg);
}


.snowflake {
    position: absolute;
    width: 10px;
    height: 10px;
    background: linear-gradient(white, white); /* Workaround for Chromium's selective color inversion */
    border-radius: 50%;
    filter: drop-shadow(0 0 10px white);
}




.sticky-header #header-wrap {
	background-color: #ffdd00 !important;
}

.body-overlay {
	display:none !important;
}

#logo img .fil1,
#logo img .fil3 {
	fill: transparent;
}
#logo img {
	max-height:60px;
}


.color-light {
    background: #ffdd00 !important;
	color: #000 !important;
	font-weight: 500;
	padding: 0.5em;
	text-transform: uppercase;
    letter-spacing: 1px;
}

.color-dark {
	background: #000 !important;
	color: #fff !important;
	font-weight: 500;
	padding: 0.5em;
	text-transform: uppercase;
    letter-spacing: 1px;
}


section td a:not(.button),
section p a:not(.button) {
    text-decoration: underline !important;
    text-decoration-color: #ffcc00 !important;
    text-decoration-thickness: 2px !important;
	text-decoration-style: dotted !important;
}

section td a:not(.button):hover,
section p a:not(.button):hover {
   text-decoration-style: solid !important;
}


.dark .svg-trigger2 path {
    stroke: #FFF;
}

.svg-trigger2 {
	width: 30px;
	height: 30px;
	cursor: pointer;
	-webkit-tap-highlight-color: transparent;
	transition: transform 400ms;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.svg-trigger2 path {
	fill: none;
	transition: stroke-dasharray 400ms, stroke-dashoffset 400ms;
	stroke: #333;
	stroke-width: 5;
	stroke-linecap:round;
}

.svg-trigger2 path:nth-child(1) { stroke-dasharray: 40 160; }

.svg-trigger2 path:nth-child(2) {
	stroke-dasharray: 40 142;
	transform-origin: 50%;
	transition: transform 400ms;
}

.svg-trigger2 path:nth-child(3) {
	stroke-dasharray: 40 85;
	transform-origin: 50%;
	transition: transform 400ms, stroke-dashoffset 400ms;
}


.page-menu-open .svg-trigger2 { transform: rotate(45deg); }

.page-menu-open .svg-trigger2 path:nth-child(1),
.page-menu-open .svg-trigger2 path:nth-child(3) { stroke-dashoffset: -64px; }

.page-menu-open .svg-trigger2 path:nth-child(2) { transform: rotate(90deg); }



.sub-menu-container  .menu-link:hover { color: #e6d4c8; }



.sticky-header .primary-menu > .menu-container > .menu-item.current:after {
    content:'';
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -50px;
    width: 0;
    height: 0;
    border-top: solid 10px #fff;
    border-left: solid 50px transparent;
    border-right: solid 50px transparent;
	z-index:2;
}


.primary-menu .menu-container > .menu-item:hover > .menu-link {
	color: #444;
	background-color: #eee;
}

.primary-menu .menu-container > .menu-item.current > .menu-link {
	color: #000;
	text-shadow: none;
	background-color: #fff;
}

header:not(.sticky-header) .primary-menu .menu-container > .menu-item.current > .menu-link {
	border-bottom: 2px solid #ffdd00;
}

.primary-menu .sub-menu-container li.menu-item.current,
.primary-menu .sub-menu-container li.menu-item.current:hover > .menu-link {
    background-color:#ffdd00;
}

.sub-menu-container {
	border-top: none;
}

#page-menu-wrap {
	border-bottom: 1px solid rgba(255,255,255, 0.8);
}


#page-menu {
	text-shadow: none !important;
}


#page-menu .menu-item > .menu-link
 {
	padding: 15px 15px;
}

#page-menu .menu-item.current > .menu-link {
	color: #000 !important;
}

#page-menu .menu-item:hover > .menu-link {
	color: #ffdd00 !important;
}


#page-menu .menu-item.current {
    position:relative;
    background-color:#ffdd00;
}

#page-menu .menu-item.current:after {
    content:'';
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -50px;
    width: 0;
    height: 0;
    border-top: solid 10px #ffdd00;
    border-left: solid 50px transparent;
    border-right: solid 50px transparent;
}



.entry-image img.img_small {
	max-height:150px;
}



DIV.button {
	cursor: default !important;
}


.white {
	color:#ffffff !important;
}

.color2 {
	color: #ffdd00 !important;
}


.sub-title .menu-container > .menu-item:hover > .menu-link span, .sub-title .menu-container > .menu-item.current > .menu-link span {
    color: #EEE !important;
}

.tox {
	z-index:1000;
}


b #footer,
#footer * {
	font-weight: normal !important;
}

#footer b {
	font-weight: bold !important;
}



.iconlist-check li:before {
	content: '\e98b';
	font-family: "font-icons";
	margin-right: 12px;
}

.iconlist-plus li:before {
	content: '\eb1f';
	font-family: "font-icons";
	margin-right: 12px;
}

.iconlist-chevron li:before {
	content: '\e99a';
	font-family: "font-icons";
	margin-right: 12px;
}

ul.iconlist-color0 li:before {
	color: #a9988d !important;
}

ul.iconlist-color li:before {
	color: #e6d4c8 !important;
}


#ecs8WYSIWYG.showGuides .editImage,
#ecs8WYSIWYG.showGuides .editableText,
#ecs8WYSIWYG.showGuides .editableTextRoot,
#ecs8WYSIWYG.showGuides .editableFormat,
#ecs8WYSIWYG.showGuides .editableFull {
	border: 1px dashed red;
}


#ecs8WYSIWYG.showGuides .editImage[data-id^=img],
#ecs8WYSIWYG.showGuides .editableText[id^=tiny],
#ecs8WYSIWYG.showGuides .editableFull[id^=tiny] {
	border: 1px dashed green;
}


#ecs8WYSIWYG.showGuides .editableFull div.row div {
	border: 1px dotted gray;
}


BODY.ecs8 .mfp-bg,
BODY.ecs8 .mfp-wrap {
	width: calc(100% - 300px) !important;
}