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: #333;
}



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

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

/* --------------------------------------------------------------------  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: #0609;
	
}


/* --------------------------------------------------------------------  L I N K S   -- */
.y3-hyphens a  {
	text-decoration:none;
	border-bottom: 1px solid #0606;
}

.y3-hyphens a:hover  {
	text-decoration:none;
	border-bottom: 2px solid #060f;
}



/* ----------------------------------------------------------------------  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 {
	background-position: center;
	background-size: contain;
	/*background-image: url(../images/hemicoat_logo2_white_green_shadow.svg);/**/
	background-repeat: no-repeat;
	/*filter: drop-shadow( 0px 0px 4px rgba(0, 0, 0, .7));*/
}

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: #fffd;
  padding-top: 40px;
  line-height: 1;
  letter-spacing: 18px;
  text-transform: uppercase;
  filter: drop-shadow( 20px 20px 4px rgba(0, 0, 0, .7));
  transform: translateZ(0); /* safari fix for correct drop-shadow */
}

header.banner svg text {
  font-family: raleway;
  font-weight: 600;
  font-size: 70px;
  fill: #fffd;
  /* letter-spacing: 18px; defined in svg */
  text-transform: uppercase;
  filter: drop-shadow( 20px 20px 4px rgba(0, 0, 0, .7));
  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/hemicoat_logo2_bw_menu.svg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position:0px 0px;
	width:260px;
	height:60px;
}


#myNavbar .topnav a.active,
#myNavbar .topnav button.active  {
	color:darkgreen;
	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*/
}

#homenews .w3-card h3 {
	font-size: 18px; /* 0.9375em*/
}

#homenews .w3-card p, #homenews .w3-card ul, #homenews .w3-card li {
		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
}

/* ------------------------------------------------------------  D O W N L O A D S   -- */

div.downloads:nth-of-type(even) {
	background-color:#E8FBE9;
	}

div.downloads:nth-of-type(odd) {
	background-color:#FFF;
	}
	
	
div.projects:nth-of-type(even) {
	background-color:#f1f1f1;
	}

div.projects:nth-of-type(odd) {
	background-color:#FFF;
	}