/* Allgemein */

body {background-image:url("../images/background.jpg");background-repeat: no-repeat;background-attachment: fixed;}

.flex-box {display:flex; justify-content:center;}

.border-none {border:none; padding-right:0;}

.clearall {clear:both;}

.desktop-none {display:none; visibility:hidden;}



/* Allgemein - Text Ausrichtung */

body {font-family: 'Open Sans', sans-serif;}

p, a, span, li, ol li, ul li {color: #000000;}

p, a, span, li, ol li, ul li, h1, h2, h3, h4, h5, h6 {line-height: 25px;}

a, h1 b, h2 b, h3 b, h4 b, h5 b, h6 b {color: #023535;}

a, h1, h2, h3, h4, h5, h6 {text-decoration: none;}

h1, h2, h3, h4, h5, h6, a:hover, div.second-nav a span:hover {color: #0FC2C0;}

p {text-align: justify;}

b {font-weight: bold;}

body, h2 {font-size: 16px;}

header {font-size: 12px;}

h1, h3, h5 {font-size: 30px;}



/* Allgemein - Größen & Abstände Abstände */

p {margin:0 0 10px 0;}

header {margin: 20px 0 0 0;}

h1, h2, h3, h4, h5, h6 {margin-top: 10px;}

h2, .container-stage img, .container-marken img, .container-about img, .container-datenschutz img {margin-bottom: 20px;}

h1, h3, h4, h5, h6 {margin-bottom: 40px;}

.container {width: 1206px; max-width: 100%; position: relative; margin-left: auto; margin-right: auto;}

.container-stage, .container-marken, .container-about, .container-datenschutz, .container-footer {padding-top: 33px; padding-bottom: 45px;}

.container-logo {padding-top: 33px; padding-bottom: 10px;}

.container-stage img, .container-marken img, .container-about img, .container-datenschutz img {magin-top: 20px;}

footer img, header img {margin-right: 10px;}

header img {vertical-align: bottom;}

footer img {vertical-align: text-top;}

footer img {width: 20px;}



/* Nav - Content */

img.header-logo, header nav ol li {float: left;}

div.second-nav ol li {float: right;}

.container-nav {color: #023535;}

img.header-logo {margin-top: -5px;}

div.second-nav {margin-left: auto; margin-right: 0;}

header nav ol li a {border-right: 1px solid #000000;}

div.second-nav ol li a, header nav ol li a {font-weight:bold;}

header nav ol li a {padding:0 20px 0 20px;}

div.second-nav ol li a {padding:0 20px 0 0px;}

.logo-content {display:block; margin-left:auto; margin-right:auto;}

.wahl {text-decoration:underline; font-weight:bold;}



/* Logo - Content */

.container-logo img {display:block; margin-left:21%; margin-right:21%;}

.container-logo img.logo {margin-top:50px; margin-bottom:30px;}



/* Stage - Content */

.container-stage img {display:block; margin-left:auto; margin-right:auto;}

.container-stage p {font-family: 'Libre Bodoni', serif; font-size:50px; color:#023535; text-align:center; padding-top:60px;}

.right-logo {float:right;}



/* Marken - Content */
.container-marken {background-color:#fefefe;}

div.content-right div {float:right;}

.desktop-link .content-marken {text-align:right;}



/* About us - Content */

div.content-about {display:block; margin-left:auto; margin-right:auto;}


/* Datenschutz - Content */

.container-datenschutz {background-color:#fefefe;}

.container-datenschutz p {margin-bottom:10px;}

.container-datenschutz li {margin:10px 0; list-style-type:disc;}

div.content-datenschutz {display:block; margin-left:auto; margin-right:auto;}


/* Footer */
.container-footer {background-color:#fefefe;}

.container-footer-claim {background-color:#023535;}

footer div.footer1, footer div.footer2, footer div.footer3 {margin: 10px 0 10px 0;}

footer div.footer2 {padding-left: 8%;}

footer div.footer3 ul {float: right;}

div.footer-claim p {color: #fefefe; font-size:12px; margin:5px 0;}

.claim-text-right {text-align:right;}




@media screen and (max-width : 768px){
/* For mobile phones: */
body {font-size:18px;}

h2 {font-size:1em;}

p, a, span, li, ol li, ul li, h1, h2, h3, h4, h5, h6 {line-height:1.5em;}

.container {width:100%; max-width:100%; padding:10px;}

.mobil-none {display:none; visibility:hidden;}

.desktop-none {display:inline; visibility:visible;}

div.second-nav ol li a, header nav ol li a {padding:0;}

header ol img {padding-right:20px;}

.container-stage p {font-size:3em; padding-top:10%;}

div.content-left a.desktop-none, div.content-right a.desktop-none {text-align:right;}

div.footer {text-align:center;}

footer div.footer2 {padding:0;}

footer div.footer3 ul {float:none;}

div.footer-claim p, .claim-text-right {text-align:center;}

.container-logo img {display:block; margin-left:0; margin-right:0;}

.second-nav img {width:150%;}

.second-nav ol li {padding-right:10%;}

.second-nav ol li a {width:25%;}

.container-logo img.logo {margin-top:10px;}

.mobile-link {margin-bottom: 50px;}

}