/*
Theme Name: NaMi Theme
Author: piiit-creates
Author URI: https://piiit-creates.de
Description: 
Requires at least: 6.4
Tested up to: 6.5
Requires PHP: 7.0
Version: 1.0
*/

* {
    hyphenate-limit-chars: 8 5 5;
    scroll-behavior: smooth;
}

html,
body {
    scroll-snap-type: y proximity;
}

body {
    position: relative;
}

body>* {
    width: 1200px;
    max-width: 80%;
    margin: 50px auto;
}

#wpadminbar {
    width: 100%;
    max-width: 100%;
    margin: 0;
}

.background-red,
.has-rot-background-color {
    background-color: var(--wp--preset--color--rot);
    color: white;
}

.background-lila,
.has-lila-background-color {
    background-color: var(--wp--preset--color--lila);
    color: white;
}

.background-blue,
.has-blau-background-color {
    background-color: var(--wp--preset--color--blau);
    color: white;
}

.background-gelb-logo,
.has-gelb-logo-background-color {
    background-color: var(--wp--preset--color--gelb-logo);
    color: var(--wp--preset--color--lila);
}

/* yellow pattern */
.wp-block-group.has-gelb-logo-background-color::before,
.wp-block-group.has-gelb-logo-background-color::after {
    content: '';
    display: block;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='Elemente' version='1.1' viewBox='0 0 447.9 1514.3'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23ffeb00;stroke-width:0%7D%3C/style%3E%3C/defs%3E%3Cpath d='M144 70c11-2 31-4 32 17s-20 38-39 51c-10 7-42 32-33 46 12 18 62-26 82-32 10-3 31-2 37 13 7 17-5 30-11 37-8 7-52 30-79 51-29 23-44 41-40 53 3 13 42-9 47-12 8-5 17-10 27-11 5 0 13 3 5 11 0 0-9-5-40 23l-26 25a44 44 0 0 1-47 7c-20-9-24-35-17-53 14-33 45-42 51-51 4-7 4-22-10-27s-11-3-15-9c-5-6-6-18-3-24 10-22 65-45 55-79-4-13-27-13-27-20 12 1 39-14 51-16ZM187 276c4-4 12-8 17-9 6-2 21-5 26 0 3 3-1 4-1 6-1 4 3 5-6 9-10 4-17 7-31 2 3-7-5-8-5-8ZM185 328c18-10 51-24 100-22 18 1 32 10 27 28-9 31-43 46-108 75-21 10-5 44-25 56-33 20-27 31-23 38 17 29 103-41 126-53 65-36 103-34 123-19 13 10-11 18-8 32 10 44-57 61-95 73-33 11-66 24-99 38-40 18-73 32-122 48-7 2-22 6-29 1-8-6 0-14 4-19 12-14 71-65 82-81 5-7 12-17 8-25-3-8-31-11-37-22s-2-25 7-34c13-15 21-19 46-35 14-9 35-18 38-36 2-15-11-17-22-18l-32 1c2-1 23-17 39-26Z' class='cls-1'/%3E%3Cpath d='M132 273c1-2-1-3-2-2-8 7-19 18-15 20 6 3 22-3 22-7s-12 4-9-3l4-8ZM241 671c11-1 25 0 31 10 5 11-3 24-12 33-24 22-51 50-78 69-26 20-51 43-64 73-2 3-3 8 1 10 2 1 4 0 7-1 5-3 8-9 10-16s13-20 23-8c2 3 1 10-1 13-4 7-11 14-13 22-2 9 3 20 12 20l8-4c18-13 24-36 32-56 7-19 16-38 32-50s40-16 57-4c12 9 18 24 19 39 6 40-15 82-49 103-22 13-50 18-70 36-10 9-18 25-11 37 5 11 19 15 22 26 4 13-9 24-21 30-17 7-36 12-54 9-18-4-35-18-37-37-1-15 8-31 8-47 0-9-3-18-9-25-10-14-28-21-38-36-11-17-8-40 0-59 11-25 28-47 48-66 11-12 25-27 20-43-1-4-6-12-6-16-1-12 10-20 26-21 65-3 68-37 106-41ZM170 663c10 6-5 13-18 20v3c1 2 3 1 5 1 40-9 47-31 76-38 13-3 23-1 28-3s9-6 10-11c1-2-1-14-20-11-27 4-43 22-70 27-10 2-13 11-11 12ZM237 1052c3-6 6-12 11-17 2-3 6-5 10-6 15-6 34 0 45 12 12 12 17 29 16 46s-7 33-14 48a327 327 0 0 1-79 96c-7 5-15 10-23 12-7 2-15 0-18-6-2-6 3-13 8-18 15-15 32-28 42-51 2-4 2-10-2-12l-5-1c-14 0-29 6-43 8-8 2-16 2-22-4l-1-3c-1-2 1-5 4-6 21-15 21-18 21-23-1-3-5-5-8-4-10 0-20-1-29-5-3-1-6-2-7-5s1-7 6-9c11-3 62 4 88-52Z' class='cls-1'/%3E%3Cpath d='M194 1199c3-4-2-10-7-8-11 6-40 47-46 53-4 3-13 9-22 3-5-4-6-11 6-15-9-10-23-6-31 2-4 3-10 12-4 17 8 8 13 4 15 0 3-6 12-3 10 4s-2 4-5 5l-15 5c-6 2-10 9-8 16 1 7 9 11 16 6s91-88 91-88ZM186 1365l1-6c-1-4-6-6-10-5s-7 4-9 7l-30 26c-2 1-3 2-5 1-3-1-2-5-1-8 11-26 39-43 46-71 0-3 1-6-1-9-4-6-13-2-19 2-32 27-60 57-84 92-11 16-22 35-19 54 1 10 7 21 17 23 41 8 94-65 114-107ZM177 1422c7-14 18-26 32-32h4c4 1 3 6 2 9-7 14-18 29-33 30l-4-2c-1-1-2-3-1-5Z' class='cls-1'/%3E%3C/svg%3E");
    width: 34%;
    background-repeat: no-repeat;
    position: absolute;
    top: -20vh;
    bottom: -20vh;
    background-size: cover;
    transform: rotate(-5deg);
    z-index: 0;
}

.wp-block-group.has-gelb-logo-background-color::before {
    left: -5vw;
    background-position: right bottom;
}

.wp-block-group.has-gelb-logo-background-color::after {
    right: -5vw;
    background-position: left top;
}

/* green pattern */
.wp-block-group.has-blau-background-color::before,
.wp-block-group.has-blau-background-color::after {
    content: '';
    display: block;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='Elemente' version='1.1' viewBox='0 0 447.9 1514.3'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%2343b484;stroke-width:0%7D%3C/style%3E%3C/defs%3E%3Cpath d='M144 70c11-2 31-4 32 17s-20 38-39 51c-10 7-42 32-33 46 12 18 62-26 82-32 10-3 31-2 37 13 7 17-5 30-11 37-8 7-52 30-79 51-29 23-44 41-40 53 3 13 42-9 47-12 8-5 17-10 27-11 5 0 13 3 5 11 0 0-9-5-40 23l-26 25a44 44 0 0 1-47 7c-20-9-24-35-17-53 14-33 45-42 51-51 4-7 4-22-10-27s-11-3-15-9c-5-6-6-18-3-24 10-22 65-45 55-79-4-13-27-13-27-20 12 1 39-14 51-16ZM187 276c4-4 12-8 17-9 6-2 21-5 26 0 3 3-1 4-1 6-1 4 3 5-6 9-10 4-17 7-31 2 3-7-5-8-5-8ZM185 328c18-10 51-24 100-22 18 1 32 10 27 28-9 31-43 46-108 75-21 10-5 44-25 56-33 20-27 31-23 38 17 29 103-41 126-53 65-36 103-34 123-19 13 10-11 18-8 32 10 44-57 61-95 73-33 11-66 24-99 38-40 18-73 32-122 48-7 2-22 6-29 1-8-6 0-14 4-19 12-14 71-65 82-81 5-7 12-17 8-25-3-8-31-11-37-22s-2-25 7-34c13-15 21-19 46-35 14-9 35-18 38-36 2-15-11-17-22-18l-32 1c2-1 23-17 39-26Z' class='cls-1'/%3E%3Cpath d='M132 273c1-2-1-3-2-2-8 7-19 18-15 20 6 3 22-3 22-7s-12 4-9-3l4-8ZM241 671c11-1 25 0 31 10 5 11-3 24-12 33-24 22-51 50-78 69-26 20-51 43-64 73-2 3-3 8 1 10 2 1 4 0 7-1 5-3 8-9 10-16s13-20 23-8c2 3 1 10-1 13-4 7-11 14-13 22-2 9 3 20 12 20l8-4c18-13 24-36 32-56 7-19 16-38 32-50s40-16 57-4c12 9 18 24 19 39 6 40-15 82-49 103-22 13-50 18-70 36-10 9-18 25-11 37 5 11 19 15 22 26 4 13-9 24-21 30-17 7-36 12-54 9-18-4-35-18-37-37-1-15 8-31 8-47 0-9-3-18-9-25-10-14-28-21-38-36-11-17-8-40 0-59 11-25 28-47 48-66 11-12 25-27 20-43-1-4-6-12-6-16-1-12 10-20 26-21 65-3 68-37 106-41ZM170 663c10 6-5 13-18 20v3c1 2 3 1 5 1 40-9 47-31 76-38 13-3 23-1 28-3s9-6 10-11c1-2-1-14-20-11-27 4-43 22-70 27-10 2-13 11-11 12ZM237 1052c3-6 6-12 11-17 2-3 6-5 10-6 15-6 34 0 45 12 12 12 17 29 16 46s-7 33-14 48a327 327 0 0 1-79 96c-7 5-15 10-23 12-7 2-15 0-18-6-2-6 3-13 8-18 15-15 32-28 42-51 2-4 2-10-2-12l-5-1c-14 0-29 6-43 8-8 2-16 2-22-4l-1-3c-1-2 1-5 4-6 21-15 21-18 21-23-1-3-5-5-8-4-10 0-20-1-29-5-3-1-6-2-7-5s1-7 6-9c11-3 62 4 88-52Z' class='cls-1'/%3E%3Cpath d='M194 1199c3-4-2-10-7-8-11 6-40 47-46 53-4 3-13 9-22 3-5-4-6-11 6-15-9-10-23-6-31 2-4 3-10 12-4 17 8 8 13 4 15 0 3-6 12-3 10 4s-2 4-5 5l-15 5c-6 2-10 9-8 16 1 7 9 11 16 6s91-88 91-88ZM186 1365l1-6c-1-4-6-6-10-5s-7 4-9 7l-30 26c-2 1-3 2-5 1-3-1-2-5-1-8 11-26 39-43 46-71 0-3 1-6-1-9-4-6-13-2-19 2-32 27-60 57-84 92-11 16-22 35-19 54 1 10 7 21 17 23 41 8 94-65 114-107ZM177 1422c7-14 18-26 32-32h4c4 1 3 6 2 9-7 14-18 29-33 30l-4-2c-1-1-2-3-1-5Z' class='cls-1'/%3E%3C/svg%3E");
    width: 34%;
    background-repeat: no-repeat;
    position: absolute;
    top: -20vh;
    bottom: -20vh;
    background-size: cover;
    transform: rotate(-5deg);
    z-index: 0;
}

.wp-block-group.has-blau-background-color::before {
    left: -5vw;
    background-position: right bottom;
}

.wp-block-group.has-blau-background-color::after {
    right: -5vw;
    background-position: left top;
}

.background-green,
.has-gruen-background-color {
    background-color: var(--wp--preset--color--gruen);
    color: white;
}

.wp-block-group.alignfull.has-background {
    padding-top: 50px;
    padding-bottom: 150px;
    min-height: 100vh;
    margin: 0;
    scroll-snap-align: start;
}

body>.alignfull {
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    /* to avoid svg bg overhang */
}

.wp-block-group.alignfull.has-background * {
    position: relative;
    z-index: 1;
    /* to avoid svg bg overlapping content */
}


.aligncenter {
    display: flex !important;
    justify-content: center;
}

.wp-block-post-title {
    text-align: center;
}

.logo-header {
    margin: 0 auto !important;
}

h2.wp-block-heading {
    text-align: center;
}

/* nav */

header {
    margin: 0 !important;
}

.nav-bar {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    max-width: 100vw;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    padding: 3vw;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0) 54%, var(--wp--preset--color--lila) 120%);
    z-index: 99;
}

.home .nav-logo {
    /* opacity: 0; */
}

.nav-logo {
    height: 80px;
    width: 80px;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='Logo' version='1.1' viewBox='0 0 481.9 481.9'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23413782;stroke-width:0%7D%3C/style%3E%3C/defs%3E%3Cpath d='M347.4 123.9c-.4-19.5-9.7-29.5-17.6-34.5-7.6-4.8-17.3-7.2-28.8-7.2h-77.9v76.9l-72.8-76.9h-15.8v161.6s.2 13.9-1.6 21.1c-1.9 7.6 6.6 17.4 7.4 31.8 0 1.7.3 6.5-1.8 10.2s-.7 7.8 7 9.5 5.5 4.3-3.9 7.6-7.2 4.5-5.4 11.3-2.6 7.3-5.9 10-2 7 .9 5.6c9.2-4.3 26.7-5.7 41 7.7 1.2-1.2-.6-2-.8-4.6s0-3.1-4.7-6.4c-1.3-.8-4-2.2-11.2-4.9s-8.4-3.4-7.4-7.5 5.9-5.7 10.7-9.7c5.8-4.8 2.8-10.8-3.2-15.5-4.8-3.7-2.4-4.2-2.4-12.1 0-5.3.2-9.5.2-9.5v-176l69.7 73.4v181.4h15.8l46.3-72.2 46.3 72.2h15.8V123.9Zm-18.9 204.7-35.6-54.8h-15l-35.6 54.8V101.3h58.9c24.6 0 27.4 13.7 27.4 23.9v203.4Z' class='cls-1'/%3E%3Cpath d='M317.9 160.7c-2.9-.9-5.9-1.3-8.9-1.6-7.7-.8-15.5-.7-23.2.4-5.9.9-11.7 2.4-17 5.3-8.1 4.4-13.5 10.9-15.3 20-1.2 6-1 11.9.5 17.8 2 7.6 6.5 13.3 13.3 17.1 3.1 1.8 6.5 3.1 10 4 9 2.4 18.1 2.8 27.3 2.3 4.4-.3 8.9-.7 13.3-1.7v-63.7Zm-29.5 46.8h-.9c-2.3 0-4.8-.3-6.8-3.9-1.3-2.3-2.9-6.1-6.3-5.9-1.4.1-2.1-2.3-2.1-5.4 0-8.4 6.8-15.2 15.2-15.2s15.2 6.8 15.2 15.2-6.3 14.7-14.2 15.2ZM147 403h-1c-2.6 0-5.2-.4-7.4-4.3-1.4-2.6-3.2-6.7-6.9-6.4-1.5.1-2.3-2.5-2.3-5.9 0-9.2 7.5-16.7 16.7-16.7s16.7 7.5 16.7 16.7-6.9 16.1-15.7 16.7Z' class='cls-1'/%3E%3Cpath d='M166.1 418.9s-20.7 13-42.2-1.3c-20.9-13.9-19.3-37.1-12.1-50.3s-10.8 1.9-15.6 9.8c-2.5 4.1-10.4 5.6-7.8-9.8 1.4-8 6.7-17.5 4.6-19.8s-7.9-.6-10.7 0c-6.6 1.4-9.4-.7-9.6-7.3s.5-10.5-1.4-12.1-8.3-2.5-7.9-7.7c.5-6.7 3.4-10.6 1.1-15.3-3.6-7.4-6.8-8.8-8.8-20.8-1.9-11-1.2-23.7-1.2-39.4 6.6 3.5-.6 20.5 7.7 39 8.4 18.7 12.7 16.1 12.4 22.1-.5 8.8-.5 9.6 2.1 10.1s6.2-.5 6 9.5c-.2 10.5-1.9 11.8 9.7 11.5 4.3-.1 12.1-2 14.3 2.1s-7.7 9.6-10.8 23.4c-1.9 8.6 0 6.8.7 6.2 11.3-9.6 21.9-12 24.5-9s0 6.6-1.9 9.2c-2.8 3.9-10.7 20.8 1 36.1 11.6 15.2 26.2 13.3 26.6 13.3 8.3-.6 7.7 3 15.7 0 3.2-1.2 3.8.5 3.8.5ZM180.6 404.1s1.5 10.5-5.4 18.2c-6.9 7.7 5.5 9.5 12.3 3.8 6.1-5.1 8.9-17.8 12.5-16.8 8.7 2.3-6.1 37.1 7.2 39.6 5.7 1.1 11.8-7.5 16.9-22.9 4.1-12.4 7.7-6.7 9.1 0s3.8 5.9 6.9 5.5c9.2-1.2 8.6-8.7 14.8-8 4.8.6 4.7 1.7 8.4 1.5 6.5-.4 2.9-5.1 32.2-10.1 6.8-1.2 11-2.4 15.4-3.6-1.2-3.9-11.6 2.9-27.1 2-19.1-1.1-14.3 7.4-24.6 5.3-3.5-.7-7.2-4.2-12.5-.7s-6.5 4.8-9.9-.3-6.7-11.2-13.2-7.1c-4.3 2.7-6.5 9.8-9.2 12.3-1.3 1.3-4.1 1.6-4.6-1.2-1.3-7.6-.7-10.1-3.1-14.1s-3.6-5-8.7-2c-1.9 1.1-3.4 3.8-5.8 8.5-5 10.1-9.5 10.4-10.2 10.5-2.2.3-3.2-1.6-1.9-4.3 3.8-8.2 2-15.9.2-15.9Z' class='cls-1'/%3E%3C/svg%3E");
}

.wp-block-navigation__responsive-container-close svg,
.wp-block-navigation__responsive-container-open svg {
    height: 45px;
    width: 45px;
}

ul.wp-block-navigation__container {
    width: 100%;
}

.nami_nav {
    position: fixed;
    top: 0;
    left: 100%;
    right: -100%;
    bottom: 0;
    padding: 130px 10% 0;
    background-color: var(--wp--preset--color--lila);
    color: white !important;
    transition: .5s;
    z-index: 9;
}

.show-nav .nami_nav {
    left: 0;
    right: 0;
}

.nami_nav li {
    list-style: none;
}

.nami_nav li a {
    display: block;
    font-size: var(--wp--preset--font-size--medium);
    font-weight: 600;
    text-decoration: none;
    padding: 17px;
    transition: .3s;
}

.nami_nav li a:hover {
    transform: translateX(5px);
}

.nav-switch {
    display: flex;
    align-items: center;
}

.menu-item-has-children:hover .sub-menu {
    left: 40%;
    right: 0;
    border-left: 4px solid var(--wp--preset--color--lila);
}

.nami_nav li .sub-menu {
    position: fixed;
    top: 0;
    left: 100%;
    right: -100%;
    bottom: 0;
    margin: 0;
    padding: 10%;
    color: white !important;
    transition: .5s;
    z-index: 999;
}

.nav-bg-rot ul.sub-menu {
    background: var(--wp--preset--color--rot);
}

.nav-bg-gruen ul.sub-menu {
    background: var(--wp--preset--color--gruen);
}

@media (max-width: 1000px) or (hover: none) {
    .sub-menu {
        display: none;
    }
}

@media (max-width: 800px) {
    .menu-item-has-children:hover .sub-menu {
        left: 0;
    }
}

* {
    margin: 0;
    padding: 0;
}


/* Burger Menu */

#nav-icon {
    width: 60px;
    height: 45px;
    position: relative;
    transform: rotate(0deg) scale(0.7);
    transition: .5s ease-in-out;
    cursor: pointer;
}

.home #nav-icon span {
    background: var(--wp--preset--color--lila);
}

.home.show-nav #nav-icon span {
    background: var(--wp--preset--color--gelb-logo);
}

#nav-icon span {
    display: block;
    position: absolute;
    height: 4px;
    width: 100%;
    background: var(--wp--preset--color--lila);
    border-radius: 0;
    opacity: 1;
    left: 0;
    transform: rotate(0deg);
    transition: .25s ease-in-out;
}

#nav-icon span:nth-child(1) {
    top: 0px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
}

#nav-icon span:nth-child(2) {
    top: 18px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
}

#nav-icon span:nth-child(3) {
    top: 36px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
}

.show-nav #nav-icon span:nth-child(1) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    top: -3px;
    left: 8px;
}

.show-nav #nav-icon span:nth-child(2) {
    width: 0%;
    opacity: 0;
}

.show-nav #nav-icon span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 39px;
    left: 8px;
}

.wp-block-simple-marquee {
    width: 100%;
    max-width: 100%;
    background-color: var(--wp--preset--color--lila);
    color: var(--wp--preset--color--gelb-logo);
    padding: 20px 0 15px;
    height: auto;
    margin: 0 0 -13px 0;
}

.wp-block-simple-marquee textarea {
    width: 100%;
}

.has-gruen-background-color a.wp-block-tiptip-hyperlink-group-block {
    width: clamp(99px, 100px + ((2vw - 3.2px) * 2.327), 212px);
    margin-left: 0;
}

.wp-block-tiptip-hyperlink-group-block {
    margin: 50px 0;
    padding-right: 55px;
    text-decoration: none;
    transition: .3s;
}

a.wp-block-tiptip-hyperlink-group-block::after {
    content: '>';
    display: block;
    color: var(--wp--preset--color--lila);
    font-size: 5rem;
    font-size: clamp(3rem, 3rem + ((2vw - 3.2px) * 2.327), 5rem);
    font-weight: 900;
    line-height: 0;
    position: absolute;
    right: 0;
    top: clamp(18px, 2vw, 24px);
    transition: .3s;
}

a.wp-block-tiptip-hyperlink-group-block:hover {
    color: var(--wp--preset--color--lila);
}

a.wp-block-tiptip-hyperlink-group-block:hover::after {
    color: var(--wp--preset--color--gelb-logo);
}

.wp-block-table td,
.wp-block-table th {
    border: none;
    vertical-align: top;
    padding: 20px 0;
}

[class*="is-style-button"] * {
    background-position: 8px center !important;
    background-size: 25px !important;
    background-repeat: no-repeat !important;
    padding-left: 45px !important;
}

.is-style-button-web * {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512'%3E%3Cpath fill='%23fff' d='M579.8 267.7c56.5-56.5 56.5-148 0-204.5-50-50-128.8-56.5-186.3-15.4l-1.6 1.1c-14.4 10.3-17.7 30.3-7.4 44.6s30.3 17.7 44.6 7.4l1.6-1.1c32.1-22.9 76-19.3 103.8 8.6 31.5 31.5 31.5 82.5 0 114L422.3 334.8c-31.5 31.5-82.5 31.5-114 0-27.9-27.9-31.5-71.8-8.6-103.8l1.1-1.6c10.3-14.4 6.9-34.4-7.4-44.6s-34.4-6.9-44.6 7.4l-1.1 1.6C206.5 251.2 213 330 263 380c56.5 56.5 148 56.5 204.5 0l112.3-112.3zM60.2 244.3c-56.5 56.5-56.5 148 0 204.5 50 50 128.8 56.5 186.3 15.4l1.6-1.1c14.4-10.3 17.7-30.3 7.4-44.6s-30.3-17.7-44.6-7.4l-1.6 1.1c-32.1 22.9-76 19.3-103.8-8.6C74 372 74 321 105.5 289.5l112.2-112.3c31.5-31.5 82.5-31.5 114 0 27.9 27.9 31.5 71.8 8.6 103.9l-1.1 1.6c-10.3 14.4-6.9 34.4 7.4 44.6s34.4 6.9 44.6-7.4l1.1-1.6C433.5 260.8 427 182 377 132c-56.5-56.5-148-56.5-204.5 0L60.2 244.3z'/%3E%3C/svg%3E") !important;
}

.is-style-button-mail * {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23fff' d='M64 112c-8.8 0-16 7.2-16 16v22.1l172.5 141.6c20.7 17 50.4 17 71.1 0L464 150.1V128c0-8.8-7.2-16-16-16H64zM48 212.2V384c0 8.8 7.2 16 16 16h384c8.8 0 16-7.2 16-16V212.2L322 328.8c-38.4 31.5-93.7 31.5-132 0L48 212.2zM0 128c0-35.3 28.7-64 64-64h384c35.3 0 64 28.7 64 64v256c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V128z'/%3E%3C/svg%3E") !important;
}

.is-style-button-phone * {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M164.9 24.6c-7.7-18.6-28-28.5-47.4-23.2l-88 24C12.1 30.2 0 46 0 64c0 247.4 200.6 448 448 448 18 0 33.8-12.1 38.6-29.5l24-88c5.3-19.4-4.6-39.7-23.2-47.4l-96-40c-16.3-6.8-35.2-2.1-46.3 11.6L304.7 368c-70.4-33.3-127.4-90.3-160.7-160.7l49.3-40.3c13.7-11.2 18.4-30 11.6-46.3l-40-96z' fill='white'/%3E%3C/svg%3E%0A") !important;
}

.is-style-button-next {
    position: relative;
}

.is-style-button-next *::after {
    position: absolute;
    right: -10px;
    display: block;
    content: '>';
    color: var(--wp--preset--color--lila);
    font-size: 2rem;
    transition: .3s;
    line-height: 1;
    display: inline-block;
    transform: scaleX(.6);
    font-weight: bold;
}

.wp-block-button:hover {
    color: var(--wp--preset--color--lila);
    transition: .3s;
}

@media (max-width: 782px) {
    #about .wp-block-columns .wp-block-column {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    #about .wp-block-tiptip-hyperlink-group-block {
        margin: 20px;

    }

    #about .wp-block-columns .wp-block-column .wp-block-image {
        margin: 50px 0 0 0;
    }

}

.is-style-nami-seperator {
    border: none;
    height: 15px;
    width: 100%;
    margin: 50px;
    background-size: contain;
    background-repeat: repeat-x;
    background-image: url("data:image/svg+xml,%3Csvg width='80' height='50' viewBox='0 0 44.8 50.8' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='svgGroup' stroke-linecap='round' fill-rule='evenodd' font-size='9pt' stroke='%23000' stroke-width='0.25mm' fill='%23413782' style='stroke:%23413782;stroke-width:0.25mm;fill:%23413782'%3E%3Cpath d='M 44.8 28.4 L 0.8 50.8 L 0 50.8 L 0 42 L 33.2 25.6 L 0 8.8 L 0 0 L 0.8 0 L 44.8 22.8 L 44.8 28.4 Z' vector-effect='non-scaling-stroke'/%3E%3C/g%3E%3C/svg%3E");
}

/* foto-streifen */
.foto-streifen.wp-block-image {
    position: static;
}

.foto-streifen img {
    /* position: absolute;
    top: 0;
    height: 100vh;
    width: auto; */
    transform: rotate(3deg) scale(1.05);
    /* right: 9%; */
}

/* page */
.page:not(.home) {
    top: 100px;
}

.page:not(.home) .nav-logo {
    background: none;
    text-decoration: none;
}

.page:not(.home) .nav-logo::before {
    content: '<';
    color: var(--wp--preset--color--lila);
    font-size: 4.5rem;
    transition: .3s;
    line-height: 1.2;
    display: inline-block;
    transform: scaleX(.6);
    font-weight: bold;
}

/* footer */

footer {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 -200px !important;
    color: var(--wp--preset--color--gelb-logo);
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, var(--wp--preset--color--lila) 80%);
    padding: 51px 0 0;
}

.home footer {
    margin: 0 !important;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, var(--wp--preset--color--lila) 80%), var(--wp--preset--color--blau);
    scroll-snap-align: end;
}

.footer {
    width: 1200px;
    max-width: 80%;
    margin: 0 auto;
}