/* CSS Document */
body {
	font-size: 17px;
	color:#4D4D4D;
	-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; -moz-font-feature-settings: "liga" on;
	background: #fff;
	line-height: 1.7;
}
h1, h2, h4{
}
h1{
	font-size: 43px;
	padding-bottom: 15px;
}
h2{
	font-size: 43px;
	padding-bottom: 15px;
}
h3{
	font-size: 26px;
	padding-bottom: 15px;
  font-weight: 700;
}
h4{
	font-size: 26px;
	padding-bottom: 15px;
	font-weight: 500;
}
strong {
    font-weight: 700;
}
tbody, td, tfoot, th, thead, tr {
    vertical-align: top;
    padding: 5px 15px 5px 5px;
}
a, a:link{
	color:#638DB1;
	text-decoration: none;
}

#intro {
  margin-top: -58.59px;
  height: 60vh !important;
}

.clearit{ heigth:1px!important; display: block; width: 100%; margin: 0; padding: 1px 0 0 0 ;}
.topabstand{ height: 100px; width: 100%;}

.trenner,
.trenner4{
	padding: 0;
}
.trenner hr {
	height: 2px;
    margin: 0;
    color: #1c1e20;
    background-color: #1c1e20;
    border: 0;
    opacity: 1;
}
.trenner4 hr {
	height: 1px;
    margin: 0;
    color: #1c1e20;
    background-color: #1c1e20;
    border: 0;
    opacity: 1;
}

.my-5{ display: block;
margin-top: 3rem!important;
    margin-bottom: 3rem!important;
}

.view.jarallax{ height: 400px;}

.text_hell{ color: #fff;}


.navbar .container{ position: relative;
}

.navbar-brand{
	margin: 0;
}
.navbar-brand2{
	position: absolute;
	margin: 0;
	font-size: 22px;
    padding-bottom: 15px;
    font-weight: 700;
    line-height: 1;	
	text-decoration: none!important;
}
.navbar-brand img{
	height: 60px;
	margin: 0;
}
.navbar-brand2 img{
	height: 50px;
	margin: -10px 15px 0 0;
}

.navbar-brand.klein img {
    height: 40px;
    margin: 0;
}

.navbar-brand.gross img {
    height: 100px;
    margin: 0;
}

.navbar {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.navbar-nav {
    margin: 14px 0 0 auto;
	
}

#grund-side a, #grund-side a:link{text-decoration: none!important;}

.sidenav-backdrop {
    z-index: 999;
}
.sidenav-primary .sidenav-link.active {
    color: #1c1e20;
}

.navmob #toggler {
    display: inline;
}

@media (min-width: 600px){
.navbar.scrolling-navbar {
    padding-top: 25px;
    padding-bottom: 15px;
	background: #ffffff;
}
}

.navbar .nav-item .nav-link {
	text-transform: uppercase;
	font-size: 16px;
	font-weight: 500;
	color: #1c1e20;
	text-decoration: none;
}

.dropdown-menu {
    position: absolute;
    top: 95%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: 10px;
    margin: 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #ccc;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 0;
}
.navbar .dropdown-menu a {
    padding: 5px 10px;
	margin: 0;
	text-transform: none;
    font-size: 14px;
    font-weight: 500;
    color: #1c1e20;
    border-radius: 0;
	text-decoration: none;
}

.navbar .dropdown-menu .nav-item .nav-link {
    color: #1c1e20;
	font-size: 1rem;
	padding-right: 1rem;
    padding-left: 1rem;
    border-radius: 0;
}

.navbar .dropdown.multi-level-dropdown .dropdown-menu .dropdown-item{ margin: 0;}
.navbar .dropdown.multi-level-dropdown .dropdown-menu .dropdown-item:hover{
	background: #fff;
}
.navbar .dropdown.multi-level-dropdown .dropdown-menu .dropdown-item:hover,
.nav-item a:hover, 
.nav-item.active a,
.dropdown-item.active, .dropdown-item:active,
.navbar .dropdown-menu a:hover,
.navbar .dropdown-menu a:focus {
    background-color: #638DB1!important;
    color: #ffffff!important;
}

.dropdown-item{
    background-color: #fff;
    color: #212529;
}
.dropdown-item.active,
.dropdown-item .active{
    background-color: #dfedf8;
    color: #212529;
}
.dropdown-item:hover{
    background-color: #dfedf8!important;
    color: #212529;
}

.nav-item:hover .drop1 {
    position: absolute!important;
	display: block !important;
	top: 31px;
	z-index: 999;
}
.dropdown-item:hover .drop2 {
    position: absolute!important;
	display: block !important;
	top: 31px;
	z-index: 999;
}
.dropdown-menu>li:first-child, .dropdown-menu>li:first-child .dropdown-item,
.dropdown-menu>li:last-child, .dropdown-menu>li:last-child .dropdown-item{
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.navbar-toggler {
    padding: .25rem .75rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: #1c1e20;
    border: 1px solid #fff;
    border-radius: .25rem;
}
.navbar-toggler i {
	color: #fff;
}

.nav-pills .nav-link {
    font-size: 18px;
	border-radius: 0px;
}
.tab-content{
	background: #fff; padding: 25px;
}
.accordion-button {
    font-size: 18px;
	border-radius: 0px;
}

@media (min-width: 1025px) {
	#toggler{display: none;}
}

.page-intro {
  background-color: white;
  width: 100vw;
  height: 100vh;
}

mask {
  width: 100%;
}

.mask img {
  max-width: 80%;
}

img.content{
	margin-bottom: 15px;
}

@media (max-width: 660px) {
  .mask img {
    width: 100%;
  }
}

.commingsoon1{
	opacity: 0.4;
}

.iconheadline{}
.iconheadline .icon{ width: 50px; margin-left: -15px;}
.iconheadline h2{ line-height: 1; margin: 0; padding: 28px 0; font-weight: 500; font-style: italic;}
.iconheadline h3{ line-height: 1; margin: 0; padding: 14px 0; font-weight: 500; font-style: italic;}

.parallax{ height: 400px!important; overflow: hidden;}

.zitatbild{ width: 100%; position: relative;}
.zitat{padding: 15px; position: absolute; top: 45px; right: 50px; z-index: 50; text-align: right;}
.zitatautor{}

.anker{
	height: 1px; width: 1px; display: block;
	margin-top: -150px; padding-bottom: 150px;
}

.einzelbild {
    margin-top: 10px;
    margin-bottom: 10px;
}
.bg_red {
    background: #AE0F0A !important;
}
.lightbox [class*="col-"] {
    padding: .5rem;
}
.mdb-lightbox figure {
    float: left;
    margin: 0;
}

.pos_rel{position: relative;}

.multi-carousel .multi-carousel-inner .multi-carousel-item img {
    max-height: 800px;
    -o-object-fit: cover;
    object-fit: cover;
}

.headerbildtext{
	position: absolute; top: 25%;
}
.headerbildtext .col-12{
	background: #fff;
	padding: 30px 30px 14px 30px;
	font-size: 16px;
}

.headerbildtext .justify-content-md-center .col-12{
	background: none;
}
.headerbildtext h3{
	font-size: 40px;
}

.headerkontakt{ text-align: left; font-size: 20px; line-height: 1.2; font-weight: 600; margin-right: 50px;}
.headerkontakt a{ text-decoration: none; color: #0367CD;}
.headerkontakt .telefon{ color:#638DB1;}
.headerkontakt .email{ color:#638DB1;}

.ms-7{ margin-left: 7rem;}

.teaser{ margin-bottom: 15px;}
.teaser h2{
	font-size: 43px;
}
.teaser img{
	margin-bottom: 15px;
}

.teaser .card{}
.teaser .card-body{}

.anfragebutton{
	padding:0;
	margin-bottom: 25px;
	width:100%;
	-webkit-box-shadow: none;
	-moz-box-shadow:none;
	box-shadow:none;
	text-decoration: none!important;

}
.anfragebutton:hover{
	padding:0;
	margin-bottom: 25px;
	width:100%;
	-webkit-box-shadow: none;
	-moz-box-shadow:none;
	box-shadow:none;
	text-decoration: none!important;
}
.anfragebutton .linkbox{
	padding: 20px 20px;
	font-size:20px;
	text-align:left;
	background: #fff;
}

.card {
    background-color: #fff;
	height: 100%;
}
.md-accordion .card .card-body {
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5;
    color: #212529;
}
.text_hell .md-accordion .card .card-body {
    color: #fff;
}
.md-accordion h4{
	padding: 0;
}

.md-accordion a{
	color: #212529;
}
.text_hell a {
    color: #fff;
}

.slideinhalt{
	padding: 50px;
}

.textslider{ padding-top: 20px; padding-bottom: 20px;}

.teammitglied{ padding: 10px; font-size: 20px;}
.teammitglied a{text-decoration: none;}

h2.accordion-header{ padding: 0;}
.accordion-button {
    color: #1c1e20;
    background-color: #ccd6de;
}
.accordion-button:not(.collapsed) {
    color: #1c1e20;
    background-color: #ccd6de;
}

.accordion-item:first-of-type {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.accordion-item:last-of-type {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}


.accordionrand {
    margin-bottom: 5px;
}
.accordionrand .accordion-button {
    color: #1c1e20;
    background-color: #fff;
	border: 1px solid #1c1e20;
	font-size: 17px;
	font-family: 'Mukta';
}
.accordionrand .accordion-button:not(.collapsed) {
    color: #1c1e20;
    background-color: #fff;
	border: 1px solid #1c1e20;
}

.accordionrand:first-of-type .accordion-button {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.accordionrand:last-of-type .accordion-button {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.accordionrand .accordion-body {
	border: 1px solid #1c1e20;
	border-top: none;
}

.kontaktdaten{ padding-top: 60px;}
.kontaktdaten h2{ padding: 0px; margin: 0;}
.kontaktdaten h3{ padding: 0px; margin: 0;}

.kontakt {
    background: url(/resources/img/anmeldung.svg) no-repeat;
    background-position: top right;
    background-size: cover;
}
.bg_white_trans {
    background-color: rgba(255,255,255,0.90);
}
.yform {
    padding: 10px;
}
.form-group {
    margin-bottom: 1rem;
}
.form-control {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: transparent;
    background-clip: padding-box;
    border: 1px solid #1266f1;
    border-radius: 0;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.kontakt .btn-primary {
    color: #fff;
    margin: 0;
    width: 100%;
    text-transform: uppercase;
    margin-bottom: 25px;
}

.kontaktform{ padding: 100px 0;}
.kontaktform .py-3{ padding: 0!important;}
.kontaktform .px-3{ padding: 25px!important;}

.form-check label {
    display: inline;
}

.btn{ font-size: 1rem;}
.btn h1{padding: 0; margin: 0;}
.btn h2{padding: 0; margin: 0;}
.btn h3{padding: 0; margin: 0;}
.btn h4{padding: 0; margin: 0;}

.btn-gelb {
    color: #1c1e20;
    border-color: #E3D546;
    background-color: #E3D546;
}

.btn-menu{
	border: none;
	background: none;
	box-shadow: none;
	padding: 0.5rem;	
	position: absolute;
	right:0px;
}
.btn-menu:hover, .btn-menu:focus{
	border: none;
	background: none;
	box-shadow: none;
	padding: 0.5rem;	
	position: absolute;
	right:0px;
}

.btn-absenden{
	padding: 5px 60px;
	border-radius: 10px;
	font-size: 17px;
	color: #fff;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#2c2f84+0,33a9e0+100 */
background: #2c2f84; /* Old browsers */
background: -moz-linear-gradient(left,  #2c2f84 0%, #33a9e0 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #2c2f84 0%,#33a9e0 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #2c2f84 0%,#33a9e0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c2f84', endColorstr='#33a9e0',GradientType=1 ); /* IE6-9 */
	
}

footer.page-footer {
	background-color: #727271!important;

    color: #fff!important;
    font-size: 17px;
	padding: 25px 0;
	font-size: 0.8rem;
}


footer .socialicon{ border: 2px solid #fff;
border-radius: 50%; width: 50px; height: 50px; display: inline-block; margin-bottom: 15px; padding-top: 0px; font-size: 2rem;}

footer a, footer a:link{ color: #fff; text-decoration: none;}

.footerlogo{ height: 30px; float: left; padding-right: 15px;}

.totop {
	position: fixed;
	bottom: 50px;
	font-size: 32px;
	width: 42px;
	height: 48px;
	overflow: hidden;
	right: 15px;
	z-index: 99;
}
.totop a {
	width: 42px;
	height: 42px;
	text-align: center;
	background-color:rgba(28,30,32,0.70);
	display: inline-block;
	margin-top: 0;
	color: #fff;
	border: 1px solid #fff;
	border-radius: 50%;
    line-height: 1.3;
}
.totop .fa {
	margin-top: 0px;
}

.totop  i {
    width: 100%;
}


@media (max-width: 767px){
	body {
		font-size: 16px;
		/*-ms-hyphens: auto;
		-webkit-hyphens: auto;
		hyphens: auto;*/
	}
	#intro {
		margin-top: 0px;
		height: 40vh !important;
	}	
	
	.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
		padding-right: 15px;
		padding-left: 15px;
	}
	.navbar {
		padding: 0 15px;
		background: #fcfcfc;
	}
	.navbar .container{
		margin: 0; padding: 0;
	}
	.navbar-brand {
		margin: 20px 0 0 0;
	}	
	.navbar-brand img {
		height: 50px;
	}
	.navbar-brand.gross img {
		height: 50px;
		margin: 0;
	}
	.navbar-brand.klein img {
		height: 30px;
		margin: 0;
	}
	.topabstand {
		height: 60px;
		width: 100%;
	}	
	h1 {
		font-size: 33px;
	}
	h2 {
		font-size: 25px;
	}
	h3 {
		font-size: 20px;
	}
	h4 {
		font-size: 23px;
	}
	.col-12, .col-lg-5, .col-lg-6 {
		padding: 0 10px;
	}	
	.my-5 {
		margin-top: 1rem!important;
		margin-bottom: 1rem!important;
	}
	.mt-5 {
		margin-top: 1rem!important;
	}
	.mb-5 {
		margin-bottom: 1rem!important;
	}
	.navbar-brand2{
		position: relative;
		margin: 0;
	}
	.anfragebutton .linkbox {
		padding: 15px 15px;
		font-size: 20px;
	}	
	.col-lg-4 img.content {
		width: 100%;
		margin: 0 0 20px 0;
	}	
	.py-5 {
		padding-top: 1rem!important;
		padding-bottom: 1rem!important;
	}	
	
	.zitatsection{position: relative;}	
	.zitat {
		top: 0px;
		right: 0px;
	}
	footer.page-footer {
		font-size: 15px;
	}
	.totop {
		bottom: 20px;
		font-size: 25px;
		width: 35px;
		height: 39px;
		right: 15px;
	}
	.totop a {
		width: 35px;
		height: 35px;
		margin-top: 0;
		line-height: 1.3;
	}
	
}
@media (min-width: 992px){
	.navbar-expand-lg .navbar-nav .nav-link {
		padding: 2px 1rem;
	}
}