@charset "utf-8";/*
	Document						: global.css
	modified on						: 24.03.2026
	Author							: Bernd Korzineck
	Description						: CascadingStyleSheets-file for web presentation from www.baden-baden-singt.de
	Last changes					: Anpassung der moblien Ansicht
									: Neue Standard-Schriftart
*/


/* TAG Allgemein																						 */
/* ----------------------------------------------------------------------------------------------------- */
*{
	border								: none;			/* Objektrahmen entfernen						 */
	margin								: 0px;			/* Aussenabstand entfernen						 */
	padding								: 0px;			/* Innenabstand entfernen						 */
	user-select							: none;			/* Textauswahl deaktivieren						 */
}
*{
	/*overflow							: hidden;		/* Ueberlauf verbergen							 */
}
html {
	/*overflow-y							: scroll;*/
}
body {
	font-family							: San-Francisco;
	color								: #000000;
}

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-bold";
  font-weight: 700;
  src: url("https://applesocial.s3.amazonaws.com/assets/styles/fonts/sanfrancisco/sanfranciscodisplay-bold-webfont.woff");
}
.border_content {
	position							: fixed;
	top:5%;
	left:5%;
	width								: 90%;
	height								: 90%;
	text-align							: justify;
	hyphens								: auto;
	border:1px solid;
	border-color:#ffffff;
	border-radius: 20px 0 0 20px;
	overflow-y							: scroll;
}
.border_content_inner {
	width								: auto;
	height								: auto;
	padding								: 10px;
	text-align							: justify;
	hyphens								: auto;
}
.border_bottom_footer {
	position							: fixed;
	bottom								: 0;
	width								: 100%;
	height								: auto;
	color								: #272D2B;
	text-align							: center;
	z-index								: 100;
}
.background {
	position							: fixed;
	top									: 0;
	left								: 0;
	width								: 100%;
	height								: 100%;
	background-color					: #85D8FF;
	z-index								: -1;
}
.background_image {
	position							: absolute;
	width								: 90%;
	height								: 90%;
	top									: 5%;
	left								: 5%;
	margin								: auto;
	background-image					: url("../images/mitte_20260324.webp");
	background-size						: contain;
	background-repeat					: no-repeat;
	background-position					: center;
	z-index								: -1;
}
.background_right_top {
	position							: fixed;
	top									: 0;
	right								: 0;
	width								: 25%;
	height								: 25%;
	background-image					: url("../images/rechts_oben_20260324.webp");
	background-size						: contain;
	background-repeat					: no-repeat;
	background-position					: right top;
	z-index								: -1;
}
.background_right_bottom {
	position							: fixed;
	bottom								: 0;
	right								: 0;
	width								: 25%;
	height								: 25%;
	background-image					: url("../images/partner_20260324.webp");
	background-size						: contain;
	background-repeat					: no-repeat;
	background-position					: right bottom;
	z-index								: -1;
}
.background_left_bottom {
	position							: fixed;
	bottom								: 0;
	left								: 0;
	width								: 25%;
	height								: 25%;
	background-image					: url("../images/links_unten_20260324.webp");
	background-size						: contain;
	background-repeat					: no-repeat;
	background-position					: left bottom;
	z-index								: -1;
}


@media (max-width: 1000px) {
	h1 {
		font-size						: 20pt;
		font-family						: "San-Francisco";
		font-weight						: bold;
		color							: #000000;
	}
	h2 {
		font-size						: 14pt;
		font-weight						: bold;
		color							: #000000;
	}
	h3 {
		font-size						: 12pt;
		font-family						: "San-Francisco";
		font-weight						: bold;
		color							: #000000;
	}
	h4 {
		font-size						: 11pt;
		font-family						: "San-Francisco";
		font-weight						: bold;
		color							: #000000;
	}
}

@media (min-width: 1000px) {
	/* Breite beträgt mindestens 1050px */
	h1 {
		font-size						: 40pt;
		font-family						: "San-Francisco";
		font-weight						: bold;
		color							: #000000;
	}
	h2 {
		font-size						: 25pt;
		font-family						: "San-Francisco";
		font-weight						: bold;
		color							: #000000;
	}
	h3 {
		font-size						: 20pt;
		font-family						: "San-Francisco";
		font-weight						: bold;
		color							: #000000;
	}
	h4 {
		font-size						: 14pt;
		font-family						: "San-Francisco";
		font-weight						: bold;
		color							: #000000;
	}

}
@media only screen and (max-width: 600px) {
	.pic {
		width							: 98%;
		height							: auto;
		border							: 1px solid;
		border-color					: #666666;
		float							: none;
		margin-bottom					: 5px;
	}
}