:root {
   	  --hintergrundfarbe:white;
   	  --grundfarbe:white;
   	  --textfarbe: #222222;
   	  --absetzfarbe:#999999;
   	  --linkhoverfarbe:blue;
   	  --linienfarbe:darkred;
   }
   
   #cookiehint { position:absolute; bottom:0px; background:#9999FF; color:white; padding:7px; font-size:80%;}
#cookiehint .cookiebutton { display:inline-block; border:1px solid white; padding:5px; cursor:pointer; text-decoration:none; color:white;}
   
   img.shadowed { box-shadow:3px 3px 9px 2px #444444; }
   
   @media (prefers-color-scheme: dark) {
   	:root {
      --hintergrundfarbe:black;
   	  --grundfarbe:black;
   	  --textfarbe: #BBBBBB;
   	  --absetzfarbe:#555555;
   	  --linkhoverfarbe:#AAAAFF;
   	  --linienfarbe:#888888;
   	}
   	
   	img.textimage { filter:invert(100%); }
   	img.shadowed { box-shadow:none; border:1px solid var(--textfarbe); }
   	
   	a { color:var(--linkhoverfarbe);}
   }
   
   body { background-color:var(--hintergrundfarbe); color:var(--textfarbe); font-size:11pt; font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", sans-serif; }
   .grund { background-color:var(--grundfarbe); color:var(--textfarbe); padding:15px; padding-top:10px; border-radius:20px; text-align:justify; line-height:200%;}
   .extragrund { padding:7px; border-radius:10px; background-color:var(--absetzfarbe);color:var(--hintergrundfarbe); text-align:justify;}
   .pressemitteilung { margin:20px; padding:15px; -moz-border-radius:10px; background-color:var(--absetzfarbe);color:var(--hintergrundfarbe); text-align:justify; font-style:italic; font-size:8pt;line-height:110%;}
   .formular { margin:20px; padding:15px; -moz-border-radius:10px; background-color:var(--absetzfarbe);color:var(--hintergrundfarbe); text-align:justify; font-style:italic; font-size:8pt;line-height:110%;}
   .gbookeintrag { margin:20px; padding:15px; border-radius:10px; background-color:var(--absetzfarbe);color:var(--hintergrundfarbe); text-align:justify; font-style:italic; font-size:8pt;line-height:110%;}
   .activemenupunkte { border:solid 1px var(--linienfarbe); border-left:none;padding:3px;padding-left:5px; border-top-right-radius:9px; border-bottom-right-radius:9px; }
   .menupunkte { border-left:solid 1px var(--linienfarbe); padding:4px;}
   a.menulink { text-decoration:none; font-size:9pt; font-weight:bold;color:var(--textfarbe);}
   a.menulink:hover { text-decoration:none; font-size:9pt; font-weight:bold;color:var(--linkhoverfarbe);}
   a.simplemenulink { text-decoration:none; font-size:8pt; font-weight:bold;color:var(--textfarbe); display:block; }
   a.simplemenulink:hover { text-decoration:none; font-size:8pt; font-weight:bold;color:var(--linkhoverfarbe); display:block; }
   h1 { font-size:16pt; margin-bottom:3pt;}
   h2 { font-size:14pt; margin-bottom:3pt;}
   h3 { font-size:12pt; margin-bottom:3pt;}
   h1 + hr { visibility:hidden; height:2px; margin-top:0px;color:var(--textfarbe);}
   h2 + hr { visibility:hidden; height:0px; margin-top:0px;color:var(--textfarbe);}
   h3 + hr { visibility:hidden; height:2px; margin-top:0px;color:var(--textfarbe);}

   .pluskonzert { font-size:8.5pt; }
   .languageselector { position:relative; top:0px; display:inline-block; color:var(--textfarbe);}
   .languageselector a { color:inherit; }
   
   @media (min-width: 650px) { 
      .menu { visibility:visible; background-color:var(--hintergrundfarbe);padding:0px; margin:0px; position:fixed;top:70px; left:20px;padding:0px; /*z-index:-1;*/}
      .menubutton { visibility:hidden; }
       body { padding-bottom:15px; }
      .verticalmenuline { position:fixed;top:40px; left:20px;border-left:1px solid var(--linienfarbe); height:100%; visibility:visible; z-index:-2;}
      .topright { position:fixed;top:10px; right:10px; z-index:3; }
      
      .headline { font-size:20pt; overflow:hidden;position: fixed; top:0px; padding-top:5px; left:20px; border-bottom:solid var(--linienfarbe) 1px; height:40px; width:100%; 
                  background-color:var(--hintergrundfarbe); opacity:1.0;  display:block; z-index:1;}
      .minimenu { visibility:hidden; }
      
      .rightfloat { float:right;margin:10px; margin-right:0px; }
      .leftfloat { float:left;margin:10px; margin-left:0px; }
      .grund { position:absolute; left:180px; top:70px; margin-right:15px; margin-bottom:15px; 
               width: calc(100% - 200px); } // war 400px
               
      .aktuelletermine { position:fixed; top:42px; right:20px; font-size:90%; width:150px; }
      .aktuelleTermineImHauptteil { visibility:hidden; display:none; }
      
      .socialnetworks { visibility:visible; position:fixed; top:380px; left:30px; }
      .cd { visibility:visible; position:fixed; width:130px; top:440px; left:30px; font-size:80%; text-align:center;}
      
      
      #mehrkonzerte { display:block; position:fixed; bottom:0px; right:20px; width:150px; height:50px; background-color:var(--hintergrundfarbe); opacity:1.0; padding-top:50px; }

   }
   
   .patreonbutton { font-size:80%; margin-top:10px; margin-bottom:10px;
   border:0px; border-radius:10px; background: #FF424D; padding:5px; }
   .patreonbutton a { text-decoration:none; color:white; }
   .cd img { width: 100%; margin-bottom:10px; }
   
   @media (max-width: 649px) { 
      .menu { visibility:hidden; z-index:20; position:fixed; top:42px; left:0px; opacity:1.0; background-color:var(--hintergrundfarbe); box-shadow: 5px 5px 30px black;}
      .menubutton { visibility:visible; display:inline-block; margin-right:10px; position:relative; top:5px;}
      body { overflow:auto; padding-top:40px; }
      .verticalmenuline { visibility:hidden; }
      .topright { position:static; }
      .grund { margin-top:-20px; margin-left:auto; margin-right:0px;}
      .headline { font-size:18pt; position:fixed; top:0px; left:0px; padding-left:10px; padding-top:5px; border-bottom:solid var(--linienfarbe) 1px; height:35px; width:100%; z-index:1; display:block; background-color:var(--hintergrundfarbe); opacity:1.0; }
      .menubutton div {  width: 20px; height: 4px; background-color:var(--textfarbe); margin: 4px 0; }
      a.menulink { font-size:15pt; }
      a.menulink:hover { font-size:15pt; font-weight:bold;color:var(--linkhoverfarbe);}
      .menupunkte { border:none; }
      .activemenupunkte { border:none; }
      .menupunkte { border:none; }
      .rightfloat { float:none; margin:0px; align:center; margin:auto; }
      .leftfloat { float:none; margin:0px;  align:center; margin:auto; }
      .rightfloat img { width:100%; }
      .leftfloat img { width:100%; }
      .aktuelletermine { visibility:hidden; }
      .aktuelleTermineImHauptteil { visibility:visible; display:block; }
      .socialnetworks { visibility:visible; position:absolute; top:65px; right:10px; z-index:-1;}
      .cd { visibility:visible; width:80%; text-align:center; margin:auto; }
    }
    

   
 a.twitter-timeline {
 	font-size:12pt;
 	color:var(--textfarbe);
 }