body {
	padding-top: 71px;
}

.cookie-warnung {
	position: fixed;
	left: 0px;
	right: 0px;
	bottom: 0px;
	padding: 1rem;
	color: #FFF;
	background-color: rgba(0,0,0,.8);
	z-index: 50000;
}

.kopf {
	position: fixed;
	left: 0px;
	right: 0px;
	top: 0px;
	background-color: rgba(255,255,255,1);
	border-bottom: 1px solid #141429;
	transition: background-color 1s;
	z-index: 5;
}

.kopf .container {
	position: relative;
}

.hotline {
	position: relative;
	font-size: 0.9rem;
	margin-bottom: -70px;
	margin-left: auto;
	width: 500px;
	z-index: 5;
}


.motiv {
	width: 100%;
	height: 56%;
	overflow: hidden;
}

.motiv img {
	width: 100%;
	height: auto;
}

.video {
	width: 100%;
	height: auto;
}


.seite {
	position: relative;
	background-color: #fff;
}
	
.navbar-brand img {
	width: 80px;
}

.nav-item.active {
	border-bottom: 4px solid #002d5c;
}

.menu-ebene .menu-ebene li a {
	padding-left: 1.5em;
	font-size: .9em;
}

.menu-ebene .menu-ebene .menu-ebene li a {
	padding-left: 2em;
	font-size: .8em;
}

.scrolldown {
	display: none;
}

.unsichtbar {
	opacity: 0;
}

.block {
	position: relative;
	background-position: center center;
	background-size: cover;
}

.block-video-box {
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	align-items: center;
	overflow: hidden;
	z-index: 5;
}

.block-video-breit {
	width: 100%;
	margin-left: 0px;
	margin-right: 0px;
	height: auto;
}

.block-video-hoch {
	width: auto;
	height: 100%;
}

.dunkel {
	position: relative;
	background-color: rgba(0,0,0,.5);
	color: #fff;
	z-index: 10;
}

.dunkel .card {
	background-color: transparent;
	border-color: #fff;
}

.dunkel a {
	color: #fff;
}

.dunkel a.card:hover, .dunkel a.card:focus {
	background-color: rgba(255,255,255,.3);
	color: #fff;
}

.galerie-einblendung {
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	z-index: 2000;
}

.galerie-hg {
	position: fixed;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	background-color: rgba(0,0,0,0.8);
	overflow: visible;
	z-index: 2030;
}

#galerie {
	position: absolute;
	top: 40px;
	left: 40px;
	right: 40px;
	bottom: 40px;
	z-index: 2060;
}

#galerie .carousel-inner {
	height: 100%;
}

.galerie-motiv {
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
}

#galerie .carousel-control {
	background-image: none;
	width: 30px;
}

a.galerie-x {
	position: absolute;
	top: 10px;
	right: 40px;
	color: #fff;
	font-size: 2rem;
	z-index: 2090;
}

a.galerie-x:hover {
	color: #fff;
}

.fuss a {
	color: #fff;
}

.fuss h6 {
	font-size: .8rem;
}

h1, h2, h3 {
	position: relative;
}

h3, .h3 {
	margin-top: 2rem;
}

h5, .h5, .text-bold {
	font-weight: 600;
}

a.anker {
	position: absolute;
	margin-top: -185px;
}

b, strong {
	font-weight: 600;
}

.mapbox {
	background-image: url(../pic/maphg.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.ankerbox {
	position: relative;
	height: 0px;
}

.anker {
	position:absolute;
	margin-top: -150px;
}

.form-control-success {
	color: #155724;
	background-color: #d4edda !important;
	border-color: #c3e6cb;
}

.form-control-danger {
	color: #721c24;
	background-color: #f8d7da !important;
	border-color: #f5c6cb;
}

@media(min-width: 768px){
	
	body {
		padding-top: 123px;
	}
	
	.dropdown:hover > .dropdown-menu > .dropdown-submenu:hover > .dropdown-menu{
		display: block;
	}
	
	.dropdown-submenu {
		position: relative;
	}
	
	.dropdown-submenu > .dropdown-menu {
		top: 0;
		left: 100%;
	}
	
	.dropdown-submenu > .dropdown-toggle::after {
		display: inline-block;
		width: 0;
		height: 0;
		margin-left: .4em;
		vertical-align: .1em;
		content: "";
		border-left: .3em solid;
		border-top: .3em solid transparent;
		border-right: 0;
		border-bottom: .3em solid transparent;
	}
	
	.navbar-brand img {
		width: inherit;
	}

}

@media(min-width: 992px){
	
	body {
		padding-top: 0;
	}
	
	.kopf {
		background-color: rgba(255,255,255,.40);
	}
	
	.kopf:hover {
		background-color: rgba(255,255,255,.90);
	}
	
	.sichtbar {
		background-color: rgba(255,255,255,.90);
	}
	
	.motiv img {
		display: none;
	}

	#bildsatz {
		position: absolute;
		top: 0px;
		left: 0px;
		right: 0px;
		bottom: 0px;
		z-index: 1;
	}
	
	#bildsatz > .carousel-inner {
		position: absolute;
		top: 0px;
		left: 0px;
		right: 0px;
		bottom: 0px;
	}
	
	#bildsatz > .carousel-inner > .carousel-item {
		position: absolute;
		top: 0px;
		left: 0px;
		right: 0px;
		bottom: 0px;
		background-position: center center;
		background-size: cover;
	}
	
	#bildsatz.halb {
		bottom: 50%;
	}
	
	.border-lg-left {
		border-left: 1px solid #666;
	}
	
	@media (min-aspect-ratio: 16/9) {
		.video {
			width: 100%;
			height: auto;
		}
	}
	
	@media (max-aspect-ratio: 16/9) {
		.video {
			width: auto;
			height: 100%;
		}
	}
	
	.scrolldown {
		display: block;
		position: absolute;
		top: 100%;
		left: 50%;
		margin-left: -18px;
		margin-top: -120px;
		opacity: 1;
		transition: opacity 1s;
		z-index: 2;
		animation-name: jump;
		animation-duration: .75s;
		animation-iteration-count: infinite;
		animation-timing-function: linear;
	}
	

	.seite {
		position: absolute;
		top: 100%;
		left: 0px;
		right: 0px;
    	z-index: 3;
    }
	
	.seite.halb {
		top: 50%;
        z-index: inherit;
	}
	
	.seite.viertel {
		top: 25%;
	}
	
	
	.smartinsure {
		min-height: 500px;
	}
		
}
@keyframes jump {
    0% { margin-top: -120px; }
    30% { margin-top: -90px; }
    100% { margin-top: -120px; }
}