/*Link #6595A3 

// Extra small devices (portrait phones, less than 576px)
// No media query for `xs` since this is the default in Bootstrap

// Small devices (landscape phones, 576px and up)
@media (min-width: 576px) { ... }

// Medium devices (tablets, 768px and up)
@media (min-width: 768px) { ... }

// Large devices (desktops, 992px and up)
@media (min-width: 992px) { ... }

// Extra large devices (large desktops, 1200px and up)
@media (min-width: 1200px) { ... }


*/

body {
  overflow-x: hidden;
}

.hide {
	display: none; 
}

a {
	font-weight: 400;
}

p {
  line-height: 1.75;
}

.page-section {
  padding: 4rem 0;
}
.page-section h2.section-heading {
  font-size: 2.5rem;
  margin-top: 0;
  margin-bottom: 1rem;
}
.page-section h3.section-subheading {
  font-size: 1rem;
  font-weight: 400;
  font-style: italic;
font-family: 'Poppins', sans-serif;
  margin-bottom: 4rem;
}

@media (min-width: 768px) {
  section {
    padding: 9rem 0;
  }
}
::-moz-selection {
  background: #6595A3;
  text-shadow: none;
}

::selection {
  background: #6595A3;
  text-shadow: none;
}

img::-moz-selection {
  background: transparent;
}

img::selection {
  background: transparent;
}

img::-moz-selection {
  background: transparent;
}

.btn-xl {
  padding: 1.25rem 2.5rem;
  
  font-size: 1.125rem;
  font-weight: 700;
  border-radius: 0;
}

.btn-sm, .btn-md, .btn-lg {
	border-radius: 1px;
}

.btn-primary:hover {
  color: #fff;
  background-color: #23272b;
  border-color: #555;

}

.btn-social {
  height: 2.5rem;
  width: 2.5rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border-radius: 100%;
}

.btn-social-square {
	font-size: 1.75rem;
  height: 3rem;
  width: 3rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  margin: 0.1rem;
  border-radius: 0%;
}

.btn-info {
	background-color: #6595A3;
	border:none;
}

.btn-info a:hover {
	background-color: #6595A3;
}


/*** NAV UND HEADER ***/


#mainNav {
  padding-top: 0.4rem;
  padding-bottom: 0.4rem;
  background-color: #212529;
}
#mainNav .navbar-toggler {
  padding: 0.75rem;
  font-family: 'Poppins', sans-serif;
  font-size: 1.75rem;
  color: #fff;
  text-transform: uppercase;
  background-color: transparent;
  border: 0;
}
#mainNav .navbar-brand {
  color: #6595A3;
  font-family: 'Poppins', sans-serif;
  font-weight: 700;
  letter-spacing: 0.0625em;
  text-transform: uppercase;
}
#mainNav .navbar-brand img {
  height: 1.5rem;
}
#mainNav .navbar-nav .nav-item .nav-link {
/*    */
  font-family: 'Poppins', sans-serif;
  font-size: 0.95rem;
  color: #fff;
  letter-spacing: 0.0625em;
}
#mainNav .navbar-nav .nav-item .nav-link.active, #mainNav .navbar-nav .nav-item .nav-link:hover {
  color: #6595A3;
}

#mainNav .navbar-nav .nav-item .nav-link:hover {
	background-color: #fff;
}

#mainNav .navbar-nav .nav-item .nav-link.active {
	  background-color: transparent;
}

@media (min-width: 992px) {
  #mainNav {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    border: none;
    background-color: transparent;
    transition: padding-top 0.3s ease-in-out, padding-bottom 0.3s ease-in-out;
  }
  #mainNav .navbar-brand {
    font-size: 1.5em;
    transition: font-size 0.3s ease-in-out;
  }
  #mainNav .navbar-brand img {
    height: 2rem;
    transition: height 0.3s ease-in-out;
  }
  #mainNav.navbar-shrink {
    padding-top: 1rem;
    padding-bottom: 1rem;
	background-color: rgba(32, 36, 40, 0.9) ;
  }
  #mainNav.navbar-shrink .navbar-brand {
    font-size: 1.25em;
  }
  #mainNav.navbar-shrink .navbar-brand svg, #mainNav.navbar-shrink .navbar-brand img {
    height: 2.5rem;
    transition: height 0.5s ease-in-out;
  }
  #mainNav .navbar-nav .nav-item {
    margin-right: 1rem;
  }
  #mainNav .navbar-nav .nav-item:last-child {
    margin-right: 0;
  }
}

header.masthead {
  padding-top: 10.5rem;
  padding-bottom: 6rem;
  text-align: left;
  color: #fff;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: bottom center;
  background-size: cover;
  height: 78vh;
  margin-top: 60px;
}


#events .js-scroll-trigger {
	margin-top: 20px;	
}


header.masthead .masthead-subheading {
  font-size: 1.5rem;
  line-height: 1.5rem;
  margin-top: 15px;
  margin-bottom: 25px;
  font-family: 'Poppins', sans-serif;
  text-transform: uppercase;
  font-style: normal;
  font-weight: 200;
  
}
header.masthead .masthead-heading {
  font-size: 3.3rem;
  font-weight: 700;
  line-height: 3.3rem;
  margin-bottom: 2rem;
  font-family: 'Poppins', sans-serif;
}

@media (min-width: 768px) {
  header.masthead {
    padding-top: 14rem;
    background-position: top center;
    padding-bottom: 10rem;
    height: 100vh;
    margin-top: 0px;


  }
  header.masthead .masthead-subheading {
	position: relative;
    font-size: 3.3vw;
    font-style: normal;
    line-height: 4.0vw;
    margin-bottom: 2rem;

  }
  header.masthead .masthead-heading {
    font-size: 4.5rem;
    font-weight: 700;
    line-height: 4.5rem;
    margin-bottom: 4rem;
  }
}


.container-header {
	width: 100vw;
}

@media (min-width: 576px) {
 .container-header {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
.container-header {
    max-width: 920px;
  }
}
@media (min-width: 992px) {
.container-header {
    max-width: 960px;
    
  }
}
@media (min-width: 1200px) {
 .container-header {
    max-width: 85vw;
  }
}



#mainNav .navbar-brand img {
  height: 2rem;
}

@media (min-width: 992px) {
	#mainNav .navbar-brand img {
	  height: 2.5rem;
	}
		
}

#mainNav .navbar-brand svg {
 width: 190px;
 height: 58px;

}


@media (min-width: 992px) {
	#mainNav .navbar-brand svg {
	   width: 290px;
	}
		
}


.swoosh {
	width: 25vw;
	margin-left: -8px;
}

.social-header {
	float: right;
	margin-top: -40px;
}

@media (min-width: 768px) { 

.social-header.fixed-top {
	margin-top: 35vh;
	left: auto;
	}

}



.runter {
	display: none;
	text-align: center;
}

@media (min-width: 768px) { 

	.runter {
		display: block;
		position: absolute;
		right: 0 ;
		left: 0;
		bottom: 5%;
		color: #fff;
		opacity: 0.6;
	}
		
	.runter-btn {
		color: #fff;
	}
		
	.runter:hover {
		color: #fff;
		opacity: 1;
		transition: 0.3s ease-in-out;
	}

}


/*

.digitalisierungshilfe {
	position: absolute;
	left: 15px;
	right: 15px;
	margin: 0 auto;
	margin-top: -550px;
	max-width: 480px;
	z-index: 2;
	background: white;
	border: white;
	color: #333;
	text-align: center;
	
}

@media (min-width: 768px) { 

	.digitalisierungshilfe {
		margin-top: -820px;
	}

}

.digitalisierungshilfe p { 
	display: block;
	margin-right: -30px;
}

.digi {
		margin-right: -30px;
}
*/

/* Featurettes
------------------------- */

.featurette-divider {
  margin: 5rem 0; 
}

.featurette-heading {
  font-weight: 200;
  line-height: 1;
  letter-spacing: .1rem;
  padding-bottom: 1rem;
 
}


@media (min-width: 40em) {

  .featurette-heading {
    font-size: 2rem;
  }
}

@media (min-width: 62em) {
  .featurette-heading {
    margin-top: em;
  }
}

.section-heading {
   text-align: left;
}

.featurette img {
	margin-top: 4px;
	border-radius: 2px;
}



/*** SECTION MUSIK ***/


section#musik-top {
  background-image: url("../img/kante.png");
  background-repeat: repeat-x;
  background-position: top;
  margin-top: -150px;  
}


@media (min-width: 768px) { 

	section#musik-top {
		background-repeat: repeat-x;
		background-position: top;
		max-height: 300px;
		margin-top: -30px;
	}

}

section#musik {
  background-image: url("../img/muster.jpg");
  background-repeat: repeat;
  background-position: center;
}


#musik.page-section{
  padding: 2rem 0;
}

@media (min-width: 768px) { 

	#musik.page-section{
	  padding: 6rem 0;
	}

}

section#musik .card-body {
	padding: 1rem;
}

section#musik p{
	font-weight: 300 ;
}



/*** SECTION MEDIATHEK VIDEO ***/

section#mediathek .section-heading {
  color: #fff;
  padding-top: 3rem;
}


#musik-top.page-section {
  padding: 1rem 0 0rem 0;
}


#mediathek.page-section {
  padding: 2rem 0 0rem 0;
}


@media (min-width: 768px) { 

	#mediathek.page-section {
	  padding: 4rem 0 0rem 0;
	}

}	


.container.videos {
	max-width: 1060px;
}

.alert-video {
	background: #242629;
	color: #fff;
}

.alert-video a:hover{
	color: #ccc;
}




/*** SECTION MEDIATHEK FOTOS ***/

#mediathek .wrapper{
	padding-top: 80px;
	padding-bottom: 0px;
}

/* ---- grid ---- */

.grid {
  background: #2C3034;
  background: #eee;
  max-width: 640px;
  margin-left: auto;
  margin-right: auto;
}

/* clearfix */
.grid:after {
  content: '';
  display: block;
  clear: both;
}


@media (max-width: 767px) { 

	.grid-item:last-child {
	margin-top: -6px;
	}

}



/* ---- grid-item ---- */

.grid-item {
  float: left;
  border: 0.5px solid #f8f9fa;
  overflow: hidden;
  -webkit-transition: all 0.4s ease-out;
  -moz-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
  opacity: 0.9;
  /*   filter: drop-shadow(0px 2px 2px rgba(0, 0, 0, .3)); */
  /*   transition: filter .25s ease-in-out; */
  
}
.grid-item:hover {
  opacity: 1;
  -webkit-transition: all 0.4s ease-out;
  -moz-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
  /*   filter: drop-shadow(0px 5px 5px rgba(0, 0, 0, .3)); */
}


@media (min-width: 992px) {
.grid {
    max-width: 640px;
  }
}
@media (min-width: 1280px) {
 .grid {
  max-width: 1280px;
  }
}


@media (min-width: 768px) { 

	.grid-item--width1.grid-item--height1 { 
	  width: 640px;
	  height: 640px; 
	  background-image: url("../img/media/01-Emily-Falls-Portrait@2x.jpg");
	  background-repeat: no-repeat;
	  background-attachment: scroll;
	  background-position: center center;
	  background-size: cover;
	}
	
	.grid-item--width2.grid-item--height2 { 
	  width: 640px;
	  height: 960px;
	  background-image: url("../img/media/02-Emily-Falls-Drehung@2x.jpg");
	  background-repeat: no-repeat;
	  background-attachment: scroll;
	  background-position: center center;
	  background-size: cover; 
	}
	
	.grid-item--width3.grid-item--height3 { 
	  width: 320px;
	  height: 320px; 
	  background-image: url("../img/media/03-Emily-Falls-Schulterblick@2x.jpg");
	  background-repeat: no-repeat;
	  background-attachment: scroll;
	  background-position: center center;
	  background-size: cover;
	}
	
	.grid-item--width4.grid-item--height4 { 
	  width: 320px;
	  height: 320px; 
	  background-image: url("../img/media/04-iconfeld-social-media-bg.jpg");
	  background-repeat: no-repeat;
	  background-attachment: scroll;
	  background-position: center center;
	  background-size: cover;
	}
	
	.grid-item--width5.grid-item--height5 { 
	  width: 640px;
	  height: 320px; 
	  background-image: url("../img/media/05-Emily-Falls-Band-Table.jpg");
	  background-repeat: no-repeat;
	  background-attachment: scroll;
	  background-position: center center;
	  background-size: cover;
	}
	
	.grid-item--width6.grid-item--height6 { 
	  width: 320px;
      height: 320px; 
	  background-image: url("../img/media/06-Emily-Falls-verdeckt@2x.jpg");
	  background-repeat: no-repeat;
	  background-attachment: scroll;
	  background-position: center center;
	  background-size: cover;
	}
	
	.grid-item--width7.grid-item--height7 { 
	  width: 320px;
	  height: 320px; 
	  background-image: url("../img/media/07-Emily-Falls-vor-goldener-Wand@2x.jpg");
	  background-repeat: no-repeat;
	  background-attachment: scroll;
	  background-position: center center;
	  background-size: cover;
	}

}



@media (min-width: 1300px) { 

	.grid-item--width1.grid-item--height1 { 
		width: 640px;
		height: 640px; 
	  background-image: url("../img/media/01-Emily-Falls-Portrait@2x.jpg");
	  background-repeat: no-repeat;
	  background-attachment: scroll;
	  background-position: center center;
	  background-size: cover;
	
	}
	
	.grid-item--width2.grid-item--height2 { 
		width: 640px;
		height: 960px;
		background-image: url("../img/media/02-Emily-Falls-Drehung@2x.jpg");
	  background-repeat: no-repeat;
	  background-attachment: scroll;
	  background-position: center center;
	  background-size: cover; 
	}
	
	.grid-item--width3.grid-item--height3 { 
		width: 320px;
		height: 320px; 
	  background-image: url("../img/media/03-Emily-Falls-Schulterblick@2x.jpg");
	  background-repeat: no-repeat;
	  background-attachment: scroll;
	  background-position: center center;
	  background-size: cover;
	}
	
	.grid-item--width4.grid-item--height4 { 
		width: 320px;
		height: 320px; 
	  background-image: url("../img/media/04-iconfeld-social-media-bg.jpg");
	  background-repeat: no-repeat;
	  background-attachment: scroll;
	  background-position: center center;
	  background-size: cover;
	}
	
	.grid-item--width5.grid-item--height5 { 
		width: 640px;
		height: 320px; 
	  background-image: url("../img/media/05-Emily-Falls-Band-Table.jpg");
	  background-repeat: no-repeat;
	  background-attachment: scroll;
	  background-position: center center;
	  background-size: cover;
	}
	
	.grid-item--width6.grid-item--height6 { 
		width: 320px;
		height: 320px; 
	  background-image: url("../img/media/06-Emily-Falls-verdeckt@2x.jpg");
	  background-repeat: no-repeat;
	  background-attachment: scroll;
	  background-position: center center;
	  background-size: cover;
	}
	
	.grid-item--width7.grid-item--height7 { 
		width: 320px;
		height: 320px; 
	  background-image: url("../img/media/07-Emily-Falls-vor-goldener-Wand@2x.jpg");
	  background-repeat: no-repeat;
	  background-attachment: scroll;
	  background-position: center center;
	  background-size: cover;
	}

}



/*** SECTION BIOGRAFIE ***/


section#biografie {
  background-image: url("../img/muster.jpg");
  background-repeat: repeat;
  background-position: center;
  margin-top: 0.5px;


}

.page-section#biografie {
	padding-top: 50px;
	padding-bottom: 50px;
}

@media (min-width: 768px) { 

	.page-section#biografie {
		padding-top: 100px;
		padding-bottom: 80px;
	}
	
}

.bandfoto { margin-bottom: 20px; }
.readmore { margin-top:10px;}


@media (min-width : 400px ) and (max-width: 767px) { 

	.readmore { margin-top:10px;}

}

@media (min-width: 768px) { 
	
	.bandfoto { margin-bottom: 8px; }	
	.readmore { margin-top:-20px; }

}


@media (min-width: 1200px) { 
	
	.readmore { margin-top:-75px; }

}


/*** SECTION KONTAKT ***/


section#contact {
  background-color: #2C3034;
  background-repeat: no-repeat;
  background-position: center;
  padding-top:100px;
}

.contact-intro p{
	text-align: left;
	
}

@media (min-width: 768px) { 

	.contact-intro p, .contact-intro .section-heading{
		text-align: center;
	}	

}


section#contact .section-heading {
  color: #fff;
}

section#contact p{
	color: #ccc;
	font-weight: 300;
}

section#contact form#contactForm .form-group {
  margin-bottom: 1.5rem;

}
section#contact form#contactForm .form-group input,
section#contact form#contactForm .form-group textarea {
  padding: 1.25rem;
  color: #fff;
  border: none;
}
section#contact form#contactForm .form-group input.form-control {
  height: auto;
  background-color: #1F2326;
}
section#contact form#contactForm .form-group-textarea {
  height: 100%;
  
}
section#contact form#contactForm .form-group-textarea textarea {
  height: 100%;
  min-height: 10rem;
   background-color: #1F2326;
   border: none;
}
section#contact form#contactForm p.help-block {
  margin: 0;
}
section#contact form#contactForm .form-control:focus {
  border-color: #6595A3;
  box-shadow: none;
}
section#contact form#contactForm ::-webkit-input-placeholder {
/*    */
  font-family: 'Poppins', sans-serif;
  font-weight: 300;
  color: #ced4da;
  text-transform: uppercase
}
section#contact form#contactForm :-moz-placeholder {
/*    */
  font-family: 'Poppins', sans-serif;
  font-weight: 700;
  color: #ced4da;
}
section#contact form#contactForm ::-moz-placeholder {
/*    */
  font-family: 'Poppins', sans-serif;
  font-weight: 700;
  color: #ced4da;
}
section#contact form#contactForm :-ms-input-placeholder {
/*    */
  font-family: 'Poppins', sans-serif;
  font-weight: 700;
  color: #ced4da;
}







section#contact form#contactForm2 .form-group {
  margin-bottom: 1.5rem;

}
section#contact form#contactForm2 .form-group input,
section#contact form#contactForm2 .form-group textarea {
  padding: 1.25rem;
  color: #fff;
  border: none;
}
section#contact form#contactForm2 .form-group input.form-control {
  height: auto;
  background-color: #1F2326;
}
section#contact form#contactForm2 .form-group-textarea {
  height: 100%;
  
}
section#contact form#contactForm2 .form-group-textarea textarea {
  height: 100%;
  min-height: 10rem;
   background-color: #1F2326;
   border: none;
}
section#contact form#contactForm2 p.help-block {
  margin: 0;
}
section#contact form#contactForm2 .form-control:focus {
  border-color: #6595A3;
  box-shadow: none;
}
section#contact form#contactForm2 ::-webkit-input-placeholder {
/*    */
  font-family: 'Poppins', sans-serif;
  font-weight: 300;
  color: #ced4da;
  text-transform: uppercase
}
section#contact form#contactForm2 :-moz-placeholder {
/*    */
  font-family: 'Poppins', sans-serif;
  font-weight: 700;
  color: #ced4da;
}
section#contact form#contactForm2 ::-moz-placeholder {
/*    */
  font-family: 'Poppins', sans-serif;
  font-weight: 700;
  color: #ced4da;
}
section#contact form#contactForm2 :-ms-input-placeholder {
/*    */
  font-family: 'Poppins', sans-serif;
  font-weight: 700;
  color: #ced4da;
}





/*** FOOTER ***/

.footer {
  text-align: center;
  font-size: 0.9rem;
  font-family: 'Poppins', sans-serif;
  background: #2C3034;
  border-top: 1px solid rgba(75, 85, 94, 0.3);
  color: #eee;
}

.footer a:hover {
	color: #eee;
}