/*
 Theme Name:   Music Club Pro MTA
 Theme URI:    http://example.com/twenty-fifteen-child/
 Description:  Music Club Pro Theme
 Author:       Gottfried Angerer
 Author URI:   https://www.musical-theatre-academy.at
 Template:     music-club-pro
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         mta
 Text Domain:  music-club-pro-mta
*/



/* = Fokus Visualisierung 
---------------------------------------------------- */
aa:focus {border:1px solid #fff}

.sitenav a {border:1px dotted transparent}
.sitenav a:focus {border:1px solid #770022}
a.mail-link:focus {color:#ff2288}
a.logo-main:focus {border-bottom:1px dotted #ff2288}
a.lmsw-logo:focus {border-bottom:1px dotted #ffffff}
.entry-content a:focus {text-decoration:underline}
.m-add-info a:focus {text-decoration:underline}
.slider-main a:focus {border:1px solid #ff2288; color:#ff2288}
.news-thumb a:focus img {transform: rotate(3deg) scale(1.2, 1.2); opacity:0.6;}
.newsdesc a:focus {text-decoration:underline}
a.newsmorebtn:focus {background-color:#ff2288; color:#fff; text-decoration:none}
.aboutus_contentcolumn a.gradientbtn:focus {border:1px solid #ff2288; color:#ff2288; background-color:transparent}
.services_page_box a:focus {text-decoration:underline}
.services_page_box a:focus img {border:1px solid #fff;}
.services_page_box a.pagemore:focus {background-color:#ff2288; color:#fff; text-decoration:none}
.our_va_list a:focus {color:#ff2288;}
.our_va_list a.btnstyle2:focus {border:1px solid #ff2288;}
a.morevabtn:focus {border:1px solid #ff2288; color:#ff2288; background-color:transparent}
.singles_raster a:focus h4 { color:#ff2288;}
.singles_raster a:focus .single_thumb { color:#ff2288;}
.singles_raster a:focus .single_thumb img {opacity:0.2; transform: rotate(360deg);}
.singles_raster a:focus .single_thumb {transform: rotate(360deg);}
.galerie_archiv a:focus .playbtn {background-color:#fff; border-radius:50%}
.team-archive .faecher {font-weight:bold; color:#fff}
.team-archive .kontakt a:focus {text-decoration:underline}
.team-archive a.gradientbtn:focus {background-color: #ff2288; color:#fff;}
.widget-column-1 .fmenu-block a:focus {color:#ff2288}
.contactdetail a:focus {color:#ff2288}
#footer-wrapper .social-icons a:focus {color:#000; background-color:#fff;}
#back-top a:focus {border: 1px solid #ff2288; width:44px; height:44px; border-radius:50%}

.ai-wrap .ai-audio-controls-main button:focus {border: 4px solid #fff;}
button.ai-btn:focus {border: 2px solid #fff;}

.mejs-controls button:focus {background-color:#ff2288}

a.um_archiv_top:focus h3 {color:green}

/* = Header & Logos
---------------------------------------------------- */
.logonavigation{background-image:url(external-pics/header-bg.png)}
.logo{padding-left:35px;height:95px;top:-95px;background-image:url(external-pics/header-bg.png)}
.lmsw-logo {position:absolute;top:118px;right:0px;width:70px}

/* = Default Button css
----------------------------------------------------- */





/* = Diverses
---------------------------------------------------- */
.logonavigation{background-image:url(external-pics/header-bg.png)}
.logo{padding-left:35px;height:95px;top:-95px;background-image:url(external-pics/header-bg.png)}
.lmsw-logo {position:absolute;top:118px;right:0px;width:70px}
p.motto{color:#f28;font-size:22px;margin-top:-12px;margin-bottom:28px;}

.go-for-it-p{margin-top:12px;margin-bottom:12px;}

article p{margin-top:12px;margin-bottom:12px;}
article h2{margin-top:30px;margin-bottom:28px;}
.content-mta p{margin-top:8px;}
.content-mta h2{font-size:20px}
.content-mta p.kontakt{color:#fff; font-size:18px;margin-bottom:20px;}
.content-mta i{padding-right:10px;}
.content-area{padding:20px 0 20px;}

div.wpcf7-mail-sent-ok, 
div.wpcf7-validation-errors, 
div.wpcf7-acceptance-missing {margin:10px 0 0 0; padding:0px; border:none; color:#fff;}
.contactpanel .wpcf7 form input[type="submit"] {
	margin:10px 0 10px 0;
}
span.wpcf7-not-valid-tip {
	color: #f28;
}
.contactpanel .wpcf7 form input[type="text"], .contactpanel .wpcf7 form input[type="email"], .contactpanel .wpcf7 form input[type="tel"], .contactpanel .wpcf7 form textarea {
	font-size:16px;
	font-family:sans-serif;
}


.morevabtn{ background-color: #ff2288; color: #fff; font-weight: 600; padding: 10px 30px; display: table; border-radius: 25px;text-transform: uppercase;
    font-size: 14px; margin: 0 auto; left: 0; right: 0;  width: max-content; }
.morevabtn:hover{ background-color: #fff; color: #111; }

.inline-link {color: #959595; text-decoration:underline}
.inline-link:hover {color: #fff; text-decoration:underline}
.wichtig {color: #fff; font-weight:bold}

.widget-column-1 .fmenu-block {margin-top:0; margin-bottom: 12px;}
.widget-column-1 .fmenu-block h1 {margin:0; margin-bottom:8px; font-size:21px; font-weight:bold}
.widget-column-1 .fmenu-block a {color:white; font-weight:normal}
.widget-column-1 .fmenu-block a:hover {color:#ff2288}

.blogrightsidebar .post-thumb{  background-color:#7643d2; width:35%; float: left; margin:0 30px 0 0; height:190px; overflow:hidden;}
.blogrightsidebar .post-thumb img{ width:100%; height:auto; min-height:190px;}

.news-box .nnewsdesc{ background-color:#222328; padding:10px 30px; height:220px; overflow:hidden}

/* = Doris
---------------------------------------------------- */
#mta-map-container {position:relative;width:642px; height:245px; margin-top:12px; overflow:hidden;}
#mta-map-frame {position:absolute;width:100%;z-index:20000;margin:0}
#mta-map {position:absolute; width:100%;top:0px;z-index:10000;margin:0}
#mta-map-button {position:absolute; width:40%;bottom:10%;right:5%;z-index:30000;margin:0}
#mta-map-frame img, #mta-map img, #mta-map-button-image img  {width:100%}

@media screen and (max-width:800px) {
#mta-map-container {width:100%; height:128px}
#mta-map-button {bottom:25%;}
}



/* = Team
---------------------------------------------------- */
.teammember-list .member-social-icon a:hover{color:#fac;bborder:1px solid #fff}
.team_content_fixer {cursor:default;}
.titledesbox{ height:110px;padding;0px }
.member-social-icon{ text-align:center; margin-bottom:10px;}
#teampanel a:focus .thumnailbx{ border:4px dotted #fff;}

/*Team Archive*/
.team-thumbnail {float:left; margin-right:20px;margin-bottom:20px}
.team-thumbnail img {width:180px}
.team-archive .faecher {font-weight:bold; color:#fff}
.team-archive .kontakt {margin-top:10px; margin-bottom:10px;}
.team-archive a.gradientbtn { background-color:#303030; color: #fff; padding:5px 15px 5px 15px}
.team-archive a.gradientbtn:hover {background-color: #ff2288; color:#fff;}



@media screen and (min-width:980px) and (max-width: 1200px){
.teammember-list span.title { font-size:25px; }
}



/* = Section 1 Veranstaltungen
---------------------------------------------------- */
#section1{ position:relative; }
.our_va_list { display: block; position: relative; border-bottom:1px solid #333; padding:25px 0;}
.our_va_list:last-child { border-bottom: none;}
.va_common { display: inline-block; float: left; position: relative; font-size: 15px; height: 60px;}
.va_common.va_date { width: 10%; text-align: left;}
.day_month {padding-top:5px;}
.day_month h4{font-weight:600; font-size:34px; line-height:30px; text-transform:uppercase; color:#fff; clear:none; margin:0; padding:0;	}
.day_month h4 span{ display:block; font-size:18px; font-weight:400;}
.va_common.va_thumb_descbox {	width:40%; }
.vathumb {width: 70px;height: 60px; margin-right: 20px; position: relative; overflow:hidden;}
.vathumb img {position: absolute;top: 50%;  transform: translateY(-50%); min-height:60px;}
.vathumb {display: inline-block;	float: left;}
.title_desc_box {margin-left:90px;}
.vatexttitle {font-size: 20px;font-weight: 700;	padding-bottom: 5px;}
.vatexttitle a{ color:#fff;}
.vatexttitle a:hover{ color:#ff2288;}
.va_descbx {	font-size: 15px;line-height: 22px;}
.va_common.va_location {width: 25%;	line-height: 20px; padding-top:20px;}
.va_common.va_location i, .va_common.va_time i {margin-right: 7px;}
.va_common.va_time {width: 10%;line-height: 20px;padding-top:20px;}
.va_common.va_anmerkung {width: 15%;line-height: 20px; text-align: center; padding-top:20px;}
.va_common.va_buyticket {	width: 15%;	text-align: center; font-size:14px;padding-top:5px;}
.va_details {color:#cccccc}


/* = Section MTA Singles
----------------------------------------------------- */
.singles_raster{ width:25%; float:left; margin:0 0 40px; position: relative; text-align:center;}
.singles_raster .single_thumb{ background-color:#ff2288 ; width:250px; height:250px; overflow:hidden; border-radius:50%; margin:0 auto 20px auto;  -webkit-transition: all 0.5s ease; position:relative; }
.singles_raster h4{ margin:0 0 10px 0; color:#fff;}
.singles_raster  a h4{ color:#fff;}
.singles_raster:hover  a h4 { color:#ff2288;}
.singles_raster .single_thumb img{ min-height:250px; }
.singles_raster:hover .single_thumb img{opacity:0.2}
.singles_raster:hover .single_thumb{ transform: rotate(360deg);}
.singles_raster .single_thumb a { background-color:#ff2288; width:250px; height:250px; border-radius:50%; font-size: 15px; position: absolute; top: 25px; left:25px; margin-left: -25px;  margin-top: -25px; transform: scale(1); text-align: center; }
.singles_raster .single_thumb i { background-color: #fff; color: #555; width:50px; height:50px; border-radius:50%; font-size: 15px; margin-left:4px; line-height:50px;position: absolute; top: 50%; left:50%; margin-left: -25px;  margin-top: -25px; transform: scale(1); text-align: center; }
/* single_mta_single.php*/
.single .single_cover{ width:50%;}
.single-audio-album .audioigniter-root{ margin-top:25px; clear:both;}

.single_details_box{ position:relative; margin-bottom:20px;}
.single_details_box span.singleinfo{ display:block; padding-bottom:10px;}
.single_details_box span.singleinfo strong{ font-weight:bold;}

/* = Video List CSS
-------------------------------------------------------------- */
.vdolist{ background-color:#ff2288; position:relative; float:left; width:31.2%; margin:0 1% 2%; height:250px; overflow:hidden; display:table; border-radius:8px;}
.vdolist:hover img{ opacity:0.2;}

/* = Section5 Counter <-- im original Theme Section 7 !!
-------------------------------------------------------------- */


#section5 { padding:40px; color:#fff; line-height:38px;}
/*
!!!!!!!!!!!! background-color für Section5 wird in footer.php via javascript gesetzt!!!
*/
#section5 .ucs_title { font-size:56px; line-height: 60px; font-weight:800; text-transform:uppercase; margin:20px 0 20px 0;}
#section5 .ucs_subtitle { font-size:20px; font-weight:300; text-transform:uppercase; margin:0 0 10px 0;}
#section5 .usc_text { font-size:14px; font-weight:normal; line-height:18px; margin:0 0 10px 0;}
#section5 i{ margin-right:15px;}

#countdown1 {margin-top: 40px;} /* Countdown Elemente */

#section5 .button{ margin-bottom:-30px;background-color:#ff2288; color:#fff; font-weight:600; font-weight:normal; font-size:16px; text-align:center; width:130px; padding:4px; }
#section5 .button:hover{ background-color:#fff; color:#000; }


/* RESPECT */
#section5 {background:URL('external-pics/upcomingshowJCSS.jpg') no-repeat 400px 90px}
@media screen and (max-width:1800px) {#section5 {background-position:350px 90px}}
@media screen and (max-width:1650px) {#section5 {background-position:200px 90px}}
@media screen and (max-width:1500px) {#section5 {background-position:100px 90px}}
@media screen and (max-width:1200px) {#section5 {background-position:30px 90px}}
@media screen and (max-width:980px) {#section5 {padding-top:400px;background-position:60px 30px}}
@media screen and (max-width:600px) {#section5 {padding-top:250px;
background:URL('external-pics/upcomingshowhorrorshop300.jpg') no-repeat center 30px  }}
/*


@media screen and (max-width:1100px) {#section5 {background-position:-100px 0px}}

@media screen and (max-width:150px) {#section5 {background-position:center 0px}}

*/



/*Hair: 
#section5 {background:URL('external-pics/hair1600.png') no-repeat 0px 0px}
@media screen and (max-width:2800px) {#section5 {background-position:275px 40px}}
@media screen and (max-width:1700px) {#section5 {background-position:250px 40px}}
@media screen and (max-width:1600px) {#section5 {background-position:225px 40px}}
@media screen and (max-width:1500px) {#section5 {background-position:200px 40px}}
@media screen and (max-width:1400px) {#section5 {background-position:175px 40px}}
@media screen and (max-width:1300px) {#section5 {background-position:150px 40px}}
@media screen and (max-width:1200px) {#section5 {background-position:125px 40px}}
@media screen and (max-width:1100px) {#section5 {background-position:100px 40px}}
@media screen and (max-width:980px) {#section5 {padding-top:560px;background-position:45px 20px}}
@media screen and (max-width:850px) {#section5 {background-position:center 20px}}
@media screen and (max-width:400px) {#section5 {background-size:100% auto}}

*/

/* = MTA Stundenplan
----------------------------------------------------- */
.site-main .stpl-content{margin-top:-25px;margin-bottom:-15px;}

.stundenplan_archiv{ background-color:#ff2288; position:relative; float:left; width:31.2%; height:250px; margin:0 1% 2%; height:250px; overflow:hidden; display:table; border-radius:8px;}
.stundenplan_archiv:hover img{ opacity:0.4;}
.stundenplan_archiv img{ border-radius:8px; min-height:250px; display:block; }
.stundenplan_archiv a{ color:#fff;}
.stundenplan_archiv .stundenplan_link{ position:absolute; width:100%; top:17%; text-align:center; left:auto; left:0;  padding:20px; }
.stundenplan_archiv .stundenplan_link h3{ color:#fff; text-transform:uppercase; font-size:26px; font-weight:600; text-shadow: 1px 1px #000,5px 5px 10px #000;}
.stundenplan_archiv .stundenplan_link p{text-shadow: 1px 1px #000,2px 2px 3px #000;}
.stundenplan_archiv .playbtn{background:url(external-pics/musicplaybtn.png) no-repeat center top; position: absolute; width:79px; height:79px; top:65%; left:0; right:0; margin:0 auto;}

@media screen and (max-width:1000px) {.stundenplan_archiv{ width:45%; height:250px; }}
@media screen and (max-width:768px) {.stundenplan_archiv{ width:98%; height:250px; }}

/* = MTA Presse
----------------------------------------------------- */
.site-main .presse-content{margin-top:-25px;margin-bottom:-15px;}

.presse_archiv{ background-color:#ff2288; position:relative; float:left; width:31.2%; height:250px; margin:0 1% 2%; height:250px; overflow:hidden; display:table; border-radius:8px;}
.presse_archiv:hover img{ opacity:0.4;}
.presse_archiv img{ border-radius:8px; min-height:250px; display:block; }
.presse_archiv a{ color:#fff;}
.presse_archiv .presse_link{ position:absolute; width:100%; top:7%; text-align:center; left:auto; left:0;  padding:20px; }
.presse_archiv .presse_link h3{ color:#fff; text-transform:uppercase; font-size:26px; font-weight:600; text-shadow: 1px 1px #000,5px 5px 10px #000;}
.presse_archiv .presse_link p{text-shadow: 1px 1px #000,2px 2px 3px #000;}
.presse_archiv .playbtn{background:url(external-pics/musicplaybtn.png) no-repeat center top; _position: absolute; width:79px; height:79px; top:45%; left:0; right:0; margin:0 auto;}

@media screen and (max-width:1000px) {.presse_archiv{ width:45%; height:250px; }}
@media screen and (max-width:768px) {.presse_archiv{ width:98%; height:250px; }}

/* = MTA Galerie
----------------------------------------------------- */
.site-main .galerie_thumbbx{ width:33%; }
.site-main .galerie_thumbbx img {margin-bottom:30px; border:6px #fff solid;}

.site-main .galerie_details_box{ margin-bottom:15px; }
.site-main .galerie_details_box span.galerie_info{ display:block; padding-bottom:0px;}
.site-main .galerie_details_box span.galerie_info strong{ font-weight:bold;}

.galerie_archiv{ background-color:#ff2288; position:relative; float:left; width:31.2%; margin:0 1% 2%; height:250px; overflow:hidden; display:table; border-radius:8px;}
.galerie_archiv:hover img{ opacity:0.2;}
.galerie_archiv img{ border-radius:8px; min-height:250px; display:block; }
.galerie_archiv a{ color:#fff;}
.galerie_archiv .galerie_link{ position:absolute; width:100%; top:10%; text-align:center; left:auto; left:0;  padding:20px; }
.galerie_archiv .galerie_link h3{ color:#fff; text-transform:uppercase; font-size:26px; font-weight:600; text-shadow: 1px 1px #000,5px 5px 10px #000;}
.galerie_archiv .galerie_link p{text-shadow: 1px 1px #000,2px 2px 3px #000;}
.galerie_archiv p.read-more {font:600 12px/22px;background-color:#ff2288; color:#fff; text-align:center; padding:5px 15px; display:inline-block; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;text-shadow:none}
.galerie_archiv .playbtn{ background:url(external-pics/musicplaybtn.png) no-repeat center top; position: relative; width:79px; height:79px; top:35%; left:0; right:0; margin:0 auto;}

.mta_schueler .galerie_link h3{ margin-bottom:25px; }
.mta_schueler .galerie_link{ padding:50px 0 20px 0; }

.galerie_content {margin-bottom:-40px}
.galerie_content em {position:relative; top:-50px;}

.galerie_archiv .galerie_datum{margin-top:15px; margin-bottom:2px;}
.galerie_archiv .galerie_ort{margin-top:2px; margin-bottom:15px;}

@media screen and (max-width:1200px) {.galerie_archiv {width:48%; height:250px; display:block}}
@media screen and (max-width:768px) {
	.galerie_archiv {float: none;width: 98%;margin-top:20px}

}
@media screen and (max-width:400px) {

	.galerie_archiv .galerie_link{ width:100%; top:15px; padding:8px; }
}

/* NGG Galerie 
--------------------------------------------------- */
.ngg-gallery-thumbnail span {color:#ff0000;}
.ngg-template-caption .ngg-gallery-thumbnail {background: #555555;}
.ngg-gallery-thumbnail img {border:1px #aaa solid;}

.ngg-gallery-thumbnail img::after {
  content: attr(title)!important;
  display: block;
  text-align: center;
  font-size: 0.9em;
  color: #444;
  margin-top: 4px;
}

.blog-gallery .ngg-galleryoverview {clear:none;float:left;max-width:420px; margin-top:8px; margin-bottom:8px;}
.schueler_galerie .ngg-galleryoverview {text-align:left;}
.schueler_galerie .ngg-gallery-thumbnail-box {float:none;display:inline-block;width:24.7%}
.schueler_galerie .ngg-gallery-thumbnail img  {width:100%}

@media screen and (max-width:900px) {
	.schueler_galerie .ngg-gallery-thumbnail-box {width:32.7%}
}
@media screen and (max-width:768px) {
	.schueler_galerie .ngg-gallery-thumbnail-box {width:49%}
}
@media screen and (max-width:400px) {
	.schueler_galerie .ngg-galleryoverview {text-align:center;}
	.schueler_galerie .ngg-gallery-thumbnail-box {width:80%}
}

/*
.ngg-galleryoverview {
	overflow: hidden;
	margin-top: 10px;
	width: 100%;
	clear: both;
	display: block !important;
}
*/
/* MTA Videos
-------------------------------------------------------------- */
.vdolist{ background-color:#ff2288; position:relative; float:left; width:31.2%; margin:0 1% 2%; height:250px; overflow:hidden; display:table; border-radius:8px;}
.vdolist:hover img{ opacity:0.2;}



/* Bürozeiten
---------------------------------------------------- */
.mta_bz_item .bz_wochentag {display:inline-block;}
.mta_bz_item .bz_von {display:inline-block;}
.mta_bz_item .bz_bis {display:inline-block;}


/* Event Calendar Plgun
-------------------------------------------------------------- */


.tribe-common--breakpoint-medium.tribe-events .tribe-common-c-btn.tribe-events-c-search__button {background-color:#777 !important} /* Finde Button */
.tribe-common--breakpoint-medium.tribe-events .tribe-common-c-btn.tribe-events-c-search__button:hover {background-color:#aaa !important; } /* Finde Button */
.tribe-common-c-btn-border {background-color:transparent !important;  color: #dedede !important; border-color: #dedede !important;} /* Abo-Button */
.tribe-common-c-btn-border:hover {background-color:#ff2288 !important;  color: #fff !important; border-color: #dedede !important;} /* Abo-Button */

/* Listenansicht */
.tribe-event-date-start {color:#bababa}
.tribe-event-time {color:#bababa}
.tribe-events .tribe-events-calendar-list__event-datetime {color: #bababa !important;}
.tribe-events .tribe-events-calendar-list__event-date-tag-weekday {color: #bababa;}
.tribe-events .tribe-events-calendar-list__event-title-link {color: #cdcdcd !important; font-family:  Oswald, sans-serif!important; border-bottom:1px solid #cdcdcd; font-size:20px !important;  font-weight: normal; }
.tribe-events .tribe-events-calendar-list__event-title-link:hover {color: #ff2288 !important; border-color:#ff2288; }
.tribe-events-calendar-list__event-venue-title {color:#bababa}
.tribe-common .tribe-common-b2 {color:#bababa}
.tribe-events-calendar-list__event-title,
.tribe-events-calendar-list__event-datetime-wrapper, 
.tribe-events-calendar-list__event-description,
.tribe-events-calendar-list__event-venue {margin:0 !important; padding: 0 !important;}


/* Monatsansicht */
.tribe-events .tribe-events-calendar-month__day-date-link {color: #eee !important;}
.tribe-events .tribe-events-calendar-month__day-date-daynum {color: #ccc !important;}
.tribe-events .tribe-events-calendar-month__calendar-event-datetime {color:#eee}
.tribe-events .tribe-events-calendar-month__calendar-event-title-link {color: #eee !important; text-decoration: underline}
.tribe-events .tribe-events-calendar-month__calendar-event-title-link:hover {color: #ff2288 !important; border:none; text-decoration: underline}

.tribe-events-calendar-month__events time {color:#eee !important;}
.tribe-events-calendar-month__calendar-event-datetime-separator {color:#eee !important;}
/* Vorschau in Monatsansicht */
.tooltipster-base .tribe-event-date-start {color:#000 !important;}
.tooltipster-base .tribe-event-time {color:#000 !important;}
.tribe-events .tribe-events-calendar-month__calendar-event-tooltip-title-link {color: #000 !important; text-decoration: underline}
.tribe-events .tribe-events-calendar-month__calendar-event-tooltip-title-link:hover {color: #ff2288 !important; border:none; text-decoration: underline}

/* Tagesansicht */
.tribe-common .tribe-common-c-svgicon--messages-not-found .tribe-common-c-svgicon__svg-stroke {color: transparent!important;}
.tribe-events .tribe-events-calendar-day__event-datetime {color: #ccc !important;}
.tribe-events .tribe-events-c-messages__message-list-item-link, 
.tribe-events .tribe-events-calendar-day__event-title-link {color: #cdcdcd !important; font-family:  Oswald, sans-serif!important; border-bottom:1px solid #cdcdcd; font-size:20px !important;  font-weight: normal; }
.tribe-events .tribe-events-c-messages__message-list-item-link:hover, 
.tribe-events .tribe-events-calendar-day__event-title-link:hover  {color: #ff2288 !important; border-color:#ff2288; }
.tribe-events-calendar-day__event-title,
.tribe-events-calendar-day__event-datetime-wrapper,
.tribe-events-calendar-day__event-description,
.tribe-events-calendar-day__event-venue {margin:0 !important; padding: 0 !important;}

/* voriger/nächster Tag (unten) */
.tribe-common--breakpoint-medium.tribe-events .tribe-events-c-nav__next, .tribe-common--breakpoint-medium.tribe-events .tribe-events-c-nav__prev {color: #fff; }
.tribe-common--breakpoint-medium.tribe-events .tribe-events-c-nav__next:hover, .tribe-common--breakpoint-medium.tribe-events .tribe-events-c-nav__prev:hover {color: #ff2288 !important; }
/* Heute Button */
.tribe-common--breakpoint-medium.tribe-common .tribe-common-c-btn-border-small, .tribe-common--breakpoint-medium.tribe-common a.tribe-common-c-btn-border-small {background-color:transparent; color:#ccc}
.tribe-common--breakpoint-medium.tribe-common .tribe-common-c-btn-border-small:hover, .tribe-common--breakpoint-medium.tribe-common a.tribe-common-c-btn-border-small:hover {background-color:transparent; border-color:#ff2288; color:#ff2288}


/* Singleansicht */
h1.tribe-events-single-event-title {color: #cdcdcd !important; font-family:  Oswald, sans-serif!important; font-size:20px !important;  font-weight: normal; margin:0 !important; padding: 0 !important; }
.tribe-clearfix h2 {color: #bababa !important; font-size:15px; margin:0 !important; padding: 0 !important;}
.tribe-events-single-event-title {color: #bababa !important; font-size:15px; margin:0 !important; padding: 0 !important;}
.tribe-events-single-event-description p {color: #bababa !important; font-size:15px; margin:0 !important; padding: 0 !important; margin-top:9px !important}
.tribe-events-schedule {margin:0 !important; padding: 0 !important;}

.tribe-events-meta-group-details, 
.tribe-events-meta-group-venue {color: #bababa !important;}

.tribe-events-sub-nav a {color: #fff !important; }
.tribe-events-sub-nav a:hover {color: #ff2288 !important; }


.tribe-events-calendar-latest-past h2 {color:#fff !important; }
.tribe-events-c-top-bar__datepicker-mobile {color:#fff !important; }
.tribe-events-c-nav__next-label, .tribe-events-c-nav__prev-label {color:#fff !important; }
.tribe-events-c-nav__next-label:hover, .tribe-events-c-nav__prev-label:hover {color:#ff2288 !important; }
.tribe-events-calendar-latest-past__event-title-link {color:#fff !important; }
.tribe-events-calendar-latest-past__event-date-tag-month, 
.tribe-events-calendar-latest-past__event-date-tag-daynum, 
.tribe-events-calendar-latest-past__event-date-tag-year {color:#fff !important; }
.tribe-events-calendar-list__event-date-tag-weekday, .tribe-events-calendar-list__event-date-tag-daynum {color:#fff !important; }
.tribe-events-calendar-list__month-separator-text {color:#fff !important; }

/* = Unterrichtsmaterial
----------------------------------------------------- */

.um_archiv_top{ cursor: pointer; background-color:transparent; position:relative; float:left; width:23%; margin:0 1% 2%; height:150px; overflow:hidden; display:table; border-radius:8px;}
.um_archiv_top:hover img { opacity:1.0;}
.um_archiv_top img{ border-radius:8px; height:100%; width:100%; display:block; position:absolute; opacity:0.75;}
.um_archiv_top .um_link{ position:absolute; width:100%; height:150px; text-align:left;}
.um_archiv_top .um_link h3{ color:#ffccff; ffont-style:italic; text-transform:uppercase; font-size:26px; font-weight:normal; position:absolute; left:33%; bottom:8px}
.um_archiv_top:hover .um_link h3{ color:#fff; }


.um_archiv{ background-color:transparent; position:relative; float:left; width:23%; margin:0 1% 2%; height:150px; overflow:hidden; display:table; border-radius:8px;}
.um_archiv:hover img { opacity:1.0;}
.um_archiv img{ border-radius:8px; height:100%; width:100%; display:block; position:absolute; opacity:0.75;}
.um_archiv a{ color:#fff;}
.um_archiv .um_link{ position:absolute; width:85%; height:100%; text-align:left; padding:40px; }
.um_archiv .um_link h3{ color:#ffccff; ffont-style:italic; text-transform:uppercase; font-size:16px; font-weight:normal; position:absolute; left:20%; bottom:0px;}
.um_archiv:hover .um_link h3{ color:#fff; }

div.folder-content {padding:20px; border:3px solid #f28; border-radius:8px; min-height:200px; margin-bottom:20px;}
div.folder-content a {color:#fff}
div.folder-content a:hover {color:#f28}
div.folder-content  p i {color:#fff; width:30px; display:inline-block; text-align:center}
#folder_info_single{font-size:18px; margin-bottom:20px;}

#folder_info{display:none; font-size:18px; margin-bottom:20px;}
#folder_details{}
#folder_close_button{float:right;cursor:pointer;font-size:26px; margin-left:10px;color:#f28;}
#folder_close_button:hover{color:#fff;}

.um_checkbox {background-color:yellow; border:1px solid green; color:#f28; width:30px; margin-right:10px;}





div.folder-content input[type="submit"],
.um_downloadbtn{ background-color: #ff2288; border:none; color: #fff; margin-top:10px; padding: 5px 15px; display: block; border-radius: 25px;text-transform: uppercase;
    font-size: 14px; left: 0; right: 0;  width: max-content; }
div.folder-content input[type="submit"]:hover,
.um_downloadbtn:hover{ background-color: #fff; color: #111; }

div.folder-content input[type="password"] {padding:6px; border-radius:5px; border: 1px solid #999999}



@media screen and (max-width:1000px) {
.um_archiv_top, .um_archiv {  width:31%; height:150px; }

}
@media screen and (max-width:767px) {
.um_archiv_top {  width:47%; height:100px; }
.um_archiv_top .um_link { position:absolute; width:100%; height:100%; text-align:left;}
.um_archiv_top .um_link h3 { color:#ffccff; ffont-style:italic; text-transform:uppercase; font-size:16px; font-weight:normal; left:25%; top:65px}

.um_archiv {  float:none; width:98%; height:150px; }
.aum_archiv .um_link {  padding:0px;  }
.aum_archiv .um_link h3 {  top:65px}

}


/* Responsive CSS
---------------------------------------------------------------------------------------------------- 
----------------------------------------------------------------------------------------------------
*/
@media screen and (max-width:1100px) {
.services_page_box.four_column {width:43%}
}
@media screen and (max-width:980px) {
.lmsw-logo {display:none}
}
/* Tablet View */
@media screen and (max-width:1169px) and (min-width:768px) { 
.lmsw-logo {right:20px;}
}

@media screen and (min-width:768px) and (max-width: 980px){
.header-top .left{ padding-left:0;}
}

/* Tablet View */
@media screen and (max-width:1169px) and (min-width:768px) { 
.header-top .left{ margin-left:27%}
}

@media screen and (min-width:768px) and (max-width: 980px){
.header-top .left{ margin-left:0}
}
/* Mobile View */
@media screen and (max-width:767px) {
	
.team .post-thumb { float:none; margin:0 30px 10px 0;}
.team  .post-thumb img{ float:none;}
	
.services_page_box.four_column { width:100%;} /*spaltenbreite ausbildung*/
/* va */
.title_desc_box {margin-left:0;}
.va_common,
.va_common.va_date,
.va_common.va_thumb_descbox,
.va_common.va_location,
.va_common.va_time,
.va_common.va_anmerkung,
.va_common.va_buyticket
{ float:none; width:100%; display:inline-block; text-align:center; height:auto; line-height: normal; padding:10px 0;}
.vathumb{ float:none; margin: 0 auto}
.vathumb img{ position:relative; top: auto; transform:none;}
/* Singles */
.singles_raster{ width: auto; float:none; margin-bottom:25px;}
/* Videos */
.vdolist{ width:auto; float:none; margin:0 0 25px; height:220px;}
.vdolist img{ min-height:220px; }
/* Video und Foto galerie */

}
@media screen and (max-width:600px) {
.released_list .item{ height:350px;}
}

@media screen and (min-width:370px) and (max-width: 480px){

.team  .post-thumb img{ float:none; margin-right:0; }
}
@media screen and (max-width: 370px){
	
.team  .post-thumb {width:100% }

.team  .post-thumb img{ float:none; margin-right:0;width:100% }
}

/* = Workshop Formular
----------------------------------------------------- */
.WS22-alter {padding:8px !important; margin-bottom:6px !important}
.WS22-text {width:400px !important; max-width:100% !important}


/* Barierefreiheit 
--------------------------------------------------------*/
/*
.postdate {color:#ffffff !important; }
*/