html, body{background: #fff; height: 100%}
h1{font-size:32px;}
form{margin:0;}
header > img{margin:10px 10px 5px 0;}
.container{margin:0 auto;max-width:1200px; padding: 0 !important}
footer {font-family: Segoe UI, sans-serif !important; margin-top: 50px}
footer .overview{background-color:#F6F6F6;padding:40px 0;}
footer .info{background-color:#ccc;padding:0 5px;}
footer a{color:#555;}
footer h4{font-weight: 600; margin-bottom: 15px}
footer strong{font-weight: 600}
footer .info span{white-space:nowrap;float:left;margin-right:1em;}
footer .info{line-height:2em;padding:0 5px;}
.footerLogo img{display:block;margin:0 auto;}
footer img{margin-right:20px; vertical-align:middle;}
footer img:hover{cursor: pointer}
footer img:first-child{width:auto;}
footer .social_media_bar {background: #E1E1E1}
footer .contactus{background: #36414A; color: #fff; padding: 20px 0}
footer .contactus_col{width: 25%; padding: 0 5px;}
footer .contactus_icon{width: 18%; float: left; padding-top: 25px}
footer .contactus_icon img{display: block; margin: auto}
footer .contactus_content{width: 82%; float: left}
footer h4, h5, h6{font-family: Segoe UI, sans-serif}
footer h5{font-weight: 400; font-size: 21px; text-align: left !important; margin-bottom: 15px;}
footer h6{font-weight: 300; font-size: 16px; color: #fff}
footer input[type="email"]{height: 25px; line-height: 25px; background: #fff; border: none;border-top-left-radius: 3px;border-bottom-left-radius: 3px; padding: 0 5px; width: 200px;}
footer input[type="email"]:active{outline: none;}
footer #eintragen-button{height: 25px ; padding: 0 10px ; line-height: 25px ; border: none; background: #005d90; color: #fff; text-decoration: none; border-top-right-radius: 3px; border-bottom-right-radius: 3px; cursor: pointer;}
#c-newsletter{margin-bottom: 6px;}

@media screen and (max-width:50em){.topLogo > img{float:none !important;}
body{padding:0;}
footer{text-align:center;}
}
@media only screen and(max-width: 950px){
  div[class="container flex"]{flex-direction: column; align-items: center}
}
@media (min-width:900px){#kontakt{width: 25%}
}
@media screen and (max-width:768px){.carousel-indicators > li{display:none;}
.feature h2, .intro .short-desc h1{font-size:30px;}
}

.colapsebtn{display: none !important;visibility: hidden !important; margin:15px;}

/*ALLGEMAINE KLASSEN*/
.flex{display: flex;}
@media only screen and (max-width: 900px){
  div[class="container flex"]{flex-direction: column; align-items: center;}
  div[class="container flex"] > div{margin-bottom: 20px;}
}
/*ALLGEMEINE KLASSEN ENDE*/


.carousel-indicators li.active{background-color:#0088CC;}
.carousel-indicators li{border:1px solid #0088CC;background-color:white;background-color:rgba(0, 0, 0, 0);}
.carousel-indicators .active{height:10px;width:10px;margin:1px;}
a.carousel-control:focus{outline:none;}
.info .row{margin-right:0;}
.top-bar{width: 100%; height: 25px; line-height: 25px; text-align: right; margin: 0}
.top-bar a{color: #999; padding-left: 0.8em}
.top-bar > a img, .top-bar a:nth-child(2) img{margin-top: -3px}
.topLogo img{margin-bottom: 5px}
.social-bar li{position:fixed;z-index:2000;right:0px;width:32px;height:32px;text-decoration:none;background-repeat:no-repeat;transition:width 0.5s ease 0s;background-color:#00ACED;border-top-left-radius:5px;border-bottom-left-radius:5px;background-size:32px 32px;}
.social-bar li.twitter{background-color:#44AAE1;top:180px;background-image:url('/img/icons/twitter-bird-white-on-blue.png'); box-shadow: 0 2px 3px rgba(0,0,0,0.2)}
.social-bar li.twitter:hover, .social-bar li.twitter.hover{width:300px;border-bottom-left-radius:0;}
.social-bar li.twitter:hover, .social-bar li.twitter.hover > .content{display:inline}
.social-bar li.ytube{top:100px;background-image:url('/img/icons/ytube.svg');background-color: #E02F2F; box-shadow: 0 2px 3px rgba(0,0,0,0.2)}
.social-bar li.facebook{top: 140px; background-image:url('/img/icons/facebook.png');background-color: #fff; box-shadow: 0 2px 3px rgba(0,0,0,0.2)}
.social-bar li.facebook:hover{width: 225px}
.social-bar .facebook .contentytube{display: flex; justify-content: space-between; width: 210px; align-items: center}
.social-bar .facebook .contentytube > div{height: 20px}
.social-bar .facebook .contentytube > div > span{vertical-align: baseline !important}
.social-bar .facebook .contentytube a{color: #4267b2; font-weight: 500}

.social-bar li.shop{top:50%;background-color:#D94834;height:100px;}
.content{line-height:32px;padding-left:5px;color:white;overflow:hidden;display:none}
.contentytube{line-height:32px;padding-left:35px;overflow:hidden}
.contentytube a{color: #fff}
.content *{height:0;width:0;color:transparent;}
.social-bar li:hover .content iframe, .social-bar li.hover .content iframe{width:300px;height:300px;padding-left:5px;display:inline}
.social-bar li:hover .content *, .social-bar li.hover .content *{color:white; padding-left: 30px}
.social-bar li:hover, .social-bar li.hover{width:145px;}
.twitter .content > iframe{background-color:white}
.white-transparent{background-color:white;background:rgba(255,255,255,0.9);}
.close{font-size:28px;}

@media screen and (max-width:992px){.form-horizontal .composite-label{text-align:inherit;}
.form-horizontal .composite-label + div{margin-bottom:15px;}
footer .contactus_col{width: 33.3333% !important}
footer #contactus_headtext{float: none; margin: auto; margin-bottom: 25px}
footer #contactus_headtext h6, h5{text-align: center !important}
footer .contactus_content h5, h6{text-align: left !important}
footer .contactus{padding: 20px 0}
}

.carousel-control.left, .carousel-control.right{background-image:none;}
.carousel-control{position:absolute;top:50%;color:#999;width:auto;font-size:40px;height:40px;opacity:0.7;text-shadow:none;margin-top:-20px;}
.carousel-control:hover, .carousel-control:focus{color:#999;opacity:1;}
.carousel-fade .carousel-inner .item{opacity:0;-webkit-transition-property:opacity;-moz-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity;}
.carousel-fade .carousel-inner .item{opacity:0;-webkit-transition-property:opacity;-moz-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity;}
.carousel-fade .carousel-inner .active{opacity:1;}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right{left:0;opacity:0;z-index:1;}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right{opacity:1;}
.carousel-fade .carousel-control{z-index:2;}
.heading-thin{line-height: normal; font-family:'Roboto', sans-serif !important;font-weight:700 !important;}
.text-big{font-size:55px !important;}
.inner_shadow {
-webkit-box-shadow: inset 0px 0px 100px 75px rgba(255,255,255,1);
-moz-box-shadow: inset 0px 0px 100px 75px rgba(255,255,255,1);
box-shadow: inset 0px 0px 100px 75px rgba(255,255,255,1);
}


@media (max-width:885px) {
    .colapsebtn{display: block !important;visibility: visible !important;}
    .social-bar {display: none !important;visibility: hidden !important;}
    .topLogo {margin: 15px;text-align: center; }
}
@media (min-width:885px) {
    .collapse{display: block;}
}


@media (max-width:900px){
.carousel .jumbotron{position:relative !important;left:40px;margin-right:80px;}
.carousel > .carousel-control{top: 25%; color: #fff; font-size: 30px}
.carousel .jumbotron .carousel-control{display:block !important;position:absolute;}
.carousel .jumbotron .carousel-control.left{left:-40px;}
.carousel .jumbotron .carousel-control.right{right:-40px;}
    #cebit {
		display: none !important;
		visibility: hidden !important;
	}
}

@media screen and (max-width:710px){
footer .contactus_col{float: none; margin: auto; width: 80% !important; margin-bottom: 20px}
footer .contactus img{height: 35px !important}
}
@media (min-width: 768px) {
  .modal-dialog {
    width: 600px;
    margin: 30px auto;
  }
  .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  }
  .modal-sm {
    width: 300px;
  }
}

@media (min-width: 992px) {
  .modal-lg {
    width: 900px;
  }
}
  .modal-lg {
    width: 900px !important; 
  }

  .modal-sm {
    width: 800px !important;
  }
  .radio-round{
    border-radius: 5px;
	padding: 10px 10px 10px 25px;
	background-color:whitesmoke;
  }
  .gplus .hover{
  display: block;
  }


  /*Cookie Banner*/

#cookie-background{
  position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 9999999; display: flex; justify-content: center; align-items: center;
  background: rgba(0,0,0,0.4); padding: 0 15px;
}
#cookie-box{
  padding: 30px; border-radius: 10px; background: #fff; max-width: 700px; box-shadow: 1px 1px 12px rgba(0,0,0,0.5);
}

#cookie-box h3{margin: 0; font-size: 32px}
#cookie-box h4{color: #36414a; font-size: 20px}
#cookie-box p{margin: 20px 0 30px 0}

.cookie-flex{
  display: flex; align-items: center; justify-content: space-between;
}
.cookie-bttn{
  background: #005d90; color: #fff; border-radius: 3px; width: 49%; text-align: center; padding: 8px; cursor: pointer; border: solid 2px #005d90
}
.cookie-bttn:hover{
  background: #076ba2
}

.cookie-bttn:first-of-type{
  background: none; color: #005d90; font-weight: 600;
}

.cookie-none{
  display: none !important
}
.cookie-show{
  animation: showCookie 0.3s
}
.cookie-show #cookie-box{
  animation: showCookieBox 0.2s ease-out
}

#line{
  max-width: 100px; border-radius: 20px; background: #005d90; height: 3px; margin-top: 20px
}

@keyframes showCookie{
  from{opacity: 0}
  to{opacity: 1}
}

@keyframes showCookieBox{
  from{transform: scale(0.6); opacity:0}
  to{trasnform: scale(1); opacity: 1}
}

@media only screen and (max-width: 450px){
  .cookie-flex{flex-direction: column}
  .cookie-bttn{width: 100%; margin-bottom: 10px}

}