:root   {
    --hintergrundfarbe: rgb(22, 41, 22);
    --schriftfarbe: #fefabc;
    --linkfarbe: #0CF5D8;
    --linkfarbe-hover: gainsboro;
        }

body            {   background-color: var(--hintergrundfarbe);
                    color: var(--schriftfarbe);
                    font-family: "Lora", serif;
                    font-optical-sizing: auto;
                    font-weight: 400;
                    font-style: italic;
                    font-size: clamp(1.0rem, 2.5vw, 1.1rem)
                }
a:link          {   color: var(--linkfarbe);}
a:visited       {   color: var(--linkfarbe);}
a:hover         {   color: var(--linkfarbe-hover);}

.rahmen         {   max-width: 800px;
                    border: 0px solid black;
                    margin: auto; padding: 10px;
                }
footer          {   
                    max-width: 800px;
                    margin: auto;
                }
                
#ichp                   {   float: right;
                            width: 150px; height: 150px;
                            border-radius: 74px;
                            /*clip-path: circle(90px at 50% 60%);*/
                            opacity: 0.6; /*--- Verblassen*/
                            transition: 1s;
                        }
#ichp:hover             {   /*clip-path: circle(150px);*/
                            transform: scale(1.5);
                            opacity: 1.0;}