/* lato-300 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/lato-v23-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/lato-v23-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v23-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v23-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v23-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v23-latin-300.svg#Lato') format('svg'); /* Legacy iOS */
}

/* lato-300italic - latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/lato-v23-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/lato-v23-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v23-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v23-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v23-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v23-latin-300italic.svg#Lato') format('svg'); /* Legacy iOS */
}

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

/* lato-italic - latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/lato-v23-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/lato-v23-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v23-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v23-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v23-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v23-latin-italic.svg#Lato') format('svg'); /* Legacy iOS */
}

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

/* lato-700italic - latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/lato-v23-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/lato-v23-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v23-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v23-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v23-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v23-latin-700italic.svg#Lato') format('svg'); /* Legacy iOS */
}

/* lato-900 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/lato-v23-latin-900.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/lato-v23-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v23-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v23-latin-900.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v23-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v23-latin-900.svg#Lato') format('svg'); /* Legacy iOS */
}

/* lato-900italic - latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 900;
  src: url('../fonts/lato-v23-latin-900italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/lato-v23-latin-900italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v23-latin-900italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v23-latin-900italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v23-latin-900italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v23-latin-900italic.svg#Lato') format('svg'); /* Legacy iOS */
}

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

/* Mulishsh-600 - latin */
@font-face {
  font-family: 'Mulishsh';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/Mulishsh-v12-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/Mulishsh-v12-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/Mulishsh-v12-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/Mulishsh-v12-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/Mulishsh-v12-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/Mulishsh-v12-latin-600.svg#Mulishsh') format('svg'); /* Legacy iOS */
}

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

/* Mulishsh-italic - latin */
@font-face {
  font-family: 'Mulishsh';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/Mulishsh-v12-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/Mulishsh-v12-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/Mulishsh-v12-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/Mulishsh-v12-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/Mulishsh-v12-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/Mulishsh-v12-latin-italic.svg#Mulishsh') format('svg'); /* Legacy iOS */
}

/* Mulish-700italic - latin */
@font-face {
  font-family: 'Mulish';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/Mulish-v12-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/Mulish-v12-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/Mulish-v12-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/Mulish-v12-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/Mulish-v12-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/Mulish-v12-latin-700italic.svg#Mulish') format('svg'); /* Legacy iOS */
}

/* ==== Google font ==== */
@import url('https://fonts.googleapis.com/css?family=Lato:400,300,700,900');
@import url('https://fonts.googleapis.com/css?family=Mulish:400,600,700');

body {
    width: 100%;
    height: 100%;
    font-family: 'Mulish', sans-serif;
    color: #666;
    background-color: #fff;
    line-height: 1.6em;
	font-weight: 400;
}


h1, h2{
	font-family: 'Lato', sans-serif;
	font-weight: 400;
}

/* --- Header --- */

h1 {
	display:none;
}

.site-logo {	
	margin-top:30px;
	margin-bottom:30px;
    text-align:center;
}

.site-logo a.brand {
	color: #2487cd;	
	font-size: 30px;
	font-family: 'Lato', sans-serif;
	font-weight: 900;
	padding: 20px 0;
	
}
.site-logo a.brand:hover {
	text-decoration:none;
}


.navbar {
    margin-bottom: 0;
}

/* --- Header --- */

h2 {
	margin-bottom:-10px;
	font-size:20px;
	line-height: 1.4em;
	color:#666;
}

p {
	font-size:16px;
}

#about  {
	margin-top:150px;
	margin-bottom:20px;
}

#history {
	margin-bottom:20px;
}

.social-box .box{
    background: #FFF;
    border-radius: 10px; 
    padding: 20px 20px;
    margin: 20px 20px;
    cursor: pointer;
    transition: all 0.5s ease-out;
}

.social-box .box:hover{
   box-shadow: 0 0 6px #4183D7;
}

.social-box h3{
    font-size: 20px;
}


#footer {
  padding-top: 20px;
  padding-bottom: 20px;
  color: #ececec;
  background: #2487cd;
}

#footer a {
  color: #ececec;
}

#footer a:hover {
  color: #fff;
  text-decoration: none;
}

#impressum a, a :hover {
  color: #666;
}

#ds a, a :hover {
  color: #666;
}

#ds p, #impressum p {
  font-size: 13px;
}

#ds h4 {
  font-size: 15px;
}