/* --------------------
	CUSTOM-CSS
	Gruen - #54a03c
	Blau - #218199
	font-family: 'Abel', sans-serif;
	font-family: 'Dosis', sans-serif;

   -------------------- */

body {
	font-family: 'Abel', sans-serif;
	font-size: 16px;
	text-rendering: optimizeLegibility;
	color: #888888;
	line-height: 1.5em;
	font-weight: 400;
}

h1 {
	color: #54a03c;
	font-size: 1.5em;
	font-weight: 400;

}

h2 {
	color: #218199;
	font-size: 1.3em;
	font-weight: 400;
	text-transform: uppercase;
}

h3 {
	color: #218199;
	font-size: 2.5em;
	font-weight: 400;
	text-transform: uppercase;
}

p {
}

a {
	color: inherit;
	
}

a:hover {
	color: inherit;
}


/* --------------------
	NAVBAR
   -------------------- */

.navbar {
	background: white;
}
.navbar-brand {
	/* width: 195px; */ /* für Logogröße */
}
.navbar a {
	color: gray;
}
/* aktiver Navlink */
.active a {
	font-weight: bold;
}
/* deaktivierter Navlink */
.disabled {
	color: #dddddd !important;
}
/* DROPDOWN-OPTIONEN
.dropdown-menu {
	background: white;
}
.dropdown-menu a {
	color: gray;
}
.dropdown-menu a:hover {
	color: black;
	background: grey; 
}
*/
.btn-nav {
	background-color: black;
	color: white;
	border-color: black;
	cursor: pointer;
}
.btn-nav:hover {
	background-color: white;
	color: black;
	border-color: black;

}

/* --------------------
	HEADER
   -------------------- */

#headinfo {
	color: white;
}

/* change navbar-toggler inside lines color (stroke) */
span.navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='grey' stroke-width='2' stroke-linecap='square' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}
/* change hamburger button border color */
button.navbar-toggler.navbar-toggler {
	border: 0px;
	margin-top: -3px;
}

/* --------------------
	Schwerpunkte in zwei Spalten
   -------------------- */


@media (min-width: 600px) {
  .schwerp {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 5em;
    -moz-column-gap: 5em;
    column-gap: 5em;
  }
}

@media (max-width: 600px) {
  .schwerp {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
    -webkit-column-gap: 5em;
    -moz-column-gap: 5em;
    column-gap: 5em;
  }
}

.schwerp ul {
	list-style: none;
	margin-left: -1em;
}
.schwerp li::before {
	content: "•";
	display: inline-block;
	width: 1em;
	margin-left: -1em;
	color: #218199;
	margin-top: 10px;
}

/* --------------------
	Breakpoint Menue Desktop/Mobil
   -------------------- */

@media screen and (min-width: 850px) {
	#desktop {
		display: block;
	}
	#mobile {
		display: none;
	}
}


@media screen and (max-width: 849px) {
	#desktop {
		display: none;
	}
	#mobile {
		display: block;
	}
}

@media screen and (max-width: 1100px) {
}


/* --------------------
	COL-MD Breakpoint
	zB display: none/inline
   -------------------- */

@media screen and (min-width: 768px) {
}


@media screen and (max-width: 767px) {
}

.space {
	max-width: 0px;
	margin-left: 10px;
	padding: 0px;
	height: 0px;
}

/* --------------------
	COL-SM Breakpoint
	zB display: none/inline
   -------------------- */

@media screen and (min-width: 575px) {
}

@media screen and (max-width: 575px) {
}

/* --------------------
	Diverses
   -------------------- */

#hero, #headimg div {
	background: url();
	background-repeat: no-repeat;
	min-height: 170px;
    background-size: cover; 
}

#scroll #headimg div {
	min-height: 50px;
}
#scroll {
	display: none;
}
.helper {
    display: inline-block;
    height: 100%;
    vertical-align: bottom;
}

.helpertop {
    display: inline-block;
    height: 100%;
    vertical-align: top;
}

.badge-header {
	font-size: 0.9em;
	font-weight: 400;
	border: 1px solid white;
	background-color: transparent;
	padding: 10px;
	padding-left: 20px;
	padding-right: 20px;
	border-radius: 8px;
	color: white;
    display: inline-block;
    vertical-align: top;
    margin: 20px;
}

.headimgheight {
	min-height: 170px;
}
.space {
	height: 50px;
}

.kontaktblock {
	background-color: #54a03c;
	color: white;
	padding: 20px;
	letter-spacing: 1px;
	font-feature-settings: "liga" 0;
}

.fussimg {
	background: url();
	background-repeat: no-repeat;
	min-height: 400px;
    background-size: cover; 
    background-position: center center;
}

.fusstext {
	background-color: #218199;
	color: white;
	padding: 20px;
	letter-spacing: 1px;
	font-feature-settings: "liga" 0;
	min-height: 40px;
	padding: 8px;
	
}

footer {
	background-color: #218199;
}

.blau {
	color: #218199;
}

/* --------------------
	WP-Leiste nicht überlagernd
   -------------------- */

.logged-in .fixed-top {
	top: 32px;
}
@media screen and (max-width: 782px) {
	.logged-in .fixed-top {
		top: 46px;
	}
}


/* ---------------
	Kontaktformular
	-------------- */

.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7-textarea
{
    background-color: #F9F9F9;
    border: 1px solid #A6CE89;
    color: #000;
    /*width: 95%;*/
    padding: 2%;
}

.trenn {
	height: 1px;
	border-bottom: 1px #A6CE89 solid;
	
}

/* --------------------
	Cookie-Button
   -------------------- */
   
.cn-set-cookie, .cn-more-info {
	background-color: #8f2825 !important;
	color: white !important;
	border-radius: 4px;
	border: 1px solid white;
    padding: 1px;
	padding-left: 10px;
	padding-right: 10px;
	text-decoration: none;
	display: inline-block;
	white-space: nowrap;
}

.cn-set-cookie:hover, .cn-more-info:hover,.cn-set-cookie:active, .cn-more-info:active {
	background-color: #8f2825 !important;
	color: white !important;
	text-decoration: none;

}

.cookie-notice-container {
	background-color: #8f2825;
	color: white;
}


/* dosis-regular - latin */
@font-face {
  font-family: 'Dosis';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/dosis-v27-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/dosis-v27-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/dosis-v27-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/dosis-v27-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/dosis-v27-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/dosis-v27-latin-regular.svg#Dosis') format('svg'); /* Legacy iOS */
}
/* dosis-700 - latin */
@font-face {
  font-family: 'Dosis';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/dosis-v27-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/dosis-v27-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/dosis-v27-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/dosis-v27-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/dosis-v27-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/dosis-v27-latin-700.svg#Dosis') format('svg'); /* Legacy iOS */
}

/* abel-regular - latin */
@font-face {
  font-family: 'Abel';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/abel-v18-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/abel-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/abel-v18-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/abel-v18-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/abel-v18-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/abel-v18-latin-regular.svg#Abel') format('svg'); /* Legacy iOS */
}