:root {
                                             --color1: #f7db06;
                                             --color2: lightgray;
                                             --color3: #4d4d4d;
                                             --textShadow: black;
                                             --backgroundAccent: rgb(250, 244, 244);
                                         }
                                         
                                         @font-face {
                                             font-family: "Quicksand";
                                             src: url("../fonts/Quicksand-VariableFont_wght.ttf");
                                         }
                                         
                                         * {
                                             font-family: Arial, Helvetica, sans-serif;
                                         }
                                         
                                         body {
                                             /* width: 100%; */
                                             /*
    justify-content: center; */
                                             /* height: 100%; */
                                             /* background: radial-gradient(circle, rgba(5, 100, 181, 1) 32%, rgba(3, 137, 206, 1) 63%, rgba(2, 168, 226, 1) 86%, rgba(0, 212, 255, 1) 100%); */
                                         }
                                         /* Die Bilder in der slidehsow */
                                         
                                         .link {
                                             box-shadow: inset 0 0 0 0 var(--color1);
                                             text-decoration: none;
                                             margin: 0 -.25rem;
                                             padding: 0 .25rem;
                                             transition: color .3s ease-in-out, box-shadow .3s ease-in-out;
                                             border-radius: 20px;
                                         }
                                         
                                         .link:hover {
                                             box-shadow: inset 900px 0 0 0 var(--color1);
                                             color: white;
                                             border-radius: 20px;
                                         }
                                         
                                         .slideShowPictures {
                                             height: 500px;
                                             width: 100%;
                                             object-fit: cover;
                                             border: 5px solid var(--color1);
                                             border-radius: 10px;
                                         }
                                         
                                         .gradient {
                                             margin-top: 0 !important;
                                             /* background: linear-gradient(45deg, transparent 50%, rgb(113, 112, 112) 50%); */
                                         }
                                         
                                         .rows {
                                             /* padding: 0 100px; */
                                             display: grid;
                                         }
                                         
                                         .title1 {
                                             font-size: 20pt;
                                             text-align: left;
                                             color: #4d4d4d;
                                             font-family: Quicksand;
                                         }
                                         
                                         .title2 {
                                             font-weight: bold;
                                             font-size: 30pt;
                                             text-align: left;
                                             color: var(--color1);
                                             font-family: Quicksand;
                                             white-space: nowrap;
                                             margin-bottom: 50px;
                                         }
                                         
                                         .thumbNailButton {
                                             /* background-color: var(--color1) !important; */
                                             /* width: 700px !important; */
                                             /* height: 700px; */
                                             color: white !important;
                                             border: 10px solid var(--color1);
                                             border-radius: 10px;
                                             background-size: cover !important;
                                             text-shadow: 2px 0 0 var(--textShadow), -2px 0 0 var(--textShadow), 0 2px 0 var(--textShadow), 0 -2px 0 var(--textShadow), 1px 1px var(--textShadow), -1px -1px 0 var(--textShadow), 1px -1px 0 var(--textShadow), -1px 1px 0 var(--textShadow) !important;
                                         }
                                         
                                         .detailCard {
                                             /* opacity: 0.8; */
                                             z-index: 9;
                                             /* background: var(--color1); */
                                             background: radial-gradient(darkgray, rgb(127, 126, 126));
                                             /* height: 80%; */
                                             width: 90%;
                                             position: absolute;
                                             top: 0;
                                             left: 0;
                                             margin: 5% 5%;
                                             margin-bottom: 20px !important;
                                             /* x-position y-positon blur spread color */
                                             box-shadow: 0px 0px 20px 20px black;
                                             border-radius: 10px;
                                             padding: 15px;
                                         }
                                         
                                         .detailGrid {
                                             display: grid;
                                             grid-template-rows: auto auto auto;
                                             grid-template-columns: 1fr;
                                             row-gap: 2em;
                                         }
                                         
                                         .detailCardTitle {
                                             font-size: 25pt;
                                             font-weight: bold;
                                             color: white;
                                             /* margin: 20px; */
                                         }
                                         
                                         .detailCardText {
                                             /* margin: 0px 30px; */
                                             font-size: 15pt;
                                             color: white;
                                         }
                                         /* .infos {
    display: grid;
    grid-template-columns: 3fr 1fr;
    width: 80%;
    margin: 0 auto;
} */
                                         
                                         .textBody {
                                             /* margin: 2em 10%; */
                                             font-size: 15pt;
                                             text-align: left;
                                             padding-bottom: 20px;
                                             color: var(--color3);
                                             width: 100%;
                                             margin: 0 auto;
                                         }
                                         
                                         .profilePic {
                                             border-radius: 50%;
                                             border: 25px solid var(--color1);
                                             /* width: 300px; */
                                             width: 100%;
                                             /* float: right; */
                                             margin: 40px auto;
                                         }
                                         
                                         .tag-wrap {
                                             display: flex;
                                             flex-wrap: wrap;
                                             /* margin: 0 10%; */
                                             /* padding: 5%; */
                                             max-width: 2000px;
                                             margin: 0 auto;
                                         }
                                         
                                         .infos-wrap {
                                             display: flex;
                                             flex-wrap: wrap;
                                             flex-direction: column-reverse;
                                         }
                                         
                                         .contact-wrap {
                                             display: flex;
                                             flex-wrap: wrap;
                                             padding: 5%;
                                         }
                                         
                                         .contact {
                                             padding-top: 5%;
                                             padding-bottom: 5%;
                                             display: grid;
                                             grid-template-rows: auto auto auto;
                                         }
                                         
                                         .tag {
                                             text-decoration: none;
                                             text-align: center;
                                             color: white;
                                             background-color: var(--color1);
                                             border-radius: 30px;
                                             /* font-weight: bold; */
                                             padding: 10px;
                                             border: 0px;
                                             /* font-size: 1.5em; */
                                             /* width: 5.5em; */
                                             height: 2.5em;
                                             align-self: center;
                                             margin: 5px;
                                             font-size: 13pt;
                                         }
                                         
                                         .mail {
                                             text-decoration: none;
                                             text-align: left;
                                             font-size: 15pt;
                                             color: var(--color3);
                                             position: relative;
                                             margin-bottom: 0.5rem;
                                         }
                                         
                                         .circle {
                                             width: 500px;
                                             height: 500px;
                                             line-height: 500px;
                                             border-radius: 50%;
                                             font-size: 50px;
                                             color: #fff;
                                             text-align: center;
                                             background: #000;
                                         }
                                         
                                         .blur {
                                             -webkit-filter: blur(5px);
                                             -moz-filter: blur(5px);
                                             -o-filter: blur(5px);
                                             -ms-filter: blur(5px);
                                             filter: blur(5px);
                                         }
                                         /* Für Tablet */
                                         
                                         @media (min-width: 700px) {
                                             .profilePic {
                                                 width: 300px;
                                                 margin: 10px auto !important;
                                             }
                                             .picWrap {
                                                 display: grid;
                                                 justify-content: center;
                                             }
                                             .grid {
                                                 max-width: 100%;
                                             }
                                             .close-container {
                                                 margin-right: 10px;
                                             }
                                         }
                                         /* Das hier ist für Desktop */
                                         
                                         @media (min-width: 1200px) {
                                             .infos-wrap {
                                                 flex-wrap: nowrap;
                                             }
                                             .contact-wrap {
                                                 flex-wrap: nowrap;
                                             }
                                             .infos-wrap {
                                                 flex-direction: row;
                                             }
                                             .tag {
                                                 font-size: 15pt;
                                             }
                                             .profilePic {
                                                 border-radius: 50%;
                                                 border: 25px solid var(--color1);
                                                 width: 300px;
                                                 float: right;
                                             }
                                             .contact {
                                                 display: grid;
                                                 grid-template-columns: auto auto;
                                             }
                                             .detailCard {
                                                 /* opacity: 0.8; */
                                                 z-index: 9;
                                                 /* background: var(--color1); */
                                                 /* height: 80%; */
                                                 width: 70%;
                                                 position: absolute;
                                                 top: 0;
                                                 left: 0;
                                                 margin: 5% 15%;
                                                 margin-bottom: 20px !important;
                                                 /* x-position y-positon blur spread color */
                                                 box-shadow: 0px 0px 20px 20px black;
                                                 border-radius: 10px;
                                                 padding: 3em;
                                             }
                                             .textBody {
                                                 padding-right: 100px;
                                             }
                                         }