body {
       /*
       background-color: rgba(28, 21, 121, 0.9);
*/
       background-color: #ff6f00;

       background-position: top center;
       background-repeat: no-repeat;
       background-size: cover;
       background-attachment: fixed;
       position: relative;
       min-height: 100vh;
   }




   .content {
       background: rgba(150, 150, 150, 0.8);
       margin-top: 2rem;
       padding: 5px;
       z-index: 30;
       backdrop-filter: blur(0px);
       -webkit-backdrop-filter: blur(0px);
       padding-bottom: 40px;
       text-shadow: 2px 2px 8px black;

   }

   .center > a {
       color: darkblue;
   }

   .card-img-top {
       height: 100px;
       width: 200px;
       overflow: hidden;
       object-fit: cover;
   }

   .card {
       margin: 10px;
       margin-top: 20px
   }

   .card-body {
       text-align: center;

   }

   .row {
       margin: 10px;
       text-align: center;

   }


   h2 {
       font: 200 40px/0.8 'Great Vibes', Helvetica, sans-serif;
       color: #eee;
       text-shadow: 4px 4px 3px rgba(0, 0, 0, 0.1);
   }

   #bild {
       height: 500px;
       max-height: 40vw;
       margin: 20px;


   }

   .center {
       text-align: center;
       margin-top: 3rem;
       padding: 10px;
   }

   .maintext {
       text-align: justify;
       margin-top: 3rem;
   }


   .mycard {
       background-color: #a01cff;
       color: antiquewhite;
   }


   .myquote > p {
       font-size: 20px;
       color: black;
       text-align: center;
   }

   .myquote {
       padding-left: 8vw;
       padding-right: 8vw;
   }

   .Autor {
       font-size: 16px;
       color: gray;
   }


   .card-img-top {
       height: 100px;
       width: 200px;
       overflow: hidden;
       object-fit: cover;
   }

   .card {
       margin: 10px;
       margin-top: 20px
   }

   .card-body {
       text-align: center;

   }

   .row {
       margin: 10px;
       text-align: center;

   }



   h3 {
       font: 200 28px/0.8 'Great Vibes', Helvetica, sans-serif;
       color: #eee;
       text-shadow: 4px 4px 3px rgba(0, 0, 0, 0.1);
       margin-top: 20px;
   }




   .longtext {
       margin-top: 30px;
       margin-bottom: 50px;
   }


   @media (max-width:768px) {

       /*Am Handy*/
       .myImg {
           width: 70vh;
           max-width: 80vw;
       }

       .footerleft {
           bottom: 40px;
           position: absolute;

       }

       #silvia {
           max-width: 80vw;



       }

   }


   @media (min-width:768px) {
       /*Am Handy Quer*/

       .myImg {
           width: 70vw;
           max-width: 90vw;
       }
   }

   @media (min-width:992px) {
       /*Am PC*/

       .myImg {
           width: 600px;
           max-width: 90vw;
       }

   }

   .makeitnice {
       height: 100vh;
   }

   .background {
       background-position: bottom;
       background-repeat: no-repeat;
       background-size: cover;
       height: 100vh;
       width: 100%;
       position: fixed;
       z-index: 0;

   }



   /*
        // Background Blur using backdrop-filter
*/

   .blur {
       background: rgba(255, 255, 255, 0.2);
       backdrop-filter: blur(6px) saturate(110%);
       -webkit-backdrop-filter: blur(6px) saturate(110%);
       background-repeat: no-repeat;
       background-size: cover;
       height: 100vh;
       width: 100%;
       position: fixed;
       z-index: 1;


   }


   Footer {
       padding: 3.5rem;
       background: #212529;
       position: absolute;
       z-index: 0;
       bottom: 0;
       width: 100%;
       height: 1rem;
       color: #ff6f00;

   }

   .footerright {
       margin: 10px;
       color: #ff6f00;
       position: absolute;
       right: 0
   }

   .footerright > a {
       color: #ff6f00;
       transition: all .5s ease;
       padding: 20px;
   }

   .footerleft {
       margin-bottom: 30px;
       color: #ff6f00;
       position: absolute;

   }

   .footerleft > a {
       color: #ff6f00;
       padding: 5px;
       transition: all .5s ease;
       font-size: 26px;
   }

   .footerleft > a:hover {
       color: white;


   }