/*
Farben:
hellgelb: fffad1
gelb: fff59b
hellgrün: BCC98C
dunkelgrün: 006F25
dunkelgrün web: 006633
grün-bg: 138439
blau: 038acb
el-blau: 006dba
el-grün: 99ca3a

*/


/*** MY NEW STYLES: ***/

html {
  height:100%;
  scroll-behavior: smooth !important;
}

body {
	background-color: #eee;
	background-color: #fff;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif !important;
	color: #36393E;
	color: #333;	
	font-size: 1.0em;
	/* background-image: url(img/papertile1.jpg); */
}

.align-right {
	text-align: right;
}
.bg-333 {
	background-color: #333;
}
.bg-000 {
	background-color: #000;
}

.grid-bg {
	background-color: #fff !important;
}

.grid {
}

/*
.grid .logo,    .grid .w-1.5 { width: 35%; }
.grid .navitop, .grid .w-3.5 { width: 65%; }
*/


header {
	box-shadow: 0 0 15px #666;
	background-color:#fff;
	z-index:10;
	
	background-color: #333;
	box-shadow: none;
}

.header-bg {
	/* background-image: url(img/bg_kopf.png); */
	
}

#main-header {
	z-index: 100;
	background-color: #cfcfcf;
	/* background-image: url(img/01.png) !important; */
	background-color: #fff;
	background-color: #777;
	background-color: #006633;
}

.border-top-green {
	border-top: 4px solid #006633;
}
.border-bottom-green {
	border-bottom: 4px solid #006633;	
}

#menu {
	background-color: #cfcfcf;
	/* background-image: url(img/01.png) !important; */
	background-color: #fff;
	background-color: #777;
	background-color: #006633;
}

#menu a {
	text-decoration:none;
	font-family: "Roboto Condensed", Arial, Helvetica, sans-serif;
	font-family: "Open Sans", Arial, Helvetica, sans-serif;	
	font-size: 1.2em;
	text-transform: uppercase;
	color: #fff;
	-webkit-transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
	-ms-transition: all 0.4s linear;
	-o-transition: all 0.4s linear;
	transition: all 0.4s linear;
}
#menu a:hover {
  background-color: green;
  color: #fff;
	-webkit-transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
	-ms-transition: all 0.4s linear;
	-o-transition: all 0.4s linear;
	transition: all 0.4s linear;
}

#menu li a {	
	border: 1px solid #777;
	border: 1px solid #138439;
}
#menu li a:hover {	
	border: 1px solid #fff;
	border: 1px solid #138439;
}

#menu li ul li a {	
	border: 1px solid #cecece;
	color: #333;
	font-size: 1.0em;
	border: 1px solid #138439;
}
#menu li ul li a:hover {	
	border: 1px solid #fff;
	color: #fff !important;
	border: 1px solid #138439;
}


.overtop-left {
	height: 15px;
	margin-top: 5px;
	color: #fff;
	font-size: 13px;
	line-height: 16px;
	text-align: left;
}
.overtop-center {
	height: 15px;
	margin-bottom: -10px;
	color: #fff;
	font-size: 14px;
	line-height: 16px;
	text-align: center;
}
.overtop-right {
	height: 15px;
	margin-bottom: -10px;
	padding-right: 50px;
	color: #fff;
	font-size: 14px;
	line-height: 16px;
	text-align: right;
}

.fuss {
	background-color: #006dba;
}



.btn0 a:link, .btn0 a:visited  {
	padding: 5px 10px;	
 	color: #000;
	text-decoration: none;
 	line-height: 30px;
	display: block;
	display: inline;
	background-color: none; 
	border: 1px solid #777;
	border: 1px solid green;
	-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-ms-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
	transition: all 0.5s linear; 
}

.btn0 a:hover, .btn0 a:hover:visited {
 	color: #fff !important;
	text-decoration: none; 
	background-color: green;	
	border: 1px solid green;
	-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-ms-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
	transition: all 0.5s linear; 
}



.btn1 a:link, .btn1 a:visited, .btn2 a:link, .btn2 a:visited  {
	padding: 5px;
 	color: #fff;
	text-decoration: none;
 	line-height: 30px;
	display: block;
	display: inline;
	background-color: #777; 
	border: 1px solid #777;
	-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-ms-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
	transition: all 0.5s linear; 
 }
 
 .btn1 a:hover, .btn1 a:hover:visited {
 	color: #fff;
	text-decoration: none; 
	background-color: green;	
	border: 1px solid #006633;
	-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-ms-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
	transition: all 0.5s linear; 
 }

.btn1 a:link, .btn1 a:visited  {
	text-decoration: none;
	background-color: #000; 
	border: 1px solid #000;
 }

.btn2 a:link, .btn2 a:visited  { /*  Fuss Navi */
	text-decoration: none;
	background-color: #006633; 
	border: 1px solid #006633;
 }
.btn2 a:hover, .btn2 a:hover:visited {
	background-color: #138439;
}
 
 
.sw-filter { 
	-webkit-filter: grayscale(1); 
	filter: grayscale(1); 
	-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-ms-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
	transition: all 0.5s linear; 
} 
.sw-filter:hover { 
	-webkit-filter: grayscale(0); 
	filter: none; 
	-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-ms-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
	transition: all 0.5s linear; 
} 
 

.vslider_toggle { /* css vslider !! */
	/*
	margin-top: 13px; /* Unterkante Header */
	/*
	margin-top: 22px;
	box-shadow: 0 0 15px #333;
	*/
}

.topblock, .topbild {
	margin: 0;
	padding: 0;
	border-bottom: 4px solid green;
}
.topblock img {
   /* object-fit: contain; */
}

.topbild-full {
	margin: 0;
	padding: 0;
	height: auto;
	border-bottom: 4px solid green;
}
.topbild-inhalt {
	margin: 0;
	padding: 0;
	height: auto;
}
.toptext {
	margin: 0;
	padding: 5px;
}
.toptext h1 {
	margin-top: 0;
	margin-bottom: 10px;
	padding: 15px;
	font-size: 44px;
	text-align: center;
}
.topbild-full p, .topbild p, .toptext p {
	margin: 0;
	padding: 0;
}
.topbild-full img, .topbild-inhalt img {
	width: 100%;
   height: auto;
	margin: 0 -1px -5px -1px;
}
.topbild-inhalt img {
	margin-top: -6px; 	
}

.img-shade { /* hz | vz | size | color */
	box-shadow: 5px 5px 5px silver, -5px -5px 5px silver;
	border-radius: 20px;
}


.list h1 {
	color: #777;
	font-family: "Roboto Condensed", sans-serif;  
	font-size: 1.1em;
	font-weight: normal;
	list-style: none;
}
.list h2 {
	color: #777;
	font-size: 1.1em;
	font-weight: normal;
	list-style: none;
}
.list h3 {
	color: green;
	font-size: 1.1em;
	font-weight: normal;
	list-style: none;
	padding-top: 30px;
}

footer {
	background-color: yellow;
}

.buffer-2px {
	height: 2px;
	font-size: 1px;
}
.buffer-4px {
	height: 4px;
	font-size: 1px;
}
.buffer-5px {
	height: 5px;
	font-size: 1px;
}
.buffer-10px {
	height: 10px;
	font-size: 1px;
}
.buffer-14px {
	height: 14px;
	font-size: 1px;
}

.copy {
	background-color: #006DBA;
	color: #fff;
	text-align: center;
}


h1, h2, h3, h4, a { color: #006dba; }

h1 a, h2 a, h3 a, h4 a {
	color: green !important;
	text-decoration: underline;
} 
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover {
	color: #000 !important;
	text-decoration: underline;
} 

h1, h2, h3, h4 {	
	font-family: "Roboto Condensed", Arial, Helvetica, sans-serif;
	font-weight: normal !important;
}

h1 {
	font-size: 40px !important;
	font-family: "Papyrus", Times, serif;
}

h2 {
	font-size: 24px !important;
	font-family: "Papyrus", Arial, Helvetica, sans-serif;
	color: #006F25;
}


a, a:hover {	
	-webkit-transition: all 0.8s linear;
	-moz-transition: all 0.8s linear;
	-ms-transition: all 0.8s linear;
	-o-transition: all 0.8s linear;
	transition: all 0.8s linear;
}

.list-small {
	font-size: smaller;
}



.grid .unit img {
  width: 120% !important;
  height: auto;
}




/* Formular Abschlussarbeit: */

.miniform {
	border: 1px solid green;
	padding: 20px;
}

.full, .half {
	margin-bottom: 20px;
}


/* Top Button: */

.back-to-top, .back-to-top a {
	display: block;
	width: 25px;
	height: 25px;
	position: fixed;
	bottom: 64px;
	bottom: 22px;
	right: 20px;
	padding: 0.7em;
	padding: 10px;
	background: green;
	border: 1px solid #fff;
	border: 1px solid #006633;
	color: #fff !important;
	text-align: center;
	font-size: 20px;
	font-size: 1.7em;
	font-weight: bold;
	text-decoration: none;
	/* border-radius: 10px; */
	/* box-shadow:  0px 5px 10px 0px rgba(70, 70, 70, 0.5); */
}

.back-to-top a:hover {
	background: green;
	color: #000 !important;
}

/*  Vegas Slider mit Schatten: */
#vslider-8 {
border: 6px solid #fff;
-khtml-box-shadow: rgba(0,0,0,0.5) 0 0 12px; 
-ms-box-shadow: rgba(0,0,0,0.5) 0 0 12px; 
-o-box-shadow: rgba(0,0,0,0.5) 0 0 12px; 
-moz-box-shadow: rgba(0,0,0,0.5) 0 0 12px; 
-webkit-box-shadow: rgba(0,0,0,0.5) 0 0 12px; 
box-shadow: rgba(0,0,0,0.5) 0 0 12px;
}

/* breadcrumbs: */

.breadcrumbs { padding: 0 5px 4px 0px; font-size: 14px; clear:both; margin-left: 10px; margin-top: -20px; font-family: "Roboto Condensed", sans-serif;; }
.breadcrumbs .menu-current { font-weight:bold; }


/* Helpers: */

hr {
  border: 0;
  border-top: 1px solid #777;
}
.smaller {
	font-size: smaller;
}

.shade, .schatten {
	-khtml-box-shadow:rgba(0,0,0,0.7) 0 0 10px; 
	-ms-box-shadow:rgba(0,0,0,0.7) 0 0 10px; 
	-o-box-shadow:rgba(0,0,0,0.7) 0 0 10px; 
	-moz-box-shadow:rgba(0,0,0,0.7) 0 0 10px; 
	-webkit-box-shadow:rgba(0,0,0,0.7) 0 0 10px; 
	box-shadow:rgba(0,0,0,0.7) 0 0 10px; 
}

.hide {
	display: none;
}

.zitat {
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 1.7em;
	color: #039;
	text-align: center;
	line-height: 1.8em;
	margin-top: 0px;	
	margin-bottom: 20px;	
}

.round {	 
  -khtml-border-radius: 10px; 
  -ms-border-radius: 10px; 
  -o-border-radius: 10px; 
  -moz-border-radius: 10px; 
  -webkit-border-radius: 10px; 
  border-radius: 10px;
}

.shade {	
-khtml-box-shadow: rgba(0,0,0,0.5) 0 0 12px; 
-ms-box-shadow: rgba(0,0,0,0.5) 0 0 12px; 
-o-box-shadow: rgba(0,0,0,0.5) 0 0 12px; 
-moz-box-shadow: rgba(0,0,0,0.5) 0 0 12px; 
-webkit-box-shadow: rgba(0,0,0,0.5) 0 0 12px; 
box-shadow: rgba(0,0,0,0.5) 0 0 12px;
}


/* GEHT NICHT! */
.handfont {
	font-family: 'Marck Script Regular';
	font-size: 1.7em;
	line-height: 40px;
	color: #039;
	text-align: center;
}


/* Helpers ENDE */


/* Responsive Stuff */
@media screen and (max-width: 568px) {
  /* Stack anything that isn’t full-width on smaller screens */
	.toptext h1 {
		font-size: 22px;
		text-align: center;
	}
}


@media screen and (min-width: 568px) {
	.toptext h1 {
		font-size: 24px;
		text-align: center;
	}
}


@media screen and (min-width: 720px) {
	.toptext h1 {
		font-size: 24px;
		text-align: center;
	}
}

/* Expand the wrap a bit further on larger screens */
@media screen and (min-width: 1180px) {
	.toptext h1 {
		font-size: 44px;
		text-align: center;
	}
}