body, html {
	width: 100%;
	height: 100%;
	margin: 0;
	background-color: #B8CCC1;
	font-family: "Sofia Pro Soft Light", sans-serif;
	color:#2d352f;
}
a{
	text-decoration: none;
	cursor: pointer;
}
.container{
	display: grid;
	grid-template-columns: repeat(4, 1fr);
}
.header {
    display: grid;
	grid-template-columns:3vmax 1fr 3vmax;
	grid-template-rows: repeat(1, 4vmax);
	width: 100%;
	background-color:rgba(255,255,255,0.60);
	align-items:center;
	justify-content:space-evenly;
	position:fixed;
}
.flagge{
	grid-row:1 / span 1;
	grid-column: 3 / span 1;
	padding-top:1vmax;
	justify-self:end;
	padding-right: 3vmax;
	cursor:pointer;
}
.flagge:hover{
	opacity: 0.5;
}
.flagge img{
	width:3vmax;
	height:auto;
}
.main-nav {
    grid-column: 2;
}

.hamburger {
    grid-column: 1;
	grid-row:1;
    justify-self: center;
	align-self:center;
	padding-left:3vmax;
	padding-top:0.5vh; 
}

.main-nav ul {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    justify-items: center;
	align-items: center;
}
.main-nav ul a{
	color:#3c3c3c;
}

.fa-bars {
    font-size: 3vmax;
}
.main-nav {
    display: none;
}
ul{
	display:block;
	margin:0;
	padding:0;
}
li{
	display:block;
	font-family: "Sofia Pro", sans-serif;
	list-style: none;
	text-decoration: none;
	font-size: 1.8vmax;
	padding-left: 1vmax;
}
a:link{
	color: #2d352f;
	text-decoration: none;
}
a:visited{
	color:#2d352f;
}
a:hover{
	color:rgba(172,172,172,1.00);
}
li a:hover{
	color:silver;
}
.link a:hover{
	color:rgba(172,172,172,1.00);
}
.container-start{
	display: grid;
	grid-template-columns: repeat(8, 1fr);
	padding-bottom: 2vmax;
}
.start-bild{
	grid-column: 1/ span 8;
	grid-row:3;
	justify-self:center;
	display: grid;
	justify-content:center;
}
.start-bild img{
	display:block;
	width:45vmax;
	height: auto;
	justify-self:center;
}
.text{
	grid-column:1 / span 8;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	justify-items:center;
	align-content: center;
	padding-top: 2vmax;
}
.titel{
	grid-row: 1 / span 1;
	grid-column: 1 / span 4;
}

.titel2{
	grid-row: 2/ span 1;
	grid-column: 1 / span 4;
}
h1{
	font-family: "Sofia Pro Soft", sans-serif;
	font-weight:500;
	color: #2d352f ;
	letter-spacing: 0.25rem;
	font-size:3vmax;
}
h2{
	font-family: "Sofia Pro Soft", sans-serif;
	font-weight: 300;
	letter-spacing: 0.25rem;
	font-size: 2.5vmax;
	margin: 0;
}
.container-bio{
	display: grid;
	grid-template-columns: repeat(10, 1fr);
	
}
.bio {
	grid-row: 1;
	grid-column: 1/ span 10;
	color:#2d352f;
	background-color:#e6e6e6;
	padding-bottom: 4vmax;
	align-self:baseline;
	justify-self:center;
}
.bio-titel{
	padding-left:1vw;
	padding-top: 1vmax;
}
.bild-bio img{
	width: 98vw;
	height: auto;
	padding-left:1vw;
	padding-right:1vw;
}
.bio h2{
	font-size: 2.3vmax;
}
.bio p{
	font-size: 1.5vmax;
	line-height: 2.4vmax;
	color: #2d352f;
	text-align: left;
	padding-left:1vw;
	padding-right:1vw;
}
.link{
	font-size: 1.5vmax;
	font-style: italic;
	padding-left: 1vw;
}
.link a{
	color:#2d352f;
}
.link img{
	margin-left: 2vmax;
	width: 1.5vmax;
}
.container-kammermusik{
	display: grid;
	grid-template-columns: repeat(8, 1fr);
	padding-top:1vmax;
	justify-items:center;
	padding-bottom: 4vmax;
	background-color: #e6e6e6;
}
.kammermusik{
	grid-column: 1 / span 8;
	grid-row: 1;
}
.kammermusik-text{
	grid-column:1 / span 8;
}
.kammermusik h2{
	font-size: 2.3vmax;
	padding-left:1vw;
	padding-right: 1vw;
}
.kammermusik-text p{
	font-size: 1.5vmax;
	line-height: 2.4vmax;	
	padding-left:1vmax;
	padding-right:1vmax;
}
.kammermusik .link{
	padding-left: 1vmax;
	
}
.duo-bilder{
	grid-row:2 ;
	display: grid;
	grid-template-columns: repeat(8, 1fr);
	grid-row-gap: 1vmax;
	grid-column: 1 /span 8;
}
.kaeppel{
	grid-column: 1 / span 8 ;	
}
.kaeppel img{
	width: 98vw;
	height:auto;
	display:block;
	padding-left:1vw;
	padding-right:1vw;
}
.takeo{
	grid-column:1 / span 8;
}
.takeo img{
	width: 98vw;
	height: auto;
	display: block;
	padding-left:1vw;
	padding-right:1vw;
}
.duo-martina{
	grid-column: 1/ span 8;
	grid-row:2/ span 2;
	justify-self:center;
	align-self:center;
}
.martina img{
	width: 98vw;
	height: auto;
	display: block;
	padding-right:1vw;
	padding-left:1vw;
}

.container-diskografie{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	justify-content: center;
	padding-bottom: 4vmax;
}
.bild4 img{
	width: 98vw;
	height: auto;
	padding-left: 1vw;
	padding-right: 1vw;
}

.diskografie{
	grid-row:3;
	grid-column: 1 / span 2;
	background-color:#e4e4e4;
	
}
.diskografie-text{
	padding-left: 1vmax;
	padding-right: 1vmax;
}
.diskografie h2{
	font-size: 2.3vmax;
	margin-left: 0;
	word-spacing: 0.05em;
	padding-left:1vw;
	padding-right:1vw;
}
.diskografie p{
	font-size: 1.5vmax;
	line-height: 2.4vmax;
}
.container-diskografie .link{
	padding-left:1vmax;
}
.bilder-diskografie{
	display:none;
}
.container-video{
	padding-left:1vw;
	padding-right:1vw;
}
.container-video h2{
		font-size: 2.3vmax;
	}
.video{
	grid-row:4;
	position:relative;
	padding-bottom: 56.25%;
	height:0;
}
.video-1{
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	padding-top: 3vmax;
	border:0;
}
.video-2{
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	padding-top:6vmax;
	border: 0;
}

.termine{
	font-size: 1.5vmax;
	font-style: italic;	
}
.termine img{
	margin-left: 1vmax;
	width:1.5vmax;
}
.social_media{
	display:grid;
	grid-column: 1;
	grid-row:5;
	grid-template-columns: 4vmax 4vmax;
	margin-top: 10vh;
}
.media{
	grid-row:1;
	font-size: 1.5vmax;
	font-style: italic;	
	padding-top: 0;
	grid-column: 1;
}
.media-2{
	grid-row: 1;
	grid-column: 2;
	font-style: italic;
	font-size: 1.5vmax;
}
.media img{
	padding-left: 1vw;
	width: 2vmax;
	height:auto;
}

.media-2 img{
	padding-left:0;
	width: 2vmax;
	height: auto;
}
.video h2{
	font-size: 2.3vmax;
	word-spacing: 0.05em;
}
.terminliste {
	display:grid;
	grid-template-columns: repeat(2, 1fr);
	font-family: "Sofia Pro Soft Light", sans-serif;
	margin:0;
	padding:0;
}
.terminliste .first{
	font-size:1.5vmax;
	grid-column: 1;
}
.terminliste .second{
	font-size:1.5vmax;
	grid-column: 2;
	grid-row:1;
}
#footer{
	display:grid;
	grid-template-columns: repeat(3,auto);
	padding-bottom: 1vmax;
	padding-top:2vmax;
	padding-right:1vw;
	padding-left:1vw;
}
#button {
	font-family: "Sofia Pro Soft Light", sans-serif;
	font-size: 1vmax;
	color:#2d352f;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	cursor: pointer;
	background-color: #B8CCC1;
	text-align: left;
}
.button{
	grid-column: 1;
	grid-row: 1;
	align-self:baseline;
}
#impressum {
	grid-row:2;
	grid-column: 1 / span 4;
	color: #4c4c4c;
	font-family: Arial, Helvetica, sans-serif;
	visibility: visible;
	z-index: 98;
	display: none;
	text-align: justify;
	padding-left:1vmax;
	padding-right:1vmax;
}
#impressum p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7vmax;
	line-height: 0.9vmax;
}
#impressum ul{
	display:block;
}
#impressum li{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7vmax;
	line-height: 0.9vmax;
	list-style: circle;
}
.copyright{
	grid-column: 3;
	text-align-last: right;
	font-family: "Sofia Pro Soft Light", sans-serif;
	font-size: 1vmax;
	padding-right: 1vmax;
	align-self:baseline;
}


/* MEDIA QUERIES */

@media screen and (max-width: 700px) {

	.container-start{
		margin-bottom: 0;
		height: 100vh;
	}
    .main-nav {
        grid-row: 2;
        grid-column: 1 / 5;
    }

    .main-nav ul {
        grid-template-columns: 1fr;
        height: calc(30vh - 70px);
        align-content: space-evenly;
		justify-items:start;
    }

    .main-nav ul a {
        color: #2d352f;
    }
	.main-nav ul li a:hover{
		color:burlywood;
	}
}
	@media screen and (min-width: 768px) and (orientation: portrait){
      .container-start{
		margin-bottom: 0;
		height: 100vh;
		}
      .start-bild img{
        width: 50vmax;
        height: auto;
        }
      .main-nav ul li{
        font-size:1.8vmax;
        }
      .main-nav ul{
		display:flex;
      	justify-content:space-evenly;
		align-items: center;
		margin:0;
		padding:0;
		cursor:pointer;	
        }
	.social_media{
		margin-top: 10vmax;
		}
	}
	
@media screen and (min-width: 700px){ 
	.main-nav{
		grid-row:1;
		grid-column:2;
	}
}
@media screen and (min-width: 568px) and (max-width: 1023px) and (orientation: landscape){
	.main-nav{
		grid-row:1!important;
		grid-column:2!important;
	}
	.header{
   		display:grid;
		grid-template-columns: repeat(8, 1fr);
		grid-template-rows: 3.2vh;
		z-index: 99;
		padding:0;
		position: fixed;
		width: 100%;
		background-color:rgba(255,255,255,0.60);
		align-items:center;
	}
	.flagge{
		grid-row:1 / span 1;
		grid-column: 8 / span 1;
		padding-right: 2vmax;
		padding-top:0;
		align-self:center;
		justify-self:end;
	}
	.flagge img{
		width:3vh;
		height:auto;
		padding-top:0.7vh;
	}
	.hamburger {
    	grid-column: 1;
		padding-left:1.5vmax;
		justify-self: start;
		align-self: center;
	}
	.fa-bars {
    	font-size: 3vh;
	}
	.main-nav{
		grid-column: 2 / span 6!important;
		grid-row: 1 /span 1;
		justify-items:space-around;
	}
	.main-nav ul{
		display:flex;
		justify-content:space-evenly;
		align-items: center;
		margin:0;
		padding:0;
		cursor:pointer;
	}
	.main-nav ul li{
		font-size: 1.2vmax;
	}
	.start-bild{
		display: none !important;
	}
	.link a:hover{
		color:rgba(172,172,172,1.00)!important;
	}
	.container-start{
		display: grid;
		grid-template-columns: repeat(11, 1fr);
		grid-template-rows: repeat(11, 1fr);
		height: 100%;
		width: 100%;
		overflow:hidden;
		/*background-image: url("../Bilder/Martina_1.jpg");
		background-repeat: no-repeat;
		background-position: right bottom;
		background-size: contain;
		background-attachment: scroll;*/
		margin-bottom:0;
	}
	.start-bild{
		display: none;
	}
	
	.text{
		grid-row: 4;
		grid-column:1 / span 7;
		display:grid;
		grid-template-columns: repeat(8, 1fr);
		grid-template-rows:auto;
		margin-left: 3em;
		justify-items: start;	
	}
	.titel{
		grid-row: 1 / span 1!important  ;
		grid-column: 1 / span 10 ;
		z-index: 1;
	}
	.titel2{
		grid-row: 2 /span 1!important;
		grid-column: 1 / span 10;
	}
	h1{
		font-family: "Sofia Pro Soft", sans-serif;
		font-weight: 500;
		color: #2d352f ;
		word-spacing: 1rem;
		letter-spacing: 0.25rem;
		font-size:4vmax;
		margin:0;
		padding:0;
	}
	h2{
		font-family: "Sofia Pro Soft", sans-serif;
		font-weight: 300;
		word-spacing: 1rem;
		letter-spacing: 0.25rem;
		font-size: 3vmax;
		margin-left:2em;
	}
	.container-bio{
		display: grid;
		grid-template-columns: repeat(10, 1fr);
		grid-template-rows: 20vmax 1fr 20vmax;
		grid-column-gap: 0;
		overflow: hidden;
		/*background-image:url("../../Website_Martina_Angenendt_2023/Bilder/230210-martinaangenendt-web-miriamjuschkat-_MG_8763.jpg");
		background-repeat: no-repeat;
		background-position: top;
		background-size: cover;
		background-attachment: fixed;*/
		margin: 0;
		align-items: center;
	}
	.container-bio::before{
		display:none;
	}
	.bild-bio{
		display: none;
	}
	.bio-titel{
		display:none;
	}
	.bio{
		grid-row: 2;
		grid-column: 8 / span 2;
		color:#959595!important;
		background-color:rgba(0,0,0,0.00);
		padding:0;
	}
	.bio p{
		color:#959595!important;
		font-size: 1vmax;
		line-height: normal!important;
	}
	.link{
		font-size: 1vmax;
		font-style: italic;	
	}
	.link a{
		color:#959595;
	}
	.link img{
		margin-left: 3vmax;
		width: 1.5vmax;
		color:#959595;
	}
	.container-kammermusik{
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		grid-column-gap: 0;
		margin-top:6vmax;
		margin-left: 0;
}
	.kammermusik{
		grid-column: 1 / span 2;
		grid-row: 1;
		padding-top: 0;
		padding-left: 6vmax;
		padding-right:6.5vmax;
		display:grid;
		grid-template-columns: repeat(2, 1fr);
	}
	.kammermusik h2{
		font-size: 2vmax;
		margin:0;
	}
	.kammermusik-text{
		grid-row:2;
		grid-column:1 / span 1;
	}
	.kammermusik-text p{
		font-size: 1vmax;
		line-height: normal!important;	
	}
	.kammermusik-text .link a{
		color: #2d352f;
	}
	.kammermusik-text .link a:hover{
		color:silver;
	}
	.duo-bilder{
		grid-row:1 ;
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		grid-column-gap: 2vmax;
		grid-column: 1 /span 1;
		padding-top: 3vmax;
		padding-left:6.5vmax;
	}
	.duo-martina{
		grid-column: 2 / span 1;
		grid-row:2 / span 2;
		align-self: end;
		justify-self:end;
	}
	.kaeppel{
		grid-column: 1;
		align-self: end;
	}
	.kaeppel img{
		width: 20vmax;
		height:auto;
		display:block;
	}
	.martina img{
		width: 25vmax;
		height: auto;
		padding-top: 0;
		display: block;
	}
	.takeo{
		grid-column:2;
		align-self: end;
		}
	.takeo img{
		width: 20.2vmax;
		height: auto;
		display: block;
		}	
	.container-diskografie{
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		grid-template-rows: repeat(1, 1fr)!important;
		grid-column-gap: 0;
		padding-top:6vmax;
		padding-left: 0;
		background-image: none;
	}
	.bild4{
		display:none;
	}
	.diskografie{
		grid-column: 1 /span 2;
		grid-row:1;
		padding-left:6vmax;
		padding-right:6.5vmax;
		display: grid;
		grid-template-columns: repeat(2, 1fr);
	}
	.bilder-diskografie{
		grid-column: 2 / span 1;
		grid-row:2;
		display:grid;
		grid-template-columns: repeat(3, 1fr);
		grid-column-gap: 1vmax;
		padding-top: 2vh;
		padding-left:0;
		justify-items: end;
		}
	.bilder-diskografie img{
   		width:11vmax;
		height:auto;
		display: block;
		padding-top:0; 
		padding-left:0;
	}
	.bild1{
		grid-column: 2 / span 1;
		grid-row: 1 / span 2;
		padding-top:2vmax;
	}
	.bild2{
		grid-column: 1 / span 1;
		grid-row: 1/span 1;
	}
	.bild3{
		grid-column:3;
		grid-row: 1 ;
		padding-top: 4vmax;
	}
	.diskografie-text{
		grid-column: 1 /span 1;
		grid-row:2;
		padding-left: 0;
		}
	.diskografie h2{
		font-size: 2vmax;
		margin-left: 0;
		word-spacing: 0.05em;	
	}
	.diskografie p{
		font-size:1vmax;
		line-height: normal!important;
	}
	.container-diskografie .link{
		grid-row:3;
		grid-column: 1 / span 2;
	}
	.diskografie .link a{
		color: #4c4c4c;
		cursor: pointer;
	}
	.container-video{
		display:grid;
		grid-template-columns: repeat(2, 1fr);
		grid-column-gap: 2vmax;
		padding-top:6vmax;
		padding-left:6vmax;
		padding-right:6.5vmax;
}
	.container-video h2{
		font-size: 2vmax!important;
		margin-left:0;
	}
	.video{
		position:relative;
		padding-bottom: 56.25%;
		height:0;
		padding-left:0.5vmax;
	}
	.video-1{
		position: absolute;
		top:0;
		left:0;
		width: 100%;
		height: 100%;
		padding-top:0!important;
	}
	.video-2{
		position: absolute;
		top:0;
		left:0;
		width: 100%;
		height: 100%;
		padding-top:0!important;
	}
	.terminliste p{
		font-size: 1vmax;
	}
	.termine{
		grid-row:3;
		font-size: 1vmax;
		font-style: italic;	
		padding-left:0.5vmax;
		padding-bottom: 2vmax;
	}
	.termine img{
		margin-left: 1vmax;
		width:1.5vmax;
	}
	.social_media{
		grid-template-columns: 4vw 4vw;
		margin-top: 4vh;
	}
	.media{
		grid-row: 1;
		grid-column: 1;
		font-size: 1.2vmax;
		font-style: italic;	
		margin-top: 0;
	}
	.media-2{
		grid-row: 1;
		grid-column: 2;
		font-size: 1.2vmax;
		font-style: italic;	
		padding-top: 0;
	}
	.media img{
		padding-left: 0;
		width: 2vmax;
		height:auto;
	}
	.media-2 img{
		margin-left: 0;
		width: 2vmax;
		height: auto;
	}
	.video h2{
		font-size: 2vmax;
		word-spacing: 0.05em;
	}
	.terminliste {
		grid-column:1 / span 2;
		display:grid;
		grid-template-columns: repeat(2, 1fr);
		grid-column-gap: 2vmax;
		font-family: "Sofia Pro Soft Light", sans-serif;
		margin:0;
		padding-left:0.5vmax;
	}
	.terminliste .first{
		font-size:1.5vmax;
		grid-column: 1;
	}
	.terminliste .second{
		font-size:1.5vmax;
		grid-column: 2;
		grid-row:1;
	}
	#footer{
		display:grid;
		grid-template-columns: repeat(3,1fr);
		margin-bottom: 1vmax;
		margin-top:2vh;
		margin-left:6.5vmax;
		margin-right: 6.5vmax;
	}
	#button {
		font-family: "Sofia Pro Soft Light", sans-serif;
		font-size: 1vmax;
		color:#2d352f;
		border-top-style: none;
		border-right-style: none;
		border-bottom-style: none;
		border-left-style: none;
		cursor: pointer;
		background-color: #B8CCC1;
		text-align: left;
	}
	.button{
		grid-column: 1;
		grid-row: 1;
		align-self:end;
	}
	#impressum {
		grid-row:2;
		grid-column: 1 / span 4;
		color: #2d352f;
		font-family: Arial, Helvetica, sans-serif;
		visibility: visible;
		z-index: 98;
		display: none;
		text-align: justify;
		margin-left:6vmax;
		margin-right:1vmax;
	}
	#impressum p {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 0.7vmax;
		line-height: 0.9vmax;
		}
	#impressum ul{
		display:block;
	}
	#impressum li{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 0.7vmax;
		line-height: 0.9vmax;
		list-style: circle;
	}
	.copyright{
		grid-column: 3;
		text-align-last: right;
		font-family: "Sofia Pro Soft Light", sans-serif;
		font-size: 1vmax;
		margin-right: 0;
		align-self:end;
		justify-self:end;
	}
}
@media screen and (min-width: 1280px) and (orientation: landscape){
.main-nav{
		grid-row:1!important;
		grid-column:2!important;
	}
	.header{
   		display:grid;
		grid-template-columns: repeat(8, 1fr);
		grid-template-rows: 3.2vh;
		z-index: 99;
		padding:0;
		position: fixed;
		width: 100%;
		background-color:rgba(255,255,255,0.60);
		align-items:center;
	}
	.flagge{
		grid-row:1 / span 1;
		grid-column: 8 / span 1;
		padding-right: 2vmax;
		padding-top:0;
		align-self:center;
		justify-self:end;
	}
	.flagge img{
		width:3vh;
		height:auto;
		padding-top:0.7vh;
	}
	.hamburger {
    	grid-column: 1;
		padding-left:1.5vmax;
		justify-self: start;
		align-self: center;
	}
	.fa-bars {
    	font-size: 3vh;
	}
	.main-nav{
		grid-column: 2 / span 6!important;
		grid-row: 1 /span 1;
		justify-items:space-around;
	}
	.main-nav ul{
		display:flex;
		justify-content:space-evenly;
		align-items: center;
		margin:0;
		padding:0;
		cursor:pointer;
	}
	.main-nav ul li{
		font-size: 1.2vmax;
	}
	.start-bild{
		display: none !important;
	}
	.link a:hover{
		color:rgba(172,172,172,1.00)!important;
	}
	.container-start{
		display: grid;
		grid-template-columns: repeat(11, 1fr);
		grid-template-rows: repeat(11, 1fr);
		height: 100%;
		width: 100%;
		overflow:hidden;
		/*background-image: url("../Bilder/Martina_1.jpg");
		background-repeat: no-repeat;
		background-position: right bottom;
		background-size: contain;
		background-attachment: scroll;*/
		margin-bottom:0;
	}
	
	.text{
		grid-row: 4;
		grid-column:1 / span 10;
		display:grid;
		grid-template-columns: repeat(8, 1fr);
		grid-template-rows:auto;
		margin-left: 4vmax;
		justify-items: start;
		padding-top: 0;
	}
	.titel{
		grid-row: 1 / span 1!important  ;
		grid-column: 1 / span 7 ;
		z-index: 1;
	}
	.titel2{
		grid-row: 2 /span 1!important;
		grid-column: 1 / span 10;
	}
	h1{
		font-family: "Sofia Pro Soft", sans-serif;
		font-weight: 500;
		color: #2d352f ;
		word-spacing: 1rem;
		letter-spacing: 0.25rem;
		font-size:4vmax;
		margin:0;
		padding:0;
	}
	h2{
		font-family: "Sofia Pro Soft", sans-serif;
		font-weight: 300;
		word-spacing: 1rem;
		letter-spacing: 0.25rem;
		font-size: 3vmax;
		margin-left:2em;
	}
	.zitat p{
		font-size: 1vmax!important;
	}
	.container-bio{
		display: grid;
		grid-template-columns: repeat(10, 1fr);
		grid-template-rows: 20vmax 1fr 20vmax;
		grid-column-gap: 0;
		overflow: hidden;
		/*background-image:url("../../Website_Martina_Angenendt_2023/Bilder/230210-martinaangenendt-web-miriamjuschkat-_MG_8763.jpg");
		background-repeat: no-repeat;
		background-position: top;
		background-size: cover;
		background-attachment: fixed;*/
		margin: 0;
		align-items: center;
	}
	.container-bio::before{
		display:none;
	}
	.bild-bio{
		display: none;
	}
	.bio-titel{
		display:none;
	}
	.bio{
		grid-row: 2;
		grid-column: 8 / span 2;
		color:#959595!important;
		background-color:rgba(0,0,0,0.00);
		padding:0;
	}
	.bio p{
		color:#959595!important;
		font-size: 1vmax;
		line-height: normal!important;
	}
	.link{
		font-size: 1vmax;
		font-style: italic;	
	}
	.link a{
		color:#959595;
	}
	.link img{
		margin-left: 3vmax;
		width: 1.5vmax;
		color:#959595;
	}
	.container-kammermusik{
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		grid-column-gap: 0;
		margin-top:6vmax;
		margin-left: 0;
}
	.kammermusik{
		grid-column: 1 / span 2;
		grid-row: 1;
		padding-top: 0;
		padding-left: 6vmax;
		padding-right:6.5vmax;
		display:grid;
		grid-template-columns: repeat(2, 1fr);
	}
	.kammermusik h2{
		font-size: 2vmax;
		margin:0;
	}
	.kammermusik-text{
		grid-row:2;
		grid-column:1 / span 1;
	}
	.kammermusik-text p{
		font-size: 1vmax;
		line-height: normal!important;	
	}
	.kammermusik-text .link a{
		color: #2d352f;
	}
	.kammermusik-text .link a:hover{
		color:silver;
	}
	.duo-bilder{
		grid-row:1 ;
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		grid-column-gap: 2vmax;
		grid-column: 1 /span 1;
		padding-top: 3vmax;
		padding-left:6.5vmax;
	}
	.duo-martina{
		grid-column: 2 / span 1;
		grid-row:2 / span 2;
		align-self: end;
		justify-self:end;
	}
	.kaeppel{
		grid-column: 1;
		align-self: end;
	}
	.kaeppel img{
		width: 20vmax;
		height:auto;
		display:block;
	}
	.martina img{
		width: 25vmax;
		height: auto;
		padding-top: 0;
		display: block;
	}
	.takeo{
		grid-column:2;
		align-self: end;
		}
	.takeo img{
		width: 20.2vmax;
		height: auto;
		display: block;
		}	
	.container-diskografie{
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		grid-template-rows: repeat(1, 1fr)!important;
		grid-column-gap: 0;
		padding-top:6vmax;
		padding-left: 0;
		background-image: none;
	}
	.bild4{
		display:none;
	}
	.diskografie{
		grid-column: 1 /span 2;
		grid-row:1;
		padding-left:6vmax;
		padding-right:6.5vmax;
		display: grid;
		grid-template-columns: repeat(2, 1fr);
	}
	.bilder-diskografie{
		grid-column: 2 / span 1;
		grid-row:2;
		display:grid;
		grid-template-columns: repeat(3, 1fr);
		grid-column-gap: 1vmax;
		padding-top: 2vh;
		padding-left:0;
		justify-items: end;
		}
	.bilder-diskografie img{
   		width:11vmax;
		height:auto;
		display: block;
		padding-top:0; 
		padding-left:0;
	}
	.bild1{
		grid-column: 2 / span 1;
		grid-row: 1 / span 2;
		padding-top:2vmax;
	}
	.bild2{
		grid-column: 1 / span 1;
		grid-row: 1/span 1;
	}
	.bild3{
		grid-column:3;
		grid-row: 1 ;
		padding-top: 4vmax;
	}
	.diskografie-text{
		grid-column: 1 /span 1;
		grid-row:2;
		padding-left: 0;
		}
	.diskografie h2{
		font-size: 2vmax;
		margin-left: 0;
		word-spacing: 0.05em;	
	}
	.diskografie p{
		font-size:1vmax;
		line-height: normal!important;
	}
	.container-diskografie .link{
		grid-row:3;
		grid-column: 1 / span 2;
	}
	.diskografie .link a{
		color: #4c4c4c;
		cursor: pointer;
	}
	.container-video{
		display:grid;
		grid-template-columns: repeat(2, 1fr);
		grid-column-gap: 2vmax;
		padding-top:6vmax;
		padding-left:6vmax;
		padding-right:6.5vmax;
}
	.container-video h2{
		font-size: 2vmax!important;
		margin-left:0;
	}
	.video{
		position:relative;
		padding-bottom: 56.25%;
		height:0;
		padding-left:0.5vmax;
	}
	.video-1{
		position: absolute;
		top:0;
		left:0;
		width: 100%;
		height: 100%;
		padding-top:0!important;
	}
	.video-2{
		position: absolute;
		top:0;
		left:0;
		width: 100%;
		height: 100%;
		padding-top:0!important;
	}
	.terminliste p{
		font-size: 1vmax;
	}
	.termine{
		grid-row:3;
		font-size: 1vmax;
		font-style: italic;	
		padding-left:0.5vmax;
		padding-bottom: 2vmax;
	}
	.termine img{
		margin-left: 1vmax;
		width:1.5vmax;
	}
	.social_media{
		grid-template-columns: 4vw 4vw;
		margin-top: 4vh;
	}
	.media{
		grid-row: 1;
		grid-column: 1;
		font-size: 1vmax;
		font-style: italic;	
		margin-top: 0;
	}
	.media-2{
		grid-row: 1;
		grid-column: 2;
		font-size: 1vmax;
		font-style: italic;	
		padding-top: 0;
	}
	.media img{
		padding-left: 0;
		width: 2vmax;
		height:auto;
	}
	.media-2 img{
		margin-left: 0;
		width: 2vmax;
		height: auto;
	}
	.video h2{
		font-size: 2vmax;
		word-spacing: 0.05em;
	}
	.terminliste {
		grid-column:1 / span 2;
		display:grid;
		grid-template-columns: repeat(2, 1fr);
		grid-column-gap: 2vmax;
		font-family: "Sofia Pro Soft Light", sans-serif;
		margin:0;
		padding-left:0.5vmax;
	}
	.terminliste .first{
		font-size:1.5vmax;
		grid-column: 1;
	}
	.terminliste .second{
		font-size:1.5vmax;
		grid-column: 2;
		grid-row:1;
	}
	#footer{
		display:grid;
		grid-template-columns: repeat(3,1fr);
		margin-bottom: 1vmax;
		margin-top:2vh;
		margin-left:6.5vmax;
		margin-right: 6.5vmax;
	}
	#button {
		font-family: "Sofia Pro Soft Light", sans-serif;
		font-size: 1vmax;
		color:#2d352f;
		border-top-style: none;
		border-right-style: none;
		border-bottom-style: none;
		border-left-style: none;
		cursor: pointer;
		background-color: #B8CCC1;
		text-align: left;
	}
	.button{
		grid-column: 1;
		grid-row: 1;
		align-self:end;
	}
	#impressum {
		grid-row:2;
		grid-column: 1 / span 4;
		color: #4c4c4c;
		font-family: Arial, Helvetica, sans-serif;
		visibility: visible;
		z-index: 98;
		display: none;
		text-align: justify;
		margin-left:6vmax;
		margin-right:1vmax;
	}
	#impressum p {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 0.7vmax;
		line-height: 0.9vmax;
		}
	#impressum ul{
		display:block;
	}
	#impressum li{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 0.7vmax;
		line-height: 0.9vmax;
		list-style: circle;
	}
	.copyright{
		grid-column: 3;
		text-align-last: right;
		font-family:"Sofia Pro Soft Light", sans-serif;
		font-size: 1vmax;
		margin-right: 0;
		align-self:end;
		justify-self:end;
	}
}