/* ======= VARIABLES ======= */
:root {
  --h1-fs: 48px;
  --h1-mobile-fs: 40px;
  --h2-fs: 36px;
  --h2-mobile-fs: 30px;
  --h3-fs: 24px;
  --h3-mobile-fs: 20px;
  --big-fs: 18px;
  --default-fs: 16px;
  --small-fs: 14px;
  --default-lh: 1.7em;
  --title-lh: 1.5em;
  --me-blue: #3167c8;
  --me-yellow: #ffc001;
  --me-black-transparent: rgba(51, 51, 51, 0.66);
  --me-gray-light: #f6f6f6;
}
/* ======= BASICS =======*/
* {
  font-size: var(--default-fs);
  line-height: var(--default-lh);
}
h1 {
  font-size: var(--h1-fs);
  line-height: var(--title-lh);
}
h2,
.me-article h1 {
  font-size: var(--h2-fs);
  line-height: var(--title-lh);
}
h3,
h4,
h5,
h6,
.me-article h2,
.et_pb_fullwidth_header_subhead {
  font-size: var(--h3-fs);
  line-height: var(--title-lh) !important;
  padding-top: 24px;
  padding-bottom: 18px;
}
/* ======= LAYOUT ======= */
/* Header Module */
.et_pb_blurb_content {
  margin-left: 0px;
  margin-right: 0px;
}
/* Standard Header */
#me-header-section {
  height: 360px;
}
/* ======= NAVIGATION ======= */
#et-top-navigation ul.nav li a {
  font-size: var(--big-fs);
}
/* Korrektur, was über den Customizer nicht zu funktionieren scheint */
#top-menu li a {
  color: var(--me-blue) !important;
}
#top-menu li.current-menu-item > a {
  color: var(--me-blue) !important;
}
#top-menu li.current-menu-ancestor > a {
  color: var(--me-blue) !important;
}
.nav li ul .current-menu-item a {
  color: var(--me-blue) !important;
}
/* Mobile menu */
#mobile_menu {
  padding: 0px;
}
#mobile_menu li {
  border-bottom: 3px solid var(--me-blue);
}
#mobile_menu a {
  font-size: var(--big-fs);
}
/* ======= HEADER ======= */
h1.et_pb_module_header,
.et_pb_fullwidth_header_subhead,
div.et_pb_header_content_wrapper {
  background-color: rgba(51, 51, 51, 0.66);
  padding: 12px 24px !important;
}
h1.et_pb_module_header {
  margin-bottom: 0.2em !important;
}
.et_pb_fullwidth_header .header-content p {
  line-height: var(--title-lh);
  font-size: var(--big-fs);
}
/* Standard Header (z.B. Angebot) */
#me-header-section strong {
  font-size: 150%;
  font-weight: 500;
}
/* ======= FORMS ======= */
/* notice about mandatory fields */
.nf-before-form-content {
  margin-bottom: 16px;
  font-size: var(--small-fs);
}
.me_formular input,
.me_formular textarea {
  border: 1px #ccc solid;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  font-size: var(--default-fs);
  padding: 0.6em;
  line-height: var(--default-lh);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.me_formular input[type=button],
.me_formular input[type=submit],
.me_formular input[type=reset],
#me_button_coffee_consulting,
.me-button {
  border: 0px #ccc solid;
  padding: 1em 2em 1em 2em !important;
  background-color: var(--me-blue) !important;
  color: white !important;
  font-weight: 600 !important;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}
.me_formular input[type=button]:hover,
.me_formular input[type=submit]:hover,
.me_formular input[type=reset]:hover,
#me_button_coffee_consulting:hover,
.me-button:hover {
  border: 0px #ccc solid;
  padding: 1em 2em 1em 2em !important;
  background-color: var(--me-yellow) !important;
  color: #333 !important;
  font-weight: 700;
}
#main-content {
  padding-bottom: 4em;
}
.me-colored-background,
.me-colored-background a {
  color: white;
}
.me-colored-background h1,
.me-colored-background h2,
.me-colored-background h3 {
  color: white;
}
.me-colored-background div.et_pb_menu,
.me-colored-background nav.et-menu-nav {
  background-color: rgba(0, 0, 0, 0);
}
/* Know-how */
#me-knowhow #menu-teaser-menu {
  border: 0px solid yellow;
}
#me-knowhow #menu-teaser-menu li {
  width: 100%;
  font-size: 16px;
  text-align: center;
  display: inline;
}
/* Kunden */
.me_referenzen_bild {
  border-top: 0px white solid;
  border-bottom: 0px white solid;
  border-left: 0px white solid;
}
.me_referenzen_text {
  padding: 0px 12px 6px 12px;
}
.me_referenzen_text p {
  font-size: var(--small-fs);
}
#me_kunden a {
  color: var(--me-yellow);
}
#me_button_coffee_consulting {
  font-size: 100%;
}
/* Seite Angebot */
#me-offering-section .et_pb_blurb h4 {
  color: white;
  font-size: 150%;
}
/* Cookie Bar */
#catapultCookie {
  font-family: 'Montserrat', Helvetica, Arial, Lucida, sans-serif;
  font-size: 16px;
  font-weight: 600;
  -webkit-border-radius: 0px !important;
  -moz-border-radius: 0px !important;
  border-radius: 0px !important;
  padding: 9px 16px !important;
}
/* Bilder */
.me_image_border {
  border: 1px solid #ccc;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
}
.wp-caption {
  background-color: #fff;
  padding: 1.5em;
  margin: 16px 0px 24px 0px;
}
.wp-caption p.wp-caption-text {
  text-align: left;
  font-size: 14px;
}
/* Sidebar */
h4.widgettitle {
  font-size: 140%;
}
#sidebar a {
  color: var(--me-blue);
}
/* Know-how */
/* Don't hide menu on smaller devices behind hamburger */
.post-1100 .et_pb_menu__menu {
  display: flex;
}
.post-1100 .et_mobile_nav_menu {
  display: none;
}
/* Submenü Know-how */
.et_pb_menu--without-logo .et_pb_menu__menu > nav > ul > li {
  width: 100%;
  font-size: 18px;
}
/* Aufzählungen */
.entry-content ul {
  padding-left: 0px !important;
  padding-bottom: 16px !important;
}
.entry-content ol li,
.entry-content ul li {
  list-style-position: outside;
  padding-left: 0.5em;
  margin-left: 1em;
  padding-top: 8px;
  padding-bottom: 8px;
}
@media screen and (max-width: 768px) {
  .et_pb_fullwidth_header_container {
    width: 100% !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
  }
}
@media screen and (max-width: 768px) {
  h1 {
    font-size: var(--h1-mobile-fs) !important;
  }
  h2,
  .me-article h1 {
    font-size: var(--h2-mobile-fs) !important;
  }
  h3,
  h4,
  h5,
  h6,
  .me-article h2,
  .et_pb_fullwidth_header_subhead {
    font-size: var(--h3-mobile-fs) !important;
  }
  .me-article h3 {
    font-size: calc(var(--default-fs) * 1.1) !important;
    font-weight: 700;
  }
}
@media (max-width: 980px) {
  #sidebar {
    margin-top: 48px;
  }
}
#me-teaser-section .et_pb_text {
  padding: 6em 2em 4em 2em;
}
#me-teaser-section .et_pb_text h3 {
  color: white;
  background-color: var(--me-black-transparent);
  padding: 0.6em 1em;
  margin-bottom: 2em;
}
#me-offering-section .et_pb_main_blurb_image {
  padding-left: 10%;
  padding-right: 50%;
  margin-bottom: 0px;
}
/* Chäschtli */
.me-box {
  background-color: var(--me-gray-light);
  border: 3px solid var(--me-blue);
  padding: 0.8em 1.5em 1.8em 1.5em;
  margin: 2em 0em;
}
.me-box h3 {
  padding-top: 0.5em;
}






/*
     FILE ARCHIVED ON 10:09:06 Mar 2, 2020 AND RETRIEVED FROM THE
     AN OPENWAYBACK INSTANCE ON 14:15:11 Aug 14, 2025.
     JAVASCRIPT APPENDED BY OPENWAYBACK, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/