@charset "utf-8";/*
	Document							: global.css
	Created on							: 02.07.2024
	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;
}

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																								 */
/* ----------------------------------------------------------------------------------------------------- */
@font-face {
	font-family							: 'ApexNew-BoldItalic';
	font-style							: normal;
	font-weight							: normal;
	src									: local('ApexNew-BoldItalic'), url('webfonts/ApexNew-BoldItalic.woff') format('woff');
}
@font-face {
	font-family							: 'ApexNew-Thin';
	font-style							: normal;
	font-weight							: normal;
	src									: local('ApexNew-Thin'), url('webfonts/ufonts.com_apexnew-thin-opentype.woff') format('woff');
}
@font-face {
	font-family							: 'ApexNew-ThinItalic';
	font-style							: normal;
	font-weight							: normal;
	src									: local('ApexNew-ThinItalic'), url('webfonts/ufonts.com_apexnew-thinitalic-opentype.woff') format('woff');
}
@font-face {
	font-family							: 'ApexNew-Light';
	font-style							: normal;
	font-weight							: normal;
	src									: local('ApexNew-Light'), url('webfonts/ufonts.com_apexnew-light-opentype.woff') format('woff');
}
@font-face {
	font-family							: 'ApexNew-Book';
	font-style							: normal;
	font-weight							: normal;
	src									: local('ApexNew-Book'), url('webfonts/ufonts.com_apexnew-book-opentype.woff') format('woff');
}
@font-face {
	font-family							: 'ApexNew-BookItalic';
	font-style							: normal;
	font-weight							: normal;
	src									: local('ApexNew-BookItalic'), url('webfonts/ufonts.com_apexnew-bookitalic-opentype.woff') format('woff');
}
@font-face {
	font-family							: 'ApexNew-Medium';
	font-style							: normal;
	font-weight							: normal;
	src									: local('ApexNew-Medium'), url('webfonts/ufonts.com_apexnew-medium-opentype.woff') format('woff');
}
@font-face {
	font-family							: 'ApexNew-MediumItalic';
	font-style							: normal;
	font-weight							: normal;
	src									: local('ApexNew-MediumItalic'), url('webfonts/ufonts.com_apexnew-mediumitalic-opentype.woff') format('woff');
}
@font-face {
	font-family							: 'ApexNew-Bold';
	font-style							: normal;
	font-weight							: normal;
	src									: local('ApexNew-Bold'), url('webfonts/ufonts.com_apexnew-bold-opentype.woff') format('woff');
}
@font-face {
	font-family							: 'ApexNew-Heavy';
	font-style							: normal;
	font-weight							: normal;
	src									: local('ApexNew-Heavy'), url('webfonts/ufonts.com_apexnew-heavy-opentype.woff') format('woff');
}
@font-face {
	font-family							: 'ApexNew-HeavyItalic';
	font-style							: normal;
	font-weight							: normal;
	src									: local('ApexNew-HeavyItalic'), url('webfonts/ufonts.com_apexnew-heavyitalic-opentype.woff') format('woff');
}
@font-face {
	font-family							: 'ApexNew-Ultra';
	font-style							: normal;
	font-weight							: normal;
	src									: local('ApexNew-Ultra'), url('webfonts/ufonts.com_apexnew-ultra-opentype.woff') format('woff');
}
@font-face {
	font-family							: 'ApexNew-UltraItalic';
	font-style							: normal;
	font-weight							: normal;
	src									: local('ApexNew-UltraItalic'), url('webfonts/ufonts.com_apexnew-ultraitalic-opentype.woff') format('woff');
}

.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						: 18pt;
		font-family						: "ApexNew-Book";
		font-weight						: normal;
		color							: #FFFFFF;
	}
	h2 {
		font-size						: 10pt;
		font-family						: "ApexNew-MediumItalic";
		font-weight						: normal;
	}
	h3 {
		font-size						: 10pt;
		font-family						: "ApexNew-Medium";
		font-weight						: normal;
	}
	h4 {
		font-size						: 14pt;
		font-family						: "ApexNew-MediumItalic";
		font-weight						: normal;
		color							: #272D2B;
	}
	h5 {
		font-size						: 12pt;
		font-family						: "ApexNew-Book";
		font-weight						: normal;
		color							: #666666;
	}
	h6 {
		font-size						: 8pt;
		font-family						: "ApexNew-Medium";
		font-weight						: normal;
		color							: #272D2B;
	}
	.h6 {
		font-size						: 8pt;
		font-family						: "ApexNew-Medium";
		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.png");
		background-size					: cover;
		z-index							: 100;
	}
	.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;
	}
	.none {
		display							: none;
	}
	.bilder_auswahl {
		padding-left					: 5px;
	}
	.border_top {
		width							: 100%;
		height							: auto;
		background-image				: linear-gradient(180deg, #3c65af, #1b234d);
	}
	.border_top_inner {
		width							: auto;
		height							: 50px;
		margin-right					: auto;
		margin-left						: auto;
		text-align						: right;
		line-height						: 55px;
		/*padding-right					: 5px;
		padding-top						: 5px;*/
	}
	.menue_item {
		padding-left					: 20px;
		padding-right					: 20px;
	}
	.menue_items_burger {
		padding-left					: 20px;
		padding-right					: 20px;
	}
	.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							: 50;
		background-image				: linear-gradient(180deg, #1b234d, #3c65af);
	}
	.menue_items_x {
		padding-top						: 5px;
		padding-bottom					: 5px;
		padding-left					: 150px;
		padding-right					: 20px;
	}
	.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							: 98%;
		height							: auto;
		margin-top						: 10px;
		font-size						: 12pt;
		font-family						: "ApexNew-Book";
		font-weight						: normal;
		text-align						: left;
		color							: #666666;
		padding-left					: 5px;
		padding-right					: 5px;
	}
	.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						: 12pt;
		font-family						: "ApexNew-Book";
		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						: 25px;/*15pt;*/
		font-family						: "ApexNew-Book";
		font-weight						: normal;
		color							: #FFFFFF;
	}
	h2 {
		font-size						: 16pt;
		font-family						: "ApexNew-MediumItalic";
		font-weight						: normal;
	}
	h3 {
		font-size						: 16pt;
		font-family						: "ApexNew-Medium";
		font-weight						: normal;
	}
	h4 {
		font-size						: 22pt;
		font-family						: "ApexNew-MediumItalic";
		font-weight						: normal;
		color							: #272D2B;
	}
	h5 {
		font-size						: 14pt;
		font-family						: "ApexNew-Book";
		font-weight						: normal;
		color							: #666666;
	}
	h6 {
		font-size						: 10pt;
		font-family						: "ApexNew-Medium";
		font-weight						: normal;
		color							: #272D2B;
	}
	.h6 {
		font-size						: 10pt;
		font-family						: "ApexNew-Medium";
		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.png");
		background-size					: contain;
	}
	.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				: #3c65af;*/
		/*background-image				: linear-gradient(90deg, #1b234d, #3c65af);*/
		background-image				: linear-gradient(180deg, #3c65af, #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 {
		padding-left					: 20px;
		padding-right					: 20px;
	}
	.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							: 50;
		/*background-image				: linear-gradient(90deg, #3c65af, #1b234d);*/
		background-image				: linear-gradient(180deg, #1b234d, #3c65af);
	}
	.menue_items_x {
		padding-top						: 5px;
		padding-bottom					: 5px;
		padding-left					: 150px;
		padding-right					: 20px;
	}
	.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						: "ApexNew-Book";
		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						: "ApexNew-Book";
		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");
	}
}