/* roboto-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300; /* Light */
  src: url('../css/fonts/roboto-v30-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../css/fonts/roboto-v30-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500; /* Medium */
  src: url('../css/fonts/roboto-v30-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700; /* Bold */
  src: url('../css/fonts/roboto-v30-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


html {
	overflow-x: hidden;
}
body {
  font-family: Roboto, Helvetica, Arial, sans-serif !important;
  font-size: 18px;
  line-height: 35px;
  color: #000;
  background-color: #fff;
}

nav > div,*/
footer .wrapper {
	max-width: 990px;
	margin-left: auto;
	margin-right: auto;
}

a {
	color: #005266;
	text-decoration: underline;
/*	transition: color 200ms ease-in-out;*/
}
a[href ^= 'tel:'] {
	text-decoration: none;
	color: #000;
}
a:hover {
	color: #005266;
}
#header {
	max-width: 1500px;
	margin-left: auto;
  margin-right: auto;
;
}
main {
	padding-top: 90px;
	max-width: 1000px;
	margin-left: auto;
  margin-right: auto;
  padding: 70px 20px 0 20px;
}

.wrap {
	max-width: 990px;
	padding-left: 0;
	padding-right: 0;
	margin: 0 auto;
}

.container,
[class*=" col-"] {
	padding-left: 0;
	padding-right: 0;
}
.row {
	margin-right: 0;
	margin-left: 0;
}
[class*=" col-"] > div {
	padding: 30px 20px 0 20px;
	background-color: #fff;
	height: 100%;
}
[class*=" col-lg-7"] > div {
	padding-top: 0;
}
footer {
	background-color: rgb(238, 243, 248);
}
footer div {
	margin: 0 auto;
	padding: 20px;
}
footer img {
	width: 30px;
	height: auto;
}
footer .tel {
	width: 20px;
	height: auto;
}
.footernav {
	padding: 0;
	background-color: #005266;
	text-align: right;
}
.footernav,
.footernav a {
		color: #fff;
}
.ln {
	padding-right: 30px;
	padding-top: 25px;
	display: inline-block;
}
.xing {
	padding: 3px 0px 4px 1px;
	border-radius: 2px;
}

strong {
	font-weight: 500;
	color: #005266;
}
img {
	max-width: 100%;
	height: auto;
}
#video img {
	width: 100%;
}
footer {
	position: relative;
	left: calc(-50vw + 50%);
	width: 100vw;
}
video {
	width: 100%;
	height: auto;
}
.full-width {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}


h1, h2, h3, h4, cite, li, p, div, strong {
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
}
h1, h2 {
	font-size: 24px;
	line-height: 28px;
	position: relative;
	color: #005266;
	font-weight: 400;
}
h2.index {
	padding-top: 50px;
}
h1 {
	font-weight: 700;
	padding-top: 50px;
}
#video h1 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  font-size: 20px;
  line-height: 25px;
  color: #fff;
  text-align: center;
  padding: 0 20px;
}
h3 {
	font-size: 16px;
	font-weight: 600;
}
.handorgel h3 {
	font-size: 24px;
	line-height: 28px;
	position: relative;
	color: #005266;
	font-weight: 400;
}
h4 {
	font-size: 16px;
	font-weight: 400;
}
ul:not(.navbar-nav) {
	padding-left: 10px;
}
li:not(.nav-item) {
	padding-left: 20px;
  margin-left: 0px;
  list-style-type: none;
}
li:not(.nav-item):before {
	content: "•";
  margin-left: -29px;
  margin-right: 25px;
}

.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 14px;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  color: #fff;
}
.fa-chevron-circle-up::before {
  content: "\f139";
  text-shadow: 0px 0px 10px rgb(0, 0, 0);
}
.w3-xlarge {
  font-size: 45px !important;
}

.box {
	background-color: #e0e9f1;
	padding: 40px;
	margin-top: 40px;
}
.box h2 {
	padding-top: 0;
}

.handorgel {
	border: none;
}
.handorgel__header {

}
.handorgel__header__button {
	border: none !important;
	background: transparent url(../images/arrow-down.svg) no-repeat right 20px !important;
	padding: 20px 80px 20px 0;
	transition: none;
	background-size: 40px !important;
}
.handorgel__header--open .handorgel__header__button {
	background-image: url(../images/arrow-up.svg) !important;
	background-color: transparent !important;
}
.handorgel__content {
	border-bottom: none;
	border-top: none;
}
.handorgel__content__inner {

}
.handorgel__wrapper {
	border-bottom: 1px solid #004a6f;
	padding: 10px 0;
}


.marker {
	position: relative;
  background-color: rgb(222, 232, 240);
  margin-left: 40px;
  padding: 40px;
  margin-bottom: 60px;
}
.marker:before {
	position: absolute;
  top: 0;
  left: -48px;
  background-image: url("../images/marker.svg");
  background-repeat: no-repeat;
  background-size: 40px 40px;
  display: inline-block;
  width: 40px;
  height: 40px;
  content: "";
}


@media only screen and (min-width: 640px) {

	#video h1 {
	  font-size: 30px;
	}
}

@media only screen and (min-width: 768px) {
	#video h1 {
	  font-size: 40px;
	  line-height: 50px;
	}
	.marker {
    margin-left: 150px;
	}
	.marker:before {
    left: -150px;
    background-size: initial;
    width: 91px;
    height: 131px;
	}
}

@media only screen and (min-width: 992px) {
	.shrinked *,
	.not-shrinked * {
		transition: all 400ms ease-in-out;
	}
	main {
		padding-top: 117px;
	}
	.wrap {
		padding-bottom: 200px;
	}
	#video h1 {
	  font-size: 50px;
	  line-height: 90px;
	}
	.vspace {
		margin-bottom: 0;
	}
	
	footer > .wrapper {
		padding-bottom: 80px;
	}
	h2 {
		padding-top: 100px;
    padding-bottom: 50px;
	}
	h1 + h2 {
		padding-top:30px;
	}
	h1 {
		padding-top: 100px;
	}
	[class*=" col-"] > div {
		padding: 45px 40px 40px 60px;
	}
	[class*=" col-lg-7"] > div {
		padding-right: 20px;
	}
	#kontakt {
		min-height: 625px;
		margin-top: 80px;
	}
	.kontakt {
		margin-top: -451px;
    	margin-bottom: 143px;
	}
	.weg1 {
		background-image: url(../images/weg1.svg);
		background-size: cover;
	}
	.weg1cont,
	.weg1cont strong {
		font-size: 26px;
		line-height: 37px;
		color: #fff;
	}
	.weg1cont {
		font-weight: 300;
		padding: 95px 0 80px 40px;
	}
	.weg1cont strong {
			font-weight: 500;
	}
	.weg1 p {
		margin-bottom: 0;
	}
	.weg2cont,
	.weg2cont strong {
		font-size: 22px;
		line-height: 32px;
		color: #005266;
	}
	.weg2cont {
		font-weight: 300;
		padding: 50px 0 40px 120px;
	}
	.weg2cont strong {
		font-weight: 400;
	}
	.weg3:before {
		content: url("../images/weg3.svg");
    position: absolute;
    top: -47px;
    left: calc(50% - 20px);
	}
	.weg3 {
		position: relative;
		margin-top: 70px;
		padding: 30px 40px 30px 40px;
		background-color: rgb(0, 74, 110);
	}
	.weg3,
	.weg3 strong {
		font-size: 26px;
		line-height: 37px;
		color: #fff;
	}
	.weg3 {
		font-weight: 300;
	}
	.weg3 strong {
			font-weight: 500;
	}
/*	
	.marker {
		position: relative;
    background-color: rgb(222, 232, 240);
    margin-left: 150px;
    padding: 40px;
    margin-bottom: 60px;
	}
	.marker:before {
		content: url("../images/marker.svg");
    position: absolute;
    top: 0;
    left: -150px;
	}
*/
}

@media only screen and (min-width: 1200px) {
	#video {
		height: auto;
	}
	#video h1 {
	  font-size: 60px;
	  line-height: 90px;
	}
	.logo {
	  left: 100px;
	}
}