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

/* ################ Standarteinstellungen ################ */

html,
html * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
    background-color: #ffffff;
}

body {
	max-width: 1024px;
	margin-left: auto;
	margin-right: auto;
       
}
header {
	padding: 32px;
}

h1, h2, a, img, ul, li, p, .impressum-box {
	color: #ffffff;
	background-color: transparent;	
}

h1 {
	margin: 1em;
    text-align: center;
}

h2 {
	font-size: 1.2em;
    margin: 1em;
}

p {
	text-align: left;
    padding: 0.5em;
}

ul, li {
    padding: 0.75em 0.5em 0.5em 1em;
}

img {
	width: 100%;
	max-width: 100%;
	height: auto;    
}

/* Header-Bereich */

.style-logo {
	margin-left: auto;
	margin-right: auto;
	display: block;
	max-width: 300px;
	width: 100%;
	/*margin-bottom: 5px;*/
}


.style-nav ul {
	list-style-type: none;	
}

.style-nav ul li a {
	text-decoration: none;
	color: #000000;
	text-align: center;
    font-size: 0.8em;
	display: block;
	text-transform: uppercase;
    margin: none;
    /*padding: 1em;*/	
}

.row:before, .row:after {
	content: "";
	display: table;
}

.row:after {
	clear: both;
}

/* Footer-Bereich */

.footer {
	background-color: #2F2F2F;
    text-align: center;
	/*width: 100%;*/
    padding: 0.5em;   
}


/* Impressum */

.impressum-box {
    background-color: #8C6C00;
    padding: 1em;    
}

.impressum-box h1, p, a {    
    text-align: center;    
}

.disclaimer {
    background-color: #7F7F7F;
    text-align: center;
    padding: 0.5em;
}

.disclaimer-link {
    background-color: transparent;
    color: #FFFFFF;
}



/* 1. Reihe */

.panorama {
    margin: 0.3em;
    
}

.panorama img {
	width: 100%;
	max-height: 200px;
	height: 100%;
}




/* Tablet View */
@media (min-width: 768px) {
	.style-nav ul li {
		display: inline-block;
        font-size: 1.3em;
	}
	.style-nav ul {
		text-align: center;
	}
    
    .flex-container {
        flex-direction: row;        
    }
    
    .impressum-box, .disclaimer, footer {
       margin: 0.3em;
    }
    
    
	
	
	


/* Desktop View */
@media (min-width: 1024px){
	.style-logo {
		float: left;
	}
	
	.style-nav {
		float: right;
    }
    
    .flex-container {
        flex-direction: row;        
    }
    
    .impressum-box, .disclaimer, footer {
       margin: 0.3em;
    }
        
}