/* MZ Styles */
html, body {
	font-size: 18px;
    height: 100%;
    font-family: "Calibri", Geneva, sans-serif;
    line-height: 1.4;
    color: #2C2731; 

}

/* FARBRAUM GRÖße ROOT */
:root {	--mdeepred: #40080E; --mrot: #BF172B; --mgrau: #818181; --manthra: #474747; --mblau: #195B94; --mgruen:#70A82E; } /* Add base colors to root*/


.goInVisible { visibility: hidden; }

h1 {
	font-size: 2rem; 
	font-weight: bold;
	color: #262626;
}
h1.rot { color: var(--mrot); font-size: 2rem; font-weight: bold; }

h2 {
	font-size: 1.5rem;
	font-weight: bold;

}
h2.big {
	font-size: 2rem;
	font-weight: bold;
		
}
h3 {
	font-size: 1.3rem;
	font-weight: bold;
    color: inherit;			
}
h4 {
	font-size: 1.1rem;
	font-weight: bold;
    color: inherit;			
}
.mhs { max-height: 20px; }
.fs-20 { font-size: 21px; }
.txt-big { font-size: 1.5em; }
.txt-bold { font-weight: 800; }
.font-11 { font-size: 1.1em; }
.font-12 { font-size: 1.2em; }
.font-13 { font-size: 1.3em; }
.txt-red { color: --mrot; }
.colorRed { color: var(--mrot); }
.bgColorRed { background-color:  var(--mrot) }
.bgColorGrey { background-color: rgba( 190, 190, 190,0.9);  }
/* boxen */
.alert-box { background-color: var(--mrot); color: white; border: 2px solid black; padding: 0.5em;}
.box-text-grey { background-color: #BEBEBE; }
.box-text-grey h5 { font-size: 1.2em; font-weight: bold; }
.mapquelle { font-size: 11px; background-color: #6c757d; color: white; padding: 3px}
/* LINK PREC */
a:link, a:visited, a:hover { color: #212529; text-decoration: none; }


a.wh:link { color: white; font-size: 1.2em; font-weight: bold; text-decoration: none; }
a.wh:hover { color: #cccccc; font-size: 1.2em; font-weight: bold; }
a.wh:visited { color: white; font-size: 1.2em; font-weight: bold; text-decoration: none; }
a.bl:link { color: #212529; font-size: 1.2em; font-weight: bold; text-decoration: none; }
a.bl:hover { color: #cccccc; font-size: 1.2em; font-weight: bold; }
a.bl:visited { color: #212529; font-size: 1.2em; font-weight: bold; text-decoration: none; }
a.box:link { color: #212529; text-decoration: none; }
a.box:hover { color: #cccccc;  animation: bgs 1s linear; animation-fill-mode: forwards; }
a.box:visited { color: #212529; text-decoration: none; }
a.blank:link { color: inherit; text-decoration: none; }
a.blank:hover { color: inherit; }
a.blank:visited { color: inherit; text-decoration: none; }
a.dropdown-item:hover { background-color: inherit; color; inherit; }

/* BOX SETS */
.text-highlight-box { padding: 10px; margin: 10px; border: 1px solid #292929}
.card-img-top { max-height: 210px!important;  }




/* slider */
.slide-news {
	min-width: 300px; 
	max-height: 200px; 
	background-color: var(--mrot);
	color: white;
	padding: 1em;
}
.slide-news .head {
	border-bottom: 1px solid white;
	font-size: 1.2em;
	font-weight: bold;
	text-align: center;
	margin-bottom: 10px;
}
.slide-news .foot {
	border-top: 1px solid #B4777D;
	font-size: 1.2em;
	font-weight: bold;
	color: #B4777D; 
	font-size: 8pt;
	margin-top: 1em;
}

.slide-news-white {
	min-width: 300px; 
	max-height: 200px; 
	background-color: white;
	color: black;
	padding: 1em;
}
.slide-news-white .head {
	border-bottom: 1px solid white;
	font-size: 1.2em;
	font-weight: bold;
	text-align: center;
	margin-bottom: 10px;
}
.slide-new-white .foot {
	border-top: 1px solid #B4777D;
	font-size: 1.2em;
	font-weight: bold;
	color: #B4777D; 
	font-size: 8pt;
	margin-top: 1em;
}




.mitarbeiterStart .swiper-wrapper .swiper-slide,.mitarbeiterStart .swiper-wrapper, .mitarbeiterStart { background-color: rgba(255,255,255,0); text-align: center; }
.bgimage-cover-center { background-repeat: no-repeat; background-position: center center; background-size: cover; } 
.bgimage-full-height-center { background-repeat: no-repeat; background-position: center center; background-size: auto 100%; } 

/* Buttons */
.btn-meinsauerlach-red {
	background-color: var(--mrot);
	color: white;
	font-weight: bold;
	font-size: 1.3em;
}

.color-white {
	color: white; 
}

@keyframes example {
  from {opacity: red;}
  to {background-color: blue;}
}
@keyframes bgs {
  from {background-color: white;}
  to {background-color: #9a9893;}
}

a.submenu2020 {
	font-variant: small-caps;
	color: white; 
	font-size: 1.2em; 
	font-weight: bold;
	text-decoration: none;
}
a.submenu2020:hover {
	color: #A3A3A3; 
	-webkit-transition: color 1.5s linear;
    -moz-transition: color 1.5s linear;
    -o-transition: color 1.5s linear;
    -ms-transition: color 1.5s linear;
    transition: color 1.5s linear;
    padding-left: 2px;
}
a.submenu2020-sub {
	font-variant: small-caps;
	color: white; 
	font-size: 1.2em; 
	font-weight: bold;
	text-decoration: none;
}
a.submenu2020-sub:hover {
	color: #A3A3A3; 
	-webkit-transition: color .5s linear; 
    -moz-transition: color .5s linear;
    -o-transition: color .5s linear;
    -ms-transition: color .5s linear;
    transition: color .5s linear;
	background-color: inherit;
}

.bg-top-wrapper {
	background-image: url(/otterfing/img/bg/linden_top.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
	
ul.list-submenu {
 list-style-type: none; 
 display: block;
}

a.nav-link:link
a.lnk-submenu:link { color: white; font-size: 1.2em; font-weight: bold; text-decoration: none; }
a.lnk-submenu:hover { color: #cccccc; font-size: 1.2em; font-weight: bold; }
a.lnk-submenu:visited { color: white; font-size: 1.2em; font-weight: bold; }
.max-w-600 { max-width: 600px } 

/* Farbraum Schrift */

.bg-mrot { background-color: var(--mrot); }
.bg-blau { background-color: var(--mblau); }
.bg-gruen { background-color: var(--mgruen); }


.sticky-top { z-index: 1200 !important; }
.modal {z-index: 9999 !important; }

/** DESIGN MENU **/
.navbar-expand-lg .navbar-nav .nav-link {
	padding-left: 1rem; padding-right: 1rem; 
}

.navbar-light .navbar-nav .nav-link {
   color: white;
   font-weight: bold; 
   font-size: 1.2em;
   font-variant: small-caps;
}
.dropdown-item {
  color: white;
}

.team-flex { max-width: 500px; }

/* background images design components */


.gymnasium .nav-link:hover {
	
	background-color: #6c757d;
    color: white;
    font-weight: bold;
    padding-left: 15px;
-webkit-transition: color 1s, padding 1s;
   -moz-transition: color 1s, padding 1s;
     -o-transition: color 1s, padding 1s;
        transition: color 1s, padding 1s;	
}
.tooltip { z-index: 2000!important; }

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.dropdown-menu {
    border: 0px;
    border-radius: 0rem;
	background-color: var(--mrot);
	color: white;
}

.dropdown-menu.show {
  -webkit-animation: fadeIn 0.3s alternate;
  /* Safari 4.0 - 8.0 */
  animation: fadeIn 0.3s alternate;
}

.nav-item.dropdown.dropdown-mega {
  position: static;
}
.nav-item.dropdown.dropdown-mega .dropdown-menu {
  width: 90%;
  top: auto;
  left: 5%;
}

.navbar-toggler {
  border: none;
  padding: 0;
  outline: none;
}
.navbar-toggler:focus {
  box-shadow: none;
}
.navbar-toggler .hamburger-toggle {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 60px;
  z-index: 11;
  float: right; color: white;
}
.navbar-toggler .hamburger-toggle .hamburger {
  position: absolute;
  transform: translate(-50%, -50%) rotate(0deg);
  left: 50%;
  top: 50%;
  width: 50%;
  height: 50%;
  pointer-events: none;
}
.navbar-toggler .hamburger-toggle .hamburger span {
  width: 100%;
  height: 4px;
  position: absolute;
  background: #fff;
  border-radius: 2px;
  z-index: 1;
  transition: transform 0.2s cubic-bezier(0.77, 0.2, 0.05, 1), background 0.2s cubic-bezier(0.77, 0.2, 0.05, 1), all 0.2s ease-in-out;
  left: 0px;
}
.navbar-toggler .hamburger-toggle .hamburger span:first-child {
  top: 10%;
  transform-origin: 50% 50%;
  transform: translate(0% -50%) !important;
}
.navbar-toggler .hamburger-toggle .hamburger span:nth-child(2) {
  top: 50%;
  transform: translate(0, -50%);
}
.navbar-toggler .hamburger-toggle .hamburger span:last-child {
  left: 0px;
  top: auto;
  bottom: 10%;
  transform-origin: 50% 50%;
}
.navbar-toggler .hamburger-toggle .hamburger.active span {
  position: absolute;
  margin: 0;
}
.navbar-toggler .hamburger-toggle .hamburger.active span:first-child {
  top: 45%;
  transform: rotate(45deg);
}
.navbar-toggler .hamburger-toggle .hamburger.active span:nth-child(2) {
  left: 50%;
  width: 0px;
}
.navbar-toggler .hamburger-toggle .hamburger.active span:last-child {
  top: 45%;
  transform: rotate(-45deg);
}

.icons {
  display: inline-flex;
  margin-left: auto;
}
.icons a {
  transition: all 0.2s ease-in-out;
  padding: 0.2rem 0.4rem;
  color: #ccc !important;
  text-decoration: none;
}
.icons a:hover {
  color: white;
  text-shadow: 0 0 30px white;
}

/* OVRITE */
.accordion-collapse,.modal-header {
	border: none; 
}
a.nav-link-bt:link {
    display: block;
    padding: .5rem 1rem;
    text-decoration: none;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
	background-color: white;
}

/* Special Button */
.btn-sv-red {
    --bs-btn-color: #fff;
    --bs-btn-bg: #7F1621;
    --bs-btn-border-color: #8A817C;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #8A817C;
    --bs-btn-hover-border-color: #7F1621;
    --bs-btn-focus-shadow-rgb: 49,132,253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #7F1621;
    --bs-btn-active-border-color: #7F1621;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	border-radius: 0px; font-weight: bold; min-width: 200px; min-height: 3em; 
}
.btn-sv-red-big {
    --bs-btn-color: #fff;
    --bs-btn-bg: #7F1621;
    --bs-btn-border-color: #8A817C;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #8A817C;
    --bs-btn-hover-border-color: #7F1621;
    --bs-btn-focus-shadow-rgb: 49,132,253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #7F1621;
    --bs-btn-active-border-color: #7F1621;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #8A817C;
    --bs-btn-disabled-border-color: #8A817C;
	border-radius: 0px; font-weight: bold; min-width: 200px; min-height: 200px; 
}
.btn-sv-red-big-flex {
    --bs-btn-color: #fff;
    --bs-btn-bg: #7F1621;
    --bs-btn-border-color: #8A817C;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #8A817C;
    --bs-btn-hover-border-color: #7F1621;
    --bs-btn-focus-shadow-rgb: 49,132,253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #7F1621;
    --bs-btn-active-border-color: #7F1621;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #8A817C;
    --bs-btn-disabled-border-color: #8A817C;
	border-radius: 0px; font-weight: bold; min-width: 200px; 
}

/* MODAL Modification */
.modal-model-1 {
	
	border-radius: 0px;
	background-color: #7F1621;
	color: white;
}

/* FLEX */
.flex-w-300 { max-width: 300px; background-color: #D6C8C1; }
.flex-w-soft { background-color: #C4B8B1; }
.milon-flex { max-width: 400px; background-color: rgba( 190, 190, 190,0.9); }
.milon-flex h5 { font-size: 1.3rem; font-weight: bold; }
.flex-box-preise-top {  background-color: var(--mrot); color: white; } 
.flex-box-preise { border: 1px solid var(--mrot); max-width: 350px;  }
.flex-box-punkte { background-color: #6c757d; color: white; max-width: 300px; text-align: center; font-weight: bold;}
.flex-box-punkte-red { background-color: #80160D; color: white; max-width: 300px; text-align: center; font-weight: bold;}


/* TRAINING */
.flex-training-small { width: 250px; font-weight: bold; color: white; background-color: rgba(127,22,33,0.9); border: 1px solid #2C2730 }
.flex-training-small-full { width: 250px; font-weight: bold; color: white; background-color: rgba(127,22,33,1); border: 1px solid #2C2730 }
.btn-front-big { --bs-btn-color: #fff;
    --bs-btn-bg: #2C2730;
    --bs-btn-border-color: #8A817C;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #8A817C;
    --bs-btn-hover-border-color: #8A817C;
    --bs-btn-focus-shadow-rgb: 49,132,253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #7F1621;
    --bs-btn-active-border-color: #7F1621;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #8A817C;
    --bs-btn-disabled-border-color: #8A817C;
	border-radius: 0px; font-weight: bold;  font-size: 1.3em; width: 250px; font-weight: bold; color: white; }
	
	
.w-235px { width: 235px; }	
	
	/* INIT JARALLAX */
	.jarallax {
  position: relative;
  z-index: 0;
}
.jarallax > .jarallax-img {
  position: absolute;
  object-fit: contain;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

/* IMAGES FORMS */
.radius-50-grad { 	/* clip-path: circle(50% at 50% 50%); */
border: 2px solid #fff;
}
.free-image-border { border: 2px solid #292929; box-shadow: 2px 2px 2px #D6D6D6 }

/* SLIDE */
.news-slide { border: 2px solid #D6D6D6; max-width: 700px; margin-left: 1em; }


.slide-hint::before {
	content: url('/img/icons/swipe_hint.png'); 
	height: 15px;
	width: 15px;
	bottom: 20px;
    left: 20px;
}
.bauphasen-slide {
	background-color: #198046;
	text-align: left;
	padding: 0.5em;
	width: 300px!important;
    height:300px;
    color: white; border: 1px solid black; 	
}
.bauphasen-slide-nochnicht {
	background-color: #D6D6D6;
	text-align: left;
	padding: 0.5em;
	width: 300px!important;
    height:300px;
    color: black; border: 1px solid black; 	
}

/* NEW MENU TOP SET */
.menu-top-set {
	position: fixed;
	left: -0px;
	top: 0px;
	display: block; 
	z-index: 1300!important;
	background-color: white;
	clip-path: polygon(100% 0, 100% 85%, 85% 100%, 0 100%, 0 0);


	
}
.btn-menu-main { --bs-btn-color: #fff;
    --bs-btn-bg: #fff;
    --bs-btn-border-color: #fff;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #8A817C;
    --bs-btn-hover-border-color: #8A817C;
    --bs-btn-focus-shadow-rgb: 49,132,253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #7F1621;
    --bs-btn-active-border-color: #7F1621;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #8A817C;
    --bs-btn-disabled-border-color: #8A817C;
	border-radius: 0px; font-weight: bold;  font-size: 1.3em; font-weight: bold; color: black; }
	
	.btn-progress { --bs-btn-color: #fff;
    --bs-btn-bg: #198046;
    --bs-btn-border-color: #198046;
    --bs-btn-hover-color: #80160D;
    --bs-btn-hover-bg: #80160D;
    --bs-btn-hover-border-color: #198046;
    --bs-btn-focus-shadow-rgb: 49,132,253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #7F1621;
    --bs-btn-active-border-color: #7F1621;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #8A817C;
    --bs-btn-disabled-border-color: #8A817C; margin-right: 15px;
	border-radius: 50%; width: 60px; height: 60px; font-weight: bold;  font-size: 1.3em; font-weight: bold; color: black; }
	
	.btn-white-400 { --bs-btn-color: #fff;
    	--bs-btn-bg: #fff;
    --bs-btn-border-color: #fff;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #8A817C;
    --bs-btn-hover-border-color: #8A817C;
    --bs-btn-focus-shadow-rgb: 49,132,253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #7F1621;
    --bs-btn-active-border-color: #7F1621;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #8A817C;
    --bs-btn-disabled-border-color: #8A817C;
	border-radius: 0px; font-weight: bold;  font-size: 1.3em; font-weight: bold; color: black; 
	width: 250px; height: 250px;
	
	}
	
	/* HOVER BIG MENU */
	
.img-box-menu {
  position: relative;
  height: 300px;
  width: 300px; 
  border: 2px solid #343a40;
  border-radius: 10px;
  background-color: white;
}
.big-img-menu { background-color: white; }
.image {
  opacity: 0.0;
  display: block;
  width: 100%;
  height: auto;
  transition: .5s ease;
  backface-visibility: hidden;
}

.middle {
  transition: .5s ease;
  opacity: 0.9;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}

.img-box-menu:hover .image {
  opacity: 1;
}

.img-box-menu:hover .middle {
  width: 100%;	
  opacity: 0.4;
  color: grey;
 /* background-color: white; 
   bottom: 0px; 
  top: auto; */
}

.text {
  font-size: 25px;
  font-weight: bold; 
/*  padding: 16px 32px; */
}


/* FAKTENCKECH */
.carousel__slide {
	max-width: 90%;
	
}

#faktencheckNews .carousel__slide {
	max-width: 100%; 
	border: 1px solid grey;
	border-radius: 4px;
	background-color: #E8E8E8;
}
#faktencheckNews .carousel__slide .head {
  font-weight: bold; 
}


.faktencheck {
 padding: 5px;
 border-bottom: 3px dotted black;
}
.aussage {
     font-style: italic;
	padding: 10px;
	margin: 2px; 
	background-color: rgba(0,0,0,0.2);	
	font-weight: 500;
}
.fakt {
 font-size: 20px;
 font-weight: 600;font-weight: 500;
}
.fact-inner {
	padding: 10px;
	margin: 2px; 
	background-color: rgba(227,6,19,0.3);font-weight: 500;
}

.pm {
	padding: 10px;
	margin: 2px; 
	background-color: rgba(28,193,5,0.3);font-weight: 500;
}

.gr-zitat {
	border: 1px solid #D4D4D4;
	padding: 5px;
	box-shadow: 3px 3px 3px #D4D4D4;
	
}