/*#################################*/
/* Center hamburger in mobile view */
/*#################################*/

.quiqqer-menu-megaMenu-mobile {
    line-height: initial;
}

.megaMenu-hide-on-desktop {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/*#######################################*/
/* END - Center hamburger in mobile view */
/*#######################################*/

#quiqqer-cookieconsent-toggle-info,
#quiqqer-cookieconsent-urls a {
    color: red;
}


/* Schriftfarbe in Menue-Leiste */
.header-bar-inner a, .header-bar-inner a:link {
    color: #2e2d2c !important;
}

/* Mobile Menu-Button */
.quiqqer-menu-megaMenu-mobile {
  color: #2e2d2c;
}

.quiqqer-menu-megaMenu-children-standard-list-entry {
    color: #2e2d2c !important;
}

/* headline immer rot 
.content-body h1 {
  color: red;
}*/

/* Titel der Slidertexboxen immer fett */
.page-1 .quiqqer-bricks-promoslider-wallpaper-text header {
  font-weight: bold;
  color: red;
  font-size: 2em;
}

/* Slider kein Abstand zu Menue-Leiste  */
.page-1 .brick-id-8 {
   padding-top: 0;
   padding-bottom: 0;
}

.page-1 .SchwerpunktBox {
  padding-bottom: 20px;
}

.page-1 .SchwerpunktBox .button {
  background-color: #f7f7f7;
}

/* farbe der links */
.main-content-color-bg a {
  color: #333 !important;
  font-weight: bold;
}

/*Contact Brick*/
.contactInfo tr {
  background: #f6f6f6;
}

.contactInfo tr td{
  padding: 0px;
}

.contactInfo tr td:nth-child(2){
  padding-left: 10px;
}

.brick-6 table {
  width: 100%;
  margin-bottom: 1.3em;
}

.brick-6 div {
  width: 100%;
  margin-bottom: 1.3em;
}


/**************************/
/* Footer */
/**************************/


.footer-links-extra-div {
    display: flex;
    flex-wrap: wrap;
    items-align: stretch;
    font-size: large;
    padding-top: 20px;
}


.footer-links-extra-div li a {
    border-bottom: 1px dotted rgba(255, 255, 255, 0.3) !important;
}


.footer-links-extra-div a:hover {
    color: #fff !important;
}

/**************************/
/* Social Media Footer */
/**************************/

.quiqqer-bricks-socialbox ul {
    align-items: flex-center;
    display: flex;
    flex-wrap: wrap;
    justify-content:space-around;
    font-size: 1.2em;
}

.quiqqer-bricks-socialbox li {
    display: inline-block;
    border-bottom: none !important;
}

.quiqqer-bricks-socialbox li a { 
    background: none !important;
    border-radius: 10px;
    text-decoration: none;
    border-bottom: none !important;
}

.quiqqer-bricks-socialbox li a:hover { 
    text-decoration: none;
    border-bottom: none !important;
}

.\33 u, .\33 u\24 {
    flex-grow: 1;
    clear: none;
    margin-left: 0;
}

.page-footer{
   padding: 0px !important;
}

.row>* {
   /* padding: 48px 0 0 48px;*/
   margin: 0px 10% 0px 0px;
}

.wordbreak {
  word-break: break-all;
}

/*****************************************/
/* Images */
/****************************************/
@media only screen and (min-width: 1600px) {
    .quiqqer-bricks-promoslider-wallpaper {
        height: 800px !important;
    }
}

img[title="Anfahrt"]{
  align-self: flex-end;
}

/** Banner Slider **/
@media screen and (max-width: 767px) {
    .brick-8 {
        display: none;
    }

    .flex-container{
         flex-direction: column;
    }
}

@media screen and (min-width: 767px) {
    .brick-10 {
        display: none;
    }

     .page-1 .brick-3 {
       display: none; 
    }
}

.phone-number {
  background-color: rgba(255, 255, 255, 0.0) !important;
  border: 2px solid #5d5d5d !important;
}

.phone-number:hover{
  background-color: #f6f6f6 !important;
}

.flex-container{
  display: flex;
}

/** Google Maps Brick (Startseite) **/

.brick-14 {
  display:  flex; 
}

.brick-14 .control-content{
  width: 50%;
}

.brick-14 .simpleGoogleMap-wrapper{
  width: 50%;
  margin: 10% 0% 10% 10%
}

@media screen and (max-width: 767px) {
    .brick-14{
         flex-direction: column;
    }

    .brick-14 .control-content{
         width: 100%;
    }

    .brick-14 .simpleGoogleMap-wrapper {
         width: 100%;
         margin: 0;
    }

    .brick-14 {
      display: none;
    }
}

/** Google Maps Brick (Startseite) End**/

/** Kontakt Brick **/
.brick-6 {
  border-radius: 5px;
  padding: 20px;
  box-shadow: 2px 0px 20px -2px #aaa;
}

.brick-6 img{
  border-radius: 10%;
}

.brick-6 h3 {
  margin-top: 20px;
  margin-bottom: 20px;
}

/** Kontakt Brick End**/


.quiqqer-bricks-promoslider-wallpaper-text-description a{
  color: #5d5d5d !important;
}


.my-link {
  color: #5d5d5d;
}

.my-link:hover{
  font-weight: bold;
  color: #5d5d5d;
}

/** map brick **/
@media only screen and (min-width: 768px) {
  .page-9 .brick-3 {
    margin-top: 30%;
  }
}

/** slider fix **/
.quiqqer-bricks-promoslider-wallpaper ul.banner-slider-fix {
  display: block;
  white-space: initial;
  margin: 0 0 2em !important;
  padding-left: 1em !important; 
}

.quiqqer-bricks-promoslider-wallpaper ul.banner-slider-fix li {
  display: list-item !important;
  padding-left: 0.5em !important; 
  overflow: initial;
}

.start-page-banner-slider-headline{
    font-weight: bold !important;
    color: red !important;
    font-size: 2em !important;
    background: none !important;
    padding: 0 !important;
    line-height: 130%;
    margin-bottom: 1em;
}

/** Kontakt Brick Schwerpunkte **/
.brick-15  {
  border-radius: 5px;
  padding: 20px;
  box-shadow: 2px 0px 20px -2px #aaa;
}

.brick-15  img{
  border-radius: 10%;
}

.brick-15 h2 {
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 2em;
  color: #dc1410;
}

.brick-15 h4 {
  font-size: 1.5em;
}

.brick-15 table {
  width:100%;
  margin-bottom: 1em;
}

.brick-15 div {
  margin-bottom: 1em;
}

.brick-15 a {
  font-size: 0.9em;
}

.brick-15 .contactInfo tr td:nth-child(2) {
  font-size: 0.9em;
}

/* does not work */
.main-content-color-bg .brick-15 a:hover {
  text-decoration: underline;
}

/** Kontakt Brick Schwerpunkte Ende **/

.page-header .header-img {
  min-width: 100%
}

/** Kontakt-Formular-Brick **/
.brick-16 input:hover,
.brick-16 textarea:hover
{
  border-color: #414141;
}

.brick-16 button {
  color: rgba(0, 0, 0, 0.2);
  border-color: rgba(0, 0, 0, 0.2);
}

.brick-16 button:hover {
  color: #414141;
  border-color: #414141;
}

/** Kontakt-Formular-Brick  Ende**/

/** Anfahrt-Bild **/
@media only screen and (min-width: 768px) {
  .page-10 .page-header .header-img {
    min-width: 100%;
    position: relative;
    top: -210px;
    display: initial !important;
    align-self: center !important;
  }
}

@media only screen and (max-width: 1400px) {
  .page-10 .page-header {
    height: 400px;
  }
 .page-10 .page-header .header-img {
    top: -170px;
  }
}

@media only screen and (max-width: 1250px) {
  .page-10 .page-header .header-img {
    top: -110px;
  }
}

@media only screen and (max-width: 950px) {
  .page-10 .page-header .header-img {
    top: -10px;
  }
}

/** anpassung brick-8 **/
.brick-8 .quiqqer-bricks-promoslider-wallpaper-text-description{
    width: 65%;
    left: 36%;
} 
/** umbrueche **/

.word-break {
  word-break: break-all;
}

/* mobile version brick-10 */
.brick-10 img {
    transform: scale(1.2);
    position: relative;
    left: 30px;
    top: 40px;
}

.overflow-hidden {
  overflow:hidden;
}

@media screen and (min-width: 500px) and (max-width: 767px) {
    .brick-10 img {
      width: 100% !important;
      transform: scale(1.2);
      position: relative;
      left: 30px;
      top: 40px;
  }
}

/** brick-7 */
.brick-7 img {
  max-width: initial;
}

@-moz-document url-prefix() {
 .brick-7 img {
    max-width: 100%;
  }

  .brick-7 img[alt="arbeitsrecht"]  {
    max-width: 145%;
  }
}