/*
Theme Name: Fabienne Gehrke
Theme URI: https://www.fabienne-gehrke.de
Description: A child theme for Twenty Twenty.
Author: goYippi design
Author URI: https://www.goyippi.net
Template: twentytwenty
Version: 1.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/

:root {
  --wp--preset--font-size--small: 1.4rem;
}

body {
  --wp--style--global--wide-size: 1280px;
}

html {
  font-size: 50%;
}

table {
  font-size: 1.8rem;
}

.entry-content {
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
  letter-spacing: 0.0125em;
}

h1, h2, h3, h4, h5, h6, .faux-heading,
.modal-menu > li > a, .modal-menu > li > .ancestor-wrapper > a {
  letter-spacing: 0.0125em;
}

.modal-menu > li > a, .modal-menu > li > .ancestor-wrapper > a,
.footer-copyright,
b, strong,
h1, h2, h3, h4, h5, h6, .faux-heading,
h1, .heading-size-1 {
  font-weight: 600;
}

body,
.entry-content {
  background-color: #ffffff;
}

.privacy-policy {
  color: inherit;
  margin: 0;
}

.hide-page-title .entry-header {
  display: none;
}

.hide-page-title .post-inner {
  padding-top: 0;
}

.header-titles-wrapper {
  min-height: 200px;
  height: 50vh;
  margin-right: 0;
}

.header-inner .toggle {
  height: 6.6rem;
  margin-right: 0;
  background-color: #998f85;
}

.nav-toggle .toggle-inner {
  padding-top: 0;
}

.nav-toggle .toggle-icon, .nav-toggle svg {
  color: #FFF;
}

.toggle-inner .toggle-text {
  font-size: 1.4rem;
  font-weight: 400;
  top: 70%;
  color: #FFF !important;
}

.site-logo img {
  max-height: 100%;
  width: 1100px;
}

.header-titles-wrapper {
  padding-right: 0;
}

ul.primary-menu {
  justify-content: center;
  letter-spacing: 0.0125em;
}

.primary-menu a {
  font-weight: 600;
}

.primary-menu .service a {
  font-weight: 400;
}

.modal-menu {
  left: 0;
  width: 100%;
}

.modal-menu a {
  padding-left: 0;
  padding-right: 0;
}

.primary-menu li.current-menu-item > a, 
.primary-menu li.current-menu-item > .link-icon-wrapper > a,
.modal-menu a:focus, .modal-menu a:hover, .modal-menu li.current-menu-item > .ancestor-wrapper > a, .modal-menu li.current_page_ancestor > .ancestor-wrapper > a,
.header-inner .toggle:focus .toggle-text,
.header-inner .toggle:hover .toggle-text {
  text-decoration: none;
}
 
.footer-navigation {
  display: none;
}

.entry-content > .map-wrapper.alignfull:not(.wp-block-group.has-background) {
  margin-top: 0;
  margin-bottom: 0;
}

.grayscale,
.grayscale-color {
  filter: grayscale(100%);
}

.grayscale-color:hover,
.grayscale-color:focus {
  filter: grayscale(0%);
}

.has-background:not(.has-white-background-color) a {
  color: #000;
}

.wp-block-column .wp-block-image:first-child:not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter) {
  margin-top: 0;
}

.wp-block-image {
  margin-bottom: 1em;
}

.wp-block-table table {
  border-color: transparent;
  margin: 0 0 4rem;
}

.wp-block-table td, .wp-block-table th {
  padding: 0.5em 0;
  vertical-align: top;
}

/* Borlabs Cookies */
.BorlabsCookie ._brlbs-content-blocker ._brlbs-google-maps._brlbs-embed {
  display: block;
  background-color: #efefef;
}

.BorlabsCookie ._brlbs-content-blocker ._brlbs-google-maps._brlbs-embed ._brlbs-thumbnail {
  margin: 0 auto;
}

/* Thickbox */
#TB_window img#TB_Image {
  border: 0;
}

#TB_caption {
  height: auto;
  font-size: 1.4rem;
	padding: 7px 15px 10px;
}

#TB_closeWindow {
	padding-top: 20px;
  position: relative;
}

#TB_closeWindowButton {
	right: 10px;
	top: 5px;
}

#TB_closeWindowButton:hover .tb-close-icon,
#TB_closeWindowButton:focus .tb-close-icon {
	color: #000;
}

#TB_title {
	background-color: transparent;
}

@supports ( font-variation-settings: normal ) {
  .entry-content {
		font-family: "Inter var", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
	}
}

@media (min-width: 700px) {
  .nav-toggle {
    right: 0;
  }
  
  .singular .entry-header {
    padding: 8rem 0 0;
  }

  h1, .heading-size-1 {
    font-size: 4rem;
  }

  .entry-content .wp-block-column h1:first-child, 
  .entry-content .wp-block-column h2:first-child, 
  .entry-content .wp-block-column h3:first-child, 
  .entry-content .wp-block-column h4:first-child,  
  .entry-content .wp-block-column h5:first-child, 
  .entry-content .wp-block-column h6:first-child {
    margin-top: 0;
  }

  .entry-content > .alignwide:first-child, .entry-content > .alignfull:first-child {
    margin-bottom: 0;
  }
}

@media (min-width: 782px) {  
  body .wp-block-columns.is-layout-flex {
    gap: 8rem;
  }
}

@media (min-width: 1000px) {
  html {
    position: static !important;
  }

  .menu-modal.active {
    background: transparent;
    display: none;
  }

  .header-inner {
    flex-wrap: wrap;
    padding-bottom: 0;
    width: 100%;
    max-width: 100%;
    height: auto;
    min-height: 100%;
  }

  .header-titles-wrapper,
  .header-navigation-wrapper {
    width: 100%;
    max-width: 100%;
  }

  .header-navigation-wrapper {
    background-color: #998f85;
    padding: 15px 0;
    margin-top: 2.8rem;
  }

  .header-titles {
    width: 100%;
    justify-content: center;
    margin: 0;
  }

  .header-titles .site-title, .header-titles .site-logo, .header-titles .site-description {
    margin: 0;
  }

  .entry-content .has-larger-font-size {
    font-size: 1.905em;
  }

  .footer-navigation {
    margin-top: 8rem;
    display: flex;
  }

  .footer-top-visible .footer-nav-widgets-wrapper, .footer-top-hidden #site-footer {
    margin-top: 0;
  }
}

@media (min-width: 1220px) {
  html {
    font-size: 62.5%;
  }

  h1, .heading-size-1 {
    font-size: 4rem;
  }
}

@media print {
  /*#site-header {
    display: block !important;
  }*/

  .header-titles-wrapper {
    height: auto;
    min-height: none;
  }

  .map-wrapper,
  .header-inner .toggle,
  #site-footer,
  .footer-navigation {
    display: none;
  }
}