/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       WebWork Beate Bodendorf
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/

html {box-sizing: border-box;}
*, ::before, ::after {box-sizing: inherit;}

.page-id-8611, .page-id-8611 .site-header {background: lightgreen;}
.page-id-8611 .inside-header {background: #fff;}

/*Anfang NEU*/

/*Allgemeines Layout*/

body, form, div.gb-accordion, button.gb-button {font-family: 'Noto Serif',serif !important;}
h1, h2, h3, h4, h5, #primary-menu a, a.button_all, .sub_header, .gb-accordion__toggle, .schema-faq-question {font-family: 'Ubuntu',sans-serif !important;}

.container.grid-container {width: 100%;} /*Full Width*/

.uppercase, h1, h2, h3, h4, h5, p.h5, h6, .filter-wrap, a.button_all, .sub_header, .gb-accordion__toggle, .schema-faq-question {text-transform: uppercase !important;}
.center {text-align: center;}

.smaller {font-size: 85% !important;}
.bigger {font-size: 120% !important;} 

#menu-hauptnav ul ul {width: auto !important;}
#menu-hauptnav ul ul a {text-transform: none !important;}

ul.sub-menu li:first-child a {padding-top: 10px !important;}
ul.sub-menu li:last-child a {padding-bottom: 10px !important;}

h1, h2, h3, .main-navigation a, .filter-wrap, .sub_header {
    font-weight: 700;
    letter-spacing: 0.1rem;}

.blog h2.entry-title {padding-top: 0;}
h4, h5 {font-weight: 600;}
h6 {font-weight: 400;}
h4 {letter-spacing: 0.1rem;}
h3 {margin-top: 20px;}

h2.gb-headline a {
    line-height: 1;
    font-weight: 600;
    letter-spacing: normal;
    display: block;}

body p {line-height: 1.5;}

/*div.gb-grid-wrapper-b3fc4dba {background: #BA1835;}*/

#primary ul, #primary ol {margin-left: 20px;}
p, #content ul, #content ol {margin-bottom: 0.8em;}
#content ul li, #content ol li {margin-bottom: 0.5em;}
#primary ul.wp-block-post-template {margin-left: 0;}
#primary ul.blocks-gallery-grid {margin-left: 0;}

.sub-menu li:first-child a {padding-top: 20px !important;}
.sub-menu li:last-child a {padding-bottom: 20px !important;}

.gp-icon {font-size: 1.3rem;}

.gb-container-a00ae50c a, .filter-wrap a, a.button_all {text-decoration: none;}

.wp-block-table table, .wp-block-table table td, .wp-block-table table tr {border: 0;}
.wp-block-table table td {padding: 0 0 0.3em 0;}

.error404 .entry-content, .search-results #content, .search-no-results .inside-article {
    margin-left: auto;
    margin-right: auto;
    padding-left: 60px;
    padding-right: 60px;
    padding-bottom: 60px;
    padding-top: 20px;}

.error404 h1, .search-results #page {padding-top: 40px;}

/*Link auf Container*/

.stretch-link {
	position: relative;
}

.stretch-link a::after{
	content: '';
	position: absolute;
	inset: 0;
}

.stretch-link a:is(:focus-visible)::after{
	outline: 2px solid;
}

.stretch-link a:is(:hover, :focus){
	outline: none;
}

/*Sticky Button*/

.wrap-sticky {
    width: 100%;
    position: fixed;
    z-index: 9999;
    top: 160px;
    right: 40px;}

.wrap-sticky-inner {max-width:1440px;}

.button_sticky {z-index: 9999;}

/*Sticky Footer*/

#page {flex: 1 1 auto;}

body {
    display: flex;
    flex-direction: column;
    min-height: 100vh;}

.footer-widgets .widget {margin-bottom: 5px;}

.site-footer a {text-decoration: none;}

/*Headerbild*/

.header img, .featured-image img {
    border-radius: 20px;
}

.header .gbp-section__inner {
    padding-left: 20px;
    padding-right: 20px;}

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

    .header-overlay {
        padding-top: 40px;
    }
}

@media screen and (min-width:768px) {

.header figure {position: relative;}

.header-overlay {
    position: absolute;
    max-width: 550px;
    padding: 20px;
    border-radius: 20px;
    left: 60px;
    bottom: 60px;
    background: rgb(255 255 255 / 70%);} 

}

@media screen and (min-width:1000px) {

.header-overlay {
    max-width: 800px;
    left: 140px;
    bottom: 140px;}

}

@media screen and (min-width:1400px) {

.header-overlay {
    max-width: 950px;
    left: 140px;
    bottom: 140px;}

}

/*Prozess Grafik*/

@media screen and (min-width:1201px) {

.prozess-1 {margin-top: 100px;}
.prozess-2 {margin-top: 50px;}

}

/*Blog Single*/

.featured-image {
    padding-left: 20px;
    padding-right: 20px;}

.entry-header {
    padding-left: 60px;
    padding-right: 60px;}

.search-results .entry-header {
    padding-left: 0;
    padding-right: 0;}

/*Kategorienseiten*/

.archive .entry-header {
    padding-left: 0;
    padding-right: 0;}

.archive #content {
    max-width: 1360px;
    padding-top: 40px;
    padding-right: 20px;
    padding-left: 20px;
    padding-bottom: 80px;}

.archive .inside-article {
    background-color: var(--accent);
    color: var(--base-3);
    border-radius: 20px;
    padding: 30px;}

.archive .entry-title a {color: #fff;}

/*Versatz Bilder*/

.gb-loop-item img, .box-versatz .versatz img , .gb-loop-item .versatz img, .stoerer .versatz img, .abfrage-stat img, .archive .post-image img {border-radius: 8px;}

@media screen and (min-width:768px) {

.archive article {padding-left: 80px;}

.gb-loop-item, .stoerer, .archive article {
  overflow: visible;
}

.gb-loop-item .versatz, .stoerer .versatz, .abfrage-stat .versatz, .box-versatz .versatz, .archive .post-image {
  position: relative;
  overflow: visible;
}

.gb-loop-item .versatz img, .stoerer .versatz img, .box-versatz .versatz img, .archive .post-image img {
  display: block;
  max-width: none;
  height: auto;
}

.gb-loop-item .versatz img, .abfrage-stat .versatz img, .box-versatz .versatz img, .archive .post-image img  {
    width: calc(100% + 60px);
    margin-left: -60px;
}

.stoerer .versatz img, .box-versatz .versatz img {
    position: absolute;
    width: calc(100% + 80px);
    margin-left: -80px;}

}

@media screen and (min-width:768px) and (max-width:1200px) {

    .abfrage > div, .abfrage-stat > div, div.grid-medium-2 {grid-template-columns: repeat(2, minmax(0, 1fr));}

    .stoerer {padding: 40px 25px !important;}

    .stoerer .versatz img {
        width: calc(100% + 60px);
        margin-left: -60px;}

    .stoerer-grid {grid-template-columns: 6fr 7fr !important;}

    .stoerer-grid > :nth-child(1) {
    grid-column: 1;
    grid-row: 1 / span 2;}

    .stoerer-grid > :nth-child(2) {
    grid-column: 2;
    grid-row: 1;}

    .stoerer-grid> :nth-child(3) {
    grid-column: 2;
    grid-row: 2;}
}

@media screen and (min-width:1201px) {

    .stoerer .col-2 {min-height: 260px;}

}

.gb-loop-item h2 {
    hyphens: auto;
    margin-bottom: 30px;}

.gb-loop-item h2 a:link, .gb-loop-item h2 a:visited, .abfrage-stat h2 a:link, .abfrage-stat h2 a:visited {
    color: #fff !important;
    text-decoration: none;}

.gb-loop-item h2 a:hover, .gb-loop-item h2 a:active {text-decoration: underline;}

/*Accordion*/

.gb-accordion__content a:link, .gb-accordion__content a:visited {color: #fff;}
.gb-accordion__content a:hover, .gb-accordion__content a:active {color: #cc4133;}

.schema-faq-section {
    background-color: #4f7593;
    padding: 1em;
    margin-bottom: 1em;
    color: #fff;
    border: 1px solid #4f7593;
    border-radius: 8px;}

.schema-faq-answer {margin-top: 1em;}

/*.gb-accordion__item {border-top: 1px solid #5e5e5d;}

button.gb-button.gb-block-is-current {color: #ba1835 !important;}
button.gb-accordion__toggle {font-weight: 700;color: #5e5e5d !important;}*/

/*Rene*/
.ccm-details--list--purposes {padding-top: 5px !important; padding-left: 5px !important}

@media screen and (max-width:768px) {
 
    .inside-header, .footer-widgets-container {
        padding-right: 20px;
        padding-left: 20px;}
    
	.gb-grid-wrapper .gb-grid-column {margin-bottom: 1em;} /*bei Generate Blocks*/
	.gb-grid-wrapper .gb-grid-column:last-child {margin-bottom: 0;}    
    
    figure.wp-block-image {
        margin-left: auto;
        margin-right: auto;
        /*max-width: 450px;*/}
}

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

    .nopaddingmobile {
        padding-left: 0 !important;
        padding-right: 0 !important;}

    .gbp-section__inner, .entry-header, .entry-meta, .error404 .entry-content, .search-results #content, .search-no-results .inside-article {
        padding-right: 20px !important;
        padding-left: 20px !important;}

    .textleftmobile {text-align: left !important;}

    .abfrage > div:first-child {display: block;}

    .gb-loop-item {margin-bottom: 30px;}

    .stoerer {padding: 30px !important;}

    .only-desktop, div.only-desktop {display: none;}
    div.bg-only-desktop {background-image:none}
    .hyphens {hyphens: auto !important;}

    .wrap-sticky {right: 20px;}

    .mobile-reverse > div:first-child {order: 2;}
    .mobile-reverse > div:last-child {order: 1;}

    .mobile-left, .mobile-left div , .mobile-left p {text-align: left;align-items: flex-start !important;}
}

@media screen and (min-width:768px) {

    .only-mobile, div.only-mobile {display: none;}

    .min-height-l-240 {min-height: 240px;}

}

@media (max-width: 1160px) {
    div.navigation-branding {margin-left: 20px;}
}


/*ab 1025px*/

@media screen and (min-width: 1025px) {
    
    .inside-footer-widgets .footer-widget-1 {flex: 0 1 30%;}
    .inside-footer-widgets .footer-widget-2 {flex: 0 1 27%;}
    .inside-footer-widgets .footer-widget-3 {flex: 0 1 33%;}
    .inside-footer-widgets .footer-widget-4 {flex: 0 1 10%;}
    
    .flex-form {
        display: flex;
        flex-wrap: nowrap;
        justify-content: space-between;}
    
    .flex-form div {
        flex: 0 1 48%;}
    
}

/*bis 1070px mobile Navi*/

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

    .main-navigation, .menu-toggle {background-color: #fff !important;}
    #primary-menu a {font-size: 1.1rem;}
    nav.main-navigation ul ul a {font-size: 1rem;}
    #menu-hauptnav {padding-top: 20px;padding-bottom: 20px;}
    .filter-wrap a {font-size: 1.1rem;line-height: 30px;}
    .main-navigation .main-nav ul ul li a {padding: 5px 15px 5px 15px;}

    .site-header .header-image {width: 150px;}
    
    .both-sticky-menu .main-navigation:not(#mobile-header).toggled .main-nav > ul, .mobile-sticky-menu .main-navigation:not(#mobile-header).toggled .main-nav > ul, .mobile-header-sticky #mobile-header.toggled .main-nav > ul {top: 21px;}
}

/*ab 1071px große Navi*/
@media screen and (min-width: 1161px) {
    
    #primary-menu a {font-size: 1.2rem;}
    .filter-wrap a {font-size: 1.1rem;}
    #primary-menu ul ul a {font-size: 1.1rem;}
    #menu-hauptnav li:last-child a {padding-right: 0;}
    /*nav.main-navigation ul ul li {border-top: 1px solid #5e5e5d;}*/
    /*nav.main-navigation ul ul li:last-child {border-bottom: 1px solid #5e5e5d;}*/
}

/*Small*/

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

	body, blockquote, footer.site-info {font-size: 1rem;}
    #right-sidebar a {font-size: 1rem !important;}
	h1 {font-size: 1.7rem;}
	h2 {font-size: 1.3rem;}
    h3, .sub_header, .gb-accordion__toggle, .schema-faq-question {font-size: 1.2rem;}
    h4, a.gb-button {font-size: 1.1rem;}
    h5, p.h5 {font-size: 1rem;}
    h2.gb-headline a, h2.entry-title {font-size: 1.2rem;}
    .abfrage h2, .abfrage-stat h2 {font-size: 1.2rem;}
    a.button_all {padding: 0.5em 1em;}
    .site-footer, .site-footer h3, .abfrage-stat .sub_header {font-size: 0.9rem;}
    .inhalts-verz-fixed .yoast-table-of-contents ul {font-size: 1rem;}    
 	
    .paging-navigation .nav-links>* {
        padding: 8px 20px;
        border: 1px solid #000;
        margin-right: 10px;}
    
	.site-info a, .site-info .my {display: block;}
    .site-info .mn {display: none;}
	.site-info a, .site-info .my {margin-bottom: 10px;} 
    
    .site-footer aside {text-align: center;}
    
    .site-footer hr {
        margin-left: auto !important;
        margin-right: auto !important;}

    /*div.filter-wrap {padding: 0;}
    
    div.filter-wrap li {
        margin-bottom: 1em !important;
        padding: 10px 0;
        border: 1px solid lightgrey;
        display: block;}*/
	
}

/* Medium */
@media screen and (min-width:1025px) and (max-width:1399px) {
	
	body, blockquote, footer.site-info {font-size: 1.1rem;}
    #right-sidebar a {font-size: 1.1rem !important;}
	h1 {font-size: 2.2rem;}
    h1.start-h1 {font-size: 3rem;}
	h2 {font-size: 2rem;}
    h2.start-h2 {font-size: 2.1rem;}
    h3, .sub_header, .gb-accordion__toggle, .schema-faq-question {font-size: 1.3rem;}
    h4, a.gb-button {font-size: 1.2rem;}
    h5, p.h5 {font-size: 1.1rem;}
    h2.gb-headline a, h2.entry-title {font-size: 1.3rem;}
    .abfrage h2, .abfrage-stat h2 {font-size: 1.4rem;}
    .site-footer, .site-footer h3 {font-size: 1rem;}
    .inhalts-verz-fixed .yoast-table-of-contents ul, .abfrage-stat .sub_header {font-size: 1rem;} 
    .main-navigation .main-nav ul li a {padding-left: 10px;padding-right: 10px;}
    a.button_all {padding: 0.6em 1.5em;}
	
}

/* Large */
@media screen and (min-width:1400px) {

	body, blockquote {font-size: 1.2rem;}
    #right-sidebar a {font-size: 1.2rem !important;}
	h1 {font-size: 2.6rem;}
    h1.start-h1 {font-size: 3.4rem;}
	h2 {font-size: 2rem;}
    h2.start-h2 {font-size: 2.2rem;}
    h3, .sub_header, .gb-accordion__toggle, .schema-faq-question {font-size: 1.4rem;}
    h4, a.gb-button {font-size: 1.3rem;}
    h5, p.h5 {font-size: 1.1rem;}
    h2.gb-headline a, h2.entry-title {font-size: 1.2rem;}
    .abfrage h2, .abfrage-stat h2  {font-size: 1.6rem;}
    .site-footer, .site-footer h3, .abfrage-stat .sub_header {font-size: 1.1rem;}
    .filter-wrap a {font-size: 1.3rem;}
    .inhalts-verz-fixed .yoast-table-of-contents ul {font-size: 1.1rem;} 

}

/*TEST*/



/*Ende NEU*/

/*Video*/

.elastic-video {
    position: relative;
    padding-bottom: 55%;
    padding-top: 15px;
    height: 0;
    overflow: hidden;}

.elastic-video iframe, .elastic-video .video-extern {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%; 
    max-width: 100%;   
    height: 100%;}

video {
    max-width: 100%;
    height: 100%;}

div.elastic-video {margin-bottom: 1em;}

/*Zusätzliche Klassen */

.page-id-2248 #content a:before {
    content: url(https://www.stadtblick-architekten.de/wp-content/uploads/2024/02/pfeil2.svg);
    /*position: absolute;*/
    left: -25px;
}

.page-id-2259 #content a:before {
    content: '--> ';
    color: red;
}

.plus-liste li::marker {
  content: "+  ";
}

.table-hyphens {hyphens: auto !important;}

.no-paddingbottom-mobile .gb-inside-container {padding-bottom: 0 !important;}
.no-paddingtop-mobile .gb-inside-container {padding-top: 0 !important;}

.margin-top {margin-top: 1em;}
.small {font-size: 80%;}

.blocks-gallery-grid .blocks-gallery-item figure {margin-bottom: 0.5em;}


/*Listen*/

div.gb-container-a00ae50c {padding: 0;}

.wp-block-yoast-seo-table-of-contents.yoast-table-of-contents {
	background: #eef3f6;
	border-radius: 20px;
	padding: 2rem;
	margin: 2rem 0;
}

.wp-block-yoast-seo-table-of-contents h2 {
	margin-top: 0;
	margin-bottom: 1.4rem;
}

.wp-block-yoast-seo-table-of-contents > ul {
	list-style: none;
	margin: 0;
	padding: 0;
	columns: 2;
	column-gap: 2.5rem;
}

.liste-plus {
	list-style: none;
	margin: 0;
	padding: 0;
}

.wp-block-yoast-seo-table-of-contents li {
	break-inside: avoid;
	position: relative;
	margin-bottom: 0.7rem;
	padding-left: 1.25rem;
}

.liste-plus li {
	break-inside: avoid;
	position: relative;
	margin-bottom: 2em !important;
	padding-left: 1.25rem;
}

.wp-block-yoast-seo-table-of-contents li::before, .liste-plus li::before {
	position: absolute;
	left: 0;
	top: -0.05rem;
	color: #c9474d;
	font-size: 1.3em;
	line-height: 1;
}

.wp-block-yoast-seo-table-of-contents li::before {content: "›";}
.liste-plus li::before {content: "+";}

.wp-block-yoast-seo-table-of-contents a {
	color: #5f666b;
	text-decoration: none;
	line-height: 1.45;
}

.wp-block-yoast-seo-table-of-contents a:hover {
	color: #c9474d;
	text-decoration: underline;
	text-underline-offset: 0.2em;
}

.wp-block-yoast-seo-table-of-contents ul ul {
	list-style: none;
	margin-top: 0.5rem;
	padding-left: 0.4rem;
	font-size: 0.94em;
}

.wp-block-yoast-seo-table-of-contents ul ul li {
	margin-bottom: 0.4rem;
}

.wp-block-yoast-seo-table-of-contents ul ul li::before {
	content: "–";
	font-size: 1em;
	top: 0;
}

@media (max-width: 768px) {
	.wp-block-yoast-seo-table-of-contents > ul {
		columns: 1;
	}
}

/*Inhaltsverzeichnis Yoast Table of Contents*/

/*.inhalts-verz-fixed .yoast-table-of-contents h2 {display: none;}

.inhalts-verz-fixed .yoast-table-of-contents ul {
    list-style-type: none;
    margin-left: 0 !important;}

.inhalts-verz-fixed .yoast-table-of-contents a {text-decoration: none;color: #000;}


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


@media screen and (min-width:768px) {
        
    .inhalts-verz-fixed {position: relative;} 
    
    .inhalts-verz-fixed > .gb-grid-column:first-of-type {position: fixed;}

}

@media screen and (min-width:768px) and (max-width:1300px) {

    .inhalts-verz-fixed > .gb-grid-column:first-of-type {width: 350px !important;}
    .inhalts-verz-fixed > .gb-grid-column:last-of-type {margin-left: 350px;}  
 
}

@media screen and (min-width:1301px) {
    
    .inhalts-verz-fixed > .gb-grid-column:first-of-type {width: 400px !important;}
    .inhalts-verz-fixed > .gb-grid-column:last-of-type {margin-left: 400px;}    
    
}*/

/*Newsletter Einbettung*/

/*Coachy*/

.page-id-1634 form td, .page-id-1634 form label {
    padding-left: 0 !important;}

/*Brevo*/

div.sib-form {
    padding: 0;
}

/*Baukostenrechner*/

.page-id-5156 #content {min-height: 2000px;}

/*Fallstudie*/

.archive .inside-article {position: relative;}

.archive .custom-overlay {
    position: absolute;
    background: #BA1835;
    color: #fff;
    padding: 5px 10px;
    font-size: 90%;
    top: 20px;
    left: 20px;
}

/*Pricing*/

.empfehlung {
    transform: scale(1.05);
    position: relative;}

#modelle > .gb-container:hover {
    box-shadow: 5px 5px 5px -5px rgb(0 0 0 / 0.2);}

.empfehlung-badge {
    position: absolute;
    top: -12px;
    left: 50%;
    transform: translateX(-50%);
    background-color: #ba1835;
    color: white;
    padding: 8px 16px;
    border-radius: 8px;}

@media screen and (min-width:768px) and (max-width:1100px) {

div.gb-headline-b94a566a, div.gb-headline-b9cd2681 {font-size: 1.8rem !important;}
div.gb-headline-3c7a6aa8 {font-size: 3.5rem !important;} 
}

@media (max-width: 767px) {

    div.gb-container-028eac85 {flex-wrap: wrap;}

    div.gb-container-b41d4ac1, div.gb-container-98e8d8bc, div.gb-container-5263396e {width: 100%;}

    div.empfehlung {transform: none;}

    div.gb-headline-b94a566a, div.gb-headline-b9cd2681 {font-size: 1.8rem !important;}
    div.gb-headline-3c7a6aa8 {font-size: 3.5rem !important;}     
}

/*Listen*/

.customlist {
    list-style: none;
    padding-left: 0;
    margin-left: 0 !important;
}

.customlist li {
    padding-left: 25px;
    /*background-size: 16px 16px;*/
    background-repeat: no-repeat;
    background-position: left 3px;
}

.kreuz {background-image: url(https://www.stadtblick-architekten.de/wp-content/uploads/2025/08/kreuz.svg);}
.haken {background-image: url(https://www.stadtblick-architekten.de/wp-content/uploads/2025/08/haken.svg);}
.close {background-image: url(https://www.stadtblick-architekten.de/wp-content/uploads/2025/08/close.svg);}
.check {background-image: url(https://www.stadtblick-architekten.de/wp-content/uploads/2025/08/check.svg);}


.card {
    transition: transform .25s ease, box-shadow .25s ease;
}

.card:hover {
    transform: translateY(-4px) scale(1.01);
    box-shadow: 0 18px 40px rgba(2, 6, 23, .12);
}

.card svg {fill: none !important;}
/*.gb-icon svg {fill: none !important;}*/

/*Bild Schatten und Rundungen*/

.image-shadow img {
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
}

.rounded-05rem img {border-radius: 0.5rem;}
.rounded-1rem img {border-radius: 1rem;}

hr.red {
	border: 0;
	border-style: solid !important;
	border-color: #cc4133 !important;
	border-bottom-width: 1px !important;
	width: 12% !important;
	margin-left: 0 !important;}

.site-footer hr {
	border: 0;
	border-style: solid !important;
	border-color: #fff !important;
	border-bottom-width: 2px !important;
	width: 20% !important;
	margin-left: 0 !important;
    margin-right: 0 !important;
    margin-top: 15px !important;
    margin-bottom: 15px !important;}

.site-footer h3 {
    margin-top: 0;
    color: #fff;}

blockquote {
    border: none !important;
    /*border-radius: 4px;*/
    font-style: italic;
    /*padding: 30px 20px 30px 70px;*/
    padding-left: 65px;
    position: relative;
    margin-bottom: 20px;
    margin-top: 20px;}

blockquote:before {
    content: "";
    display: block;
    position: absolute;
    width: 50px;
    height: 39px;
    background-image: url(https://www.stadtblick-architekten.de/wp-content/uploads/2025/05/zitat-anfuehrung-einzel.svg);
    /*background-size: 70px 77px;*/
    top: 28px;
    left: 0;
}

.zitat-blau blockquote:before {
    background-size: 0 0;
    color: red;
    width: 0;
    height: 0;
    background-image: none;}

.zitat-blau blockquote {
        position: relative;
        background-color: #4f7593;
        color: white;
        padding: 25px;
        border-radius: 5px;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    }

.zitat-blau blockquote::after {
    content: "";
    position: absolute;
    bottom: -20px; /* Position unterhalb der Box */
    left: 20px; /* Abstand von der linken Seite */
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 20px 10px 0 10px; /* Größe der "Ecke" */
    border-color: #4f7593 transparent transparent transparent; /* Farbige Spitze */
}

blockquote .autor {
    font-size: 90%;
    font-weight: 600;
    font-style: normal;
}

form table, form td, form th form tr {border: none !important;}

/*Elemente verstecken*/

div.entry-summary, .blog h1, .search h1, .archive h1 {
	position: absolute;
	top: -9999px;
	left: -9999px;
	width: 0;
	height: 0;
	font-size: 0;
	line-height: 0;}

/*Tabelle*/
.wp-block-table.details tbody tr:nth-child(odd) {
    background-color: #f0f0f0;
}

.details td:nth-child(1) {width: 50%;}

.details td:nth-child(2) {width: 50%;}

.wp-block-table table {margin-bottom: 0;}

.wp-block-table table th, .wp-block-table table td {padding: 10px 15px 10px 15px;}

.wp-block-table table th {vertical-align: bottom;}
.wp-block-table table td {vertical-align: top;}

/*Tabs*/

.gb-tabs button {
    background: #fff;
    border: 1px solid #e5e5e5;}

@media screen and (min-width: 768px) {
    .gb-tabs button {border-right: 0;}
    .gb-tabs button:last-child {border-right: 1px solid #e5e5e5;}
}

button.gb-block-is-current {
    position: relative;
    background: #fff;
    font-weight: 700;
    border-bottom: 0;}

button.gb-block-is-current:before {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 1px;
    outline: 1px solid #cc4133;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #cc4133;
    content: "";}

.gb-tabs__item {
    border: 1px solid #e5e5e5;
    margin-top: -1px;
    margin-bottom: 30px;
}

.wp-block-file__button {float: right;}

div.wp-block-file {margin-bottom: 3em;}

@media screen and (max-width:550px) {
    div.wp-block-file {margin-bottom: 5em;}
}


/*Form*/

input[type=checkbox], input[type=radio] {
	/* Double-sized Checkboxes */
	-ms-transform: scale(1.5); /* IE */
	-moz-transform: scale(1.5); /* FF */
	-webkit-transform: scale(1.5); /* Safari and Chrome */
	-o-transform: scale(1.5); /* Opera */
	transform: scale(1.5);
	padding: 10px;
	margin-left: 5px;
	margin-right: 10px;}

input[type=checkbox] {margin-bottom: 0 !important;}

input[type=text], input[type=tel], input[type=email] {width: 100%;}

span.wpcf7-list-item {margin:0 !important;}

/*Blog*/

.single .site-content {margin-top: 1em;}

.post-image img, .featured-image img {
    width: 100%;
    height: auto;}

.cat-item-9 {display: none !important;}

.one-container .site-content {padding: 0;}

/*.one-container .site-content {padding: 40px 20px 40px 20px;}*/

.cat-item {list-style-type: none;}

.wp-block-latest-posts li {margin-bottom: 1.2em !important;}

div.gb-container-a00ae50c figure, .blog .post-image, .archive .post-image, .search .post-image {
    transition: all 0.2s ease;
}

div.gb-container-a00ae50c figure:hover, div.gb-container-a00ae50c figure:active, .blog .post-image:hover, .blog .post-image:active, .archive .post-image:hover, .archive .post-image:active, .search .post-image:hover, .search .post-image:active {opacity: 0.6;}

footer.entry-meta {font-size: 100%;}

.entry-meta .nav-previous {margin-bottom: 10px;}

/*Kategorien Filter*/

.filter-wrap {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    padding-right: 20px;
    padding-left: 20px;
    width: 100%;
    max-width: 1600px;}

.filter-wrap div {
    padding-right: 15px;
    padding-left: 15px;
    display: inline;}

/*Zinshaus Club*/

.page-id-3735 h2.red {
    font-size: 110%;
    color: #ba1835;}

.page-id-3735 h2.black {
    color: #000;}

.page-id-3735 h2.light {
    font-size: 230%;
    color: #000;
    font-weight: 300;}

.page-id-3735 span.caveat {
    font-size: 120%;
    font-family: 'Caveat',sans-serif !important;}

.page-id-3735 .zitat {
    font-size: 180%;
    font-weight: 700;
    line-height: 1;
    color: #ba1835;
    font-family: 'Caveat',sans-serif !important;}


@media print {
	.search-item, .menu-toggle, .site-info, .no-print, .mobile-menu, #site-navigation, p.cta, #sticky-navigation, #right-sidebar, .paging-navigation, .wp-block-buttons .wp-block-button, form {display: none;}
	
	.sticky-enabled .main-navigation.is_stuck {height: 0;box-shadow: none;}
    
    .gb-button {display: none !important;}
	
	.menu-toggle:before {content: "";}
	
	#main img {width: 400px;}
    
    .footer-widgets, .footer-widgets a {color: #222 !important;}
}

/* ubuntu-regular - latin */
@font-face {
  font-display: swap; 
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 400;
  src: url('/fonts/ubuntu-v21-latin-regular.woff2') format('woff2'); 
}
/* ubuntu-italic - latin */
@font-face {
  font-display: swap; 
  font-family: 'Ubuntu';
  font-style: italic;
  font-weight: 400;
  src: url('/fonts/ubuntu-v21-latin-italic.woff2') format('woff2'); 
}
/* ubuntu-500 - latin */
@font-face {
  font-display: swap; 
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 500;
  src: url('/fonts/ubuntu-v21-latin-500.woff2') format('woff2'); 
}
/* ubuntu-500italic - latin */
@font-face {
  font-display: swap; 
  font-family: 'Ubuntu';
  font-style: italic;
  font-weight: 500;
  src: url('/fonts/ubuntu-v21-latin-500italic.woff2') format('woff2'); 
}
/* ubuntu-700 - latin */
@font-face {
  font-display: swap; 
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 700;
  src: url('/fonts/ubuntu-v21-latin-700.woff2') format('woff2'); 
}
/* ubuntu-700italic - latin */
@font-face {
  font-display: swap; 
  font-family: 'Ubuntu';
  font-style: italic;
  font-weight: 700;
  src: url('/fonts/ubuntu-v21-latin-700italic.woff2') format('woff2'); 
}

/* noto-serif-regular - latin */
@font-face {
  font-display: swap; 
  font-family: 'Noto Serif';
  font-style: normal;
  font-weight: 400;
  src: url('/fonts/noto-serif-v33-latin-regular.woff2') format('woff2'); 
}
/* noto-serif-italic - latin */
@font-face {
  font-display: swap; 
  font-family: 'Noto Serif';
  font-style: italic;
  font-weight: 400;
  src: url('/fonts/noto-serif-v33-latin-italic.woff2') format('woff2'); 
}
/* noto-serif-500 - latin */
@font-face {
  font-display: swap; 
  font-family: 'Noto Serif';
  font-style: normal;
  font-weight: 500;
  src: url('/fonts/noto-serif-v33-latin-500.woff2') format('woff2'); 
}
/* noto-serif-500italic - latin */
@font-face {
  font-display: swap; 
  font-family: 'Noto Serif';
  font-style: italic;
  font-weight: 500;
  src: url('/fonts/noto-serif-v33-latin-500italic.woff2') format('woff2'); 
}
/* noto-serif-600 - latin */
@font-face {
  font-display: swap; 
  font-family: 'Noto Serif';
  font-style: normal;
  font-weight: 600;
  src: url('/fonts/noto-serif-v33-latin-600.woff2') format('woff2'); 
}
/* noto-serif-600italic - latin */
@font-face {
  font-display: swap; 
  font-family: 'Noto Serif';
  font-style: italic;
  font-weight: 600;
  src: url('/fonts/noto-serif-v33-latin-600italic.woff2') format('woff2'); 
}
/* noto-serif-700 - latin */
@font-face {
  font-display: swap; 
  font-family: 'Noto Serif';
  font-style: normal;
  font-weight: 700;
  src: url('/fonts/noto-serif-v33-latin-700.woff2') format('woff2'); 
}
/* noto-serif-700italic - latin */
@font-face {
  font-display: swap; 
  font-family: 'Noto Serif';
  font-style: italic;
  font-weight: 700;
  src: url('/fonts/noto-serif-v33-latin-700italic.woff2') format('woff2'); 
}
/* noto-serif-800 - latin */
@font-face {
  font-display: swap; 
  font-family: 'Noto Serif';
  font-style: normal;
  font-weight: 800;
  src: url('/fonts/noto-serif-v33-latin-800.woff2') format('woff2'); 
}
/* noto-serif-800italic - latin */
@font-face {
  font-display: swap; 
  font-family: 'Noto Serif';
  font-style: italic;
  font-weight: 800;
  src: url('/fonts/noto-serif-v33-latin-800italic.woff2') format('woff2'); 
}
/* noto-serif-900 - latin */
@font-face {
  font-display: swap; 
  font-family: 'Noto Serif';
  font-style: normal;
  font-weight: 900;
  src: url('/fonts/noto-serif-v33-latin-900.woff2') format('woff2'); 
}
/* noto-serif-900italic - latin */
@font-face {
  font-display: swap; 
  font-family: 'Noto Serif';
  font-style: italic;
  font-weight: 900;
  src: url('/fonts/noto-serif-v33-latin-900italic.woff2') format('woff2'); 
}