/*
font-family: 'Open Sans', sans-serif;
font-family: 'Comfortaa', cursive;
font-family: 'Poppins', sans-serif;
font-family: 'Roboto', sans-serif;
font-family: 'Roboto Mono', monospace;
font-family: 'Rock Salt', cursive;
 transition:all 0.6s 0.05s ease-in-out;
font-family: "DM Serif Display", serif;
 font-family: "Montserrat", sans-serif;
*/

/*

GELB #fbd53a // rgba(251, 213, 58, 1)
#fad53a
orange: rgb(255,165,0)
grey rgb(128,128,128)
violet rgb(148,0,211) 
deepskyblue rgba(0,191,255,1.0)
orchid rgba(218,112,214,1.0)
forestgreen rgba(34,139,34,0.1.0,)
blaugrau: #35546e  /#4c6e87
violett: #a66e9c

mediumblue rgba(0,0,205,1);
royalblue rgba(65,105,225, 1.0);
*/

/*
BLACK #1d1d1b / 
RED #bd3e31  rgba(187,62,49,1.0) // #cd3027
#bb3e31
hellgelb: #fff9e3

rgba(238,130,238,0.5); (rosa)
.red rgba(220,0,0,0.5)
darkturquise rgba(0,206,209,0.5) 
rgba(0,191,255,0.5);
kornblumenblau rgba(100,149,237,0.5);
orchid: rgba(218,112,214,0.5)
*/

/*background-image:url(logos/Emoji.png); background-repeat:no-repeat; background-size:cover; background-attachment:fixed; */

:root {
	--redColor:#0855f4;
	--blackColor:rgba(29,29,26,1.0);
	--greenNeonLight:rgba(153,255,102,0.2);
	--greenNeon: rgba(153,255,102,1);
	--textColor: rgba(0,0,0,0.9);
	--textGrayColor: rgba(100,100,100,1.0);
	--textDarkGrayColor: rgba(50,50,50.1.0);
	--shadowColor:rgba(0,0,0,0.6);
	
	--aLinkColor:#0855f4;
	
	--blueColor:#1818b5;
	--blueLightColor:#0707f214;
	
	
    --step--3: clamp(0.651rem, 0.6104rem + 0.2034vi, 0.768rem);
     --step--2: clamp(0.7813rem, 0.7191rem + 0.3109vi, 0.96rem);
     --step--1: clamp(0.9375rem, 0.8462rem + 0.4565vi, 1.2rem);
     --step-0: clamp(1.125rem, 0.9946rem + 0.6522vi, 1.5rem);
     --step-1: clamp(1.35rem, 1.1674rem + 0.913vi, 1.875rem);
     --step-2: clamp(1.62rem, 1.3683rem + 1.2587vi, 2.3438rem);
     --step-3: clamp(1.944rem, 1.6012rem + 1.7142vi, 2.9297rem);
     --step-4: clamp(2.3328rem, 1.8704rem + 2.3118vi, 3.6621rem);
     --step-5: clamp(2.7994rem, 2.1808rem + 3.0927vi, 4.5776rem);
     --step-6: clamp(3.3592rem, 2.5374rem + 4.1092vi, 5.722rem);
     --step-7: clamp(4.0311rem, 2.9453rem + 5.4287vi, 7.1526rem);
      --step-8: clamp(4.8373rem, 3.41rem + 7.1364vi, 8.9407rem);
      --step-9: clamp(5.8048rem, 3.9365rem + 9.3411vi, 11.1759rem);
      --step-10: clamp(6.9657rem, 4.5295rem + 12.1811vi, 13.9698rem);
	

}

html, body {width:100dvw; height:100%; font-size:100%; font-size:16px;}
body {  overflow-X: hidden; font-family: 'Open Sans', sans-serif; color:var(--textGrayColor); background-image:linear-gradient(to bottom, rgba(255,255,255,0.95), rgba(255,255,255,0.95)), url('logos/Emoji_1600_GR.png'); background-attachment:fixed; background-size:cover; background-position:center; background-repeat:no-repeat; scroll-behavior:smooth; height:auto; 
	display:grid; grid-template-columns: minmax(1.5rem,1fr) minmax(auto,80rem) minmax(2rem,1fr); grid-row-gap:20px;
	grid-template-areas:". header ."
						". nav ."
						". main ."
						". footer .";}

*, *::before, *::after {box-sizing:border-box; margin:0; padding:0; }
.hidden {display:none;}

img {width:100%; height:auto; display:block;}

/*FARBEN*/

/*GRUNDLAYOUT */

						

aside.petition {position:fixed; top:5px; left:5px; width:300px; height:auto; background: rgba(240,248,255,1); border:2px dashed rgba(220,0,0,1);  transform:rotate(-10deg); transform-origin:top right; animation:blink 7s ease-in-out forwards;  text-align:center; }	
aside.petition > p {font-size:1.25rem; padding:3px;}

@keyframes blink {
	0% {opacity:0; z-index:-1;  }
	20% {opacity:1.0;z-index:28;  }
	80% {opacity:1.0; z-index:28; }
	100% {opacity:0; z-index:-1; }
}

aside.petition.click {animation:blink 5s ease-in-out forwards; }

header.top, nav, main, footer { height:auto; width:100%; }


/*SCHRIFTEN*/
h1,h2, h3, h4  {color:var(--textColor); display:inline-block; font-family: 'Comfortaa', cursive; line-height:1.5; margin:var(--step--4); }
h2 {margin:var(--step--3); font-family: 'Comfortaa', cursive; fong-weight:900;}

h2 {font-size:40px; font-size:var(--step-3); /*display:flex; flex-wrap:wrap;*/}
h2.section > span {background:rgba(153,255,102,0.2); transition:all 0.8s ease-in-out; padding:0 5px;}
h2.section:hover span {box-shadow: 2px 8px 6px -4px rgba(0,0,0,0.8);}

h3 {font-size:27px; font-size:1.75rem; }
h2, h3 {font-variant:small-caps;}
h3.ubogen, h3.ubogen i.fas.fa-arrow-right {font-size:2.5rem; letter-spacing:0.1rem;}
h3.ubogen > span {background-color:rgba(0,0,0,0.08);}
h3.aktuell {margin-bottom:1rem;}
h3.aktuell > span, h4.aktuell>span {background-color:var(--greenNeonLight); border-bottom:2px solid var(--blackColor);}
h3.aktuell.red.spezial, h4.aktuell.red.spezial {color:var(--redColor);}
h2.petition > span {background-color:rgba(0,0,0,0.08);}
h3.newsletter {font-family: 'Open Sans', sans-serif; font-variant:unset; font-size:1.25rem;}
h3.begruendung > span {background:rgba(153,255,102,0.2);}
h2.mitglied > span {background-color:rgba(0,0,0,0.08);}
span.aufloesen {text-decoration:underline; cursor:pointer; color: rgba(34,139,34,1.0);}
span.nobr {white-space:nowrap; background:transparent;}
p.red, *.red{color:var(--aLinkColor);}

h3 {font-family: 'Open Sans', sans-serif; font-size:var(--step-2);color:var(--blueColor);}

h4, summary {font-size:25px; font-size:1.5rem; }
summary {cursor:pointer; position:relative; left:-10px;}
summary::-webkit-details-marker, summary::marker {color:var(--blueColor); left:-20px; font-size:2rem; text-shadow: 0px 1px 1px rgba(0,0,0,0.5);}
summary.petition {font-size:27px; font-size:1.75rem; }
summary > span, h2>span {background-color:rgba(0,0,0,0.08);}
summary > span , summary {margin: 5px 0;}

details > summary {
    list-style-type: '＋ ';
}

details[open] > summary {
    list-style-type: '－ ';
}

h3.petition >span {background:rgba(0,0,0,0.0);}
summary > h3.petition >span> a.red {background:rgba(34,139,34,0.5);}

summary.mitglied {}
summary.news, summary.newsletter{font-weight:800;}

details { margin-left:10px; margin-right:10px; }
details.newsletter{border:2px dotted rgba(65,105,225, 1.0); font-size:1.25rem; }
details.antworten {border: 2px dotted rgba(65,105,225, 1.0); font-size:1.25rem;}
details p {font-size:1.25rem;}
p.important  {font-size:27px; font-size:1.75rem; font-variant:small-caps; border:2px solid rgba(34,139,34,1);}
div.text.important {border:2px solid rgba(34,139,34,1); margin:0 0 10px 0;}


ul.marker {padding-left:2rem;}
ul.marker > li::marker {margin-left:2rem; padding-left:2rem;
  color: var(--textGrayColor);
  font-size: 1.5em;
  content:'   • ';}
  
ul.marker > li {padding-left:.75rem; margin-left:.75rem;  }


.smaller {font-size:smaller;}
.einruecken {margin-left:2rem;}
.wegbeschreibung {margin-left:2rem;}



details details {margin-left:0;}

details[open] summary ~ *, details details[open] summary ~ * {
  animation: sweep .5s ease-in-out;
}

@keyframes sweep {
  0%    {opacity: 0; }
  100%  {opacity: 1; }
}

p, li, td {font-size:var(--step-0); line-height:1.5;}
p, details {font-size:var(--step-0);; line-height:1.5; margin-bottom:15px;}
em {font-weight:bolder;}
strong.underline {text-decoration:underline;} 
strong.red {color:rgba(220,0,0,1); font-size:1.6rem; font-weight:bolder;}

i.far, i.fas, i.fab {font-size:20px; font-size:1.25rem;}
i.smaller, i.smaller, i.smaller {font-size:1rem;}
/*i.far.bigger, i.fas.bigger, i.fab.bigger*/ i.bigger {font-size:2rem};
i.fa-check {color:rgba(34,139,34,1.0); font-size:30px; font-size:2rem;}
i.fa-facebook {font-size:30px; font-size:1.25rem;}
i.fa-link {font-size:19px; font-size:1.25rem;}
i.fas.fa-print {font-size:2rem;}
i.fa-check {color:rgba(34,139,34,1.0); font-size:30px; font-size:2rem;}
strong {font-weight:600;}

figure.ganzeBreite {width:90%; height:auto;}
figure.ganzeBreite img {width:100%; height:auto; border:2px dotted rgba(65,105,225, 1.0);}

td {padding:1em 1em 1em 0;}

/*LINKS*/

a.red {color:var(--aLinkColor);  transition:all 0.5s 0.02s ease-in-out; text-decoration:none;}

a.red:hover {color:var(--aLinkColor); }
a.weiterlesen {color:rgba(65,105,225,1); text-decoration: underline wavy rgba(220,0,0,1);; transition:all 0.5s 0.02s ease-in-out; font-weight:bolder; font-size:smaller;}
a.weiterlesen:hover {color:rgba(220.0,0,1);}


/*HEADER*/

header.top {grid-area:header; display:grid;  grid-template-columns: 1fr; place-items: center; padding:2rem 0 0 0; background-image:linear-gradient(to bottom, rgba(255,255,255,0.6), rgba(255,255,255,0.6)), url('logos/EmojiNEON copy.png'); background-attachment:fixed; background-size:cover; background-position:center right; background-repeat:no-repeat;}
img.logo {width:8rem; height:auto; border:0px solid red; box-shadow: 0px 1px 0px white, 10px 10px 10px var(--shadowColor); }

h1.top { font-family: 'Comfortaa', cursive; font-size:var(--step-6);  font-weight:900; display:grid; align-items: center; color:rgba(29,29,26,1.0); text-shadow:10px 10px 10px rgba(0,0,0,0.5); font-variant:small-caps; text-shadow: 0px 1px 0px white, 10px 10px 10px var(--shadowColor);  line-height:1;}
img.stop5g {display:inline-block; width:var(--step-8);; position:relative; top:var(--step-1); text-shadow: 0px 1px 0px white, 10px 10px 10px var(--shadowColor); }
h1>a {text-decoration:none;  color:rgba(29,29,26,1.0);}



/*NAV*/

nav {grid-area:nav; position:sticky; top:0; background:rgba(255,255,255,1.0); z-index:10;}
ul#navi {list-style-type:none; display:flex; flex-wrap:wrap; overflow:visible;}
ul#navi li {margin:0; }
a.nav {text-decoration: underline solid rgba(0,0,0,0.8); background-color:rgba(255,255,255,1.0); padding:2px; margin-right:20px; font-size:var(--step-0); font-family: "Montserrat", sans-serif; color:rgba(29,29,26,1.0); box-shadow: 0 8px 6px -6px rgba(0,0,0,0.5); transition:all 0.5s 0.05s ease-in-out;}

a.nav:hover {text-decoration: underline solid rgba(230,0,0,0.8); background:var(--blueLightColor);}


button.close, button.open {display:none; font-size:1.5rem; cursor:pointer; transition:all 0.6s ease-in-out;  }


/*MAIN*/

main {grid-area:main; display:grid; grid-template-rows:1fr; gap:var(--step-3) 0;}

/*LISTEN*/
ol.olliste, ul.ulliste, ul.contactulliste, ul.news, ul.wissen ul.hintergrund, ul.aktuell, ul.petition, ul.artAkt {margin-left:20px; padding-left:20px;}
li.ul-head {list-style-type:none; margin:1rem 0 0.8rem 0; padding:0; font-weight:bolder;}
li.none {list-style-type:none;}

ul.contactulliste {margin-bottom:1rem;}
ul.aktuell {list-style-type:none; margin-left:10px; padding-left:10px; }
ul.aktuell li {position:relative;}
ul.aktuell li::before {content:"\279c"; color:rgba(153,255,102,0.8); font-size:2rem; position:relative; left:-20px; text-shadow: 0px 1px 1px rgba(34,139,34,1.0);}
ul.news, ul.newsletter, ul.antworten, ul.wissen, ul.petition {list-style-type:none;}
ul.hintergrund {list-style-type:disc; line-height:1.8;
	& li {font-size:var(--step--1);}}
ul.newsletter, ul.antworten {margin-left:10px; padding-left:10px; margin-top:10px; }
ul.news, ul.newsletter, ul.antworten, ul.wissen, ul.petition {margin-bottom:10px; position:relative; }
ul.news li:first-line {text-decoration:underline solid rgba(65,105,225, 1.0); background: rgba(65,105,225,0.1);}
ul.newsletter li:first-line {text-decoration:none; background:transparent;}
ul.newsletter li {font-size:1.25rem;}

ul.news li::marker {color:rgba(65,105,225,1.0);}

ul.newsletter li::marker {content:"\203A\2003 "; font-weight:900;}


ul.contactulliste>li {list-style-type:circle; font-size:18px; line-height:1.5;}
ul.ulliste {list-style-type:circle;}
ul.ulliste.none {list-style-type:none;}
ul.contactul {list-style-type:none;}
ol.olliste >li, ul.ulliste>li {font-size:21px; line-height:1.5; margin-bottom:5px;}

ul.small li {font-size:var(--step--1);}

span.green {color: rgba(34,139,34,1.0);}
span.red {color:rgba(220,0,0,0.8);}
span.italic {font-style:italic;}
span.smaller {font-size:smaller;}

.einruecken {margin-left:2rem;}

strong.underline {text-decoration:underline;} 


/*SECTION*/
section {grid-column:1/-1; opacity:0; transform:translateX(-60px); gap:1rem;}
section#petition { z-index:2; position:relative; display:grid; grid-template-columns:repeat(16, 1fr); }
section#mitglied {}
	
li.spezial {max-width:30rem;}

div.youtube {margin:0.5rem  1rem 0.5rem 2rem; display: grid; grid-template-columns: 1fr; align-content: end; position: relative; padding-bottom: 56.25%;}
iframe.youtube {grid-column: 1/-1; cursor: pointer; overflow: hidden; border: 0.5px solid rgba(0,0,0,0.8); width: 100%; height: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0;}
	
section.isVisible {animation:visible 1s forwards ease-in-out;}

@keyframes visible {
  0%    {opacity: 0; transform:translateX(-60px); }
  100%  {opacity: 1; transform:translateX(0px); }   
}



header.section {grid-column:1/-1;}
div.text {grid-column:1/-1;}

div.petition {grid-column:2/-2;  border:5px dashed rgba(220,0,0,0.8); padding:1rem; margin:1.5rem 0;}
div.forderung {grid-column:2/-2; position:relative;  }
ol.olliste {margin-left:20px; padding-left:20px;  position:relative;}

/*AKTUELL*/

section {display:grid;gap 1rem;}


div.wrapperAktuell {display:grid; grid-column:1/-1;display:grid; gap:1rem; grid-template-columns: repeat(auto-fit, minmax(25rem, 1fr)); grid-auto-flow:dense;/*columns:30rem;*/}

div.ganzeBreite {display:grid; gap:1rem;}

article.aktuell {display:grid; grid-template-columns:1fr; gap:0.5rem; align-content:start; padding:0.5rem; padding-left:0.7rem; background-color:white; border:1px solid black; transition:all 0.6s ease-in-out; transform:translateX(-2rem); opacity:0;}

article.aktuell.spanTwo {grid-column:span 2;}



article.aktuell.leftNull {transform: translateX(0); opacity:1;}

article.aktuell:hover, article.aktuell:focus { filter: drop-shadow(0rem 0.2rem 5rem rgba(0,0,0,0.25)); transform:scale(1.0);/* box-shadow:0px 0px 100px rgba(0,0,0,0.25);*/}

figure.artAkt {display:grid; place-items:center;}

article.kastenOben {align-content:start;}
div.kastenOben {display:grid; grid-gap:1rem;}
article.center {text-align:center; line-height:1; font-weight:900; }
article.ganzeBreite {grid-column: 1/-1;}
article.aktuell p, article.aktuell li, article.aktuell summary, article.aktuell details, article.aktuell summary, {font-size:1.3rem; color:var(--textGrayColor);}
article.aktuell a.red:hover {color:var(--redColor);}
article.aktuell a.red {font-weight:normal;}
p.red {color:var(--redColor); margin:0; padding:0;}
p.black {color:var(--blackColor); margin:0; padding:0;}
span.underline {text-decoration:underline;}
span.underlineRed {text-decoration:underline; text-decoration-color:var(--redColor);}
span.smallCaps {font-variant:small-caps;}
span.italic {font-style:italic;}

details.artAkt {font-size:1.2rem; margin:0; padding:0;}
details.artAkt summary {font-size:1.3rem; font-weight:bolder; left:0; color:var(--textGrayColor); }
a.summary {font-size:1.3rem; font-weight:bolder; left:0; color:var(--textGrayColor); }
ul.subDetails {list-style-type:circle; margin-left:1rem; padding-left:1rem;}
ul.subDetails li {font-size:1.2rem;}
ul.artAkt {list-style-type:disc;}
ul.artAkt li {margin-bottom:0.5rem;}
ul.artAkt li::marker {color:var(--redColor);}
ul.artAkt.flyer {margin-left:0;}

div.wrapperIframe {display:grid; grid-template-columns:repeat(auto-fit, minmax(15rem, 1fr)); grid-gap:1rem}

iframe.video {aspect-ratio:16 / 9; width:100%;  border:none;}



/*FORMULAR*/
section#mitglied {background:transparent; position:relative;}

form#anmelden { display:grid; grid-template-columns:1fr 1fr; grid-template-rows:auto; grid-gap:20px;}

fieldset.adressangaben, fieldset.mitteilung {border:1px dotted rgba(34,139,34,1.0); padding:5px; width:auto; }
fieldset.adressangaben {grid-column:1/-2; }
fieldset.mitteilung {grid-column:2/-1;}
legend {font-size:18px; color:rgba(0,0,0,0.6);}

div.form {padding: 3px 0; background:transparent; display:grid; grid-template-columns:200px 1fr; grid-gap:5px 10px; }
div.form.test {grid-template-columns:1fr; padding:3px; border:1px dotted rgba(0,0,0,0.3); margin:5px 0;}
div.form.submitbox {display:grid; grid-template-columns:200px 200px auto;}

input, textarea {width:200px; border:none; border-bottom:2px solid rgba(65,105,225,1); background-color:rgba(65,105,225,0.1); height:27px; font-size:18px;}
textarea {height:100px; box-shadow:none;}
label {font-size:20px; font-size:1.25rem;}
input::placeholder, textarea::placeholder {font-size:18px; color:rgba(65,105,225,1);}
input.absenden, input.abbrechen, input.absendenNL, input.abbrechenNL  {height:25px; width:200px; font-size:18px; background-color:rgba(65,105,225, 0.2);  border: 2px solid rgba(65,105,225,1); transition:all 0.8s 0.1s ease-in-out; color:rgba(65,105,225,1.0); cursor:pointer;}
input.abbrechen {margin-left:10px;}

input[type="text"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="tel"]:focus, textarea:focus, input.absenden:focus, input.abbrechen:focus, input.absenden:active, input.abbrechen:active
	{background: rgba(265,105,225,0.2); border:none; border-bottom:2px solid rgba(65,105,22505,1); color:rgba(65,105,225,1);}
	
div#output, div#outputNL {position:fixed;}

/*FOOTER*/

footer#kontakt {grid-area:footer; height:auto; padding-bottom:40px; padding-top:20px; display:grid; grid-template-columns:1fr; grid-gap:20px;}

div#footerWrapper {grid-column:1/-1; display:grid; grid-template-columns:repeat(auto-fill, minmax(280px, 1fr)); grid-gap:20px;}

aside.contact#about {grid-column:span 1;}
aside.contact#about h2 {display:block;}
aside.contact#about h3 {font-size:var(--step-0);font-family: 'Open Sans', sans-serif;}
ul.about {margin-left:20px; padding-left:20px; list-style-type:none; position:relative;}
ul.about li::before {content:"\279c"; position:absolute; left:-1rem;}
ul.about li {font-size:1.125rem; line-height:1.2; margin-bottom:1rem;}


aside.contact {border:2px solid var(--blueColor); width:auto; height:auto; padding:10px; background-color:var(--blueLightColor);transition:all 0.8s 0.1s ease-in-out; box-shadow: 0 8px 6px -6px rgba(0,0,0,0.8); transition:all 0.8s ease-in-out; opacity:0; transform:translateX(-60px); }
aside.contact:hover {box-shadow: 5px 10px 10px -5px rgba(0,0,0,0.8); background:white; transition:all 0.8s 0.1s ease-in-out;}

aside.contact.isShowing{animation:visible2 0.8s forwards ease-in-out;}
@keyframes visible2 {
  0%    {opacity: 0; transform:translateX(-60px); }
  100%  {opacity: 1; transform:translateX(0px); }
}


h2.contact {font-family: 'Comfortaa', cursive; font-size: var(--step-1); margin:5px 0 8px 0; font-weight:700;}
p.contact {font-size:var(--step--1); line-height:1.5;}
img.portrait {width:30%; height:auto; float:left; margin:0 10px 10px 0;}
img.logocontact{width:100%; height:auto;}


blockquote {margin:20px 10px; padding:0 5px 20px 20px; font-size:18px; font-size:1.125rem; line-height:1.5; font-style:italic; position:relative; quotes: "\201C""\201D"; color:rgba(220,0,0,2);}
blockquote::before {  content: open-quote; color:rgba(220,0,0,1);  font-size:4rem; line-height:1.125rem; position:absolute; top:1rem; left:-1rem;}
blockquote::after {  content: close-quote; color:rgba(220,0,0,1); font-size:4rem; line-height:1.125rem; position:absolute; bottom:1rem;}





/*PING*/

@keyframes ping {
					0% {transform:translateY(0px);}
					60% {transform:translateY(-10px);}
					80% {transform:translateY(5px);}
					0% {transform:translateY(0px);}
					}
					

/*BREAKPOINTS*/




/*NEUES FENSTER*/

#output.neuesFenster, #outputNL.neuesFenster {position:fixed; top:50px; left:50px; height:auto; min-width:400px; max-width:800px; background: rgba(240,248,255,1);  z-index:10; border-radius:5px; border:2px dashed rgba(65,105,225, 1.0); padding:20px; padding-bottom:30px; filter: drop-shadow(0 0 30px #333); font-size:20px; line-height:1.5; width:auto; height:auto; overflow-Y:scroll; resize: both;}

span.clic {position:absolute; top:20px; right:20px; width:50px; height:50px; font-size:20px; font-weight:300; vertical-align:top; text-align:right; color:rgba(20,0,0,0.7); cursor:pointer; background:transparent;}

#output.neuesFenster > p, #outputNL.neuesFenster > p {margin-top:40px; margin-bottom:20px; }

#output.neuesFenster  td, #outputNL.neuesFenster td {padding:2px 3px;}

#output.neuesFenster td, #outputNL.neuesFenster td, #output.neuesFenster p, #outputNL.neuesFenster p  {font-size: 18px; font-size:1.124rem; line-height:1.5;}

div#button {margin:30px 10px;}


button#aktiv {height:25px; width:250px; font-size:17px; background-color:rgba(255,255,255,0.5); border:1px solid rgba(0,0,0,0.3); margin-right:10px; color:rgba(0,0,0,0.8); height:25px; border-radius:3px; cursor:pointer; padding:20px 13px;}

button#aktiv:hover {background-color:rgba(0,255,255,0.2); box-shadow:2px 3px 4px rgba(0,0,0,0.3);}


@media screen and (max-width:800px){
	
	#output.neuesFenster, #outputNL.neuesFenster {top:20px; left:15px; right:15px; width:auto; padding:20px;  }
	#output.neuesFenster td, #output.neuesFenster p {font-size: 18px; }
}

@media screen and (max-width:620px){
	
	#output.neuesFenster, #outputNL.neuesFenster {width:auto; padding:20px; filter: drop-shadow(0 0 30px #333); font-size:15px;  }
	#output.neuesFenster td, #outputNL.neuesFenster td, #output.neuesFenster p, #outputNL.neuesFenster p {font-size: 15px; font-size:1rem; }
}

@media screen and (max-width:420px){
	#output.neuesFenster {top:10px; left:10px; bottom:10px; right:10px; padding:0; font-size:12px; font-size:0.75rem;}
	#output.neuesFenster td, #outputNL.neuesFenster td, #output.neuesFenster p, #outputNL.neuesFenster p  {font-size: 12px; font-size:0.75remline-height:1.5;}
	
}