/*@import url(http://weloveiconfonts.com/api/?family=typicons|zocial);*/


@font-face {
  font-family: 'entypo';
  src: url("/srp/css/fonts/entypo.eot");
  src: url("/srp/css/fonts/entypo.eot?#iefix") format('embedded-opentype'), url("/srp/css/fonts/entypo.woff") format('woff'), url("/srp/css/fonts/entypo.ttf") format('truetype'), url("/srp/css/fonts/entypo.svg#entypo") format('svg');
  font-weight: normal;
  font-style: normal;
}


[class^="icon-"], [class*=" icon-"] {
  font-family: entypo;
  font-style: normal;

  display: inline-block;
  width: 1.1em;
  margin-right: .1em;
  text-align: center;
}
.icon-down-open-big:before { content: "\e764"; } /* '\e764' */
.icon-left-open-big:before { content: "\e765"; } /* '\e765' */
.icon-right-open-big:before { content: "\e766"; } /* '\e766' */


/* typicons */
[class*="typicons-"]:before {
  font-family: 'Typicons', sans-serif;
}


/* zocial */
[class*="zocial-"]:before {
  font-family: 'zocial', sans-serif;
}
.zocial {
  font-family: 'zocial', sans-serif;
}


body, body p {
font-family: 'Open Sans', sans-serif;
font-family: 'Poppins', sans-serif;
font-family: 'Lato', sans-serif;
font-family: 'Google Sans Flex', sans-serif;
}

.top-bar-section .navi a {
	color: #000000;
	text-transform: uppercase;
	font-family: 'Oswald', sans-serif;
	font-family: 'Tauri', sans-serif;
	font-family: 'Google Sans Flex', sans-serif;

	/*letter-spacing: 0.13em;*/
	padding-right: 1em;
	font-size: 16px;
	}
.navi {
	padding-top: 10px
}

.blau {
	color: #005BA0
}
.full {
	width: 100%;
	background: url(../img/blau-tom.jpg) center center;
	padding-top: 10em;
	margin-bottom: 2em;
	-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.full h1 {
	font-size: 95px;
	color: #ffffff;
	line-height: 1;
font-family: 'Oswald', sans-serif;
font-family: 'Tauri', sans-serif;

font-weight: 600;
	letter-spacing: 0.05em;
	font-family: 'Google Sans Flex', sans-serif;
	letter-spacing: 0.0em;

	padding-top: 0.2em
}

.full h1 a {
	color: #ffffff;
	opacity: 0.4;
	/*transition-duration: 1s;*/

	}
.full h1 a:hover {
	color: #ffffff;
	opacity: 1;

	}

@media only screen and (max-width: 40em) {
.top-bar { margin-bottom: 0em;}
}
@media only screen and (max-width: 53.125em) {
	.srp-logo {display: none}
	.top-bar { margin-bottom: 0em;}
}
.full h1.naechste {
	font-weight: 600;
	}

/* max-width 375px, mobile-only styles, use when QAing mobile issues */
@media only screen and (max-width: 23.50em) { 
	.full h1 {font-size: 25px;}
	.full {padding-top: 5em;}
}
/* min 375 px max-width 420px */
@media only screen and (min-width: 23.50em) and (max-width: 26.250em) { 
	.full h1 {font-size: 32px;}
}

/* min-width 420px, and max-width 640px mobile-only styles, use when QAing mobile issues */
@media only screen and (min-width: 26.250em) and (max-width: 40em) { 
	.full h1 {font-size: 45px;}
	.full {padding-top: 4em;}
}

/* min-width 641px and max-width 800px, use when QAing tablet-only issues */
@media only screen and (min-width: 40.063em) and (max-width: 50em) {
	.full h1 {font-size: 55px;}
	.full {padding-top: 5em;}
} 

/* min-width 801px and max-width 1024px, use when QAing tablet-only issues */
@media only screen and (min-width: 50.063em) and (max-width: 64em) {
	.full h1 {font-size: 70px;}
	.full {padding-top: 6em;}
} 

/* min-width 641px and max-width 1024px, use when QAing tablet-only issues 
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
	.full h1 {font-size: 75px;}
} */

/* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */
@media only screen and (min-width: 64.063em) and (max-width: 90em) {
	.full h1 {font-size: 85px;}
	.full {padding-top: 7em;}
.full h1.naechste {
	font-size:80px;
	}
} 

/* min-width 1441px, xlarge screens */
@media only screen and (min-width: 90.063em) { 
	.full h1 {font-size: 95px;}
.full h1.naechste {
	font-size:90px;
	}

}

.pfeil {
	position: absolute;
	right: 20px;
	bottom: 0px;
	font-size: 30px;
}
.transparent {
	opacity: 0.4;
}
.white {
	color: #ffffff;
	}
.black {
	color: #000000;
	}
.green {
	color: #99b1a7;
	}

.tag {
	color: #dae0de;
	color: #005a9a;
	font-size: 1000%
}


.konzertblock p {
	line-height: 1.35;
	margin-bottom: 0.75rem;
	color: #005a9a;

	}
.schwarz {
	color: #000000;
	color: #005a9a;

}


.kleinerpfeil {
	font-size: 80%;
	}
.pfeilrechts {
	font-size: 110%;
	/* entypo */
[class*="entypo-"]:before {
  font-family: 'entypo', sans-serif;
}



	}
/*
.pfeilrechts a:before {
	background: #f0f0f0;
	padding: 20px;
	width: 100px;
	height: 100px;
	}
*/

.aktuellfiesstext {
	padding-right: 3rem;
	-moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto; 
   
}
.pfeilkleiner {
	font-size: 80%;
			}

/* entypo */
[class*="entypo-"]:before {
  font-family: 'entypo', sans-serif;
}
.konzertblock h3 {
	color: #000000;
	color: #005a9a;
	font-family: 'Abel', sans-serif;
	font-family: 'Open Sans', sans-serif;
	font-family: 'Lato', sans-serif;
	letter-spacing: 0.0em;
	font-size: 35px;
	font-weight: 400;
	line-height: 1.6rem;
	padding-top: 0.5em;
	font-family: 'Google Sans Flex', sans-serif;

}
.konzertblock h3 small {
	font-size: 19px;
	color: #000000;
	color: #005a9a;

	font-family: 'Open Sans', sans-serif;
	font-family: 'Lato', sans-serif;
	font-family: 'Google Sans Flex', sans-serif;

}
.konzertblock h4 {
	font-size: 17px;
	color: #000000;
	color: #005a9a;

	font-family: 'Oswald', sans-serif;
	font-family: 'Tauri', sans-serif;
	/*font-family: 'Lato', sans-serif;*/
	font-weight: 400;
	text-transform: uppercase;
	margin-top: 2.5rem;
	letter-spacing: 0.05em;
	font-family: 'Google Sans Flex', sans-serif;
	letter-spacing: 0.0em;


    }
.konzertintro , h4.konzertintro { 
	color: #afafaf; 
	font-weight: 100; 
	font-size: 120%;
}
.konzertintrobig , h1.konzertintrobig, p.konzertintrobig { 
	color: #000000;
	color: #005a9a;

	font-weight: 100; 
	font-weight: 400; 
	font-size: 120%;/*
	-moz-hyphens: auto;
  hyphens: auto;*/
}

/*
h1.konzertintrobig {
	color: #005BA0;
	font-size: 200%;
	}
*/

.konzertblock h2, h1.konzertintrobig {
	color: #005BA0;
	color: #005a9a;

	text-transform: uppercase;
	font-family: 'Alegreya Sans', sans-serif;
	font-family: 'Oswald', sans-serif;
	font-family: 'Tauri', sans-serif;
	/*letter-spacing: 0.05em;*/;
	line-height: 1.1;
	font-size: 34px;
	font-weight: 600;
	padding-top: 0.4em;
	letter-spacing: 0.05em;
	font-family: 'Google Sans Flex', sans-serif;
	letter-spacing: 0.0em;

}
 h1.konzertintrobig {
color: #000000;
	color: #005a9a;

		font-size: 28px;

}

@media only screen and (max-width: 40.0em) {
.konzertblock h2, .konzertblock h3, h1.konzertintrobig {
	font-size: 24px;
}
		.konzertinfo {
	margin-top: -50px;
	transition-duration: 1s;
}

}
@media only screen and (min-width: 40.0625em) and (max-width: 64em) {
.konzertblock h2, .konzertblock h3, h1.konzertintrobig {
	font-size: 24px;
}
	.konzertinfo {
	margin-top: -50px;
	transition-duration: 1s;
}

}
@media only screen and (min-width: 64.0625em) and (max-width: 90em) {
.konzertblock h2, .konzertblock h3, h1.konzertintrobig {
	font-size: 28px;
}
	.konzertinfo {
	margin-top: -50px;
	transition-duration: 1s;
}

}

/* min-width 1441px, xlarge screens */
@media only screen and (min-width: 90.063em) { 

.konzertinfo {
	margin-top: -60px;
	transition-duration: 1s;
}
	}