/*
Theme Name: PASODI
Theme URI:
Author: Xin Long Büro für visuelle Kommunikation Hamburg
Author URI:
Description: 
Version: 1.0
License: All Rights Reserved
License URI: http://xinlong.de
Tags:
Text Domain: pasodi
*/


/* font */
/* This CSS resource incorporates links to font software which is the valuable copyrighted property of Monotype and/or its suppliers. You may not attempt to copy, install, redistribute, convert, modify or reverse engineer this font software. Please contact Monotype with any questions regarding Web Fonts: http://www.fontshop.com */

@font-face {
    font-family: "Mark";
    src: url("../pasodi/fonts/3f39c86f-b524-4bfd-aa8e-1ef61a72fbc7.woff2") format("woff2"), url("../pasodi/fonts/a530fb98-14a7-4633-8777-957f5507998a.woff") format("woff");
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: "Mark";
    src: url("../pasodi/fonts/67260a48-c64a-4c8a-9317-5fd0a3468953.woff2") format("woff2"), url("../pasodi/fonts/ab45fe39-2036-4dba-b878-a74d8140e8e7.woff") format("woff");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: "Mark";
    src: url("../pasodi/fonts/25a82304-84a4-490a-98a7-9f1b471b8947.woff2") format("woff2"), url("../pasodi/fonts/651e315f-7c83-4ea8-bd0f-e9bbc303d7fc.woff") format("woff");
    font-weight: 900;
    font-style: normal;
}



/* reset*/

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
blockquote,
th,
td {
    margin: 0;
    padding: 0;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

fieldset,
img {
    border: 0;
}

address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
    font-style: normal;
    font-weight: normal;
}

ol,
ul {
    list-style: none;
}

caption,
th {
    text-align: left;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    font-weight: normal;
}

q:before,
q:after {
    content: '';
}

abbr,
acronym {
    border: 0;
}

select {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border: none;
    width: 100%;

}

select::-ms-expand {
    display: none;
}


/* html */

html {
    margin: 0px;
    padding: 0px;
    font-size: 62.5%;
    width: 100vw;
    height: 100vh;
    margin: 0px;
    padding: 0px;
    width: 100%;
    -webkit-text-size-adjust: 100%;
    scroll-behavior: smooth;
}

body {
    background-color: #FAFAFA;
    color: #000;
    font-family: 'Mark', sans-serif;
    font-weight: 400;
    font-size: 1.8rem;
    line-height: 2.6rem;
    margin: 0;
    padding: 0px;
    box-sizing: border-box;
    height: 100%;
    min-width: 320px;
    letter-spacing: 0.02em;
    -ms-hyphens: manual;
    /* Edge, Internetexplorer */
    -webkit-hyphens: manual;
    /* Safari */
    hyphens: manual;
    width: 100%;
    display: grid;
    grid-template-columns: 1fr;
}


p {
    margin-top: 0rem;
    margin-bottom: 2rem;
}




.social_icons {
    fill: #939393;
}




.st0 {
    fill: #00858E;
}

.st1 {
    fill: none;
    stroke: #00858E;
    stroke-width: 4;
    stroke-linecap: round;
    stroke-miterlimit: 10;
}

.st2 {
    fill: none;
    stroke: #00858E;
    stroke-width: 5;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-miterlimit: 10;
}

.icon {
    fill: #00858e
}

/*LINKS*/

a {
    color: #000;
    text-decoration: none;
}

a:hover,
a:active {
    color: #00858e;
    text-decoration: none;
}




button {
    cursor: pointer;
}

a svg:hover path {
    fill: #00858E;
}

.pasodi-form a::after,
.entry-content a::after {
    width: 1em;
    height: 1em;
    content: " ";
    display: inline-block;
    margin-top: 0.3em;
    margin-left: 0.3em;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' preserveAspectRatio='none' viewBox='0 0 100 100'><path id='svg_link_icon' fill='rgb(0, 133, 142)' d='m50.48,1.03c-27.07,0 -49.02,21.95 -49.02,49.02c0,27.07 21.95,49.02 49.02,49.02s49.02,-21.95 49.02,-49.02c0,-27.07 -21.95,-49.02 -49.02,-49.02zm2.05,86.89l-7.26,-7.25999l25.73,-25.6l-60.43,0l0,-10.02l60.43,0l-25.73,-25.73l7.26,-7.12l37.87,37.87l-37.87,37.86z' /></svg>");
}

/*HEADER*/

#masthead {
    height: 8rem;
    margin-bottom: 4rem;
    display: grid;
    grid-template-columns: 33% 66%;
    align-items: center;
    line-height: 3rem;
    position: relative;
    z-index: 1;
}

#masthead a {
    color: black;
    text-decoration: none;
}

#masthead a:hover {
    color: #00858e;
}

#masthead a:active {
    color: #00858e;
}

.site-branding {
    height: auto;
}

.site-branding img {
    height: 5rem;
    max-height: 6rem;
margin:1rem 3rem 0rem 2rem;
}


.navigation-top {
    justify-self: end;
    height: 5rem;
    display: flex;
    align-items: center;
    padding: 1rem;
    box-sizing: border-box;
}



#top-menu {
    display: grid;
    grid-auto-flow: column;
    grid-column-gap: 3.5rem;
}



.mobile-button {
    display: none;
}

/*HEADLINES*/

h1 {
    font-weight: 900;
    font-size: 5.6rem;
    line-height: 5.9rem;
    font-style: black;
    color: #969696;
    text-transform: uppercase;
    margin-bottom: 3rem;
    background: linear-gradient(to right, #ffe500, #ed7626 72%, #cc032f);
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    display: inline-block;
    overflow-wrap: normal !important;
}

h1 a {
    font-size: 9rem;
    font-style: black;
    color: #969696;
    text-transform: uppercase;
    line-height: 9rem;
    background: linear-gradient(to right, #ffe500, #ed7626 72%, #cc032f);
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    display: inline-block;
}

h1 a:hover {
    font-size: 9rem;
    font-style: black;
    color: #969696;
    text-transform: uppercase;
    line-height: 9rem;
    background: linear-gradient(to right, #ffe500, #ed7626 72%, #cc032f);
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    display: inline-block;
}

h1 a:active {
    font-size: 9rem;
    font-style: black;
    color: black;
    text-transform: uppercase;
    line-height: 9rem;
    background: linear-gradient(to right, #ffe500, #ed7626 72%, #cc032f);
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    display: inline-block;
}

h1 a:visited {
    font-size: 9rem;
    font-style: black;
    color: #969696;
    text-transform: uppercase;
    line-height: 9rem;
    background: linear-gradient(to right, #ffe500, #ed7626 72%, #cc032f);
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    display: inline-block;
}

h2 {
    font-weight: 900;
    font-size: 2.4rem;
    line-height: 2.7rem;
    font-style: black;
    color: #969696;
    text-transform: uppercase;
    margin-bottom: 1rem;
    -ms-hyphens: manual;
    /* Edge, Internetexplorer */
    -webkit-hyphens: manual;
    /* Safari */
    hyphens: manual;
}

.entry-content h2 {
    margin-bottom: 1.1em;
    margin-top: 1.4em;
}


.stellenanzeige-template h2,
.post-template-page_haus h2 {
    text-align: center;
}

h2 a {
    color: #969696;
    text-decoration: none;
}

h2 a:hover {
    color: #00858e;
    text-decoration: none;
}

h2 a:active {
    color: #00858e;
    text-decoration: none;
}

h2 + p {
    margin-top: 0rem;
}

h3 {
    font-family: 'Mark', sans-serif;
    font-weight: 700;
    -ms-hyphens: manual;
    /* Edge, Internetexplorer */
    -webkit-hyphens: manual;
    /* Safari */
    hyphens: manual;
    margin-bottom: 1em;
    font-size: 2rem;
    line-height: 2.2rem;
}

/*CONTENT*/
strong {
    font-weight: 700;
}

.site {
    margin: 3vw 0;
    justify-self: center;
    padding-right: 0px;
    max-width: 1560px;
}

.site-content-contain {
    width: 100%;
}

.site-content {
    margin: 0;
    /*max-width: 1320px;*/
}

.site-content ul {
    list-style-position: outside;
    list-style-type: circle;
    padding: 0 2em 0 2em;
}



/*.entry-title {
    margin-bottom: 4rem;
}*/



.pasodi-column-title .entry-title {
    margin-bottom: 1rem;
}

.post-thumbnail {
    max-width: 100%;
    height: 30vw;
    max-height: 476px;
    overflow: hidden;
    margin-bottom: 5rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.post-thumbnail img {
    width: 100%;
    height: auto;
}

.entry-content {
    max-width: 926px;
    margin: 0.5rem auto 5.5rem auto
}



.entry-content p {
    position: relative;
}


.wp-block-image img {
    height: auto;
}



/*.type-page h2 {
    margin-bottom: 5rem;
}*/

li {
    /*margin-bottom: 2rem;*/
}

/*li:last-of-type {
    margin-bottom: 4rem;
}*/

/*CONTENT KATEGORIE*/

.kategorie-main {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 15rem;
}

.kategorie-main header {
    grid-column: 1 / 3;
}



.cat_list {
    display: grid;
    grid-template-columns: repeat(3, 33.3%);
    grid-column-gap: 4rem;
    width: 100% !important;
    margin-bottom: 13.5rem;
    margin-top: 5.5rem;
    max-width: 926px;
    margin-left: auto;
    margin-right: auto;
}


.cat_name h2 {
    margin-bottom: 2rem;
}

.cat_item {
    margin-bottom: 10rem;
}

.list_no_img {
    display: block !important;
}

.list_no_img h2 {
    margin-bottom: 1em;
    margin-top: 2em;
}

.post_thumbnail_as_cat_thumbnail {
    position: relative;
    width: 100%;
    padding-top: 75%;
    margin-bottom: 1rem;
    overflow: hidden;
}

.post_thumbnail_as_cat_thumbnail img {
    height: 100%;
    position: absolute;
    top: 0;
    width: auto;
    max-width: none;
    left: 50%;
    transform: translateX(-50%);
}



.cat_item a {
    color: #969696;
    text-decoration: none;
}

.cat_item a:hover h2 {
    color: #00858e !important;
    text-decoration: none !important;
}

.cat_item a:hover img {
    filter: brightness(105%);
}

.cat_item a:active h2 {
    color: #00858e !important;
    text-decoration: none !important;
}

.cat_item a:active img {
    filter: brightness(105%);
}

.type-page .post-thumbnail {
    margin-bottom: 2rem;
}

/*CONTENT START*/

.titelstory {
    max-width: 100%;
    overflow: hidden;
    width: clamp(100vw, 100vw, 1800px);
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: -1;
    height: clamp(300px, 70vh, 830px);
}

.titelstory-img {
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: 50% 22%;
    background-size: cover;
    width: 100%;
    max-width: 2400px;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    margin-left: auto;
    margin-right: auto;
    z-index: -1;
}

.titelstory-bg {
background: rgba(0, 0, 0, 0.2);
	/* background: linear-gradient(90deg, rgba(240, 240, 240, 1) 31%, rgba(240, 240, 240, 0) 58%, rgba(240, 240, 240, 1) 87%);*/
    height: 100%;
}

.titelstory-grid {
    display: grid;
    grid-template-columns: 58% 40%;
    column-gap: 2%;
    max-width: 1560px;
    margin-left: auto;
    margin-right: auto;
    height: clamp(300px, 48vh, 590px);
    padding: 4rem 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.titelstory-link {
    align-self: end;
   /* mix-blend-mode: darken;*/
}

.titelstory-link h1 {
    margin-bottom:0.2em;
}

.titelstory_new {
    background-color: #fff;
    width: 100%;
    grid-column-start: 2;
    align-self: end;
    padding: 1.5rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.titelstory_new p {
    margin: 0;
}

.titelstory_link_new_thumb {
    height: 13rem;
    -webkit-aspect-ratio: 1/1;
    aspect-ratio: 1/1;
    background-position-x: 55%;
    grid-column-start: 1;
    background-size: cover;
    background-repeat: no-repeat;
}

.titelstory_link_new_title {
    grid-column-start: 2;
    min-width: 170px;
}


.titelstory_new a {
    display: grid;
    column-gap: 1.4rem;
    text-decoration: none;
    grid-template-columns: min-content auto;
}

.titelstory-grid h1 {
    font-size: 8rem;
    line-height: 8.4rem;
}

.arbeiten-bei-pasodi {
    text-align: right;
    text-transform: uppercase;
    font-weight: 600;
}

.arbeiten-bei-pasodi a {
    display: inline-block;
    background: linear-gradient(to right, #ed7626 22%, #cc032f);
    padding: 1px 4px;
    color:white;
}

.post-template-post_titelstory .entry-title {
    margin-top: 4rem;
}

.aligncenter {
    text-align: center;
}

article {
    background-color: #fff;
    padding: 6rem 12rem;
}

.entry-excpert {
    max-width: 96rem;
}

a:hover .entry-excpert {
    text-decoration: none !important;
}

a:active .entry-excpert {
    text-decoration: none !important;
}




.wp-block-image figure {
    width: 100%;
}

.wp-block-image figcaption {
    font-size: 1.4rem;
}

/*CONTENT TITELSTORY*/

.category-titelstory .entry-header {
    height: 44rem;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
}

.category-titelstory .entry-header .entry-title {
    max-width: 50%;
    margin-top: 15rem;
    padding: 2rem;
}

/*.post-template-post_titelstory .entry-title {
    max-width: 100% !important;
    margin-top: 20rem !important;
}*/

/*CONTENT KONTAKT*/

.checkbox label {
    display: grid;
    grid-template-columns: 1fr auto;
}

/*CONTENT STANDORTE*/

.angebots {
    margin-bottom: 10rem;
    margin-top: 10rem;
}

.angebots_tags {
    margin-top: 6rem;
}

.angebots_tags ul {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-row-gap: 3rem;
    text-align: left;
    font-size: 2rem;
    line-height: 2.2rem;
    color: #707070;
    justify-items: start;
    padding: 0px;
}

.angebots_tags li {
    justify-self: start;
    text-align: center;
    list-style-type: none;
    width: 100%;
}

.angebots_tags svg {
    margin-bottom: 1rem;
    max-width: 9rem;
}

.ansprechpartners,
.angebots_tags ul {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(12rem, 26rem));
    grid-row-gap: 3rem;
    grid-column-gap: 6rem;
    margin-top: 3.6rem;
    justify-content: center;
}

.ansprechpartner {
    justify-self: auto;
    text-align: center;
    margin-bottom: 5rem;
}


.personal_thumbnail {
    margin-bottom: 2rem;
    width: 100%;
    height: 28rem;
    background-color: #eaeaea;
    margin-left: auto;
    margin-right: auto;
}

.personal_thumbnail_customized img {
    max-width: 260px !important;
    filter: brightness(97%);
    background-color: #FAFAFA;
}

.personal_thumbnail img {
    width: 100%;
    height: 100%;
    max-width: 260px;
    filter: brightness(97%);
    background-color: #FAFAFA;
    object-fit: cover;
}


.personal_img {
    filter: brightness(97%);
    background-color: #FAFAFA;
    width: 260px;
    height: auto;


}

.personal_title {
    font-weight: bold;
}

.personal_content p {
    margin-top: 0px;
    font-size: 0.8em;
    line-height: 1.3em;
}

.buttons {
    text-align: center;
}

.button_anfrage,
.button_preisliste {
    width: 100%;
    text-align: center;
    margin: 2rem;
    display: inline;
}

.button_anfrage button,
.button_preisliste button {
    border: none;
    background-color: #00858e;
    font-size: 2.6rem;
    font-style: Book;
    color: #fff;
    padding: 1.3rem;
    width: 30%;
    max-width: 300px;
    font-family: 'Mark', sans-serif;
}

button:hover {
    background-color: #7cc9cf;
    color: #000;
}

.button_preisliste button {
    background-color: #969696;
}

/*FOOTER*/

#footcontainer {
    padding-left: 3rem;
    padding-right: 3rem;
}

.footer-widgets img {
    height: 3.1rem;
}

.footer-widgets {
    font-size: 0.7em;
    line-height: 1.5em;
    color: #939393;
    font-style: Book;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(30%, 1fr));
    grid-column-gap: 6rem;
    margin-top: 5rem;
    margin-bottom: 5rem;
}

.footer-widget-column:first-child {
    grid-column: 1/4;
}

#block-9 img {
    width: 40.8rem;
    height: 8.1rem;
}

.social-icons div {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

.footer-widgets a {
    color: #939393;
    font-style: Book;
    text-decoration: none;
}

.footer-widgets a:hover {
    color: #707070;
    font-style: Book;
    text-decoration: none;
}

.footer-widgets a:active {
    color: #707070;
    font-style: Book;
    text-decoration: none;
}

.logo-paritaet-bw {
    width: 24rem;
}

.accordion,
.accordion-button {
    background-color: #ECF9F7;
    padding-left: 2rem;
    text-align: left;
    cursor: pointer;
    width: 100%;
    border: none;
    outline: none;
    transition: 0.4s;
}

.accordion-content .accordion-button {
    border-top: solid 1px #d5f2ee;
    background-color: #fff;
}

.accordion-content h3 {
    margin-top: 1em;
}

.accordion-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}

.accordion-content.active {
    max-height: 100vh;
    background-color: #fff;
}

.accordion::after {}

.active,
.accordion:hover {
    background-color: #d5f2ee;
    color: black !important;
}

.accordion h2 {
    margin-top: 1.2em !important;
}

.panel,
.accordion-content {
    padding-left: 2rem;
    padding-top: 1rem;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;

}

/*RESPONSIVE*/

@media (min-width:1551px) {
    .titelstory-bg {
        justify-items: center;
    }


}



@media (max-width:1550px) {}

@media (max-width:1640px) {

    h1 {
        font-size: 5rem;
        line-height: 5.3rem;
    }


    .titelstory-grid h1 {
        font-size: 6rem;
        line-height: 6.4rem;
    }


    #masthead {
        margin-left: 10rem;
        margin-right: 10rem;
    }

    .site-branding img {
        max-height: 4rem;
    }



    /* .titelstory {
        height: 55rem;
    }*/





    .site-content {
        padding-left: 10rem;
        padding-right: 10rem;
    }

    .cat_list {
        grid-template-columns: repeat(2, 1fr);
    }



}




@media (min-width:1025px) {



    .pasodi-form {
        width: 100%;
        max-width: 1200px;
    }


    .home .site-header {
        background-color: rgba(255, 255, 255, 82%);
    }

    .navigation-top li {
        font-size: 1.6rem;
    }

    .footer-widgets {
        margin-left: 10rem;
    }
}

@media (max-width:1025px) {

    .site {
        margin: 6vw 0;
    }


    #masthead {
        height: 12rem;
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(50%, 100%));
        grid-template-rows: 8rem 8rem;
        grid-row-gap: 5rem;
    }


    #top-menu {
        display: grid;
        grid-template-columns: auto-fit, minmax(1rem, 6rem);
    }

    .post-thumbnail {
        height: 39rem;
    }

    .navigation-top {
        justify-self: center;
        background: none;

    }


    .site-branding img {
        margin-left: auto;
        margin-right: auto;
        display: block;
        max-height: 4rem;
    }


    .list_no_img h2 {
        margin-bottom: 0.5em;
    }

    .site-content {
        padding-left: 0;
        padding-right: 0;
    }

    .titelstory-link {
        margin-left: 0;
        margin-right: 0;
    }


    #masthead {
        padding-right: 0;
        grid-template-rows: 4rem 4rem;
    }

    .home .entry-header {
        height: clamp(350px, 48vw, 500px);
    }


    .entry-header {
        position: relative;
    }

    .titelstory-grid {
        grid-template-columns: 52% 46%;
        height: 100%;
        padding: 4rem 3rem;
    }

    .titelstory {
        height: 100%;
    }

    .titelstory-grid h1 {
        font-size: 5.8rem;
        line-height: 6.1rem;
    }

    .titelstory-link {
        margin-bottom: 2rem;
    }

    .titelstory-img {
        background-position: 32%;
    }

    .titelstory_link_new_thumb {
        height: 10rem;
    }

    article {
        padding: 3rem 3rem;
    }

    .angebots_tags ul {
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }

}



/*@media (orientation: portrait) {
    .titelstory-grid {
        height: clamp(300px, 48vh, 500px);
    }
}*/

@media (orientation: landscape) {
    .titelstory-grid {
        grid-template-columns: 45% 35%;
        column-gap: 20%;
    }
}

@media (orientation: portrait) {
    /*.titelstory-bg {
        background: linear-gradient(90deg, rgba(250, 250, 250, 0.90) 33%, rgba(250, 250, 250, 0) 68%);
    }*/

    .flex-content-mobile-right {
        order: 2;
    }

    .img-mobile-smaller {
        width: 70%;
        height: auto;
        margin-left: auto !important;
        margin-right: auto !important;
    }
}




@media (orientation: portrait) and (max-width:500px) {
    .titelstory-grid {
        height: 100%;
    }

    .titelstory-grid h1 {
        font-size: 3.9rem;
        line-height: 4.1rem;
    }
	
	.page-template-page_liste_stellenanzeigen .post-thumbnail {
    background-position: 35% 50%;
}

}

@media (orientation: portrait) and (max-width:380px) {
    .home .entry-header {
        height: clamp(350px, 78vh, 600px);
    }
    .titelstory-grid h1 {
        font-size: 3.2rem;
        line-height: 3.5rem;
    }

}

@media (orientation: portrait) and (max-width:1025px) {
    .home .entry-header {
        height: clamp(350px, 68vh, 600px);
    }

}

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

    html {
        font-size: 60%;
    }

    h1 {
        font-size: 2.8rem;
        line-height: 3rem;
    }

    h2 {
        font-size: 2.1rem;
        line-height: 2.3rem;
    }

    #masthead {
        margin-left: 3rem;
        grid-row-gap: 3rem;
        grid-template-columns: 83% 15%;
        margin-right: 0px;
        padding-right: 0px;
        height: 8rem;
        margin-bottom: 0;
    }


    .site-branding img {
        max-height: 3.2rem;
        margin-right: 0;
        margin-left: 0;
    }



    .post-thumbnail {
        height: 30rem;
    }

    .mobile-button {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 35px;
        height: 35px;
        position: relative;
    }


    .cat_list,
    .pasodi-columns {
        display: block !important;
    }

    .cat_item {
        max-width: 80%;
        margin-left: auto;
        margin-right: auto;
    }

    .burger {
        width: 30px;
        height: 6px;
        background-color: #969696;
        transition: all .4s ease-in-out;
        visibility: hidden;
    }


    .burger::before,
    .burger::after {
        width: 30px;
        height: 6px;
        background-color: #969696;
        content: '';
        position: absolute;
        transition: all .4s ease-in-out;
        visibility: visible;

    }

    .burger::before {
        transform: translateY(-6px);
        -webkit-transform: translateY(-6px);
    }

    .burger::after {
        transform: translateY(6px);
        -webkit-transform: translateY(6px);
    }


    .open .burger::before {
        transform: rotate(45deg);
    }

    .open .burger::after {
        transform: rotate(-45deg);
    }

    .mobile-button:first-child {
        margin-top: 0% !important;
    }

    .navigation-top {
        justify-self: end;
        margin-left: 2rem;
        width: 100%;
    }

    .navigation-top li {
        margin-bottom: 2rem;
    }

    #pasodi-menu {
        display: none;
        position: absolute;
        font-size: 2.2rem;
        right: 0px;
        width: 100vw;
        background-color: rgba(250, 250, 250, 0.95);
        padding-top: 10rem;
        padding-bottom: 10rem;
        text-align: center;
    }

    #top-menu {
        display: block;
    }


    .site {
        margin-left: 0rem;
        margin-top: 4rem;
    }

    .site-content {
        padding-left: 0;
        padding-right: 0;
        margin-top: 0rem;
    }



    .category-titelstory .entry-header {
        background-position: 80%;
        min-height: 30rem;
        height: 40vh;
    }


    /*  .titelstory {
        top: 12rem;
        height: 50rem;
    }*/

    .titelstory-grid {
        /* margin-left: 3rem;
        margin-right: 3rem;

        grid-template-columns: 80% 20%;*/
        grid-template-columns: 1fr;
    }

    .titelstory_new {
        grid-column: span 2;
        padding: 1rem;
    }

    .titelstory-img {
        background-position: 50%;
        height:63rem;
    }

   /* .titelstory-bg {
        background: linear-gradient(180deg, rgba(255, 255, 255, 1) 17%, rgba(255, 255, 255, 0) 62%);
    }*/

    .titelstory-link {
        align-self: auto;
    }



    .titelstory a {
        max-width: 100%;
    }



    .pasodi-column-full img {
        -webkit-aspect-ratio: 1.33 / 1;
        aspect-ratio: 1.33 / 1;
    }


    .personal_thumbnail img {
        width: 110%;
        height: 110%;
    }


    .angebots_tags ul {
        grid-template-columns: 1fr 1fr;
    }

    .angebots_tags svg {
        object-fit: cover;
        aspect-ratio: 1 / 1;
        -webkit-aspect-ratio: 1 / 1;
    }



    .footer-widgets {
        grid-template-columns: 100%;
        grid-row-gap: 1rem;
        font-size: 1.2rem;
        display: block;
    }

    .home .site-content {
        padding-top: 0;
    }


    .entry-content {
        margin-bottom: 3rem;
    }

    .ansprechpartners {
        grid-template-columns: 1fr;
        margin-bottom: 5rem;
    }

    .ansprechpartner {
        justify-self: auto;
        text-align: left;
        margin-bottom: 0;
    }


    .personal_thumbnail {
        margin-bottom: 2.8rem;
        margin-right: 1rem;
        width: 8rem;
        height: 9rem;
        overflow: hidden;
        /*display: flex;
  		justify-content: center;
		align-items: center;*/
        object-fit: cover;
        float: left;
    }



    .angebots_tags li {
        font-size: 0.8em;
        line-height: 1.3em;

    }

    .button_anfrage,
    .button_preisliste {
        display: block;
        width: auto;
    }



    .button_anfrage button,
    .button_preisliste button {
        width: 90%;
    }

}






@media only screen and (max-width:320px) {
    html {
        font-size: 38%;
    }

    .site-branding img {
        max-width: 220px;
    }

    .titelstory_link_new_title {
        min-width: 100%;
    }
}


/*additional*/

.centred {
    text-align: center;
}


.social-links .wp-block-group__inner-container {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

.social-links svg {
    width: 2em;
}

.pasodi-columns {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 8rem;
    width: 100% !important;
}

.pasodi-column-full {
    grid-column: 1/-1;
}

.pasodi-column {
    margin-bottom: 3.5em;
}

.pasodi-column-img {
    margin-bottom: 2rem;
}

.pasodi-column-img img {
    width: 100%;
    object-fit: cover;
    -webkit-aspect-ratio: 1.33 / 1;
    aspect-ratio: 1.33 / 1;
    height: auto;
}

.pasodi-column-full img {
    -webkit-aspect-ratio: 3 / 1;
    aspect-ratio: 3 / 1;
}

.home .site-content {
    padding-top: 0.2rem;

}

.home_thumb_full {
    width: 100%;
    height: 430px;
    overflow: hidden;
    position: relative;
}

.home_thumb_full img {
    width: 100%;
    height: auto;
    position: absolute;
    top: -100%;
    bottom: -100%;
    left: 0;
    right: 0;
    margin: auto;
}



input,
textarea,
select {
    width: 100%;
    font-size: 2rem;
    font-family: 'Mark', sans-serif;
    border: solid black 1px;
    border-radius: 0;
}

.checkbox {
    margin-bottom: 2rem;
}

.pasodi-form {
    margin: 4rem auto 4rem auto;
    padding: 2rem;
    background-color: #ECF9F7;
}

.pasodi-form p {
    margin-bottom: 3rem;
}

input {
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #000;
    border-radius: 0px;
    background: none;
}

.checkbox input {
    margin-bottom: 0 !important;
    margin-right: 1em;
    margin-top: 0.2em;
}

.checkbox .wpcf7-list-item {
    margin: 0;
}

[type="checkbox"] + label {
    position: absolute;
}

.submit-field {
    text-align: center;
}

.wpcf7-submit {
    border: none;
}

.wpcf7-file {
    border: none;
    font-size: 1.3rem;
}

.checkbox .wpcf7-list-item label input {
    opacity: 0;
    color: black !important;
    opacity: 1;
    height: 3rem;
    width: 3rem;
    -webkit-appearance: none;
    border-radius: 0px;
    border: 2px solid black;
}


.wpcf7-list-item label input[type=checkbox]:checked {

    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' preserveAspectRatio='none' viewBox='0 0 100 100'><path d='M1 0 L0 1 L99 100 L100 99' stroke='black' stroke-width='10' /><path d='M0 99 L99 0 L100 1 L1 100' stroke='black' stroke-width='10' /></svg>");
    background-size: contain;
}

.wpcf7-textarea {
    margin-top: 1rem;
}

.wpcf7-submit {
    width: 30%;
    max-width: 400px;
    height: 2.2em;
    cursor: pointer;
    font-size: 1em;
    background-color: #00858e;
    color: #fff;
}

.wpcf7-submit:hover {
    background-color: #11a6a3;
    color: #fff;
}

.wpcf7-spinner {
    margin-left: auto !important;
    margin-right: auto !important;
    display: block !important;
}

#anfrage_formular {
    display: none;
}

.form_open {
    display: block !important;
}



/*Ausblendung Angebot für die Hauptverwaltungsseite*/

.postid-4098 .angebots {
    display: none;
}