html{outline:none; scroll-behavior:smooth;}
main, section, article, nav {display:block;
/* hyphens */
   -moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto;  	}
body{font:14px 'century gothic', verdana, Arial,Helvetica,sans-serif;color:#000;background-color:#ff0000;text-align:center;margin-left:0;margin-right:0;padding:0;outline:none;}
.strike  {
	text-decoration: line-through;
}
.btn {
      display: inline-block;
      background-color: rgb(255, 0, 0); /* Grundfarbe */
      color: #ffffff;                  /* Schriftfarbe */
      padding: 0.75rem 1.2rem;
      font-size: 1rem;
      font-weight: 600;
      border-radius: 10px;
      text-decoration: none;
      cursor: pointer;
      transition: background-color 180ms ease, transform 150ms ease;
      box-shadow: 0 5px 14px rgba(0,0,0,0.18);
    }

    .btn:hover,
    .btn:focus {
      background-color: rgb(255, 90, 90); /* deutlicher heller */
      transform: translateY(-2px) scale(1.03);
      outline: none;
    }
	.btn:visited {
		color:#ffffff;
	}
    .btn:focus-visible {
      box-shadow: 0 0 0 4px rgba(255, 90, 90, 0.35);
    }
img{border:none;}
div.logo {display:block; position:relative; bottom:2px; width: 100%; height:180px; background: transparent url('/graph/logo_q.png') bottom right no-repeat; }
#box a.bild:hover{background-color:transparent;}
/* .logo {background:transparent url(graph/logo_q.png) bottom right no-repeat; position:fixed; bottom:2px; right:3px; height:10px; display:block;} -hierdran weiter arbeiten*/
main{background:transparent; width:750px;min-height:300px;margin:30px auto;padding:0 0 2px 0;background:#fff;text-align:center;font:1em "century gothic", verdana, Arial,Helvetica,sans-serif;color:#000;}
header{width:696px;margin:0px;padding:24px 4px 4px 18px;text-align:left;}
#box.fixed{position:fixed;top:0}
aside{margin-left:192px;}
#box, nav{width:168px;margin:24px 4px 24px 12px;padding:0px 2px 0 0;background:#ffffff;text-align:left;float:left;position:absolute;top:150px;letter-spacing:0.2em; -moz-hyphens: none; -o-hyphens: none; -webkit-hyphens: none; -ms-hyphens: none; hyphens: none;}
#box a, a:visited, nav a{display:block;background:transparent;padding:6px;font:normal bold 1em"century gothic", verdana, Arial, Helvetica, sans-serif;color:#ff0000;text-decoration:none;border:none;}
#box a:focus, #accordion h3:focus, nav a:focus{background:#ff0000;color:#fff;border:none;outline:none;}
#box a:hover, nav a:hover{background:#ff0000;color:#fff;cursor:pointer;}
#box a:active , #accordion h3:active, nav a:active{background:#F5A9A9;color:#fff;}
#box a.ac, nav a.ac{padding:6px;border-bottom:solid #F5A9A9;width:156px;background:transparent;color:#F5A9A9;}
#konz p{text-align:left;}
div#main, article, section{width:500px;margin:24px 4px 24px 186px;padding:0px 4px 0 4px;}
div#main p, section p, article p{width:500px;text-align:justify;line-height:150%;}
div#main a, a:visited, section a, main a{display:inline;margin:0;padding:0;color:#000;font:italic 1em "century gothic", verdana, Arial, Helvetica, sans-serif;text-decoration:none;}
div#main a:focus, section a:focus, main a:focus{outline:0;border-bottom:solid 1px #ff0000;}
div#main a:hover, section a:hover, main a:hover{border-bottom:solid 1px #ff0000;}
.rechts{position:absolute;margin-left:240px;top:200px;}
h1{padding:0; margin:0 0 24px 0;color:#ff0000;font:bold 1.143em 'century gothic', verdana, Arial, Helvetica, sans-serif;text-align:left; text-transform:uppercase;}
h2{padding:0px;color:#ff0000;font:bold 1.143em "century gothic", verdana, Arial, Helvetica, sans-serif;text-align:left;margin:0;}
h3{font:bold 1.143em "century gothic", verdana, Arial, Helvetica, sans-serif;text-align:left;margin:0 0 4px 0;}
h4{font:bold 1em "century gothic", verdana, Arial, Helvetica, sans-serif;text-align:left;margin:0 0 4px 0;letter-spacing:0.3em;}
h5{font:bold 1em "century gothic", verdana, Arial, Helvetica, sans-serif;text-align:left;margin:0 0 4px 0;}
p{font:1em "century gothic", verdana, Arial, Helvetica, sans-serif;padding:0px;line-height:1.357em;}
p.imp{font-size:0.714em;}
p.address {margin-top:0; line-height:1em;}
table.jub{padding:0;margin:0;border:none;}
table.jub th{font-style:normal;font-size:0.857em;padding:0;margin:0;}
table.jub td{font-weight:400;font-size:0.714em;font-style:normal;}
.cal{float:right;}
td {padding-left:0px;}
table {border-collapse: collapse; border: 0; margin:0;}
h2.archiv {
	color:#000000;
	margin:16px 0 16px 0;
}
details  {
	cursor:pointer;
}
details h2, details h3  {
	color: #000;
	font-size: 1em;
	font-weight:400;
	padding:0;
}
details h4  {
	color:#ff0000;
	font-size: 1.143em;
	padding-top: 8px;
}
details p  {
		text-align:left;
		width:100%;
}
summary br  {
	display:none;
}
summary h2, summary h3, summary h4, summary h5  {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding-right: 20px;
}
details[open] h2, details[open] h3, details[open] h4, details[open] h5  {
	white-space: normal;
	overflow: visible;
}	
summary  {
	text-align: right;
	list-style: none;
	padding: 3px  3px 0 3px;
	margin: 8px 0 0 0;
	border: 1px solid #b3b4b5;
	outline: none;
	height: 124px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
summary::-webkit-details-marker {
   display: none;
	margin: 0;
		padding:0;/* Triangle not shown */
}
summary::before {
	font-weight: 600;
	font-size: 1.714em;
	position: relative;
	top:48px;
	content: '+'; /* Instead of Triangle closed */
}
details[open] summary  {
	margin: 0 0 0 0;
	padding: 1px 2px 0 1px;
	border: none;
	background: none;
	height: auto;
	white-space: initial;
	overflow: visible;
}
details[open] summary::before  {
	font-size: 1.714em;
	font-weight:600;
	content: '- ';
}
details[open]  {
	padding: 2px;
	margin: 8px 0 0 0;
	border: 1px solid #b3b4b5;
	background-color: #ffbfbf2b;
}
@media screen and (max-width:50em)
{main{width:100%;margin:0px;padding:0px;}
header{width:100%;padding-left:8px;}
aside{margin-left:5px;}
div#main, article, section{width:100%;margin:24px 0 24px 0;padding:0px 0 0 2px;}
div#main p, section p, article p, table {width:95%;margin:2px 8px 2px 8px;}
h1, h2, h3, h4, h5, p, div#artist div p , .simply-scroll{margin-left:8px;}
h1.kw{display:none;}
.simply-scroll{margin-right:8px;}
#box{width:100%;margin:0px;float:none;background:#ff0000;position:relative;top:10px;}
#box.fixed{position:relative;top:10px;}
#box a, a:visited{display:block;background:transparent;padding:6px;font:normal bold 1em "century gothic", verdana, Arial, Helvetica, sans-serif;color:#fff;text-decoration:none;border:none;}
#box a:focus{background:#fff;color:#ff0000;border:none;outline:none;}
#box a:hover{background:#fff;color:#ff0000;}
#box a:active{background:#F5A9A9;color:#fff;}
#box a.ac{padding:6px;border-bottom:solid #F5A9A9;width:156px;background:transparent;color:#F5A9A9;}
.simply-scroll, .simply-scroll .simply-scroll-clip{width:100%;margin-left:0;margin-right:0;}
.rechts{margin-left:0px;position:relative;top:0px;}
div#artist, div#artist div div:hover div p{width:100%;}
#accordion div{padding-left:0;padding-bottom:4px;padding-top:4px;width:100%}
details{padding-right: 12px;}
details[open]{margin:8px 12px 0 0;}
h2.archiv {margin:16px 0 16px 8px;}
}
#accordion h1, #accordion h2{background-color:#ff0000;color:white;margin:0 0 2px 0;}
#tabs li{list-style:none;float:left;position:relative;top:0;margin:1px .2em 0 0;border-bottom-width:0;padding:0;white-space:nowrap;}
#accordion h3 span{font-weight:400;margin:0 0 4px 0;}
#accordion img{float:left;margin:7px 9px 0 3px;}
.box-shadow-menu{display:none;}
#cookiedingsbums a {color:#ffffff; text-decoration:none; font-weight:400;}
#cookiedingsbums a:hover {text-decoration:underline; color:#ff0000; font-weight:400; background-color:#ffffff;}
#cookiedingsbums div {width: 100%; color:#ffffff; padding:12px; font-weight:400; margin: auto; display: block;}
#cookiedingsbums {
width:100%;	
   outline: 0 none #7b92a9; 
   text-align:center; 
   border:10px solid #fff;
   background: rgba(255,0,0,0.74); 
   /* background: -moz-linear-gradient(top, #efcfcf 0%, #ff0000 100%) opacity: 0.93; 
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#efcfcf), color-stop(100%,#ff0000)); 
   background: -webkit-linear-gradient(top, #efcfcf 0%,#ff0000 100%) opacity: 0.93; 
   background: -o-linear-gradient(top, #efcfcf 0%,#ff0000 100%) opacity: 0.93;
   background: -ms-linear-gradient(top, #efcfcf 0%,#ff0000 100%) opacity: 0.93; 
   background: linear-gradient(to bottom, #efcfcf 0%,#ff0000 100%) opacity: 0.93; 
   filter: progid:DXImageTransform.Microsoft.gradient(   startColorstr='#efcfcf', endColorstr='#ff0000',GradientType=0 ); */
   position:fixed;
   Top:4px;
   z-index:10000; 
   font-size:1.143em; 
   line-height:1.714em;
  }
#cookiedingsbumsCloser {
   color: #ff0000;
   font: 1em/100% arial, sans-serif;
   position: absolute;
   bottom: 15px;
   text-decoration: none;
   text-shadow: 0 1px 0 #fff;
   cursor:pointer;
   border-top:1px solid white; 
   border-left:1px solid white; 
   border-bottom:1px solid #7b92a9; 
   border-right:1px solid #7b92a9; 
   padding:6px;
   background: #fff; 
   /* Old browsers */
   /*background: -moz-linear-gradient(top, #ced6df0%, #f2f6f9 100%); 
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ced6df), color-stop(100%,#f2f6f9)); 
   background: -webkit-linear-gradient(top, #ced6df0%,#f2f6f9 100%); 
   background: -o-linear-gradient(top, #ced6df0%,#f2f6f9 100%); 
   background: -ms-linear-gradient(top, #ced6df0%,#f2f6f9 100%); 
   background: linear-gradient(to bottom, #ced6df0%,#f2f6f9 100%);
   filter: progid:DXImageTransform.Microsoft.gradient(    startColorstr='#ced6df', endColorstr='#f2f6f9',GradientType=0 ); */
 }
#cookiedingsbumsCloser:hover {border-bottom:1px solid white; border-right:1px solid white; border-top:1px solid #7b92a9; border-left:1px solid #7b92a9;}