/* ---------- STYLESHEET ---------- */

* {
	margin: 0;
	padding: 0;
}

a {
	text-decoration: none;
	color: black;
}

@font-face {
	font-family: 'FFDIN';
	src: url(../../fonts/Regular.woff2) format('woff2');
}

@font-face {
	font-family: 'FFDIN';
	src: url(../../fonts/Bold.woff2) format('woff2');
	font-weight: bold;
}

body {
	font-family: 'FFDIN';
	overflow-x: hidden;
}


/* width */
::-webkit-scrollbar {
    width: 0.75vw;
}

/* Track */
::-webkit-scrollbar-track {
    background: none;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: black;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: black;
    cursor: pointer;
}


#myBtn {
	width: 3vw;
	height: 3vw;
    display: none; /* Hidden by default */
    position: fixed; /* Fixed/sticky position */
    bottom: 2.1vw; /* Place the button at the bottom of the page */
    right: 2.1vw; /* Place the button 30px from the right */
    z-index: 99; /* Make sure it does not overlap */
    background-image: url(../../images/scrollup_sw.png);
    background-size: contain;
    cursor: pointer; /* Add a mouse pointer on hover */
}

#myBtn:hover {
	background-image: url(../../images/scrollup.png);
	background-size: contain;
	cursor: pointer;
}


/* ---------- wrapper ---------- */

#wrapper {
	max-width: 1920px;
	height: auto;
	background-color: none;
}


/* ---------- Navigation ---------- */
/* The side navigation menu */
.sidenav {
    height: 100%; /* 100% Full-height */
    width: 0; /* 0 width - change this with JavaScript */
    position: fixed; /* Stay in place */
    z-index: 10000; /* Stay on top */
    top: -1vw;
    right: -2vw;
    background-color: white; /* White*/
    border: 0.5vw solid black;
    overflow-x: hidden; /* Disable horizontal scroll */
    padding-top: 6vw; /* Place content 60px from the top */
    transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
}

/* The navigation menu links */
.sidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 1.75vw;
    color: black;
    display: block;
    
}

/* When you mouse over the navigation links, change their color */
.sidenav a:hover, .offcanvas a:focus {
    font-style: italic;
}

/* Position and style the close button (top right corner) */
.sidenav .closebtn {
	width: 2.25vw;
	height: 2.25vw;
    position: absolute;
    top: 2.6vw;
    right: 2.2vw;
    margin-left: 5vw;
    background-image: url(../../images/cross_sw.png);
    background-size: contain;
    background-repeat: no-repeat;
}

.closebtn:hover {
	background-image: url(../../images/cross.png);
	background-size: contain;
}

#hamburger {
	width: 3vw;
	height: 3vw;
	position: fixed;
	background-image: url(../../images/hamburger_sw.png);
	background-size: contain;
	z-index: 1000;
	top: 2.1vw;
	right: 2.1vw;
}

#hamburger:hover {
	background-image: url(../../images/hamburger.png);
	background-size: contain;
	cursor: pointer;
}


/* ---------- header ---------- */
header {
	width: 100%;
	height: auto;
	background-color: white;
	margin: 0 auto;
}

#akzentBalken {
	width: 23.5vw;
	height: 2vw;
	background-color: black;
	margin-left: 10%;
}

#textblock_header1 { /* Imprint */
	width: 50%;
	height: auto;
	background-color: white;
	color: black;
	margin-left: 9.5%;
	font-size: 7vw;
}

#textblock_header2 { /* back */
	width: 50%;
	height: auto;
	background-color: none;
	margin-left: 10%;
	font-size: 1.75vw;
	margin-top: -1%;
}

#textblock_header2 a:hover {
	font-style: italic;
}


/* ---------- main1 ---------- */
#main1 {
	width: 100%;
	height: auto;
	background-color: none;
	margin-top: 1%;
	float: left;
}

#mainSubheadline1 { /* All data... */
	width: auto;
	height: auto;
	background-color: black;
	color: white;
	margin-left: 10%;
	margin-top: 3%;
	font-size: 1.75vw;
	float: left;
}

#mainSubheadline2 { /* actual text */
	width: 81%;
	height: auto;
	background-color: none;
	margin-left: 10%;
	margin-top: 3%;
	font-size: 1.75vw;
	float: left;
}

#mainSubheadline2 a:hover {
	font-style: italic;
}


/* ---------- main1 Ende Platzhalter ---------- */
#main1EndePlatzhalter {
	width: 100%;
	height: 5vw;
	background-color: none;
	float: right;
}


/* ---------- main 2 footer ---------- */
#main2footer {
	font-size: 1.75vw;
	width: 100%;
	height: 10vw;
	margin-left: 9.8%;
	background-color: none;
	float: left;
}

#main2footer a:hover {
	font-style: italic;
}