@charset "utf-8";
/*
	Document							: global.css
	Created on							: 14.12.2025
	Author								: Bernd Korzineck
	Description							: CSS-file for web presentation from www.gv-hercynia.de
*/


/* TAG Allgemein																						 */
/* ----------------------------------------------------------------------------------------------------- */
*{
	border								: none;			/* Objektrahmen entfernen						 */
	margin								: 0px;			/* Aussenabstand entfernen						 */
	padding								: 0px;			/* Innenabstand entfernen						 */
}
*{
	overflow							: hidden;		/* Ueberlauf verbergen							 */
}
html {
	overflow-y							: scroll;
}
body {
	background-color					: #F9F6EF;
	font-family							: San-Francisco, Verdana, sans-serif;
}

section li {
  overflow-x: visible;
  /* some other properties ... */
}
ul { list-style: disc }
/* HYPERLINKS																							 */
/* ----------------------------------------------------------------------------------------------------- */
a {
	text-decoration						: none;
	color								: inherit;
}
a:link {
	text-decoration						: none;
	color								: inherit;
}
a:visited {
	text-decoration						: none;
	color								: inherit;
}
a:hover {
	text-decoration						: none;
	color								: inherit;
}
a:active {
	text-decoration						: none;
	color								: inherit;
}

/* FONTS																								 */
/* ----------------------------------------------------------------------------------------------------- */
/** Ultra Light */
@font-face {
  font-family: "San-Francisco";
  font-weight: 100;
  src: url("https://applesocial.s3.amazonaws.com/assets/styles/fonts/sanfrancisco/sanfranciscodisplay-ultralight-webfont.woff");
}

/** Thin */
@font-face {
  font-family: "San-Francisco";
  font-weight: 200;
  src: url("https://applesocial.s3.amazonaws.com/assets/styles/fonts/sanfrancisco/sanfranciscodisplay-thin-webfont.woff");
}

/** Regular */
@font-face {
  font-family: "San-Francisco";
  font-weight: 400;
  src: url("https://applesocial.s3.amazonaws.com/assets/styles/fonts/sanfrancisco/sanfranciscodisplay-regular-webfont.woff");
}

/** Medium */
@font-face {
  font-family: "San-Francisco";
  font-weight: 500;
  src: url("https://applesocial.s3.amazonaws.com/assets/styles/fonts/sanfrancisco/sanfranciscodisplay-medium-webfont.woff");
}

/** Semi Bold */
@font-face {
  font-family: "San-Francisco";
  font-weight: 600;
  src: url("https://applesocial.s3.amazonaws.com/assets/styles/fonts/sanfrancisco/sanfranciscodisplay-semibold-webfont.woff");
}

/** Bold */ 
@font-face {
  font-family: "San-Francisco";
  font-weight: 700;
  src: url("https://applesocial.s3.amazonaws.com/assets/styles/fonts/sanfrancisco/sanfranciscodisplay-bold-webfont.woff");
}

/* DIV-Container																								 */
/* ----------------------------------------------------------------------------------------------------- */
.Overlay {
	position							: fixed;
	width								: 100%;
	height								: 100%;
	max-height							: 100%;
	z-index								: 110;
}
.videoOverlay {
	position							: fixed;
	width								: 100%;
	height								: 100%;
	z-index								: 110;
	background-image					: url("../images/fade.png");
}
.videoWindow {
	position							: absolute;
	left								: 50%;
	top									: 50%;
	transform							: translate(-50%,-50%);
	z-index								: 111;
	border								: 1px solid #FFFFFF;
}
.videoClose {
	position							: fixed;
	top									: 50%;
	left								: 50%;
	width								: 27px;
	height								: 27px;
	margin-left							: +273px;
	margin-top							: +185px;
	cursor								: pointer;
	z-index								: 111;
	background-image					: url("../images/close.png");
}
.imageView {
	width								: 146px;
	height								: 146px;
	border								: 1px solid;
	border-color						: #CECECE;
	margin								: 2px;
	float								: left;
	background-color					: #E6E6E6;
	background-repeat					: no-repeat;
	background-position					: center;
	background-size						: contain;
}
.imageView:hover {
	border-color						: #009fd6;
}


@media (max-width: 1000px) {
	/* Breite entspricht max. 1000px */
	h1 {
		font-size						: 20pt;
		font-family						: "San-Francisco";
		font-weight						: normal;
		color							: #FFFFFF;
	}
	h2 {
		font-size						: 10pt;
		font-family						: "San-Francisco";
		font-weight						: normal;
	}
	h3 {
		font-size						: 10pt;
		font-family						: "San-Francisco";
		font-weight						: normal;
	}
	h4 {
		font-size						: 12pt;
		font-family						: "San-Francisco";
		font-weight						: bold;
		color							: #272D2B;
	}
	h5 {
		font-size						: 12pt;
		font-family						: "San-Francisco";
		font-weight						: normal;
		color							: #666666;
	}
	h6 {
		font-size						: 8pt;
		font-family						: "San-Francisco";
		font-weight						: normal;
		color							: #272D2B;
	}
	.h6 {
		font-size						: 8pt;
		font-family						: "San-Francisco";
		font-weight						: normal;
		color							: #272D2B;
	}
	/* DIV Layer */
	.background_image_slide {
		position						: absolute;
		top								: 50px;
		width							: 100%;
		height							: 100px;
		z-index							: -1;
		border-bottom					: 1px solid;
		border-color					: #CECECE;
		background-size					: auto;
	}
	.mySlides {
		width							: 100%;
		height							: 100%;
		background-size					: cover;
	}
	#mySlides_pic_1 {
		background-image				: url("../images/background_1_1024.webp");
	}
	#mySlides_pic_2 {
		background-image				: url("../images/background_2_1024.webp");
	}
	#mySlides_pic_3 {
		background-image				: url("../images/background_3_1024.webp");
	}
	#mySlides_pic_4 {
		background-image				: url("../images/background_4_1024.webp");
	}
	#mySlides_pic_5 {
		background-image				: url("../images/background_5_1024.webp");
	}
	.logo_hercynia {
		position						: absolute;
		top								: 0px;
		left							: 5px;
		width							: 139px;
		height							: 90px;
		background-image				: url("../images/logo_hercynia.webp");
		background-size					: cover;
		z-index							: 999;
	}
	.navtotop {
		position						: fixed;
		width							: 50px;
		height							: 50px;
		bottom							: 50px;
		right							: 20px;
		background-image				: url("../images/icon_arrow.webp");
		background-size					: cover;
		z-index							: 111;
		cursor							: pointer;
	}
	.box_big,
	.box_info_news, 
	.box_info_calendar {
		/*
		width							: 90%;
		margin							: auto;
		margin-top						: 14px;
		padding							: 15px;
		background-color				: #F9F6EF;
		border							: 1px dashed;
		border-color					: #CECECE;
		cursor							: pointer;
		border-radius					: 5px;
		*/
		overflow						: hidden;
		width							: 95%;
		margin							: auto;
		margin-top						: 12px;
		padding							: 8px;
		background-color				: #f9f6ef;
		border							: none;
		cursor							: pointer;
	}
	.none {
		display							: none;
	}
	.bilder_auswahl {
		padding-left					: 5px;
	}
	.border_top {
		width							: 100%;
		height							: auto;
		background-color				: #1b234d;
	}
	.border_top_inner {
		width							: auto;
		height							: 50px;
		margin-right					: auto;
		margin-left						: auto;
		text-align						: right;
		line-height						: 55px;
	}
	.menue_item {
		padding-left					: 20px;
		padding-right					: 20px;
	}
	.menue_items_burger {
		margin-top						: 10px;
		margin-right					: 10px;
		width							: 25px;
		height							: 25px;
		float							: right;
		background-image				: url("../images/menu_burger.svg");
		background-size					: cover;
		cursor							: pointer;
	}
	.menue_items_close {
		display							: none;
		margin-top						: 10px;
		margin-right					: 10px;
		width							: 25px;
		height							: 25px;
		float							: right;
		background-image				: url("../images/menu_close.svg");
		background-size					: cover;
		cursor							: pointer;
	}
	.menue_items_end {
		padding-left					: 2px;
	}
	.border_top_menue {
		width							: 100%;
		height							: auto;
	}
	.border_top_menue_inner {
		position						: absolute;
		top								: 50px;
		right							: 0px;
		width							: 400px;
		height							: auto;
		margin-right					: auto;
		margin-left						: auto;
		text-align						: right;
		line-height						: 40px;
		z-index							: 999;
		background-image				: linear-gradient(180deg, #1b234d, #3c65af);
	}
	.menue_items_x {
		width							: 95%;
		margin							: auto;
		padding-top						: 7px;
		padding-bottom					: 7px;
		border-bottom					: 1px solid #999999;
		line-height						: 20px;
		font-size						: 15pt;
		font-family						: "San-Francisco";
		font-weight						: normal;
		color							: #FFFFFF;
	}
	.menue_items_x:hover {
		color							: #009fd6;
	}
	.pic {
		width							: 250px;
		height							: auto;
		border							: 1px solid;
		border-color					: #666666;
		float							: left;
		margin-right					: 5px;
		margin-bottom					: 5px;
	}
	.border_raw {
		width							: 100%;
		height							: 100px;
	}
	.border_content {
		width							: 100%;
		height							: auto;
	}
	.border_content_inner {
		width							: 100%;
		height							: auto;
		min-height						: 100px;
		margin-right					: auto;
		margin-left						: auto;
		padding-bottom					: 30px;
		background-color				: #FEFBF4;
	}
	.border_content_txt {
		width							: 95%;
		height							: auto;
		margin-top						: 10px;
		font-size						: 10pt;
		font-family						: "San-Francisco";
		font-weight						: normal;
		text-align						: justify;
		color							: #666666;
		padding-left					: 2.5%;
	}
	.border_bottom_header {
		width							: 100%;
		height							: auto;
		background-color				: #E6E4D8;
		color							: #272D2B;
		border-top						: 1px solid;
		border-color					: #CECECE;
	}
	.border_bottom_footer {
		width							: 100%;
		height							: auto;
		background-color				: #F9F6EF;
		color							: #272D2B;
		border-top						: 1px solid;
		border-color					: #CECECE;
	}
	.border_bottom_inner {
		width							: 100%;
		height							: auto;
		margin-right					: auto;
		margin-left						: auto;
		font-size						: 8pt;
		font-family						: "San-Francisco";
		font-weight						: normal;
		text-align						: center;
	}
}
@media (max-width: 500px) {
	/* Breite beträgt mindestens 3400px */
	#mySlides_pic_1 {
		background-image				: url("../images/background_1_500.webp");
	}
	#mySlides_pic_2 {
		background-image				: url("../images/background_2_500.webp");
	}
	#mySlides_pic_3 {
		background-image				: url("../images/background_3_500.webp");
	}
	#mySlides_pic_4 {
		background-image				: url("../images/background_4_500.webp");
	}
	#mySlides_pic_5 {
		background-image				: url("../images/background_5_500.webp");
	}
}
@media (min-width: 1000px) {
	/* Breite beträgt mindestens 1050px */
	h1 {
		font-size						: 20pt;
		font-family						: "San-Francisco";
		font-weight						: normal;
		color							: #FFFFFF;
	}
	h2 {
		font-size						: 16pt;
		font-family						: "San-Francisco";
		font-weight						: normal;
	}
	h3 {
		font-size						: 16pt;
		font-family						: "San-Francisco";
		font-weight						: normal;
	}
	h4 {
		font-size						: 22pt;
		font-family						: "San-Francisco";
		font-weight						: normal;
		color							: #272D2B;
	}
	h5 {
		font-size						: 14pt;
		font-family						: "San-Francisco";
		font-weight						: normal;
		color							: #666666;
	}
	h6 {
		font-size						: 10pt;
		font-family						: "San-Francisco";
		font-weight						: normal;
		color							: #272D2B;
	}
	.h6 {
		font-size						: 10pt;
		font-family						: "San-Francisco";
		font-weight						: normal;
		color							: #272D2B;
	}
	/* DIV Layer */
	.background_image_slide {
		position						: absolute;
		top								: 80px;
		width							: 100%;
		height							: 550px;
		z-index							: -5; /*-1*/
		border-bottom					: 1px solid;
		border-color					: #CECECE;
	}
	.mySlides {
		width							: 100%;
		height							: 100%;
		background-size					: cover;
	}
	#mySlides_pic_1 {
		background-image				: url("../images/background_1_1024.webp");
	}
	#mySlides_pic_2 {
		background-image				: url("../images/background_2_1024.webp");
	}
	#mySlides_pic_3 {
		background-image				: url("../images/background_3_1024.webp");
	}
	#mySlides_pic_4 {
		background-image				: url("../images/background_4_1024.webp");
	}
	#mySlides_pic_5 {
		background-image				: url("../images/background_5_1024.webp");
	}
	.logo_hercynia {
		position						: absolute;
		top								: 0px;
		left							: 0px;
		width							: 450px;
		height							: 300px;
		background-image				: url("../images/logo_hercynia.webp");
		background-size					: contain;
		z-index							: 999;
	}
	.navtotop {
		position						: fixed;
		width							: 50px;
		height							: 50px;
		bottom							: 100px;
		right							: 50px;
		background-image				: url("../images/icon_arrow.webp");
		background-size					: cover;
		z-index							: 111;
		cursor							: pointer;
	}
	.logo_bbs {
		position						: absolute;
		top								: 150px;
		right							: 0px;
		width							: 318px; /*250px;*/
		height							: 249px; /*158px;*/
		background-image				: url("../images/logo_bbs.png");
		background-size					: contain;
	}
	.box_big {
		width							: 915px;
		margin							: auto;
		margin-top						: 14px;
		padding							: 15px;
		background-color				: #F9F6EF;
		border							: 1px dashed;
		border-color					: #CECECE;
		border-radius					: 5px;
	}
	.box_info_news {
		width							: 274px;
		height							: 286px;
		margin							: 7px;
		margin-top						: 14px;
		padding							: 15px;
		text-align						: left;
		background-color				: #F9F6EF;
		border							: 1px dashed;
		border-color					: #CECECE;
		border-radius					: 5px;
		float							: left;
		cursor							: pointer;
	}
	.box_info_calendar {
		width							: 274px;
		height							: 117px;
		margin							: 7px;
		margin-top						: 14px;
		padding							: 15px;
		text-align						: left;
		background-color				: #F9F6EF;
		border							: 1px dashed;
		border-color					: #CECECE;
		border-radius					: 5px;
		float							: left;
		cursor							: pointer;
	}
	.none {
		display							: block;
	}
	.border_top {
		width							: 100%;
		height							: auto;
		background-color				: #1b234d;
	}
	.border_top_inner {
		width							: 1000px;
		height							: 80px;
		margin-right					: auto;
		margin-left						: auto;
		text-align						: right;
		/*line-height						: 80px;*/
	}
	.menue_item {
		padding-left					: 20px;
		padding-right					: 20px;
		line-height						: 80px;
	}
	.menue_items_burger {
		margin-top						: 25px;
		margin-right					: 10px;
		width							: 35px;
		height							: 35px;
		float							: right;
		background-image				: url("../images/menu_burger.svg");
		background-size					: cover;
		cursor							: pointer;
	}
	.menue_items_close {
		display							: none;
		margin-top						: 25px;
		margin-right					: 10px;
		width							: 35px;
		height							: 35px;
		float							: right;
		background-image				: url("../images/menu_close.svg");
		background-size					: cover;
		cursor							: pointer;
	}
	.menue_items_end {
		padding-left					: 20px;
	}
	.border_top_menue {
		width							: 100%;
		height							: auto;
	}
	.border_top_menue_inner {
		position						: absolute;
		top								: 80px;
		left							: calc(( 100% / 2 ) + 100px);/*200px;*/
		width							: 400px;
		height							: auto;
		margin-right					: auto;
		margin-left						: auto;
		text-align						: right;
		line-height						: 40px;
		z-index							: 999;
		/*background-image				: linear-gradient(90deg, #3c65af, #1b234d);*/
		background-image				: linear-gradient(180deg, #1b234d, #3c65af);
	}
	.menue_items_x {
		width							: 95%;
		margin							: auto;
		padding-top						: 7px;
		padding-bottom					: 7px;
		border-bottom					: 1px solid #999999;
		line-height						: 20px;
		font-size						: 15pt;
		font-family						: "San-Francisco";
		font-weight						: normal;
		color							: #FFFFFF;
	}
	.menue_items_x:hover {
		color							: #009fd6;
	}
	.pic {
		width							: 250px;
		height							: auto;
		border							: 1px solid;
		border-color					: #666666;
		float							: left;
		margin-right					: 5px;
		margin-bottom					: 5px;
	}
	.border_raw {
		width							: 100%;
		height							: 500px;
	}
	.border_content {
		width							: 100%;
		height							: auto;
	}
	.border_content_inner {
		width							: 998px;
		height							: auto;
		min-height						: 100px;
		margin-right					: auto;
		margin-left						: auto;
		padding-bottom					: 30px;
		background-color				: #FEFBF4;
		border-radius					: 5px;
		border							: 1px solid;
		border-color					: #CECECE;
		margin-bottom					: 80px;
	}
	.border_content_txt {
		width							: 960px;
		height							: auto;
		margin							: 20px;
		font-size						: 14pt;
		font-family						: "San-Francisco";
		font-weight						: normal;
		text-align						: justify;
		color							: #666666;
	}
	.border_bottom_header {
		width							: 100%;
		height							: auto;
		background-color				: #E6E4D8;
		color							: #272D2B;
		border-top						: 1px solid;
		border-color					: #CECECE;
	}
	.border_bottom_footer {
		width							: 100%;
		height							: auto;
		background-color				: #F9F6EF;
		color							: #272D2B;
		border-top						: 1px solid;
		border-color					: #CECECE;
	}
	.border_bottom_inner {
		width							: 1000px;
		height							: auto;
		margin-right					: auto;
		margin-left						: auto;
		font-size						: 14pt;
		font-family						: "San-Francisco";
		font-weight						: normal;
		text-align						: center; /*justify;*/
	}
}
@media only screen and (max-width: 600px) {
	.pic {
		width							: 98%;
		height							: auto;
		border							: 1px solid;
		border-color					: #666666;
		float							: none;
		margin-bottom					: 5px;
	}
}
@media (min-width: 1920px) {
	/* Breite beträgt mindestens 1920px */
	#mySlides_pic_1 {
		background-image				: url("../images/background_1_1920.webp");
	}
	#mySlides_pic_2 {
		background-image				: url("../images/background_2_1920.webp");
	}
	#mySlides_pic_3 {
		background-image				: url("../images/background_3_1920.webp");
	}
	#mySlides_pic_4 {
		background-image				: url("../images/background_4_1920.webp");
	}
	#mySlides_pic_5 {
		background-image				: url("../images/background_5_1920.webp");
	}
}
@media (min-width: 3400px) {
	/* Breite beträgt mindestens 3400px */
	#mySlides_pic_1 {
		background-image				: url("../images/background_1_3440.webp");
	}
	#mySlides_pic_2 {
		background-image				: url("../images/background_2_3440.webp");
	}
	#mySlides_pic_3 {
		background-image				: url("../images/background_3_3440.webp");
	}
	#mySlides_pic_4 {
		background-image				: url("../images/background_4_3440.webp");
	}
	#mySlides_pic_5 {
		background-image				: url("../images/background_5_3440.webp");
	}
}