html { box-sizing: border-box; }
            *, *::before, *::after { box-sizing: inherit; }
            body { font: 1rem/1.5 sans-serif; background-color: #A7D597; background-repeat: no-repeat; background-position: center; background-attachment: fixed; background-size: cover;}
            h1 { font-size: 1.5rem;}
            
            /* Überschrift */
            .ueber{
                margin: 25px;
                width:auto; flex-wrap: wrap;
                border: 1px solid gray;
                border-radius: 25px;
                background-color: rgba(0, 0, 0, 0.30); 
                backdrop-filter: blur(5px);
                padding-left: 2rem;
                display: flex;
                color: lightgoldenrodyellow;
            }
            .bigbox {
                margin: 25px;
                width:auto; flex-wrap: wrap;
                padding: 10px;
                padding-left: 10px;
                border: 1px solid gray;
                border-radius: 25px;
                background: transparent; 
                backdrop-filter: blur(5px);
                display: flex;
                color: lightgoldenrodyellow;
            }
            .picbox {
                width: 240px;
                height: 4.6rem;
                background-color: lightgoldenrodyellow;
                color: black;
                padding: 0;
                padding-left: 1rem;
                margin: 0;       
                border-radius: 10px;  
                transition: 1.2s;       
            }
            .picbox:hover{
                background-color: black;
                color: lightgoldenrodyellow;
                border-radius: 30px;
            }
            article{
                width: 250px; 
                border: 1px solid gray;
                margin: auto;
                margin-top: 0.5rem;
                margin-bottom: 0.5rem;
                padding: 0.3rem;
                background-color: #A7D597;
                color: black;
                align-items: center;                
            }
            a.call-to-action:link,
            a.call-to-action:visited {
                font-size:1.0rem; 
                color: black;
                background-color: lightgoldenrodyellow;
                display: block;
                text-decoration: none;
                text-align: center;
                justify-content: center;
                padding: 0.5rem 1rem;
                border: 0px;
                margin-inline: auto;
                transition: 1.2s;     
                border-radius: 10px;    
                height: 4.6rem;
            }
            a.call-to-action:hover,
            a.call-to-action:focus {
                background-color: black;
                color: lightgoldenrodyellow;
                font-weight: bold;
                font-size: 1.1rem;
                border-radius: 25px;
            }
            a.piclink:hover,
            a.piclink:focus {
                DISPLAY:BLOCK;
                border: 1px solid RED;
            }
                        
            /* a:hover,
            a:focus {
                DISPLAY:BLOCK;
                border: 1px solid RED;
                overflow:hidden;
            } */
            a[target="_blank"]::after{
               content: "\00A0\2197";
            }
            a[target="blank"]::after{
               content: "\00A0\2197";
            }
            .site-footer {
                text-align: right;
                background-color: black;
                color: white;
                font-size: smaller;
                padding: 0.5rem 1rem
            }

            .site-footer a {
                color: white;
                text-decoration-line: none;
            }

            .site-footer a:hover,
            .site-footer a:focus {
                text-decoration-line: underline;
                text-decoration-style: solid;
            }
            .hoov_container{
                margin: 6% 0 0 15%;
                position: relative;
                width: 60%;
            }

            .hoov_image{
                display: block;
                width: 100%;
                height: auto;
                border-radius: 15px;
            }

            .hoov_overlay{
                position: absolute;
                bottom: 0;
                left: 0;
                right: 0;
                background-color: rgba(0, 0, 0, 0.75);
                overflow: hidden;
                width: 100%;
                color: blanchedalmond;
                height: 0;
                border-radius: 15px;
                transition: 1.5s ease;
            }

            .hoov_container:hover .hoov_overlay{
                height: 100%;
            }
            h4{
                width: 100%;
                margin-top: 2%;
                font-size: 2vw;
                color: chartreuse;
                position: absolute;
                text-align:center;
                font-family: Verdana, Geneva, Tahoma, sans-serif;
                transform: rotate(-5deg)skewX(-5deg);    
            }

            h5{
                text-align: justify;
                font-family: Arial, Helvetica, sans-serif;
                color: whitesmoke;
                font-size: 0.8vw;
                font-weight: normal;
                margin: 10% 0 0 7%;
                width: 85%;
                letter-spacing: 1px;
                line-height: 1.5em;
            }
            h6{
                font-size: 16px;
                font-family: Verdana, Geneva, Tahoma, sans-serif;
                font-weight: normal;
                padding: 15px;
                color: lightgoldenrodyellow;
                text-align: left; 
            }


            a.minicont:link,
            a.minicont:visited {
                font-size:1.0rem; 
                color: black;
                background-color: goldenrod;
                display: block;
                text-decoration:none;
                text-align: center;
                justify-content: center;
                padding: 0.5rem 1rem;
                border: 0px;
                margin-inline: auto;
                margin: 5px;
                transition: 1.0s;     
                border-radius: 5px;    
                height: 2.5rem;
            }
            a.minicont:hover,
            a.minicont:focus {
                background-color: black;
                color: lightgoldenrodyellow;
                font-weight: bold;
                font-size: 1.2rem;
                border-radius: 25px;
            }
            .miniconttxt{
                font-size:1.2rem; 
                color: black;
                background-color: green;
                display: block;
                text-decoration:none;
                text-align: center;
                justify-content: center;
                padding: 0.5rem 1rem;
                border: 0px;
                margin-inline: auto;
                margin: 5px;
                transition: 1.0s;     
                border-radius: 25px;    
                height: 2.5rem;
                font-weight: bold;
            }
            .miniconttx2{
                font-size:1.1rem; 
                color: black;
                background-color: grey;
                display: block;
                text-decoration:none;
                text-align: left;
                justify-content: left;
                padding: 0.5rem 1rem;
                border: 0px;
                margin-inline: auto;
                margin: 5px;
                transition: 1.0s;     
                border-radius: 25px;    
                height: 2.5rem;                
            }