@charset "UTF-8";
/*	SCREEN-RESET
========================================================================================================= */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym,
address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt,
var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline; }

/* remember to define focus styles! */
body {
  line-height: 1; }

ol, ul {
  list-style: none; }

/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: separate;
  border-spacing: 0; }

caption, th, td {
  text-align: left;
  font-weight: normal; }

blockquote:before, blockquote:after, q:before, q:after {
  content: ""; }

blockquote, q {
  quotes: "" ""; }

/*--SUPPORT							Chrome		Explorer	Firefox		Opera		Safari
	Web Open Font Format (woff)		5+			9+			3.6+		10+			5.1+
	Web Open Font Format (woff2)	36+			-			39+			23+			12+

----FONT-WEIGHT			100	Extra-Light		200	Lighter		300 Light		400	Regular
	500 Medium			600	Semi Bold 		700	Bold		800	Bolder		900	Extra Bold
*/
@font-face {
  font-family: 'Roboto';
  font-weight: 400;
  font-style: normal;
  src: local("☺"), url("fonts/Roboto-Regular-webfont.woff") format("woff"); }

@font-face {
  font-family: 'Roboto';
  font-weight: 700;
  font-style: normal;
  src: local("☺"), url("fonts/Roboto-Bold-webfont.woff") format("woff"); }

@font-face {
  font-family: 'Rubik';
  font-weight: 400;
  font-style: normal;
  src: local("☺"), url("fonts/Rubik-Regular-webfont.woff") format("woff"); }

@font-face {
  font-family: 'Rubik';
  font-weight: 700;
  font-style: normal;
  src: local("☺"), url("fonts/Rubik-Bold-webfont.woff") format("woff"); }

.con {
  position: relative;
  max-width: 1200px;
  padding-left: 40px;
  padding-right: 40px;
  margin: 0 auto; }
  .con:after {
    content: '';
    display: block;
    clear: both; }
  @media (max-width: 540px) {
    .con {
      padding-left: 20px;
      padding-right: 20px; } }

.row {
  position: relative;
  margin-left: -20px;
  margin-right: -20px; }
  .row:after {
    content: '';
    display: block;
    clear: both; }
  .row + .row {
    margin-top: 80px; }
  @media (max-width: 992px) {
    .row + .row {
      margin-top: 80px; } }
  @media (max-width: 768px) {
    .row + .row {
      margin-top: 40px; } }

.col {
  position: relative;
  min-height: 1px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 20px;
  padding-right: 20px; }

@media (max-width: 540px) {
  [class*='xs-'] {
    float: left; }
  .xs-0 {
    display: none; }
  .xs-r {
    float: right; }
  .xs-1 {
    width: 8.33333%; }
  .xs-o-1 {
    margin-left: 8.33333%; }
  .xs-2 {
    width: 16.66667%; }
  .xs-o-2 {
    margin-left: 16.66667%; }
  .xs-3 {
    width: 25%; }
  .xs-o-3 {
    margin-left: 25%; }
  .xs-4 {
    width: 33.33333%; }
  .xs-o-4 {
    margin-left: 33.33333%; }
  .xs-5 {
    width: 41.66667%; }
  .xs-o-5 {
    margin-left: 41.66667%; }
  .xs-6 {
    width: 50%; }
  .xs-o-6 {
    margin-left: 50%; }
  .xs-7 {
    width: 58.33333%; }
  .xs-o-7 {
    margin-left: 58.33333%; }
  .xs-8 {
    width: 66.66667%; }
  .xs-o-8 {
    margin-left: 66.66667%; }
  .xs-9 {
    width: 75%; }
  .xs-o-9 {
    margin-left: 75%; }
  .xs-10 {
    width: 83.33333%; }
  .xs-o-10 {
    margin-left: 83.33333%; }
  .xs-11 {
    width: 91.66667%; }
  .xs-o-11 {
    margin-left: 91.66667%; }
  .xs-12 {
    width: 100%; }
  .xs-o-12 {
    margin-left: 100%; }
  .xs-6:nth-of-type(1n+3) {
    margin-top: 40px; }
  .xs-12 + .xs-12 {
    margin-top: 40px; } }

@media (min-width: 541px) and (max-width: 768px) {
  [class*='sm-'] {
    float: left; }
  .sm-0 {
    display: none; }
  .sm-r {
    float: right; }
  .sm-1 {
    width: 8.33333%; }
  .sm-o-1 {
    margin-left: 8.33333%; }
  .sm-2 {
    width: 16.66667%; }
  .sm-o-2 {
    margin-left: 16.66667%; }
  .sm-3 {
    width: 25%; }
  .sm-o-3 {
    margin-left: 25%; }
  .sm-4 {
    width: 33.33333%; }
  .sm-o-4 {
    margin-left: 33.33333%; }
  .sm-5 {
    width: 41.66667%; }
  .sm-o-5 {
    margin-left: 41.66667%; }
  .sm-6 {
    width: 50%; }
  .sm-o-6 {
    margin-left: 50%; }
  .sm-7 {
    width: 58.33333%; }
  .sm-o-7 {
    margin-left: 58.33333%; }
  .sm-8 {
    width: 66.66667%; }
  .sm-o-8 {
    margin-left: 66.66667%; }
  .sm-9 {
    width: 75%; }
  .sm-o-9 {
    margin-left: 75%; }
  .sm-10 {
    width: 83.33333%; }
  .sm-o-10 {
    margin-left: 83.33333%; }
  .sm-11 {
    width: 91.66667%; }
  .sm-o-11 {
    margin-left: 91.66667%; }
  .sm-12 {
    width: 100%; }
  .sm-o-12 {
    margin-left: 100%; }
  .sm-6:nth-of-type(1n+3) {
    margin-top: 40px; }
  .sm-12 + .sm-12 {
    margin-top: 40px; } }

@media (min-width: 769px) and (max-width: 992px) {
  [class*='md-'] {
    float: left; }
  .md-0 {
    display: none; }
  .md-r {
    float: right; }
  .md-1 {
    width: 8.33333%; }
  .md-o-1 {
    margin-left: 8.33333%; }
  .md-2 {
    width: 16.66667%; }
  .md-o-2 {
    margin-left: 16.66667%; }
  .md-3 {
    width: 25%; }
  .md-o-3 {
    margin-left: 25%; }
  .md-4 {
    width: 33.33333%; }
  .md-o-4 {
    margin-left: 33.33333%; }
  .md-5 {
    width: 41.66667%; }
  .md-o-5 {
    margin-left: 41.66667%; }
  .md-6 {
    width: 50%; }
  .md-o-6 {
    margin-left: 50%; }
  .md-7 {
    width: 58.33333%; }
  .md-o-7 {
    margin-left: 58.33333%; }
  .md-8 {
    width: 66.66667%; }
  .md-o-8 {
    margin-left: 66.66667%; }
  .md-9 {
    width: 75%; }
  .md-o-9 {
    margin-left: 75%; }
  .md-10 {
    width: 83.33333%; }
  .md-o-10 {
    margin-left: 83.33333%; }
  .md-11 {
    width: 91.66667%; }
  .md-o-11 {
    margin-left: 91.66667%; }
  .md-12 {
    width: 100%; }
  .md-o-12 {
    margin-left: 100%; }
  .md-6:nth-of-type(1n+3) {
    margin-top: 40px; }
  .md-12 + .md-12 {
    margin-top: 40px; } }

@media (min-width: 993px) {
  [class*='lg-'] {
    float: left; }
  .lg-0 {
    display: none; }
  .lg-r {
    float: right; }
  .lg-1 {
    width: 8.33333%; }
  .lg-o-1 {
    margin-left: 8.33333%; }
  .lg-2 {
    width: 16.66667%; }
  .lg-o-2 {
    margin-left: 16.66667%; }
  .lg-3 {
    width: 25%; }
  .lg-o-3 {
    margin-left: 25%; }
  .lg-4 {
    width: 33.33333%; }
  .lg-o-4 {
    margin-left: 33.33333%; }
  .lg-5 {
    width: 41.66667%; }
  .lg-o-5 {
    margin-left: 41.66667%; }
  .lg-6 {
    width: 50%; }
  .lg-o-6 {
    margin-left: 50%; }
  .lg-7 {
    width: 58.33333%; }
  .lg-o-7 {
    margin-left: 58.33333%; }
  .lg-8 {
    width: 66.66667%; }
  .lg-o-8 {
    margin-left: 66.66667%; }
  .lg-9 {
    width: 75%; }
  .lg-o-9 {
    margin-left: 75%; }
  .lg-10 {
    width: 83.33333%; }
  .lg-o-10 {
    margin-left: 83.33333%; }
  .lg-11 {
    width: 91.66667%; }
  .lg-o-11 {
    margin-left: 91.66667%; }
  .lg-12 {
    width: 100%; }
  .lg-o-12 {
    margin-left: 100%; }
  .lg-6:nth-of-type(1n+3) {
    margin-top: 40px; }
  .lg-12 + .lg-12 {
    margin-top: 40px; } }

section {
  position: relative;
  padding-top: 100px;
  padding-bottom: 100px;
  padding-left: 0px;
  padding-right: 0px; }
  section:after {
    content: '';
    display: block;
    clear: both; }
  @media (max-width: 992px) {
    section {
      padding: 80px 0; } }

html, body {
  position: relative;
  height: 100%; }

body {
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  background: #FFFFFF;
  color: #032334; }
  @media (max-width: 540px) {
    body {
      font-size: 18px;
      line-height: 24px; } }

a {
  display: inline-block;
  text-decoration: underline;
  color: inherit;
  -webkit-transition: .3s ease;
  -o-transition: .3s ease;
  transition: .3s ease; }
  a:hover {
    color: #0084C9; }

img {
  display: block;
  max-width: 100%;
  height: auto; }
  img + h3 {
    margin-top: 40px; }

p + p {
  margin-top: 20px; }

h1 + p {
  margin-top: 80px; }
  @media (max-width: 340px) {
    h1 + p {
      margin-top: 40px; } }

h2 + p {
  margin-top: 10px; }

h3 + p {
  margin-top: 40px; }

p + h3 {
  margin-top: 30px; }

p + img,
img + p {
  margin-top: 20px; }

p + a {
  margin-top: 20px; }

h1 {
  font-size: 42px;
  font-weight: 400;
  line-height: 58px; }

h2 {
  font-size: 50px;
  font-weight: 400;
  line-height: 50px; }

h3 {
  font-size: 30px;
  font-weight: 500;
  line-height: 38px;
  color: #0084C9; }
  @media (max-width: 540px) {
    h3 {
      font-size: 30px;
      line-height: 38px; } }
  @media (max-width: 340px) {
    h3 {
      font-size: 24px;
      line-height: 32px; } }
  h3.cap {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px; }

h4 {
  font-size: 30px;
  font-weight: 400;
  line-height: 38px; }
  @media (max-width: 768px) {
    h4 {
      font-size: 24px;
      line-height: 32px; } }

.tc-main {
  color: #0084C9; }

.tc-sub {
  color: #dd9f04; }

.tc-white {
  color: #FFFFFF; }

.tc-black {
  color: #032334; }

.bc-main {
  background-color: #ffffff; background: #ffffff url(/wp-content/themes/buehl/assets/img/hintergrund-blau-weiss.jpg) scroll repeat-x; }

.bc-blue {
  background-color: #DAEDF8; }

.bc-sub {
  background-color: #DAEDF8; }

.bc-white {
  background-color: #FFFFFF; }

.bc-black {
  background-color: #032334; }

.tw-regular {
  font-weight: 400; }

.tw-medium {
  font-weight: 500; }

.ta-left {
  text-align: left; }

.ta-right {
  text-align: right; }

.ta-center {
  text-align: center; }

.tt-upper {
  text-transform: uppercase; }

.list {
  margin-left: 60px; }
  .list > li {
    position: relative;
    padding-left: 15px; }
    .list > li:before {
      content: '\2022';
      position: absolute;
      left: 0;
      top: 0;
      height: 20px;
      font-size: 22px;
      line-height: 22px;
      color: #0084C9; }
  @media (max-width: 768px) {
    .list {
      margin-left: 30px; } }
  @media (max-width: 540px) {
    .list {
      margin-left: 0; } }

.link {
  -webkit-transition: .3s ease;
  -o-transition: .3s ease;
  transition: .3s ease; }
  .link:hover {
    color: #0084C9; }
  .link-more {
    display: inline-block;
    height: 35px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 10px;
    font-size: 18px;
    line-height: 35px;
    color: #dd9f04;
    border: 1px solid #dd9f04;
    -webkit-transition: .3s ease;
    -o-transition: .3s ease;
    transition: .3s ease; }
    .link-more:hover {
      color: #0084C9;
      border: 1px solid #0084C9; }
    footer .link-more {
      color: #FFFFFF;
      border-color: #FFFFFF; }
      footer .link-more:hover {
        color: #032334;
        border-color: #032334; }
  .link-mail, .link-tel, .link-internal, .link-external {
    position: relative;
    display: inline-block;
    padding: 10px 30px;
    margin-top: 40px;
    border-radius: 30px;
    font-size: 14px;
    line-height: 19px;
    height: 20px;
    text-transform: uppercase;
    background: none;
    cursor: pointer; }
    @media (max-width: 540px) {
      .link-mail, .link-tel, .link-internal, .link-external {
        display: block;
        text-align: center; } }

nav {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 10;
  width: 100%;
  background: #FFFFFF; }
  nav:after {
    content: '';
    display: block;
    clear: both; }
  nav + section {
    padding: 200px 0 100px 0; }
  nav.scroll {
    border-bottom: 1px solid #0084C9; }

.nav:after {
  content: '';
  display: block;
  clear: both; }

.nav-wrap {
  position: relative;
  display: block;
  float: right;
  padding-top: 55px; }
  .scroll .nav-wrap {
    padding-top: 18px; }

.nav-logo {
  position: relative;
  display: block;
  float: left;
  width: 144px;
  padding: 10px 0;
  z-index: 100; }
  .scroll .nav-logo {
    width: 96px; }

.nav-search {
  float: left;
  margin-top: -10px; }
  .scroll .nav-search {
    margin-top: 0; }
  .nav-search input {
    display: block;
    border: none;
    width: 120px;
    padding: 11px 0;
    color: #0084C9;
    padding: 11px 0;
    text-indent: 30px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-family: 'Rubik', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 18px; }
    .nav-search input:focus {
      outline: none; }
    .nav-search input::-webkit-input-placeholder {
      color: #0084C9;
      opacity: 1; }
    .nav-search input:-ms-input-placeholder {
      color: #0084C9;
      opacity: 1; }
    .nav-search input::-ms-input-placeholder {
      color: #0084C9;
      opacity: 1; }
    .nav-search input::placeholder {
      color: #0084C9;
      opacity: 1; }
    .nav-search input[type=submit] {
      background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 26'%3E%3Cpath fill='%230084C9' d='M11.6019 0.000174091H11.6052C17.939 0.000174091 23.1385 4.91259 23.2013 11.0716L23.2081 11.173V11.2075C23.2047 12.3828 23.0086 13.5299 22.651 14.5993C22.3417 15.5318 21.9023 16.4145 21.3598 17.2261L26.2793 21.9606L26.2916 21.9725C26.7612 22.4322 27 23.0355 27 23.6333C27 24.2366 26.7579 24.8453 26.2804 25.3061L26.2793 25.3082L26.2681 25.319C25.7906 25.7712 25.1618 26 24.5409 26C23.9144 26 23.2845 25.768 22.8059 25.3082L22.8036 25.3061L22.7924 25.2964L17.8864 20.5707C17.0436 21.093 16.1267 21.5161 15.1594 21.8129C14.0375 22.1614 12.8348 22.3503 11.602 22.3503H11.6009C10.0351 22.3503 8.53217 22.047 7.16465 21.5021L7.16128 21.501V21.5021C5.74231 20.9355 4.46233 20.1056 3.39529 19.0771C2.33274 18.0541 1.47083 16.8205 0.883503 15.4532C-0.288877 12.7261 -0.297858 9.6352 0.876778 6.90589C1.46522 5.53533 2.3305 4.30072 3.39528 3.27428L3.3964 3.27212L3.41097 3.25809C4.47351 2.24149 5.75013 1.41267 7.16807 0.848242C8.53548 0.30216 10.0372 0.000174091 11.6019 0.000174091ZM11.6052 1.33189H11.6019C10.2132 1.33189 8.88947 1.59738 7.69126 2.07546C6.44488 2.57189 5.32518 3.29927 4.38493 4.19931L4.37148 4.21118L4.37036 4.21334C3.43 5.12095 2.66893 6.20444 2.15111 7.40872C1.12219 9.80777 1.12891 12.551 2.15895 14.949C2.6723 16.1469 3.43334 17.2326 4.37146 18.137C5.3141 19.0435 6.44163 19.7763 7.69128 20.2749V20.2759C8.88722 20.7519 10.2132 21.0173 11.6007 21.0173H11.6019C12.6969 21.0173 13.7539 20.8522 14.738 20.5479C15.7524 20.2339 16.7006 19.7698 17.5446 19.1892C17.8158 18.9841 18.2092 19.0036 18.4581 19.2431L23.7798 24.3694C23.9872 24.5669 24.2651 24.6683 24.5409 24.6683C24.8155 24.6683 25.0856 24.5701 25.2907 24.3812L25.3041 24.3694L25.3053 24.3672C25.5104 24.1676 25.6157 23.9021 25.6157 23.6334C25.6157 23.3733 25.5137 23.11 25.3187 22.9125L25.3052 22.9006L19.9858 17.7799L19.9813 17.7766C19.7459 17.5511 19.7089 17.1852 19.9085 16.9187C20.5193 16.0996 21.008 15.1801 21.3364 14.1937C21.6413 13.2764 21.8139 12.2943 21.8251 11.2746L21.8172 11.1732C21.8172 5.72532 17.2397 1.33189 11.6052 1.33189ZM11.6052 4.73448H11.6019C10.6929 4.73448 9.82423 4.90931 9.04188 5.22011C8.22817 5.54388 7.49067 6.02412 6.87195 6.6209C4.95421 8.46632 4.38932 11.254 5.41264 13.6347C5.75002 14.4192 6.25327 15.1347 6.87195 15.7304C7.49064 16.3272 8.22817 16.8075 9.04188 17.1312C9.82423 17.442 10.6906 17.6169 11.6008 17.6169H11.6019C12.512 17.6169 13.3795 17.442 14.1619 17.1312C14.9778 16.8075 15.7165 16.3251 16.334 15.7304C16.9516 15.1369 17.4526 14.4246 17.7878 13.64C18.1117 12.8868 18.2932 12.0504 18.2932 11.1752V11.173L18.3 11.0791C18.2462 7.56298 15.259 4.73448 11.6052 4.73448ZM11.6019 3.40168H11.6052C16.047 3.40168 19.6606 6.86919 19.6841 11.1384V11.173L19.6763 11.2744C19.6617 12.2835 19.442 13.2569 19.0632 14.1441C18.653 15.1002 18.0511 15.9582 17.3102 16.6715C16.5693 17.3849 15.6783 17.9633 14.6852 18.3583C13.7336 18.736 12.6856 18.9497 11.6018 18.9497H11.6007C10.5158 18.9497 9.46889 18.736 8.51848 18.3583C7.52767 17.9655 6.63548 17.3849 5.89462 16.6715C5.15037 15.9549 4.54738 15.0948 4.13716 14.1451C2.89528 11.2625 3.57224 7.91601 5.89462 5.67986C6.63548 4.96652 7.52767 4.3859 8.51848 3.99307C9.47007 3.61535 10.5147 3.40168 11.6019 3.40168Z'/%3E%3C/svg%3E") no-repeat center/24px;
      border: unset;
      font-size: 0;
      width: 24px;
      position: absolute;
      top: 44px; }
      .nav-search input[type=submit]:hover {
        cursor: pointer; }
      .scroll .nav-search input[type=submit] {
        top: 18px; }
    .scroll .nav-search input {
      padding: 11px 0; }

.nav-btn {
  position: relative;
  display: none;
  float: left;
  width: 40px;
  height: 60px;
  height: 24px;
  padding: 0;
  margin-right: 20px;
  cursor: pointer; }
  .nav-btn > span {
    display: block;
    width: 40px;
    height: 4px;
    margin-bottom: 6px;
    background: #032334;
    -webkit-transition: .3s ease;
    -o-transition: .3s ease;
    transition: .3s ease; }
  .nav-btn:hover > span {
    background: #dd9f04; }
  .nav-btn.active > span {
    width: 30px; }
    .nav-btn.active > span:nth-of-type(1) {
      -webkit-transform: translate(5px, 10px) rotate(45deg);
      -ms-transform: translate(5px, 10px) rotate(45deg);
      transform: translate(5px, 10px) rotate(45deg); }
    .nav-btn.active > span:nth-of-type(2) {
      opacity: 0; }
    .nav-btn.active > span:nth-of-type(3) {
      -webkit-transform: translate(5px, -10px) rotate(-45deg);
      -ms-transform: translate(5px, -10px) rotate(-45deg);
      transform: translate(5px, -10px) rotate(-45deg); }
  .nav-btn.active .nav-main {
    display: block; }
  .scroll .nav-btn {
    padding: 8px 0; }
  @media (max-width: 992px) {
    .nav-btn {
      display: block;
      margin-top: -2px; }
      .scroll .nav-btn {
        margin-top: 0; } }

.nav-main {
  position: relative;
  display: block;
  float: left;
  margin-right: 40px; }
  .nav-main:after {
    content: '';
    display: block;
    clear: both; }
  ul.nav-main > li {
    display: block;
    float: left; }
    ul.nav-main > li + li {
      margin-left: 30px; }
      @media (max-width: 992px) {
        ul.nav-main > li + li {
          margin-left: 0;
          margin-top: 20px; } }
    ul.nav-main > li:hover > a {
      color: #dd9f04;
      -webkit-transition: background .3s ease;
      -o-transition: background .3s ease;
      transition: background .3s ease; }
    ul.nav-main > li > a {
      position: relative;
      display: block;
      font-family: 'Rubik', sans-serif;
      font-size: 16px;
      font-weight: 400;
      line-height: 20px;
      color: #032334;
      text-decoration: none; }
      ul.nav-main > li > a::before {
        content: '';
        position: absolute;
        width: 0;
        left: 0;
        bottom: -4px;
        height: 2px;
        background: #FFFFFF;
        -webkit-transition: .3s ease;
        -o-transition: .3s ease;
        transition: .3s ease; }
        @media (max-width: 992px) {
          ul.nav-main > li > a::before {
            background: #0084C9; } }
      ul.nav-main > li > a:hover::before {
        background: #dd9f04;
        width: 100%; }
      @media (max-width: 992px) {
        ul.nav-main > li > a {
          color: #FFFFFF;
          font-size: 22px;
          line-height: 26px;
          padding: 0; } }
    ul.nav-main > li.current-menu-item > a {
      color: #dd9f04;
      -webkit-transition: background .3s ease;
      -o-transition: background .3s ease;
      transition: background .3s ease; }
      ul.nav-main > li.current-menu-item > a::before {
        background: #dd9f04;
        width: 100%; }
    ul.nav-main > li.current-page-ancestor {
      /*
				& > a::after {
					content: '';
					position: absolute;
					background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6.1'%3E%3Cpath fill='%23023F87' d='M5.1,6.1C4.9,6.1,4.7,6,4.5,5.8L0.3,1.6c-0.4-0.4-0.4-0.9,0-1.3s0.9-0.4,1.3,0l3.6,3.6l3.3-3.3 c0.4-0.4,0.9-0.4,1.3,0s0.4,0.9,0,1.3L5.8,5.8C5.6,6,5.4,6.1,5.1,6.1z'/%3E%3C/svg%3E") no-repeat center/10px;
					width: 10px;
					height: 10px;
					padding-left: 10px;
					margin: 5px 0;
					transition: background .3s ease;

					@media (max-width: 1250px){
						background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6.1'%3E%3Cpath fill='%23023F87' d='M5.1,6.1C4.9,6.1,4.7,6,4.5,5.8L0.3,1.6c-0.4-0.4-0.4-0.9,0-1.3s0.9-0.4,1.3,0l3.6,3.6l3.3-3.3 c0.4-0.4,0.9-0.4,1.3,0s0.4,0.9,0,1.3L5.8,5.8C5.6,6,5.4,6.1,5.1,6.1z'/%3E%3C/svg%3E") no-repeat center/12px;
						width: 12px;
						height: 12px;
						margin: 8px 0;
					}
				}

				&.current > a::after {
					background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6.1'%3E%3Cpath fill='%23d15447' d='M5.1,6.1C4.9,6.1,4.7,6,4.5,5.8L0.3,1.6c-0.4-0.4-0.4-0.9,0-1.3s0.9-0.4,1.3,0l3.6,3.6l3.3-3.3 c0.4-0.4,0.9-0.4,1.3,0s0.4,0.9,0,1.3L5.8,5.8C5.6,6,5.4,6.1,5.1,6.1z'/%3E%3C/svg%3E") no-repeat center/10px;
				}

				&:hover {
					& > a::after {
						background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6.1'%3E%3Cpath fill='%23d15447' d='M5.1,6.1C4.9,6.1,4.7,6,4.5,5.8L0.3,1.6c-0.4-0.4-0.4-0.9,0-1.3s0.9-0.4,1.3,0l3.6,3.6l3.3-3.3 c0.4-0.4,0.9-0.4,1.3,0s0.4,0.9,0,1.3L5.8,5.8C5.6,6,5.4,6.1,5.1,6.1z'/%3E%3C/svg%3E") no-repeat center/10px;
						
						@media (max-width: 1250px){
							background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6.1'%3E%3Cpath fill='%23d15447' d='M5.1,6.1C4.9,6.1,4.7,6,4.5,5.8L0.3,1.6c-0.4-0.4-0.4-0.9,0-1.3s0.9-0.4,1.3,0l3.6,3.6l3.3-3.3 c0.4-0.4,0.9-0.4,1.3,0s0.4,0.9,0,1.3L5.8,5.8C5.6,6,5.4,6.1,5.1,6.1z'/%3E%3C/svg%3E") no-repeat center/12px;
						}
					}
				}
				*/ }
      ul.nav-main > li.current-page-ancestor .touched {
        color: #dd9f04;
        /*
					&::after {
						content: '';
						position: absolute;
						background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6.1'%3E%3Cpath fill='%23d15447' d='M5.1,6.1C4.9,6.1,4.7,6,4.5,5.8L0.3,1.6c-0.4-0.4-0.4-0.9,0-1.3s0.9-0.4,1.3,0l3.6,3.6l3.3-3.3 c0.4-0.4,0.9-0.4,1.3,0s0.4,0.9,0,1.3L5.8,5.8C5.6,6,5.4,6.1,5.1,6.1z'/%3E%3C/svg%3E") no-repeat center/10px;
						width: 10px;
						height: 10px;
						padding-left: 10px;
						margin: 5px 0;
						transition: background .3s ease;

						@media (max-width: 1250px){
							background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6.1'%3E%3Cpath fill='%23d15447' d='M5.1,6.1C4.9,6.1,4.7,6,4.5,5.8L0.3,1.6c-0.4-0.4-0.4-0.9,0-1.3s0.9-0.4,1.3,0l3.6,3.6l3.3-3.3 c0.4-0.4,0.9-0.4,1.3,0s0.4,0.9,0,1.3L5.8,5.8C5.6,6,5.4,6.1,5.1,6.1z'/%3E%3C/svg%3E") no-repeat center/12px;
							width: 12px;
							height: 12px;
							margin: 8px 0;
						}
					}
					*/ }
        ul.nav-main > li.current-page-ancestor .touched::before {
          content: '';
          position: absolute;
          width: 100%;
          height: 2px;
          background: #dd9f04; }
    @media (max-width: 992px) {
      ul.nav-main > li {
        float: none; } }
  @media (max-width: 992px) {
    .nav-main {
      position: fixed;
      left: 0;
      top: 110px;
      width: 100%;
      height: calc(100% - 80px);
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      padding: 40px 50px;
      margin-top: 0;
      background: rgba(0, 132, 201, 0.98);
      border-top: 1px solid #dd9f04;
      display: none; } }
  @media (max-width: 768px) {
    .nav-main {
      padding: 40px 100px; } }
  @media (max-width: 540px) {
    .nav-main {
      padding: 40px 60px; } }
  @media (max-width: 320px) {
    .nav-main {
      padding: 40px 20px; } }
  .scroll .nav-main {
    padding: 10px 0; }
    .scroll ul.nav-main > li > a::before {
      bottom: -4px; }
    .scroll ul.nav-main > li.current-page-ancestor .touched:before {
      bottom: -4px; }
    @media (max-width: 992px) {
      .scroll .nav-main {
        top: 80px;
        height: 100%;
        margin-top: 0;
        margin-left: 0;
        padding: 40px 50px; } }
    @media (max-width: 768px) {
      .scroll .nav-main {
        padding: 40px; } }

.sub-menu {
  display: none;
  position: absolute;
  top: 55px;
  background: #FFFFFF;
  padding: 20px 30px; }
  .sub-menu > li + li {
    margin-top: 15px; }
  .sub-menu > li > a {
    color: #032334;
    font-weight: 500;
    -webkit-transition: padding-left .3s ease;
    -o-transition: padding-left .3s ease;
    transition: padding-left .3s ease;
    text-decoration: none;
    /*
  				&::before {
  					content: '';
					position: absolute;
					left: 20px;
					background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6.1 10'%3E%3Cpath fill='%23ffffff' d='M6.1,4.9c0,0.2-0.1,0.5-0.3,0.7L1.6,9.7c-0.4,0.4-0.9,0.4-1.3,0s-0.4-0.9,0-1.3l3.6-3.6L0.5,1.6 c-0.4-0.4-0.4-0.9,0-1.3s0.9-0.4,1.3,0l3.9,3.9C6,4.4,6.1,4.6,6.1,4.9z'/%3E%3C/svg%3E") no-repeat center/6px;
					width: 6px;
					padding-top: 24px;
					transition: .3s ease;
  				}
  				*/ }
    .sub-menu > li > a:hover {
      color: #dd9f04;
      /*
  					&::before {
  						content: '';
					  	position: absolute;
					  	left: 20px;
					  	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6.1 10'%3E%3Cpath fill='%23d15447' d='M6.1,4.9c0,0.2-0.1,0.5-0.3,0.7L1.6,9.7c-0.4,0.4-0.9,0.4-1.3,0s-0.4-0.9,0-1.3l3.6-3.6L0.5,1.6 c-0.4-0.4-0.4-0.9,0-1.3s0.9-0.4,1.3,0l3.9,3.9C6,4.4,6.1,4.6,6.1,4.9z'/%3E%3C/svg%3E") no-repeat center/6px;
					  	width: 6px;
					  	padding-top: 24px;
  					}
  					*/ }
  .sub-menu> li.current-menu-item > a {
    color: #dd9f04;
    /*
	 			&::before {
  					content: '';
					position: absolute;
					left: 20px;
					background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6.1 10'%3E%3Cpath fill='%23d15447' d='M6.1,4.9c0,0.2-0.1,0.5-0.3,0.7L1.6,9.7c-0.4,0.4-0.9,0.4-1.3,0s-0.4-0.9,0-1.3l3.6-3.6L0.5,1.6 c-0.4-0.4-0.4-0.9,0-1.3s0.9-0.4,1.3,0l3.9,3.9C6,4.4,6.1,4.6,6.1,4.9z'/%3E%3C/svg%3E") no-repeat center/6px;
					width: 6px;
					padding-top: 24px;
					transition: .3s ease;
  				}
  				*/ }
  .scroll .sub-menu {
    top: 63px; }
    @media (max-width: 992px) {
      .scroll .sub-menu {
        top: 0; } }
  @media (max-width: 992px) {
    .sub-menu {
      position: relative;
      top: 0;
      margin-top: 4px; } }

a {
  color: #0084C9;
  cursor: pointer;
  -webkit-transition: .3s ease;
  -o-transition: .3s ease;
  transition: .3s ease; }
  a:hover {
    color: #dd9f04; }



.nav-footer {
  display: block;
  width: calc(20% - 20px);
  float: left; }
  .nav-footer:after {
    content: '';
    display: block;
    clear: both; }
  @media (max-width: 992px) {
    .nav-footer {
      width: 50%; } }
  .nav-footer + .nav-footer {
    padding-left: 20px; }
    @media (max-width: 992px) {
      .nav-footer + .nav-footer {
        padding-left: 0; } }
  .nav-footer:nth-of-type(2) {
    width: calc(28% - 20px); }
    @media (max-width: 992px) {
      .nav-footer:nth-of-type(2) {
        width: 50%; } }
    @media (max-width: 540px) {
      .nav-footer:nth-of-type(2) {
        width: 100%;
        margin-top: 20px; } }
  .nav-footer:nth-of-type(3), .nav-footer:nth-of-type(4) {
    width: calc(12% - 20px); }
    @media (max-width: 992px) {
      .nav-footer:nth-of-type(3), .nav-footer:nth-of-type(4) {
        width: 50%;
        margin-top: 20px; } }
    @media (max-width: 540px) {
      .nav-footer:nth-of-type(3), .nav-footer:nth-of-type(4) {
        width: 100%;
        margin-top: 20px; } }
  .nav-footer:nth-of-type(5) .nav-footer-item:nth-of-type(1) {
    font-weight: unset; }
  @media (max-width: 992px) {
    .nav-footer:nth-of-type(5) {
      margin-top: 20px; }
      .nav-footer:nth-of-type(5) .nav-footer-item:nth-of-type(1) {
        width: 50%; } }
  @media (max-width: 768px) {
    .nav-footer:nth-of-type(5) {
      width: 100%; }
      .nav-footer:nth-of-type(5) .nav-footer-item {
        display: inline-block; } }
  @media (max-width: 540px) {
    .nav-footer:nth-of-type(5) .nav-footer-item:nth-of-type(1) {
      width: 100%; }
    .nav-footer:nth-of-type(5) .nav-footer-item {
      display: unset; } }
  .nav-footer-item {
    position: relative;
    display: block;
    float: none;
    font-family: 'Rubik', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px; }
    .nav-footer-item:nth-of-type(1) {
      font-weight: 700; }
    @media (max-width: 768px) {
      .nav-footer-item {
        display: inline-block;
        float: none; } }
    @media (max-width: 540px) {
      .nav-footer-item {
        display: block; } }
    .nav-footer-item + .nav-footer-item {
      margin-top: 0px; }
    .nav-footer-item > a {
      display: block;
      color: #FFFFFF;
      text-decoration: none;
      -webkit-transition: .3s ease;
      -o-transition: .3s ease;
      transition: .3s ease; }
      .nav-footer-item > a:hover {
        color: #dd9f04;
        text-decoration: underline; }




footer {
  position: relative;
  padding: 40px 0;
  color: #FFFFFF;
  background: #0084C9; }
  footer:after {
    content: '';
    display: block;
    clear: both; }


.mask {
  position: relative;
  display: block; }
  .mask:before {
    content: url("/wp-content/themes/buehl/assets/img/gut-beraten-logo.svg");
    width: 85px;
    height: 96px;
    position: absolute;
    right: 30px; }
    @media (max-width: 1200px) {
      .mask:before {
        right: 0; } }
  .mask:after {
    content: url("/wp-content/themes/buehl/assets/img/klecks-blau.svg");
    width: 180px;
    height: 180px;
    position: absolute;
    right: 0;
    bottom: 40px; }

.acco {
  position: relative;
  border: 1px solid #0084C9;
  border-radius: 12px;
  margin-top: 40px;
  padding-top: 20px; }
  .acco-item {
    display: block;
    border-top: 1px solid #cccccc;
    text-indent: 70px; }
    @media (max-width: 1200px) {
      .acco-item {
        text-indent: 40px; } }
    .acco-item:last-of-type .acco-con:last-of-type {
      border-bottom-left-radius: 12px;
      border-bottom-right-radius: 12px; }
  .acco-headline {
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 28px;
    color: #0084C9;
    padding: 0 0 15px 40px; }
    @media (max-width: 1200px) {
      .acco-headline {
        padding: 0 0 15px 20px; } }
  .acco-title {
    position: relative;
    display: block;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
    padding: 10px 0;
    padding-right: 40px; }
    @media (max-width: 1200px) {
      .acco-title {
        padding-right: 0; } }
    @media (max-width: 768px) {
      .acco-title {
        font-size: 15px;
        padding: 13px 0;
        line-height: 24px; } }
    .acco-title:before {
      content: '+';
      position: absolute;
      left: -30px;
      -webkit-transition: .3s ease;
      -o-transition: .3s ease;
      transition: .3s ease; }
      @media (max-width: 1200px) {
        .acco-title:before {
          left: -20px; } }
    .acco-title.active {
      background: #DAEDF8;
      color: #dd9f04; }
      @media (max-width: 992px) {
        .acco-title.active {
          width: 100%; } }
      .acco-title.active + .acco-con {
        background: #DAEDF8; }
      .acco-title.active:before {
        content: '-'; }
  .acco-con {
    padding: 0 40px 20px 0;
    display: none; }
    .acco-con:after {
      content: '';
      display: block;
      clear: both; }
    @media (max-width: 1200px) {
      .acco-con {
        padding: 0 20px 20px 0; } }
    .acco-con p {
      text-indent: 0;
      margin-left: 70px; }
      @media (max-width: 1200px) {
        .acco-con p {
          margin-left: 20px; } }
      @media (max-width: 992px) {
        .acco-con p {
          font-size: 15px; } }

/*# sourceMappingURL=main.css.map */