@CHARSET "UTF-8";

/* ------------------------ Common ------------------------------- */
html, body {
	width:100%;
	height:100%;
	margin:0;
	padding:0;
}

body {
	font-family:'Roboto Condensed', sans-serif;
	font-size:10pt;
	color:#1d1d1b;
}

h1 {
	font-family:'Roboto Slab', serif;
	font-size:2em;
	font-weight:bold;
}

h2 {
	font-family:'Roboto Slab', serif;
	font-size:1.6em;
	font-weight:bold;
}

h3 {
	font-family:'Roboto Slab', serif;
	font-size:1.2em;
	font-weight:bold;
}

.box {
  display: flex;
  flex-flow: column;
  height: 100%;
}

.box .row.header {
  flex: 0 1 110px;
}

#header-left {
	width:48%;
	height:110px;
	float:left;
}

#header-left img {
	padding:10px 0 10px 20px;
}

#header-right .doppelt {
	font-size:2em;
}

#header-right {
	width:48%;
	padding:30px 20px 10px 0px;
	float:right;
	text-align:right;
}

#header-right a {
	text-decoration:none;
	color:#1d1d1b;
	font-size:1.2em;
}

#header-right a:hover {
	text-decoration:none;
	color:#0769bc;
}

#slider-wrapper {
	clear:both;
	position:relative;
	display:flex;
}

.box .row.slider {
  flex: 1 1 auto;
}

.mySlides {
	display:none;
	width:auto;
	overflow:hidden;
}
.animate-left{position:relative;animation:animateleft 0.4s}@keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}}

#capture {
	color:white;
	position:absolute;
	z-index:10000;
	top:50%;
	left:50px;
	text-shadow:2px 2px black;
}

#capture-right {
	color:white;
	position:absolute;
	z-index:10000;
	top:50%;
	right:50px;
	text-shadow:2px 2px black;
}

#capture h1, #capture-right h1 {
	font-family:'Roboto Slab', serif;
	font-size:3em;
	padding:0;
	margin:0;
}

#capture span, #capture-right span {
	font-size:2em;
}

#content-wrapper {
	width:100%;
}

#content-wrapper p {
	font-size:1.2em;
}

.table {
	display:table;
	width:100%;
	height:100%;
}

.table-row {
	display:table-row;
	height:50%;
}

.table-cell {
	display:table-cell;
	text-align:center;
	padding: 100px 0 0 0;
	font-size:2em;
	font-weight:bold;
	width:100%;
	white-space:normal;
}

#content-one {
	width:24%;
	float:left;
	height:400px;
}

#content-two {
	width:25%;
	float:left;
	height:400px;
}

#content-three {
	width:25%;
	float:left;
	height:400px;
}

#content-four {
	width:25%;
	float:left;
	height:400px;
}

#ansprechen {
	clear:both;
	width:100%;
	display:inline-block;
	text-align:center;
	padding:50px 0 50px 0;
}

#ansprechen a {
	text-decoration:none;
	display:inline-block;
	font-size:1.5em;
	width:200px;
	margin:0 auto;
	padding:20px;
	background-color:#0769bc;
	color:white;
	border:1px solid #0769bc;
	border-radius:4px;
}

#ansprechen a:hover {
	text-decoration:none;
	display:inline-block;
	width:200px;
	margin:0 auto;
	padding:20px;
	background-color:#004077;
	color:white;
	border:1px solid #004077;
	border-radius:4px;
}


#footer-wrapper {
	width:100%;
	height:300px;
	background:url(../images/background-50x50.png);
	background-repeat:repeat;
	color:white;
	box-sizing:border-box;
}

#footer-wrapper a, #footer-wrapper a:visited {
	text-decoration:none;
	color:white;
}

#footer-wrapper a:hover {
	color:#0769bc;
}

#footer-one .table, #footer-two .table, #footer-three .table {
	padding: 20px 0 0 10px;
	height:auto;
}

#footer-one .table-row, #footer-two .table-row, #footer-three .table-row {
	display:table-row;
	height:auto;
}

#footer-one .table-cell, #footer-two .table-cell, #footer-three .table-cell {
	padding:0;
	display:table-cell;
	text-align:center;
	font-size:2em;
	font-weight:bold;
	width:20%;
	white-space:normal;
}

#footer-one .table-cell:nth-of-type(2), #footer-two .table-cell:nth-of-type(2), #footer-three .table-cell:nth-of-type(2) {
	display:table-cell;
	font-size:2em;
	font-family:'Roboto Slab', serif;
	font-weight:bold;
	width:80%;
	white-space:normal;
	text-align:left;
}

#footer-one .table-row:nth-of-type(2) .table-cell:nth-of-type(2), #footer-two .table-row:nth-of-type(2) .table-cell:nth-of-type(2), #footer-three .table-row:nth-of-type(2) .table-cell:nth-of-type(2) {
	display:table-cell;
	padding:10px 0 0 0;
	font-size:1.5em;
	font-family:'Roboto Condensed', sans-serif;
	font-weight:normal;
	width:80%;
	white-space:normal;
	text-align:left;
}

#footer-one {
	width:33%;
	float:left;
	height:100%;
}

#footer-two {
	width:33%;
	float:left;
	height:100%;
}

#footer-three {
	width:33%;
	float:left;
	height:100%;
}

.popup .popuptext {
	font-size:16px;
  visibility: hidden;
  width: 50%;
  background-color: rgba(7,105,188,0.8);
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 8px 0;
  position: absolute;
  z-index: 11000;
  top: 50px;
  left: 25%;
  }

.popup .show {
  visibility: visible;
  -webkit-animation: fadeIn 1s;
  animation: fadeIn 1s;
}

#closePopup {
	cursor:pointer;
}

@-webkit-keyframes fadeIn {
  from {opacity: 0;} 
  to {opacity: 1;}
}

@keyframes fadeIn {
  from {opacity: 0;}
  to {opacity:1 ;}
}

.popup a {
	color:white;
}

.popup a:hover {
	color:yellow;
}

.popup a:visited {
	color:white;
}