@font-face { font-display:swap; font-family:"SourceSerif"; font-style:normal; font-weight:normal; src: url("/SourceSerif4_18pt-Regular.ttf"); } @font-face { font-display:swap; font-family:"SourceSerif"; font-style:normal; font-weight:bold; src: url("/SourceSerif4_36pt-Bold.ttf"); } html { overflow-x:hidden; } body::-webkit-scrollbar { display:none; } body { background-color:white; width:100vw; margin:140px 0 0 0; padding:0; font-family:"SourceSerif", serif; font-size:18px; line-height:27px; hyphens:auto; } a, a:visited, a:active { color:black; text-decoration:none; transition:color 1s; } a:hover { color:rgb(98, 119, 163); } .blog { position:relative; display:flex; align-items:end; width:100%; height:100%; padding:40px; box-sizing:border-box; background-color:rgba(255, 255, 255, 0.9); opacity:0; transition:opacity 1s; } .blog:hover { opacity:1; } #bottom-links a { margin:20px; } #top-menu a { margin:0 10px; } .content_columns, .content_columns_2 { font-size:18px; line-height:27px; margin-bottom:20px; } .content_columns a { text-decoration:underline; } .content_columns p { margin:27px 0 27px 0; } .content_columns p:first-child { margin:0 0 27px 0; } .content-subcolumn-browser a, .content-subcolumn-browser a:visited, .content-subcolumn-browser a:active { color:black; text-decoration:none; transition:opacity 1s; } .content-subcolumn-browser a:hover { opacity:0.5; } .dropdown { position:absolute; max-height:415px; display:none; margin-top:32px; padding:5px 0; border:0; box-shadow:0 5px 10px rgba(0, 0, 0, 0.25); text-align:left; white-space:nowrap; background-color:white; overflow-x:hidden; overflow-y:auto; } .dropdown p, .dropdown a { margin:10px 0; } .hamburger_menu a, .hamburger_menu a:visited, .hamburger_menu a:active { color:white; text-decoration:none; transition:opacity 1s; } .hamburger_menu a:hover { opacity:0.5; } .hint { color:rgb(11, 62, 137); transition:all 1s; } .hint:hover { background-color:rgb(11, 62, 137); color:white; } .no-underline { text-decoration:none !important; } #social-media-footer img { filter:saturate(0); transition:filter 1s; } #social-media-footer img:hover { filter:saturate(1); } .top_hint a, .top_hint a:visited, .top_hint a:active { color:white; text-decoration:none; transition:opacity 1s; } .top_hint a:hover { opacity:0.5; } #top-menu { position:fixed; top:90px; display:flex; align-items:center; justify-content:center; width:100vw; height:50px; box-sizing:border-box; background-color:white; box-shadow:0 10px 10px rgba(0, 0, 0, 0.25); z-index:99999999; } #top-search { position:fixed; top:140px; display:none; width:100vw; height:50px; box-sizing:border-box; background-color:white; box-shadow:0 10px 10px rgba(0, 0, 0, 0.25); z-index:99999999; } #kws { position:absolute; width:60px; height:60px; top:15px; left:15px; border:0; outline:none; animation:heartbeat 5s infinite ease-in-out; } @keyframes heartbeat { 0% { transform:scale(1) rotate(-7.5deg); } 50% { transform:scale(1.05) rotate(-7.5deg); } 100% { transform:scale(1) rotate(-7.5deg); } } .wrapper { position:relative; width:calc(100vw - 40px); max-width:1000px; margin:0 auto 50px auto; } h2, h3, h4 { font-family:"SourceSerif", serif; font-size:18px; line-height:27px; } @media screen and (min-width:1040px) { h1 { font-size:24pt; font-weight:bold; line-height:125%; } #bottom { display:flex; justify-content:space-between; } #bottom-links { transform:translateY(12px); } #bottom img { transform:translateY(-5px); } #bottom p { display:inline; width:calc(100vw / 3); } #bottom p:first-child { text-align:left; } #bottom p:last-child { text-align:right; } .functionbox { aspect-ratio:8/1; } .guetsel-gallery { width:calc(100% / 6); aspect-ratio:1/1; } .teaser-small { width:25vw; aspect-ratio:1/1; background-size:cover; background-position:center; padding:40px; box-sizing:border-box; float:left; overflow:hidden; } .teaser-small-invisible { display:flex; align-items:center; justify-content:center; flex-direction:row; flex-wrap:wrap; gap:20px; width:25vw; aspect-ratio:1/1; background-size:cover; background-position:center; padding:40px; box-sizing:border-box; float:left; overflow:hidden; } .content_columns { column-count:3; column-gap:40px; column-rule:1px dotted silver; } .content_columns_2 { column-count:2; column-gap:40px; } } @media screen and (max-width:1039px) { body { margin:90px 0 0 0; } h1 { font-size:24pt; font-weight:bold; line-height:125%; } #bottom-links { word-spacing:30000px; line-height:400%; } #teaser { transform:scale(0.5); } #teaser-blue-box { display:none; } .functionbox { aspect-ratio:2/1; } .guetsel-gallery { width:calc(100% / 3); aspect-ratio:1/1; } .teaser-small { width:100vw; margin:0; aspect-ratio:1/1; background-size:cover; background-position:center; padding:40px; box-sizing:border-box; overflow:hidden; } .teaser-small-invisible { display:none; } #top-email, #top-menu { display:none; } }