@font-face { font-family: 'kleineHunde-line';
  				  src: url('kleineHunde2022ExtraBold.woff2') format('woff2'); 
                  }
                  @font-face { font-family: 'kleineHunde-thin';
  				  src: url('kleineHunde2022Thin.woff2') format('woff2'); 
                  }
@keyframes bk{
from { background:#fff;
	   color:#000;
	}
to { background: #000;
     color:#fff;
	}
}

h2 {
font-size:80px;
margin:0px;
}

                  
body,document {
//animation: bk 20s ease-in-out alternate infinite; 
width:100%;
font-family: kleineHunde-line, Helvetica, Arial;
letter-spacing: 2px;
font-size:40px;
color: #fff;
margin: 0px;
padding:0px;	
background:#000;
/*text-shadow: 1px 1px #ffd5d1;*/
/* #191126; */
}
.date {
color:#d9665b;	
}

#krisebandcamp,#krisehyper {
display: inline-block;

}
#radio a {
	font-size:18px;
	}
#krisecover
{
width:800px;
}
#diereichentitel
{
width:300px;
}

#centerBlk {
text-align:center;
}

.hunde {
//animation: bk 20s ease-in-out alternate infinite;
font-family:KleineHunde-line; 
font-size:160px;
line-height:130px;
font-weight: lighter;
margin:25px;
letter-spacing:-5px;
}


@keyframes link{
from { color:#000;
       background:none;
	}
to { 
	  color:#fff;
	  background:none;
	}
}

@keyframes linkHover {
  0%	{ font-size:40px; 
  		 color: #000;}
  25%   {color: #758312;}
  50%.  {color: #f69544;}
  75%	{color: #edc54b;}	 
  100% { font-size:45px;
color:#e93c36;}
}

#ytVid {
		display: flex;
	  align-items: top;
	  justify-content: center;
	    width: 100%;
	    min-height:200px;
	    margin-bottom:20px;
	   
	}
	
	
#bandcamppre
{
display:inline-block;
width:720px;
font-family:KleineHunde-thin;
}

#bcplayer {
border: 0; 
width: 100%; 
height: 400px;
}
a.obstlink:link, a.obstlink:visited {
	font-family:KleineHunde-thin;
	font-size:40px;
	width:500px;
	padding:5px;

}
#ytAchterbahn
	{
	width:960px;
	height:704px;
	}	

#ytObstFrm
	{
	width:960px;
	height:540px;
	}	

#ytFrm
	{
	width:600px;
	height:600px;
	}	
   #preimg {
    	width:800px;
    	}




	a.image:link, a.image:visited {
	font-family:KleineHunde-thin;
	display:inline-block;
	text-align:center;
	width:817px;
	font-size:30px;
	margin:0;
	padding:0;
	padding-left:20px;
	}

#sepparator {
	display:inline-block;
	width:50%;
	height:1px;
	background-color:#333;
	margin:15px;
	padding:0px;
	  border: 1px solid #222;
  border-radius: 5px;
}
.klein {
font-family:KleineHunde-thin;
}
h2 {
font-family: KleineHunde-thin;	
}
.obst {
font-family:KleineHunde-line;
color:#f2df00;
letter-spacing: 4px;
}
.krise {
font-family:KleineHunde-line;
color:#d9665b;
letter-spacing: 4px;
}

a:link, a:visited {
	font-family:KleineHunde-line;
//animation: link 20s ease-in-out alternate infinite; 
display:inline-block;
width:300px;
height:54px;
padding:22px 25px 25px 23px;
text-decoration:none;
text-align:center;
color:#fff;
}


a.mail:link, a.mail:visited {
font-family:KleineHunde-thin;
font-size:16pt;
letter-spacing: 1px;

}
a.mail:hover {
font-size:10pt;
}
#mail {
width:100%;
text-align:center;
margin-left:0px;
padding-left:0px;
}

a:hover {
animation: linkHover 1s ease-in-out alternate infinite;	
color:#444;
font-decoration:underline;

}

#Links {
width:100%;	
text-align:center;

}

@media (max-width: 1500px)
{

@keyframes linkHover {
  0%	{ font-size:30px; 
  		 color: #000;}
  25%   {color: #758312;}
  50%.  {color: #f69544;}
  75%	{color: #edc54b;}	 
  100% { font-size:35px;
color:#e93c36;}
}

body,document {
font-size:30px;
}
#krisecover
{
width:640px;
}
.hunde {
//animation: bk 20s ease-in-out alternate infinite; 
font-size:90px;
line-height:75px;
font-weight: lighter;
margin:25px;
margin-bottom:10px;
}
	    h2 {
	font-family: KleineHunde-thin;
	font-size:35px;
	margin-bottom:10px;	
	}

a.obstlink:link, a.obstlink:visited {
	font-family:KleineHunde-thin;
	font-size:30px;
	
	padding:5px;

}

a:link, a:visited {
	padding:5px 22px 22px 5px;
	height:14px;
	font-size:40px;
	width:450px;
	margin-bottom:10px;
	
}
	#ytVid {
		display:block;
	  	width: 100%;
	    margin-bottom:0px;
	    min-height:200px;
	    float:center;
	    text-align:center;
	   
	}
	a.image:link, a.image:visited {
	display:inline-block;
	text-align:center;
	width:540px;
	font-size:30px;
	margin:0;
	padding:0;
		}
	#ytFrm
	{
	width:720px;
	height:720px;
	}	
   #preimg {
    	width:540px;
    	}
	    h2 {
	font-family: KleineHunde-thin;
	font-size:45px;
	margin-bottom:10px;	
	}
	.obst {
	font-family:KleineHunde-line;
	color:#f2df00
	}	


a.inlinelink:link, a.inlinelink:visited {
display:inline-block;
font-family:KleineHunde-line;
width:200px;
margin:0px;
padding:5px;
}


@media (max-width: 1080px)
{
@keyframes linkHover {
  0%	{ font-size:25px; 
  		 color: #000;}
  25%   {color: #758312;}
  50%.  {color: #f69544;}
  75%	{color: #edc54b;}	 
  100% { font-size:30px;
color:#e93c36;}
}

body,document {
font-size:25px;
}
#krisecover
{
width:720px;
}
	    h2 {
	font-family: KleineHunde-thin;
	font-size:30px;
	margin-bottom:10px;	
	}

.hunde {
//animation: bk 20s ease-in-out alternate infinite; 
font-size:90px;
line-height:75px;
font-weight: lighter;
margin:25px;
margin-bottom:10px;
}

a:link, a:visited {
	padding:5px 22px 22px 5px;
	height:14px;
	font-size:40px;
	width:300px;
	margin-bottom:10px;
	
}
	#ytVid {
		display:block;
	  	width: 100%;
	    margin-bottom:0px;
	    min-height:168px;
	    float:center;
	    text-align:center;
	   
	}
	#ytObstFrm {
	width:720px;
	height:405px;
	}
	#ytAchterbahn
	{
	width:720px;
	height:528px;
	}	
	
	a.image:link, a.image:visited {
	display:inline-block;
	text-align:center;
	width:720px;
	font-size:30px;
	margin:0;
	padding:0;
		}
	#ytFrm
	{
	width:720px;
	height:720px;
	}	
   #preimg {
    	width:720px;
    	}
	    h2 {
	font-family: KleineHunde-thin;
	font-size:45px;
	margin-bottom:10px;	
	}
	.obst {
	font-family:KleineHunde-line;
	color:#f2df00;
	}	
   #bandcamppre {
    margin-top:10px;
    margin-bottom:10px;
   }
}


@media (max-width: 512px)
{
@keyframes linkHover {
  0%	{ font-size:30px; 
  		 color: #000;}
  25%   {color: #758312;}
  50%.  {color: #f69544;}
  75%	{color: #edc54b;}	 
  100% { font-size:35px;
color:#e93c36;}
}

body,document {
font-size:20px;
}
#krisecover
{
width:350px;
}
	    h2 {
	font-family: KleineHunde-thin;
	font-size:30px;
	margin-bottom:10px;	
	}
.hunde {
//animation: bk 20s ease-in-out alternate infinite; 
font-size:90px;
line-height:75px;
font-weight: lighter;
margin:25px;
margin-bottom:10px;
}

a:link, a:visited {
	padding:5px 22px 22px 5px;
	height:10px;
	font-size:20px;
	width:147px;
	margin-bottom:0px;
	
}
a.obstlink:link, a.obstlink:visited {
	font-family:KleineHunde-thin;
	font-size:25px;
	width:300px;
	padding:5px;

}
	#ytVid {
		display:block;
	  	width: 100%;
	    margin-bottom:0px;
	    min-height:168px;
	    float:center;
	    text-align:center;
	   
	}
	a.image:link, a.image:visited {
	display:inline-block;
	text-align:center;
	width:360px;
	font-size:20px;
	margin:0;
	padding:0;
		}
	#ytFrm
	{
	width:300px;
	height:300px;
	}
	#ytObstFrm {
	width:340px;
	height:190px;
	}
	#ytAchterbahn
	{
	width:340px;
	height:249px;
	}	
	
.klein {
font-family:KleineHunde-thin;
font-size:20px;
}	
#bandcamppre
{
display:inline-block;
width:300px;
font-family:KleineHunde-thin;
font-size:25px;
}	

		
   #preimg {
    	width:350px;
    	}
	h2 {
	font-family: KleineHunde-thin;
	font-size:40px;
	margin-bottom:10px;
	margin-top:10px;	
	}
	.obst {
	font-family:KleineHunde-line;
	color:#f2df00;
	}    	
}


@media (max-width: 320px)
{

@keyframes linkHover {
  0%	{ font-size:10px; 
  		 color: #000;}
  25%   {color: #758312;}
  50%.  {color: #f69544;}
  75%	{color: #edc54b;}	 
  100% { font-size:15px;
color:#e93c36;}
}

body,document {
font-size:10px;
}
#krisecover
{
width:300px;
}
	    h2 {
	font-family: KleineHunde-thin;
	font-size:20px;
	margin-bottom:10px;	
	}

.hunde {
//animation: bk 20s ease-in-out alternate infinite; 
font-size:60px;
line-height:50px;
font-weight: lighter;
margin:25px;
margin-bottom:10px;
}

#radio a {
	font-size:10px;
	}
#radio {
	font-size:18px;
	}
a:link, a:visited {
	padding:5px 22px 22px 5px;
	height:10px;
		width:147px;
	margin-bottom:0px;
	
}
a.obstlink:link, a.obstlink:visited {
	font-family:KleineHunde-thin;
	font-size:25px;
	width:300px;

}
	#ytVid {
		display:block;
	  	width: 100%;
	    margin-bottom:0px;
	    min-height:168px;
	    float:center;
	    text-align:center;
	   
	}
	a.image:link, a.image:visited {
	display:inline-block;
	text-align:center;
	width:300px;
	
	margin:0;
	padding:0;
		}
	#ytFrm
	{
	width:300px;
	height:300px;
	}
	#ytObstFrm {
	width:300px;
	height:168px;
	}
	#ytAchterbahn
	{
	width:300px;
	height:220px;
	}	
.klein {
font-family:KleineHunde-thin;
font-size:20px;
}
#Links
{
font-size:20px;
}
#bcplayer {
border: 0; 
width: 300px; 
height: 420px;
}	
#bandcamppre
{
display:inline-block;
width:300px;
font-family:KleineHunde-thin;
font-size:25px;
}	
   #preimg {
    	width:300px;
    	}
	h2 {
	font-family: KleineHunde-thin;
	font-size:40px;
	margin-bottom:10px;
	margin-top:10px;	
	}
	.obst {
	font-family:KleineHunde-line;
	color:#f2df00
	}    	
}