/*! Layout CSS | wpt-online e.K. */
body {
  font-family: 'Open Sans', sans-serif;
}
#photos{
	/* Prevent vertical gaps */
	line-height: 0;
	
	-webkit-column-count: 3;
	-webkit-column-gap: 5px;
	-moz-column-count: 3;
	-moz-column-gap: 5px;
	column-count: 3;
	column-gap: 5px;
}

#maedchenname{
  position:absolute;
  top:-9999px;
  left:-9999px;
}

#photos img{
	/* Just in case there are inline attributes */
	width: 100% !important;
	height: auto !important;
	margin: 2.5px 0 2.5px 0;
}
@media (max-width: 800px){
	#photos {
		-moz-column-count:    2;
		-webkit-column-count: 2;
		column-count:         2;
	}
}
@media (max-width: 400px){
	#photos {
		-moz-column-count:    1;
		-webkit-column-count: 1;
		column-count:         1;
	}
}
.header-main {
  margin-top: 25px;
}
.header-main-top > .container {
  position: relative;
}
.header-main-top-phone--informations {
  margin-top: 20px;
  font-size: 1.45rem;
}
@media screen and (min-width: 992px) {
  .header-main-top-phone--informations {
    position: absolute;
    bottom: 0;
    right: 15px;
    font-size: 2.7rem;
  }
}
.header-main .navbar {
  min-height: 10px;
}
.header-main .navbar-default {
  background-color: transparent;
  border: 0;
  margin: 0;
}
.header-main .navbar-default .navbar-collapse {
  padding: 0;
  border: 0;
}
.header-main .navbar-default .navbar-toggle {
  background-color: #62a0bd;
  border-color: #0a3447;
}
.header-main .navbar-default .navbar-toggle .icon-bar {
  background-color: #0a3447;
}
.header-main .navbar-toggle {
  border-radius: 0;
}
.header-navigation {
  margin-top: 20px;
}
.header-navigation-main li a {
  font-size: 1rem;
  border-radius: 0;
}
@media screen and (min-width: 992px) {
  .header-navigation-main li a:after {
    content: "";
    width: 100%;
    height: 5px;
    bottom: 0;
    right: 0;
    position: absolute;
    display: inline-block;
  }
}
.header-navigation-main li a:hover {
  color: #fff;
}
.header-navigation-main li a.blue-1:after,
.header-navigation-main li a.blue-1:hover {
  background-color: #62a0bd;
}
.header-navigation-main li a.blue-1.active {
  background-color: #62a0bd;
  color: #fff;
}
.header-navigation-main li a.blue-2:after,
.header-navigation-main li a.blue-2:hover {
  background-color: #1c79a4;
}
.header-navigation-main li a.blue-2.active {
  background-color: #1c79a4;
  color: #fff;
}
.header-navigation-main li a.blue-3:after,
.header-navigation-main li a.blue-3:hover {
  background-color: #54acd5;
}
.header-navigation-main li a.blue-3.active {
  background-color: #54acd5;
  color: #fff;
}
.header-navigation-main li a.blue-4:after,
.header-navigation-main li a.blue-4:hover {
  background-color: #0a3447;
}
.header-navigation-main li a.blue-4.active {
  background-color: #0a3447;
  color: #fff;
}
.nav > li > a{
	padding: 10px 5px !important;
}
@media screen and (max-width: 991px) {
  .header-navigation-main li a {
    font-size: 1.27rem;
    text-align: left;
  }
}
@media screen and (min-width: 1200px) {
  .header-navigation-main li a {
    font-size: 1.20rem;
  }
}
.content-main h1,
.content-main h2 {
  background-color: #54acd5;
  color: #fff;
  padding: 1px 5px;
}
@media screen and (max-width: 767px) {
  .content-main h1,
  .content-main h2 {
    font-size: 2.3rem;
  }
}
.footer-main {
  background-color: #54acd5;
  margin-top: 20px;
  padding: 20px 0;
  color: #fff;
}
.referenz-box {
  border: 1px #62a0bd solid;
  background-color: #e4e4e4;
  padding: 15px 15px;
  margin: 10px 0;
  min-height: 236px;
}
.referenz-box-page {
  margin: 10px 0;
}
.referenz-box-footer {
  margin-top: 15px;
}
@media screen and (min-width: 768px) {
  .referenz-box-footer {
    position: absolute;
    bottom: 30px;
    right: 30px;
    margin-top: 0;
  }
}
.thumbnail {
  border-radius: 0;
}
.thumbnail:hover,
.thumbnail:active,
.thumbnail:focus {
  border-color: #0a3447;
}
.nav .open > a,
.nav .open > a:focus,
.nav .open > a:hover {
  background-color: #0a3447;
  color: #fff;
}
.dropdown-menu {
  border-radius: 0;
  border-color: #0a3447;
  margin: 0;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-menu > li > a:active {
  background-color: #0a3447;
}
.container-custom-position {
  position: relative;
}
.container-custom-position > #header-main-slogan {
  position: absolute;
  bottom: 20px;
  left: 15;
  background-color: rgba(255, 255, 255, 0.5);
  max-width: 330px;
  font-size: 1.55rem;
}
.container-custom-position > #header-main-slogan > p {
  color: #54acd5;
  padding: 15px;
  font-weight: bold;
}
.btn {
  border-radius: 0;
}
.btn-primary {
  border-color: #0a3447;
  background-color: #1c79a4;
}
.media-carousel {
  margin-bottom: 0;
  padding: 0 40px 30px 40px;
  margin-top: 30px;
}
.media-carousel .carousel-control.left {
  left: -12px;
  background-image: none;
  background: none repeat scroll 0 0 #222222;
  border: 4px solid #FFFFFF;
  border-radius: 23px 23px 23px 23px;
  height: 40px;
  width: 40px;
  margin-top: 108px;
}
.media-carousel .carousel-control.right {
  right: -12px !important;
  background-image: none;
  background: none repeat scroll 0 0 #222222;
  border: 4px solid #FFFFFF;
  border-radius: 23px 23px 23px 23px;
  height: 40px;
  width: 40px;
  margin-top: 108px;
}
.media-carousel .carousel-indicators {
  right: 50%;
  top: auto;
  bottom: 0px;
  margin-right: -19px;
}
.media-carousel .carousel-indicators li {
  background: #c0c0c0;
}
.media-carousel .carousel-indicators .active {
  background: #333333;
}
.form-control {
  border-radius: 0;
  border-color: #62a0bd;
}
.form-control:active,
.form-control:focus {
  border-color: #0a3447;
  box-shadow: none;
}
/*# sourceMappingURL=layout.min.css.map */

#kontakt-bild img{
	display: block;
	margin-left: auto;
	margin-right: auto;
	border-radius: 0px;
}

.wrapper{
	height: 100%;
	overflow:hidden;
	position:relative;
}

.wrapper p{
	width: 100%;
	height: 100%;
	-webkit-animation: wrapper 10s ease-out;
	-moz-animation: wrapper 10s ease-out;
	animation: wrapper 10s ease-out;
}
/* Move it (define the animation) */
@keyframes wrapper {
	0%   { 
	transform: translateX(200%);	
	}
	100% { 
	transform: translateX(0%); 
	}
}

/*Änderungen 20.03.2019*/
.d-none {
	display: none;
}
.formDatenschutz {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background-color: rgba(0,0,0,0.5);
	z-index: 100;
	display: none;
	font-size: 1.1em;
}
.formDatenschutz .modal {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 33vw;
	background-color: #54acd5;
	color: #fff;
	display: block;
	height: auto;
}
.formDatenschutz .close {
	position: absolute;
	top: 5px;
	right: 5px;
}