.content_header{
    border-bottom:1px solid #666;
}
 a {
   text-decoration: none;
 }
 #logo_bild img {
   height: 60px;
   width: auto;
   z-index: 100;
 }
select{
    -webkit-appearance:none;
}
.mapplic-levels{
    display:none;
}
 /* ##################################################################################SETTINGS GLOBAL */
 #wrapper .section:first-of-type .sectionverlay {
   background: -moz-linear-gradient(90deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0) 100%) !important;
   background: -webkit-linear-gradient(90deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0) 100%) !important;
   background: linear-gradient(90deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0) 100%) !important;
 }
 #wrapper .section .container_wrapper img {
   width: 100%;
   height: auto;
   margin-bottom: 10px;
 }
 /* ##################################################################################ANIMATION GLOBAL */
 #wrapper .section .container_wrapper {
   -webkit-animation-name: fadeInDown;
   -moz-animation-name: fadeInDown;
   -o-animation-name: fadeInDown;
   animation-name: fadeInDown;
   -webkit-animation-fill-mode: both;
   -moz-animation-fill-mode: both;
   -o-animation-fill-mode: both;
   animation-fill-mode: both;
   -webkit-animation-duration: 1s;
   -moz-animation-duration: 1s;
   -o-animation-duration: 1s;
   animation-duration: 1s;
 }
 
@-webkit-keyframes fadeIn {
   from {
     opacity: 0;
   }
   to {
     opacity: 1;
   }
 }
 @-moz-keyframes fadeIn {
   from {
     opacity: 0;
   }
   to {
     opacity: 1;
   }
 }
 @keyframes fadeIn {
   from {
     opacity: 0;
   }
   to {
     opacity: 1;
   }
 }
 @-webkit-keyframes fadeInDown {
   from {
     opacity: 0;
     -webkit-transform: translatey(-50px);
     -moz-transform: translatey(-50px);
     -o-transform: translatey(-50px);
     transform: translatey(-50px);
   }
   to {
     opacity: 1;
     -webkit-transform: translatey(0);
     -moz-transform: translatey(0);
     -o-transform: translatey(0);
     transform: translatey(0);
   }
 }
 @-moz-keyframes fadeInDown {
   from {
     opacity: 0;
     -webkit-transform: translatey(-50px);
     -moz-transform: translatey(-50px);
     -o-transform: translatey(-50px);
     transform: translatey(-50px);
   }
   to {
     opacity: 1;
     -webkit-transform: translatey(0);
     -moz-transform: translatey(0);
     -o-transform: translatey(0);
     transform: translatey(0);
   }
 }
 @keyframes fadeInDown {
   from {
     opacity: 0;
     -webkit-transform: translatey(-50px);
     -moz-transform: translatey(-50px);
     -o-transform: translatey(-50px);
     transform: translatey(-50px);
   }
   to {
     opacity: 1;
     -webkit-transform: translatey(0);
     -moz-transform: translatey(0);
     -o-transform: translatey(0);
     transform: translatey(0);
   }
 }
 @-webkit-keyframes fadeInLeft {
   from {
     opacity: 0;
     -webkit-transform: translatex(-100px);
     -moz-transform: translatex(-100px);
     -o-transform: translatex(-100px);
     transform: translatex(-100px);
   }
   to {
     opacity: 1;
     -webkit-transform: translatex(0);
     -moz-transform: translatex(0);
     -o-transform: translatex(0);
     transform: translatex(0);
   }
 }
 @-moz-keyframes fadeInLeft {
   from {
     opacity: 0;
     -webkit-transform: translatex(-100px);
     -moz-transform: translatex(-100px);
     -o-transform: translatex(-100px);
     transform: translatex(-100px);
   }
   to {
     opacity: 1;
     -webkit-transform: translatex(0);
     -moz-transform: translatex(0);
     -o-transform: translatex(0);
     transform: translatex(0);
   }
 }
 @keyframes fadeInLeft {
   from {
     opacity: 0;
     -webkit-transform: translatex(-100px);
     -moz-transform: translatex(-100px);
     -o-transform: translatex(-100px);
     transform: translatex(-100px);
   }
   to {
     opacity: 1;
     -webkit-transform: translatex(0);
     -moz-transform: translatex(0);
     -o-transform: translatex(0);
     transform: translatex(0);
   }
 }
 @-webkit-keyframes fadeInRight {
   from {
     opacity: 0;
     -webkit-transform: translatex(100px);
     -moz-transform: translatex(100px);
     -o-transform: translatex(100px);
     transform: translatex(100px);
   }
   to {
     opacity: 1;
     -webkit-transform: translatex(0);
     -moz-transform: translatex(0);
     -o-transform: translatex(0);
     transform: translatex(0);
   }
 }
 @-moz-keyframes fadeInRight {
   from {
     opacity: 0;
     -webkit-transform: translatex(100px);
     -moz-transform: translatex(100px);
     -o-transform: translatex(100px);
     transform: translatex(100px);
   }
   to {
     opacity: 1;
     -webkit-transform: translatex(0);
     -moz-transform: translatex(0);
     -o-transform: translatex(0);
     transform: translatex(0);
   }
 }
 @keyframes fadeInRight {
   from {
     opacity: 0;
     -webkit-transform: translatex(100px);
     -moz-transform: translatex(100px);
     -o-transform: translatex(100px);
     transform: translatex(100px);
   }
   to {
     opacity: 1;
     -webkit-transform: translatex(0);
     -moz-transform: translatex(0);
     -o-transform: translatex(0);
     transform: translatex(0);
   }
 }
 .effekt .inner_container h2, .effekt .inner_container h4, .effekt  h1, .effekt .inner_container h3, .effekt .inner_container img, .effekt .inner_container p, .effekt .inner_container ul, .effekt .inner_container .container_video, .slogancontainer .inner_container h2, .slogancontainer .inner_container h4, .slogancontainer .inner_container img, .effekt .inner_container .kontakt_button, .effekt .inner_container input, .effekt .inner_container textarea{
   opacity: 0;
 }
.animationen h1, .animationen .inner_container h2,.animationen .inner_container h3, .animationen .inner_container h4, .animationen .inner_container .container_video, .animationen .inner_container img, .animationen .inner_container p, .animationen .inner_container ul, .sanimations .inner_container h2, .sanimations .inner_container h4, .sanimations .inner_container img, .animationen .inner_container  .kontakt_button, .animationen .inner_container input, .animationen .inner_container textarea{
   -webkit-animation-fill-mode: forwards;
   -moz-animation-fill-mode: forwards;
   -o-animation-fill-mode: forwards;
   animation-fill-mode: forwards;
   -webkit-animation-duration: 1s;
   -moz-animation-duration: 1s;
   -o-animation-duration: 1s;
   animation-duration: 1s;
 }
 .animationen .inner_container h2, .animationen .inner_container ul, .sanimations .inner_container h2, .animationen .inner_container .container_video, .animationen .inner_container  .kontakt_button, .animationen .inner_container input, .animationen .inner_container textarea{
   -webkit-animation-name: fadeInLeft;
   -moz-animation-name: fadeInLeft;
   -o-animation-name: fadeInLeft;
   animation-name: fadeInLeft;
 }
 .animationen .inner_container h4, .animationen .inner_container h3, .sanimations .inner_container h4 {
   -webkit-animation-name: fadeInRight;
   -moz-animation-name: fadeInRight;
   -o-animation-name: fadeInRight;
   animation-name: fadeInRight;
 }
 .animationen .inner_container img, .animationen .inner_container p, .sanimations .inner_container img,.animationen h1{
   -webkit-animation-name: fadeInDown;
   -moz-animation-name: fadeInDown;
   -o-animation-name: fadeInDown;
   animation-name: fadeInDown;
   animation-delay: 0.5s;
   -webkit-animation-delay: 0.5s;
   -moz-animation-delay: 0.5s;
   -o-animation-delay: 0.5s;
 }
.container_video {
    margin-bottom: 10px;
}
.objekt{
    position:relative;
    width:23%;
    margin:1%;
    float:left;
}
.objekt a h2 {
  font-size:25px !important;
    line-height:30px !important;
}
.objekt img, .objekt h2 {
  width: 100%;
  height: auto;
    -webkit-transform: scale(1) !important;
  -moz-transform: scale(1) !important;
  -o-transform: scale(1) !important;
  transform: scale(1) !important;
  -webkit-transition: 1s ease !important;
  -moz-transition: 1s ease;
  -o-transition: 1s ease;
  transition: 1s ease;
}
 .objekt img:hover{
  -webkit-transform: scale(1.1) !important;
  -moz-transform: scale(1.1) !important;
  -o-transform: scale(1.1) !important;
  transform: scale(1.1) !important;
  overflow: hidden !important; 
}
.objektcontainer {
  position: relative;
  width: 100%;
  
  padding: 0;
  margin: 0 auto 0;
  display: flex;
  display: -webkit-flex; /* Safari */
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap; /* Safari */
  
}
.objektdetails{
    position:relative;
    width:calc(40%);
    text-align:left;
   color:#FFF;
    float:left;
    background:#000;
    padding:40px;
}
section{
     position:relative;
    width:59% !important;
    margin-left:1%;
    float:left !important;
    background:#efefef;
}
.objektdetails h2{
    position:relative;
}
 /* ##################################################################################NAVIGATION CONTENT */
 
 .subfoot {
   max-width: 800px;
   margin: 0 auto 20px;
 }
 .navigation-menu {
   z-index: 103;
   top: 45px;
   right: 20px;
 }
 .navigation-menu i, .navigation-close i {
   color: #000;
 }
 .navigation-menu div {
   font-size: 11px;
 }
 .navigation-display ul a {
   text-transform: uppercase;
 }
 .navigation-display .imagecontainer img {
   width: 300px;
   height: auto;
 }
 .navigation-display {
   background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 10%, rgba(255, 255, 255, .8) 90%) !important;
   background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 10%, rgba(255, 255, 255, .8) 90%) !important;
   background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 10%, rgba(255, 255, 255, .8) 90%) !important;
   -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
   box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
   top: 50px !important;
   z-index: 1001;
 }
 .menufooter {
   list-style: none;
   margin: 0 auto 20px;
   
   width: 50%;
   text-align: center;
   text-transform: uppercase;
 }
 .menufooter li {
   height: 25px;
 }
 .menufooter a {
   font-size: 18px !important;
   height: 33px;
   -webkit-transition: 0.5s ease;
   -moz-transition: 0.5s ease;
   -o-transition: 0.5s ease;
   transition: 0.5s ease;
 }
.language_selecter{
    position: absolute;
    top:50px;
    right:65px;
}

/* ##################################################################################Adventskalender */
.anfrage_felder {
  background: #FFF;
  font-family: custom_font;
  font-size: 19px;
  color: #151515;
  border: 1px solid #151515;
  padding: 20px 20px;
  width: 100%;
  height: auto;
  margin: 1% 0;
  -webkit-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  transition: 0.5s ease;
}
.putin {
  position: relative;
}
.putin i {
  position: absolute;
  right: 15px;
  top: 28px;
  font-size: 22px;
  cursor: pointer;
  -webkit-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  transition: 0.5s ease;
  color: #666;
}
.putin i:hover {
  color: #ff5000;
}
.anfrage_felder:hover {
  color: #FFF;
    background:#000;
  border: 1px solid #000;
}
.anfrage_felder:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 50px #000 inset; /* Change the color to your own background color */
  -webkit-text-fill-color: #ccc;
}
.anfrage_felderr:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0 50px #000 inset;
  -webkit-text-fill-color: #ccc;
}
.anfrage_felder::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #ccc;
}
.anfrage_felder::-moz-placeholder { /* Firefox 19+ */
  color: #666;
}
.anfrage_felder:-ms-input-placeholder { /* IE 10+ */
  color: #ccc;
}
.anfrage_felder:-moz-placeholder { /* Firefox 18- */
  color: #ccc;
}
#teilnahmeformular input[type=checkbox].css-checkbox + label.css-label, #teilnahmeformular input[type=radio].css-checkbox + label.css-label, .ui-timepicker-list li, #teilnahmeformular input[type=checkbox].css-checkbox + label.css-label, .ui-timepicker-list li {
  font-size: 16px;

  color: #333;
}
#teilnahmeformular{
   
}
#teilnahmeformular label.css-label, #vipinfo label.css-label {
  background-image: url(https://cloud.imexx.de/lib/userfiles/272/hauptlayout/checkbox.png);
}
.teilnahme_fehler {
  width: 100%;
  height: auto;
  overflow: hidden;
  padding: 10px;
    text-align:center;
  color: #000;
  
}
.teilnahme_button {
  background: #000;
  color: #FFF;
  cursor: pointer;
  font-family: header!important;
  font-size: 18px;
  line-height: 50px;
  border: 0px solid #c1545a;
  padding: 0;
  text-align: center;
  width: 250px;
  height: 50px;
  margin: 40px auto 40px auto;
  -webkit-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  transition: 0.5s ease;
}
.teilnahme_button:hover {
  border-radius: 0;
  color: #FFF;
}
.copyright{
    margin:10px auto !important;
    padding-top:30px;
}
 
 /* ##################################################################################DOWNLOADS */
 .media_preview i {
   color: #FFF;
   line-height: 80px;
 }
 .media_preview {
   width: 80px;
   border-radius: 50%;
   height: 80px;
   float: left;
   text-align: center;
   background: #d84d14;
 }
 .media_details {
   position: absolute;
   left: 95px;
   font-size: 16px;
   line-height: 25px;
   width: 100%;
   padding-right: 95px;
   height: 80Px;
   color: #000;
 }
 .mediaarchiv_download {
   width: 100%;
 }
 .igallery {
   position: relative;
   width: 100%;
   max-width: 1000px;
   margin: 0 auto 0 auto !important;
   padding: 0 !important;
   background: #FFF;
   /* Safari */
   justify-content: center;
   -webkit-justify-content: center;
 }
 .igallery img {
   width: 31.333% !important;
   margin: 1%;
 }
 .igallery h3 {
   display: none;
 }
 
 
 
 /* ##################################################################################KONTAKT */
 .kontakt_felder, .kontakt_felder_h_ind {
   background: #FFF;
   font-family: custom_font;
   font-size: 18px;
   color: #151515;
   border: 0px solid #FFF;
   padding: 15px 10px;
   width: 100%;
   height: auto;
   margin: 1% 0;
 }
 .kontakt_felder:hover, .kontakt_felder_h_ind:hover {
   background: #000;
   color: #FFF;
 }
 .kontakt_felder:-webkit-autofill {
   -webkit-box-shadow: 0 0 0 50px #fff inset; /* Change the color to your own background color */
   -webkit-text-fill-color: #666;
 }
 .kontakt_felder:-webkit-autofill:focus {
   -webkit-box-shadow: 0 0 0 50px #fff inset;
   -webkit-text-fill-color: #666;
 }
 .kontakt_felder::-webkit-input-placeholder { /* Chrome/Opera/Safari */
   color: #666;
 }
 .kontakt_felderr::-moz-placeholder { /* Firefox 19+ */
   color: #666;
 }
 .kontakt_felder:-ms-input-placeholder { /* IE 10+ */
   color: #666;
 }
 .kontakt_felder:-moz-placeholder { /* Firefox 18- */
   color: #666;
 }
 .kontakt_button {
   background: transparent;
   color: #000;
   font-family: header2;
   font-size: 40px;
   line-height: 100px;
   border: 0px solid #fff;
   padding: 0;
   margin: 40px auto 40px auto;
 }
 .kontakt_button:hover {
   border-radius: 0;
   color: #18cdea;
   background: transparent;
 }
 .kontakt_fehler {
   width: 100%;
   border: 0 !important;
   height: auto;
   color: #FFF;
   overflow: hidden;
   padding: 2% 0 2% 0;
   text-align: left;
   font-size: 24px;
 }
 .socialmedia i {
   width: 50px;
   height: 50px;
   cursor: pointer;
   line-height: 50px;
   font-size: 40px !important;
   color: #FFF !important;
   -webkit-transition: 0.5s ease;
   -moz-transition: 0.5s ease;
   -o-transition: 0.5s ease;
   transition: 0.5s ease;
 }
 .socialmedia i:hover {
   color: #18cdea !important;
 }
 .gm-svpc div img {
   position: relative !important;
 }

 
 
 @media (max-width: 1400px) {
   .objekt{
   
    width:31.3333%;
    
}
 }
@media (max-width: 1400px) {
.objekt a h2 {
  font-size:20px !important;
    line-height:25px !important;
}
}
@media (max-width: 1024px) {
h2 {
  font-size:20px !important;
    line-height:25px !important;
}
}
 @media (max-width: 999px) {
   .objekt{
   
    width:48%;
    
}h2 {
  font-size:20px !important;
    line-height:25px !important;
}
 }
 @media (max-height: 870px) {
   .navigation-display ul li a {
     padding: 5px 0 !important;
     font-size: 15px !important;
   }
   .navigation-display ul {
     height: 90vh !important;
   }
   .navigation-display .imagecontainer {
     height: 10vh !important;
   }
   .navigation-display {
     position: fixed;
     top: 20px !important;
     left: 20px;
     right: 20px;
     bottom: 20px;
   }
 }
 @media (max-width: 768px) {
     .objektdetails{
   
    width:100%;
   
     float:none !important;
}
section{
   
    width:100% !important;
    margin-left:0%;
    float:none !important;
   
}
   .navigation-display ul {
     max-width: 100% !important;
   }
  
   .navigation-display ul li {
     max-width: 100% !important;
   }
   .navigation-display ul:after, .navigation-display ul:before {
     width: 100% !important;
   }
   .navigation-display ul li a {
     padding: 5px 0 !important;
     font-size: 15px !important;
   }
   .navigation-display ul {
     height: 90vh !important;
   }
   .navigation-display .imagecontainer {
     height: 10vh !important;
   }
   .navigation-display {
     position: fixed;
     top: 20px !important;
     left: 20px;
     right: 20px;
     bottom: 20px;
   }
   .objekt{
   
    width:98%;
    
}
 }
 @media (max-width: 575px) {
    .anfrage_felder {

  
  width: 100% !important;
  
  margin: 1% 0 !important;
 float:none;
}
   #logo_bild {
     left: 20px;
   }
   .navigation-menu {
     right: 20px;
   }
   
  
     #logo_bild img {
   height: 40px;
   width: auto;
  margin-top:20px !important;
 }
  
   .navigation-display .imagecontainer img {
     max-width: 70%;
   }
   .navigation-display .navigation-close {
     font-size: 30px;
   }
 }
 
 
 .pulsing path,  .pulsing rect,  .pulsing polygon {
	animation-name: pulsing_animation;
	animation-duration: 2s;
	animation-iteration-count: infinite;
}
 
 @keyframes pulsing_animation {
	0% {
		fill: #feb2b2;
	}
	50% {
		fill: #ff3333;
	}
	100% {
		fill: #feb2b2;
	}
}