:root
{
--main-bg-color: #F9FAFB;
--txt-color: #635355;
--lnk-color: #8D8D8D;
--header-bg-color:#021461;
--header-txt:#DDDDDD;
--normfont: 15px Arial,Helvetica,sans-serif;
--footerfont: 10px;
--footercolor: #8D8D8D;
--box-shadow: 4px 4px 4px #AFAFAF;
}

body
{
margin:0px;
padding:0px;
background-color:var(--main-bg-color);
font:var(--normfont);
color:var(--txt-color);
}

a
{
text-decoration: #610091 wavy underline;
color:#610091; 
}

a:visited, a:active
{
color:#610091;
}

a:hover, a:focus
{
color:#9900E6;
}

p
{
float:left;
padding:10px;
margin:0px;
}

.ueberschrift
{
font-size:18px;
font-weight:bold;
}

.ueberklein
{
font-size:16px;
font-weight:bold;
}

.menudiv
{
display: table-cell;
vertical-align:top;
}

.liste-nebeneinander 
{
display: flex;
list-style: none;
gap: 20px;
padding: 15px;
margin: 0px;
}

.liste-nebeneinander li 
{
height:60px;
border-left: 2px #AAAAAA solid;
border-bottom: 2px #AAAAAA solid;
padding: 5px;
width:90%;
text-align:left;
color:var(--header-txt);
opacity: 0.1; 
}

.liste-nebeneinander a 
{
width:90%;
text-decoration:none; 
}

.headerklein
{
font-size: 10px; 
font-style: italic; 
}

.hambmenu
{
position:fixed;
top:40px;
right:20px;
cursor:pointer; 
visibility:hidden;
}

.hamburgermenu
{
position:fixed;
top:110px;
right:20px;
visibility:hidden;
}

.hamburgermenu ul
{
list-style: none;
padding: 0;
margin: 0;
background-color:var(--main-bg-color); 
}

.hamburgermenu ul li
{
border:1px black solid;
padding-top:8px;
padding-bottom:8px;
padding-left:50px;
padding-right:15px;
margin: 2px;
text-align:right;
font-size:35px;  
}

.hamburgermenu a
{
text-decoration:none;
}

.mainfeld
{
margin-top:40px;
min-width:50%;
max-width:90%;
text-align:left;
}

.inlinks
{
display: table-cell;
width:20px;
border-left:1px gray solid;
}

.inhalt
{
display: table-cell;
padding:10px;
border-bottom-right-radius:10px;
border:1px gray solid;
box-shadow:var(--box-shadow);
}

.footer
{
font-size:var(--footerfont);
color:var(--footercolor);
text-align:center;
margin-top:20px;
}

.footer a
{
font-size:var(--footerfont);
color:var(--footercolor);
text-decoration:none; 
}

.seitenbilder
{
border-width:0px; 
box-shadow:var(--box-shadow);
border-radius:10px;
}

.webicons
{
margin-right:15px;
border-style:none;
width:100px;
float:left;
}

.gruppe
{
transform: scale(0.01);
opacity: 0;
transition: transform 0.4s ease-out, opacity 0.3s ease-out;
}

.refbild
{
margin-right:15px;
border-style:none;
width:250px;
float:left;
}

.down
{
background: #BEBEBE;
background: linear-gradient(0deg,rgba(190, 190, 190, 1) 0%, rgba(250, 250, 250, 1) 100%);
}

.lefttopeck
{
background-image: url(../bilder/line_lefttop.gif);
background-repeat: no-repeat;
background-position: left top;
}

.filesize
{
font-family: Arial,Helvetica,sans-serif;
font-size: 16px;
white-space: nowrap; 
text-align: right; 
}

.softicon
{
margin-bottom: 5px;
margin-right: 5px;
}

.downbutton
{
font-size:18px;
font-weight:bold;
color:#610091;
padding:10px;
box-shadow:var(--box-shadow);
border-width:3px;
border-style:solid;
border-top-color:#CECECE;
border-left-color:#CECECE;
border-right-color:#676767;
border-bottom-color:#676767;
border-radius:8px;

}

@media(max-width:768px)
{
 :root
 {
  --normfont: 25px Arial,Helvetica,sans-serif;
  --footerfont: 18px;
 }

 .hambmenu
 {
  visibility:visible;
 }

 .liste-nebeneinander
 {
  visibility:hidden;
  width: 0px;
  font-size:6px;  
 }

 .headerklein
 {
  font-size:18px;
 }
 .ueberschrift
 {
 font-size:32px;
 }
 
 .ueberklein
 {
 font-size:25px;
 }

 .softicon
 {
 width:60px; 
 }
}