/* ======= VARIABLES ======= */
:root {
  --h1-fs: 48px;
  --h1-mobile-fs: 40px;
  --h2-fs: 36px;
  --h2-mobile-fs: 30px;
  --h3-fs: 24px;
  --h3-mobile-fs: 20px;
  --h4-fs: 20px;
  --h4-mobile-fs: 18px;
  --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;
  --me-gray-medium: #ccc;
}
/* ======= 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;
}
.me-article h3 {
  font-size: var(--h4-fs);
}
/* ======= LAYOUT ======= */
/* Header Module */
.et_pb_blurb_content {
  margin-left: 0px;
  margin-right: 0px;
}
/* Standard Header */
#me-header-section {
  height: 360px;
}
/* Sticky Mobile Header */
@media (max-width: 980px) {
  .et_non_fixed_nav.et_transparent_nav #main-header,
  .et_non_fixed_nav.et_transparent_nav #top-header,
  .et_fixed_nav #main-header,
  .et_fixed_nav #top-header {
    position: fixed;
  }
}
/* ======= 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: 1px solid var(--me-gray-light);
}
#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,
.et_pb_button_module_wrapper a.et_pb_button,
.wp-block-button__link {
  border: 2px var(--me-blue) solid !important;
  padding: 1em 2em !important;
  background-color: var(--me-blue) !important;
  color: white !important;
  font-size: var(--default-fs) !important;
  font-weight: 600 !important;
  -webkit-border-radius: 0px !important;
  -moz-border-radius: 0px !important;
  border-radius: 0px !important;
}
.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,
.et_pb_button_module_wrapper a.et_pb_button:hover,
.wp-block-button__link:hover {
  border: 2px black solid !important;
  padding: 1em 2em !important;
  background-color: var(--me-yellow) !important;
  color: #333 !important;
  font-weight: 600 !important;
  transition-duration: 0.3s !important;
}
.wp-block-button {
  margin-top: 24px;
}
#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,
.me-colored-background h4 {
  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;
}
figcaption {
  /* Legende in Gutenberg */
  font-size: 90%;
  font-style: italic;
  margin-bottom: 2em !important;
}
/* 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;
}
#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;
}
.me-50-50-teaser img {
  padding-top: 32px;
}
/* Gutenberg Block «Media & Text» */
.wp-block-media-text {
  margin-top: 1.5em;
  margin-bottom: 3em;
  background-color: var(--me-gray-light);
}
.wp-block-media-text .wp-block-media-text__content {
  padding: 2em;
}
.wp-block-media-text .wp-block-media-text__content h2,
.wp-block-media-text .wp-block-media-text__content h3 {
  font-size: 120%;
  padding-top: 0px;
}
#me-footer,
#me-footer a {
  color: var(--me-gray-light);
  font-size: var(--small-fs);
}
#me-aktion-50-50 {
  font-size: 120%;
  font-weight: 600;
}
.me-aktion-50-50 h1 {
  font-size: 18em;
}
@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 screen and (max-width: 768px) {
  .me-aktion-50-50 h1 {
    font-size: 10em !important;
  }
}
@media screen and (max-width: 568px) {
  .me-aktion-50-50 h1 {
    font-size: 6em !important;
  }
}
@media screen and (max-width: 320px) {
  .me-aktion-50-50 h1 {
    font-size: 4em !important;
  }
}
@media screen and (max-width: 1024px) {
  .me-aktion-50-50 h1 {
    font-size: 12em;
  }
}
@media (max-width: 980px) {
  #sidebar {
    margin-top: 48px;
  }
}
.me-border img {
  border: 1px solid #333333;
}






/*
     FILE ARCHIVED ON 11:29:25 Aug 31, 2020 AND RETRIEVED FROM THE
     AN OPENWAYBACK INSTANCE ON 16:29:41 Aug 13, 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)).
*/