/*
Theme Name: Boesch Childtheme
Theme URI: http://www.conamed.de/
Description: Angepasstes Childtheme aus dem Hause APM
Author: Adler ProMedia GmbH
Author URI: https://www.adlerpromedia.de/
Template:         conatheme
Version: 1.2
Tags: responsive-layout
Text Domain:  boesch

*/

@charset "UTF-8";

/*
.mainnav ul .current-menu-item > a, .mainnav ul .current-page-parent > a {
  color: red !important;
}
*/

#head-anchor .blue-bar i {
  @media screen and (max-width: 520px) {
    display: none !important;
  }
}

.frontpage .breadcrumb,
.frontpage #home-wrap,
.frontpage .siegel-wrap,
.frontpage .teaser-wrap
{
  display: none !important;
}

.mainnav ul li a {
  text-transform: none !important;
}

.copyright a {
  color: hsl(0, 0%, 35%) !important
}


/* ------------------------------------------------------------
Navigationsleiste
------------------------------------------------------------ */

/*
#nav_bar,
#nav_bar > * {
  border: 1px solid red;
}
*/

#nav_bar {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  min-height: unset;
  padding-left: 0;

/*  background-color: rgb(232,232,232);*/

  @media screen and (max-width: 1260px) {
    padding-left: 15px;
  }

  @media screen and (max-width:520px) {
    padding-top: 36px;
  }

/*
  @media screen and (max-width: 768px) {
    grid-template-columns: max-content auto auto;
  }
*/
}

#nav_bar {
  #logo, #logo-block {
    order: 0;
  }

  #navigation {
    order: 10;
  }

  .drflex-button-wrapper {
    order: 20;
  }

  .slicknav_menu {
    order: 30;
  }
}

#nav_bar #logo,
#nav_bar #logo-block,
#nav_bar .logo {
  position: relative;
  right: unset;
  @media only screen and (max-width: 767px) {
    right: unset;
  }
}

#nav_bar #logo-block {
  padding-right: 80px;
}


.mainnav ul,
.slicknav_menu {
  width: max-content !important;
}

.mainnav ul li.flex-appointment.menu-item-type-custom {
  display: none;
  width: 0;
  height: 0;

  border-radius: 5px;
  background-color: rgb(150, 193, 30);
    a {
      color: rgb(0, 0, 0);
      font-weight: bold;
      :hover {
        color: rgb(0, 0, 0);
      }
    }
}

.slicknav_menu .slicknav_menutxt,
.slicknav_menu .slicknav_icon {
  display: inline-block !important;
  float: none !important;
}

.slicknav_menu .slicknav_nav li.flex-appointment.menu-item-type-custom {
  border-radius: 5px;
  background-color: rgb(150, 193, 30);
    a {
      color: rgb(0, 0, 0);
      font-weight: bold;
      :hover {
        color: rgb(0, 0, 0);
      }
    }
}

.drflex-button-wrapper {
/*
  display: none;
  width: 0;
  height: 0;
  grid-template-columns: max-content auto auto;
*/
  max-width: max-content;
  margin: 0 auto;
  @media screen and (max-width:1260px) {
    display: block;
    /*width: 100%;*/
    height: auto;
  }
  @media screen and (max-width:520px) {
    display: none;
  }
}

/*
@media screen and (max-width: 768px) {
  #nav_bar {
    grid-template-columns: max-content auto auto;
  }
}
*/


.mainnav ul {
  margin-top: 0 !important;
}

.mainnav ul.menu li a {
/*  padding-block: 19px 10px;*/
  padding-block: 4px;
  padding-inline: 12px;
}

.navbar-fixed .mainnav ul.menu li a {
/*  padding-block: 19px 10px;*/
  padding-block: 0;
  padding-inline: 12px;
}

.mainnav ul li ul.sub-menu li a, .navbar-fixed .mainnav ul li ul.sub-menu li a {
  padding-block: 12px 8px;
  padding-inline: 12px;
}

.navbar-fixed .mainnav ul li ul.sub-menu {
  top: 44px;
}

#nav_bar .drflex-button {
  padding-block: 12px !important;
  padding-inline: 16px !important;
  @media screen and (max-width:520px) {
    padding-inline: 4px !important;
}

:where(.doc-block.wp-block-columns.has-background) {
  padding: 2.25em 2.375em 0.25em ;
}

.doc-desc p,
.doc-desc ul {
  margin-block: 0 .5em;
  line-height: 1.35em;
}

.doc-title {
  text-transform: uppercase;
}

.doc-bold {
  font-weight: bold;
  color: #0a4275;
}

.doc-list {
  padding-inline: 1.5em 0;
}



.frontpage .bubble-head {
  margin-top: 130px;
}

.frontpage-vorteile {
  max-width: 920px;
  margin-inline: auto;
}

.wp-block-column p > a {
  text-decoration: none;
}

#quicklinks_container.quicklinks-dropdown-container {
  overflow: visible;
  max-height: 500px;
}

#dropbutton_quicklinks.dropbutton {
  display: none;
}