.full-button { position: absolute !important; width: 100% !important; height: 100% !important; transition: transform 0.3s ease !important; } .full-button > * { display: none !important; }  .a-ratio_1_1 { aspect-ratio: 1 / 1; } .a-ratio_2_1 { aspect-ratio: 2 / 1; } .a-ratio_1_2 { aspect-ratio: 1 / 2; }  .initial::first-letter { font-size: 200%; font-weight: bold; float: left; margin-right: 5px;  line-height: 1; }  .shadow_1 { text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8), 2px 2px 4px rgba(0, 0, 0, 0.6); } .stickybottominlay { position: fixed; left: 50%; transform: translateX(-50%); bottom: 0px; z-index: 9999; } .stickybottominlay.stop { position: relative; left: 0%; transform: translateY(0%); } .grid_2 { display: grid; grid-template-columns: auto 1fr; gap: 0  } .cover_100_svh { height: 100svh !important; min-height: 100svh !important; }   .shpro-animation { opacity: 0; animation: none; } .hover { transform: scale(1); transition: all 250ms ease-in-out; } .hover:hover { transform: scale(1.025); }   .fade-up { opacity: 0; } .fade-up.aktiv { animation-name: fadeUp; animation-timing-function: ease-in;  animation-fill-mode: forwards; } @keyframes fadeUp { 0% { opacity: 0; transform: translateY(100%); } 50% { opacity: .5; } 100% { opacity: 1; transform: translateY(0); } }  .zoom-in { opacity: 0; transform: scale(0); } .zoom-in.aktiv { animation-name: zoomIn; animation-timing-function: ease-in;  animation-fill-mode: forwards; } @keyframes zoomIn { 0% { opacity: 0; transform: scale(0); } 50% { opacity: .5; } 100% { opacity: 1; transform: scale(1); } }  .fade-left { opacity: 0; transform: translateX(50%); } .fade-left.aktiv { animation-name: fadeLeft; animation-timing-function: ease-in-out;  animation-fill-mode: forwards; } @keyframes fadeLeft { 0% { opacity: 0; transform: translateX(50%); } 50% { opacity: .5; } 100% { opacity: 1; transform: translateX(0px); } }  .fade-right { opacity: 0; transform: translateX(-50%); } .fade-right.aktiv { animation-name: fadeRight; animation-timing-function: ease-in-out;  animation-fill-mode: forwards; } @keyframes fadeRight { 0% { opacity: 0; transform: translateX(-50%); } 50% { opacity: .5; } 100% { opacity: 1; transform: translateX(0px); } }  .desktop { --header-animation: true; --header-flyaway: true; --header-background: rgba(254, 255, 255, 0.3); --header-blur: 10; --header-background-min: rgba(254, 255, 255, 0.8); --header-border: 0; --header-height: 80; --header-border-width: 0px; }  footer { background-color: var(--footer-background); color: var(--footer-font);  padding: 0px; width: 100%; position: relative;  }  .footer_list_nav ul, li, a { text-decoration: none; } .footer_list_nav ul { width: auto; display: flex; flex-direction: column; list-style-type: none;  padding: 0;  margin: 0; justify-content: start; } .footer_list_nav ul li { position: relative; padding-left: 20px;  } .footer_list_nav ul li::before { font-family: "Font Awesome 5 Free";  content: "\f054";  position: absolute; top: 50%; left: 0; transform: translate(-10%,-50%); font-size: 12px; font-weight: 900;  color: rgba(var(--primary-color),.5); } .footer_list_nav a { position: relative; color: rgba(255,255,255,0.8); line-height: 22px; cursor: pointer; } .footer_list_nav a::after { content: ''; position: absolute; width: 0; height: 2px;  bottom: 0; left: 0; background-color: rgba(255,255,255,0.5);  transition: width 0.3s ease; } .footer_list_nav a:hover::after { width: 100%; }  header { position: fixed; top: 0px; z-index: 1000; width: 100%; min-height: calc(var(--header-height) * 1px); background-color: var(--header-background); backdrop-filter: blur(calc(var(--header-blur) * 1px));  -webkit-backdrop-filter: blur(calc(var(--header-blur) * 1px));  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);  border-color: var(--header-border); border-style: var(--header-border-style); border-width: var(--header-border-width); display: flex; justify-content: center; opacity: 1; } header div { position: relative; width: 100%; } header.transition { transition: all 250ms; } header.min { min-height: calc(var(--header-height-min) * 1px); background-color: var(--header-background-min); } header.fly { top: -100%; transition: all 1000ms; } header:hover { background-color: var(--header-background-min); } .header-block-area { transition: all .5s ease; width: 100%; }  .header { transition: all 500ms;  } .header.show { position: relative; transition: all 500ms;  } .header .logo { cursor: pointer; }  html, body { margin: 0; padding: 0; background-color: var(--background-color); overscroll-behavior: none; overflow-x: hidden;  } body { display: flex; flex-direction: column; min-height: 100vh;  min-height: 100dvh; } .custom-logo { font-size: 0;  }  .header-content .wp-block-group, .header-content .wp-block { margin: 0 !important; padding: 0 !important; margin-bottom: 0 !important; } .wp-block-columns { margin-bottom: 0 !important; }  main { flex-grow: 1;  padding: 0px; margin: 0px; display: flex; flex-direction: column; } article { padding: 0; margin: 0; } .wp-block-search__button { background: none !important;  border: none !important;  padding: 0 !important;  box-shadow: none !important;  cursor: pointer;  } .wp-block-search__button .search-icon { fill: currentColor;  } .wp-block-list ul, .wp-block-list ol { padding-left: 20px;  margin-left: 0; list-style-position: inside;  } .wp-block-list ul li, .wp-block-list ol li { padding-left: 0;  } .wp-block-cover { height: 100%; }  .no-wrap-text { position: relative; white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;  max-width: 100%;  } .wp-block-cover { min-width: 100% !important;  } .social-icons { list-style: none; padding: 0; display: flex; gap: 10px; } .social-icons li { display: inline-block; } .social-icons a { text-decoration: none; font-size: 24px; color: #333; transition: color 0.3s; } .social-icons a:hover { color: #007bff; }