@charset "UTF-8";
/* CSS Document */

/* Global Settings */

body {
	margin:0;
	padding:0;
	font-size:16px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-family:"Helvetica Neue", Helvetica, Arial, "sans-serif";
}

a,
a:link,
a:visited,
a:hover,
a:focus {
	text-decoration:none;
	outline:none;
}

h1 {
	font-family:"Helvetica Neue", Helvetica , Arial, "sans-serif";
	font-weight:bold;
	color:#06038D;
	font-size:1.8em;
	margin-bottom:20px;
 }

h2 {
	font-size:1.25em;
	margin-top:0;
	margin-bottom:30px;
}

h3 {
	font-size:1.0em;
	margin-top:20px;
	margin-bottom:10px;
	color:#06038D;
}

h4 {
	font-size:1.2em;
	margin-top:10px;
	margin-bottom:20px;
	color:#06038D;
}

nav li {
	
	margin-bottom: 0px;
	margin-left: 0px;
	
	
	
}

li {
	
	margin-bottom: 10px;
	margin-left: -20px;
	padding-left:7px;
	
	
}

ul .second li {
	
	list-style-type: none;
}
p {
	
	line-height: 1.4em;
	
	
}

small {font-size: 0.85em; }
/* Ende Global Settings */


/* Mainframe */

.mainframe {
	width:100%;
	max-width:1280px;
	margin:auto;
}
.foot-grey {
	
	background-color: #444;
	
}

@media (max-width:1400px) {
	.mainframe {
		box-sizing:border-box;
		padding-left:5%;
		padding-right:5%;
	}
}

/* Ende Mainframe */


/* Cookie-Hinweis */

.cookie-notification {
    position:fixed;
    left:0;
    top:0;
    z-index:999999;
    width:100%;
    height:100%;
    visibility:visible;
    opacity:1;
    pointer-events:all;
    transition:all 0.35s ease-in-out;
}

.cookie-notification.trigger {
    visibility: hidden;
    opacity:0;
    pointer-events:none;
    transition:all 0.35s ease-in-out;
}

.cookie-notification.trigger .cookie-notification-box {
    transform:translate(-50%,-50%) scale(0.6);
    transition:all 0.35s ease-in-out;
}

.cookie-notification-bg {
    position: absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background-color:rgba(0,0,0,0.6);
    z-index:1;
}

.cookie-notification-box {
    position: absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%) scale(1);
    transition:all 0.35s ease-in-out;
    background-color:#fff;
    border:10px solid #06038D;
    box-sizing:border-box;
    width:90vw;
    max-width:380px;
    height:auto;
    max-height:calc(100vh - 10vw);
    z-index:2;
    padding: 18px 20px 20px;
}

.cookie-notification-title {
    font-size:1.15rem;
    color:#333;
    text-align: center;
}

.cookie-notification-button {
    width:100%;
    text-align:center;
    margin-top: 20px;
    margin-bottom: -47px;
}

.cookie-notification-button button {
    appearance: none;
    border: 0;
    background-color: #06038D;
    font-weight: bolder;
    padding: 12px 17px 13px;
    color: #fff;
    font-size: 1.05rem;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    cursor: pointer;
    height:45.5px;
    box-sizing:border-box;
}


/* Header */

.head-blue {
	width:100%;
	height:10px;
	background-color:#06038D;
	position:fixed;
	z-index:9;
}


.foot-blue {
	width:100%;
	height:10px;
	background-color:#06038D;
	position:fixed;
	bottom:0;
	left:0;
	z-index:9;
}

.banner {
	width:100%;
	height:auto;
	background-color:#fff;
	padding-top:20px;
	padding-bottom:20px;
}

.logo {
	width:380px;
	float:right;
	margin-bottom:30px;
	margin-top:20px;
}

.logo a img {
	width:380px;
}

.header-bild {
	width:100%;
	overflow:hidden;
	margin-top:-1px;
	position:relative;
}

.header-bild img {
	width:100%;
}

.header-bild.video {
	width:100%;
	height:500px;
	position:relative;
}

.header-bild video {
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	width:100%;
	height:auto;
}

.logo-footer {
	margin-top: -20px;
}


@media (max-width:768px) {
	
	.banner {
		padding-top:10px;
	}

	.logo {
		width:320px;
		float:right;
		margin-top:30px;
	}
	
	.logo a img {
		width:100%;
	}
	
	nav {
		display:none;
	}
}

@media (max-width:425px) {
	.logo {
		margin:auto;
		float:none;
		margin-top:30px;
	}
}

@media (max-width:400px) {
	.logo {
		width:100%
	}
}

nav {
	width:100%;
	height:57px;
	background-color:#06038D;
	box-sizing:border-box;
	padding-top:13px;
	overflow:hidden;
	border-top:7px solid #888;
}

nav a,
nav a:visited {
	color:#fff;
	font-weight:500;
	transition:all 0.2s;
	padding:25px;
}

nav a:hover {
	transition:all 0.2s;
	background-color:#4d5b9b;
	color:#fff;
}

nav a.active {
	background-color:#4d5b9b;
	color:#fff;
}

nav li {
	float:left;
	list-style:none;
}

nav ul {
	padding-left:0;
}

.nav-m {
	width:100%;
	height:45px;
	background-color:#06038D;
}

.burger-menu {
	width:auto;
	height:auto;
	padding:11px 15px 8px 15px;
	margin-left:-15px;
}

.burger-bar {
	width:32px;
	height:2.5px;
	margin-bottom:7px;
	background-color:#fff;
}

.navigation-m {
	width:100%;
	height:auto;
	position:fixed;
	top:0;
	left:0;
	background-color:#fff;
	z-index:99999;
	border-bottom:10px solid #06038D;
	box-shadow: 0px 40px 40px rgba(0,0,0,0.2);
	display:none;
	transition:all 0.2s;
	margin-top:-200px;
}

.navigation-m:target {
	display:block;
	transition:all 0.2s;
	margin-top:0px;
	animation-name:nav;
	animation-duration:0.5s;
}

@keyframes nav {
	from {opacity:0;margin-top:-200px;}
	to {}
}

.navigation-m:target + .main {
	transition:all 0.2s;
	filter:blur(15px);
	width:100vw;
	height:100vh;
	overflow:hidden;
}

.navigation-m a {
	width:100%;
	float:left;
	padding:15px;
	color:#06038D;
	border-bottom:1px solid rgba(6,3,141,0.1);
	transition:all 0.2s;
}

.navigation-m a:hover {
	background-color:rgba(6,3,141,0.1);
	transition:all 0.2s;
	border-bottom:1px solid transparent;
}

.navigation-m a:last-child {
	border-bottom:0;
}

.close-btn {
	width:100%;
	font-size:2.5rem;
	font-weight:200;
	text-align:center;
	margin-left:-5%;
	margin-top:-8px;
}

.nav-m {
	display:none;
	border-top:7px solid #888;
}

/* Ende Header */


/* Section */

.border {
	width:100%;
	border-bottom:1px solid #eee;
	margin-top:20px;
	margin-bottom:20px;
}

.content {
	padding-top:60px;
	padding-bottom:80px;
	width:70%;
}

.content a {
	color:#333;
	border-bottom:1px solid #06038D;
	transition:all 0.2s;
}

.content a:hover {
	color:#06038D;
	transition:all 0.2s;
}

.blau {
	color:#06038D;
}

.content-left {
	float:left;
	width:50%;
}

.content-right {
	float:left;
	width:50%;
	height:300px;
}

.content-right iframe {
	width:100%;
	height:100%;
}

.content-text {
	width:80%;
	max-width:900px;
	margin-top:30px;
	margin-bottom:30px;
}

.content-text p {
	font-size:1.1em;
	font-weight:300;
	font-weight:normal;
}

.content-leistungen {
	width:80%;
	margin-top:30px;
	height:auto;
	margin-bottom:70px;
}

.content-leistungen-ueberschrift {
	float:left;
	padding-left:80px;
}

.content-haupt-ueberschrift {
	float:left;
	padding-left:80px;
}

.content-leistungen-text {
	float:left;
	padding-top:70px;
	padding-left:80px;
	padding-bottom:20px;
}

.content-leistungen-text p a {
	color:#111;
	border-bottom:1px solid #06038D;
	transition:all 0.2s;
}

.content-leistungen-text p a:hover {
	color:#06038D;
	border-bottom:1px solid #06038D;
	transition:all 0.2s;
}

.content-leistungen-bild {
	float:left;
	width:130px;
	text-align:center;
	padding-top:25px;
	height:auto;
	/*margin-right:70px;*/
}

.content-leistungen-bild img {
	width:140px;
}

.content-leistungen-text .green {
	color:#06038D;
	margin-bottom:0px;
}

@media (max-width:1040px) {
	
	.content-leistungen-text {
		padding-right:20px;
	}
	
	.content-leistungen-bild {
		padding-left:20px;
	}
	
	.content-leistungen-bild.mittel {
		padding-left:20px;
	}
	
	.content-leistungen-bild.midi-lang {
		padding-left:20px;
	}
	
	.content-leistungen-bild.lang {
		padding-left:20px;
		height:620px;
	}
	
}

@media (max-width:624px) {
	
	.content-leistungen {
		margin-top:0px;
	}
	
	.content-leistungen-bild {
		height:100px;
		margin-bottom:20px;
		width:100%;
		padding-left:0;
	}
	
	.content-leistungen-bild.mittel {
		height:100px;
		margin-bottom:20px;
		width:100%;
		padding-left:0;
	}
	
	.content-leistungen-bild.midi-lang {
		height:100px;
		margin-bottom:20px;
		width:100%;
		padding-left:0;
	}
	
	.content-leistungen-bild.lang {
		height:100px;
		margin-bottom:20px;
		width:100%;
		padding-left:0;
	}
	
	.content-leistungen-bild img {
		width:100px;
	}
	
	.content-leistungen-ueberschrift {
		padding-left:20px;
		padding-right:20px;
		width:100%;
		text-align:center;
	}
	
	.content-leistungen-text {
		float:left;
		padding-top:10px;
		padding-left:20px;
	}
	
}

.content-frame {
	width:100%;
	height:auto;
	max-width:1200px;
	margin:auto;
	text-align: center;
}

.index-leistungen-auswahl {
	width:25%;
	height:220px;
	/*margin:0px 25px 50px 25px;*/
	margin-bottom:20px;
	float:left;
	text-align: center;
	list-style:none;
	transition:all 0.2s;
	margin-left: 5%;
}

.index-leistungen-auswahl-1 {
	width:25%;
	height:220px;
	/*margin:0px 25px 50px 25px;*/
	margin-bottom:20px;
	float:left;
	text-align: center;
	list-style:none;
	transition:all 0.2s;
}

.index-leistungen-auswahl-2 {
	width:25%;
	height:220px;
	/*margin:0px 25px 50px 25px;*/
	margin-bottom:20px;
	float:left;
	text-align: center;
	list-style:none;
	transition:all 0.2s;
	display:none;
}

.index-leistungen-auswahl:hover {
	opacity:0.7;
	transition:all 0.2s;
}

.index-leistungen-auswahl h4 {
	color:#06038D;
	font-weight:400;
}

.index-leistungen-auswahl h5 {
	font-weight:400;
	color:#000;
	transition:all 0.2s;
}

.index-leistungen-auswahl h5:hover {
	color:#06038D;
	transition:all 0.2s;
}

.index-leistungen-auswahl img {
	width:130px;
}

.diashow img {
	margin-left:10px;
	margin-right:10px;
	float:left;
	transition:all 0.2s;
}

.diashow-bilder {
	margin-left:10px;
	margin-right:10px;
	float:left;
	transition:all 0.2s;
	cursor:pointer;
	height:200px;
	overflow:hidden!important;
}

.diashow-bilder img {
	width:100%;
	margin-left:0px;
	margin-right:0px;
}

@media (max-width:965px) {
	.content-text {
		padding:0px 40px
	}
}

@media (max-width:810px) {
	
	.index-leistungen-auswahl {
		width:33.333333334%;
	}
	
	.index-leistungen-auswahl-1 {
		width:33.333333334%;
		display:none;
	}
	
	.index-leistungen-auswahl-2 {
		width:33.333333334%;
		display:block;
	}
	
}

@media (max-width:615px) {
	
	.index-leistungen-auswahl {
		width:50%;
		padding-left:10px;
		padding-right:10px;
	}
	
	.index-leistungen-auswahl-1 {
		width:50%;
		padding-left:10px;
		padding-right:10px;
		display:none;
	}
	
	.index-leistungen-auswahl-2 {
		width:50%;
		padding-left:10px;
		padding-right:10px;
		display:none;
	}
	
	.index-leistungen-auswahl h4 {
		font-size:1.0em;
	}
	
	.index-leistungen-auswahl h5 {
		font-size:0.8em;
	}
	
	.index-leistungen-auswahl img {
		width:110px
	}
	
}

.buttons-rechts {
	width:100px;
	position:fixed;
	right:0;
	list-style: none;
	top:40%;
	z-index:999999;
}

.buttons-rechts img {
	width:35px;
}


.buttons-rechts .facebook img {
	width:27px;
	margin-left:5px;
	margin-top:5px;
}


.button-fix {
	background-color:#06038D;
	margin-top:3px;
	margin-bottom:3px; 
	border-bottom-left-radius:100px;
	border-top-left-radius: 100px;
	width:50px;
	height:50px;
	padding-top:7px;
	padding-left:9px;
	float:right;
	transition:all 0.2s;
	box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
}

.button-fix:hover {
	background-color:#323c6b;
	transition:all 0.2s;
	width:65px;
}

.buttons-unten {
	position:fixed;
	bottom:0;
	z-index:99999;
	list-style:none;
	width:100vw;
	display:none;
}

.buttons-unten img {
	width:30px;
}

.buttons-unten .facebook img {
	width:22px;
	padding-top:3px;
}

.button-fix-2 {
	background-color:#06038D;
	width:32.5%;
	height:40px;
	padding-top:5px;
	transition:all 0.2s;
	box-shadow: 0px -10px 30px rgba(0,0,0,0.2);
	float:left;
	margin-left:0.4%;
	margin-right:0.4%;
	text-align:center;
}

.button-fix-2:hover {
	background-color:#323c6b;
	transition:all 0.2s;
	height:50px;
	margin-top:-10px;
}

/* Lightbox */

.modal {
	display: none;
	position: fixed;
	z-index: 999999;
	padding-top: 100px;
	left: 0;
	top: 0;
	width:100%;
	height: 100%;
	overflow:hidden;
	background-color: rgba(0,0,0,0.7);
	text-align: center;
}

.modal-content {
	position: relative;
	padding: 0;
	width:auto;
	max-width:1000px;
	display:inline-block;
	border:6px solid #e4e4e4;
}

.mySlides {
	text-align:center;
}

.schliessen {
	color:#fff;
	position: absolute;
	top: 10px;
	right: 25px;
	font-size: 35px;
	transition:all 0.2s;
}

.schliessen:hover {
	color: rgb(152, 164, 33);
	text-decoration: none;
	cursor: pointer;
	transition:all 0.2s;
}

.schliessen:active {
	color: rgb(152, 164, 33);
	text-decoration: none;
	cursor: pointer;
	transition:all 0.2s;
	opacity:0.5;
}

.mySlides {
	display: none;
}

.cursor {
	cursor: pointer;
}

.prev,
.next {
	cursor: pointer;
	position: absolute;
	top: 50%;
	width: auto;
	padding: 10px 21px 14px 19px;
	margin-top: -50px;
	margin-right:-60px;
	margin-left:-60px;
	color: #fff;
	font-weight: bold;
	font-size: 20px;
	transition: all 0.2s;
	border-radius: 100px;
	user-select: none;
	-webkit-user-select: none;
	background-color:rgba(255,255,255,0.25);
}

.next {
	right: 0;
	padding:10px 19px 14px 21px!important;
}

.prev {
	left: 0;
	padding: 10px 21px 14px 19px!important;
}

.prev:hover,
.next:hover {
	background-color:rgb(152, 164, 33);
	color:#fff;
}

.numbertext {
	color: #fff;
	font-size: 12px;
	padding: 8px 12px;
	margin:5px;
	position: absolute;
	top: 0;
	background-color:rgba(0,0,0,0.3);
	border-radius:50px;
}

@media (max-width:970px) {
	.prev,
	.next {
		margin-left:30px;
		margin-right:30px;
		background-color:rgba(0,0,0,0.45);
	}
	
	.numbertext {
		margin-left:30px;
	}
	
	.mySlides img.lightbox-landscape {
		height:auto!important;
		width: 100% !important;
	}
	
	.mySlides video.lightbox-landscape {
		height:auto!important;
		width: 100% !important;
	}
	
	.mySlides img {
		height:auto!important;
		width: 100% !important;
	}
}

@media (max-width:355px) {
	.mySlides video {
		height:auto!important;
		width:100%!important;
	}
	
	.mySlides video.lightbox-landscape {
		height:auto!important;
		width: 100% !important;
	}
}

.caption-container {
	text-align: center;
	background-color: black;
	padding: 2px 16px;
	color: white;
}

.demo {
	opacity: 0.6;
}

.active,
.demo:hover {
	opacity: 1;
}

.nachhaltigkeit-content {
	display:grid;
	grid-template-columns:48% 48%;
	grid-row-gap:50px;
	grid-column-gap:4%;
	width:100%;
	height:auto;
	box-sizing:border-box;
}

.nachhaltigkeit-box {
	width:100%;
	height:auto;
	box-sizing:border-box;
}

.nachhaltigkeit-box strong {
	font-size:1.15rem;
}

.nachhaltigkeit-title {
	width:100%;
	height:auto;
	box-sizing:border-box;
	background-color:#06038D;
	color:#eee;
	padding:10px 20px 15px 20px;
}

.nachhaltigkeit-title h2 {
	margin:0;
	text-transform: uppercase;
}

.nachhaltigkeit-bild {
	width:100%;
	height:300px;
	overflow:hidden
}

.nachhaltigkeit-bild img {
	width:auto;
	height:100%;
}

.nachhaltigkeit-text {
	width:100%;
	box-sizing:border-box;
	padding:20px;
}

.nachhaltigkeit-text h2 {
	color:#06038D;
	font-size:1.4rem;
}

.eins {
	grid-column:1 / 2;
	grid-row:1 / 2;
}

.zwei {
	grid-column:2 / 3;
	grid-row:1 / 2;
}

.drei {
	grid-column:1 / 2;
	grid-row:2 / 3;
}

.vier {
	grid-column:2 / 3;
	grid-row:2 / 3;
}

.fuenf {
	grid-column:1 / 2;
	grid-row:3 / 4;
	margin-bottom:50px;
}

/* Ende Lightbox */

/* Ende Section */


/* Footer */

footer {
	width:100%;
	height:auto;
	background-color:#06038D;
	color:#fff;
	padding:70px 0 0 0;
}

footer a,
footer a:visited {
	color:#eee;
	transition:all 0.2s;
}

footer a:hover {
	color:#B4B4B4;
	transition:all 0.2s;
}

.footer-logo {
	width:200px;
	height:auto;
	float:left;
}

.logo-hwk {
	width:230px;
	height:auto;
	float:right;
	margin-right:50px;
}

.logo-hwk img {
	width:100%;
	height:auto;
}

.logo-bgvht {
	width:230px;
	height:auto;
	float:right;
	margin-right:50px;
}

.footer-logos-box {
	width:auto;
	height:auto;
	float:right;
}

.box-1 {
	width:auto;
	float:right;
	display:none;
}

.box-1 ul {
	list-style:none;
	padding:0;
}

.box-2 {
	width:auto;
	float:right;
	text-align:right;
}

.box-2 ul {
	list-style:none;
	padding:0;
}

.box-3 {
	float:right;
	width:auto;
	text-align:right;
	margin-right:50px;
}

.box-3 ul {
	list-style:none;
	padding:0;
}

.box-4 {
	float:left;
	margin-right:12%;
}

.box-4 ul {
	list-style:none;
	padding:0;
}

.box-5 {
	float:left;
}

.box-5 ul {
	list-style:none;
	padding:0;
}

.copyright {
	background-color:#06038D;
	padding-top:10px;
	color:#4d5b9b;
	font-weight:bold;
	float:left;
	width:auto;
	margin-bottom:13px;
}

.impressum-datenschutz {
	float:right;
	width:auto;
	color:#eee;
	padding-top:10px;
	margin-bottom:3px;
}

.impressum-datenschutz a:first-child {
	margin-right:10px;
}

.border-footer {
	width:100%;
	border-top:2px solid rgba(255,255,255,0.2);
	margin-top:70px;
}

@media (min-width:768px) {
	
	.copyright {
		padding-bottom:10px;
	}
}

@media (max-width:1055px) {
	.padding-left {
		padding-left:20px;
		padding-right:20px;
	}
}

/* Ende Footer */

@media (max-width:1160px) {
	.footer-logos-box {
		padding-left:70px;
		margin-top:30px;
	}
	
	.box-3 {
		width:400px;
	}
	
	.logo-bgvht {
		margin-right:35px;
		width:auto;
	}
	
	.logo-bgvht img {
		width:200px;
		height:auto;
	}
	
	.logo-hwk {
		margin-right:0;
		width:auto;
	}
	
	.logo-hwk img {
		width:200px;
		height:auto;
	}
}

@media (max-width:990px) {
	.content {
		width:100%;
		padding-top:30px;
		padding-bottom:30px;
	}
	
	h1 {
		margin-top:0px;
	}
}

@media (max-width:900px) {
	.box-3 {
		width:auto;
	}
}

@media (max-width:895px) {
	.header-bild.video {
		height:auto;
	}
	
	.header-bild.video video {
		position:relative;
		top:0;
		left:0;
		transform:none;
	}
}

@media (max-width:830px) {
	.footer-logos-box {
		width:300px;
		margin-top:40px;
	}
	
	.logo-bgvht {
		margin-right:0;
		margin-top:20px;
	}
}

@media (max-width:768px) {
	.nav-m {
		display:block;
	}
	
	.content-left {
		width:100%;
	}
	
	.content-right {
		width:100%;
		margin-top:40px;
	}
	
	.nachhaltigkeit-content {
		grid-template-columns: 100%;
		grid-template-rows:auto auto auto auto auto;
	}
	
	.eins {
		grid-column:1/2;
		grid-row:1/2;
	}
	
	.zwei {
		grid-column:1/2;
		grid-row:2/3;
	}
	
	.drei {
		grid-column:1/2;
		grid-row:3/4;
	}
	
	.vier {
		grid-column:1/2;
		grid-row:4/5;
	}
	
	.fuenf {
		grid-column:1/2;
		grid-row:5/6;
		margin-bottom:0;
	}
}

@media (max-width:720px) {
	.header-bild {
		width:100%;
		height:210px;
	}
	
	.slick-slider {
		width:100%;
		height:210px;
	}
	
	.header-bild img {
		width:auto;
		height:100%;
		float:right;
	}
	
	.header-bild.job img {
		width:auto;
		height:100%;
		float:right;
	}
	
	.header-bild.leistungen img {
		float:left;
	}
	
	.header-bild.index img {
		float:left;
		transform:scale(1.2);
		margin-left:-15%;
	}
}

@media (max-width:560px) {
	footer {
		padding-top:60px;
	}
	
	.footer-logo {
		width:100%;
		height:auto;
	}
	
	.footer-logo img {
		width:150px;
		height:auto;
	}
	
	.box-2 {
		width:50%;
		float:left;
		text-align:left;
		line-height:30px;
		margin-top:30px;
	}
	
	.box-3 {
		display:none;
	}
	
	.box-1 {
		display:block;
		float:left;
		width:130px;
		margin-top:30px;
		line-height:30px;
	}
	
	.footer-logos-box {
		float:left;
		width:100%;
		margin-left:0;
		padding-left:0;
		margin-top:60px;
		margin-bottom:-25px;
	}
	
	.logo-bgvht {
		float:none;
		margin-top:25px;
	}
	
	.logo-hwk {
		float:none;
	}
}

@media (max-width:550px) {
	h1 {
		font-size:1.7rem;
	}
	
	.header-bild.job img {
		margin-right:-10%;
	}
}

@media (max-width:515px) {
	
	.header-bild.index img {
		float:left;
		transform:scale(1.5);
		margin-left:-15%;
	}
}

@media (max-width:455px) {
	.header-bild.index img {
		float:left;
		transform:scale(1.75);
		margin-left:-15%;
	}
}

@media (max-width:440px) {
	.header-bild.job img {
		margin-right:-30%;
	}
}

@media (max-width:415px) {
	.header-bild.index img {
		float:left;
		transform:scale(2);
		margin-left:-20%;
	}
}

@media (max-width:370px) {
	.impressum-datenschutz {
		width:100%;
		float:left;
		margin-bottom:20px;
	}
	
	.copyright {
		width:100%;
		float:left;
		margin-bottom:10px;
	}
}