/* MZ Styles */
html, body {
	font-size: 18px;
    height: 100%;
    font-family: "Calibri", Geneva, sans-serif;
    line-height: 1.4;
    color: #212529; 
	padding-top:1.5em;
}
#content-wrapper {	}
@font-face { font-family: 'Oregano';
             src: local ('Oregano')
                  url('font/Oregano-Regular.ttf') format('truetype'); }
@font-face { font-family: 'OreganoItal';
             src: local ('OreganoItal')
                  url('font/Oregano-Italic.ttf') format('truetype'); }
@import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400;500;600;700&family=Gwendolyn:wght@400;700&display=swap');				  


p {
	padding: 0px;
	margin: 0px;
}


h1 {
	font-size: 2rem; 
	font-weight: bold;
    color: inherit;			
}

h2 {
	font-size: 1.5rem;
	font-weight: bold;
    color: inherit;			
}
h3 {
	font-size: 1.3rem;
	font-weight: bold;
    color: inherit;			
}
h4 {
	font-size: 1.1rem;
	font-weight: bold;
    color: inherit;			
}

.headline-top { padding-top: 1rem; padding-bottom: 1rem;}

.em-13 { font-size: 1.3em }
/* Farbraum Schrift */
:root {	--mrot: #E83E2F; --mgelb: #FFE247; --mblau: #1F6EB6; --mgruen:#00885B; } /* Add base colors to root*/
.mrot { color: var(--mrot); }
.mgelb { color: var(--mgelb); }
.mblau { color: var(--mblau); }
.mgruen { color: var(--mgruen); }

.teamS > .swiper-slide { width: auto; }

/* Special Contact **/
a.contact { color: #5C5C5C; transition-timing-function: ease-in;}
a.contact:hover { color: var(--mrot); }
a.contact:hover > svg { transition-timing-function: ease-in; }
a.contact:hover > svg { transform: scale(1.5); transition-duration: 0.5s; }
a.contact > div { display: none; position: absolute; z-index: inherit; }
a.contact:hover > div { display: block; }


/* Background Components */
.bg-cover-center { background-repeat: no-repeat; background-position: center center; background-size: cover; }

.goInVisible { visibility: hidden; }


.bg-twhite { background-color: rgba(255,255,255,0.5); }


/* DESIGN COMPONENTS */
.biglist li { font-size: 1.4em; }

.ovh { overflow: hidden; }

ul.contact { list-style-type: none; margin-left: 50px; margin-right: auto; }
ul.contact li{
  display: inline;
}
/* sticky */
.sticky-design { min-width: 100%!important;z-index: 9999!important; background-color: white; left: 0px; box-shadow: 3px 10px 10px #555555
}
.sticky-design nav { width: 100%; }
.popover-body { background-color: #E43A44!important; color: white;}

.sticky-sub-content { display: none; transition: opacity 1s ease-out; opacity: 0; }
.stick-sub-design { display: block; bottom: 0px; right: 0px; z-index: 9999!important;  opacity: 1;}
.sticky-logo-col { display: none; }
.sticky-logo-col-vis { display: none; }


/* LINK MANAGER */

a:link {color: #222222; font-weight: bold;text-decoration: none;}
a:visited {color: #222222;}
a:hover {color: #cccccc; transition: 0.31s; text-decoration: none; }
a.wh:link { color: white; font-weight: bold;text-decoration: none;}
a.wh:visited {color: #fff;}
a.wh:hover {color: #fff; transition: 0.31s; text-decoration: none; }

a.whitelink::before {
    content: url("../../design/icons/white/click.png"); 
    line-height: 25px; 
    margin-right: 0.5em; 
	color: white;
}
a.whitelink-mail::before {
    content: url("../icons/white/email.png"); 
    line-height: 25px; 
	color: white;
	position: relative;
	left: -8px; 
	top: 5px;
}


/* FONTS */
.cwhite { color: white; }


ul.toplist {
 list-style-type: none;
 list-style-image: url(/design/icons/thumbupg.png); 
 text-align: left;
 margin: 0px auto 0px 30px;
 list-style-position: outside;
}
ul.check2 {
 list-style-type: none;
 list-style-image: url(/design/icons/check2.png); 
 text-align: left;
 margin: 0px auto 0px auto;
 list-style-position: outside;
}

.checkline { font-size: 1.5em; font-weight: 600 }

ul.toplist-green {
 list-style-type: circle;
 }

ul.infolist {
 list-style-type: none;
 list-style-image: url(/img/icons/eye.png); 
 text-align: left;
 margin: 0px auto 0px 30px;
 list-style-position: outside;
}

#footer {
	color: white;

	padding-top: 2em; 
	padding-bottom: 2em;
	
}

 /* NOLNATE SUMM EDIT ON MD */
@media (max-width: 768px) { /* 0 - md */
.hemminger-image { margin-top: 2em; position: relative; z-index: 1300!important; max-height: 350px; border: 1px solid black; background-color: white; padding: 3px;}
.polygon-height { min-height: 400px; }
} 
@media (min-width: 768px) {
.hemminger-image { position: relative; z-index: 1300!important; top: -20px; max-height: 400px; border: 1px solid black; background-color: white; padding: 3px; }
.polygon-height { min-height: 200px; }
} 
@media (min-width: 992px) {
.hemminger-image { }
}




    .swiper-slide {

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }
	
	
element.style {
}
.bg-light {
    /* background-color: #f8f9fa!important; */
}
.sticky-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020;
}


ul.navbar-nav { width: 100%;  }
ul.navbar-nav > li {  width: 100%; /* Default */ padding: 0 20px 0px 20px; }
ul.navbar-nav > li a:link  { min-height: 25px; }
ul.navbar-nav > li a:hover  { background-color: #d4d4d4; color: inherit; }


.dropdown-submenu {
    position:relative;
}
.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top:-6px;
}

/* FLEX CONFIG */
.referenz { max-width: 400px; margin: 2em; padding: 20px; background-color: #141b2b; color: white; box-shadow: 3px 3px 3px #555555; 

}
.referenz .autor { text-align: right; color: #555555; font-style: italic; }
.coaching-modul { max-width: 300px; padding: 10px; margin: 10px;  background-color: #cccccc; padding: 15px 15px 25px 15px; clip-path: polygon(100% 0, 100% 90%, 50% 100%, 0 90%, 0 0); border-top: 5px solid #777777;}

.modul-m1 { background-color: #cccccc; padding: 15px 15px 25px 15px; clip-path: polygon(100% 0, 100% 90%, 50% 100%, 0 90%, 0 0); border-left: 2px solid #701122; }

.modul-q-inner { min-height: 6rem; background-color: #cccccc; box-shadow: 3px 3px 3px #cccccc; padding: 5px 5px 20px 5px; border-left: 2px solid #701122; clip-path: polygon(100% 0, 100% 90%, 50% 100%, 0 90%, 0 0); }
.add1-modul-q-inner { min-height: 1rem; }

.element-uebersetzung {margin: .5em 1em .5em 1em; padding: 10px; fonz-size: 1.5em; font-weight: bold; background-color: #141b2b; color: white; }


/* rotate caret on hover */
.dropdown-menu > li > a:hover:after {
    text-decoration: underline;
    transform: rotate(-90deg);
} 


.dropdown-menu {
	    position: absolute;
    top: 100%;
    z-index: 1000;
    display: none;
    min-width: 10rem;
    padding: 0 0;
    margin: 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 0px;
    border-radius: 0px;
}
.dropdown-menu li {
	padding: 0 0 0 0;
}

.navbar-collapse { background-color: inherit; width: 100%!important; color: white; } 
.navbar-light .navbar-nav .nav-link { color: white; font-size: 1.2em }


.swiper-slide {
  background-color: transparent;
}
.invis { display: none; }
.vis { display: inherit; }

.notex { font-size: 2em; margin: 0px auto 0px auto; }

/* .swiper-slide img { max-height: 450px; } */

.swiper-wrapper .referenzen { box-shadow: 3px 3px 3px #cccccc; padding: 20px; max-width: 550px; }
.swiper-wrapper .referenzen .inner .autor { text-align: right; font-size: 0.9em; color: #444444; padding-top: 1em }

.image {
  display: block;
  width: 100%;
  height: auto;
}

.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: rgba(0,0,0,0.7);
}

.swiper-slide:hover .overlay {
  opacity: 1;
}

.text {
  color: white;
  font-size: 25px;
  font-weight: bold;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}

.team-swiper-img {
	max-height: 150px;
	width: auto;
}
.ref1 img,.ref2 img,.ref3 img,.ref4 img {height: 75px; margin: 5px; }
.list-group { border-radius: 0rem; }


/* SIZE DEPENDENT DESIGN */

@media screen and (max-width: 768px) {
  .invis-small { display: none; }
  .vis-small { display: block; }
  .small-mtop {margin-top: 1em; }
  .bg-box-height { min-height: 350px; }
  .swiper-wrapper .referenzen { box-shadow: 3px 3px 3px #cccccc; padding: 20px; max-width: 400px; }
}

@media screen and (min-width: 769px) {
  .invis-small { display: block; }
  .vis-small { display: none; }
  .bg-box-height { min-height: 350px; }
}
.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 5px;
    padding-left: 5px;
}
.nav-item:hover, .nav-link:hover { color: red; }
.dropdown-menu[data-bs-popper] {
     left: auto; 
     margin-top: 0px;
}
.team-card {
	background-color: white; 
}



/* FONTS */
.fs-08 { font-size: 0.8em; }


/* BOX Sets */
.seobox { background-color: #cccccc; padding: 15px; }

.ovh { overflow: hidden; }
.box-main-service img { width: 130px; height: 130px; }
.box-main-service p { font-size: 20px; }
.box-main-service { overflow: hidden; background-color: #F0F0F0; height: 100%!important; padding:15px;  transition-duration: 1s;}
div.box-main-service:hover { background-color: #212529; }

.modal-backdrop {
    z-index: 1040 !important;
}
.modal-content {
    margin: 2px auto;
    z-index: 1100 !important;
}
.special-modal-body {
	border-radius: 0px;
	
}
.swiper-container { overflow:hidden; }


.navbar-light .navbar-nav .nav-link:hover { background-color: transparent; }

.questionSwiper .swiper-wrapper .swiper-slide { background-color: #141B2B; }
.navbar-light .navbar-nav .nav-link { color: black; font-size: 1em }
ul.navbar-nav { width: auto;  }
ul.navbar-nav > li {  /* Default */ padding: 0 5px 0px 5px; }
ul.navbar-nav > li a:link  { min-height: 25px; }
ul.navbar-nav > li a:hover  { background-color: #d4d4d4; color: inherit; }
.mpx1::before { 
  content: "|";
  background-color: black;
  color: black; padding-left: 3px; 
}