/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/open-sans-v15-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Light'), local('OpenSans-Light'),
       url('../fonts/open-sans-v15-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v15-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v15-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v15-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v15-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/open-sans-v15-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('../fonts/open-sans-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v15-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/open-sans-v15-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('../fonts/open-sans-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v15-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* noto-sans-regular - latin */
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/noto-sans-v7-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Noto Sans'), local('NotoSans'),
       url('../fonts/noto-sans-v7-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/noto-sans-v7-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/noto-sans-v7-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/noto-sans-v7-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/noto-sans-v7-latin-regular.svg#NotoSans') format('svg'); /* Legacy iOS */
}
/* noto-sans-700 - latin */
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/noto-sans-v7-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Noto Sans Bold'), local('NotoSans-Bold'),
       url('../fonts/noto-sans-v7-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/noto-sans-v7-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/noto-sans-v7-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/noto-sans-v7-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/noto-sans-v7-latin-700.svg#NotoSans') format('svg'); /* Legacy iOS */
}


*,
*:before,
*:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; 
  }
html {  
    font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
  }
  /* Angaben für alle standardkonformen Browser */

body {
padding:0;
font-size:11pt;
margin: 0 auto;
  background: #fff;
  color: #222;
  font-family: "Noto sans", "Open Sans", sans-serif;
  font-weight: normal;
  font-style: normal;
  line-height: 1em;
  text-align:center;
}


#contentwrapper {
width:100%;
	margin: 0 auto;
    padding: 2em 3em;
    text-align:center;
}
/* Menu, Navigation */

#menucontainer { 
position:fixed; 
top:0px; 
left:0px; 
right:0px; 
background:#2e5e80; 
height:auto;
text-align:center; 
 text-transform: uppercase;
padding:0; 
margin:0;
 }
 
 #menu {
font-weight:600;
font-size:0.7rem;
margin:0;
padding:0;
text-align: center;}

#menu li{list-style-type: none;
         padding: 10px 15px;
         margin: 5 px 10px;
         display: inline-block;}

#menu li a {color: #fff;
            text-decoration: none;
            }

#menu li:hover {background-color: #222;}

ul#menu li.active {
background:#222;
} 

#headergross {
display:block;
margin-left: auto;
margin-right: auto;
}
#headerklein {
display:none;
}

#cont1, #cont2  {
 background:#fff;
display:block;
float:left;
padding: 2em 5em;
text-align: left;
width:47%;
}
#cont3, #lebenslauf  {
 background:#fff;
display:block;
padding: 2em 0em;
text-align: left;
width:100%;
margin: 0 auto;
}
.kasten {
width:30%;
display:block;
float:left;
margin-right:1em;
padding-right:1em;
}
#contklein {
display:none;
}
#footer {
    position:fixed;
    bottom:0px;
	background:#444;
	color:#fff;
    text-align:center;
	padding: 0 0 1em 0;
    width:100%;
	margin: 0 auto;    
}
#footer p {
    font-size: 0.9em;
	padding: 0 0.5em;
	margin: 0 auto;  
	margin-bottom: 0;
}
#consulting {
	background:#fff;
	color:#2e5e80;
      font-size: 0.9rem;
  font-weight: 900;
  padding:3em 0 1em 0;
  margin-bottom:0.5em;
  text-transform:uppercase;
}
.copyright { 
color:#4c82a8;
padding:0 0 1em 0;
} 

#abstand img {
min-height:200px;
height:300px;
margin-top:100px;
}
/* Angaben nur für den Internet Explorer mittels Star-HTML-Hack */

* html, * html body {
    margin:0;
    padding:0;
    height:100%;
    overflow:hidden;
}
* html #menucontainer {
    margin:0;
     height:10%;
}
* html #contentwrapper {
    padding:0;
    height:95%;
    overflow:auto;
}
* html #footer {
    background:#efefef;
    height:5%;
    text-align:center;
    padding-top:1%;
}


button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
}
.btn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.428571429;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
       -o-user-select: none;
          user-select: none;
}

.btn:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.btn:hover,
.btn:focus {
  color: #333333;
  text-decoration: none;
}

.btn:active,
.btn.active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
          box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn-default {
  color: #333333;
  background-color: #ffffff;
  border-color: #cccccc;
}

.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
  color: #333333;
  background-color: #ebebeb;
  border-color: #adadad;
}

/* Typography resets */
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0;
  direction: ltr; }

/* Default Link Styles */
a {
  color: #2e5e80;
  text-decoration: none;
  line-height: inherit; }
  a:hover, a:focus {
    color: #222; }
  a img {
    border: none; }

/* Default paragraph styles */
p {
  font-family: inherit;
  font-weight: normal;
  font-size: 1em;
  line-height: 1.6;
  margin-bottom: 1.25rem;
  text-rendering: optimizeLegibility; }

/* Default header styles */
h1, h2, h3, h4, h5, h6 {

  font-weight: 300;
  font-style: normal;
  color: #2e5e80;
  text-rendering: optimizeLegibility;
  margin-top: 0.2rem;
  margin-bottom: 0.1rem;
  line-height: 1.4; }
  
  h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
    font-size: 60%;
    color: #2e5e80;
    line-height: 0;
 }

h1 {
  font-size: 2.125rem; }

h2 {
  font-size: 1.5rem; }

h3 {
  font-size: 1.375rem; }

h4 {
  font-size: 1.125rem; }

h5 {
  font-size: 1.125rem; }

h6 {
  font-size: 0.9rem; 
  font-weight:800;  
  margin-top: 2rem;
  }

hr {
  border: solid #2e5e80;
  border-width: 1px 0 0;
  clear: both;
  margin: 1.25rem 0 1.1875rem;
  height: 0; }

/* Helpful Typography Defaults */
em,
i {
  font-style: italic;
  line-height: inherit; }

strong,
b {
  font-weight: bold;
  line-height: inherit; }

small {
  font-size: 80%;
    font-weight: 800;
    color:#2e5e80;
  line-height: inherit; }


/* Lists */
ul,
ol,
dl {
  font-size: 0.9rem;
  line-height: 1.6;
  margin-bottom: 1.25rem;
  list-style-position: outside;
  font-family: inherit; }

ul {
  margin-left: 1.1rem; }
  ul.no-bullet {
    margin-left: 0; }
    ul.no-bullet li ul,
    ul.no-bullet li ol {
      margin-left: 1.25rem;
      margin-bottom: 0;
      list-style: none; }

/* Unordered Lists */
ul li ul,
ul li ol {
  margin-left: 1.25rem;
  margin-bottom: 0;
  font-size: 1rem;
  /* Override nested font-size change */ }
ul.square li ul, ul.circle li ul, ul.disc li ul {
  list-style: inherit; }
ul.square {
  list-style-type: square;
  margin-left: 1.1rem; }
ul.circle {
  list-style-type: circle;
  margin-left: 1.1rem; }
ul.disc {
  list-style-type: disc;
  margin-left: 1.1rem; }
ul.no-bullet {
  list-style: none; }

/* Ordered Lists */
ol {
  margin-left: 1.4rem; }
  ol li ul,
  ol li ol {
    margin-left: 1.25rem;
    margin-bottom: 0; }

/* Definition Lists */
dl dt {
  margin-bottom: 0.3rem;
  font-weight: bold; }
dl dd {
  margin-bottom: 0.75rem; }
  
  img,
object,
embed {
  max-width: 100%;
  height: auto; }
img {
  -ms-interpolation-mode: bicubic; 
    display: inline-block;
  vertical-align: middle;}

li {
list-style-type: disc;
}  
.left {
  float: left !important; }

.right {
  float: right !important; }

.clearfix {
  *zoom: 1; }
  .clearfix:before, .clearfix:after {
    content: " ";
    display: table; }
  .clearfix:after {
    clear: both; }

.text-left {
  text-align: left !important; }

.text-right {
  text-align: right !important; }

.text-center {
  text-align: center !important; }

.text-justify {
  text-align: justify !important; }

.hide {
  display: none; }

.antialiased {
  -webkit-font-smoothing: antialiased; }
  

.weiter {
font-weight:400;
}  
.cv {
margin-left:2em;}
#lebenslauf ul {
  margin: -1em 0 0 2em;
  padding: 0; }
#lebenslauf ul li {
list-style-position:outside;
  margin: 0 0 0 2em;
  padding: 0; 
  }
.cv-kursiv {
font-style:italic;
margin-top:4em;
}
select {
  width: 100%; }
  
/* --------- 3+4 nur große und mittlere Screens ---------- */
@media (min-width: 401px) { 
#menuklein {
display:none;
}
}
/* --------- 4 nur große Screens ---------- */
@media (min-width: 801px) { 
#cont3, #lebenslauf {
width:70%;
}

}
/* --------- 3 mittlere Screens ---------- */
 
@media (min-width: 470px) and (max-width: 800px) {  

#headergross {
display:none;
}
#headerklein {
display:block;
margin-left: auto;
margin-right: auto
}
  #menu, .btn {
font-size:0.7em;
}
  #footer, #consulting {
font-size:0.9em;
}

#menu li{
padding: 8px 10px;
 margin: 0px 8px;
}
h2 {
  font-size:1.2rem;
  }
h6 {
  font-size:0.9rem;
  }   
#cont1, #cont2 {
padding:2em;  
width:50%; 
}

#cont3  {
width:100%;
}
#cont1, #cont2, #cont3, #lebenslauf  {
font-size:0.9rem;
}  
 #lebenslauf ul, #cont2 ul {
font-size:0.9rem !important;
} 
.kasten {
display:block;
float:none;
width:100%;
margin-bottom: 2em;
}   
.kasten ul{
padding:1em;
font-size:0.9rem;} 
}
/* --------- 2 kleine Screens ---------- */
 
@media (min-width: 400px) and (max-width: 469px) {  

#headergross {
display:none;
}
#headerklein {
display:block;
margin-left: auto;
margin-right: auto
}
#menu {
font-size:0.6rem;
}
#menu li{
padding: 8px 10px;
 margin: 0 px 8px;
         }
h2 {
  font-size:1.2rem;
  } 
  h6 {
  font-size:0.9rem;
  } 
  #cont1, #cont2, #cont3, #lebenslauf, .kasten  {
float:none;
width:100%;
margin:0;
padding:0;
  font-size:0.9rem;
  margin-bottom: 2em;

}  
}

/* --------- 1 winzige Screens ---------- */

@media (max-width: 400px) {  

#headergross {
display:none;
}
#headerklein {
display:block;
margin-left: auto;
margin-right: auto
}
.btn {
font-size:0.7rem;
}
  #footer, #consulting {
font-size:0.9rem;
}
#menu{
display:none;
}
 #menuklein {
 color:#fff;
font-weight:600;
font-size:0.6rem;
width: 100%;
margin: 0 auto;
margin-bottom:3em;
padding:0;
text-align: center;
 text-transform: uppercase;

}

#menuklein li{
 background-color:#2e5e80;
list-style-type: none;
         padding: 5px;
         margin: 10px;
         display: block;}

#menuklein li a {color: #fff;
            text-decoration: none;
            }

#menuklein li:hover {background-color: #222;}

ul#menuklein li.active {
background:#222;
} 

h2 {
  font-size:1.2rem;
  } 
  h6 {
  font-size:0.9rem;
  } 
#cont3, #lebenslauf,#cont1, #cont2  {
font-size:0.9rem !important;
line-height: 0.9rem !important;
padding:1em;
width:100%;
} 
#lebenslauf ul, #cont1 ul, #cont2 ul, .kasten ul {
font-size:0.9em !important;
}
.kasten {
display:block;
float:none;
font-size:0.9rem;
width:100%;
  margin-bottom: 2em;

}      
}