/*
Theme Name: Tempus Muster
Version: 1.3
Author: Tempus Webdesign
Author URI: https://tempus-webdesign.de
Stand: 14.06.2022
*/
html {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  
  *,
  *:before,
  *:after {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  
  a:link,
  a:visited {
    color: #66676b;
    text-decoration: none;
  }
  
  .clr,
  .clearfix {
    clear: both;
  }
  
  p,
  li {
    word-wrap: break-word;
    line-height: 1.2em;
  }
  h1 {
    font-weight: normal;
    padding: 0;
    margin: 0;
  }
  h2,
  h3,
  h4 {
    font-weight: normal;
    padding-bottom: 1em;
  }
  p,
  ul,
  ol {
    padding-bottom: 1em;
  }
  ul,
  ol {
    padding-left: 2em;
  }
  .liste-none {
    padding: 0;
  }
  .liste-none ul li,
  ul.liste-none li {
    list-style-type: none;
  }
  ul.list-center {
    justify-content: center;
  }
  
  .mb-1 {
    margin-bottom: 1em;
  }
  .mb-2 {
    margin-bottom: 2em;
  }
  .p-0 {
    padding: 0;
  }
  .ph-1,
  .ph-2,
  .ph-3,
  .ph-4 {
    padding-top: 1em;
    padding-bottom: 1em;
  }
  
  .pb-1,
  .pb-2 {
    padding-left: 1em;
    padding-right: 1em;
  }
  
  .pt-1 {
    padding-top: 1em;
  }
  .pt-2 {
    padding-top: 2em;
  }
  .pt-3 {
    padding-top: 3em;
  }
  .pd-1 {
    padding-bottom: 1em;
  }
  .pd-2 {
    padding-bottom: 2em;
  }
  .pr-1 {
    padding-right: 1em;
  }
  .pr-1 {
    padding-right: 1em;
  }
  .pr-2 {
    padding-right: 2em;
  }
  .pl-1 {
    padding-left: 1em;
  }
  .pl-2 {
    padding-left: 2em;
  }
  .relative {
    position: relative;
  }
  /*=======farben
  =====================*/
  .bg-white {
    background: #fff;
  }
  .bg-black {
    background: #000;
  }
  .txt-white {
    color: #fff;
  }
  .txt-black {
    color: #000;
  }
  /*=======Bilder
  =====================*/
  img {
    float: left;
    width: auto;
    max-width: 100%;
    height: auto;
  }
  
  .alignleft {
    float: left;
    margin: 0 10px 10px 0;
  }
  
  .alignright {
    float: right;
    margin: 0 0 10px 10px;
  }
  
  .alignnon {
    float: left;
  }
  
  .size-full {
    float: left;
    width: 100%;
    height: auto;
  }
  
  /*=====================
  Allgemein
  =====================*/
  .wrapper {
    width: 100%;
    max-width: 75em;
    margin: 0 auto;
    padding-left: env(safe-area-inset-left);
    padding-right: env(safe-area-inset-right);
  }
  
  .one,
  .two {
    float: left;
    width: 100%;
  }
  
  .breadcrumb {
    font-size: 0.8em;
  }
  .txt-center,
  .text-center {
    text-align: center;
  }
  .txt-up {
    text-transform: uppercase;
  }
  .center.button {
    margin: 0 auto;
  }
  .button-center {
    display: flex;
    gap: 0.5em;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
  }
  .flex-content {
    display: flex;
    flex-wrap: wrap;
  }
  .flex-content.center,
  .flex-center {
    justify-content: center;
  }
  .flex-content.center-height {
    align-items: center;
  }
  .flex-end {
    justify-content: flex-end;
  }
  .grid-content {
    display: grid;
  }
  .grid-content.three,
  .grid-content.four,
  .grid-three,
  .grid-content.col-4,
  .grid-four {
    grid-template-columns: repeat(auto-fit, minmax(min(300px, 100%), 1fr));
  }
  .grid-five {
    grid-template-columns: repeat(5, minmax(min(200px, 100%), 1fr));
  }
  .flex-item,
  .grid-item {
  }
  
  .text-center {
    text-align: center;
  }
  .wp-block-buttons {
    column-gap: 2em;
    padding: 1em 0;
  }
  .wp-block-button {
    padding-right: 0.5em;
  }
  .wp-block-buttons.is-content-justification-center {
    display: flex;
  }
  .link-blind {
    display: relative;
  }
  .link-blind:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
  }
  /*=====================
  Zitat
  =====================*/
  blockquote {
    margin: 1.5em 10px;
    padding: 0.5em 10px;
    quotes: "\201C""\201D""\2018""\2019";
  }
  
  blockquote:before {
    color: #cb6959;
    content: open-quote;
    font-size: 4em;
    line-height: 0.1em;
    margin-right: 0.25em;
    vertical-align: -0.4em;
  }
  
  blockquote:after {
    color: #cb6959;
    content: open-quote;
    font-size: 4em;
    line-height: 0.1em;
    margin-right: 0.25em;
    vertical-align: -0.4em;
  }
  
  blockquote p {
    display: inline;
  }
  
  /*=====================
  Header
  =====================*/
  .logo {
    margin: 0 auto;
    display: block;
    float: none;
  }
  
  
  /*=====================
  Main
  =====================*/
  /*--------Kotnakt------*/
  .wpcf7-form {
    font-size: 0.9em;
  }
  .wpcf7-form-control-wrap,
  .wpcf7-acceptance {
    float: left;
    width: 100%;
    margin: 5px 0;
  }
  input,
  textarea,
  select {
    width: 100%;
    border: 1px solid #777a7a;
    padding: 5px;
  }
  input[type="submit"] {
    background: #ccc9c9;
    color: #fff;
    padding: 5px 0;
    border: 0;
  }
  .wpcf7-response-output {
    float: left;
    width: 100%;
  }
  .datenschutz {
    max-width: 50px;
  }
  .wpcf7-acceptance .wpc7-list-acceptance,
  .wpcf7-acceptance .wpcf7-list-item {
    float: left;
    width: 100%;
  }
  [type="checkbox"],
  [type="radio"] {
    float: left;
    max-width: 50px;
  }
  input[name="zustimmung"] {
    width: 13px;
    float: left;
  }
  /*=====================
  Footer
  =====================*/
  .footer-container {
    font-size: 0.9em;
  }
  
  .home-icon {
    max-width: 16px;
    float: left;
    margin: 0 5px;
  }
  
  .impress-nav {
    font-size: 0.9em;
    padding: 0 2%;
  }
  
  .impress-nav ul {
    float: left;
    padding: 10px 0;
    margin: 0;
  }
  
  .impress-nav .children {
    display: none;
  }
  
  .impress-nav li {
    float: left;
    list-style-type: none;
  }
  
  .impress-nav a {
    
    padding: 0 10px;
    color: #000;
  }
  
  .impress-nav .copyright a {
    border: none;
  }
  
  #back-to-top {
    position: fixed;
    /* Wichtig! */
    bottom: 20px;
    right: 10px;
    cursor: pointer;
    padding: 5px;
    display: none;
    z-index: 9999999999;
  }
  
  /*------------------------------------------------600px*/
  @media only screen and (min-width: 600px) {
    .ph-2 {
      padding-top: 2em;
      padding-bottom: 2em;
    }
    .ph-3 {
      padding-top: 3em;
      padding-bottom: 3em;
    }
    .ph-4 {
      padding-top: 4em;
      padding-bottom: 4em;
    }
    .pb-2 {
      padding-left: 2em;
      padding-right: 2em;
    }
    .column.col-2,
    .column.four {
      width: 50%;
    }
  
    .flex-four {
      gap: 1em;
    }
    .gap-1 {
      gap: 1em;
    }
    .gap-2 {
      gap: 2em;
    }
    .gap-3 {
      gap: 3em;
    }
    .gap-4 {
      gap: 4em;
    }
    .row-gap-1 {
      row-gap: 1em;
    }
    .row-gap-2 {
      row-gap: 2em;
    }
  
    .flex-three .item {
      flex-basis: 30%;
      flex-grow: 1;
      flex-shrink: 1;
    }
    /*===================== Header =====================*/
  
    /*===================== Main =====================*/
  
    /*===================== footer =====================*/
  }
  
  /*------------------------------------------------800px*/
  @media only screen and (min-width: 800px) {
    .two {
      width: 50%;
    }
    .coloumn.four {
      width: 25%;
    }
    .big-content,
    .big-teaser {
      max-width: 60%;
    }
    .small-content,
    .small-teaser {
      max-width: 40%;
    }
    .flex-content.col-2 .item {
      flex-basis: 45%;
      flex-grow: 1;
      flex-shrink: 1;
    }
    .flex-content.three .item,
    .flex-content.col-3 .item {
      flex-basis: 31%;
      flex-grow: 1;
      flex-shrink: 1;
    }
    .flex-content.four .item,
    .flex-content.col-4 .item {
      flex-basis: 22%;
      flex-grow: 1;
      flex-shrink: 1;
    }
    .order-right .item:nth-child(1) {
      order: 5;
    }
    .grid-content.col-2 {
      grid-template-columns: 1fr 1fr;
    }
    .grid-content.three,
    .grid-content.columns-3,
    .grid-content.col-3 {
      grid-template-columns: 1fr 1fr 1fr;
    }
    .grid-content.col-4,
    .grid-content.four {
      grid-template-columns: repeat(4, 1fr);
    }
    .grid-content.five {
      grid-template-columns: repeat(5, 1fr);
    }
    .grid-content.six {
      grid-template-columns: repeat(6, 1fr);
    }
    /*===================== Navigation =====================*/
    .main-nav {
      position: relative;
      overflow: visible;
      display: flex;
      justify-content: flex-end;
    }
  
    .js .main-nav.original {
      padding: 1% 0px;
    }
  
    .main-nav.origiinal li:nth-child(1) {
      display: none;
    }
  
    .nav-toggle {
      display: none;
    }
  
    .main-nav ul li {
      float: left;
      width: auto;
      text-transform: uppercase;
      list-style-type: none;
    }
  
    .main-nav li:nth-child(2) {
      border: none;
    }
  
    .main-nav ul li:first-child {
      border: none;
    }
  
    .main-nav ul li a {
      width: 100%;
      padding: 5px 10px;
      border: none;
      position: relative;
    }
  
    .main-nav ul li:not(:first-child):hover a:before
  
    /*, .main-nav ul li:not(:first-child).current_page_item a:before, .main-nav ul li:not(:first-child).current-menu-item a:before */ {
      border-bottom: 1px solid #153e6c;
      position: absolute;
      bottom: 0;
      content: "";
      height: 2px;
      width: 70%;
      left: 15%;
    }
  
    .main-nav.cloned li:nth-child(1) {
      display: block;
    }
  
    .main-nav.cloned li:nth-child(1) a {
      background: url(../img/logo.png) no-repeat center center;
      text-indent: -999999em;
      width: 60px;
      display: block;
      background-size: contain;
      float: left;
    }
  
    /*Kontakt----*/
    .your-name,
    .your-vorname,
    .tel-phone,
    .email-adresse,
    .your-plz,
    .your-ort {
      max-width: 49.5%;
    }
    .your-vorname,
    .email-adresse,
    .your-ort {
      float: right;
    }
  }