html {
scroll-behavior: smooth;
}
:where(.wp-site-blocks *:focus) {
outline-width:0px;
}
:focus-visible {
outline: 2px solid #006187;
box-shadow: 0 0 0 4px #fff !important;
}
::selection {
background: #006187;
color: #fff;
}
body {
hyphens:auto;
-webkit-hyphens:auto;
text-rendering: optimizelegibility;
}
a {
transition: all 0.15s linear;
display:inline-block;
} @media all and (prefers-reduced-motion: no-preference) {
.animate {
opacity: 0;
transform: translateY(30px);
transition: all 1.8s ease-out;
position: relative;
}
.animate2 {
opacity: 0;
transform: translateY(50px);
transition: all 1s ease-out;
position: relative;
}
.animate.in-view, .animate2.in-view {
opacity: 1;
transform: translateY(0px);
position: relative;
}
} .page-id-106 .wp-block-cover, .page-id-169 .wp-block-cover, .page-id-172 .wp-block-cover, .page-id-175 .wp-block-cover {
-webkit-filter: grayscale(100%); filter: grayscale(100%);
transition: filter .3s ease-in-out;
}
.page-id-106 .wp-block-cover:hover, .page-id-169 .wp-block-cover:hover, .page-id-172 .wp-block-cover:hover, .page-id-175 .wp-block-cover:hover{
-webkit-filter: grayscale(0%); filter: grayscale(0%);
}
.page-id-106 .wp-block-cover a:hover, .page-id-169 .wp-block-cover a:hover, .page-id-172 .wp-block-cover a:hover, .page-id-175 .wp-block-cover a:hover {
color: #000 !important;
background-color: #fff;
}	
.page-id-106 .wp-block-cover a::before, .page-id-169 .wp-block-cover a::before, .page-id-172 .wp-block-cover a::before, .page-id-175 .wp-block-cover a::before {
content: '';
position: absolute;
inset: 0;
z-index: 1;
opacity: 0;
transition: opacity .3s ease-in-out;
}
.page-id-106 .wp-block-cover, .page-id-169 .wp-block-cover, .page-id-172 .wp-block-cover, .page-id-175 .wp-block-cover  {
position: relative;
}
.page-id-106 .wp-block-cover a:hover:before, .page-id-169 .wp-block-cover a:hover:before, .page-id-172 .wp-block-cover a:hover:before, .page-id-175 .wp-block-cover a:hover:before  {
opacity: 0;
background-color: #fff;
}
.page-id-106 .wp-block-cover:focus-within, .page-id-169 .wp-block-cover:focus-within, .page-id-172 .wp-block-cover:focus-within, .page-id-175 .wp-block-cover:focus-within {
outline: 2px solid #996b23 !important;
border: 2px solid #fff !important;
}
.page-id-106 .wp-block-cover:focus-within :focus, .page-id-169 .wp-block-cover:focus-within :focus, .page-id-175.wp-block-cover:focus-within :focus, .page-id-172 .wp-block-cover:focus-within :focus { 
box-shadow: none; 
outline: none;
border: none;
} #zahlen .wp-block-column:nth-of-type(1) p, #zahlen .wp-block-column:nth-of-type(2) p{
border-right: 2px solid #fff;
}
@media all and (max-width: 800px) {
#zahlen .wp-block-column:nth-of-type(1) p, #zahlen .wp-block-column:nth-of-type(2) p{
border-right: 0px solid #fff;
}
#zahlen .wp-block-column:nth-of-type(1), #zahlen .wp-block-column:nth-of-type(2){
border-bottom: px solid #fff;
}
} @media all and (min-width: 800px) {
header {
position: fixed;
z-index: 2;
background-color: #fff;
width: 100%;
margin-block-start: -50px !important;
}
main {
margin-top:50px !important;
}
} .searchbutton {
background: none;
border: none;
padding: 0;	
}
.searchbutton:hover {
cursor: pointer;
}
.glass {
display: block;
width: 25px;
height: 25px;
}
#searchpopover {
position: relative;
margin: auto auto;
overflow: visible;
border: none;
border-radius: 15px;
padding: 40px 20px 20px;
filter: drop-shadow(.5rem .5rem 0.75rem #444);
width: 300px;
}
#searchpopover::backdrop {
background: rgb(0 97 135 / 75%);
}
#searchpopover .close {
background: none;
border: none;
padding: 5px;
margin: 5px;
z-index: 10;
position: absolute;
top: 5px;
right: 23px;
}
#searchpopover .close:hover {
cursor: pointer;
text-decoration: underline;
}
.popclose {
display: inline-block;
position: fixed;
width: 12px;
top: 18.5px;
right: 18px;
}
#searchpopover input {
border-radius: 10px;
border: 1px solid #444;
height: 2.5rem;
width: 215px;
padding: 7px;
}
.popsearch_input_button {
border-radius: 10px;
border: none;
background-color: #006187;
color: #fff;
height: 2.5rem;
padding-left: 15px;
padding-right: 15px;
}
.popsearch_input_button:hover {
cursor: pointer;
background-color: #1a7ca3
}
#searchpopover[open] {
animation: slideIn 800ms;
animation-fill-mode: forwards;
animation-timing-function: cubic-bezier(.23,1,.32,1);
}
@media (prefers-reduced-motion) {
#searchpopover[open] {
animation: none;
}
}
@keyframes slideIn {
0% {
translate: -100% -100% 0;
opacity: .1;
transform: rotate(25deg);
}
100% {
translate: 0 0 0;
opacity: 1;
transform: none;
}
} .wp-block-details {
margin-block-start: 10px;
background-color: #e4e3e3;
}
details {
border: 1px solid #e4e3e3;
max-height: 60px;
}
@media all and (max-width:1420px) {
details {
max-height: 1000px;
}
}
details[open] {
max-height: none;
}
details p {
padding: 40px;
font-size: 1.1rem
}
summary:focus-visible {
border: 2px solid #e94e0f;
}
summary {
color: #000;
background-color: #e4e3e3;
padding: 12px 8px 12px 20px;
}
summary::before {
content: "+";
color: #000;
font-size: 1.8rem;
float: left;
top: -8px;
left: 0px;
position: relative;
transition: all 0.3s ease-out;
margin-right: 10px;
margin-bottom: 10px;
}
details[open] summary::before {
transform: rotate(180deg);
content: "-";
}
summary::marker {
float: right;
margin-left: -10px;
display: none;
color: #eee;
content: "";
width:10px;
}
details ul {
margin-block-start: 0.4em !important;
padding-bottom: 20px;
padding-left: 75px;
padding-right: 20px;
}
footer {
margin-block-start: 0rem;
}    @view-transition {
navigation: auto;
} ::view-transition-group(root) {
animation-duration: 0.3s;
}
.cookie-opt-out {view-transition-name: cookiwe} @keyframes move-out {
from {
transform: translateY(0%);
}
to {
transform: translateY(-100%);
}
}
@keyframes move-in {
from {
transform: translateY(100%);
}
to {
transform: translateY(0%);
}
} ::view-transition-old(root) {
animation: 0.4s ease-in both move-out;
}
::view-transition-new(root) {
animation: 0.4s ease-in both move-in;
}
::view-transition-old(cookiwe) {
display: none:
}
::view-transition-new(cookiwe) {
display:block;
}
@media (prefers-reduced-motion) {
::view-transition-group(*),
::view-transition-old(*),
::view-transition-new(*) {
animation: none !important;
}
} @media all and (max-width:781px) {
.reverse {
flex-direction: column-reverse;
max-width: var(--wp--style--global--content-size);
margin-left: auto !important;
margin-right: auto !important;
padding-bottom: 20px;
}
.reverse .wp-block-column.is-vertically-aligned-center {
width: auto !important;
}
.reverse figure {
overflow: hidden;
}
.reverse img{
width:100%;
}
}  .scrollToTopBtn { width: 48px;
height: 48px;
position: fixed;
right: 10px;
bottom: 10px;
}
.scrollToTopBtn img, .scrollToTopBtn a {
display: block;
width: 48px;
height: 48px;
}
.scrollToTopBtn {  z-index: 100; opacity: 0; transform: translateY(100px); transition: all .5s ease
}
.showBtn {
opacity: 1;
transform: translateY(0)
}