/*
Theme Name: Mesmerize Child
Description: Ein Childtheme von Mesmerize
Author: Carlos Baez
Author URI: www.baezdesign.de
Template: mesmerize
Version: 1.0
Tags: DWA San.tec, Lehrte, Niedersachsen, Hannover, Braunschweig, WOlfsburg, Göttingen, Bielefeld
*/

    body {
        color: #000000;
      }

/*//////////////////////////////////Header Anfang*/

    .row.header-description-row.middle-sm {
      background-image: url("/wp-content/uploads/2018/05/Polizeichor-Frankfurt-Logo-250x250px.png");
      background-repeat: no-repeat, repeat;
      background-position: center;
    }

    .empfohlen {
      margin-left:2%;
    }

    a i.fa {
      color: #ffffff;
    }

    a i.fa:hover {
      color: #1e73be;
    }

    .header-top-bar {
      background-color: #242424;
      padding-left: 5%;
      padding-right: 5%;
    }

    .top-bar-field a:hover {
      color: #1e73be;
    }

    .top-bar-field {
      float: left;
      font-size: 12px;
      text-align: left;
      color: #ffffff;
      padding: 11px 15px;
    }

    .top-bar-social-icons a:hover {
      color: #1e73be;
      }

    p.header-subtitle2,
    p.header-subtitle {
      font-family: "Muli", sans-serif;
      font-size: 1.8rem;
      font-weight: 600;
      line-height: 130%;
      color: #ffffff;
      margin-bottom: 1.25rem;
    }

    .inner-header-description.gridContainer {
      display: none;
    }

    .inner-header-description {
      display: none;
    }

/*//////////////////////////////////Header Ende*/


/*//////////////////////////////////Bigline Anfang*/

    .bigline-center {
      background-color: #6d99bf;
      background-color: #6d99bf;
      color: #6d99bf;
      border: #6d99bf;
      height: 4px;
      width: 5%;
      margin: 0 auto;
    }

.bigline {
  background-color: #6d99bf;
  background-color: #6d99bf;
  color: #6d99bf;
  border: #6d99bf;
  height: 4px;
  width: 5%;
}

/*//////////////////////////////////Bigline Ende*/


/*//////////////////////////////////Content Angang*/

    .mesmerize-inner-page .page-content, .mesmerize-inner-page .content, .mesmerize-front-page.mesmerize-content-padding .page-content {
      background-color: #ffffff !important;
    }

/*//////////////////////////////////Content Ende*/


/*//////////////////////////////////Map Anfang*/

    .map {
        -webkit-filter: grayscale(100%);
          -moz-filter: grayscale(100%);
            -ms-filter: grayscale(100%);
            -o-filter: grayscale(100%);
                filter: grayscale(100%);
    }

    .map {
        -webkit-filter: grayscale(0%);
          -moz-filter: grayscale(0%);
            -ms-filter: grayscale(0%);
            -o-filter: grayscale(0%);
                filter: grayscale(0%);
    }

/*//////////////////////////////////Map Ende*/


/*/////////////////////////////// Buttons Anfang */

    .button8 {
      border-radius: 4px;
      background-color: #6d99bf;
      border: none;
      color: #FFFFFF;
      text-align: center;
      font-size: 14px;
      padding: 10px;
      width: 200px;
      transition: all 0.5s;
      cursor: pointer;
      margin: 5px;
      display: block;
        margin-left: auto;
        margin-right: auto
    }

    .button8 span {
      cursor: pointer;
      display: inline-block;
      position: relative;
      transition: 0.5s;
    }

    .button8 span:after {
      content: '\00bb';
      position: absolute;
      opacity: 0;
      top: 0;
      right: -20px;
      transition: 0.5s;
    }

    .button8:hover span {
      padding-right: 25px;
    }

    .button8:hover span:after {
      opacity: 1;
      right: 0;
    }

    .button {
      height: auto;
      font-family: 'Assistant', sans-serif;
      font-size: 0.75rem;
      color: #ffffff;
      background-color: #ffffff;
      border-radius: 5px;
      min-width: 7rem;
      padding: 0.55rem 1.5rem;
      font-weight: 600;
      letter-spacing: 1px;
      text-align: center;
      text-decoration: none;
      cursor: pointer;
      display: inline-block;
      line-height: 0.7rem;
      border: 1px solid #6d99bf;
      vertical-align: middle;
      -webkit-appearance: none;
      margin-bottom: 0.75rem;
    }

    .button {
      background-color: #6d99bf;
      border: 2px solid #6d99bf;
    }

    .button.color2:hover {
      color: #ffffff;
      background-color: #6d99bf;
      border-color: #6d99bf;
    }

    .button.color2 {
      color: #6d99bf;
      background-color: #ffffff;
      border-color: #6d99bf;
    }

    .button.color1,
    .button.color1 {
      background-color: #6d99bf;
    }

    .button.outline {
      border-color: #6d99bf;
      color: #6d99bf;
    }

    .button.link {
      border-color: #6d99bf;
      color: #6d99bf;
    }

    .button.color1 {
      color: #6d99bf;
      background-color: #ffffff;
      border-color: #6d99bf;
    }

    .button.color1.outline {
      color: #6d99bf;
      border-color: #6d99bf;
    }

    .contact-form-wrapper input[type=submit] {
      background-color: #6d99bf;
      border: 2px solid #6d99bf;
    }

    .wpforms-form button[type=submit].wpforms-submit.color1.outline {
      color: #6d99bf;
      border-color: #6d99bf;
    }

    .button.color1:hover,
    .button.color1:hover {
      background-color: #3c3c3b;
      border-color: #ffffff;
    }

    .button.color1.outline:hover,
    .button.color1.outline:hover {
      color: #ffffff;
      border-color: #ffffff;
    }

    .button:hover {
      background-color: #3c3c3b;
      border-color: #3c3c3b;
    }

    .button.color1:hover {
      background-color: #6d99bf;
      border-color: #ffffff;
    }

    .button.color2 {
      color: #6d99bf;
      background-color: #ffffff;
      border-color: #6d99bf;
    }

    .button.color2:hover {
      color: #ffffff;
      background-color: #6d99bf;
      border-color: #6d99bf;
    }

    .button {
      border-radius: 4px;
      background-color: #6d99bf;
      border: none;
      color: #FFFFFF;
      text-align: center;
      font-size: 14px;
      padding: 20px;
      width: 200px;
      transition: all 0.5s;
      cursor: pointer;
      margin: 5px;
      display: block;
        margin-left: auto;
        margin-right: auto
    }

/*/////////////////////////////// Buttons Ende */


/*//////////////////////////////////Links Anfang*/

    a {
        color: #1e73be;
        text-decoration: none;
      }
      
      a:hover {
        color: #29235C;
      }
      
      a:link  { 
      text-decoration: none;
      }
      
      a:active  {
      text-decoration: none;
      } 
      
      a.color1:not(.button):hover {
        color: #6d99bf;
      }
      
      a:hover {
        color: #6d99bf;
      }
  
/*//////////////////////////////////Links Ende*/


/*//////////////////////////////////Farben Anfang*/

    .background-blue {
      background-color: #6d99bf;
      width: 100%;
    }

    element.style {
        fill: #1e73be;
    }

    .staedte {
      color: #1e73be;
    }

    .color1 {
      color: #1e73be;
    }

    .bg-color1 {
      background-color: #1e73be;
    }

    .border-color1 {
      border-color: #1e73be;
    }

    a.color1:not(.button) {
      color: #1e73be;
    }

    hr.small-line.color1 {
      background-color: #1e73be;
    }

    .circle-counter.color1 .circle-bar {
      stroke: #1e73be;
    }

    a {
      color: #1e73be;
    }

    .read-more {
      color: #1e73be;
    }

    .read-more.color1 {
      color: #1e73be;
    }

    .tags-list a:hover {
      background-color: #1e73be;
      border-color: #1e73be;
    }

    .read-more.color1:hover {
      color: #1e73be;
    }

    .nav-links .prev-navigation a:hover, .post-comments .navigation .prev-navigation a:hover,
    .nav-links .next-navigation a:hover, .post-comments .navigation .next-navigation a:hover {
      background-color: #6d99bf;
    }

    .sidebar .widget > ul > li a:hover {
      color: #6d99bf;
    }

    .subscribe-form input[type="submit"]:hover {
      background-color: #6d99bf;
      border-color: #6d99bf;
    }

    .contact-form-wrapper input[type=submit]:hover {
      background-color: #6d99bf;
      border-color: #6d99bf;
    }

    .wpforms-form button[type=submit].wpforms-submit.color1:hover {
      background-color: #6d99bf;
      border-color: #6d99bf;
    }

    .comment-list li.comment.byuser {
      border: 1px solid #1e73be;
    }

    .comment-reply-link {
      color: #1e73be;
    }

    svg.section-separator-top path,
    svg.section-separator-bottom path {
      background-color: #1e73be;
    }

    i.fa.icon.bordered, i.fa.icon.card[class*="bottom-border-"] {
      border: 2px solid #1e73be;
    }

    i.fa.icon.reverse {
      background-color: #1e73be;
    }

    hr.small-line {
      background-color: #1e73be;
    }

    .subscribe-form input[type="submit"] {
      background-color: #1e73be;
      border: 2px solid #1e73be;
    }

    .top-right-triangle.color1 {
      border-right-color: #1e73be;
    }

    .checked.decoration-color1 li:before {
      color: #1e73be;
    }

    .stared.decoration-color1 li:before {
      color: #1e73be;
    }

    .card.bottom-border-color1 {
      border-bottom-color: #1e73be;
    }

    .card.card-color1 {
      background-color: #1e73be;
    }

    .card.bg-color1 {
      background-color: #1e73be;
    }

    .border-color1 {
      border-color: #1e73be;
    }

    .contact-form-wrapper input[type=submit] {
      background-color: #1e73be;
      border: 2px solid #1e73be;
    }

    .wpforms-form button[type=submit].wpforms-submit.color1.outline {
      color: #1e73be;
      border-color: #1e73be;
    }

    .background-blue {
        background-color: #1e73be;
        width: 100%;
        padding: 25px 0 25px 0;
    }

    .font-white {
        color: #ffffff;
    }

/*//////////////////////////////////Farben Ende*/


/*//////////////////////////////////Footer Anfang*/

    .mesmerize-content-padding #page > .page-content, .mesmerize-inner-page #page > .page-content {
      padding-bottom: 2rem;
    }

    .footer a:hover {
      color: #6d99bf;
    }

    .footer a {
      color: #000000;
      text-decoration: none;
    }

    .footer-contact-boxes .col-sm-3 {
        padding-top: 20px;
        padding-bottom: 20px;
      }

    .footer {
      color: #ffffff;
    }

    .footer-nav {
      text-align: center;
    }

    .footer-contact-boxes .footer-bg-accent {
      padding-left: 1rem;
      padding-right: 1rem;
      background-color: #222222;
    }

    .footer a:hover {
      color: #6d99bf;
    }

    .footer a:hover .fa {
      color: #6d99bf;
    }

    .footer form input[type="submit"] {
      background-color: #1e73be;
      outline: 1px solid #1e73be;
    }

    .footer-contact-boxes a {
      color: #ffffff;
    }

    .footer-contact-boxes a:hover {
      color: #6d99bf;
    }

    .footer-contact-boxes .fa:hover{
      color: #ffffff;
    }

    .footer-contact-boxes .fa {
      color: #ffffff;
    }

/*//////////////////////////////////Footer Ende*/


/*//////////////////////////////////Schrift Anfang*/

    label {
        color: #000000;
        margin-bottom: 4px;
        font-size: 15px;
      }
      
      h1.hero-title {
        color: #ffffff;
        margin-bottom: 0.5rem;
        font-size: 5.0rem;
        font-weight: 600;
        line-height: 1.14;
        letter-spacing: 0.9px;
        text-shadow: 1px 1px #000000;
      }
      
      h1.title, h1, h2, h3, h4, h5, .comment-author .fn, h6 {
        font-family: "Muli", sans-serif;
        font-weight: 600;
        color: #1e73be;
        text-rendering: optimizeLegibility;
        margin-bottom: 16px;
      }
      
      p.header-subtitle2, p.header-subtitle {
        font-family: "Muli", sans-serif;
        font-size: 1.8rem;
        font-weight: 600;
        line-height: 130%;
        color: #ffffff;
        margin-bottom: 1.25rem;
        text-shadow: 1px 1px #000000;
    }

      h3,
      .h3 {
        color:#1e73be;
        font-family: "Muli", sans-serif;
      }
      
      h4,
      .h4 {
        color:#1e73be;
        font-family: "Muli", sans-serif;
      }
  
/*//////////////////////////////////Schrift Ende*/


/*//////////////////////////////////Navigation Anfang*/

    .navigation-bar.fixto-fixed {
        transform: translateZ(0);
        background-color: #22222a;
        box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.33);
        opacity: 0.8;
      }
      
      .navigation-bar.coloured-nav.bordered {
        box-shadow: 0 0 5px 2px rgba(0,0,0,.33);
      }
      
      .navigation-bar.fixto-fixed {
        box-shadow: 0 0 5px 2px rgba(0,0,0,.33);
      }
      
      .coloured-nav ul.dropdown-menu > li,
      .fixto-fixed ul.dropdown-menu > li {
        color: #1e73be;
      }
      
      .navigation-bar.coloured-nav {
        box-shadow: 0 0 5px 2px rgba(0,0,0,.33)
      }
      
      .navigation-bar.coloured-nav {
        background-color: #ffffff;
      }
      
      ul.dropdown-menu.active-line-bottom > li:not(.current-menu-item):not(.current_page_item):hover > a,
      ul.dropdown-menu.active-line-bottom > li:not(.current-menu-item):not(.current_page_item).hover > a, 
      ul.dropdown-menu.default > li:not(.current-menu-item):not(.current_page_item):hover > a,
      ul.dropdown-menu.default > li:not(.current-menu-item):not(.current_page_item).hover > a {
        color: #6d99bf;
      }
      
        ul.dropdown-menu > li:hover > a, ul.dropdown-menu > li.hover > a {
          color: #6d99bf;
        }
      
      ul.dropdown-menu.simple-menu-items > .current_page_item > a,
      ul.dropdown-menu.simple-menu-items > .current-menu-item > a {
        color: #1e73be;
      }
      
      ul.dropdown-menu.active-line-bottom > .current_page_item > a,
      ul.dropdown-menu.active-line-bottom > .current-menu-item > a, ul.dropdown-menu.default > .current_page_item > a,
      ul.dropdown-menu.default > .current-menu-item > a {
        border-bottom: 3px solid #1e73be;
      }
      
      ul.dropdown-menu.active-line-top > .current_page_item > a,
      ul.dropdown-menu.active-line-top > .current-menu-item > a {
        border-top: 3px solid #1e73be;
      }
      
      ul.dropdown-menu.active-round-button > .current_page_item > a,
      ul.dropdown-menu.active-round-button > .current-menu-item > a {
        background-color: #1e73be;
      }
      
      ul.dropdown-menu.active-arrow-down > .current_page_item:after,
      ul.dropdown-menu.active-arrow-down > .current-menu-item:after {
        border-color: transparent transparent #6d99bf transparent;
      }
      
      ul.dropdown-menu.active-round-border-button > .current_page_item > a,
      ul.dropdown-menu.active-round-border-button > .current-menu-item > a {
        border: 2px solid #1e73be;
        color: #1e73be;
      }
      
      ul.dropdown-menu.active-line-top-bottom > .current_page_item > a,
      ul.dropdown-menu.active-line-top-bottom > .current-menu-item > a {
        border-top: 1px solid #1e73be;
        border-bottom: 1px solid #1e73be;
        color: #1e73be;
      }
      
      .coloured-nav ul.dropdown-menu.active-line-bottom > .current_page_item > a,
      .coloured-nav ul.dropdown-menu.active-line-bottom > .current-menu-item > a, .coloured-nav ul.dropdown-menu.default > .current_page_item > a,
      .coloured-nav ul.dropdown-menu.default > .current-menu-item > a,
      .fixto-fixed ul.dropdown-menu.active-line-bottom > .current_page_item > a,
      .fixto-fixed ul.dropdown-menu.active-line-bottom > .current-menu-item > a,
      .fixto-fixed ul.dropdown-menu.default > .current_page_item > a,
      .fixto-fixed ul.dropdown-menu.default > .current-menu-item > a {
        border-bottom: 3px solid #1e73be;
      }
      
      .coloured-nav ul.dropdown-menu.active-line-bottom > li:not(.current-menu-item):not(.current_page_item):hover > a,
      .coloured-nav ul.dropdown-menu.active-line-bottom > li:not(.current-menu-item):not(.current_page_item).hover > a, 
      .coloured-nav ul.dropdown-menu.default > li:not(.current-menu-item):not(.current_page_item):hover > a,
      .coloured-nav ul.dropdown-menu.default > li:not(.current-menu-item):not(.current_page_item).hover > a,
      .fixto-fixed ul.dropdown-menu.active-line-bottom > li:not(.current-menu-item):not(.current_page_item):hover > a,
      .fixto-fixed ul.dropdown-menu.active-line-bottom > li:not(.current-menu-item):not(.current_page_item).hover > a,
      .fixto-fixed ul.dropdown-menu.default > li:not(.current-menu-item):not(.current_page_item):hover > a,
      .fixto-fixed ul.dropdown-menu.default > li:not(.current-menu-item):not(.current_page_item).hover > a {
        color: #333333;
      }
      
      .coloured-nav ul.dropdown-menu.active-line-top > .current_page_item > a,
      .coloured-nav ul.dropdown-menu.active-line-top > .current-menu-item > a,
      .fixto-fixed ul.dropdown-menu.active-line-top > .current_page_item > a,
      .fixto-fixed ul.dropdown-menu.active-line-top > .current-menu-item > a {
        border-top: 3px solid #1e73be;
      }
      
      .coloured-nav ul.dropdown-menu.active-line-top > li:not(.current-menu-item):not(.current_page_item):hover > a,
      .coloured-nav ul.dropdown-menu.active-line-top > li:not(.current-menu-item):not(.current_page_item).hover > a,
      .fixto-fixed ul.dropdown-menu.active-line-top > li:not(.current-menu-item):not(.current_page_item):hover > a,
      .fixto-fixed ul.dropdown-menu.active-line-top > li:not(.current-menu-item):not(.current_page_item).hover > a {
        color: #6d99bf;
      }
      
      .coloured-nav ul.dropdown-menu.active-round-button > .current_page_item > a,
      .coloured-nav ul.dropdown-menu.active-round-button > .current-menu-item > a,
      .fixto-fixed ul.dropdown-menu.active-round-button > .current_page_item > a,
      .fixto-fixed ul.dropdown-menu.active-round-button > .current-menu-item > a {
        background-color: #1e73be;
      }
      
      .coloured-nav ul.dropdown-menu.active-round-button > li:not(.current-menu-item):not(.current_page_item):hover > a,
      .coloured-nav ul.dropdown-menu.active-round-button > li:not(.current-menu-item):not(.current_page_item).hover > a,
      .fixto-fixed ul.dropdown-menu.active-round-button > li:not(.current-menu-item):not(.current_page_item):hover > a,
      .fixto-fixed ul.dropdown-menu.active-round-button > li:not(.current-menu-item):not(.current_page_item).hover > a {
        border: 2px solid #6d99bf;
        color: #6d99bf;
      }
      
      .coloured-nav ul.dropdown-menu.active-arrow-down > .current_page_item:after,
      .coloured-nav ul.dropdown-menu.active-arrow-down > .current-menu-item:after,
      .fixto-fixed ul.dropdown-menu.active-arrow-down > .current_page_item:after,
      .fixto-fixed ul.dropdown-menu.active-arrow-down > .current-menu-item:after {
        border-color: transparent transparent #6d99bf transparent;
      }
      
      .coloured-nav ul.dropdown-menu.active-round-border-button > .current_page_item > a,
      .coloured-nav ul.dropdown-menu.active-round-border-button > .current-menu-item > a,
      .fixto-fixed ul.dropdown-menu.active-round-border-button > .current_page_item > a,
      .fixto-fixed ul.dropdown-menu.active-round-border-button > .current-menu-item > a {
        border: 2px solid #1e73be;
        color: #1e73be
      }
      
      .coloured-nav ul.dropdown-menu.active-round-border-button > li:not(.current-menu-item):not(.current_page_item):hover > a,
      .coloured-nav ul.dropdown-menu.active-round-border-button > li:not(.current-menu-item):not(.current_page_item).hover > a,
      .fixto-fixed ul.dropdown-menu.active-round-border-button > li:not(.current-menu-item):not(.current_page_item):hover > a,
      .fixto-fixed ul.dropdown-menu.active-round-border-button > li:not(.current-menu-item):not(.current_page_item).hover > a {
        border: 2px solid #6d99bf;
        color: #6d99bf;
      }
      
      .coloured-nav ul.dropdown-menu.active-line-top-bottom > .current_page_item > a,
      .coloured-nav ul.dropdown-menu.active-line-top-bottom > .current-menu-item > a,
      .fixto-fixed ul.dropdown-menu.active-line-top-bottom > .current_page_item > a,
      .fixto-fixed ul.dropdown-menu.active-line-top-bottom > .current-menu-item > a {
        border-top: 1px solid #1e73be;
        border-bottom: 1px solid #1e73be;
        color: #1e73be;
      }
      
      .coloured-nav ul.dropdown-menu.active-line-top-bottom > li:not(.current-menu-item):not(.current_page_item):hover > a,
      .coloured-nav ul.dropdown-menu.active-line-top-bottom > li:not(.current-menu-item):not(.current_page_item).hover > a,
      .fixto-fixed ul.dropdown-menu.active-line-top-bottom > li:not(.current-menu-item):not(.current_page_item):hover > a,
      .fixto-fixed ul.dropdown-menu.active-line-top-bottom > li:not(.current-menu-item):not(.current_page_item).hover > a {
        color: #6d99bf;
      }
      
      .nav-links .prev-navigation a, .post-comments .navigation .prev-navigation a,
      .nav-links .next-navigation a, .post-comments .navigation .next-navigation a {
        border: solid 2px #1e73be;
        color: #1e73be;
      }
      
      .nav-links .numbers-navigation span.current, 
      .post-comments .navigation .numbers-navigation span.current, 
      .nav-links .numbers-navigation a:hover, 
      .post-comments .navigation .numbers-navigation a:hover {
        background-color: #6d99bf;
      }
  
/*//////////////////////////////////Navigation Ende*/


/*//////////////////////////////////Dropdown Menu Anfang*/

    ul.dropdown-menu ul li a {
      color:#1e73be;
    }

/*//////////////////////////////////Dropdown Menu Ende*/


/*//////////////////////////////////Mobile Ansicht Anfang*/

    @media (max-width: 768px) {
        h1.hero-title {
          font-size: 2.5rem;
        } 
    }

    @media (max-width: 768px) {
        .bigline {
            margin: 0 auto;
            margin-bottom: 20px;
        } 
    }

    @media (max-width: 768px) {
        .button8 {
          margin-bottom: 40px;
      } 
    }

    @media (max-width: 768px) {
        .header-homepage .header-description-row {
          padding-top: 40% !important;
          padding-bottom: 40% !important;
        } 
      }

    @media (max-width: 768px) {
        .row.header-description-row.middle-sm {
          background-image: url("/wp-content/uploads/2018/05/Polizeichor-Frankfurt-Logo-140x140px.png");
      } 
    }

/*//////////////////////////////////Mobile Ansicht Ende*/

  
/*/////////////////////////////// Zoom Animation Anfang */

    .zoom {
      padding: 50px;
      background-color: green;
      transition: transform .2s; /* Animation */
      width: 200px;
      height: 200px;
      margin: 0 auto;
    }

    .zoom:hover {
      transform: scale(1.5); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
    }

/*/////////////////////////////// Zoom Animation Ende */


/*/////////////////////////////// Schrift Animation Anfang */

    .hovering {
      animation-name: hovering;
      animation-duration: 3s;
      animation-iteration-count: infinite;
      animation-timing-function: ease-in-out;
    }


    @keyframes hovering {
      from {transform:translate(0, 0px);}
      50% {transform:translate(0, -15px);}
      to {transform: translate(0, -0px);}
    }

/*/////////////////////////////// Schrift Animation Ende */



/*/////////////////////////////// Images Anfang */

    .wp-block-image img {
      border-radius: 10px;
    }

    .wp-block-image.no-radius img {
      border-radius: 0px;
    }

/*/////////////////////////////// Images Ende */

.contentswap-effect.visible .overlay, .contentswap-effect:hover .overlay {
  opacity: 1;
}

/*/////////////////////////////// ContentMenu padding */
 
.gridContainer .wp-block-navigation__responsive-container.is-menu-open {
	padding-top: 150px;
}