/******* Do not edit this file *******
Woody ad snippets CSS and JS
Saved: Aug 09 2021 | 11:20:48 */
/* Text & Playbutton Übungsvideos */
.videotext p {
    font-size: 1.35em;
    font-weight: bold !important;
    color: #333333 !important;
    text-shadow: 0.1em 0.1em 0.15em white,
    -0.1em 0.1em 0.1em white,
    0.1em -0.1em 0.1em white,
    -0.1em -0.1em 0.1em white;
}
/* Linkfarbe "Activ" Hauptmenue 
.whb-wrap .whb-nav-wrap .nav > li.current > a {
    color: #ff0000;
}*/
/* Klassische Links innerhalb eines Textes oder einer Aufzählung */
p a,
a.mv_link {
	color: #ff3333 !important;
	border-bottom: 1px solid #ff3333;
}
p a:focus,
p a:hover,
a.mv_link:focus,
a.mv_link:hover {
	color: #ffffff !important;
	background: #cccccc;
	padding: 1px 3px 0px 3px ;
	border-bottom: none;
    border-radius: 3px;
}
/* Link als Schaltfläche (Widged) */
a.mv_widget_button {
    display: block;
    font-size: 1.3em;
    font-weight: 700;
    width: 100%;
    border-radius: 4px;
    box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.5);
	color: #333333 !important;
    background-color: #eeeeee !important;
    padding: 10px 15px 10px 15px;
    margin: 10px 0px 10px 0px
}
a.mv_widget_button:focus,
a.mv_widget_button:hover {
	color: #ffffff !important;
    background-color: #ff0000 !important;
}
/* Gestaltung und Position */
.mv_zusammenfassung_container {
    max-width: 100%;
    /* text-align: center; */
    border: 0px;
	border-radius: 4px;
	box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.5);
    padding: 10px;
    margin: 0px 0px 20px 0px;
}
/* Scroll Buttons (muss ich mal testen):
https://schepp.dev/posts/css-only-carousel/
*/
/* Tabelle vertikal scrollbar machen */
.mv_table_v_scroll {
    width: 100%;
    padding: 0px;
    margin-bottom: 0px;
    border: none;
    overflow-y: hidden;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    min-height: 0.01%;	
}
/* Format der Tabelle */
.mv_tabelle {
    display: table;
    width: 100%;
    border-collapse: collapse;
    border: 0px;
    text-align: left;
}
.mv_zeile {
    display: table-row;
}
.mv_spalte {
    display: table-cell;
    padding-left: 5px;
    padding-right: 5px;
}
.mv_spalte_50 {
    display: table-cell;
    width: 50%;
    padding-left: 5px;
    padding-right: 5px;
}
/* Format der Überschriften */
.mv_spaltenueberschrift {
    font-size: 1.8em;
	font-weight: bolder;
    line-height: 150%;
}
/* Format der Feldbezeichnungen */
.mv_feldbezeichnung_anmeldung {
    font-size: 0.6em;
    line-height: 0.8em;
    padding-top: 5px;
    padding-bottom: 2px;
}
/* Format der Anmeldedaten */
.mv_daten_anmeldung {
    font-size: 1em;
    white-space: nowrap;
    padding-bottom: 5px;
}
/* ------------------------------------------------------ */
/* Alarmfarben */
.mv_alert_yellow {
    background-color: #ffff00 ;
    border-radius: 1px;
    padding: 2px 5px 1px 5px ;
}
.mv_alert_red {
    color: #ffffff ;
    background-color: #ff0000;
    border-radius: 1px;
    padding: 2px 5px 1px 5px ;
}
/* ------------------------------------------------------ */

/* ------------------------------------------------------ */
/* mv_diagonal_durchstreichen */
.mv_diag_durchstreichen {
	position: relative;
}
.mv_diag_durchstreichen::after {
	content: '';
	position: absolute;
    left: -0.1em;
	right: -0.1em;
	top: 0px;
	bottom: 0px;
	background: linear-gradient(to left top, transparent 47.5%, currentColor 49%, currentColor 51%, transparent 52.5%);
	pointer-events: none;
}
a.mv_buchen.mv_diag_durchstreichen {
    font: bold 0.8em;
    border: 4px solid;
    border-radius: 1px;
    padding: 14px 10px 14px 10px;
    margin: 5px 2px 3px 2px;
}
a.mv_buchen.mv_diag_durchstreichen:link , a.mv_buchen.mv_diag_durchstreichen:visited {
    color: #555555 !important;
    background-color: #ffffff !important;
}
a.mv_buchen.mv_diag_durchstreichen:active, a.mv_buchen.mv_diag_durchstreichen:focus, a.mv_buchen.mv_diag_durchstreichen:hover {
    color: #555555 !important;
    background-color: #ffffff !important;
    border-style: solid;
}
/* ------------------------------------------------------ */

/* ------------------------------------------------------ */
/* Tooltips 
https://themeisle.com/blog/wordpress-tooltip-tutorial/
*/
.mv_tooltip-box {
/*  position: relative;
  display: inline-block;*/
}
.mv_tooltip-box .mv_tooltip-text {
	visibility: hidden;
	width: 300px;
    height: 180px;
    color: #333333;
    background-color: #ffffff;
    font-size: 1.1em;
	text-align: center;
    border: 1px solid #cccccc ;
    border-radius: 4px;
    padding: 10px;
    margin: 25px -105px 0px -105px;
    box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.5);
	position: absolute;
  	z-index: 2;
}
.mv_tooltip-text.mv_arrow-top:after {
    content: " ";
    position: absolute;
    left: 130px;
    top: -10px;
    border-top: none;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    border-bottom: 10px solid #ffffff;
}
.mv_tooltip-box:hover .mv_tooltip-text {
    visibility: visible;
}
/*
<div class="mv_tooltip-box">
<span class="mv_tooltip-text mv_arrow-bottom">Tooltip text here!</span>
Parent text
</span>
</div>
*/
.mv_teilen_tooltext {
    text-align: left;
    align-self: center;
    grid-area: tooltext;
}
.mv_teilen_facebook {
	justify-self: center;
    grid-area: facebook;
}
.mv_teilen_whatsapp {
	justify-self: center;
    grid-area: whatsapp;
}
.mv_teilen_mail {
	justify-self: center;
    grid-area: mail;
}
.mv_teilen_drittel {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
	grid-template-rows: auto;
    grid-template-areas: "tooltext tooltext tooltext"
        				 "facebook whatsapp mail" ;
    justify-content:center;
    align-content: center;
}
a.mv_sharebutton {
    display: block;
    width: 45px;
    height: 45px; 
    font-size: 2em;
    border: 2px solid;
    border-radius: 1px;
    padding: 5px;
    margin-top:-12px;
}
/* ------------------------------------------------------ */

/* ------------------------------------------------------ */
/* Darstellung Kursliste */
/* Containergröße */
.mv_stufen_container {
    max-width: 100%;
    text-align: center;
 	border: 0px;
	border-radius: 4px;
   	padding: 5px 0px 0px 0px;
   	margin: 20px 0px 20px 0px;
   	box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.5);
}
/* Gestaltung des Button "Info" & "Kurskalender" */
.mv_lb_button {
    display: block;
    width: 95px;
    height: 27px; 
    font-size: 0.8em;
    border: 2px solid;
    border-radius: 1px;
    padding: 1px 5px 1px 5px;
    margin: 2px;
}
.mv_lb_button:hover {
    color: #ff0000;
}
/* Gestaltung des Button "Buchen" */
a.mv_buchen {
    font: bold 0.8em;
    border: 4px solid;
    border-radius: 1px;
    padding: 14px 10px 14px 10px;
    margin: 5px 2px 3px 2px;
}
a.mv_buchen:link, a.mv_buchen:visited {
    color: #ff0000 !important;
    background-color: #ffffff !important;
}
a.mv_buchen:active, a.mv_buchen:focus, a.mv_buchen:hover {
    color: #ffffff !important;
    background-color: #ff0000 !important;
    border-style: double;
}
/* Gestaltung und Position im Grid*/
/* Kursstart */
.mv_kursstart {
    grid-area: kursstart;
    text-align: left;
    font-size: 1em;
}
/* Dauer und Preis */
.mv_umfang {
    grid-area: umfang;
    text-align: left;
    font-size: 0.83em;
}
/* Button "Info" */
.mv_button_info {
    grid-area: infotext;
}
/* Button "Teilen" */
.mv_button_teilen {
    grid-area: teilen;
}
/* Wenig Plätze / Voll */
.mv_belegung {
    grid-area: belegung;
	text-align: left;
    font-size: 0.83em;
    font-weight: 500;
    margin: 2px 0px 0px 1px;
}
/* Button "Buchen" */
.mv_button_buchen {
    align-self: center;
    grid-area: button;
}
/* Grid Aufbau */
/* Handy <360px */
.mv_kurszeile {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(5);
    grid-template-areas: "kursstart kursstart"
                         "umfang umfang"
                         "infotext teilen"
                         "button button"
        				 "belegung belegung";
    border-top: 1px solid #aaaaaa;
    padding: 5px;
}
.mv_kurszeile:hover {
    background-color: #f6f6f6;
}
/* Kurstabelle Tablet >360px, <768px */
@media (min-width: 361px) {
    .mv_kurszeile {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        /*grid-template-rows: repeat(3, 30px);*/
        grid-template-rows: repeat(4);
        grid-template-areas: "kursstart kursstart kursstart"
                             "umfang umfang button"
                             "infotext teilen button"
            				 "belegung belegung belegung";
    }
}
/* Kurstabelle Desktopdarstellung 660*/
@media (min-width: 660px) {
    .mv_kurszeile {
        display: grid;
        grid-template-columns: 280px 105px 1fr;
        grid-template-rows: repeat(3);
        grid-template-areas:  "kursstart infotext button"
                              "umfang teilen button"
            				  "frei belegung belegung";
    }
    .mv_kursstart {
        font-size: 1em;
        margin-left: 5px;
    }
    .mv_umfang {
        font-size: 1em;
        margin-left: 5px;
    }
    .mv_belegung {
        font-size: 1em;
    }
    a.mv_buchen {
        font: bold 0.9em;
        padding: 15px 30px 15px 30px;
    }
    .mv_lb_button {
        font-size: 0.9em;
        padding: 1px 15px 1px 15px;
    }
    .mv_tooltip-box .mv_tooltip-text {
    	font-size: 1em;
    }
}
/* ------------------------------------------------------ */