/*STYLE.CSS*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
/*This is main CSS file that contains custom style rules used in this template*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* Template Name: HEBAMMENPRAXIS PINZGAU.*/
/* Author: Patricia Prem.*/
/* Copyright: (C) 2018 */
/*-------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------*/
/* TABLE OF CONTENTS: */
/*--------------------------------------------------------*/
/* HINTERGRUND FARBEN */
/* SCHRIFT FARBEN
/*-------------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 01 - LAYOUT INITIALIZATION & COLOR PRESETS */
/*-------------------------------------------------------------------------------------------------------------------------------*/

/*===========FONTS==============*/


@import url("../fontkits/stylesheet.css");

/*smooth scroll für ankerlinks*/
html {
  scroll-behavior: smooth;
}

/*calculate heigth: https://developpaper.com/css-using-calc-to-get-the-current-visual-screen-height/*/
/*ist für embed von Kursliste Hebamio entweder als iframe embed oder object, embed ist das schönste*/
embed {
  width: 100%;
  height: calc(100vh)!important;
}
object {
  width: 100%;
  height: calc(100vh)!important;
}
/*iframe {
  width: 100%;
  height: calc(100vh)!important;
}*/
.homepage-footer {
  font-size: 8px!important;
}
/*.homepage-footer footer {
  font-size: 8px!important;
}*/
/*a.list-inline footer {
  font-size: 8px!important;
}*/

/*https://gist.github.com/simonbingham/2238515
displaying an iframe, object or embed in a responsive design
<style type="text/css">*/
/*  .embed-container {
    height:0;
    margin-bottom:18px;
    overflow:hidden;
    padding-bottom:56.25%;  16/9 ratio 
    padding-top:30px;  IE6 workaround
    position:relative;
  }
  .embed-container iframe,
  .embed-container object,
  .embed-container embed {
    height:100% !important;
    left:0;
    position:absolute;
    top:0;
    width:100% !important;
  }*/
/*</style>*/

.sectionanker {
    padding: 50px 0px;
    position: relative;
}

/*HINTERGRUND FARBEN*/

.weinroter-hintergrund {
	background: #6f182f!important;
}

.brauner-hintergrund {
	background: #634e42!important;
}

.fastschwarzer-hintergrund {
	background: #272B2B!important;
}

.schwarzer-hintergrund {
	background: #000000!important;
}

.rose-mittel-hintergrund {
	background: #D3BBB9!important;
}

.rose-hell-hintergrund {
	background: #E9DBD8!important;
}

.rose-heller-hintergrund {
	background: #F4ECEA!important;
}

.rose-hellgrau-hintergrund {
	background: #F7F5F5!important;
}

.rose-hellgraulila-hintergrund {
	background: #ECE7EF!important;
}

.rose-hellhellgrau-hintergrund {
	background: #F8F5F5!important;
}

.tuerkisblau-hintergrund {
	background: #F4FAFC!important;
}

.aubergine-grau-hintergrund {
	background: #372026!important;
}

/*HINTERGRÜNDE*/


/*SCHRIFT FARBEN*/

.weinrot {
	color: #6f182f!important;
}

.braun {
	color: #634e42!important;
}

.fastschwarz {
	color: #272B2B!important;
}

.schwarz {
	color: #000000!important;
}

.rose-mittel {
	color: #D3BBB9!important;
}

.rose-hell {
	color: #E9DBD8!important;
}

.rose-heller {
	color: #F4ECEA!important;
}

.dunkelbraun {
	color: #3E1F24!important;
}

.aubergine {
	color: #180E16!important;
}

.rostpink {
	color: #9B6361!important;
}

.roseweiss {
	color: #DFD0C9!important;
}

.aubergine-grau {
	color: #372026!important;
}

.weiss {
	color: #ffffff!important;
}

.weisston {
	color: #FDEFEF!important;
}


/*SCHRIFT STYLINGS*/

.italic {
	font-style: italic!important;
}

.kleingeschrieben {
	text-transform: lowercase!important;
}

.grossgeschrieben {
	text-transform: uppercase!important;
}

.grosskleingeschrieben {
	text-transform: capitalize!important;
}


/*SCHRIFT FORMATE*/

.fontsize-6 {
	font-size: 6px!important;
}

.fontsize-7 {
	font-size: 7px!important;
}

.fontsize-8 {
	font-size: 8px!important;
}

.fontsize-9 {
	font-size: 9px!important;
}

.fontsize-10 {
	font-size: 10px!important;
}

.fontsize-11 {
	font-size: 11px!important;
}

.fontsize-12 {
	font-size: 12px!important;
}

.fontsize-13 {
	font-size: 13px!important;
}

.fontsize-14 {
	font-size: 14px!important;
}

.fontsize-15 {
	font-size: 15px!important;
}

.fontsize-16 {
	font-size: 16px!important;
}

.fontsize-17 {
	font-size: 17px!important;
}

.fontsize-18 {
	font-size: 18px!important;
}

.fontsize-19 {
	font-size: 19px!important;
}

.fontsize-20 {
	font-size: 20px!important;
}

.fontsize-21 {
	font-size: 21px!important;
}

.fontsize-22 {
	font-size: 22px!important;
}

.fontsize-23 {
	font-size: 23px!important;
}

.fontsize-24 {
	font-size: 24px!important;
}

.fontsize-28 {
	font-size: 28px!important;
}

.fontsize-30 {
	font-size: 30px!important;
}

.fontsize-32 {
	font-size: 32px!important;
}

.fontsize-33 {
	font-size: 33px!important;
}

.fontsize-34 {
	font-size: 34px!important;
}

.fontsize-48 {
	font-size: 48px!important;
}

.spacing-logo {
	letter-spacing: 0.25px!important;
}

.roundbellyroman {
	font-family: 'roundbellyroman'!important;
}

.roundbellymedium {
	font-family: 'roundbellymedium'!important;
}

.roundbellybold {
	font-family: 'roundbellybold'!important;
}

.roundbellyextrabold {
	font-family: 'roundbellyextrabold'!important;
}

.laufweite-15 {
	letter-spacing: 1.5px!important;
}

.zeilenabstand-225 {
	line-height: 225%!important;
}

/*FORMATE*/

.margin-left-50 {
	margin-left: 50px;
}
.margin-left-100 {
	margin-left: 100px;
}
.margin-left-200 {
	margin-left: 200px;
}
.margin-left-250 {
	margin-left: 250px;
}
.margin-left-300 {
	margin-left: 300px;
}
.margin-left-350 {
	margin-left: 350px;
}
.margin-left-minus-78 {
	margin-left: -78px;
}
.margin-left-minus-150 {
	margin-left: -150px;
}
.margin-left-minus-250 {
	margin-left: -250px;
}
.kein-padding-left {
	margin-left: 0px!important;
}

/*MAP FORMATE*/

#map {
	width: 100vw;
	position: relative;
	height: 1250px;
}

.top-baner.map-size {
	height: 1250px!important;
	min-height: 100%;
}


/*LOGO FORMATE*/


/*RESPONSIVE IFRAME FÜR MODAL ANMELDUNG*/

.embed-container {
  position: relative;
  padding-bottom: 56.25%; /* ratio 16x9 */
  height: 100%; 
  overflow: hidden; 
  width: 100%;
}
.embed-container iframe {
  position: absolute; 
  top: 0; 
  left: 0; 
  width: 100%; 
  /*height: 100%;*/ 
}
/* ratio 4x3 */
.embed-container.ratio4x3 {
  padding-bottom: 15%;
}

/*MODAL POPUP ANMELDUNG*/

/*https://www.w3schools.com/howto/howto_css_modals.asp
https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_modal*/
															
/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 9999; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: scroll; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(173,162,162,0.40); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
    background-color: #ffffff;
    margin: 10% auto; /* 15% from the top and centered */
    /*padding: 5px;*/
    /*border: 1px solid #888;*/
    width: 60%; /* Could be more or less, depending on screen size */
	height: 65%;
}

.modal-content {
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.2)!important; /*überschreibt bootstrap Wert*/
    box-shadow: 0 5px 10px rgba(0,0,0,.2)!important;
}

/* The Close Button */
.close {
    color: #6f182f;
    float: right;
    font-size: 48px;
    font-weight: bold;
	padding-right: 25px;
	padding-top: 15px;
}

.close:hover,
.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

/*TRANSPARENZEN*/

.transparenz06 {
    opacity: 0.6;
}

/*LINK FORMATE*/

.link-type-4 {
	font-size: inherit!important;
	font-family: inherit!important;
	color: inherit!important;
}
.link-type-4 i {
	display: inline-block;
	font-size: 20px;
	padding-left: 5px;
	line-height: inherit;
	vertical-align: middle;
	margin-bottom: 2px;
}
.link-type-4:hover {
	color: #6f182f!important;
}

/*HEBAMIO FORMULAR*/
.checkbox {
	color: #6f182f!important;
  padding: 20px!important;
}

/* GPT Toggle Menu 2025 – mobile und Desktop */
/* Dropdown Toggle Button */
.drop-toggle {
  background: none;
  border: none;
  color: inherit;
  font: inherit;
  cursor: pointer;
  display: inline-block;
}

/* Aktiviertes Dropdown-Menü */
.has-submenu .drop-menu {
  display: none;
}
.has-submenu.active .drop-menu {
  display: block;
}

/* Mobile & Tablet-Menü bis 1024px funzt nicht also 1000 für iPad Pro Portrait Textnavi */
@media (max-width: 1000px) {
  /* Burger-Menü sichtbar */
  .burger-menu {
    display: block !important;
  }

  /* Desktop-Menü standardmäßig ausblenden */
  .nav-menu {
    display: none;
  }

  /* Mobiles Menü sichtbar, wenn es geöffnet wurde */
  .nav-menu.slide {
    display: block;
  }

  /* Hauptmenü-Buttons & externe Links */
  .nav-list > li .drop-toggle,
  .nav-list > li > a {
    font-size: 36px;
    margin-bottom: 20px;
  }

  /* Untermenüpunkte */
  .drop-menu a {
    font-size: 20px;
    margin-left: 10px;
    display: block;
    padding: 4px 0;
    margin-bottom: 4px;
    line-height: 1.2;
  }

  .drop-menu li {
    margin: 0;
    padding: 0;
    line-height: normal;
  }
}

/* Aktive und Hover-Zustände */
.nav-list li.active > .drop-toggle {
  color: #6f182f !important;
}
.nav-list li > .drop-toggle:hover {
  color: #abaeaf !important;
}

/*.nav-menu-layer {
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
}

.nav-menu-layer.visible {
  opacity: 1;
  visibility: visible;
}*/