
body {
   background-image: url('/background/Startseite.jpg');
   background-repeat: no-repeat;
   background-attachment: fixed;
   background-position: center;
   height: 100%;
   background-size: cover;
   background-color: #8d5;
   }

.text {
   font-size:clamp(1rem, 3vw, 2rem);
   color:#000;
   }

.textshadow {
   font-size:clamp(1rem, 3vw, 2rem);
   color:black;
   text-shadow: 0px 0px 15px lightgreen;
   }

.box {
   width: clamp(320px, 90vw, 400px);
   border: 1px solid black;
   padding: 8px;
   border-radius:5px;
   font-family:Verdana;
   font-size:clamp(1.0rem, 2vw, 1.2rem);
   box-shadow: 2px 2px 4px #686868;
   background: linear-gradient(-0deg, #6b3, #cf9);
   align: center;
  }

.btns {
   margin:5px;
   display:block;
   padding:6px;
   font-size:clamp(1.0rem, 2vw, 1.2rem); 
   font-family:raleway;
   font-weight:bold;
   text-decoration:none;
   color:#111;
   border: 2px solid #111;
   border-radius:5px;
   background-color: #db0;
   box-shadow: 3px 3px 5px #686868;
   width:100px;
  }

.btns:hover {
   background-color: #f90;
   box-shadow: 1px 1px 3px #686868;
   color: #eee;
  }

.btnl {
         margin:15px;
         display:block;
         padding:6px;
         font-size:clamp(1.0rem, 2vw, 1.2rem); 
         font-family:raleway;
         font-weight:bold;
         text-decoration:none;
         color:#111;
         border: 4px outset #ca0;
         border-radius:2px;
         background-color: #db0;
         box-shadow: 3px 3px 5px #686868;
   width:250px;
     }

.btnl:hover {
         border: 4px inset #ca0;
         box-shadow: 1px 1px 3px #686868;
      }

.bild {
   width:clamp(80px, 20vw, 120px);
   float:left;
   margin:8px;
   box-shadow: 5px 5px 8px #686868;
   border: groove 3px gold;
   }

.bildtext {
   width:clamp(80px, 20vw, 120px);
   float:left;
   margin-right:8px;
   box-shadow: 5px 5px 8px #686868;
   border: groove 3px gold;
   }

.bildmedia {
   width:clamp(40px, 10vw, 60px);
   margin:8px;
   box-shadow: 5px 5px 8px #686868;
   border-radius: 10px;
   border: groove 3px gold;
   }

.bildgr {
   width:clamp(120px, 50vw, 320px);
   box-shadow: 5px 5px 8px #686868;
   border: outset 5px green;
   }

.bildgr:hoover {
   width:clamp(120px, 50vw, 320px);
   box-shadow: 5px 5px 8px #686868;
   border: inset 5px green;
   }

.profilbild {
   width:clamp(80px, 20vw, 120px);
   float:left;
   margin:8px;
   box-shadow: 5px 5px 8px #686868;
   border: groove 3px gold;
   }
 
.profilbild:hover {
  width:55vh;
  z-index: 10;
   }

.uebschrift {
   font-color: #000;
   font-size:clamp(1rem, 3vw, 2rem);
   font-weight: bold;
   }

.ltxt {
   text-decoration: none;
   color: #111;
   }

