/*
Theme Name: Twenty Twenty-Three Child
Theme URI: https://footpress.de/
Author: Rene Gast
Author URI: https://www.footpress.de
Template: twentytwentythree
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

html {scroll-behavior: smooth;}

/* Colors */
footer p strong {color: #3a8b3e}
/* Hover */
.wp-block-button a:hover {opacity: 0.85} .wp-block-button.is-style-outline a:hover {opacity: 0.75}
/* Logo */
.website-logo {width: 215px; /* height: 42px; */ height: auto}
@media (min-width:782px){.website-logo {width: 260px; /* height: 50px; */ height: auto;  height: 50px;}}

/* Buttons, Links and Hover */
.is-content-justification-center.wp-block-buttons .wp-block-button.has-custom-width.wp-block-button__width-25.is-style-outline {min-width: 240px ! important}

/* Blog */
figure.alignwide.wp-block-post-featured-image .attachment-post-thumbnail img {border-radius: 8px}
.single-post ul.is-style-icon-checkmark {/* border: 1px solid #ccc; padding: 21px 24px 22px 34px ! important */ border-radius: 6px;} .single-post .is-style-icon-checkmark li {padding-top: 3px; padding-bottom: 3px} .single-post .is-style-icon-checkmark li a {color: #000} .single-post .is-style-icon-checkmark li a {text-decoration: none} .single-post .is-style-icon-checkmark li a:hover {text-decoration: underline}
.single-post main .wp-block-post-content ul:not(.is-style-icon-checkmark), .single-post main .wp-block-post-content ul {padding-left: 15px}

/* CSS Classes */
@media screen and (min-width: 600px) {.d-sm-visible {display: none ! important}} @media screen and (max-width: 600px) {.d-sm-none {display: none ! important}}
.medium-width {max-width: 840px ! important} .medium-width-center {max-width: 840px ! important; margin: 0 auto}
p.border-bottom {padding-bottom: 15px; margin-bottom: -6px ! important; border-bottom: 1px solid #222} .img-shadow img {-webkit-filter: drop-shadow(5px 15px 40px #e5eeff);filter: drop-shadow(0px 0px 1px rgba(175,167,160,1));}

/* Header and Navigation */
@media screen and (max-width: 600px) {header .wp-block-navigation li, header .wp-block-navigation li a {font-size: 16px}
  /* Nav left mobile */
  .wp-block-navigation__responsive-container-content {align-items: flex-start !important;} .wp-block-navigation__responsive-container-content ul .wp-block-navigation-item,.wp-block-navigation__responsive-container-content ul {align-items: flex-start !important;}

/* collapse mobile submenus */
.wp-block-navigation-item.open-on-hover-click .wp-block-navigation-submenu__toggle[aria-expanded="false"] ~ ul.wp-block-navigation__submenu-container {display: none;}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-icon {position: absolute; right: 0; top: 5px;}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-icon {display: inline-block;}
.wp-block-navigation-item .wp-block-navigation-submenu__toggle.wp-block-navigation__submenu-icon {font-size: inherit; width:1.3em;height:1.3em; padding: 0}
.wp-block-navigation-item .wp-block-navigation-submenu__toggle[aria-expanded="true"].wp-block-navigation__submenu-icon svg {transform:rotate(-180deg)}
/* .wp-block-navigation__submenu-icon svg {display: none ! important} */ .wp-block-navigation .wp-block-navigation__submenu-icon {align-self: unset;}
.wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content ul,
.wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content li {width: calc(100% - 3px) ! important}
.wp-block-navigation__responsive-container .wp-block-navigation__responsive-close {overflow-x: hidden}
/* collapse mobile submenus end */	
}

/* Shadows */
.shadow {border-radius:4px;box-shadow:0 10px 30px 0 rgba(47,47,47,.1);}

/* Spacings */
@media screen and (max-width: 600px) {
h1,h2,h3,h4 {line-height: 1.1 ! important} .d-sm-none {display: none ! important}
.wp-block-media-text.hero {padding-top: 35px ! important} .wp-block-media-text.hero h1 {margin-top: 25px ! important}
.is-style-spacer-zero {height: 0px ! important; max-height: 0px ! important; display: none} .is-style-spacer-xsmall {height: 6px ! important; max-height: 6px ! important}
.is-style-spacer-small {height: 12px ! important; max-height: 12px ! important} .is-style-spacer-medium {height: 24px ! important; max-height: 24px ! important}  .is-style-spacer-large {height: 30px ! important; max-height: 30px ! important}  .is-style-spacer-xlarge {height: 40px ! important; max-height: 40px ! important}}

/* Unedingt den Breakpoint für Media-Text erwischen, ganz wichtig */
@media screen and (max-width: 1040px) {.wp-block-media-text .wp-block-media-text__content {padding-left: 0 ! important; }}
@media screen and (min-width: 1040px) {.wp-block-media-text.alignwide .wp-block-media-text__content {padding-left: 0 ! important; padding-left: clamp(1.5rem, 5vw, 2rem) ! important;}
.wp-block-media-text.alignwide.has-media-on-the-right .wp-block-media-text__content {padding-left: 0 ! important; padding-right: clamp(1.5rem, 5vw, 2rem) ! important;}}

/* BG */
.section-cta { /* unbedingt BG in Gutenberg komplett transparent machen !!! */ background-image: url("/bg.svg");background-size: cover;background-repeat: no-repeat;}
.bg-start { /* unbedingt BG in Gutenberg komplett transparent machen !!! */ background-image: url("/bg-start.svg");background-size: cover;background-repeat: no-repeat;}
footer { /* unbedingt BG in Gutenberg komplett transparent machen !!! */ background-image: url("/bg-footer.svg");background-size: cover;background-repeat: no-repeat;}

/* Go to top button */
.btn-gotop {
  position: fixed; width: 50px; height: 50px; bottom: 40px; right: 30px; border: solid 1px #dddddd; border-radius: 6px;
  cursor: pointer; color: #ddd; background-color: transparent; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3); opacity: 0; transition: opacity 0.5s;
}
.btn-gotop.show {opacity: 1;} .btn-gotop i {font-size: 24px;} .btn-gotop:hover {color: #fff; border: 1.5px solid #546d79; background-color: #546d79;}

/* Seitenspezifisches */
.btn-mail {background: transparent ! important; border-radius: 4px ! important}
@media screen and (max-width: 1040px) {.arrow-kontakt {display: none}}
@media screen and (max-width: 600px) {.pm-0, .sib-form {padding: 0 ! important; margin: 0 ! important}.wp-block-columns .wp-block-column.pm-0 {background-color: transparent ! important}}
.arrow-kontakt {position: relative; left: -62px; top: -350px}
.arrow-kontakt img {width: 50px ! important; height: 34px ! important}

/* Icons Footer */
.social-links {padding-left: 0; padding-top: 30px}
.social-links li {list-style-type: none; text-align: left; display: inline-block; margin-right: 25px} .social-links li a {text-decoration: none}
@media screen and (min-width: 781px) {.social-links {padding-left: 0; padding-top: 0px}.social-links li {list-style-type: none; text-align: right; display: inline-block; float: right; margin-left: 25px}}

/* Footer */
@media screen and (max-width: 781px) {
footer .wp-block-columns {display: block ! important} footer .wp-block-columns * {text-align: left; justify-content: left ! important}
footer .wp-block-buttons, footer .wp-block-button {display: block ! important; margin-left: 0 ! important; padding-top: 12px;}
footer .wp-block-buttons, footer .wp-block-button a {padding-left: 0 ! important;margin-left: 0 ! important} body footer .wp-block-social-links {padding-top: 18px ! important}}