/*@import url(https://fonts.googleapis.com/css?family='Inter', sans-serif);

@import url('https://rsms.me/inter/inter.css');*/


body
{
	font-family: 'Inter', sans-serif;margin: 0;width:100%;height:100%;color:#fefefe;background:#000000;font-size:16px;
}

a, a:active{color:#00d4ff;}
a:hover{color:#ee1ba0;}

.nopadd{padding:0;}
.colcenter{float:none; margin:0 auto;}
.black{color:#000000;}
.rosa{color:#ee1ba0;}
.blau{color:#00d4ff;}
.weiss{color:#ffffff;}
.textmedium{font-size:24px;}
.nomargtop{margin-top:0!important;}
.bgrosa{background:#ee1ba0;}
.bgblau{background:#00d4ff;}
.bglila{background:#7475ea;}

.social-top{display:block;}
.fa-social{margin-top:-5px; margin-left:20px;}
.fa-social .fa{padding:9px; font-size: 24px;width: 44px;text-align: center;text-decoration: none;border-radius: 50%; color:#ffffff; margin-left:1px; margin-right:2px; margin-left:2px;}
.navbar-topbar{position:relative; z-index:5000;}
.navbar-topbar .glyphicon{margin-right:5px;}
.fa:hover {opacity: 0.9;}

.fa-facebook{background:#3B5998;color:#fff;}
.fa-instagram{background:#f40083;color:#fff;}
.fa-vimeo{background:#45bbff;color:#fff;}

.space{padding-top:60px; padding-bottom:60px;}
.btn-blau{background:#00d4ff; border-radius:15px; color:#ffffff; padding-left:20px; padding-right:20px;}
.btn-blau-big{background:#00d4ff; border-radius:30px; color:#ffffff; padding-left:30px; padding:7px 30px; font-size:20px; letter-spacing:-0.8px;}
.btn-rosa{background:#ee1ba0; border-radius:15px; color:#ffffff; padding-left:20px; padding-right:20px;}
.btn-rosa-big{background:#ee1ba0; border-radius:30px; color:#ffffff; padding-left:30px; padding:7px 30px; font-size:20px; letter-spacing:-0.8px;}
header{background:#000000;}
main{margin-top:100px; margin-bottom:60px;}

video{width:100%;}

.pagination>li>a, .pagination>li>span{background:#00d4ff; color:#fff; border:none;}
.pagination>li>a:hover, .pagination>li>span:hover{background:#ee1ba0; color:#fff; border:none;}
.pagination-active{background:#ee1ba0!important;}

h1, h2, h3{font-size:33px; font-family:'Inter', sans-serif; letter-spacing:-0.7px; font-weight:700;}
.h3text{margin-top:0; margin-bottom:15px;}
.logo{padding:30px; margin-top:10px;}

.logo img{max-width:250px; width:100%;}

.galerie{padding:5px;}
.galerie img{opacity:1; margin-bottom:5px; width:100%; height:130px;}
.galerie img:hover{opacity:0.8;}
.galeriebox .btn-rosa-big{margin-top:20px; margin-bottom:30px;}
.carousel-control{width:10%;}

.smalltext{font-size:10px;}
.hr_grey{border-color:#444; margin-top:50px; margin-bottom:50px;}

.navbar-default{background-color:transparent; border:none; margin-bottom:0; margin-top:0;}
.navbar-default .navbar-nav > li > a{font-family:'Inter', sans-serif; text-transform:uppercase;color:#00d4ff; font-size:17px; font-weight:500; padding:10px 18px;}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus, #navigation_a{color:#fff; background:#ee1ba0; text-decoration:none; border-radius:30px;}
.navbar-nav{float:right;}
.navbar-topbar{color:#00d4ff; margin:10px 30px;}
.navbar-topbar .btn-anfrage{background:#ee1ba0; border-radius:15px; color:#ffffff; padding-left:20px; padding-right:20px; margin-left:10px;}
.navbar-topbar .btn-anfrage:hover{background:#fd42b8;}
.navbar-nav>li>.dropdown-menu{border-radius:18px; margin-top:1px;}
.nav-link{cursor:pointer;}
.dropdown-menu{background:#ee1ba0;}
.dropdown-menu>li>a{color:#fff; border-radius:30px;}
.dropdown-menu>li>a:hover{background:#00d4ff;}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a{border-radius:30px;}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{background:#ee1ba0; color:#fff; text-decoration: none; border-radius: 30px;}

.carousel-caption{top:35%; bottom:auto; text-align:left; right:10%; left:10%;}
.carousel-caption h1{background:#ee1ba0; padding:0 10px; font-size:3.3vw; font-family:'Inter', sans-serif; color:#000000; text-align:center; letter-spacing:-2px; text-shadow:none;}
.carousel-caption h2{background:transparent; font-size:1.5vw; font-family:'Inter', sans-serif; color:#00d4ff; text-align:center; text-transform:uppercase; margin-top:0; font-weight:400; text-shadow:none;}
.checkcall{margin-left:10px!important;}
.carousel-fade .carousel-inner .item {
  opacity: 0;
  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;
}



@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}


@-webkit-keyframes zoom {
    0%   {transform: scale(1);}
    100% {transform: scale(1.1);}
}

.carousel-fade .carousel-inner .item.active img {
    -webkit-animation: zoom 15s 1;
}

.bgpurple{background:#00d4ff;}
.frame{border: 13px solid #ee1ba0; padding: 10px; z-index:500; margin-top:15px; margin-bottom:15px;}

.blackbig{font-size:40px; letter-spacing:-2px; color:#000000; margin-top:60px;}

.rightboxtop{background:#ee1ba0; padding:5px 15px; color:#fff;}
.rightboxcontent{color:#000000; padding:20px 10px;}
.rightboxtop h2{margin-top:10px;}

.responsive-video {
    height: 0;
    overflow: hidden;
    padding-bottom: 55%;
    padding-top: 15px;
    position: relative;
}

.responsive-video iframe {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.google-maps {
    height: 0;
    overflow: hidden;
    padding-bottom: 60%;
    position: relative;
}

.google-maps iframe {
    height: 100% !important;
    left: 0;
    position: absolute;
    top: 0;
    width: 100% !important;
}

footer{background:#000000; border-top:1px solid #444444; padding:80px 0; color:#fff;}
footer a{color:#fff;}
footer .social{max-width:30px; margin-left:2px; margin-right:2px;}
.footerlogo img{margin:8px auto; max-width:240px;}
.footerh{text-transform:uppercase; font-size:24px;font-weight:700; letter-spacing:-0.7px; line-height:1; margin-bottom:4px;}
.footertext{font-size:15px;}
footer .fa-social{margin-top:0;}

.hm {font-size: 8px;color: #fff; margin-top:50px; opacity:0.8;}
.hm img {margin-left: 3px;margin-top: -16px;max-width: 140px;opacity: 1;}
.hm img:hover{opacity:0.8;}
.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev{margin-left:0;}
.carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev{margin-right:0;}
.carousel-control{width:6%;}

@media screen and (min-width: 768px){
  .dropdown:hover .dropdown-menu, .btn-group:hover .dropdown-menu{
        display: block;
    }
    .dropdown-menu{
        margin-top: 0;
    }
    .dropdown-toggle{
        margin-bottom: 2px;
    }
    .navbar .dropdown-toggle, .nav-tabs .dropdown-toggle{
        margin-bottom: 0;
    }
}

/* PARTNER */

.circle-ul{padding-left:15px; list-style-type:none;}
.circle-ul a{border-radius: 250px; width: 250px;height: 250px;display: blodck; float: left; text-align: center; margin-left: 5px; margin-right: 5px; color:#fff;display: flex;
  justify-content: center;flex-direction: column; margin-bottom:10px;}
 .borderrosa:hover{border:5px dashed #ee1ba0;}
 .borderblau:hover{border:5px dashed #00d4ff;}
 .borderlila:hover{border:5px dashed #7475ea;}
 .circle-ul a:hover {
   transition: all 0.25s ease-out; 
	-webkit-transition: all 0.25s ease-out; 
	-moz-transition: all 0.25s ease-out; 
	-o-transition: all 0.25s ease-out;
	background:transparent;
	text-decoration:none;
}

/* KONTAKT */

.form-control{border:none; background:#222222; border-radius:30px; height:auto; font-size:16px; padding: 15px 20px; margin-bottom:10px; color:#999999;}
.form-control:focus{background:#555555; color:#999999;}
.nachricht{min-height:300px;}
.musikwunsch_spalte {clear: both;padding-top: 10px;}
.floatleft {float:left;}
.musikwunsch_div { margin-left: 50px;float: left;margin-top: 2px;width: 250px; font-weight: bold;}
.musikwunsch_int {margin-left: 50px; float: left; margin-top: 2px; width: 335px;}
.floatleft input[type="radio"]{margin-left: 10px;}
.fragebogen{margin-top:30px;}



/*============= Email Popup ==============*/

#bg_pop
{
	background:url(img/bg_pop.png);
	width:100%;
	height:100%;
	position:fixed;
	z-index:5000;
	top:0;
	color:#333;
}

#bg_pop p
{padding:15px;}



#bg_pop_news #email_box{max-width:550px; width:100%;
	margin-left:-275px;}

#email_box
{
	left:50%;
	top:25%;
	position:absolute;
	display:block;
	width:430px;
	margin-left:-215px;
	background-color:#fff;
	
}

#email_box a
{
	color:#fff;
	
}

#email_box_top
{
	background-color:#75b934;
	width:100%;
	display:block;
	color:#fff;
	padding:20px;
	text-align:center;
}

#email_box_top_red
{
	background-color:red;
	width:100%;
	display:block;
	color:#fff;
	padding:20px;
	text-align:center;
}

#email_box_top_news
{
	background-color:#780004;
	width:100%;
	display:block;
	color:#fff;
	padding:15px 20px;
	text-align:center;
}

#bg_pop h3, #bg_pop_news h3{padding-left:15px;padding-right:15px; margin-bottom:15px; color:#780004;}

#success_icon
{
	float:left;	
}

#success_icon .glyphicon{color:#fff;}

#success_h
{
	float:left; margin-left:15px;margin-top:10px;	
}

#success_x
{
	float:right;font-size:24px; cursor:pointer;	
}
p ul{padding-left:15px;}



@media screen and (min-width:1201px) and (max-width:1300px) {
	
	.logo{padding:30px 0 0 0;}
	.connopadd{padding:0;}
	.navbar-default .navbar-nav > li > a{font-size:16px; padding:10px 14px;}
	.navbar-fixed-top{padding-top:5px; padding-bottom:5px;}
	.carousel-control{width:10%;}
	.carousel-caption{top:32%;}
	.navbar-default{padding-bottom:10px;}
}

@media screen and (min-width:1080px) and (max-width:1200px) {
	
	.logo{padding:30px 0 0 0;}
	.connopadd{padding:0;}
	.navbar-fixed-top{padding-top:5px; padding-bottom:5px;}
	.carousel-control{width:10%;}
	.carousel-caption{top:32%;}
	.blackbig{font-size:32px;}
	.navbar-default .navbar-nav > li > a{padding:10px 12px; font-size:16px;}
	.navbar-default{padding-bottom:10px;}
	
}

/* MOBILE NAV BREAKPOINT*/ 
@media (max-width: 1080px) {
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
        display:block !important;
    }
	
	/* END NAV */
	
	.navbar-default .navbar-toggle{border:none; background:transparent; border-radius:30px; padding-left:15px; padding-right:15px; margin-right:0; font-size:14px; color:#00d4ff;}
	.navbar-default .navbar-toggle .icon-bar{background:#ffffff;}
	.navbar-default .navbar-nav > li > a{padding: 10px 20px; text-align:right;}
	.navbar-default .navbar-collapse, .navbar-default .navbar-form{border-color:#222222;}
	.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{background:#ee1ba0; color:#ffffff;}
	.logo{padding:30px 0 0 0;}
	.navbar-nav{text-align:right;}
	.carousel-caption{top:25%;}
	.carousel-caption h1{font-size:4vw;}
	.carousel-caption h2{font-size:2vw;}
	.container{width:100%;}
	.navip{width:100%;}
	.fotogalerie h3{font-size:22px;}
	.galerie img{height:225px;}
	
	.form-group .col-lg-6{padding-left:0; padding-right:0;}
}

@media screen and (min-width:769px) and (max-width:850px) {
	
	.navbar-topbar{font-size:12px;}
	
	
}



@media screen and  (max-width:768px) {
	
	.logo{padding:0 0 15px;}
	.navbar-nav{text-align:right;}
	.navbar-nav>li>a{line-height:14px;}
	.navbar-default .navbar-toggle{margin-top:22px;}
	.navbar-topbar .fa-social .fa{font-size:18px; width:35px;}
	.navbar-topbar .fa-social{margin-top:0;}
	.navbar-default .navbar-toggle{margin-top:15px;}
	.carousel-inner>.item>a>img, .carousel-inner>.item>img{midn-height:300px;}
	.navbar-fixed-top{position:static;}
	main{margin-top:0;}
	.carousel-caption{top:15%;}
	.carousel-caption h1{font-size:6vw;}
	.carousel-caption h2{font-size:4vw;}
	footer, footer .text-left, footer .text-right{text-align:center;}
	.footerlogo{margin-top: 30px; margin-bottom:30px;}
	h1, h2, h3{font-size:30px;}
	.carousel{margin-bottom:30px;}
	.fotogalerie h3{font-size:26px;}
}

@media screen and (min-width:481px) and (max-width:630px) {
	.navbar-topbar .fa-social{display:none;}
	.navbar-topbar{font-size:14px; text-align:center;}
	.navbar-topbar.pull-right{float:none!important;}
	
}

@media screen and  (max-width:480px) {
	
	.container{padding:0 10px;}
	.navbar-fixed-top .container{padding:0;}
	#email_box, email_box_red{left: 0;margin: 0 10px;top: 25%;width: 95%;}
	#bg_pop_news #email_box{width:95%; margin-left:0; top:15%;}
	#bg_pop_news .container{height:350px; overflow:scroll;}
	
	.navbar-topbar{font-size:13px; text-align:center;}
	.navbar-topbar .fa-social{display:none;}
	.navbar-topbar.pull-right{float:none!important;}
	.navbar-fixed-top .container-fluid{padding:0;}
	.navbar-default .navbar-toggle{margin-top:12px;}
	.navbar-topbar .btn-anfrage{margin-top:10px;}
	
	h1, h2, h3{font-size:26px;}
	.nomargtop{margin-top:15px!important;}
	.carousel-caption{top:-8%;}
	.musikwunsch_int{margin-left:0;width:100%; margin-bottom:10px; margin-top:0;}
	.musikwunsch_div{margin-left:0; width:100%;}
}