/*Vars*/
:root{

    --header-height: 0px;

    --maintrans: 500ms
                linear(
                    0,
                    0.029 1.6%,
                    0.123 3.5%,
                    0.651 10.6%,
                    0.862 14.1%,
                    1.002 17.7%,
                    1.046 19.6%,
                    1.074 21.6%,
                    1.087 23.9%,
                    1.086 26.6%,
                    1.014 38.5%,
                    0.994 46.3%,
                    1
                );
}

*{
    scroll-behavior: smooth;
}

/* Dark Mode */
@media (prefers-color-scheme: dark) {

    :root{
        --background-color: var(--wp--preset--color--dark);
        --font-color: var(--wp--preset--color--light);
        --darker: oklch(from var(--background-color) 15% c h);
    }


  
}

/* Light Mode */
@media (prefers-color-scheme: light) {
    :root{
        --background-color: var(--wp--preset--color--light);
        --font-color: var(--wp--preset--color--dark);
        --darker: oklch(from var(--background-color) 95% c h);
    }
}

/*Format*/

.messagebig{
    font-size: 2em;
    line-height: 1.2;

    svg{
        width: 1em;
        height: auto;
        aspect-ratio: 1 / 1;
    }
}

.dark{
    --background-color: var(--wp--preset--color--dark);
    --font-color: var(--wp--preset--color--light);
    --darker: oklch(from var(--background-color) 15% c h);
}

.light{
    --background-color: var(--wp--preset--color--light);
    --font-color: var(--wp--preset--color--dark);
    --darker: oklch(from var(--background-color) 95% c h);
}

body {
    background: var(--background-color);
    color: var(--font-color);
}

.anchor{
    scroll-margin-top: calc(var(--header-height) - 1px);
}

.is-style-sticky-top{
    position: sticky;
    top: var(--header-height);
}

.wp-block-file{
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;

    border-bottom: var(--wp--custom--main-border);
    border-color: currentColor;

    &:last-of-type{
        border-bottom: 0px;
    }

    a{
        text-decoration: none;
    }

    .wp-element-button{

            margin-left: 0;
    
        &::after{
            content: '↧';
        }
    }
}

iframe{
    width: 100%;
    border: 0;
}

.map{
    filter: grayscale(1);
    height: 100%;
    width: 100%;
}

.wp-block-embed iframe{
    width: 100%;
    aspect-ratio: 16 / 9;
    height: auto;
}

.search-form__inner {
    display: flex;
    align-items: center;
    border: var(--wp--custom--main-border);
    border-radius: 5em;
    padding: .5em;
    transition: var(--maintrans);
}

.search-field {
    border: none;
    outline: none;
    padding: .5em;
    flex: 1;
    font-size: 1rem;
    background: transparent;
    color: var(--background-color);

    &::placeholder{
        color: var(--background-color);
    }
}

.search-submit {
    background: none;
    border: none;
    padding: 6px;
    cursor: pointer;
    color: var(--background-color);
}

.search-field:focus,
.search-submit:focus {
    outline: 0;
    outline-offset: 0;
    box-shadow: 0;
}

.search-form__inner:focus-within {
    border-color: var(--background-color);
}

:focus:not(:focus-visible) {
    outline: none;
}

.btn,
.wp-block-post-excerpt__more-link{
    background-color: transparent;
    border-radius: 5em;
    border-color: currentColor;
    border-width: var(--wp--custom--border-width);
    border-style: var(--wp--custom--border-style);
    color: inherit;
    text-align: left;
    font-family: var(--wp--preset--font-family--main);
    padding-top: 1em;
    padding-right: 1em;
    padding-bottom: 1em;
    padding-left: 1em;
    text-decoration: none;
}

.wp-element-button,
.btn,
.wp-block-post-excerpt__more-link{
    position: relative;
    transition: var(--maintrans);

    &::after{
        content: '→';
        position: absolute;
        right: 0;
        transition: var(--maintrans);
		opacity: 0;
    }

    &:hover{
        padding-right: 3em;

        &::after{
            opacity: 1;
			right: 1.25em;
        }
    }
}

a{
	color: inherit;
	text-decoration: underline;
	
	&[href^="mailto:"],
	&[href^="tel:"]{
		&::before {
			content: '';
		  	display: inline-block;
		  	width: 1em;
		  	height: 1em;
			margin-right: .5em;
			transform: translateY(.15em) rotate(0);
		  	background-color: currentcolor; 
			mask-repeat: no-repeat;
			mask-position: center;
			mask-size: contain;
			transition: var(--maintrans);
		}
		&:hover{
			&::before{
				margin-right: 1em;
				transform: translateY(.15em) rotate(-15deg);
			}
		}
	}
	
	&[href^="mailto:"]{
		&::before {
		  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='white' d='M0 4a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2zm2-1a1 1 0 0 0-1 1v.217l3.235 1.94a2.8 2.8 0 0 0-.233 1.027L1 5.384v5.721l3.453-2.124q.219.416.55.835l-3.97 2.443A1 1 0 0 0 2 13h12a1 1 0 0 0 .966-.741l-3.968-2.442q.33-.421.55-.836L15 11.105V5.383l-3.002 1.801a2.8 2.8 0 0 0-.233-1.026L15 4.217V4a1 1 0 0 0-1-1zm6 2.993c1.664-1.711 5.825 1.283 0 5.132-5.825-3.85-1.664-6.843 0-5.132'/%3E%3C/svg%3E");
		}
	}
	
	&[href^="tel:"]{
		&::before {
		  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='white' d='M10 3a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1zM6 2a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h4a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2z'%3E%3C/path%3E%3Cpath fill='white' d='M8 12a1 1 0 1 0 0-2 1 1 0 0 0 0 2M1.599 4.058a.5.5 0 0 1 .208.676A7 7 0 0 0 1 8c0 1.18.292 2.292.807 3.266a.5.5 0 0 1-.884.468A8 8 0 0 1 0 8c0-1.347.334-2.619.923-3.734a.5.5 0 0 1 .676-.208m12.802 0a.5.5 0 0 1 .676.208A8 8 0 0 1 16 8a8 8 0 0 1-.923 3.734.5.5 0 0 1-.884-.468A7 7 0 0 0 15 8c0-1.18-.292-2.292-.807-3.266a.5.5 0 0 1 .208-.676M3.057 5.534a.5.5 0 0 1 .284.648A5 5 0 0 0 3 8c0 .642.12 1.255.34 1.818a.5.5 0 1 1-.93.364A6 6 0 0 1 2 8c0-.769.145-1.505.41-2.182a.5.5 0 0 1 .647-.284m9.886 0a.5.5 0 0 1 .648.284C13.855 6.495 14 7.231 14 8s-.145 1.505-.41 2.182a.5.5 0 0 1-.93-.364C12.88 9.255 13 8.642 13 8s-.12-1.255-.34-1.818a.5.5 0 0 1 .283-.648'%3E%3C/path%3E%3C/svg%3E");
		}
	}
	
	
}

hr{
	margin: 1rem 0;
	border: 0;
	height: var(--wp--custom--border-width);
	background: var(--wp--custom--border-color);
}

.wp-block-video{
    &.is-style-ratio-1-1{
        aspect-ratio: var(--wp--preset--aspect-ratio--square);

        video{
            aspect-ratio: var(--wp--preset--aspect-ratio--square) !important;
            object-fit: cover;
        }
    }


    &.is-style-stretch{
        height: 100%;

        video{
            height: 100%;
            aspect-ratio: unset!important;
            object-fit: cover;
        }
    }
}

.wp-block-image img{
    max-width: unset;
    width: 100%;
}


.wp-block-column{
    box-sizing: border-box;
}

.wp-block-accordion{
    counter-reset: accordion-item;

    .wp-block-accordion-item{

        counter-increment: accordion-item;
        margin-top: 0;
        border-bottom: var(--wp--custom--main-border);
        border-color: var(--font-color);

        &:last-of-type{
            border-bottom: 0px;
        }

        button{
            padding: 1rem 0;
            transition: var(--maintrans);

            &::before{
                content: counter(accordion-item);
                background-color: var(--font-color);
                color: var(--background-color);

                display: inline-flex;
                align-items: center;
                justify-content: center;
                padding: .25rem;
                font-size: 1rem;
                border-radius: 5rem;
                aspect-ratio: 1 / 1;
                width: 2rem;
                box-sizing: border-box;
                margin-right: 1rem;
                transition: var(--maintrans);
            }

            &:hover{
                
                .wp-block-accordion-heading__toggle-title{
                    text-decoration: none;
                }

                .wp-block-accordion-heading__toggle-icon{
                    rotate: -15deg;
                }

                &::before{
                    margin-right: 2rem;
                }
            }
        }

        .wp-block-accordion-panel{
            margin: 0  0;
            padding-left: 3rem;
            display: block;
            max-height: 0;
            overflow: hidden;
            opacity: 0;
            transition:var(--maintrans);
        }

        &.is-open{
            .wp-block-accordion-panel {
                max-height: 1000px;
                opacity: 1;
                margin-bottom: 2rem;
            }
        }
    }
}

.wp-block-query{
    ul{
        gap: 0;

        li{

            &:nth-of-type(3n + 2){
                border-left: var(--wp--custom--main-border);
                border-right: var(--wp--custom--main-border);
            }

            padding-bottom: var(--wp--preset--spacing--mainpadding);

            > :not(figure){
                padding: 0 var(--wp--preset--spacing--mainpadding);
            }

            .wp-block-post-excerpt__excerpt{
                min-height: 12ch;
            }
        }
    }
}

@media screen and (max-width: 768px){
    .wp-block-query{
        ul{
            grid-template-columns: 1fr;

            li{

                &:nth-of-type(3n + 2){
                    border-left: 0px;
                    border-right: 0px;
                }

                &:not(:first-of-type){
                    border-top:  var(--wp--custom--main-border);
                }

                 .wp-block-post-excerpt__excerpt{
                    min-height: unset;
                }

            }
        }
    }
}

/*Head*/

.admin-bar{
    header{
        top: var(--wp-admin--admin-bar--height);
    }
}

header{
    --multiplier: 3;

    position: sticky;
    top: 0;
    z-index: 5;
    
    display: flex;
    justify-content: space-between;
    align-items: end;

    padding: calc(var(--wp--preset--spacing--mainpadding) / 2) var(--wp--preset--spacing--mainpadding);

    background: var(--background-color);
    border-bottom: var(--wp--custom--main-border);

        .logo{
            width:  calc(var(--wp--preset--spacing--mainpadding) * var(--multiplier));

            svg{
                width: 100%;
                height: auto;

                path{
                    fill: var(--font-color);
                }
            }
        }
        

        /*Nav*/

        nav{
            anchor-name: --hovered-link;

            isolation: isolate;

            &::after {
                content: "";
                position: absolute;
                top: anchor(center);
                left: anchor(center);
                right: anchor(center);
                bottom: anchor(center);
            
                position-anchor: --hovered-link;

                border: var(--wp--custom--main-border);
                border-color: currentColor;
                border-radius: 5em;
                z-index: 2;
                pointer-events: none;

                opacity: 0;

                transition: var(--maintrans);
            }

            ul{
                list-style: none;
                margin: 0;
                padding: 0;

                display: flex;
                flex-direction: row;
                gap: 0;
                justify-content: center;

                li{
                    position: relative;

                     display: flex;
                    justify-content: center;

                    &:hover{
                        anchor-name: --hovered-link;
                    }

                    a{
                        padding: .5em 1.5em;
                        color: inherit;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        gap: .5rem;
						text-decoration: none;
                    }

                     &.current-menu-item,
                     &.current-menu-parent{
                            & > a{
                                    &::after{
                                            content: '✓';
                                            display: inline-flex;
                                            align-items: center;
                                            justify-content: center;

                                            border-radius: 5rem;
                                            width: 1.5rem;
                                            font-size: .5rem;
                                            box-sizing: border-box;

                                            aspect-ratio: 1 / 1;
                                            border: var(--wp--custom--main-border);
                                            border-color: currentColor;
                                    }
                                }
                        }
                }

                .menu-item-has-children{
                    .sub-menu{
                        opacity: 0;
                        pointer-events: none;
                        position: absolute;
                        flex-direction: column;
                        transition: var(--maintrans);
                        transform: translateY(5em) ;

                        top: 100%; 
                        
                        background-color: var(--darker);
                        border-radius: 1em;
                        padding: 1em;
                        

                        li{
                            a{
                                white-space: nowrap;
                                text-align: center;

                               &:hover{
                                 &[href*="basel"]{
                                    color:  var(--wp--preset--color--basel);
                                }

                                &[href*="zuerich"]{
                                    color:  var(--wp--preset--color--zuerich);
                                    
                                }

                                &[href*="stiftung"]{
                                    color:  var(--wp--preset--color--stiftung);
                                    
                                }
                               }
                            }

                             &.current-menu-item{
                                a{
                                    &[href*="basel"]{
                                    color:  var(--wp--preset--color--basel);
                                    }

                                    &[href*="zuerich"]{
                                        color:  var(--wp--preset--color--zuerich);
                                        
                                    }

                                    &[href*="stiftung"]{
                                        color:  var(--wp--preset--color--stiftung);
                                        
                                    }
                                }
                             }
                        }
                    }

                    &:hover,
                    &:focus-within{
                        .sub-menu{
                            pointer-events: all;
                            transform: translateY(0) ;
                            opacity: 1;
                            
                        }
                    }
                }
            }

            &:has(li a:hover)::before,
            &:has(li a:hover)::after {
                top: anchor(top);
                left: anchor(left);
                right: anchor(right);
                bottom: anchor(bottom);
                opacity: 1;
            }
        }

        .controls{
            width:  calc(var(--wp--preset--spacing--mainpadding) * var(--multiplier));
			
			display: flex;
			gap: 1em;
			align-items: center;
            justify-content: end;
			
			.iconbtn{
				border: var(--wp--custom--main-border);
				border-color: currentcolor;
				border-radius: 5em;
				aspect-ratio: 1 / 1;
				padding: .25em;
				width: 3em;
				line-height: 1;
				background: transparent;
				transition: var(--maintrans);
				color: inherit;
				
				display: flex;
				align-items: center;
				justify-content: center;
                position: relative;

                anchor-name: var(--anchor);
				
				svg{
					width: 100%;
					transition: var(--maintrans);
				}
				
				&:hover{
					svg{
						rotate: -15deg;
					}
					
					transform: translateY(-.25em);
					transform-origin: center center;
					cursor: pointer;
				}

                
			}

            #toggler{
                    background-color: var(--font-color);
                    color: var(--background-color);
                    display: none;
                }

            .search,
            #search{
                     --anchor: --search-button;
                }

            .lang,
            #language{
                     --anchor: --lang-button;
                }

            .smartmenu{
                    position-anchor: var(--anchor);
                    position: absolute;
                    top: anchor(bottom);
                    left: anchor(left);

                    margin: 1em 0 0;
                    border: 0;
                    border-radius: .5em;
                    background: var(--font-color);
                    color: var(--background-color);
                    padding: 1em;

                    opacity: 0; 
                    transition: var(--maintrans);
                    transition-behavior: allow-discrete;

                    &:popover-open {
                        opacity: 1;
                        top: anchor(bottom);

                        @starting-style {
                            opacity: 0;
                            top: calc(anchor(bottom) + .5em);
                        }
                    }

                    .wpml-ls-statics-shortcode_actions{
                        border-radius: 5em;
                        border: var(--wp--custom--main-border);
                        padding: 0;

                        ul{
                            display: flex;
                            flex-direction: column;
                            padding: 0;
                        }

                        li{
                            border-bottom: var(--wp--custom--main-border);
                            
                            a{
                                padding: 1em;
                                font-size: .8em;
                            }

                            &:last-of-type{
                                border-bottom: 0;
                            }
                        }
                    }
                }
        }
}






/*Main*/

main{
    position: relative;
    z-index: 2;
    background: var(--background-color);
}

/*Footer*/

footer{
    position: sticky;
    z-index: 1;
    bottom: env(safe-area-inset-bottom);
	
	padding: var(--wp--preset--spacing--mainpadding);
	
	font-size: .8em;
	background-color: var(--darker);
	
	.contacts{
		display: flex;
		gap: var(--wp--preset--spacing--mainpadding);
		
		& > * {
		  flex: 1 1 0;
		}
		
		address{
			font-style: normal;
		}
	}
}

.law{
    position: sticky;
    bottom: env(safe-area-inset-bottom);
    z-index: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: var(--wp--custom--main-border);
    
    padding: var(--wp--preset--spacing--mainpadding);
    gap: var(--wp--preset--spacing--mainpadding);

    font-size: .8em;
    
    ul{
        list-style: none;
        margin: 0;
        padding: 0;
        display: flex;
        gap: calc(var(--wp--preset--spacing--mainpadding) / 4);
    }
    
    .gws-social-icons{
        font-size: 2em;
        line-height: 0;
        
        a{
            transition: var(--maintrans);
            
            &:hover{
                rotate: -15deg;
            }
        }
    }
}

/*Responsive*/


nav#respnav{

    display: none;

    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 5;
    height: calc(100dvh - var(--header-height));
    width: 100dvw;

    box-sizing: border-box;
    padding: var(--wp--preset--spacing--mainpadding);

    overflow-y: auto;

    background-color: var(--darker);
    
    transform: translateY(100dvh);
    transition: var(--maintrans);

    color: var(--font-color);

    .search-form__inner:focus-within,
    .search-form__inner {
        border-color: var(--font-color);

    }

    .search-submit,
    .search-field,
    .search-field::placeholder{
        color: var(--font-color);
    }

    ul{
        list-style: none;
        display: flex;
        flex-direction: column;
        align-items: center;
        margin: 0;
        padding: 0;
    }

    .nav-resp{
        gap: 1rem;

        & > li{
            display: block;
            width: 100%;

            text-align: center;
            border-bottom: var(--wp--custom--main-border);
            padding-bottom: 2rem;

            &:last-child{
                border-bottom: 0px;
                padding-bottom: 0rem;
            }

           & > a{
                font-size: 2rem;
                text-decoration: none;
                display: flex;
                align-items: center;
                justify-content: center;
                gap: .5rem;

                &::after{
                    content: '→';
                    margin-left: .25rem;
                    display: inline-flex;
                    align-items: center;
                    justify-content: center;

                    border-radius: 5rem;
                    width: 2rem;
                    font-size: .8rem;
                    box-sizing: border-box;

                    aspect-ratio: 1 / 1;
                    border: var(--wp--custom--main-border);
                    border-color: currentColor;

                }
            }

            &.current-menu-item,
            &.current-page-parent{

                & > a{
                    &::after{
                        content: '✓';
                    }
                }
            }
        }

    }

    .sub-menu{
        border-radius: 2rem;
        background-color: var(--background-color);
        padding: 1rem;
        border-radius: 1rem;
        margin-top: 1rem;

        a{
            font-size: 1.5rem;
            text-decoration: none;
            padding: .25rem 0;
            display: block;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: .5rem;
        }

        .current-menu-item{
            & > a{

               
                    &[href*="basel"]{
                    color:  var(--wp--preset--color--basel);
                    }

                    &[href*="zuerich"]{
                        color:  var(--wp--preset--color--zuerich);
                        
                    }

                    &[href*="stiftung"]{
                        color:  var(--wp--preset--color--stiftung);
                        
                    }
                    
                             
                    &::after{
                            content: '✓';
                            display: inline-flex;
                            align-items: center;
                            justify-content: center;

                            border-radius: 5rem;
                            width: 1.5rem;
                            font-size: .5rem;
                            box-sizing: border-box;

                            aspect-ratio: 1 / 1;
                            border: var(--wp--custom--main-border);
                            border-color: currentColor;
                    }
                }
        }
    }
}

.navopen{

    overflow: hidden;

    nav#respnav{
        transform: none;
    }

    header{
        .controls{
            #toggler{
                rotate: 90deg !important;
            }
        }
    }
}

@media screen and (max-width: 990px){

    /*format*/

    .is-style-sticky-top{
        position: relative;
        top: auto;
    }

   


    /*Elemente*/

    nav#respnav{
        display: block;
    }

    header{
        --multiplier: 8.5;

        justify-content: space-between;

        .logo{
            svg{
                height: auto;
            }
        }
        nav{
            &.main-navigation{
                display: none;
            }
        }

        .controls{
             #toggler{
                display: flex;

                &:hover{
                    transform: none;
                    rotate: 270deg;
                    margin: 0;

                    svg{
                        rotate: none!important;
                    }
                }
             }

             .search{
                display: none;
             }
        }
    }
    

    footer{
        position: relative;

        font-size: 1em;
        .contacts{
            flex-direction: column;

        }

        address{
			hr{
                background: transparent;
            }

            border-bottom: var(--wp--custom--main-border);
            padding-bottom: 2rem;

            &:last-of-type{
                border-bottom: 0;
                padding-bottom: 0;
            }
		}
    }
}
@media screen and (max-width: 768px){
 .wp-block-column{
        border: 0;

        &:not(:first-of-type){
            border-top: var(--wp--custom--main-border);
        }
    }
}

@media screen and (max-width: 85ch){

    /*format*/
    .wp-block-file{
        flex-direction: column;
        align-items: start;
    }

}

/*Forms*/

.gform_wrapper,
.gform-theme,
#gform_wrapper_3{

    --gf-ctrl-choice-check-color: var(--font-color) !important;
    --gf-color-in-ctrl-primary: var(--font-color) !important;
    --gf-color-primary: var(--font-color) !important;
    --gf-ctrl-border-color-focus: var(--font-color) !important;

    .gform-body{
    
        .gfield{
            margin-bottom: 1rem !important;
        }

        label,
        legend{
            font-family: inherit !important;
            font-size: inherit !important;
            font-weight: normal !important;
            color: var(--font-color) !important;
        }

        input,
        select,
        textarea{
            font-family: inherit !important;
            font-size: inherit !important;
            padding: 1rem !important;
            border-radius: 3rem !important;
            border: var(--wp--custom--main-border) !important;
            border-color: var(--font-color) !important;
            background: transparent !important;
            color: var(--font-color) !important;
            height: auto !important;

            &[type="checkbox"]{
                accent-color: var(--background-color) !important;
                border-radius: 2rem !important;
                height: 1.5rem !important;
                width: 1.5rem !important;

                &:focus{
                    outline-color: var(--wp--custom--border-color);
                }
            }

             &:focus{
                    outline-color: var(--wp--custom--border-color);
                }

            &[type="submit"]{
                font-family: inherit !important;
                font-size: inherit !important;
                padding: 1rem !important;
                border-radius: 3rem !important;
                border: var(--wp--custom--main-border) !important;
                border-color: var(--font-color) !important;
                background: transparent !important;
                color: var(--font-color) !important;
                height: auto !important;
            }
        }


        .ginput_container_date{
                width: 30% !important;
                flex-basis: auto !important;
                margin-left: 5% !important;

                &:first-of-type{
                    margin-left: 0% !important;
                }
        }

        .gform_button,
        .gform_button,
        .gform-footer .gform_button{
                width: 100% !important;
                transition: var(--maintrans) !important;

                font-family: inherit !important;
                font-size: inherit !important;
                padding: 1rem !important;
                border-radius: 3rem !important;
                border: var(--wp--custom--main-border) !important;
                border-color: var(--font-color) !important;
                background: transparent !important;
                color: var(--font-color) !important;
                height: auto !important;

                &:hover{
                    background: var(--font-color) !important;
                    color: var(--background-color) !important;
                    cursor: pointer;
                }
        }

        .ginput_container_consent{
                display: flex !important;
                gap: 1rem !important;
                align-items: center !important;
        }

    }
}

.gform-theme--framework .field_description_below .gfield_description:where(:not(.gfield_creditcard_warning_message):not(.field_validation_above .gfield_validation_message):not(.ginput_counter_tinymce):not(.gfield_choice_limit_message)){
    color: var(--font-color) !important;
}

.gform-theme.gform-theme--framework.gform_wrapper input:is([type=submit],[type=button],[type=reset]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme.gform-theme--framework.gform_wrapper input:is([type=submit],[type=button],[type=reset]):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme.gform-theme--framework.gform_wrapper input[type=submit].button.gform_button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)) {
    width: 100% !important;
                transition: var(--maintrans) !important;

                font-family: inherit !important;
                font-size: inherit !important;
                padding: 1rem !important;
                border-radius: 3rem !important;
                border: var(--wp--custom--main-border) !important;
                border-color: var(--font-color) !important;
                background: transparent !important;
                color: var(--font-color) !important;
                height: auto !important;

                &:hover{
                    background: var(--font-color) !important;
                    color: var(--background-color) !important;
                    cursor: pointer;
                }
}


 .gform_button,
        .gform_button,
        .gform-footer .gform_button{
                width: 100% !important;
                transition: var(--maintrans) !important;

                font-family: inherit !important;
                font-size: inherit !important;
                padding: 1rem !important;
                border-radius: 3rem !important;
                border: var(--wp--custom--main-border) !important;
                border-color: var(--font-color) !important;
                background: transparent !important;
                color: var(--font-color) !important;
                height: auto !important;

                &:hover{
                    background: var(--font-color) !important;
                    color: var(--background-color) !important;
                    cursor: pointer;
                }
        }

        
/*Suchergebnisse*/


.search-results{

    h1{
        padding-top: 2rem;

        small{
            font-size: 2rem;
            display: block;
            font-weight: normal;
        }
    }

    h2{
        margin-top: 0;
    }

    .columns{
        display: flex;
        gap: 0;

        .column{
            flex: 1;
            padding: var(--wp--preset--spacing--mainpadding);

            &:last-of-type{
                border-left: var(--wp--custom--main-border);
            }

            article{
                padding: calc(var(--wp--preset--spacing--mainpadding) / 2 ) 0;
                border-bottom: var(--wp--custom--main-border);

                

                a{
                    text-decoration: none;
                }

                p{
                    margin-bottom: 2rem;
                }

                .btn{
                    display: inline-block;
                }
            }
        }
    }

    .pagination{
        padding: calc(var(--wp--preset--spacing--mainpadding) / 2 ) 0;

        .nav-links{
            display: flex;
            gap: 1rem;
            width: 100%;

            a{
                background-color: transparent;
                border-radius: 5em;
                border-color: currentColor;
                border-width: var(--wp--custom--border-width);
                border-style: var(--wp--custom--border-style);
                color: inherit;
                padding: 1em;
                text-decoration: none;
                transition: var(--maintrans);
                min-width: 2.5ch;
                text-align: center;

                &:hover{
                    background-color: var(--font-color);
                    color: var(--background-color);
                }
            }

            span{
                background-color: var(--font-color);
                border-radius: 5em;
                border-color: currentColor;
                border-width: var(--wp--custom--border-width);
                border-style: var(--wp--custom--border-style);
                color: var(--background-color);
                padding: 1em;
                text-decoration: none;
                min-width: 2.5ch;
                text-align: center;
            }
        }
    }

    &:not(:has(.pagination)){
        .columns{
            display: flex;
            gap: 0;

            .column{
                article{
                    &:last-of-type{
                        border-bottom: 0;
                    }
                }
            }
        }
    }

}

@media screen and (max-width: 990px){

    .search-results{

        h1{
            font-size: 19vw;
            hyphens: auto;
            line-height: 1;
            width: max-content;
            small{
                font-size: 1rem;
            }
        }

        .columns{
            flex-direction: column;

            .column{

                 &:last-of-type{
                    border-left: 0;
                    border-top: var(--wp--custom--main-border);
                }

                article{
                    padding: var(--wp--preset--spacing--mainpadding)  0;
                }
            }
        }

        .pagination{
            padding: var(--wp--preset--spacing--mainpadding)  0;
        }
    }

}

/*Overwrites*/

#gws-lightbox {

    &:before {
        content: '×';
        right: 1rem;
        top: 1rem;
        position: absolute;
        background: transparent;
        border: var(--wp--custom--main-border);
        border-color: var(--wp--preset--color--light);
        color: var(--wp--preset--color--light);
        border-radius: 5rem;
        font-size: 1rem;
        line-height: 0;
        aspect-ratio: 1 / 1;
        display: flex;
            align-items: center;
            justify-content: center;
        cursor: pointer;
        text-align: center;
        width: 2rem;
        height: 2rem;
    }

        .lightbox-arrow {
            background: transparent;
            border: var(--wp--custom--main-border);
            border-color: var(--wp--preset--color--light);
            border-radius: 5rem;
            color: var(--wp--preset--color--light);
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1rem;
            width: 2rem;
            height: 2rem;
            line-height: 0;

            &::before{
                line-height: 0;
            }

            &:hover{
                cursor: pointer;
            }
        }
}

dialog#popover {
    div {
        background: var(--background-color);
        border-radius: 1rem;

            button {
                    border-radius: 2rem;
            }
    }
}

/*Single*/

.columns{
    display: flex;
    gap: 0;

    border-bottom: var(--wp--custom--main-border);

    .column{
        flex: 1;
        min-width: 50%;
        box-sizing: border-box;
        padding: var(--wp--preset--spacing--mainpadding);

        &:not(:first-of-type){
            border-left: var(--wp--custom--main-border);
        }

        img{
            max-width: 100%;
            width: 100%;
            height: auto;
            aspect-ratio: 1 / 1;
            object-fit: cover;
        }
    }
}

@media screen and (max-width: 990px){
    .columns{
        flex-direction: column;

        .column{

            &:not(:first-of-type){
                border-left: 0;
                border-top: var(--wp--custom--main-border);
            }

            img{
                aspect-ratio: 16 / 9;
            }
        }
    }
}


/*Forms*/
.gform_anchor,
.gform_confirmation_message {
  scroll-margin-top: calc(var(--header-height) + 5rem) !important;
}