/*
Theme Name: Equipo Theme
Author: Piiit
Author URI: https://piiit-creates.de
Description: 
Version: 1
*/

* {
    --border-radius: 7px !important;
    --shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    /* --wp--preset--color--primary: #d10d9a !important;
    --wp--preset--color--secondary: #5b8e51 !important;
    --wp--preset--color--tertiary: #5b8e51 !important; */
    box-sizing: border-box;
    scroll-behavior: smooth;
    hyphens: auto;
    hyphenate-limit-chars: auto 3;
    hyphenate-limit-lines: 4;
}

.has-accent-red-background-color {
    color: var(--wp--preset--color--base);
}

.has-accent-red-dark-background-color {
    color: var(--wp--preset--color--base);
}

main.wp-block-group {
    margin-block-start: 0;
}

.wp-block-post-content>* {
    padding-top: 20px;
    padding-bottom: 20px;
    margin-block-start: 0;
}

/* nav */
header.wp-block-template-part {
    position: fixed;
    top: 0;
    z-index: 9999;
    width: 100%;
    transition: .3s;
}

.nav-down header.wp-block-template-part {
    top: -140px !important;
}

.admin-bar header.wp-block-template-part {
    top: 32px;
}

.wp-block-navigation .wp-block-navigation-item {
    padding: 10px;
    text-align: left;
}

.wp-block-navigation__submenu-container {
    left: 0 !important;
    right: auto !important;
}

.wp-block-navigation__submenu-container.wp-block-navigation-submenu li {
    padding: 0;
}

.current-menu-item {
    background-color: rgba(0, 0, 0, 0.1) !important;
}

@media (max-width: 500px) {
    header.wp-block-template-part .has-background {
        padding: 7px !important;
    }
}


/* image */
.is-style-rund {
    border-radius: 50%;
    width: 90%;
    max-width: 400px;
    overflow: hidden;
    margin: 0 auto;
}

/* gallery */
.wp-block-gallery.is-style-Slider {
    display: flex;
    flex-wrap: nowrap;
    gap: 10px;
    margin-bottom: 0;
    overflow-x: scroll;
    position: relative;
}

.wp-block-gallery.has-nested-images.is-style-Slider figure.wp-block-image img {
    height: 300px !important;
    width: auto !important;
    max-width: none !important;
}

#baguetteBox-overlay {
    backdrop-filter: blur(12px);
}

.wp-block-quote {
    max-width: 700px;
    margin-block-start: 50px;
    margin-block-end: 50px;
}


/* wp-block-media-text */

.wp-block-media-text.alignfull {
    padding-top: 0;
    padding-bottom: 0;
}

.wp-block-media-text figure {
    height: 100%;
}

.wp-block-media-text figure img {
    height: 100%;
    object-fit: cover;
}


.wp-block-list {
    padding: 1px 1px 1px 23px;
}

/* angebotsbox */

[class*="icon-"] {
    background-repeat: no-repeat;
    background-size: 1rem;
    padding-left: 23px;
    background-position: left 6px;
}

.is-style-icon-preis {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' fill-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='2' clip-rule='evenodd' viewBox='0 0 120 120'%3E%3Cpath fill='none' d='M0 0h120v120H0z'/%3E%3CclipPath id='a'%3E%3Cpath d='M0 0h120v120H0z'/%3E%3C/clipPath%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%23903' fill-rule='nonzero' d='M81 120q-19 0-35-11-15-11-21-29H8l-5-2-2-5 2-4q3-2 5-2h14V53H8q-2 1-5-2l-2-4 2-5 5-2h17a60 60 0 0 1 91-29l3 4-2 5-5 2-5-1a47 47 0 0 0-51 0q-11 7-17 19h36l4 2q3 2 2 5 1 3-2 4-1 3-4 2H35v14h40q3 0 4 2 3 1 2 4 1 3-2 5l-4 2H39q6 12 17 19 12 8 25 8a45 45 0 0 0 26-8l5-1 5 2 2 5-3 4a60 60 0 0 1-35 11'/%3E%3C/g%3E%3C/svg%3E");
}

.is-style-icon-zeit {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' fill-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='2' clip-rule='evenodd' viewBox='0 0 120 120'%3E%3Cpath fill='none' d='M0 0h120v120H0z'/%3E%3Cpath fill='%23903' fill-rule='nonzero' d='M55 30a5 5 0 1 1 10 0v27l19 13q4 3 2 7-3 4-8 1L57 64l-2-4zm5-27a57 57 0 1 1 0 114A57 57 0 0 1 60 3M14 60a46 46 0 1 0 92 0 46 46 0 0 0-92 0'/%3E%3C/svg%3E");
}

.is-style-icon-datum {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' fill-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='2' clip-rule='evenodd' viewBox='0 0 120 120'%3E%3Cpath fill='none' d='M0 0h120v120H0z'/%3E%3Cpath fill='%23903' fill-rule='nonzero' d='M18 120q-5 0-8-4-4-3-4-8V24q0-5 4-8 3-4 8-4h6V6l2-4 4-2 4 2 2 4v6h48V6l2-4 4-2 4 2 2 4v6h6q5 0 8 4 4 3 4 8v84q0 5-4 8-3 4-8 4zm0-12h84V48H18zm0-72h84V24H18zm0 0V24zm42 36-4-2-2-4 2-4 4-2 4 2 2 4-2 4zm-24 0-4-2-2-4 2-4 4-2 4 2 2 4-2 4zm48 0-4-2-2-4 2-4 4-2 4 2 2 4-2 4zM60 96l-4-2-2-4 2-4 4-2 4 2 2 4-2 4zm-24 0-4-2-2-4 2-4 4-2 4 2 2 4-2 4zm48 0-4-2-2-4 2-4 4-2 4 2 2 4-2 4z'/%3E%3C/svg%3E");
}

.is-style-icon-teams {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' fill-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='2' clip-rule='evenodd' viewBox='0 0 120 120'%3E%3Cpath fill='none' d='M0 0h120v120H0z'/%3E%3CclipPath id='a'%3E%3Cpath d='M0 0h120v120H0z'/%3E%3C/clipPath%3E%3Cg fill='%23903' fill-rule='nonzero' clip-path='url(%23a)'%3E%3Cpath d='m32 75-9 41-3 3-3 1-5-2-1-5 14-72-10 4v14l-1 4-4 1-4-1-2-4V42l1-3 3-2 24-11 5-1 4 1 3 1 3 4 6 9 4 5a26 26 0 0 0 15 8l3 2 2 4a5 5 0 0 1-6 5l-14-5-11-9-3 17 10 9 1 5v33l-1 4-4 2-4-2-2-4V84zm14-53q-5 0-8-3t-3-8 3-8 8-3 8 3 3 8-3 8-8 3'/%3E%3Cpath d='m92 83 2-15a2 2 0 0 1 5-1l2 2h5l4 2 2 2h5q3 0 3 2v3q-1 8-8 8h-8v4zm11 10v24q0 2-3 3h-4l-3-3v-13a18 18 0 0 1-17 0v13q0 2-3 3h-4l-3-3V92q-4-1-6-7l-1-1a3 3 0 1 1 7-2v2l4 2h21zm5-19-1-1-2 1 2 2z'/%3E%3C/g%3E%3C/svg%3E");
}

/* group style box */
.wp-block-group.is-style-Box {
    max-width: 600px;
    padding: 2.5vw;
    border: 4px #eae4e4 solid;
    border-radius: 7px;
}

/* button */
.wp-block-buttons {
    margin: 30px 0;
    justify-content: center;
}

/* contact form */

.wp-block-contact-form-7-contact-form-selector.contact-js {
    z-index: 99999;
    transition: .3s;
    background-color: #fff;
    padding: 20px;
    box-shadow: 0 0 30px black;
    width: 550px;
    max-width: 100vw;
    position: fixed;
    top: 0%;
    bottom: 0%;
    right: -550px;
    background: #fff;
    box-shadow: 0 0 0px rgba(0, 0, 0, 0);
    z-index: 9999;
    overflow: scroll;
    transition: right 0.5s ease;
}

.wp-block-contact-form-7-contact-form-selector.contact-js.ausgeklappt {
    right: 0;
    box-shadow: 0 0 100px rgba(0, 0, 0, 1);
}

.close-form {
    position: absolute;
    top: 10px;
    right: 10px;
    height: 35px;
    width: 35px;
    background: #1c1c1c;
    border: none;
    border-radius: 50%;
    padding: 5px 10px;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%23e3e3e3' viewBox='0 -960 960 960'%3E%3Cpath d='M480-424 284-228q-11 11-28 11t-28-11-11-28 11-28l196-196-196-196q-11-11-11-28t11-28 28-11 28 11l196 196 196-196q11-11 28-11t28 11 11 28-11 28L536-480l196 196q11 11 11 28t-11 28-28 11-28-11z'/%3E%3C/svg%3E");
}

.wp-block-contact-form-7-contact-form-selector input,
.wp-block-contact-form-7-contact-form-selector textarea {
    width: 100%;
}

.contact.wp-block-group {
    background: var(--wp--preset--color--base);
    width: 90%;
    max-width: 600px;
    margin: 0 auto;
    border-radius: var(--border-radius);
    box-shadow: var(--shadow);
    padding: 20px;
    color: var(--wp--preset--color--accent-red-dark);
    overflow: hidden;
}

.contact.wp-block-group input,
.contact.wp-block-group textarea {
    padding: 10px;
    width: 100%;
    box-shadow: var(--shadow);
    border-radius: var(--border-radius);
    border: 2px solid var(--wp--preset--color--accent-red);
    font-size: var(--wp--preset--font-size--medium);
}

.wpcf7-form input,
.wpcf7-form-control,
#wp-email-capture-email-display,
.wp-email-capture-submit {
    font-size: 1rem;
    border-radius: var(--border-radius);
    padding: 10px;
    max-width: 100%;
}

.wp-email-capture-submit,
.wpcf7-submit {
    cursor: pointer;
}

.wpcf7-submit {
    background-color: black;
    color: white;
    width: auto !important;
}

.wp-email-capture-privacy,
.wp-email-capture-privacy a {
    font-size: var(--wp--preset--font-size--small);
    color: #ffffffa6 !important;
}

.wp-email-capture-error {
    color: #832A2A;
    margin: 0;
    position: fixed;
    top: 16%;
    border: 3px solid;
    padding: 20px 6%;
    text-align: center;
    right: 0;
    width: auto;
}

.wpcf7-acceptance {
    font-size: 1rem;
    color: #ffffffa6;
}

/* Name-Feld + Label verstecken */
#wpec_form label[for="wp-email-capture-name-display"],
#wpec_form #wp-email-capture-name-display {
    display: none !important;
}

/* footer */

footer .wp-block-media-text figure img {
    height: 100%;
    object-fit: contain;
}

footer.wp-block-template-part {
    margin-block-start: 222px;
}

.wp-block-media-text__media img {
    filter: grayscale(1);
}

footer .wp-block-navigation .wp-block-navigation-item {
    text-align: center;
}

.atn img {
  background: white;
  border-radius: 50%;
  padding: 5px;
  box-shadow: 2px 2px 10px #0000007d;
}