<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
/* author: Thomas Fux; www.brokenscreen.at -  
d.blau:0e5e7f - h.blau: 1282b1 lR
 
*/


@font-face {
  font-display: swap; 
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../../fonts/open-sans-v35-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('../../fonts/open-sans-v35-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../fonts/open-sans-v35-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../../fonts/open-sans-v35-latin-regular.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../../fonts/open-sans-v35-latin-regular.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../../fonts/open-sans-v35-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}


* { margin:0; padding:0px;  outline: none; }
html, body {  margin: 0px; padding:0px; scroll-behavior: smooth; font-size:18px  }

body { font-family: 'Open Sans', sans-serif; font-weight: normal;  color: white;  background: #d2e5f0; /* Old browsers */
background: -moz-linear-gradient(top, #d1d7db 0%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #d1d7db 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #d1d7db 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1d7db', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ background-attachment: fixed; background-size: cover; width:100%; min-height: 100vh;

}


main, .test {display:flex; width:100%; min-height:100vh; justify-content: space-around; align-items: center; flex-direction: column;  gap:  20px; border:solid 0px green; box-sizing: border-box; padding:1rem}

main div, .test div {display: block;  color:#1a374d;  padding: 0px 25px 0px 25px;  font-size:1rem;  box-sizing: content-box; text-align: center; border:solid 0px red}

/**/ .max {width:100%; max-width: 320px;}

img { display:block; border:solid 0px red; margin:0; }

.link { display:block; border-radius: 6px;
  background-color: rgba(25, 55, 77, 100); color:#fefefe; padding: 6px 3em 6px 3em; text-decoration: none; transition:all 1s ease; border:solid 1px rgba(25,55,77,1.00); margin:8px}
.link:hover {background-color: rgba(25, 55, 77, .1); color:rgba(25,55,77,1.00)}

.orange {color:#e08114}

h1 { font-size:1.4em;  font-weight: bold; color:rgba(25,55,77,1.00)}

.rahmen {display:block; width: 80vw; border:solid 1px rgba(25,55,77,1.00); border-radius: 8px; margin-bottom: 10px; background:rgba(25,55,77,0.30)}

/**/
.rahmen_kandidaten { display:flex; width: 80vw;flex-wrap: wrap;justify-content: center; gap:22px; align-items: center; } 
.rahmen_kandidaten img {border:solid 1px rgba(25,55,77,0.00); filter:grayscale(80%); border-radius: 6px; background: rgba(25,55,77,0.00)}
.rahmen_kandidaten img:hover {border:solid 1px rgba(25,55,77,1.00); filter: grayscale(0%); cursor: pointer;  background: rgba(25,55,77,0.1);}

.kandi {display:block; width:100%; max-width:320px; height:auto; filter: grayscale(00%); transition: all 0.4s ease-in-out; opacity:0;  }
.kandi:nth-child(1) {animation: slideIn 1s ease-out forwards;  animation-delay: 0.2s;}
.kandi:nth-child(2) {animation: slideIn 1s ease-out forwards;  animation-delay: 0.4s;}
.kandi:nth-child(3) {animation: slideIn 1s ease-out forwards;  animation-delay: 0.6s;}
.kandi:nth-child(4) {animation: slideIn 1s ease-out forwards;  animation-delay: 0.8s;}
.kandi:nth-child(5) {animation: slideIn 1s ease-out forwards;  animation-delay: 1.0s;}
.kandi:nth-child(6) {animation: slideIn 1s ease-out forwards;  animation-delay: 1.2s;}
.kandi:nth-child(7) {animation: slideIn 1s ease-out forwards;  animation-delay: 1.4s;}
.kandi:nth-child(8) {animation: slideIn 1s ease-out forwards;  animation-delay: 1.6s;}
.kandi:nth-child(9) {animation: slideIn 1s ease-out forwards;  animation-delay: 1.8s;}

.kandi:hover {display:block; width:100%; max-width:320px; height:auto; filter: grayscale(0%); cursor: pointer;  }

/**/ 
#overlay {display:grid; width: 100vw; height: 100vh; justify-content: center; align-content: center; background:rgba(210,229,240,0.80); z-index:99; position:fixed; top:0; left:0; backdrop-filter:blur(6px); overflow: hidden; /* StartgrÃ¶ÃŸe: 0 */ } 
.overlay-hidden { opacity:0; transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
  transform: scale(0.0);}
.show-overlay {opacity: 1;transform: scale(1);transition: opacity 1s ease-in-out, transform 1s ease-in-out;  }


.responsivevideo {display:block; width:80vw; height:80vh;}
.responsivevideo iframe { display:block; width:100%; height:100%; }

@keyframes slideIn {
  0% {
    transform: translateY(100%); /* Startet außerhalb des Bildschirms nach links */
    opacity: 0; /* Anfangs unsichtbar */
  }
  100% {
    transform: translateY(0); /* Endposition - Element bleibt an seinem Platz */
    opacity: 1; /* Am Ende sichtbar */
  }
}

.transparent {opacity: .1}

</pre></body></html>