/* platform */
:root {
	--primary-color: #064b24;
	--secondary-color: #c0c0c0;
	--imprint-color: #FFFFFF;
}

html, body {
	color: #064b24;
	display: flex;
    flex-direction: column;
	height:100%;
	width:100%;
	margin:0px;
	font-family: 'Poppins';
	font-style: normal;
	font-size: 14px;
	font-weight: 600;
	background-color: #fefce9;
	min-width:auto;
	z-index:1;
}

.content {
    flex: 1 0 auto;
}

div#headerimage {
	background-color: #fefce9;
	width: 100%;	
	background-repeat: no-repeat;
	background-size: cover; /* statt contain */
	background-position: center center;
}

div#footer{
	position:relative;
	float:left;
	background-color:#333333;
	width:100%;
	height:50px;
	z-index:10;
}

div#content{
	position:relative;
	float:left;
	background-color:white;
	width:100%;
	height:auto;
	z-index:10;
}	

div#scorecontent{
	position:relative;
	float:left;
	background-color:transparent;
	width:100%;
	height:auto;
	z-index:10;
}	

table.footer{
	font-family: 'Poppins';
	font-style: normal;
	font-size: 14px;
	font-weight: 300;
	border-collapse: collapse;
	width:100%;
	height:50px;
	vertical-align:center;
}

table.content{
	font-family: 'Poppins';
	font-style: normal;
	font-size: 14px;
	font-weight: 600;
	border-collapse: collapse;
	width:100%;
	height:50px;
	vertical-align:center;
}

table.services{
	font-family: 'Poppins';
	font-style: normal;
	font-size: 14px;
	font-weight: 600;
	border-collapse: collapse;
	width:100%;
	height:50px;
	vertical-align:center;
}

td.products{
	font-family: 'Poppins';
	font-style: normal;
	font-size: 14px;
	font-weight: 800;
	background-color: var(--primary-color);
	text-align:center;
	color:white;
	width:30%;
	height:50%;
}

td.services{
	font-family: 'Poppins';
	font-style: normal;
	font-size: 14px;
	font-weight: 800;
	background-color: var(--primary-color);
	text-align:center;
	color:white;
	width:30%;
	height:50%;
}

td.contentmargin{
	border: 0px solid white;
	font-family: 'Poppins';
	font-style: normal;
	font-size: 18px;
	font-weight: 300;
	text-align: left;
	padding: 0px;
	width: 10%;
	background-color:transparent;
}

td.contentempty{
	border: 0px solid white;
	font-family: 'Poppins';
	font-style: normal;
	font-size: 18px;
	font-weight: 300;
	text-align: left;
	padding: 0px;
	width: 3%;
	background-color:transparent;
}

td.contentmain {
	border: 0px solid white;
	font-family: 'Poppins';
	font-style: normal;
	font-size: 18px;
	font-weight: 300;
	text-align: left;	
	width: 60%;
	background-color:transparent;
	z-index:10;
}

td.contentmainscore {
	border: 0px solid white;
	font-family: 'Poppins';
	font-style: normal;
	font-size: 18px;
	font-weight: 100;
	text-align: left;	
	width: 60%;
	background-color:white;
	z-index:10;
}

tr.zeile:hover {
	background-color: #ddd;
}

div#clear{
	clear:left;
}

div#vorhang{
	position:fixed;
	top:1px;
	left:1px;
	width:100%;
	height:100%;
	background-color:gray;
	opacity:0.80;
	filter:alpha(opacity=80);
	visibility:hidden;
	z-index:40;
}

/* Hyperlinks */
a{color:var(--primary-color);text-decoration:none;-webkit-tap-highlight-color: var(--secondary-color);}
a:hover{text-decoration:none;color:var(--primary-color);}
a:visited{color:var(--secondary-color);}

a.impressum{text-decoration:none;color: var(--imprint-color);-webkit-tap-highlight-color: var(--primary-color);}
a.impressum:hover{text-decoration:none;color: var(--secondary-color);}
a.impressum:visited{color: var(--imprint-color);}

a.functions{text-decoration:none;color: var(--primary-color);}
a.functions:hover{text-decoration:none;color: var(--primary-color);}
a.functions:visited{color: var(--primary-color);}

.link {
	color: var(--imprint-color);
	-webkit-appearance: none;
}

p{
	color:black;
	font-family: 'Poppins';
	font-style: normal;
	font-size: 14px;
	font-weight: 300;	
}

p1{
	color:black;
	font-family: 'Poppins';
	font-style: normal;
	font-size: 13px;
	font-weight: 300;	
}

p2{
	color:gray;
	font-family: 'Poppins';
	font-style: normal;
	font-size: 14px;
	font-weight: 300;	
}

p3{
	color: var(--imprint-color);
	font-family: 'Arial';
	font-style: normal;
	font-size: 100px;
	font-weight: 300;	
}


/* Überschriften */
h1 {
  position: relative;	
  font-size: 180%;
  font-family: 'Poppins';
  font-weight: normal;
  margin-bottom: 1em;
}

h2 {
  position: relative;	
  font-family: 'Poppins';
  margin-bottom: 1em;  
  font-style: normal;
  font-size: 18px;
  font-weight: 600;	
}

h3 {
  position: relative;	
  font-size: 200%;
  font-family: 'Poppins';
  font-weight: normal;
  margin-bottom: 1em;
}

h4 {
  position: relative;	
  font-size: 100%;
  font-family: 'Poppins';
  font-weight: normal;  
}

hr{
	border: 1px solid lightgray;
	border-radius: 5px;
}

/* Nav */
.main-nav {
  background-color: transparent;
  font-family: sans-serif;
  padding-bottom: 0;
  position: relative;
  z-index: 1000;
}

.nav-container {
  max-width: 1200px;
  margin: 0 auto;
  position: relative;
  border-bottom: 1px solid #ccc;
}

.menu {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: center;
  gap: 40px;
  flex-wrap: wrap;
}

.menu li {
  position: relative;
}

.menu a,
.menu-label {
  color: #006633;
  text-decoration: none;
  padding: 10px 16px;
  display: block;
  font-size: 1.2rem;
  font-weight: 500;
  cursor: pointer;
}

.menu a:hover,
.menu-label:hover {
  background-color: rgba(0, 102, 51, 0.1);
  border-radius: 4px;
}

.submenu {
  display: none;
  position: absolute;
  top: calc(100% + 1px);
  left: 0;
  background-color: white;
  list-style: none;
  padding: 0;
  margin: 0;
  min-width: 160px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.15);
  z-index: 1000;
}

.submenu li a {
  padding: 10px;
  color: #006633;
  font-size: 1rem;
  text-align: left;
}

.menu-icon {
  display: none;
  font-size: 2rem;
  color: #006633;
  position: absolute;
  right: 20px;
  top: 10px;
  cursor: pointer;
}

#menu-toggle,
#submenu-toggle {
  display: none;
}

/* Mobil */
@media (max-width: 768px) {
  .nav-container {
    border-bottom: none;
  }

  .menu {
    display: none;
    flex-direction: column;
    align-items: center;
    gap: 0;
  }

  #menu-toggle:checked + .menu-icon + .menu {
    display: flex;
  }

  .menu-icon {
    display: block;
  }

  .submenu {
    position: static;
    box-shadow: none;
    background-color: transparent;
  }

  .submenu li a {
    text-align: center;
  }

  .menu-label::after {
    content: " ▼";
  }

  #submenu-toggle:checked + .menu-label + .submenu {
    display: block;
  }
}

/* Desktop */
@media (min-width: 769px) {
  .dropdown:hover .submenu {
    display: block;
  }

  .menu-label::after {
    content: "";
  }

  #submenu-toggle {
    display: none;
  }
}
/* Ende Nav */

/* modifizierte Eingabefelder */
.eingabe{
	height:25px;	
	background-color:white;
	border-color:gray;
	border-style:solid;
	border-width:1px;
	border-radius:5px;
	box-shadow: 1px 1px 1px lightgray;
	font-size:16px;
}

select, option {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;  
}
select {    
    height:30px;
    border : 1px #ccc solid;
    vertical-align:top;
}

/* Submit-Buttons von 3D-Effekten etc. befreien */
input[type=submit] {
	border:0 none;
	background-color: var(--primary-color);
	color: white;
	padding: 1em 1.5em;
	text-decoration: none;
	text-transform: uppercase;
	border-radius:5px;
}

input[type=submit]:hover {
	cursor: pointer;
	border:0 none;
	background-color: #333333;
	color: white;
	padding: 1em 1.5em;
	text-decoration: none;
	text-transform: uppercase;
	border-radius:5px;
}

input[type=button] {
	border:0 none;
	background-color: #333333;
	color: white;
	padding: 1em 1.5em;
	text-decoration: none;
	text-transform: uppercase;
	border-radius:5px;
}

input[type=button]:hover {
	cursor: pointer;
	border:0 none;
	background-color: var(--imprint-color);
	color: white;
	padding: 1em 1.5em;
	text-decoration: none;
	text-transform: uppercase;
	border-radius:5px;
}

input[type=cancel] {
	border:0 none;
	background-color: var(--imprint-color);
	color: white;
	padding: 1em 1.5em;
	text-decoration: none;
	text-transform: uppercase;
	border-radius:5px;
}

input[type=cancel]:hover {
	cursor: pointer;
	border:0 none;
	background-color: #333333;
	color: white;
	padding: 1em 1.5em;
	text-decoration: none;
	text-transform: uppercase;
	border-radius:5px;
}

/* poppins-100 - latin */
@font-face {
  font-display: swap; 
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 100;
  src: url('../fonts/Poppins/poppins-v23-latin-100.woff2') format('woff2'); 
}
/* poppins-100italic - latin */
@font-face {
  font-display: swap; 
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 100;
  src: url('../fonts/Poppins/poppins-v23-latin-100italic.woff2') format('woff2'); 
}
/* poppins-200 - latin */
@font-face {
  font-display: swap; 
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 200;
  src: url('../fonts/Poppins/poppins-v23-latin-200.woff2') format('woff2'); 
}
/* poppins-200italic - latin */
@font-face {
  font-display: swap; 
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 200;
  src: url('../fonts/Poppins/poppins-v23-latin-200italic.woff2') format('woff2'); 
}
/* poppins-300 - latin */
@font-face {
  font-display: swap; 
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/Poppins/poppins-v23-latin-300.woff2') format('woff2'); 
}
/* poppins-300italic - latin */
@font-face {
  font-display: swap; 
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/Poppins/poppins-v23-latin-300italic.woff2') format('woff2'); 
}
/* poppins-regular - latin */
@font-face {
  font-display: swap; 
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/Poppins/poppins-v23-latin-regular.woff2') format('woff2'); 
}
/* poppins-italic - latin */
@font-face {
  font-display: swap; 
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/Poppins/poppins-v23-latin-italic.woff2') format('woff2'); 
}
/* poppins-500 - latin */
@font-face {
  font-display: swap; 
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/Poppins/poppins-v23-latin-500.woff2') format('woff2');
}
/* poppins-500italic - latin */
@font-face {
  font-display: swap;
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 500;
  src: url('../fonts/Poppins/poppins-v23-latin-500italic.woff2') format('woff2'); 
}
/* poppins-600 - latin */
@font-face {
  font-display: swap; 
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/Poppins/poppins-v23-latin-600.woff2') format('woff2');
}
/* poppins-600italic - latin */
@font-face {
  font-display: swap; 
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 600;
  src: url('../fonts/Poppins/poppins-v23-latin-600italic.woff2') format('woff2');
}
/* poppins-700 - latin */
@font-face {
  font-display: swap; 
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/Poppins/poppins-v23-latin-700.woff2') format('woff2'); 
}  
/* poppins-700italic - latin */
@font-face {
  font-display: swap; 
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/Poppins/poppins-v23-latin-700italic.woff2') format('woff2'); 
}
/* poppins-800 - latin */
@font-face {
  font-display: swap; 
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/Poppins/poppins-v23-latin-800.woff2') format('woff2'); 
}
/* poppins-800italic - latin */
@font-face {
  font-display: swap; 
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 800;
  src: url('../fonts/Poppins/poppins-v23-latin-800italic.woff2') format('woff2'); 
}
/* poppins-900 - latin */
@font-face {
  font-display: swap; 
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/Poppins/poppins-v23-latin-900.woff2') format('woff2'); 
}
/* poppins-900italic - latin */
@font-face {
  font-display: swap; 
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 900;
  src: url('../fonts/Poppins/poppins-v23-latin-900italic.woff2') format('woff2'); 
}