/*
Theme Name:   Twenty Twenty Child-Theme 
Theme URI:    https://www.internet-optimal.de/
Author:       eSales4u
Author URI:   https://www.internet-optimal.de
Description:  Child-Theme für das WordPress-Standardtheme Twenty Twenty 
Template:     twentytwenty 
Version:      1.0 (2019-11-18)
*/ 

@import url("css/fontawesome.min.css");
@import url("css/brands.min.css");
.header-line {
  padding: 0.5rem;
}
ul.top-bar-contact {
  display: inline-flex;
}
.widget .top-bar-contact li {
  margin-right: 30px;
}
.widget .top-bar-contact li:first-child {
    margin-top: 3px;
}
.widget .top-bar-contact li a {
  font-weight: 400;
  color: #686868;
}

.widget_text p, .widget_text ol, .widget_text ul, .widget_text dl, .widget_text dt, .widget-content,
.entry-content, .entry-content p, .entry-content ol, .entry-content ul, .entry-content dl, .entry-content dt {
  font-family: "Inter var", "Helvetica Neue", Helvetica, sans-serif;
}
.header-inner .widget_text,
.header-inner .widget_text .custom-html-widget {
  display: block;
  width: 100%;
}
.menu-topmenue-container {
  text-align: center;
}
.primary-menu li {
    font-size: 1.125em;
    line-height: 1.25;
    position: relative;
    text-transform: uppercase;
    font-weight: 400;
    margin-right: 1em;
}
.menu-item-has-children, .menu-item-has-children:hover {
    cursor: default;
}

.singular .entry-header {
  background-color: #fff !important;
}
 .psa-siegel .wp-block-image:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter) {
    margin-top: 0;
}

.entry-header-inner, .header-footer-group {
    color: #0e8a12;
}
.footer-widgets a {
    color: #333 !important;
}

body:not(.overlay-header) #site-header .toggle, .menu-modal .toggle {
    color: #0e8a12 !important;
    outline: none;
}
body:not(.overlay-header) #site-header .toggle:focus {
  background-color: #f3f3f3;
}

h1, .heading-size-1 {
    font-size: 5.8rem;
    font-weight: 600;
}
.wp-block-cover-image h2, .wp-block-cover h2 {
    font-size: 3.2rem;
    font-weight: 300;
}
.entry-content .wp-block-columns h2.start-h2 {
    font-size: 3.2rem;
    margin: 0;
    text-transform: uppercase;
}
h3, .heading-size-3,
.wp-block-cover-image h3, .wp-block-cover h3 {
    font-size: 2.6rem;
    font-weight: 300;
}
.entry-content .wp-block-columns h3.start-h3 {
  margin: 0 0 2rem 0;
}
h4, .heading-size-4,
.wp-block-cover-image h4, .wp-block-cover h4 {
    font-size: 2.2rem;
    font-weight: 300;
    text-transform: uppercase;
}

.max-height-140 img {
  max-height: 140px;
}
.small {
    font-size: 0.75em;
}

aside {
  display: flex;
}

.post-meta-wrapper {
    display: none;
}

.is-style-outline .wp-block-button__link {                /**********   BUTTON    *********/
  padding: 5px;
  /*text-transform: lowercase;*/
  min-width: 35px;
}
.is-style-outline .wp-block-button__link:hover {
  text-decoration: none;
  background-color: #0E8A12;
  color: #fff;
}
.wp-block-columns:not(.alignwide):not(.alignfull).link-block {
  margin-bottom: 2rem;
  margin-top: 2rem;
}
.wp-block-column:not(:first-child).btn-text {
    margin-left: 5px;
}
.wp-block-cover-image .wp-block-cover__inner-container, .wp-block-cover .wp-block-cover__inner-container {
    width: calc(100% - 70px);
    z-index: 1;
    color: #6a6a6a;
}
.capitals {
    text-transform: uppercase;
}

.section-inner.medium {
    max-width: 120rem;
}
.slider-inner, .slider-inner img {
    width: 100%;
}
#site-content .slider-inner .widget_media_image {
  position: relative;
}
#site-content .slider-inner .widget_media_image h2 {
  position: absolute;
  top: -320px;
  left: -320px;
}
.post-inner {
   /* max-width: 120rem;
    margin: 0 auto;*/
}

/*body.home .entry-content p:first-child*/
#post-2 > div.post-inner > div > p:nth-child(2) {
  columns: 2;
  column-gap: 3em;
}

.wp-block-column.bg-gray {
  background-color: #f1f1f1;
  padding: 1em;
  border: 0.07em solid gray;
}
.wp-block-column.bg-gray ol li {
  margin: 0.5rem 1em 2rem;
  color: #6d6d6d;
  text-transform: uppercase;
  font-size: 1.3em;
  font-weight: 500;
}

/***************************** HEXAGONS***********************************/
#post-172 ul.hex,
.column-three ul {
    margin: 0 0 3rem 0rem;
}
#menu-footer-menue li,
.column-three li,
ul.hex li {
    list-style-type: none;
    padding-left: 40px;
    padding-top: 0px;
    margin-left: 25px;
    background-image: url(assets/images/hexagon.png);
    background-repeat: no-repeat;
    background-position: 5px 6px;
}
#menu-footer-menue li,
.column-three li {
    padding-left: 40px;
    margin-left: 0px;
}
@media (min-width: 1000px){
  #three-hexagons {
      position: absolute;
      display: block;
      width: 100%;
      background-image: url(assets/images/hexagons.png);
      background-repeat: no-repeat;
      background-position: 100% 0px;
      background-size: 37rem;
      height: 300px;
  }
}
/*
#site-header {
    background-image: url(assets/images/hexagons.png);
    background-repeat: no-repeat;
    background-position: 100% -30px;
    background-size: 20%;
}
*/
.footer-nav-widgets-wrapper  {
    background-image: url(assets/images/hexagons.png);
    background-repeat: no-repeat;
    background-position: calc(0% - 5rem) calc(0% + 1rem);
    background-size: 37rem;
}

.hexagons {
    background-image: url(assets/images/hexagons.png);
    background-repeat: no-repeat;
    background-position: calc(100% + 13rem) 10px;
    background-size: inherit;
}
/*
@media (min-width: 700px){
  .footer-nav-widgets-wrapper  {
    background-position: 115% 130%;
    background-size: 30%;
  }
}
*/

.footer-top {
    clear: both;
}

.footer-widget-full {
    margin-left: 6rem;
    width: calc(100% - 6rem);;
}
.footer-widget-full .widget {
    float: left;
    margin-right: 3rem;
}
.footer-widget-full .widget h4 {
    font-size: 1.875rem;
    font-weight: 300;
    text-transform: none;
    margin: 0 auto 0.5rem;
}
.footer-widgets.column-three .widget li {
    margin: 0;
}
.footer-widget-full::after {
  clear: both;
}

/****************************  Formatierung Startseite Content-Views  *********************************/
h4.pt-cv-title {
  font-size: 2.4rem;
  text-align: center;
}
.pt-cv-content, .pt-cv-title, .pt-cv-ifield {
  max-width: 300px;
}
.pt-cv-ifield {
  background-color: #fff;
}
.pt-cv-content, .pt-cv-title {
  padding: 0 0.6em;
}
.pt-cv-content {
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  font-size: 1.8rem;
  font-weight: 300;
    text-align: justify;
    hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -o-hyphens: auto;
    -webkit-hyphens: auto;
  hyphenate-limit-chars: auto 5;
  hyphenate-limit-lines: 2;
  min-height: 260px;
      position: relative;
}
.pt-cv-title a {
    font-weight: 400;
}
.pt-cv-readmore {
  position: absolute;
  bottom: 20px;
}
.pt-cv-wrapper .btn-success {
    color: #fff;
    background-color: #0e8a12;
    border-color: #24a829;
    display: block;
    text-align: center;
    width: 93%;
}
.pt-cv-wrapper .btn:hover {
    color: #333;
    text-decoration: none;
}
/**************************************************************************/

.primary-menu ul {
  min-width: 30rem;
  background-color: #dedfdf !important;
  color: green !important;
  font-weight: 300;
}
body:not(.overlay-header) .primary-menu > li > ul:after {
    border-bottom-color: #dedfdf !important;
}
.header-titles-wrapper {
    z-index: 999;
}

/********************************** Kontaktformular ****************************************/
@media (min-width: 1000px){
  .wpcf7-form {
    color: #6d6d6d;
  }
  section {
    width: auto;
  }
  section br {
    display: inline;
    content: ' ';
    clear:none;
  }

  section.column-one, section.column-two, section.column-three {
    width: 33%;
    display: inline-grid;
  }
  section.column-one {
    padding-right: 2em;
  }
  section.column-two {
    padding-left: 3rem;
  }
  section.column-three {
    padding-left: 2em;
  }
  section.column-one h4, section.column-two h4, section.column-three h4 {
    font-size: 2.2rem;
    text-align: left;
    margin: 2.6rem 0;
  }

  section label {
      display: block;
      font-size: 1.6rem;
      font-weight: 400;
      margin: 0 0 0.5rem 0;
  }
  section input[type="text"],
  section input[type="email"],
  section input[type="tel"] {
        padding: 0.5rem 0.8rem;
  }

  span.wpcf7-list-item {
    display: block;
    margin: 1em 0 0 1em;
  }
  section h4, section .entry-content h4 {
    font-size: 2.3rem;
    margin: 1.5rem 0;
    text-indent: -20px;
    padding-left: 20px;
    text-align: left;
    color: #333;
  }



}
/**************************************************************************/

@media (max-width: 480px) {
  h1, .heading-size-1 {
    font-size: 2.875rem;
  }
  h2, .heading-size-2 {
    font-size: 2.325rem;
    color: #7b7b7b;
  }
  .wp-block-cover-image h2, .wp-block-cover h2 {
    font-size: 2.8rem;
  }
  .singular .entry-header {
    padding: 2rem 0;
  }
  .post-inner {
    padding-top: 0rem;
  }
  #post-2 > div.post-inner > div > p:nth-child(2) {
    columns: 1;
  }
  .header-line {
    display: none;
  }
  .header-inner {
    padding: 1.15rem 0;
  }
  .slider-inner .widget {
    margin-top: 0;
  }
  .link-block .wp-block-column {
    margin-bottom: 1.2rem;
  }
  .wp-block-column:not(:first-child).btn-text {
    margin: 0px auto;
    text-align: center;
  }
  section.column-one h4, section.column-two h4, section.column-three h4 {
    margin: 0.5rem auto 1.8rem;
  }
  section.column-one, section.column-two, section.column-three {
    padding: 1rem 0;
    width: 100%;
  }
  section.column-three p:last-child{
    text-align: center;
  }
  .wp-block-column > *:first-child {
      margin-top: 0;
      margin-left: 0;
  }
  ul.hex li {
    margin-left: 0px;
  }
  .footer-nav-widgets-wrapper {
    background-image: url(assets/images/hexagons.png);
    background-repeat: no-repeat;
    background-position: 30rem 0%;
    background-size: 20rem;
  }
  .footer-menu-wrapper {
    width: 100%;
  }
  .footer-menu li {
    line-height: 1.25;
    margin: 1.25em 0;
    text-align: center;
  }
  .wp-block-cover-image .wp-block-cover__inner-container, .wp-block-cover .wp-block-cover__inner-container {
    width: calc(100% - 60px);
    z-index: 1;
    color: #6a6a6a;
  }
  .pt-cv-view .pt-cv-ifield {
      margin-bottom: 0!important;
      margin: 0 auto;
  }
  .footer-widget-full {
    margin-left: 3rem;
    width: calc(100% - 3rem);
  }
}
@media (min-width: 481px) and (max-width: 700px) {

}
@media (min-width: 700px) {
  h2, .heading-size-2 {
    font-weight: 500;
    font-size: 2.8rem;
    color: #7b7b7b;
  }
  h2.entry-title {
    font-size: 5.4rem;
  }
  .entry-title a {
    color: #0e8a12 !important;
  }
  .footer-widgets-wrapper h2, .footer-widgets-wrapper .heading-size-2 {
    color: #0e8a12;
  }
  .footer-widgets-wrapper .widget_nav_menu a {
    font-weight: 400;
    text-decoration: none;
  }
  .singular .entry-header {
    padding: 3rem 0 0;
  }
    .entry-content > .alignwide:not(.wp-block-group.has-background), .entry-content > .alignfull:not(.wp-block-group.has-background) {
        margin-bottom: 6rem;
        margin-top: 2rem;
    }
  .post-inner {
    padding-top: 0rem;
  }
  .search-modal .search-field {
    border: none;
    font-size: 2.2rem;
    height: 8rem;
  }
  .footer-top {
    padding: 1.7rem 0;
  }
  .footer-copyright {
    font-weight: 400;
  }
  .footer-widgets {
      margin-left: 4rem;
      width: 33%;
  }
  .footer-widgets .widget {
    border-top: none;
    margin-top: 2rem;
    padding-top: 0;
  }
  .footer-widgets-outer-wrapper {
    padding: 3rem 0;
  }
  .footer-widget-full .widget {
      margin-top: 0;
      margin-right: 0;
      /*min-width: 30%;
      max-width: 25%;*/
      width: calc(90% / 3);
  }
  .widget_sib_subscribe_form {
      margin-left: 3rem;
  }

}

@media (min-width: 700px) and (max-width: 1024px) {
    .footer-widget-full .widget:nth-child(2) {
        margin-left: 3rem;
    }

}

@media (min-width: 1000px) and (max-width: 1380px){
  .header-inner {
    font-size: 0.725em;
  }
  .header-titles-wrapper {
    margin-right: 2rem;
    margin-bottom: 2rem;
    margin-left: 0rem;
    z-index: 9999;
  }
  .header-titles .site-logo, .header-titles .site-description {
    margin: 1rem 0 0 0;
  }
  ul.primary-menu {
    display: flex;
    font-size: 1.4rem;
    margin: -0.8rem 0 0 0.4rem;
  }
  .primary-menu li {
    font-size: 1.125em;
    margin-right: 0em;
  }
  .search-toggle .toggle-icon, .search-toggle svg {
    height: 1.5rem;
    max-width: 2.3rem;
    width: 2.3rem;
  }
  #three-hexagons {
    background-position: calc(100% + 0.5em) 60px;
    background-size: 22rem;
  }
}
@media (min-width: 1000px){
  .header-inner {
    align-items: baseline;
    justify-content: normal;
    padding: 0 1rem 0rem;
  }
  .header-inner .toggle {
    padding: 0 1rem;
  }
  .header-titles {
      display: block;
    text-align: center;
  }
  .header-navigation-wrapper {
    align-items: center;
    display: flex;
    width: auto;
    min-width: 55%;
  }
  ul.primary-menu {
    justify-content: flex-start;
    flex-wrap: unset;
    align-items: center;
  }
  .entry-content > .alignwide:not(.wp-block-group.has-background), .entry-content > .alignfull:not(.wp-block-group.has-background) {
    margin-bottom: 8rem;
    margin-top: 2rem;
  }

}
@media (min-width: 1220px) {
  /*.header-titles-wrapper {
    margin-right: 8rem;
    margin-bottom: 2rem;
    margin-left: 6rem;
    z-index: 9999;
  }*/
  #three-hexagons {
    background-position: calc(100% + 1em) 20px;
    background-size: 30rem;
  }
  .primary-menu > li {
    margin: 0 0 0 4.5rem;
  }
  .header-toggles .toggle {
    padding: 0 0 10px 1em;
  }
  .footer-menu {
    font-size: 2.0rem;
    margin: -1.5rem 0 0 -3rem;
    font-weight: 400;
  }
}

@media (max-width: 1420px) {
  .footer-nav-widgets-wrapper {
    background-image: none;
  }
}
@media (min-width: 1420px) and (max-width: 1520px){
  .footer-nav-widgets-wrapper {
    background-position: calc(0% - 27rem) calc(0% + 1rem);
    background-size: 40rem;
      margin-top: 30px;
  }
}
@media (min-width: 1521px) and (max-width: 1600px){
  .footer-nav-widgets-wrapper {
    background-position: calc(0% - 26rem) calc(0% + 1rem);
    background-size: 44rem;
      margin-top: 30px;
  }
}
/*
@media (min-width: 1481px) and (max-width: 1380px){
  .footer-nav-widgets-wrapper {
      background-position: calc(0% - 18rem) calc(0% + 1rem);
      background-size: 32rem;
  }

  .footer-nav-widgets-wrapper  {
    background-position: calc(0% - 6rem) calc(0% + 1rem);
    background-size: 39rem;
  }

}*/

@media (min-width: 1600px) {
  #three-hexagons {
      background-position: 100% 0px;
      background-size: 37rem;
      margin-top: 30px;
  }
  .header-titles-wrapper {
    margin-right: 16rem;
  }
  .header-inner .toggle-wrapper {
      height: 50px;
  }
}
.header-inner .toggle-wrapper::before {
    width: 0rem;
}


@media (min-width: 1601px) and (max-width: 1820px) {
.footer-nav-widgets-wrapper {
    background-position: calc(10% - 16em) calc(0% + 1rem);
    background-size: 39rem;
    }
}



@media (max-width: 320px) {
  .wp-block-cover-image .wp-block-cover__inner-container, .wp-block-cover .wp-block-cover__inner-container {
    width: calc(100% - 10px);
  }
}






@media (min-width: 1000px) {
.footer-widget-full .widget_media_image {
  padding-left: 2em;
}
.footer-widget-full .widget_media_image:first-child {
  padding: 0em;
}
.footer-widget-full .widget_media_image:last-child {
  padding: 2em;
}
}