/* vollkorn-regular - latin */
@font-face {
	font-family: 'Vollkorn';
	font-style: normal;
	font-weight: 400;
	src: 
	url('../inc/vollkorn/vollkorn-v9-latin-regular.woff') format('woff'), /* Modern Browsers */
	url('../inc/vollkorn/vollkorn-v9-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
	url('../inc/vollkorn/vollkorn-v9-latin-regular.svg#Vollkorn') format('svg'); /* Legacy iOS */
}
/* vollkorn-italic - latin */
@font-face {
	font-family: 'Vollkorn';
	font-style: italic;
	font-weight: 400;
	src: 
	url('../inc/vollkorn/vollkorn-v9-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
	url('../inc/vollkorn/vollkorn-v9-latin-italic.woff') format('woff'), /* Modern Browsers */
	url('../inc/vollkorn/vollkorn-v9-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
	url('../inc/vollkorn/vollkorn-v9-latin-italic.svg#Vollkorn') format('svg'); /* Legacy iOS */
}
/* vollkorn-sc-regular - latin */
@font-face {
	font-family: 'Vollkorn SC';
	font-style: normal;
	font-weight: 400;
	src: 
	url('../inc/vollkorn_sc/vollkorn-sc-v2-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
	url('../inc/vollkorn_sc/vollkorn-sc-v2-latin-regular.woff') format('woff'), /* Modern Browsers */
	url('../inc/vollkorn_sc/vollkorn-sc-v2-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
	url('../inc/vollkorn_sc/vollkorn-sc-v2-latin-regular.svg#VollkornSC') format('svg'); /* Legacy iOS */
}
a, .navbar-light .navbar-nav .nav-link i, .dropdown-item i {
	color: #2d8285;
}
a:hover, .navbar-light .navbar-nav .nav-link i:hover, .dropdown-item i:hover {
	color: #1F5A5C;
	text-decoration: none;
}
.stoerer {
  position: absolute;
  transform: rotate(325deg);
  background-color: orange;
  width: 250px;
  text-align: center;
  z-index: 25;
  left: -30px;
  top: 49px;
}
.terminarchiv {
  overflow: hidden;
  position: relative;
}
.hoch {
	max-width: 385px;
	max-height: 578px;
	margin-right:auto;
	margin-left:auto;
	border-radius: 0;
}
.upper{
	text-transform: uppercase;
}
.upper>span.lower{
	text-transform: lowercase;
	font-size:75%;
}
.playframe{
	height:130px;
	background-color: rgba(255,255,255,0.5);
}
.outer{
	height:315px;
	background-size: cover;
	background-position: center center;
	cursor: pointer;
		box-shadow: 2px 2px 4px 1px rgba(0, 0, 0, 0.40);

}
.half-white .outer a:link, .half-white .outer a:visited{
	color:red;	
	color: #570000;

}
.half-white .outer a:hover {
		color: #960000;
}
.positioner {
	position: absolute;
	top: 0;
	left: 0;
	width: 1px;
	z-index: -25;
}
.modal.fade .modal-dialog {
	-webkit-transition: -webkit-transform 0.3s ease-out;
	-moz-transition: -moz-transform 0.3s ease-out;
	-o-transition: -o-transform 0.3s ease-out;
	transition: transform 0.3s ease-out;
}
.modal.in .modal-dialog {}
.btn:focus, .btn:active, button:focus, button:active {
	outline: none !important;
	box-shadow: none !important;
}
#image-gallery .modal-footer {
	display: block;
}
.thumb {
	margin-top: 15px;
	margin-bottom: 15px;
}
.half-white {
	background-color: rgba(255, 255, 255, 0.75);
}
.navbar {
	font-size: 18px;
}
/*	body{ background-image: none;
		background-color: #333;
	}*/
.btn:focus, .btn:active, button:focus, button:active {
	outline: none !important;
	box-shadow: none !important;
}
#image-gallery .modal-footer {
	display: block;
}
.thumb {
	width: 180px;
	height: 180px;
	background-size: cover;
	background-position: center center;
	border: 17px solid white;
}
.thumbtop {
	background-position: top center;
}
.thumbnail {
	width: 100%;
	height: 100%;
	display: block;
}
.modal-backdrop.show {
	opacity: .95;
}
#show-previous-image, #show-next-image {
	z-index: 125;
	position: absolute;
	top: 50%;
}
#show-next-image {
	right: 15px;
}
#show-previous-image {
	left: 15px;
}
.modal-dialog {
	margin: 5px auto;
}
.modal-content {
	background-color: rgba(51, 56, 59, 1.00);
}
.modal-header {
	border-bottom-color: #666;
}
.modal-footer {
	border-top-color: #666;
}
.modal-title {
	color: #fff;
}
.modal-subtitle {
	color: #999;
}
.close {
	color: #fff;
	text-shadow: 0 1px 0 #000;
}
.close:hover {
	color: #666;
	text-decoration: none;
	text-shadow: 0 1px 0 #000;
}
.slider-bg {
	background-color: #000;
}
.img-thumbnail {
	padding: 8px;
	background-color: rgba(0, 0, 0, 0);
	border: 1px solid #dee2e6;
	border-radius: 0;
	max-width: 100%;
	height: auto;
}
.bodybg {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	/*	background-attachment: fixed;*/
	background-size: cover;
	z-index: -1;
	background-position: right top;
}
.play {
	background-image: url(../img/fg07c.jpg);
}
.play h3 {
	font-size: 24px;
}
.repertoire {
	background-image: url(../img/2022_fg01.jpg);
        background-position-y: 1049px;
} 
.unterricht  {
	background-image: url("../img/2022_fg_318.jpg");
	background-position: top right;
}
.rezis {
	background-image: url(../img/fg10.jpg);
}
.diskografie, .diskografietest {
	background-image: url(../img/fg08.jpg);
	background-position: right top;
}
.galerie {
	margin: 0;
	padding: 0;
	background: url(../img/links.jpg) top left no-repeat fixed, url(../img/rechts.jpg) top right no-repeat fixed;
}
.vita {
	background-image: url("../img/2022_fg04.jpg");
}
/*.download {
	background-image: url(../img/fg06.jpg);
}*/
.index {
	background-image: url("../img/2022_fg05.jpg");
		background-position: center;
		background-size: cover;
}
/*.datenschutz, .impressum, .kontakt {
	background-image: url(../img/2022_fg09.jpg);
}*/
.text-red, .coach li::marker {
	color: #2d8285;
}
.border-red{
	border-color: #670000 !important;
	border-color: #2d8285 !important;
}
.coach ul{
	list-style: disclosure-closed;
}

/* LOGO */
.logo {
	font-family: 'Vollkorn SC', 'serif';
	position: relative;
	width: 200px;
	height: 69px;
}
.fran {
	position: absolute;
	font-size: 29px;
	left: 32px;
	color: rgba(111, 111, 111, 1.00);
}
.got {
	position: absolute;
	top: 11px;
	font-size: 35px;
	color: rgba(173, 173, 173, 1.00);
}
.mez {
	position: absolute;
	top: 55px;
	left: 57px;
	font-size: 16px;
	color: rgba(111, 111, 111, 1.00);
}
.ef {
	font-size: 33px;
}
.ge {
	font-size: 45px;
}
.breadcrumb {
	position: absolute;
	top: 96px;
}
.bg-ultralight {
	background-color: rgba(255, 255, 255, 0.35);
}
/* Termine Tabelle */
tr {
	padding: 25px;
	border-bottom: 1px solid grey;
}
td {
	padding-bottom: 35px;
}
/* Content */
html, body {
	margin: 0;
	padding: 0;
}
body {
	font-family: 'Vollkorn', serif;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-size: 100%;
	background-size: cover;
	background-position: top right;
	color: rgba(0, 0, 0, 0.8);
	
	height: 100vh;
}
main {
	padding-bottom: 125px;
	/*    padding-top: 95px;*/
}
h1, h2, h3, h4, h5, h6, footer {
	font-family: 'Vollkorn SC', 'serif';
}
h1 {
	font-size: 1.5rem;
}
.h4, h4 {
	font-size: 1.4rem;
}
.h5, h5 {
	font-family: 'Vollkorn', serif;
	font-size: 1.1rem;
	margin-top: 1rem;
}
.borderout ul {
    /*list-style: square;*/
    padding-left: 40px;
    text-align: left;
}
.borderout ul li {
	margin: 5px auto;
}
.w250 {
/*	max-width: 250px;
	max-height: 250px;*/
}
.w250h500 img {

}
.web .content {
	font-family: 'Vollkorn', serif;
	font-size: 18px;
}
.print .content {
	font-family: 'Vollkorn', serif;
}
.headprint {
	font-family: 'Vollkorn SC', serif;
	text-align: center;
	margin: 25px auto;
}
.headweb {
	font-family: 'Vollkorn', serif;
	text-align: center;
}
.subhead {
	border-bottom: 1px solid #333;
	border-top: 1px solid #333;
	line-height: 2;
	margin: 25px 2px;
	text-align: center;
	display: block;
}
.disko .subhead {
	font-weight: bold;
	font-family: 'Vollkorn SC', 'serif';
}
.shade {
	box-shadow: 2px 2px 4px 1px rgba(0, 0, 0, 0.25);
}
.shade:hover {
	box-shadow: 2px 2px 4px 1px rgba(0, 0, 0, 0.35);
}
.bg-light.m-1 {
	margin: 40px auto;
}
.txtshade {
	text-shadow: 1px 1px rgba(119, 119, 119, 0.95);
	color: rgba(85, 85, 85, 0.75);
	box-shadow: none;
}
li.nav-item {
	text-align: center;
}
hr {
	margin-top: 1px;
	margin-bottom: 1px;
	border: 0;
	border-top-color: currentcolor;
	border-top-style: none;
	border-top-width: 0px;
	border-top: 1px solid rgba(0, 0, 0, .1);
}
.sprache {
	margin-right: 25px;
	font-size: 12px;
}
nav, footer {
	box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.25);
}
.half-white {
	background-color: rgba(255, 255, 255, 0.7);
}
.half-white a {
	color: rgba(47, 47, 47, 1.00);
	text-decoration: none;
}
.half-white a:hover {
	color: rgba(47, 47, 47, 0.8);
	text-decoration: underline;
}
.half-white p {
	font-size: 20px;
}
.half-white h5 {
	font-size: 26px;
}
.navbar {
	font-size: 20px;
	height: 96px;
}
.vorne {
	z-index: 25;
	-webkit-transform: rotateY( 0deg);
	-moz-transform: rotateY( 0deg);
	-o-transform: rotateY( 0deg);
	transform: rotateY(0deg);
}
.hinten {
	z-index: 3;
	-webkit-transform: rotateY( 180deg);
	-moz-transform: rotateY( 180deg);
	-o-transform: rotateY( 180deg);
	transform: rotateY( 180deg);
	-webkit-transition: -webkit-transform 1.5s ease-in-out;
	-moz-transition: -moz-transform 1.5s ease-in-out;
	-o-transition: -o-transform 1.5s ease-in-out;
	transition: transform 1.5s ease-in-out;
	background-color: rgba(128, 127, 127, 0.50);
}
#eng, #de, .vorne, .hinten {
	position: absolute;
	top: 0;
	width: 100%;
	min-width: 100%;
	height: 100%;
	min-height: 100%;
}
#eng, #de {
	position: absolute;
	top: 0;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: -webkit-transform 1.5s ease-in-out;
	-moz-transition: -moz-transform 1.5s ease-in-out;
	-o-transition: -o-transform 1.5s ease-in-out;
	transition: transform 1.5s ease-in-out;
}
.aussen {
	margin-top: 150px;
	min-height: 100%;
	/*	position: absolute;
    width: 100%;
    
*/
}
.navbar-expand-md .navbar-nav .nav-link {
	padding-right: 2px;
	padding-left: 2px;
}


.btn-secondary ,.bg-secondary {
    background-color: #898989!important;
    border-color: #898989!important;
}
.btn-secondary:hover{
    background-color: #4C4C4C!important;
    border-color: #4C4C4C!important;	
}

a.btn-lila, .btn-lila, .bg-lila {
	background-color: #a59e8e;
	border-color: #a59e8e;
	/*background-color: #A84387;
	border-color: #A84387;*/
	color: white;
}
a.btn-lila:hover, .btn-lila:hover {
	background-color: #827A68;
	border-color: #827A68;
	color: white;
}
.btn-rot, .bg-rot {
	color: white;
	background-color: #2d8285;
	border-color: #2d8285;
}
.btn-rot:hover {
	background-color: #133d3c;
	border-color: #133d3c;
	color: white;
}

span.langsw {
	width: 75px;
}
.langsw a:link, .langsw a:visited {
	color: #505050;
}
.com .langsw a.deu .fa-caret-square-left, .de .langsw a.eng .fa-caret-square-left {
	display: none;
}
.de .langsw a.deu, .de .langsw a.deu .fa-caret-square-left, .com .langsw a.eng, .com .langsw a.eng .fa-caret-square-left {
	display: inline-block;
	color: #2d8285;
}
.langsw a:hover {
	color: #133d3c;
}

footer {
	font-family: 'Vollkorn SC', 'serif';
	font-size: 20px;
	text-align: center;
	display: block;
	height: 69px;
	padding: 15px;
}
footer a:link, footer a:visited {
	font-weight: normal;
	color: #256C6E;
	text-align: center;
}
footer a:hover {
	color: #133d3c;
}

.borderout {
	height:100%;
	position: relative;
	box-shadow: 2px 2px 4px 1px rgba(0, 0, 0, 0.40);
	padding: 15px;
	background-color: rgba(255, 255, 255, 0.76);
	/*margin: 10px;
    max-width: calc(33% - 20px);*/
}
.borderout img{
	box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.40);
}
.boxshade{
	box-shadow: 2px 2px 4px 1px rgba(0, 0, 0, 0.40);
}
/*.aussen .row .row {
	margin-left: 10px;
	margin-right: -10px;
}
.out {
	position: absolute;
	right: -122px;
	top: 0;
	-webkit-transition: -webkit-transform 1.5s ease-in-out;
	-moz-transition: -moz-transform 1.5s ease-in-out;
	-o-transition: -o-transform 1.5s ease-in-out;
	transition: transform 1.5s ease-in-out;
}
.borderout:hover .out:hover, .borderout:hover .out {
	left: 15px;
	-webkit-transition: -webkit-transform 1.5s ease-in-out;
	-moz-transition: -moz-transform 1.5s ease-in-out;
	-o-transition: -o-transform 1.5s ease-in-out;
	transition: transform 1.5s ease-in-out;
}*/

.gallery-image {
	max-height: 700px;
}
.row.repcont.bg-light.shade>div.border-top{
	hyphens: auto;
}


@media(max-width:1585px){
	.vita{
		background-position: right top;
	}
	.play{
		background-position: right -81px;
	}	
	.rezis{
		background-position: right -110px;
	}	
	.repertoire  {
		background-position: 1459px 47px;
    	background-size: auto;
	}	
	.unterricht{
		background-position: right -20px;		
	}
	.datenschutz, .impressum, .kontakt{
		background-position: 1500px -100px;
	}		
	.play {
		background-position: 1790px -81px;
		background-size: auto;
	}		
	.download {
		background-position: 1550px -21px;
	}	
/*	.galerie {
		background-image: none;
	}	*/
}

@media(max-width:1285px){	
	.bodybg {
		background-size: initial;
	}
	.vita{
		background-position: 1425px top;
	}
	.play{
		background-position: 1474px -81px;
	}	
	.rezis{
		background-position: 1344px -110px;
	}	
	.repertoire  {
		background-position: 1359px 67px;
	}		 
	.unterricht  {
        background-image: url("../img/2022_fg_318.jpg");
        background-position: right 70px;
        background-size: cover;
	}		
	.kontakt, .datenschutz, .impressum {
		background-position: 1494px -100px;
	}		
	.play {
		background-position: 1724px -81px;
	}		
	.download {
		background-position: 1504px -21px;
	}	
	.galerie {
		background-image: none;
	}
}
@media(max-height:710px){
  	.bodybg.vita {
		background-position: 50% top;
		background-size: cover;
	}
	.repertoire {
    background-position: 50% 85px;
		background-size: contain;
}
	.index {
    background-size: cover;
}
}

@media(max-width:1182px){
    .index{
        background-size: cover;
    }
    .vita{
        background-position: 1150px top;
        background-size: cover;
    }
    .repertoire{
        background-position: 1150px 55px;
        background-image: url("../img/fg01b.jpg");
        background-size: cover;
    }
    .kontakt{
        background-position: 1224px -20px;
        background-size: cover;        
    }
    .play{
        background-position: 1264px 29px;
        background-size: cover;
    }
}

@media(max-width:1071px){	
	.repertoire  {
		background-position: 1163px 82px;
    	background-size: cover;
	}
	.bodybg.index {
		background-position: center;
		background-size: cover;
	}
	.gallery-image {
		/*height: 700px;*/
		max-width: 766px;
	}
	.datenschutz, .kontakt  {
		background-position: 1275px -138px;
	}
	.unterricht  {
		background-position: -90px 56px;
    	background-size: cover;
	}	
	.vita {
        background-position: 1135px top;
		background-size: cover;
	}
	.rezis{
		background-position: right -110px;
	}
	.play{
		background-position: 1474px -81px;
        background-size: initial;
	}
	.download {
		background-image: none;
	}
	.diskografietest , .diskografie{
		background-position: 1205px center;
	}
}

@media(max-width:1025px){	
	.repertoire  {
		background-position: 1068px 82px;
    	background-size: cover;
	}
	.datenschutz, .kontakt {
		background-position: 1199px -45px;
	}
}
@media(max-width:840px) {
	.rezis {
		background-image: url(../img/fg10-HDX.jpg);
	}

	.vita {
		background-image: url(../img/2022_fg04.jpg);
	}
/*	.index {
		background-image: url(../img/fg04-HDX.jpg);
	}*/

	.diskografie {
		background-image: url(../img/fg08.jpg);
		background-position: 920px top;
	}
	.gallery-image {
		/*height: 700px;*/
		width: 766px;
	}	
	footer {
		height: 108px;
	}
	iframe {
		width: 100%;
	}
	h4 {
		font-size: 1.2rem;
	}
}

@media (orientation: portrait) and (max-width:840px){
	.gallery-image {
		width: 467px;
		height: 100%;
	}
.play {
    background-position: 1279px -81px;
}	
}


@media(max-width:768px) {
    .bodybg {
        background-image: none;
        background-color: #2d8285;
    }
	.ef {
		font-size: 29px;
	}
	.fran {
		font-size: 23px;
	}
	.got {
		font-size: 29px;
	}
	.ge {
		font-size: 38px;
	}
	.logo {
		width: 163px;
		height: 56px;
	}
	.mez {
		position: absolute;
		top: 48px;
		font-size: 14px;
	}
	.aussen {
		margin-top: 119px;
	}
	.repcont {
		font-size: 0.8rem;
		line-height: 1.3;
	}
	.sprache {
		font-size: 16px;
		line-height: 1.5;
	}
	.navbar-nav {
		/*margin-bottom:75px;*/
	}
	.navbar-nav a{
		/*padding:15px;*/
	}
}




@media(max-width:455px) {
	.ef {
		font-size: 28px;
	}
	.fran {
		font-size: 23px;
	}
	.got {
		font-size: 29px;
	}
	.ge {
		font-size: 38px;
	}
	.logo {
		width: 163px;
	}
	.mez {
		position: absolute;
		top: 48px;
		font-size: 14px;
	}
	.bg-ultralight {
		background-color: none;
	}
	.bg-ultralight .bg-ultralight {
		background-color: rgba(255, 255, 255, 0.8);
	}
	main {
		padding-bottom: 125px;
		/*    padding-top: 95px;*/
	}
}




@media(max-width:376px) {
	.gallery-image {
		max-height: 700px;
	}
	footer {
    font-size: 16px;
    height: 80px;
    padding: 5px;
		width:100%;
}
	.aussen .row .row {
    margin-left: 0;
    margin-right: 0;
}
	.playframe, .half-white p {
		font-size: 14px;
		padding: 5px;
}
}