/* Ergänzungs-CSS zu W3.CSS  */
/* Schriftvorgaben überschreiben */
body { overflow-y:scroll; }
html,body {font-family: Calibri, Arial, Verdana, "Helvetica Neue", Helvetica, sans-serif; }

h1,h2,h3,h4,h5,h6{font-family:Calibri, Arial, Verdana, "Helvetica Neue", Helvetica, sans-serif;font-weight:400;margin:10px 0}
/* Überschriften etwas kleiner */
h1{font-size:30px}h2{font-size:24px}h3{font-size:18px}h4{font-size:18px}h5{font-size:18px}h6{font-size:18px}.w3-serif{font-family:serif}
 
/*  Links  */

  a { color:#006633; background:transparent; text-decoration:none; }
  a:visited  { color:#006633; }
  a:hover { color:#009900; text-decoration:underline; outline: 0 none; } 


/* Farbe */
.lub-green {color:#fff!important;background-color:#007b35!important}

/* Elemente im Header mit Seitenabstand */
header {
	background-color: #5eaf04; 
/*	padding: 0 32px 16px 64px; */
/*	margin-bottom:16px; */
	}
	
header img {
	 border:0;
	 padding:8px 0 8px 0;
	}
header h2 {
	font-style: italic;
	}

nav {
	background-color:#007b35;
	border-top:1px solid #ffffff; 
	}

nav a:hover {
	text-decoration:none;
	}

main {
	padding: 0 32px 0 32px; 
	}


/*  Footer schieben */
body, html { height: 100% !important; }

.wrapper {
	position:relative !important;
  	min-height:96%; /* real browsers */
  	height: auto!important;
  	margin: 0 15% 0 15%;
  	}
 
footer {
	min-height:4%;
	height:32px;
  	margin: 0 15% 0 15%;
  	padding:8px;
	}
	
footer a, footer a:visited {
   	color:#FFFFFF;
	}
	
footer a:hover {
	color:#ffffff;
	text-decoration:none;
	}		

/* Anpassungen für kleine Bildschirme => weniger Seitenabstand  1279*/
@media (max-width:1334px) {
 .wrapper { margin: 0 5% 0 5%; }
 footer { margin:0 5% 0 5%; }
}

@media (max-width:992px) {
.wrapper { margin:0; }
footer { margin:0; }
/* header { padding: 0 16px 16px 16px; } */
/* nav { padding:0 0 0 16px; } */
.padding-xlarge { padding-left:8px; padding-right:8px; }
main { padding:0; }
}
	
/* Anpassungen für sehr kleine Bildschirme */
@media (max-width:601px) {
.padding-xlarge { padding-left:8px; padding-right:8px; }
.rechts-24 { padding:0; }
.links-24 { padding:0; }
}


/* Sonstige Formatierungen */
/* Standard-Aufzaehlungszeichen entfernen, wenn besondere Formate zugewiesen werden */

.padding-xlarge { padding-left:48px; padding-right:48px; }

/* <big> sollte in HTML5 nicht mehr verwendet werden */
p.big {
	 font-size:24px;
	 margin-top:10px;
}

ul.ohne {
	list-style-type: none;
	padding: 0;
	margin-left: 0;
	}

ol.ohne {
	padding: 0;
	margin-left:1.35em;
	}

/* Aufzählungen in zweiter Ebene mit gefüllten Punkten */
ul.ohne ul { list-style-type:disc; }

/* in section soll ul nach oben und unten keinen Abstand haben */
section ul.ohne { margin-top:-10px; margin-bottom:0px; }
	
/* Grüner Pfeil für Listen oder Links */

.pfeil {
  padding-left: 16px;
  position: relative;
  }

.pfeil::before {
  position: absolute;
/*  font-family: 'FontAwesome'; */
  font-family: "Font Awesome 5 Free";
  font-size:1.25em;
  font-weight:900;
  top: -2px;
  left: 2px;
  content: "\f0da";
  color:#007b35;}


.spitzerpfeil {
  padding-left: 48px;
  position: relative;
  padding-bottom:16px;
  }

.spitzerpfeil::before {
  position: absolute;
/*  font-family: 'FontAwesome'; */
  font-family: "Font Awesome 5 Free";
  font-size:1.25em;
  font-weight:900;
  top: 0px;
  left: 2px;
  content: "\f061";
  color:#5eaf04;
}



.punkt {
  padding-left: 18px;
  position: relative;
  }

.punkt::before {
  position: absolute;
/*  font-family: 'FontAwesome'; */
  font-family: "Font Awesome 5 Free";
  font-size:0.8em; 
  font-weight:900;
  top: 2px;
  left: 0px;
  content: "\f0c8";
  color:#007b35;
}


/* ul.ohne li {
	line-height:200%;
	} */

a.pfeil:before {
	top:-4px;
	}

hr {
    color:#fff;
    background:transparent;
    margin: 16px 0 16px 0;
    padding:0;
    border:0;
    border-bottom:1px #cccccc solid;
  }

hr.trenner {
    color:#fff;
    background:transparent;
    margin: 0;
    padding:16px 0 16px 0;
    border:0;
    border-bottom:none;
  }


/* HTML5-Element figure für zoomfähige Bilder im Hoch- oder Querformat */
figure {
	float:right;
	margin: 0 0 10px 10px;
	}

figure.quer {
	width:40%;
	}

figure.hoch {
	width:30%;
	}
/* Panorama-Fotos */
figure.breit {
	float:none;
	margin:0 0 10px 0;
	width:100%;
	}

/* Personen-Fotos */
figure.portrait {
	float:none;
	margin:36px;
	width:100%;
	}


/* Fotos in Tabellen oder Grids */
figure.galerie {
	float:none;
	margin: 0 1.0em 1.0em 0;
	}

figure img {
	max-width: 100%;
	height: auto;
	}

/* Formulare */
input[type=text], select, textarea {
  width: 100%;
  padding: 8px;
  border: 1px solid #ccc;
  border-radius: 4px;
  resize: vertical;
}

label {
  padding: 12px 12px 0px 0px;
  display: inline-block;
}

input[type=submit] {
  cursor: pointer;
  float: right;
  margin-bottom:10px;
}


/* Tabellen */
 table { 
	 width:auto; 
	 margin-bottom:0.5em; 
	 }
 /* Dünne Gitternetzlinien, um auf Zellabstand und Hintergrundfarbe verzichten zu können */
 table.gitter { border-collapse:collapse; border: 0; }
 table.gitter td { border:1px solid #c0c0c0; } 
 table.gitter th { border:1px solid #c0c0c0; } 

/* Tabellen-Überschrift linksbündig, grauer Hintergrund, fette Schrift */
 th { text-align:left; font-weight:bold; background-color:#eeeeee; }
 
 /* Abstand zu den Tabellenrändern, Zeilenabstand wie im Fließtext */
 th, td { padding:0.3em; vertical-align:top; line-height:1.5em; }
 
 /* Tabelleninhalt zentriert */
 td.zentriert { text-align:center; }
 
 /* Tabellenüberschrift zentriert */
 th.zentriert { text-align:center; }
 
  /* Tabelleninhalt rechts ausgerichtet */
 td.rechts { text-align:right; }
 
 /* Kompakte Tabelle ohne Rahmen */
 /* padding:'padding-top' 'padding-right' 'padding-bottom' 'padding-left' */
 table.kompakt { border-collapse:collapse; border: 0; }
 table.kompakt td { padding: 0 0.5em 0.3em 0; margin:0; } 


/* Abstände nach rechts oder links */
/* padding:'padding-top' 'padding-right' 'padding-bottom' 'padding-left' */
.rechts-24 { padding:0 24px 0 0; }
.links-24 { padding:0 0 0 24px; }


/* Für Drucker */

@media print {

/* Scrollbalken weg */
body { overflow-y:visible; }

/* Nicht benötigte Elemente ausblenden */
header { display:none;  }
nav { display:none; }
#myTop { display:none; }
main {
	width:100%;
	padding:0;
	margin:0;
	border:2px blue solid;
	}
aside {	display:none; }

/* Seitenabstand verringern */
.padding-xlarge { padding-left:0px; padding-right:0px; }

/* Hyperlinks im Ausdruck als Text */
a[href]::after {
   content: " <" attr(href) ">";
   color: #888;
   background-color: inherit;
   font-style: italic;
   font-size: 80%;
  }
}