/* Have fun adding your style here :) - PS: At all times this file should contain a comment or a rule, otherwise opera might act buggy :( */

/* General Custom CSS */

header .avia-menu-text {
  font-size: 14px;
  text-transform: uppercase;
}

#header_main .container {
  max-width: 100%;
}

#header .menu li > a:after { 
  content: ' ▾';
} 
#header .menu li > a:only-child:after { 
  content: ''; 
}

#header .sub-menu {
  width: auto;
}

.icon--greyscale {
  filter: grayscale(1);
}

.icon--greyscale img {
  width: 120px;
  height: 120px;
}

.logo img {
  padding: 10px;
}

.icon-box {
  border: 5px solid transparent !important;
  border-top: 5px solid #4eacc9 !important;
  padding-top: 50px !important;
}

.icon-box:hover {
  border-bottom: 5px solid #4eacc9 !important;
}

.kicss-g {
  text-align: left;
}

.ki-navbar {
  text-align: center;
}

.kicss-g form select {
  width: 100px !important;
}

.ki-overview-content {
  padding: 20px;
}

.ki-bodytext {
  color: #000;
}

.map .container {
  width: 100%; 
  max-width: none;
  padding: 0;
}

#calculation .label-container {
  display: block;
  margin-bottom: 4px;
}

#calculation .label {
  display: block;
}

.gform_validation_errors .validation_error {
  margin-bottom: 0;
}

.gform_previous_button {
  border: 1px solid #eee;
}

.gform_ajax_spinner {
  margin-left: 10px;
}

.gf_step_number::before {
  border: unset !important;
}

.entry-content-wrapper select {
  background-image: none !important;
}

.ki-wrapper-rechnernav {
  background: #fff;
  box-shadow: #ddd 0px 4px 4px 0px;
}

#klienten-info_wrapper .ki-wrapper-overviewbox,
#klienten-info_wrapper .ki-wrapper-overviewbox-list,
#klienten-info_wrapper div.ki-wrapper-linklistbox,
#klienten-info_wrapper .kicss-g a.ki-wrapper-rechnernav {
  background: #fff;
  box-shadow: #eee 0px 4px 4px 2px;
  padding-left: 20px;
}

#klienten-info_wrapper .kicss-g a.ki-wrapper-rechnernav {
  padding-left: 0;
}

#klienten-info_wrapper .kicss-g,
#klienten-info_wrapper .kicss-g .kicss-u-1 {
  margin-bottom: 20px;
}

#klienten-info_wrapper .kicss-g .ki-artikeltitle-rechnernav {
  margin-bottom: 4px;
}

.news-box #klienten-info_wrapper > .kicss-g:first-child,
.news-box #klienten-info_wrapper .ki-navbar,
.news-box #klienten-info_wrapper .ki-infobar {
  display: none;
}

/* only show 3 news entries in news box START */
.news-box #klienten-info_wrapper #ki-overview a {
    display: none;
}

.news-box #klienten-info_wrapper #ki-overview a:nth-child(-n+4) {
    display: block;
}
/* only show 3 news entries in news box END */

#gform_wrapper_3 .gform_footer.top_label {
  text-align: center;
}

#facebook-feed .efbl-post-footer {
  display: none;
}
  
#facebook-feed .efbl-story-wrapper {
  word-break: break-word;
}
  
#facebook-feed .efbl-profile-title h2 {
  font-size: .95em;
}

.news-box #klienten-info_wrapper div.ki-overview-imgbox,
.news-page #klienten-info_wrapper div.ki-overview-imgbox {
    height: auto !important;
    max-height: 384px !important;
}

.news-box .ki-wrapper-overviewbox,
.news-page .ki-wrapper-overviewbox {
    margin: 10px !important;
}

.news-box #klienten-info_wrapper .ki-overview-img,
.news-page #klienten-info_wrapper .ki-overview-img {
    margin-top: 0 !important;
}

.avia-cookie-consent .avia-cookie-consent-button.avia-cookie-hide-notification {
  color: #000 !important;
}

.av_gmaps_sc_main_wrap .avia-google-map-container.avia-google-map-sc {
  background-color: #f2f3f4;
}

.av_gmaps_sc_main_wrap .av_text_confirm_link {
  background-color: #4eacc9;
}

/*
.news-box .ki-overview-imgbox,
.news-page .ki-overview-imgbox {
    position: relative !important;
}

.news-box #klienten-info_wrapper .ki-overview-img,
.news-page #klienten-info_wrapper .ki-overview-img {
    margin-top: 0 !important;
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
}

.news-box #klienten-info_wrapper .ki-navbar {
    display: none;
} 
*/

/*
Desktop Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the desktop view of your site */

@media only screen and (min-width: 768px) {
  /* Add your Desktop Styles here */
}

/*
Mobile Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */

/* @media only screen and (max-width: 767px) { */
    @media only screen and (max-width: 820px) {
  /* Add your Mobile Styles here */
  
  
  /*h1, h2, h3, h4, h5, h6 {
    word-break: break-word !important;
  }*/
 
 
  h1.av-special-heading-tag {
    font-size: 30px !important;  
  }
  
  h2.av-special-heading-tag {
    font-size: 24px !important;  
  }
  
  h3.av-special-heading-tag {
    font-size: 22px !important;  
  }
  
  #socket .sub_menu_socket {
      float: none;
  }
  
  #geschaeftsfuehrung .flex_column_div,
  #beratung .flex_column_div,
  #rechnungswesen .flex_column_div,
  #personalverrechnung .flex_column_div {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }

  .gf_page_steps {
    display: none;
  }
  
}

/*
Custom Styles
================================================== */
/* Note: ... */
@media only screen and (max-width: 1360px) {
  .av-main-nav > .menu-item {
    display: none;
  }

  .av-main-nav > .menu-item#menu-item-search {
    display: block;
  }
    
  .av-main-nav > .menu-item#menu-item-search a {
    font-size: 24px;
    color: inherit;
  }

  .av-burger-menu-main {
    display: block;
  }

  .news-box #klienten-info_wrapper .ki-artikeltitle-overview,
  .news-page #klienten-info_wrapper .ki-artikeltitle-overview {
    font-size: 18px;
  }

  .news-box #klienten-info_wrapper .ki-artikeltitle-overview,
  .news-page #klienten-info_wrapper .ki-artikeltitle-overview,
  .news-box #klienten-info_wrapper .ki-bodytext,
  .news-page #klienten-info_wrapper .ki-bodytext {
    word-wrap: break-word;
  }

}