/*
Theme Name: Betheme Child
Theme URI: https://themes.muffingroup.com/betheme
Author: Muffin group
Author URI: https://muffingroup.com
Description: Child Theme for Betheme
Template: betheme
Version: 2.0.2
*/

/* Barierefreiheit*/

/** Beispiel Farbkodierung Vasilis 

.cat_essensplan .tribe-events-calendar-month__multiday-event-bar, .cat_essensplan {
    background-color: #e6e6ff;
}
*/

/* Kommentare "Ausblenden"*/

#comments,
.commentlist,
.comment-respond,
.comment-form,
.comment-reply-title,
.mfn-comments {
  display: none !important;
}


/* Fokus-Umrahmung ab 1000px */
@media screen and (min-width: 1000px) {
  .shortcut-box :focus,
  .shortcut-box :focus-visible,
  a:focus,
  button:focus,
  [role="link"]:focus,
  [role="button"]:focus {
    outline: 3px dashed #000 !important;
    outline-offset: 2px !important;
  }
}

/* Shortcut-Box */
.shortcut-box {
  position: fixed;
  top: 100px;    /* anpassen */
  left: 10px;
  background-color: #fff;
  color: #000;
  border: 1px solid #000;
  border-radius: 8px;
  padding: 16px;
  width: 240px;
  z-index: 9999;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
  /*font-family: "Segoe UI", Arial, sans-serif;*/
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s ease;
}

/* sichtbar bei Fokus innerhalb */
.shortcut-box:focus-within {
  opacity: 1;
  pointer-events: auto;
}

/* Titel (falls vorhanden) */
.shortcut-title {
  font-weight: bold;
  font-size: 16px;
  margin-bottom: 12px;
  color: #000 !important; /* erzwingt schwarz */
}

/* Links-Liste */
.shortcut-links { list-style: none; padding: 0; margin: 0; }
.shortcut-links li { margin-bottom: 10px; }

/* Skip-Link */
.skip-link {
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-decoration: none;
  color: #000;
  padding: 6px 8px;
  border-radius: 4px;
  font-size: 14px;
  background-color: #fff;
}

/* Fokus für die Link-Umrahmung */
.skip-link:focus {
  background-color: #f0f0f0;
  outline: 2px solid #000;
}

/* Shortcut-Keys Text */
.shortcut-keys { font-size: 12px; color: #333; margin-left: 8px; }

/* Optionale globale Fokus-Verbesserung bei Tastaturnavigation */
body.user-is-tabbing :focus {
  outline: 2px dashed #000;
  outline-offset: 3px;
}


/*Ende*/


/* TYPO */

.kost-container-gruss h2 {
	color:white!important;
}
.kost-einleitung-h2 {
    margin-bottom: 0px !important;
}

.kost-blau h1, .kost-blau h2, .kost-blau h3, .kost-blau h4, .kost-blau h5, .kost-blau h6, .kost-blau, .kost-blau a {
	color: #5194C4!important;
}

#Footer h2 {
    font-size: 26px;
}

/* HEADER UND MENU */

#Top_bar .logo {
    margin: 0 20px 0 0px;
}
#Top_bar .menu.page-menu > li > a {
    border-right: none!important;
}
#Top_bar.is-sticky .menu_wrapper .menu.page-menu > li > a {
    margin: 0;
    padding-left: 15px;
    padding-right: 15px;
}

/* Share-Buttons ausblenden */
.share-simple-wrapper {
  display: none;
}


/* BODY UND CONTAINER*/

body::before,
body::after {
  content: '';
  position: fixed;
  top: 0;
  height: 100vh;
  width: 10vw;
  z-index: -1;
}

body::before {
  left: 0;
  background-color: #e8eff8;
  clip-path: polygon(0 0, 100% 0, 0 50%);
}

body::after {
  right: 0;
  background-color: #eef4e8;
  clip-path: polygon(100% 50%, 100% 100%, 0 100%);
}

#Wrapper, #Content, .mfn-popup .mfn-popup-content, .mfn-off-canvas-sidebar .mfn-off-canvas-content-wrapper, .mfn-cart-holder, .mfn-header-login, #Top_bar .search_wrapper, #Top_bar .top_bar_right .mfn-live-search-box, .column_livesearch .mfn-live-search-wrapper, .column_livesearch .mfn-live-search-box {
    background-color: transparent!important;
}
#Header_wrapper, #Intro {
    background-color: transparent;
}

#Header .top_bar_left, .header-classic #Top_bar, .header-plain #Top_bar, .header-stack #Top_bar, .header-split #Top_bar, .header-shop #Top_bar, .header-shop-split #Top_bar, .header-fixed #Top_bar, .header-below #Top_bar, #Header_creative, #Top_bar #menu {
    background-color: transparent;
}
a#back_to_top {
    background: #5194c4 !important;
    color: white !important;
}
#back_to_top i {
    color: #ffffff!important;
}
/* TOOLBAR CONTRAST */

.a11y-non-responsive.a11y-toolbar.ltr.reversed.custom-location {
    top: 40vh;
	position:fixed!important;
}

.a11y-toolbar ul li button {
    font-size: 20px !important;
    padding: 10px 10px;
    line-height: .8;
    display: grid;
    align-items: center;
    background:  #5194c4 !important;;
    border-top: 1px solid #5194c4;
    border-bottom: 1px solid #5194c4;
    position: relative;
    color: #ffffff;
}
.a11y-toolbar ul li button.active, .a11y-toolbar ul li button:hover {
    background: #181818!important;
    color: #fff;
}
 
/* CONTAINER 90% WEISS */

#Header .container{
    background: rgb(255 255 255 / 80%);
}

.kost-container-gruss {
    background: linear-gradient(149deg, rgba(81, 148, 196, 1) 0%, rgba(139, 192, 75, 1) 100%);
    padding: 20px;
    color: white !important;
}

/* SCHATTEN BLAU */


.kost-schatten-blau {
	-webkit-box-shadow: 5px 2px 8px 3px rgba(81,148,196,0.4); 
	box-shadow: 5px 2px 8px 3px rgba(81,148,196,0.4);
	
}

/* Grid Button */
.vc_btn3.vc_btn3-color-juicy-pink, .vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat {
    background-color: transparent!important;
    color: #5194c4!important;
    border: 1px solid #5194c4!important;
}

.vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat:focus, .vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat:hover, .vc_btn3.vc_btn3-color-juicy-pink:focus, .vc_btn3.vc_btn3-color-juicy-pink:hover {
    background-color: #5194c4!important;
    color: #ffffff!important;
}

/* KOOPERATIONEN BUTTON */
.vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern {
    background-color: transparent!important;
    border-color: #5194c4!important;
    color: #5194c4!important;
}
.vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern:focus, .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern:hover {
    background-color: #5194c4!important;
    border-color: #5194c4!important;
    color: #ffffff!important;
}

/* Media Queries */
/*
@media screen and (min-width: 1000px) {
  :focus {
    outline: 3px dashed #000!important;
    outline-offset: 2px!important;
  }
}*/


/* ===========================
   Fokus NUR bei Tastatur
   =========================== 

@media screen and (min-width: 1000px) {

  /* Standard: kein Fokus bei Klick 
  *:focus {
    outline: none !important;
  }

  /* Moderne Browser (Chrome, Firefox, Edge) 
  *:focus-visible {
    outline: 3px dashed #000 !important;
    outline-offset: 2px !important;
  }

  /* Fallback für Safari & Sonderfälle 
  body.user-is-tabbing *:focus {
    outline: 3px dashed #000 !important;
    outline-offset: 2px !important;
  }
}
*/

@media screen and (min-width: 768px) {
	div#Content {
	padding-top:115px;
}
	div#Top_bar {
    top: 25px;
}
	.kost-container-gruss {
    margin-top: -200px;
}
	
}