@charset "utf-8";

:root {
    --primary-color: #9fc53a;
}

/* Fonts */

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


/* CSS Document */
body {
	padding: 0;
	margin: 0;
	color: black !important;
}


h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    line-height: 1.4;
    font-family: "Open Sans", sans-serif;
}

p {
	font-size: 1.5vh;
}

/*---- NAVBAR ----*/ 
#header, header.main-nav {
    background-color: #fff0;
    position: relative;
    height: 0;
    z-index: 9999999;
}

.navbar-collapse {
    padding: 0 30vh 0 0
}

.navigation {
	height: 8vh;
	z-index: 9999;
}

.navbar {
	position: fixed;
	width: 100%;
    left: 0;
	height: 8vh;
	background: rgba(255, 255, 255, 0.85) !important;
	backdrop-filter: blur(0.5vh);
	box-shadow: 0 0 3vh 1vh rgba(0, 0, 0, 0.1);
	font-family: "Open Sans", sans-serif;
    font-weight: 800;
	z-index: 9999;
}

@media only screen and (min-width: 992px){
nav.navbar:not(.h-auto) {
    min-height: 9vh;
}
}

.navbar-brand {
        margin-left: 15vh;
}

.navbar-brand img {
 	min-width: 18vh;
	min-height: 8.5vh;
}


@media only screen and (min-width: 992px){
.navbar-nav:not(.navbar-sm) {
    height: 8vh;
}
.navbar .navbar-nav .nav-link {
    cursor: pointer;
    padding: 2.8vh 1.5vh;
}
}

.nav-link {
	font-size: 1.8vh;
	color: #5d5d5c !important;
}

#kontakt a {
    color: black;
}

#kontakt a:hover {
    color: var(--primary-color);
}

.text-primary {
    color: var(--primary-color) !important;
}

.navbar-light .navbar-nav .nav-item:hover>.nav-link, .navbar-light .navbar-nav .nav-link[aria-expanded=true] {
    text-decoration: none;
    color: var(--primary-color) !important;
}


/*---- SLIDER ----*/
.balken {
	position: absolute;
	border: none;
	z-index: 999;
	width: 100%;
	height: 3vh;
	background-color: var(--primary-color);
}

.balken2 {
	border: none;
	z-index: 999;
	width: 100%;
	height: 9vh;
	padding-top: 2vh;
	text-align: center;
	background-color: var(--primary-color);
}

.balken2 h1 {
	font-weight: 600;
	color: white;
}

.balken2 h2 {
	font-weight: 600;
	font-size: 4vh;
	color: white;
}

.left {
    z-index: 999;
    position: absolute;
    margin-top: 42vh;
    width: 54vh;
    height: 15vh;
    background-color: white;
}

.left a {
	width: 60vh;
    height: 15vh;
	text-decoration: none;
	color: black;
}

.left p {
	font-size: 2.4vh;
	margin-top: 2vh;
	margin-left: 3.5vh;
}

.left p span {
	font-weight: 700;
}


.right {
    z-index: 999;
    position: absolute;
    margin-top: 56vh;
    right: 0;
    width: 42vh;
    height: 5vh;
    background-color: var(--primary-color);
}


.right2 {
    z-index: 999;
    position: absolute;
    margin-top: 25vh;
    right: 35vh;
    width: 42vh;
    text-align: center;
    height: 10vh;
    background-color: var(--primary-color);
}


.right a {
	width: 42vh;
    height: 5vh;
	text-decoration: none;
	color: white;
}

.right p {
	font-size: 2.2vh;
	margin-top: 1vh;
	margin-left: 8.5vh;
	font-weight: 700;
}

.right2 p {
  font-size: 6vh;
    margin-top: 0.4vh;
    font-weight: 400;
    color: white;
}

.round {
	position: absolute;
    margin-left: 34vh;
    margin-top: -4.9vh;
    background: #fff;
    color: var(--primary-color);
    font-weight: 700;
    width: 3vh;
    height: 3vh;
    border-radius: 10vh;
    text-align: center;
    padding-top: 0.4vh;
}


.round2 {
    position: absolute;
    margin-left: 1vh;
    margin-top: 0.2vh;
    background: var(--primary-color);
    color: #fff;
    font-weight: 700;
    font-size: 1vh;
    width: 2vh;
    height: 2vh;
    border-radius: 10vh;
    text-align: center;
    padding-top: 0.3vh;
}

#impressum a, #datenschutz a, #impressum h2, #datenschutz h2, #impressum h3, #datenschutz h3 {
    color: var(--primary-color) !important;
}

#impressum a, #impressum h2, #impressum h3 {
    color: var(--primary-color) !important;
}

.ausgabe {
    margin-top: 3vh;
    margin-bottom: -1vh; 
    font-size: 3vh;
    font-weight: 600;
    color: black !important;
}
.beschreibung {
    margin-bottom: -1vh;
    font-size: 2vh;
    color: black
}


/*---- Begrüßung --*/

.module {
    margin-top: 2vh;
    margin-bottom: 1vh;
}

.module p {
	font-size: 1.5vh;
}

.welcome {
	letter-spacing: 0.3vh;
	font-size: 3vh;
	font-weight: 700;
	margin-bottom: -4vh;
}


/*---- AUSGABEN -----*/

@media only screen and (min-width: 768px){
body:not(.layout-admin) .section, body:not(.layout-admin) section {
    padding: 0vh 0 !important;
}
}

.embed-responsive {
    display: block;
    overflow: hidden;
    padding: 0;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    height: 95vh;
}

.embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video {
    border: 0;
    bottom: 0;
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
}

.module-green {
	background-color: #f3f7e2;
	color: var(--primary-color);
    height: 130vh;
    max-width: 100%;
}

#ausgabe_alt {
	background-color: #fff;
	color: var(--primary-color);
    height: 130vh;
}


/*--- Anzeigen ---*/
.test {
	margin-left: 4vh;
}

.anzeigeimg {
    width: 40vh;
    height: 20vh;
    margin-left: 6vh;
}


/*--- Footer ---*/
.modules {
	background-color: var(--primary-color);
	height: 20vh;
	width: 100%;
}

.leftt {
	margin-top: 7vh;
}

.rightt {
	margin-top: 9vh;
}

.rightt a {
	font-weight: 700;
	margin-top: 1vh;	
	color: white;
}

.leaflet-container a {
    color: var(--primary-color) !important;
}

.leaflet-marker-pane img {
    content: url(https://www.heftli.de/assets/images/placeholder.png);
    width: 100%
}

.leaflet-marker-icon {
    width: auto !important;
    margin-left: -1.8vh !important
}

.leaflet-marker-icon:nth-child(1) {
    display: none;
    
}


@media only screen and (min-width: 991px) {
  .dropdown-menu-hover {
    margin-top: 20px !important;
  }
}