* {
  margin:0;
  padding:0;
  line-height: 1.4em;
}
html,
body{
  height: 100%;
}
body {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size:85%;
 background: #3a7281;
 color:#fff;
}
h1 {
  color:#1c343a;
  font-size:2em;
  font-weight: bold;
}
a {
  color:#fff;
  text-decoration:none;
}

#wrapper {
  display: flex;
  flex-direction: column;
  width:100%;
  height:100%;
  background:#3a7281;
  overflow: auto;
}

#header {
  border-bottom:1px solid #fff;
  width:80%;
  margin: 0 auto;
  padding-top: 50px;
}

.navigation {
  font-weight:normal;
  font-size:1.2em;
  width:100%;
  text-indent:20px;
}
.navigation li {
  margin-right:2px;
}
.navigation a {
  padding:0 10px 0 0;
  letter-spacing:0.00em;
  font-size:14px;
}

.navigation a:hover,.navigation a.active,.impressum a:hover {
  color:#e8e8e8 !important;
}

a.active {
    font-weight:bold;
}
.horizontal-list{
  list-style:none;
  margin:0;
  padding:0;
  float:left;
  display:inline;
}

.horizontal-list li {
  display:inline;
  padding:0;
  margin:0;
}


#content {
  margin:30px auto 0;
  width:80%;
  height: 100%;
  overflow: auto;
}
#scrollable-content {
  width:100%;
  margin:10px 0;
  overflow:auto;
}

#content.home {
  background: url(/_images/home.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-color: rgba(0,0,0,0.4);
  background-size: cover;
}

#content.home .overlay {
  margin-top:225px;
  background-color: rgba(0,0,0,0.4);
  width: 43%;
}

#content.home h1 {
text-transform: uppercase;
text-indent:20px;
color:#fff;
  line-height: 1.5em;
}
#content.home h2 {
margin-top:10px;
margin-left:20px;
color:#fff;
  line-height: 1.5em;
}
p.impressum {
text-align:right;
}
#content.kontakt img {
float:left;
  margin-top: 55px;
}
#content.kontakt h1 {
margin-top:50px;
}
#content.kontakt h2 {
font-weight:normal;
margin-top:80px;
}
#content.kontakt p {
margin-top:20px;
font-size:1.2em;
}
#content.impressum h1, #content.datenschutz h1 {
margin:20px 0;
float:none !important;
}
#content.impressum h2, #content.datenschutz h2 {
margin:20px 0 10px 0;
float:none !important;
}

.inner_container {
float:left;
width:400px;
margin-left:100px;
}
.impressum .inner_container, .datenschutz .inner_container  {
width:600px;
}
#content.werdegang h1, #content.werdegang h2 {
}
#content.werdegang h1, #content.werdegang h2, #content.subpage h1, #content.subpage h2 {
  text-align: center;
  margin: 20px auto 40px;
}
#content.werdegang h2, #content.subpage h2 {
margin-top:40px;
margin-bottom:20px;
}
#content.werdegang h2,dd.jahr,dd.sprache,#content.impressum h2,#content.datenschutz h2 {
color:#FFFFFF;
}
dl {
margin-bottom:10px;
overflow:auto;
clear:both;
}
dd.jahr, dd.sprache {
float:left;
width:150px;
text-align:right;
margin-right:20px;
margin-left:0px;
}

dt {
font-weight:bold;
float:right;
width:550px;
}
dd {
margin-left:120px;
float:right;
width:550px;
}

/**************************Table**************/

.svn-row {
  display: flex;
  justify-content: space-evenly;
  margin-bottom: 20px;
}
.svn-cont {
  display: flex;
  width: 52%;
}
.svn-cont.svn-left {
  width: 25%;
}

.svn-left {
  flex-direction: row;
  justify-content: flex-end;
  margin-right: 10%;
}

.svn-right {
  flex-direction: column;
}

/****************************Footer**********************/
#footer {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  padding-bottom: 30px;
  margin-top: 45px;
}

#footer p {
  margin-right: 20px;
}

/************************Scrollbar*************************/
/* width */
::-webkit-scrollbar {
  width: 10px;
}
/* Track */
::-webkit-scrollbar-track {
  background: rgba(255,255,255,0.8);
  border-radius: 10px;
}
/* Handle */
::-webkit-scrollbar-thumb {
  background: rgba(28,52,58,0.9);
  border-radius: 10px;
}