body	{margin:0;padding:0;font-family: Arial;background-color:#F8ECD8;}
a		{color:#1C3B6A;}
h1		{font-size: min(max(18.5px,2vw),25px)}
hr      {color:#f8ecd8}

.nomargin, .nomargin li {margin:0!important}
.L40	{margin-left:40px!important}
.M0		{margin:0}
.ztxt	{text-align:center}

.anchor	{scroll-margin-top: clamp(120px, 6vw + 85px, 170px)}
.grau   {color:gray} 
.hide 	{display:none}
.auto   {width:130px}
.vtop	{vertical-align:top}
.vbottom {vertical-align:bottom}
.w100p  {width:100%;table-layout:fixed;}
.w100   {width:100px}
.w300   {width:300px}
.wmm    {width: min(18vw,100px);}
.mr50   {margin-right:50px;}
.bot10  {margin-bottom:10px;}
.h100   {height:100px!important}
.h200   {height:200px!important}
.h225   {font-size: min(max(18px,2vw),25.5px);}
.h260   {height:260px!important}
.h270   {height:270px!important}
.line	{border:1px dotted gray;margin-bottom:20px}
.shad   {box-shadow: 6px 6px 8px gray;}
.r20b0  {margin: 0 20px 0 0!important} 
.walt   {border: 1px solid lightgray!important}
.opa50	{opacity: 50%}

.tgray  {color: #a0a0a0}
.lang   {text-align:center;display: block;background-color:lightyellow;}

.content .sheets h3 {margin-top:0px;}
.content h2 {color: #951010;}
.content h3 {color: #1c3b6a;}

.tabhead {font-weight:bold;font-size:larger;}

#subnav1 .subbtn,
#subnav1 .subbtnoff1 {padding:2px 6px}

.subbtnoff1 {pointer-events:none;}
.subdot1	{border:1px dotted #1C3B6A;}

#header	{background-color: #FBEB37;margin:0;border-bottom:2px solid black;border-top: 2px solid black;position:sticky;top:0;z-index:1;}
#footerline	{background-color: #FBEB37;margin:0;border-top:2px solid black;border-bottom: 2px solid black;}
#footer	{padding: 10px;margin: 0 auto;max-width: 1174px;display: grid;font-size: 13.5px;grid-template-columns: 55% 25% 20%;}
 
#footer a	{font-weight:bold;}

#mitmach	{border-collapse:collapse}
#mitmach td {border:1px solid grey;padding:3px;margin:0;}
 
#headgrid	{display:grid;grid-template-columns: 21% 69% 10%;max-width: 1200px;column-gap:0;margin:0 auto;}
#subnavouter	{display:flex;justify-content: center;flex-wrap:wrap;font-weight:bold;max-width:1200px;margin: 0 auto}
 
#subnav1	{display:flex}
#subnav2, 
#subnav3 	{display:flex;margin:0 20px 0 0}
 
#subnav1 .subbtn {background-color:#C8E0F0;border: 1px solid #1C3B6A;color:#1C3B6A;}
#subnav2 .subbtn {background-color:#DAE8B4;border: 1px solid #1C6Awill-change: border-color;3B;color:#1C6A3B;}
#subnav3 .subbtn {background-color:#C8E0F0;border: 1px solid #1C6A3B;color:#1C3B6A;}
 
#subnav1 .subbtn:hover {background-color:#98B8E8}
#subnav2 .subbtn:hover {background-color:#C0D878} 
#subnav3 .subbtn:hover {background-color:#98B8E8} 

.subbtn,
.subbtnoff1,
.subbtnoff2	{border-radius:5px;margin:6px 0.3em;margin-right:25px;font-size: smaller;px 0.1em;text-decoration:none;display:inline-flex;align-items:center;justify-content: center;}
.subbtnoff2	{color:#000000;border: 1px solid #1C6A3B}

.green 		{background-color:#DAE8B4!important;border-color:#1C6A3B!important;color:#1C6A3B!important;}

.details	{background-position:right;background-repeat:no-repeat;background-size:contain; border-radius: 5px;} 
.zusatz		{width:50%;}
.meinung	{color: darkblue;font-style: italic}
.block		{display:block}

.img200	img	{height:200px!important;border-radius: unset!important;}
.noradius	{border-radius: unset!important;margin-top:15px}
.noradtop	{border-radius: unset!important;}
.norad20	{border-radius: unset!important;margin-top:20px}
.norad15	{border-radius: unset!important;margin-top:15px}
.noborder   {border:none!important;}


.statbox {
    padding:8px 16px;
    margin-bottom:10px;
    margin-left:6px;
    border:1px solid #1C6A3B;
    Border-radius:10px;
    background-color:#DAE8B4;
    color:#18396b;
    float:right;
}       


.greenanchor {
	border: 1px solid #1c6a3b;
    padding: 3px;
    margin: 0 0 10px 0;
    border-radius: 5px;
	text-decoration:none;
	display: block;
	background-color:#DAE8B4!important;
	border-color:#1C6A3B!important;
	color:#1C6A3B!important;
	font-weight: bold;
}	

.greenanchor2, .greenanchor3 {
	border: 1px solid #1c6a3b;
    padding: 6px;
    margin: 0 4px 10px 0;
    border-radius: 5px;
    text-decoration:none;
	display: inline-block;
	background-color:#DAE8B4!important;
	border-color:#1C6A3B!important;
	color:#1C6A3B!important;
	text-decoration:none;
	font-weight: bold;
}	

.greenanchor2 {	
	font-family: monospace;
}	

.greenanchor:hover, 
.greenanchor2:hover,
.greenanchor3:hover,
.green:hover {background-color:#C8D0A0!important}


.r4	{color:#80a090;margin-right:4px}


.headlogo	{width: 100%;min-width: 145px;max-width: 250px;padding-top: 4px;padding-left:6px;}
.headlang	{height: 1.3em; padding-top: 6px;}
.flexlang a	{color:black;}
.headmicky	{width:55%;min-width:40px;max-width:100px}
.txtright	{text-align:right}
.langpad	{padding-top:1%;padding-left:38%;}
.bfont		{font-size:min(max(12.5px,2vw),25px)}
.bfonts		{font-size:min(max(12.5px,2vw),20px)}
.flexbutton:not(.bgactive):hover {background-color:#d8cAA4;}
.flexlang	{display:inline-flex;padding-top:2%;padding-left:45px;justify-self:center;align-items:flex-start;}
.nobold     {font-weight:normal}
.padtop2    {padding-top:2px}
.top0		{margin-top:0}
.red42		{color:#f73939}
   
#buttonline	{max-width:1200px;display:flex;justify-content:space-between;margin: 0 auto;}
#subnavline	{background-color: #DFEDF7;border-top: 2px solid black;margin-top:-2px;padding: 0px;box-shadow: 0 4px 5px gray;}
 
.flexbutton, 
.flexbuttonoff	{width:23%;border:2px solid black;border-radius:15px 15px 0 0;margin:3px 3px 0 3px;padding:4px;background-color:#E8DAB4;display:flex;justify-content: center;align-items: center;text-align:center;font-weight:bold;color:black;text-decoration:none;}

.bgactive	{background-color:#DFEDF7;border-bottom:2px dotted black;pointer-events:none;} 
.content	{padding: 10px;background-color: #FCF8F0;margin: 0 auto;max-width: 1174px;}
.scrooge	{float:right;width:12%;max-width:140px;min-width:100px;}
.brief      {width: calc(80px + 2vw);max-width: 120px; min-width: 90px;}
.taleft		{text-align:left}
.tacenter	{text-align:center}
.taright	{text-align:right}
.vtop		{vertical-align:top}
.vbottom	{vertical-align:bottom}
.heft		{border-top:3px double gray;padding: 8px 0}
.index      {text-align:left; margin-left:10px;color:#c0c0c0;font-weight:bold;}
.schere		{height: 100px;margin: 10px 10px 0 0;}
.tabcenter  {display:flex;justify-content: center;}

#birds 		{float: right;position:relative;width: 65px;margin-top:-39px;margin-left:-65px;}
.LFloat		{float:left}
.RFloat		{float:right}

.flexBox1   {display: flex; font-size: smaller; flex-wrap: wrap;margin-left:3% }
.flexDiv1   {border-radius: 15px; width: 15%; margin: 20px 15px 0 0; background-color: #ece8e0;}
.breit100   {width:100%}
.flexBox1 p {margin-left:8px}

.ehapa		{font-family: 'Courier'; padding: 0 20px; display:block}
.kleiner    {font-size:smaller;font-style:italic}
.bottom0	{margin-bottom:0}
.top10		{margin-top:10px!important}
.ml25		{margin-left:25px}
.dia   		{width:14em}
.mb5		{margin-bottom: 5px;}
.noclick    {pointer-events:none;}
#mitmach 	{font-size:smaller!important}
.mmklogo	{margin: 5px 0 5px 5px;width:7.5em;}

.zitat {
  border: 1px solid #fcf8f0;
  display: inline-block;
  border-radius: 10px;
  padding: 10px;
  margin-left: 70px;
  color: #6a6452;
  font-style: italic;
  font-family: serif;
  background-color: #e8e0d8;
}

.preview {
float: left;
text-align: center;
margin: 0 20px 20px 0;
}

.bildfolge .preview {margin-right:45px}

.preview {
float: left;
text-align: center;
font-size: smaller;
}

.preview img {
border: 2px solid #e0e0e0;
border-radius: 10px;
}

.preview a:link img {
border:2px solid #e0e0e0;
}

.preview a:visited img {
border:2px solid #e0e0e0;
}

.preview a:visited:not(:hover) {
border:2px solid #e0e0e0;
}

.preview a:hover img {
border:2px solid #D63;
}

.clear {clear:both;}

.sheets {
margin-bottom:20px;
margin-left:25px;
font-size: smaller;
}

.content, .sheets table, .greenanchor2, .greenanchor3 {font-size: min(max(12.5px,2vw),17px);}

.sheetline {
border-top: 1px solid #1c3b6a;
margin-top: 12px;
margin-bottom: 20px;
}

.gutback 	{background-image:url('../media/schnipps/gutscheineback.jpg');background-size:contain;background-position-x: right;background-repeat: no-repeat;}

.sheetbox {
width: 200px;
height: 150px;
margin-left: 14px;
margin-top: 14px;
border-radius: 15px;
background-repeat: no-repeat;
border: 2px solid #f0f0f0;
text-align: center;
float: left;
text-align: center;
background-color: #c8e0f0;
}

.sheetinfo {
background-color: #cae9ee;
border: 1px solid #202040;
padding: 4px;
border-radius: 6px;
}


.sheetdpi {
width: 88px;
float: left;
margin: 7px 0 4px 110px;
font-size: smaller;
height: 94px;
text-align: left;
}

.issueover {
position: relative;
border: 2px solid #f0f0f0;
display: block;
border-radius: 15px;
}

.issueover {width:199px;height:42px;top:-109px;left:-1px;padding-top:107px;}

.issueover:hover {
border-color:#D63;
color:#1350A8!important;
}

.indextext {padding-top:3px;clear: both;}
.anchorbox {margin-left: 10px;}

.home-Container {
  display: flex;
  flex-wrap: wrap; 
  gap: 15px;     
}

.home-Container > div {
  flex: 1 1 calc(50% - 28px); 
  min-width: 400px; 
  padding:8px;
}

.home-Container h2 {margin-top:4px;margin-bottom:12px;font-size: min(max(14.5px,2vw),22px);}
 
.homeicon	{margin-right:10px;float:left; border-radius:5px;}
.hometeaser	{box-shadow: 0 1px 1px gray;border:2px solid #dddad5;border-radius: 10px;background-color: #FEFDFA;}
.homeplain	{box-shadow: 0 1px 1px #fcf8f0;border:2px solid #fcf8f0;border-radius: 10px;}

.logo24		{height:130px}

@media only screen and (max-width:710px) {
	.top {display:none}
	#subnav1 {margin-left:20px}	
}	

@media only screen and (max-width:890px) {
.subbtn,
.subbtnoff1,
.subbtnoff2	{margin-right:10px
}	

@media only screen and (max-width:590px) {
	#birds {display:none}
}	


@media only screen and (min-width: 640px)
{
.hide 		{display:inline}
#subnav1 .subbtn,
#subnav1 .subbtnoff1 {padding:4px 6px}
}

@media only screen and (min-width: 920px)
{
.details {background-size:0% 0%, contain}
}