:root {
  --darkred: 70, 4, 4;  
}

html {
  scroll-behavior: smooth;
}

body {
	font-family: "Raleway", sans-serif;
	line-height:1.8;
}

@media (max-width:600px)  {
	body {font-size: 80%;}
}
@media (min-width:601px)  {
	body {font-size: 90%;}
}
@media (min-width:993px)  {
	body {font-size: 100%;}
}


p, li  {
	font-size:1.25em;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Raleway", sans-serif;
  font-weight: 600;
  color: rgba(var(--darkred),0.9);
}



h1 {font-size: 1.75em;}
h2 {font-size: 1.5em;}
h3 {font-size: 1.25em;}
h4,h5,h6 {font-size:1.25em;}

b, strong, .strong {
  font-weight: 600;
  color: #333;
}

section  {
	position:relative;
}

span.anchor  {  
	position:absolute;
	top:-40px;
	visibility:hidden;
	}

/* --------------------------------------------------------------------  L I S T S   -- */

ul > li, ol > li {
	padding-bottom:0.5em;
}

ul  {
	--icon-space: 1.5em;
	padding-left:0.5em;
	list-style: none;
}

ul > li  {
	padding-left: 0.5em;
}

ul > li::before  {
	content: "▶";
	font-family: "arial", sans serif;
	font-size: 0.7em;
	display: inline-block;
	vertical-align: middle;
	margin-left: calc( var(--icon-space) * -1 );
  	width: var(--icon-space);
	color: rgba(var(--darkred),0.5);
	
}


/* --------------------------------------------------------------------  L I N K S   -- */
.y3-hyphens a  {
	text-decoration:none;
	border-bottom: 1px solid rgba(var(--darkred),0.5);
}

.y3-hyphens a:hover  {
	text-decoration:none;
	border-bottom: 2px solid rgba(var(--darkred),0.9);
}



/* ----------------------------------------------------------------------  H E R O   -- */
/* Full height image header */
header.hero {
  background-position: center;
  background-size: cover;
 /*background-image: url(../images/pexels-felixmittermeier-957024_kk.jpg);/**/
  min-height: 100%;
}

header .logo-wrapper {
	position:relative;
	aspect-ratio: 1652/878;
}

header .logo {
	position:absolute;
	background-size:cover;
	width:100%;
	height:100%; 	
}

header .text {
	background-position: center top;
	background-size: contain;
	/*background-image: url(../images/hemicoat_text_white.svg);/**/
	background-repeat: no-repeat;
	filter: drop-shadow( 0px 0px 4px rgba(0, 0, 0, .7));
	transform: translateZ(0); /* safari fix for correct drop-shadow */
}

/* ------------------------------------------------------------------  B A N N E R   -- */
header.banner  {
	height:150px;
	width:100%;
	margin-top:43px;
	background-size:cover;
	background-position:top;
}
header.banner h1  {
  font-weight: 600;
  font-size: 70px;
  color: #000d;
  padding-top: 40px;
  line-height: 1;
  letter-spacing: 18px;
  text-transform: uppercase;
  filter: drop-shadow( 20px 20px 4px rgba(var(--darkred), 0.31));
  transform: translateZ(0); /* safari fix for correct drop-shadow */
}

header.banner svg text {
  font-family: raleway;
  font-weight: 600;
  font-size: 70px;
  fill: rgba(var(--darkred), 0.9);
  /* letter-spacing: 18px; defined in svg */
  text-transform: uppercase;
  filter: drop-shadow( 20px 20px 4px rgba(var(--darkred), 0.31));
  transform: translateZ(0); /* safari fix for correct drop-shadow */
}

/* ------------------------------------------------------------------  N A V B A R   -- */
#myNavbar {
	font-size:15px; /* 0.9375em*/
	text-transform: uppercase;
}

#myNavbar .logo {
	display:inline-block;
	position:absolute;
	top:10px;
	background-color:transparent;
	background-image:url(../images/logo/logo_sc_menu_long.svg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position:0px 0px;
	aspect-ratio: 3304 / 285;
	height:22px;
}


#myNavbar .topnav a.active,
#myNavbar .topnav button.active  {
	color:rgba(var(--darkred),0.9);
	font-weight:bold;

}
/* overide */
.w3-dropdown-hover:first-child, .w3-dropdown-click:hover {
    background-color: inherit;
    color: inherit;
}




.shadow
  {
  filter: drop-shadow( 0px 0px 4px rgba(0, 0, 0, .7));
  transform: translateZ(0); /* safari fix for correct drop-shadow */
  }

.imageshadow
  {
  filter: drop-shadow( 10px 10px 4px rgba(0, 0, 0, .15));
  transform: translateZ(0); /* safari fix for correct drop-shadow */
  }



/*eigene breakpoints für das topmenu*/
@media (max-width:850px) {
	.y3-hide-small-menu  {display:none!important}
}

@media (min-width:851px) {
	.y3-hide-large-menu  {display:none!important}
}


#partner .w3-card h3, #partner .w3-card p  {
		font-size: 15px; /* 0.9375em*/
}


/* ------------------------------------------------------------------  F O O T E R   -- */

footer h4 {
	color: white !important;
	font-weight:600;
	font-size:15px; /* 0.9375em*/
	line-height:1;
	text-transform: uppercase;
}

footer p {
	color: white !important;
	font-size:15px; /* 0.9375em*/
	line-height:1.3
}
	
/* ------------------------------------------------------------  S L I D E S H O W   -- */

.mySlides {display:none}

/* ----------------------------------------------------------  B A C K G R O U N D   -- */

.wood-lt-grey  {
	background-image:url(../images/seamless-wood2_grey_bg.jpg);
	background-size: 80%;
	background-position: center top;
}

.white-09 {background-color:rgba(255,255,255,0.9) !important;}
.white-08 {background-color:rgba(255,255,255,0.8) !important;}
.white-07 {background-color:rgba(255,255,255,0.7) !important;}
.white-06 {background-color:rgba(255,255,255,0.6) !important;}
.white-05 {background-color:rgba(255,255,255,0.5) !important;}
.white-04 {background-color:rgba(255,255,255,0.4) !important;}
.white-03 {background-color:rgba(255,255,255,0.3) !important;}
.white-02 {background-color:rgba(255,255,255,0.2) !important;}
.white-01 {background-color:rgba(255,255,255,0.1) !important;}
.white-00 {background-color:rgba(255,255,255,0.0) !important;}
.black-09 {background-color:rgba(0,0,0,0.9) !important;}
.black-08 {background-color:rgba(0,0,0,0.8) !important;}
.black-07 {background-color:rgba(0,0,0,0.7) !important;}
.black-06 {background-color:rgba(0,0,0,0.6) !important;}
.black-05 {background-color:rgba(0,0,0,0.5) !important;}
.black-04 {background-color:rgba(0,0,0,0.4) !important;}
.black-03 {background-color:rgba(0,0,0,0.3) !important;}
.black-02 {background-color:rgba(0,0,0,0.2) !important;}
.black-01 {background-color:rgba(0,0,0,0.1) !important;}
.black-00 {background-color:rgba(0,0,0,0.0) !important;}