:root {
   --bg: #1e1f20;
  --text: #e0e0e0;
  --header-bg: #2a2c2f;
  --footer-bg: #000;
}

@media (prefers-color-scheme: dark) {
	body {
		background-color: black;
	}
}
body {
  color: #A9A9A9;
  font-family:"ZektonRg-Regular", Arial, Trebuchet MS, Helvetica, sans-serif;
  text-align:center;
  font-size:2em;
}
h1{
    margin: 0;
}
h2{
    font-style: italic;
    margin: 0;
}
h3{
    margin: 0;
}
h4{
				font-weight: bold;
    margin: 0;
}
h5{
				font-style: italic;
    margin: 0;
    font-weight: inherit;
}

a, a:visited {
color: #A9A9A9;
				font-family:"ZektonRg-Regular", Arial, Trebuchet MS, Helvetica, sans-serif;
    text-decoration:underline;
    padding:5px;
    cursor: pointer;
}
a:hover {
    text-decoration:none;
}
* {
  box-sizing: border-box;
}
img {
  max-width: 100%;
  height: auto;
  display:block;
  margin-left: auto;
  margin-right: auto;
}
ul{
    line-height:50px;
    list-style-type:none;
}
ol{
				line-height:50px;
    list-style-type:none;
}
footer {
  text-align: center;
  padding: 3px;
  color: white;
  margin-top:50px;
  margin-bottom: 50px;
}

/* CSS */
.footerLink{
  display:flex;
  justify-content: space-around;
  flex-wrap: wrap;
}
.headernavi a {
				font-family:"ZektonRg-Regular", Arial, Trebuchet MS, Helvetica, sans-serif;
    color: #A9A9A9;
    border: solid;
  		border-image-slice: 40;
  		border-image-source: linear-gradient(90deg, rgba(8,215,245,1) 1%, rgba(124,10,237,1) 50%, rgba(224,3,35,1) 100%);
    text-decoration:none;
    background-color:#000;
    width: 20%;
    padding: 10px;
}
.headernavi a:hover {
border-image-slice: 30;
    border-image-source: linear-gradient(90deg, rgba(224,3,35,1) 1%, rgba(124,10,237,1) 50%, rgba(8,215,245,1) 100%);
}
.headernavi{
    margin-top: 10px;
  		margin-bottom: 25px;
  		display: flex;
  		justify-content: space-evenly;
}
.textShadow{
			text-shadow: 1px 1px 2px black, 0 0 25px blue, 0 0 5px darkblue;
}
.changeLang{
    display: flex;
  max-width: 13em;
  margin: auto;
}
.gesamt{
    width: 90%;
  		margin-left: auto;
  		margin-right: auto;
}
.flex_center{
    display:flex;
    justify-content: center;
    flex-wrap: wrap;
}
.flex_space{
    display:flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
}
.trenner{
  border-bottom: 1px solid pink;
  border-top: 1px solid violet;
  margin-top:25px;
  margin-bottom: 25px;
  padding-top: 20px;
}
.buttons {
	 margin-bottom: 25px;
  margin-top:25px;
  padding: 15px;
}
.buttons a {
  border: solid;
  border-image-slice: 40;
  border-image-source: linear-gradient(90deg, rgba(8,215,245,1) 1%, rgba(124,10,237,1) 50%, rgba(224,3,35,1) 100%);
		text-decoration:none;
}
.buttons a:hover {
  border: solid;
  border-image-slice: 30;
  border-image-source: linear-gradient(90deg, rgba(224,3,35,1) 1%, rgba(124,10,237,1) 50%, rgba(8,215,245,1) 100%);
		text-decoration:none;
}
.borderGradient {
  border: solid;
  border-image-slice: 1;
  border-image-source: linear-gradient(115deg,#4fcf70,#fad648,#a767e5,#12bcfe,#44ce7b);
		margin: 30px;
  padding:10px
}
.borderGradientNoMargin {
  border: solid;
  border-image-slice: 1;
  border-image-source: linear-gradient(115deg,#4fcf70,#fad648,#a767e5,#12bcfe,#44ce7b);
}
.cdPics{
}
.youVideo{
  		border:2px solid;
  		padding: 10px;
  		width: 50%;
  		margin-left: auto;
  		margin-right: auto;
  		border-image: linear-gradient(to right, darkblue, darkorchid) 1;
}
.textInPicture{
			position: relative;
  	text-align: center;
}
.TextinPicCenter{
			position: absolute;
   top: 50%;
  	left: 50%;
  	transform: translate(-50%, -50%);
}
.meinLebensLaufLink{
			margin-bottom: 35px;
}
.gigsWidth{
   margin: 25px;
  text-align: start;
  border: 1px solid;
  padding: 10px;
  border: solid;
    border-image-slice: 100%;
    border-image-source: none;
  border-image-slice: 1;
  border-image-source: linear-gradient(115deg,#4fcf70,#fad648,#a767e5,#12bcfe,#44ce7b);
		text-decoration:none;
}
.gigsWidth a{
		text-decoration:none;
}
.red{
	color:#E52B50;
}
.red2{
	color:#9e1b32;
}
.blue{
	color:#69F;;
}
.top35{
			margin-top: 35px;
}
.top25{
			margin-top: 25px;
}
.bottom35{
			margin-bottom: 35px;
}
.bottom25{
			margin-bottom: 25px;
}