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

html {
margin: 0;
padding: 0;
background-image: url("img/hg.jpg");
background-attachment: fixed;
background-size: cover;	
background-size: contain;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
height: 100%;
width: auto;
}

body {
font-family: 'Barlow Semi Condensed', Tahoma, sans-serif;
font-size: 18px;
line-height: 25px;
font-weight: 300;
color: #002558;
text-align:left;
}


/* vietnamese */
@font-face {
  font-family: 'Barlow Semi Condensed';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(fonts/wlphgxjLBV1hqnzfr-F8sEYMB0Yybp0mudRfG7qnIE4Ygg.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Barlow Semi Condensed';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(fonts/wlphgxjLBV1hqnzfr-F8sEYMB0Yybp0mudRfG7qmIE4Ygg.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Barlow Semi Condensed';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(fonts/wlphgxjLBV1hqnzfr-F8sEYMB0Yybp0mudRfG7qoIE4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: 'Barlow Semi Condensed';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(fonts/wlpigxjLBV1hqnzfr-F8sEYMB0Yybp0mudRf06i_CGslu50.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Barlow Semi Condensed';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(fonts/wlpigxjLBV1hqnzfr-F8sEYMB0Yybp0mudRf06i_CWslu50.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Barlow Semi Condensed';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(fonts/wlpigxjLBV1hqnzfr-F8sEYMB0Yybp0mudRf06i_B2sl.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: 'Barlow Semi Condensed';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(fonts/wlpigxjLBV1hqnzfr-F8sEYMB0Yybp0mudRfi6m_CGslu50.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Barlow Semi Condensed';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(fonts/wlpigxjLBV1hqnzfr-F8sEYMB0Yybp0mudRfi6m_CWslu50.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Barlow Semi Condensed';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(fonts/wlpigxjLBV1hqnzfr-F8sEYMB0Yybp0mudRfi6m_B2sl.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}



h1, h2, h3 {
margin: 0;
padding: 0;
}

h1 {
font-size: 36px;
font-weight: 100;
margin-bottom: 13px;
}

h2 {
font-size: 30px;
font-weight: 100;
margin-bottom: 13px;
}

strong {
font-weight: 500;
}

p {
margin-top: 0px;
margin-bottom: 13px;
}

#menueZ {
z-index: 100;
position:fixed;
top: 28px;
left: 20px;
width: 3%;
float: none;
text-align:left;
}

#menueO {
z-index: 100;
position:fixed;
top: 28px;
left: -300px;
width: 230px;
max-height: 100%;
float: none;
text-align:left;
overflow-y: auto;
}

#menueO img {
width: 40px;
height: auto;
padding-top: 4px;
}

ul#navi  {
text-decoration:none;
margin-top: 60px;
margin-left: 16px;
padding-left: 12px;
padding-right: 12px;
padding-bottom: 4px;
}

ul#navi li, ul#navi a, ul#navi span {
font-size: 18px;
text-align:left;
color: #fff;
font-weight: 300;
text-decoration: none;
list-style: none;
text-transform: uppercase;
line-height: 160%;
letter-spacing: 0.05em;
}

#menueO {
    transition:all 1s ease;
}

#menueO:target {
left: 1px;
}

hr {
border: none;
border-top: 1px solid #fff;
}

#logo {
z-index: 80;
position: fixed;
top: 30px;
width: 28%;
min-width: 300px;
text-align: right;
font-size: 36px;
font-weight: 100;
color: #fff;
letter-spacing: 0.05em;
}
.logoNachname {
font-weight: 300;
}

#container {
z-index: 10;
position:relative;
top: 0;
overflow: visible;
padding: 0;
margin: 0;
text-align: left;
min-width: 1000px;
}

#white {
position:absolute;
left: 30%;
width: 60%;
max-width: 1000px;
min-height: 100%; /* Mindesthöhe für moderne Browser */
height:auto !important; /* Important Regel für moderne Browser */ 
height:100%; /* Mindesthöhe für den IE */
background: #fff;
background-color: rgb(255,255,255, 0.7);/* mozilla */
background-color: rgba(255,255,255, 0.7);/* Safari */
}

#main {
opacity: 1;
padding-left: 20px;
padding-right: 10px;
margin-bottom: 40px;
}

a, a:link, a:visited, a:hover, a:active {
color: #002558;
font-weight: 500;
text-decoration: none;
}

@media screen and (max-width: 990px)  { 
#container {
min-width: 500px;
}
#logo {
width: 90%;
min-width: 300px;
}
#menueO {
}
#white {
position:absolute;
left: 10px;
margin-right: 20px;
top: 80px;
width: 90%;	
padding: 5;
}
ul#navi {
background-color: #783c2e;
}
}

@media screen and (max-device-width: 1024px)and (orientation: portrait) {
body {
font-size: 36px;
line-height: 50px;
}
h1 {
font-size: 72px;
margin-bottom: 26px;
}

h2 {
font-size: 60px;
margin-bottom: 26px;
}
}