/*
Theme Name: Brinkmann RA
Theme URI: https://www.brinkmann.de/
Author: DIGINOVUM
Author URI: https://www.diginovum.de/experten
Description: Individuelles Theme basierendes auf Bootstrap und SEO optimiert
Tags: boilerplate, clean, simple, bootstrap, seo
Text Domain: brinkmann
*/
/**********************************************************************
     _ _       _                                       _
    | (_)     (_)                                     | |
  __| |_  __ _ _ _ __   _____   ___   _ _ __ ___    __| | ___
 / _` | |/ _` | | '_ \ / _ \ \ / / | | | '_ ` _ \  / _` |/ _ \
| (_| | | (_| | | | | | (_) \ V /| |_| | | | | | || (_| |  __/
 \__,_|_|\__, |_|_| |_|\___/ \_/  \__,_|_| |_| |_(_)__,_|\___|
          __/ |
         |___/
***********************************************************************
URL: https://www.diginovum.de
Creator: DIGINOVUM GmbH
Author: Frank Schmitz
Contact: schmitz@diginovum.de
〈 〉 | « » | ← → | ⟵ ⟶ | ‹ › | “ ” | – ⌄ ∨ 📷
❤ ☀ ★ ☂ ☎ ☏ ⌚ ❄ ♫ ☯ 🗸 ✓ ✔✔ 🗹 ✅ ☑
⨯ ✗ ✘ ❌ ☒ ❎ ◄ ► ◅ ▻ • ™ © ® ☘ ✿ ❀ ■
**********************************************************************/





/**********************************************************************
***  TWEAKS
*********************************************************************/
  svg{max-height:100%; /* chrome needs it  */}
  body.logged-in .navbar-fixed-top {top:30px;}
  .embed-responsive > iframe {border: 0 none; bottom: 0; height: 100%; left: 0; position: absolute; top: 0; width: 100%;}
  .bild {background-color: #cecece; width: 100%; min-height: 200px; padding-top: 90px; margin-bottom: 15px;}
  img[class^="wp-image-"], img[class*=" wp-image-"] {display: block; max-width: 100%; height: auto;}
  figure[id^="attachment_"] {width: 100%!important;}
  :focus {outline:0; -webkit-outline: 0; -moz-outline: 0; -ms-outline: 0; -o-outline: 0;}
  .aligncenter {margin-left: auto; margin-right: auto;}
  .screen-reader-text,
  /*.lang-item  {display: none!important;}*/
  /*.container {border: 1px solid tomato;}*/
  .container-fluid {max-width: 1920px; margin: 0 auto;}



/**********************************************************************
*** HELPER
*********************************************************************/
  .light, .light > p {font-weight: lighter;}
  .normal, .normal > p {font-weight: normal;}
  .bold, .bold > p {font-weight: bold;}
  .underline {text-decoration: underline;}
  .italic {font-style: italic!important;}
  .uppercase {text-transform: uppercase;}
  .round {border-radius: 4px;}
  .hidden {display: none!important;}

  .padding {padding:15px;}

  .padding-xs {padding-top: 5px!important; padding-bottom: 5px!important;}
  .padding-xs-top {padding-top: 5px!important;}
  .padding-xs-bottom {padding-bottom: 5px!important;}

  .padding-s {padding-top: 15px!important; padding-bottom: 15px!important;}
  .padding-s-top {padding-top: 15px!important;}
  .padding-s-bottom {padding-bottom: 15px!important;}

  .padding-m {padding-top: 30px; padding-bottom: 30px;}
  .padding-m-top {padding-top: 30px!important;}
  .padding-m-bottom {padding-bottom: 30px!important;}

  .padding-l {padding-top: 60px!important; padding-bottom: 60px!important;}
  .padding-l-top {padding-top: 60px!important;}
  .padding-l-bottom {padding-bottom: 60px!important;}

  .padding-xl {padding-top: 90px!important; padding-bottom: 90px!important;}
  .padding-xl-top {padding-top: 90px!important;}
  .padding-xl-bottom {padding-bottom: 90px!important;}

  .padding-xxl {padding-top: 150px!important; padding-bottom: 150px!important;}
  .padding-xxl-top {padding-top: 150px!important;}
  .padding-xxl-bottom {padding-bottom: 150px!important;}

  .padding-0 {padding-top:0!important; padding-bottom:0!important;}
  .padding-0-bottom {padding-bottom:0!important;}
  .padding-0-top {padding-top:0!important;}

  .no-padding {padding:0!important;}


  .margin {margin: 15px;}

  .margin-s {margin-top: 15px!important; margin-bottom: 15px!important;}
  .margin-s-top {margin-top: 15px!important;}
  .margin-s-bottom {margin-bottom: 15px!important;}

  .margin-m {margin-top: 30px!important; margin-bottom: 30px!important;}
  .margin-m-top {margin-top: 30px!important;}
  .margin-m-bottom {margin-bottom: 30px!important;}

  .margin-l {margin-top: 60px!important; margin-bottom: 60px!important;}
  .margin-l-top {margin-top: 60px!important;}
  .margin-l-bottom {margin-bottom: 60px!important;}

  .margin-xl {margin-top: 90px!important; margin-bottom: 90px!important;}
  .margin-xl-top {margin-top: 90px!important;}
  .margin-xl-bottom {margin-bottom: 90px!important;}

  .margin-xxl {margin-top: 150px!important; margin-bottom: 150px!important;}
  .margin-xxl-top {margin-top: 150px!important;}
  .margin-xxl-bottom {margin-bottom: 150px!important;}

  .margin-0 {margin-top: 0!important; margin-bottom: 0!important;}
  .margin-0-bottom {margin-bottom: 0!important;}
  .margin-0-top {margin-top: 0!important;}

  .no-border,
  .no-border .border {border: 0 solid transparent!important;}
  .border {border: 1px solid #000;}
  .border-top-bottom {border-top: 1px solid black; border-bottom: 1px solid black;}
  .border-right-left {border-right: 1px solid black; border-left: 1px solid black;}
  .border-bottom {border-bottom: 1px solid black;}
  .border-top {border-top: 1px solid black;}
  .border-right {border-right: 1px solid black;}
  .border-left {border-left: 1px solid black;}

  .right {text-align: right;}
  .right > img {float: right;}

  .left {text-align: left;}
  .left > img {float: left;}

  .center {text-align: center;}
  .center > img, img.mitte {margin:0 auto;}
  .img-center {display: block; margin: 0 auto;}

  .hyphens {-webkit-hyphens: auto;-moz-hyphens: auto;hyphens: auto;}
  .box {padding: 15px;}
  .rounded {border-radius: 5px;}

  .h100 {min-height:100px;}
  .h200 {min-height:200px;}
  .h300 {min-height:300px;}
  .h400 {min-height:400px;}
  .h500 {height:500px;}
  .h600 {min-height:600px;}

  .full-height {height: 95vh; position: relative; display:table; width: 100%;}
  .vertical-table {display: table; width: 100%;}
  .vertical-centered {display: table-cell; vertical-align: middle; width: 100%;}

  .display-flex {display: flex; flex-wrap: wrap; justify-content: center;}
  .display-flex-item {display: flex; align-content: stretch; margin: 0 -.3px 30px;}

  .equal-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .equal-height > div[class*='col-'] {
    display: flex;
    flex-direction: column;
    /*margin-left: -1px;
    margin-right: -1px;*/
    justify-content: center;
  }

  .equal-height.v-center {
    align-items: center;
  }

  .equal-height.v-bottom {
    align-items: end;
  }



/**********************************************************************
*** FONTS
*********************************************************************/
  /* montserrat-regular - latin */
  @font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-display: swap;
    font-weight: 400;
    src: url('./fonts/google/montserrat-v15-latin-regular.eot');
    src: local(''),
         url('./fonts/google/montserrat-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('./fonts/google/montserrat-v15-latin-regular.woff2') format('woff2'),
         url('./fonts/google/montserrat-v15-latin-regular.woff') format('woff'),
         url('./fonts/google/montserrat-v15-latin-regular.ttf') format('truetype'),
         url('./fonts/google/montserrat-v15-latin-regular.svg#Montserrat') format('svg');
  }

  /* montserrat-600 - latin */
  @font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-display: swap;
    font-weight: 600;
    src: url('./fonts/google/montserrat-v15-latin-600.eot');
    src: local(''),
         url('./fonts/google/montserrat-v15-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('./fonts/google/montserrat-v15-latin-600.woff2') format('woff2'),
         url('./fonts/google/montserrat-v15-latin-600.woff') format('woff'),
         url('./fonts/google/montserrat-v15-latin-600.ttf') format('truetype'),
         url('./fonts/google/montserrat-v15-latin-600.svg#Montserrat') format('svg');
  }

  /* montserrat-700 - latin */
  @font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-display: swap;
    font-weight: 700;
    src: url('./fonts/google/montserrat-v15-latin-700.eot');
    src: local(''),
         url('./fonts/google/montserrat-v15-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('./fonts/google/montserrat-v15-latin-700.woff2') format('woff2'),
         url('./fonts/google/montserrat-v15-latin-700.woff') format('woff'),
         url('./fonts/google/montserrat-v15-latin-700.ttf') format('truetype'),
         url('./fonts/google/montserrat-v15-latin-700.svg#Montserrat') format('svg');
  }

  /* lato-regular - latin */
  @font-face {
    font-family: 'Lato';
    font-style: normal;
    font-display: swap;
    font-weight: 400;
    src: url('./fonts/google/lato-v17-latin-regular.eot');
    src: local(''),
         url('./fonts/google/lato-v17-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('./fonts/google/lato-v17-latin-regular.woff2') format('woff2'),
         url('./fonts/google/lato-v17-latin-regular.woff') format('woff'),
         url('./fonts/google/lato-v17-latin-regular.ttf') format('truetype'),
         url('./fonts/google/lato-v17-latin-regular.svg#Lato') format('svg');
  }

  /* lato-italic - latin */
  @font-face {
    font-family: 'Lato';
    font-style: italic;
    font-display: swap;
    font-weight: 400;
    src: url('./fonts/google/lato-v17-latin-italic.eot');
    src: local(''),
         url('./fonts/google/lato-v17-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('./fonts/google/lato-v17-latin-italic.woff2') format('woff2'),
         url('./fonts/google/lato-v17-latin-italic.woff') format('woff'),
         url('./fonts/google/lato-v17-latin-italic.ttf') format('truetype'),
         url('./fonts/google/lato-v17-latin-italic.svg#Lato') format('svg');
  }

  /* lato-700 - latin */
  @font-face {
    font-family: 'Lato';
    font-style: normal;
    font-display: swap;
    font-weight: 700;
    src: url('./fonts/google/lato-v17-latin-700.eot');
    src: local(''),
         url('./fonts/google/lato-v17-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('./fonts/google/lato-v17-latin-700.woff2') format('woff2'),
         url('./fonts/google/lato-v17-latin-700.woff') format('woff'),
         url('./fonts/google/lato-v17-latin-700.ttf') format('truetype'),
         url('./fonts/google/lato-v17-latin-700.svg#Lato') format('svg');
  }

  .lato {font-family: 'Lato'!important;}
  .montserrat {font-family: 'Montserrat'!important;}



/**********************************************************************
*** STYLES FÜR brinkmann
*********************************************************************/
  html.loaded {background-color: #fff;}
  html {font-size: 100%; -webkit-text-size-adjust: 100%; color: #181818;}
  #oben {position: absolute; top: 0px;}

  body {
    background-color: #fff;
    color: #181818;
    font-family: 'Lato';
    text-rendering: optimizeLegibility;
    font-size: 16px;
    line-height: 1.4;
    /*font-weight: 700;*/
    /*letter-spacing: 0.3px;*/
  }

  h1, h2, h3, h4, h5, h6,
  .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: 'Montserrat';
    margin-top: 0px;
    margin-bottom: 15px;
    /*color: #181818;*/
    color: #1c243c;
    font-weight: 700;
    line-height: 1.2em;
  }

  h1, .h1 {font-size: 38px;}
  h2, .h2 {font-size: 35px;}
  h3, .h3 {font-size: 28px;}
  h4, .h4 {font-size: 21px;}

  p {
    margin: 0 0 15px;
    /*line-height: 1.5rem;*/
  }

  small {}

  strong {}

  .img-rounded {
    border-radius: 15px;
  }

  hr {
    margin-top: 0px;
    margin-bottom: 0px;
    border-color: #181818;
    border-width: 3px;
  }

  ul {}
  ul li {padding: 5px 0;}

  /*p {font-size: 21px;}*/
  small {font-size: .8rem;}
  figcaption {padding-top: 10px;}

  .xl {font-size: 4rem!important;}
  .l {font-size: 2rem!important;}
  .m {font-size: 1.25rem!important;}
  .s {font-size: .8rem!important;}
  .xs {font-size: .4rem!important;}


  a {
    color: #181818;
    transition: 0.3s all ease;
  }

  p > a {
    text-decoration: underline;
    font-weight: 500;
    margin: 12px 0 0;
    color: #181818;
    transition: 0.3s all ease;
  }
  a:hover {color: #181818;}
  a:focus {color: #181818; outline: none; outline-offset: -2px;}


  .white {color:white!important;}
  .black {color: #181818!important;}
  .grey {color: #f8f4f3!important;}
  .brown {color: #005a8c!important;}
  .blue {color: #032263!important;}
  .darkblue {color: #1c243c!important;}

  .bg-white {background-color:white!important;}
  .bg-white-transparent {background-color: rgb(255,255,255,.8)!important;}
  .bg-black {background-color: #181818!important;}
  .bg-grey {background-color: #f8f4f3!important;}
  .bg-brown {background-color: #005a8c!important;}
  .bg-blue {background-color: #032263!important;}
  .bg-darkblue {background-color: #1c243c!important;}

  .shadow {box-shadow: 0 0px 10px -2px #333;}
  .shadow-s, .btn-brinkmann {box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.20);}
  .shadow-m {box-shadow: 0 8px 10px 1px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12), 0 5px 5px -3px rgba(0,0,0,0.20);}
  .shadow-l, .img-circle {box-shadow: 0 12px 17px 2px rgba(0,0,0,0.14), 0 5px 22px 4px rgba(0,0,0,0.12), 0 7px 8px -4px rgba(0,0,0,0.20);}


  .bg-0 {background-color: transparent; color: black;}
  .bg-1 {background-color: white; color: black;}
  .bg-2 {background-color: black; color: white;}
  .bg-3 {background-color: #f5f5f5;}
  .bg-4, .bg-4 > .container {background-color: #e5c8a8!important;}

  .bg-2 .content-title-heading {color: white!important;}
  .bg-2 .content-subtitle,
  .bg-2 .content-title-subheading {color: white!important;}
  .bg-2 .content-title > div::after {background-color: white!important;}
  .bg-3 .content-title-heading {}

  .button-list ul li a {
    color: white;
    font-family: 'Lato';
    background-color: #005a8c;
    border: 1px solid white;
    border-radius: 5px;
    padding: 10px 15px;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 1.2;
    outline: 0 !important;
    text-align: center;
    vertical-align: middle;
    display: inline-block;
    transition: all .4s ease;
  }

  .button-list ul li a:hover,
  .button-list ul li a:active,
  .button-list ul li a:focus {
    background-color: white;
    color: #005a8c;
    border-color: #b37c46;
    box-shadow: 0 2px 10px rgba(0,0,0,0.16);
    text-decoration: none;
  }

  .btn-brinkmann {
    background: #b37c46 none repeat scroll 0 0;
    border: 4px solid #b37c46;
    text-transform: uppercase;
    border-radius: 5px;
    box-shadow: 0 0 0 1px white inset;
    color: white;
    display: inline-block;
    margin: 15px 0;
    outline: medium none;
    padding: 5px 15px;
    position: relative;
    transition: all 0.5s ease 0s;
    text-decoration: none!important;
  }

  .btn-brinkmann:hover,
  .btn-brinkmann:active {
    color: #b37c46!important;
    border: 4px solid white;
    background-color: white;
    text-decoration: none;
    box-shadow: 0 0 0 1px #b37c46 inset;
  }

  .btn-brinkmann.invertiert {
    background: white none repeat scroll 0 0;
    border: 4px solid white;
    box-shadow: 0 0 0 1px #032263 inset;
    color: #032263;
    padding: 10 30px;
  }

  .btn-brinkmann.invertiert:hover,
  .btn-brinkmann.wpcf7-submit:hover,
  .btn-brinkmann.invertiert:active {
    color: white!important;
    border: 4px solid #032263;
    background-color: #032263;
    text-decoration: none;
    box-shadow: 0 0 0 1px white inset;
  }

  .text-link {
    font-weight: bolder;
    /*padding-right: 40px;*/
    position: relative;
    transition: color .5s ease;
    color: #b37c46;
  }

  .text-link:hover {
    text-decoration: none;
    color: #b37c46;
  }

  .text-link::after {
    content: '→';
    display: inline;
    padding-left: 5px;
    font-size: 1.2rem;
  }


  blockquote {
    font-family: 'Lato';
    font-style: italic;
    /*border-left-width: 0px;*/
    color: #181818;
    padding: 30px 15px;
    margin: 0 0 15px;
    border-left: 5px solid #032263;
    background-color: #ececec;
  }



/**********************************************************************
*** NAVBAR
*********************************************************************/
  .navbar-brinkmann .open > .dropdown-menu{display:none;}
  .navbar-brinkmann li.dropdown:hover .dropdown-menu {display: block;}

  .navbar-brinkmann.bg-blue {
    box-shadow: 0 1px 5px 0px #181818;
  }

  #meta-links {
    position: absolute;
    right: 15px;
    top: 5px;
  }

  #portal-link,
  #service-link {
    font-size: 12px;
    background-color: #005a8c;
    color: white;
    padding: 5px 10px;
    border-radius: 5px;
    margin-left: 15px;
  }

  #service-link {

  }

  .navbar-brinkmann {
    transition: 1s background-color ease;
    /*top: 15px;*/
    background-color: transparent;
    margin-bottom: 0;
    /*position: absolute;*/
    width: 100%;
    z-index: 9;
  }

  .navbar-brinkmann .navbar-nav > li > a {
    font-family: 'Montserrat';
    font-weight: 600;
    font-size: 14px;
    color: #fff;
    padding: 5px 15px;
    text-transform: uppercase;
    text-shadow: 1px 1px 5px #032263;
  }

  .navbar-brinkmann .nav li > a:focus,
  .navbar-brinkmann .nav li > a:hover,
  .navbar-brinkmann .nav li.active > a,
  .navbar-brinkmann .nav li.current-page-ancestor > a,
  .navbar-brinkmann .nav li.current_page_parent > a {
    background-color: transparent;
    /*color: #b37c46;*/
    color: #032263;
    /*text-shadow: none;*/
    text-shadow: 1px 1px 5px #fff;
  }

  .navbar-brinkmann.bg-blue .nav li > a:focus,
  .navbar-brinkmann.bg-blue .nav li > a:hover,
  .navbar-brinkmann.bg-blue .nav li.active > a,
  .navbar-brinkmann.bg-blue .nav li.current-page-ancestor > a,
  .navbar-brinkmann.bg-blue .nav li.current_page_parent > a {
    background-color: transparent;
    color: #b37c46;
    text-shadow: none;
  }


  #hauptmenu {
    padding: 40px 0 0;
    transition: 1s padding ease;
  }

  #menu-hauptmenu {
    padding-top: 5px;
  }

  .navbar-brand {
    padding: 5px 15px 0;
    height: auto;
  }

  #logo {
    height: 88px;
    transition: 1s height ease;
  }


  #page-navigation > .container {
    position: relative;
  }

  .navbar-brinkmann ul.dropdown-menu {
    text-align: left;
    background-color: #fff;
    border-radius: 0px!important;
    /*border-top-left-radius: 10px!important;
    border-top-right-radius: 10px!important;*/
    padding: 0;
    left: 15px;
    right: auto;
  }

  .navbar-brinkmann .dropdown-menu li {
    padding: 0 5px;
  }

  .navbar-brinkmann .dropdown-menu li a {
    font-size: 16px;
    padding: 10px 5px;
    color: white;
    border-bottom: 1px solid rgba(0,0,0,.1);
    /*color: #b37c46;*/
    color: #181818;
  }

  .navbar-brinkmann .dropdown-menu li a:hover,
  .navbar-brinkmann .dropdown-menu li a:focus,
  .navbar-brinkmann .dropdown-menu li.active a {
    color: #b37c46!important;
    font-weight: bold;
  }

  .navbar-brinkmann.bg-blue #logo {
    height: 60px;
  }

  .navbar-brinkmann.bg-blue #hauptmenu {
    padding-top: 25px;
  }



/**********************************************************************
*** PAGE HEADER SLIDER
*********************************************************************/
  #page-header-slider {
    /*height: 960px;*/
    height: 85vh;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
    padding: 120px 0;
    position: fixed;
    /*z-index: 9;*/
    width: 100%;
    top: 0;
    max-width: 1920px;
    margin: 0 auto;
    left: 0;
    right: 0;
  }

  #header-slider {
    padding-top: 100px;
  }

  .header-slider-item {
    position: relative;
    width: 100%;
  }

  .header-slider-item-content {
    padding: 30px 0 0 20px;
  }

  .header-slider-item-content::before {
    content: '';
    width: 150px;
    height: 150px;
    display:block;
    background-color: #032263;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 25px;
  }

  .header-slider-item-content {
    color: white;
  }

  .header-slider-item-content .page-header-title {
    font-size: 70px;
    line-height: 1;
    font-family: 'Montserrat';
    font-weight: 600;
    z-index: 1;
    position: relative;
  }

  .header-slider-item-content .page-header-text {
    font-size: 18px;
    padding-top: 30px;
  }

  #header-slider .flickity-page-dots {
    bottom: -25px;
  }

  #header-slider .flickity-page-dots .dot {
    width: 15px;
    height: 15px;
    margin: 0 8px;
    background: white;
    border-radius: 2px;
    opacity: 1;
  }

  #header-slider .flickity-page-dots .dot.is-selected {
    background: #b37c46;
  }

  .header-slider-item-content {
    text-shadow: 2px 2px 2px #032263;
  }



  /*#page-header .col-sm-12 {
    padding-left: 0;
    padding-right: 0;
  }

  .page-header-slider-item {
    width: 100%;
    max-width: 1920px;
  }

  .page-header-slider-item-content > img {
    height: auto;
    max-width: 100%;
    display: block;
  }

  .page-header-slider-item-content {
    position: relative;
  }

  #page-header-slider .page-header-text {
    position: absolute;
    top: 120px;
    left: 15%;
    max-width: 550px;
  }

  #page-header-slider .flickity-page-dots {
    bottom: 25px;
  }

  #page-header-slider .flickity-page-dots .dot {
    width: 20px;
    height: 20px;
    margin: 0 8px;
    background: transparent;
    border: 2px solid white;
    opacity: 1;
    box-shadow: -5px 4px 10px -2px #000;
  }

  #page-header-slider .flickity-page-dots .dot.is-selected {
    background-color: white;
  }*/



/**********************************************************************
*** PAGE HEADER BG
*********************************************************************/
  #page-header-bg {
    height: 600px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 200px 0 0;
    position: fixed;
    width: 100%;
    top: 0;
  }

  #page-header-wrapper {
    /*height: 460px;
    display: table;
    width: 100%;*/
  }

  #page-header-wrapper::before {
    content: '';
    width: 150px;
    height: 150px;
    display: block;
    background-color: #032263;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 25px;
    z-index: 1;
  }

  #page-header-title {
    font-family: 'Montserrat';
    font-weight: 600;
    font-size: 70px;
    line-height: 1.1;
    color: #fff;
    position: relative;
    z-index: 2;
    padding: 30px 0 0 20px;
    text-shadow: 2px 2px 2px #032263;
  }

  #page-header-text strong {
    font-weight: 600!important;
    color: #b37c46;
  }

  #page-header-text {
    font-family: 'Montserrat';
    font-weight: 500;
    font-size: 26px;
    color: #fff;
    text-shadow: 2px 2px 2px #032263;
    position: relative;
    padding: 30px 0 0 30px;
    z-index: 9;
  }



/**********************************************************************
*** PAGE HEADER IMAGE
*********************************************************************/
  /*#page-header-img .col-sm-12 {
    padding-left: 0;
    padding-right: 0;
    position: relative;
    padding-top: 40%;
  }

  #page-header-img .col-sm-12 > img {
    position: absolute;
    top: 0;
  }*/



/**********************************************************************
*** HOME
*********************************************************************/
  .home #page-header-bg {
    height: 800px;
    padding: 240px 0 0;
  }

  .home #main-content {
    margin-top: 750px;
  }

  .home .content-title {
    text-align: center;
  }

  /*.home .navbar-brinkmann .nav li > a:focus,
  .home .navbar-brinkmann .nav li > a:hover,
  .home .navbar-brinkmann .nav li.active > a,
  .home .navbar-brinkmann .nav li.current-page-ancestor > a,
  .home .navbar-brinkmann .nav li.current_page_parent > a {
    color: #032263;
    text-shadow: 0px 0px 2px #fff;
  }

  .home .navbar-brinkmann.bg-blue .nav li > a:focus,
  .home .navbar-brinkmann.bg-blue .nav li > a:hover,
  .home .navbar-brinkmann.bg-blue .nav li.active > a,
  .home .navbar-brinkmann.bg-blue .nav li.current-page-ancestor > a,
  .home .navbar-brinkmann.bg-blue .nav li.current_page_parent > a {
    color: #b37c46;
  }*/



/**********************************************************************
*** CONTENT SECTIONS
*********************************************************************/
  #main-content {
    margin-top: 570px;
    padding-top: 0px;
    background-color: white;
    z-index: 1;
    position: relative;
  }

  .content-anchor-link {
    display: block;
    position: relative;
    top: -100px;
    visibility: hidden;
  }

  .content-section {
    position: relative;
    padding-top: 30px;
    padding-bottom: 30px;
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
  }

  .content-title {
    text-align: left;
  }

  /*.content-title-subline {
    margin-bottom: 15px;
    font-size: 1.4rem;
    font-weight: bold;
  }*/

  .content-title-heading {
    hyphens: auto;
  }

  .content-intro {}
  .content-area h2,
  .content-area h3,
  .content-area h4,
  .content-area h5 {
    margin-top: 30px;
  }

  .content-outro {}

  .content-link {
    padding-top: 15px;
  }

  .content-section ul li {
    list-style-type: square;
  }

  .inline-list ul {
    list-style-type: none;
    padding-left: 0;
  }

  .inline-list ul li {
    display: inline-table;
    width: 33%;
    padding: 5px;
    height: 60px;
  }

  .button-list ul li a {
    width: 100%;
    min-height: 50px;
    vertical-align: middle;
    height: 100%;
    display: table-cell;
  }

  .content-section-thumbnail {
    padding-top: 30px;
  }



    /*****************************
    *** TEXT
    ******************************/
      .content-section-text . content-area ul {
        list-style-type: none;
      }


    /*****************************
    *** BLUE BLOCK
    ******************************/
      .content-section-blue-block {
        /*padding-top: 0;
        padding-bottom: 0;
        margin-top: 60px;
        margin-bottom: 60px;*/
      }

      .content-section-blue-block.block-left .content-section-blue-block-bg {
        /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#032263+30,ffffff+30 */
        background: #032263; /* Old browsers */
        background: -moz-linear-gradient(left,  #032263 30%, #ffffff 30%); /* FF3.6-15 */
        background: -webkit-linear-gradient(left,  #032263 30%,#ffffff 30%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right,  #032263 30%,#ffffff 30%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#032263', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
      }

      .content-section-blue-block.block-right .content-section-blue-block-bg {
        /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+70,032263+70 */
        background: #ffffff; /* Old browsers */
        background: -moz-linear-gradient(left,  #ffffff 70%, #032263 70%); /* FF3.6-15 */
        background: -webkit-linear-gradient(left,  #ffffff 70%,#032263 70%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right,  #ffffff 70%,#032263 70%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#032263',GradientType=1 ); /* IE6-9 */
      }

      .blue-block {
        padding: 30px;
        border-radius: 25px;
        color: white;
      }

      .blue-block-text strong,
      .blue-block-text b {
        padding-top: 10px;
        font-size: 1.1rem;
      }

      .blue-block-sidebar img {
        margin-bottom: 15px;
      }

      .blue-block-sidebar li a {
        font-size: 1.2rem;
        color: #b37c46;
      }



    /*****************************
    *** ICONS
    ******************************/
      .icons-item-icon {
        margin-bottom: 10px;
      }

      .icons-item-number {
        font-size: 2rem;
        color: #1c243c;
        font-weight: bold;
      }

      .icons-item-title {
        font-size: 1rem;
        color: #1c243c;
        font-weight: bold;
      }

      .home .icons-item-title {
        font-size: 1.2rem;
        color: #1c243c;
        font-weight: bold;
        text-transform: uppercase;
      }


    /*****************************
    *** BLOG
    ******************************/
      .blog-item {
        height: 100%;
        position: relative;
        padding-bottom: 30px;
      }

      .blog-item-image img {
        border-radius: 15px;
        margin-bottom: 15px;
      }

      .blog-item-title .content-title-subheading {
        font-size: 1.3rem;
      }

      .blog-item-link {
        position: absolute;
        bottom: 15px;
        right: 0;
      }


    /*****************************
    *** TEAM
    ******************************/
      .team-wrapper {
        height: 100%;
        margin-bottom: 30px;
      }

      .team-name h2,
      .team-name h3 {
        margin: 15px 0 0;
      }

      .team-position {
        padding-left: 10px;
      }

      .team-expertise {
       padding-left: 15px;
      }

      .team-expertise ul {
        list-style-type: none;
        padding-left: 15px;
      }


    /*****************************
    *** CONTACT PERSON
    ******************************/
      .contactperson-item {
        padding: 30px;
        /*border-radius: 25px;*/
        margin-bottom: 45px;
      }

      .contactperson-title {
        font-size: 1.6rem;
        margin-bottom: 15px;
      }

      .contactperson-name {
        font-size: 1.3rem;
      }

      .contactperson-position {
        margin-bottom: 15px;
      }

      .contactperson-item .glyphicon {
        margin-right: 10px;
        vertical-align: text-bottom;
      }

      .contactperson a {
        text-decoration: none!important;
      }


    /*****************************
    *** SHORTCODE
    ******************************/
      .content-section-shortcode {
        /*min-height: 700px;*/
      }


    /*****************************
    *** IMAGE
    ******************************/



    /*****************************
    *** TILES
    ******************************/
      .content-tiles-item {
        margin-bottom: 30px;
      }

      .tiles-item {
        height: 100%;
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
        min-height: 230px;
        width: 100%;
        display: table;
        border-radius: 15px;
        transition: all .5s ease;
      }

      .tiles-item.bg-brown:hover {
        background-color: #032263!important;
      }

      .tiles-item.bg-darkblue:hover {
        background-color: #b37c46!important;
      }

      .tiles-item-content {
        display: table-cell;
        vertical-align: middle;
        padding: 15px;
      }

      .content-section-tiles .content-title-subheading {
        margin: 0!important;
        font-size: 1.5rem;
      }

      .content-tiles-item > a {
        text-decoration: none;
      }

      .content-tiles-item > a:hover {
        box-shadow: 0 2px 10px rgba(0,0,0,0.16);
      }

      .content-tiles-item.col-lg-12.col-sm-6 {
        width: 100%;
      }

      .content-tiles-item.col-lg-12.col-sm-6 .tiles-item {
        min-height: 150px;
      }



    /*****************************
    *** JOBLIST
    ******************************/
      .content-section-jobs .joblist {
        padding-left: 0;
      }

      .content-section-jobs ul.joblist li {
        list-style-type: none;
        padding: 15px 15px;
        background-color: #eee;
        margin: 30px 0;
        border-radius: 10px;
      }

      .job-title {
        margin: 0!important;
      }



/**********************************************************************
*** SIDEBAR
*********************************************************************/
  #sidebar {
    padding: 60px 15px;
  }

  section.widget {
    margin-bottom: 30px;
    border-radius: 15px;
  }

  .widget_custom_html {
    background-color: #eeeeee;
    padding: 15px;
  }



/**********************************************************************
*** PAGE SECTIONS
*********************************************************************/
  #page-sections {
    padding: 60px 0 0;
    background-color: white;
    position: relative;
    z-index: 1;
  }


  /*****************************
  *** PAGE CONTACT
  ******************************/
    /*#page-contact {padding-bottom: 60px;}

    .img-page-contact {
      max-width: 90%;
      box-shadow: 20px 20px #d1a46b;
      margin: 0 20px 20px 0;
    }

    .page-contact-form-wrapper {padding: 0px 15px 15px;}
    #page-contact-modal .modal-dialog {margin-top: 60px;}

    #page-contact-modal .modal-header {border-bottom: 1px solid transparent;}
    #page-contact-modal .modal-title {margin-bottom: 0!important;}
    #page-contact-modal .wpcf7 {padding-top: 0; margin-bottom: 0;}
    #page-contact-modal .wpcf7-form > p {margin-bottom:0;}*/



/**********************************************************************
*** CPT ANWALT
*********************************************************************/
  .single-brinkmann_anwalt #menu-item-276 > a,
  .single-brinkmann_anwalt #menu-item-276 #menu-item-1811 > a {
    color: #b37c46;
  }

  #single-anwalt {
    padding-top: 60px;
  }

  .single-brinkmann_anwalt #page-header-wrapper::before {
    content: '';
    width: 0;
    height: 0;
    display: none;
  }

  .single-brinkmann_anwalt #page-header-wrapper {
    text-align: center;
  }



/**********************************************************************
*** CPT JOBS
*********************************************************************/
  .single-brinkmann_jobs #menu-item-276 > a,
  .single-brinkmann_jobs #menu-item-276 #menu-item-1810 > a {
    color: #b37c46;
  }

  .single-brinkmann_jobs #page-header-wrapper::before {
    content: '';
    width: 0;
    height: 0;
    display: none;
  }

  .single-brinkmann_jobs #page-header-wrapper {
    text-align: center;
  }

  #single-jobs #article-image {
    margin-bottom: 30px;
  }

  #jobs-description h2,
  #jobs-description h3,
  #jobs-description h4 {
    margin-top: 30px;
  }



/**********************************************************************
*** BLOG
*********************************************************************/
  #blog-list,
  #page-sidebar {
    padding-top: 60px;
  }

  .blog-meta-divider {
    padding: 0 5px;
  }

  .blog-listing-item {
    padding-bottom: 30px;
  }

  .img-blog-listing {
    border-radius: 15px;
  }

  .blog-listing-item-title a {
    text-decoration: none!important;
  }

  .blog-listing-item-title h2 {
    font-size: 1.3rem;
    margin-bottom: 5px;
  }

  .pager li > a, .pager li > span {
    border: 0px solid #ddd;
  }

  .pager li.active > span,
  .pager li > a:focus,
  .pager li > a:hover {
    text-decoration: underline;
    background-color: transparent;
    color: #b37c46;
  }

  .pager li {
    margin: 0 5px;
  }



/**********************************************************************
*** SINGLE
*********************************************************************/
  .single-post #page-header-wrapper::before {
    content: '';
    width: 0;
    height: 0;
    display: none;
  }

  .single-post #page-header-wrapper {
    text-align: center;
  }

  article#main-content {
    padding-top: 0px;
  }

  .link-blog-back {
    font-weight: bold;
    padding-top: 15px;
    display: block;
  }

  #article-author {
    padding: 30px;
    border-radius: 25px;
    margin: 30px 0;
  }

  #article-author-title {
    font-size: 1.6rem;
    margin-bottom: 15px;
  }

  #article-author-name {
    font-size: 1.3rem;
  }

  #article-author-position {
    margin-bottom: 15px;
  }

  #article-author .glyphicon {
    margin-right: 10px;
    vertical-align: text-bottom;
  }

  #article-author a {
    text-decoration: none!important;
  }

  #article-image {
    padding-bottom: 30px;
  }

  #article-related {
    background-color: white;
    z-index: 1;
    position: relative;
  }

  #article-related .content-title {
    padding-bottom: 30px;
  }

  #article-body h1,
  #article-body h2,
  #article-body h3,
  #article-body h4,
  #article-body h5 {
    margin-top: 30px;
  }





/**********************************************************************
*** FOOTER
*********************************************************************/
  #page-footer {
    background-color: white;
    position: relative;
    z-index: 1;
    padding-top: 60px;
  }

  #page-footer > .container {
    background-color: #252525;
    border-radius: 25px;
    padding: 30px 30px 60px;
    margin-bottom: 60px;
    color: white;
  }

  #page-footer ul {
    list-style-type: square;
    padding-left: 20px;
  }

  #page-footer ul li {
    padding: 0 5px;
  }

  .page-footer-block strong {
    margin-bottom: 15px;
    display: block;
  }

  #page-footer a,
  #page-footer p {
    margin-bottom: 0;
    text-decoration: none;
    color: white;
  }

  #back2top {
    position: fixed;
    right: 15px;
    bottom: 15px;
    opacity: 0;
    transition: .8s all ease;
  }

  #back2top.visible {
    opacity: 1;
  }



/**********************************************************************
*** FOOTER MOBILE LINKS
*********************************************************************/
  #footer-mobile-links {
    background-color: #b37c46;
    color: white;
  }

  #footer-mobile-links .glyphicon {
    color: white;
    font-size: 27px;
    margin-top: 10px;
  }


/**********************************************************************
*** MOBILE MENU MMENU
*********************************************************************/
  .mm-menu.mm-offcanvas {
    z-index: 99999;
  }

  .wpmm-menu .mm-listview > li > .dropdown-toggle {
    display: block;
  }

  #mm-blocker {background: rgba(3,2,1,0.8); z-index: 9999;}


/**********************************************************************
*** FORMULARE
*********************************************************************/
  .wpcf7 {
    display: block;
    padding-top: 30px;
    margin-bottom: 30px;
  }

  .wpcf7 input[type="text"],
  .wpcf7 input[type="email"] {
    width: 100%;
    -webkit-appearance: none;
    border-radius: 0;
    padding: 10px 20px;
    font-size: 1rem;
    line-height: 1rem;
    border: none;
    margin-bottom: 15px;
    color: #181818;
  }

  .wpcf7 textarea {
    resize: vertical;
    width: 100%;
    line-height: 140%;
    height: 200px;
    padding: 10px 20px;
    font-size: 1.375rem;
    -webkit-appearance: none;
    border-radius: 0;
    border: none;
    color: #181818;
  }

  .wpcf7 .wpcf7-not-valid-tip,
  .wpcf7 .screen-reader-response {display: none!important;}

  .wpcf7 .wpcf7-not-valid {border: 2px solid red!important;}

  .wpcf7 .wpcf7-response-output.wpcf7-mail-sent-ok {
    display: block!important;
    text-align: center;
    padding: 20px;
  }

  .wpcf7 .legaltext,
  .wpcf7-form-control-wrap.legal {
    font-size: 1rem;
    line-height: 1rem;
  }



/**********************************************************************
*** BREAKPOINT MAX 1200px
*********************************************************************/
  @media (max-width: 1200px) {
    /** BASICS **/
      .col5 {font-size: 0.8em;}

    /** MENU **/
      #menu-hauptmenu {

      }


    .slider-flickity-banner-item:nth-child(3) .slider-flickity-banner-middle {
      background-position: center -100px;
      background-size: auto;
    }


  }



/**********************************************************************
*** BREAKPOINT MAX 992px
*********************************************************************/
  @media (max-width: 992px) {
    /** BASICS **/
    body {

    }

    h1, h2, h3, h4, h5, h6,
    .h1, .h2, .h3, .h4, .h5, .h6 {

    }

    h1, .h1 {font-size: 43px;}
    h2, .h2 {font-size: 43px;}
    h3, .h3 {font-size: 21px;}
    h4, .h4 {font-size: 18px;}

    p {margin: 0 0 10px;}

    .content-section {padding-top: 45px; padding-bottom: 45px;}


    /** MENU **/
      #logo {height: 60px; transition: 1s height ease;}
      #hauptmenu {padding: 30px 0 0;}

      .navbar-brinkmann .navbar-nav > li.menu-logo a {height: 110px; top: -35px;}
      .navbar-brinkmann .navbar-nav > li.menu-logo img {max-height: 110px;}
      .navbar-brinkmann .navbar-nav > li > a {font-size: 14px; padding: 7px 5px;}

    /** HEADER **/
      #page-header-title {font-size: 52px;}

    /** SIDEBAR **/
      #sidebar {padding: 30px 15px 0;}
      #sidebar img {display: inline-block; margin-right: 15px;}

    /** FOOTER **/
      .page-footer-block {margin-bottom: 30px;}
      #page-footer-block-3 {clear: both;}

  }



/**********************************************************************
*** BREAKPOINT MAX 767px
*********************************************************************/
  @media (max-width: 767px) {

    /** BASICS **/
      html {font-size: 14px;}
      body {padding-top: 75px;}

      h1, .h1 {font-size: 26px; hyphens: auto;}
      h2, .h2 {font-size: 26px; hyphens: auto;}
      h3, .h3 {font-size: 21px;}
      h4, .h4 {font-size: 18px;}

      .xl {font-size: 3rem !important;}


    /** NAVBAR **/
      #portal-link {top: 15px;}
      .caret {display: none;}


    /** MENU **/
      /*#hauptmenu {
        background-color: white;
      }

      #hauptmenu {
        box-shadow: 0px 2px 4px -3px #000;
      }

      .navbar-brinkmann .navbar-nav > li > a {
        font-size: 28px;
      }

      #menu-hauptmenu {
        width: 100%;
      }

      #hauptmenu li {
        text-align: right;
      }*/


    /** HEADER **/
      #page-header-slider {height: 300px; padding: 60px 0 0;}
      #header-slider {padding-top: 60px;}
      .header-slider-item-content::before {
        content: '';
        width: 100px;
        height: 100px;
        left: 15px;
        border-radius: 15px;
      }
      .header-slider-item-content .page-header-title {font-size: 40px;}

      #page-header-bg {height: 300px;padding: 90px 0 0;}
      #page-header-wrapper::before {width: 80px; height: 80px; border-radius: 15px; left: 15px;}
      #page-header-title {font-size: 32px;}
      #page-header-text {font-size: 21px; padding: 15px 0 0 15px;}
      .home #page-header-bg {height: 400px; padding: 100px 0 0;}
      .home #main-content {margin-top: 330px;}


    /** SECTIONS **/
      #main-content {margin-top: 225px;}
      .content-section {padding-top: 30px; padding-bottom: 30px;}

      .tiles-item {width: 100%; min-height: auto;}
      .content-tiles-item {margin-bottom: 30px!important; display: block!important; width: 100%;}
      .content-tiles-item.hidden-xs {display: none!important}

      .content-section-blue-block.block-left .content-section-blue-block-bg {background: #fff;}
      .blue-block-sidebar {margin-top: 30px;}

      .icons-item {margin-bottom: 30px;}

      .contactperson-name {margin-top: 15px;}

      .content-section-blue-block.block-right .content-section-blue-block-bg {background: #ffffff;}

      #article-author #article-author-name {margin-top: 15px;}


    /** BLOG **/
      .blog-listing-item-title {margin-top: 15px;}
      .blog-listing-item {padding-bottom: 60px;}
      .pager .previous > a, .pager .previous > span,
      .pager .next > a, .pager .next > span {float: none;}
      #bootstrap-blog-navigation .pager li {
        display: inline-block;
        float: none;
        clear: both;
      }

      .single-post #page-header-title {font-size: 28px; padding: 0;}



    /** FOOTER **/
      #page-footer {padding-top: 0;}
      #page-footer > .container {border-radius: 0px; margin-bottom: 50px;}
      #back2top {bottom: 70px;}


      /*#footer-meta-info {
        font-size: 16px;
      }

      #footer-mobile-links {
        border-top: 2px solid #181818;
      }

      .footer-mobile-link a {
        font-size: 27px;
        padding: 10px 15px;
        line-height: 23px;
        display: block;
      }


      .equal-height {
        display: block;
      }

      .equal-height > div[class*="col-"] {
        display: block;
        margin: 0;
      }*/


  }



/**********************************************************************
*** BREAKPOINT MAX 640px
*********************************************************************/
  @media (max-width: 640px) {

  /** FOOTER **/
    #page-footer-block-1 img {
      margin-top: 30px ;
      max-width: 100%;
    }

  }


/**********************************************************************
*** IE 10+
*********************************************************************/
  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {

   .content-image-item-2 img {
      width: 90px;
      height: 160px;
    }

  }