/* ***************************************** */
/*  custom.css musik und feldenkrais berlin  */
/* ***************************************** */
body {line-height: 1.5em;}
p { hyphens: auto; word-break:normal; margin-bottom: 1.1rem;}
label, .btn {font-size: inherit;}
h1 {font-size: 2.4em !important; font-weight: 600 !important;}
h2 {font-size: 1.8em !important;}
h3 {font-size: 1.3em !important; font-weight: 500 !important;}
h3.mod_standard {color: #d0df00; font-weight: 400; font-size: 1.4em !important; text-decoration: none; letter-spacing: 0.5;}
.maincontent { padding: 80px 30px 10px 30px;}
.hornav > ul > li > ul, .hornav > ul > li > ul > li > ul, .hornav > ul > li > ul > li > ul > li > ul {min-width: 300px;}
.hornav > ul > li > ul > li > ul, .hornav > ul > li > ul > li > ul > li > ul {margin-left: 80px;}
.hornav > ul > li {margin: 0 8px;}
.hornav > ul > li > a {text-transform: none;letter-spacing: 0px;font-size: .95em; font-weight: 700;}
.hornav > ul > li > ul > li:hover > a, .hornav > ul > li > ul > li > ul > li:hover a {background-color: rgba(255,255,255, 0.5);}
.hornav > ul > li > ul > li > a {font-size: .95rem; font-weight: 700;}
.module_header {margin-bottom: 0.25rem !important; margin-top: 0.5rem;}
.module:first-of-type .module_surround {padding-top: 40px;}
.module_surround, .base-2 {padding-bottom: 15px !important;}
.base2-text {font-size: 0.8em; letter-spacing: 0.8px; text-transform: uppercase;}3
.base-2, .btn, .button {text-transform: none; font-weight: 400;border-color:#fff; border-width: 1px;}

.imgshadow {box-shadow: 2px 2px 12px #a2a2a2;}
.header_nav {left: 0;right: 0;background-color: rgb(208,223,0);}
.header-1{background-color: rgba(189,220,4, 0.4)}
thead td {text-align: center; font-size: 1.1em; font-weight: 600;}
.tbl-kursplan {border-collapse: unset !important;}
.tbl-kursplan td {font-size:0.9em; border: 1px solid #e2e2e2;}
[class^="fa-"]::before, [class*=" fa-"]::before{color:rgba(208,223,0,0.8);padding: 0 5px 0 3px;}
.table-bordered th, .table-bordered td {font-size: 1.0em;}
.eb-event-price-container .eb-individual-price {padding: 5px 10px;font-size: 0.7em;}
.acymailing_module_form td {vertical-align: bottom !important;}
.acym__users__creation__fields__title {margin-right: 10px;}
#container_base2_modules h3 {text-align: center;}
.buylink{text-transform: uppercase; letter-spacing: 1px; font-weight: 600; padding-left: 30px;}
div.mod-languages a {padding: 0 !important;}
div.mod-languages li {margin: 0 .2rem !important;}
div.mod-languages ul li.lang-active {background-color: transparent !important;}
[class*=" fa-"]::before {color: inherit;}
#socialmedia ul li a {font-size: calc(48px * .5); line-height: 50px;}
[class^="social-"] {margin-right: 5px !important;}
.clsSocMedFoot {max-width: 350px; margin-left: auto; margin-right: auto;}
#socialmedia ul.clsSocMedUL {padding-left: 60px;}
.clsH1Like {font-size: 2.4em; font-weight: 600; color: #001a72;}
.clsH2Like {font-size: 1.8rem; font-weight: 500; color: #d0df00;}
.clsTxtVert {display: flex; align-items: center; height: 355px;}
.clsDivCenter {text-align: center;}
.clsStFdRiH1 {color: #d0df00; font-size: 2.6rem; letter-spacing: 1px; line-height: 3rem; font-weight: 900; text-shadow: 1px 1px 3px #313131;}
.clsStFdSlog {font-size: 1.2rem; color: #001a72;}
.clsFeldGrpOnline {background-color: #f8f8f8; max-width: 85%; padding: 10px;}
.clsWoEvTitle {font-weight: 600; text-shadow: 1px 1px 2px #7b7a7a;}

/* Buttons Kontakt und Telefon */
.clsBtnShape {font-weight: 600 !important; letter-spacing: 1px; text-transform: uppercase; background-color: #d0df00 !important; color: #001a72 !important; border-radius: 5px 5px 15px 15px;  box-shadow: 2px 2px 7px #afafaf;}
.clsBtnShape:hover {background-color: #d0df00 !important;}
.clsBtnContact {margin: 30px 30px 0 0;}
.clsBtnTel {margin: 30px 0 0 30px;}
.btn:hover {border-color: #d0df00 !important;}

/* hervorheben vonm einzelnen Phrasen */
.clsHighPhrase {display: block; text-align: center; margin: 20px auto; padding: 15px 20px; background-color: #d0df00; color: #001a72; border-radius: 8px; font-weight: 500; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); max-width: 80%; margin-left: auto; margin-right: auto; font-size: 1.2em;}
.clsHighPhrase:hover {transform: translateY(-2px); box-shadow: 0 6px 8px rgba(0, 0, 0, 0.15);}


.clsMenuImgArw {margin-top: 0; margin-right: 5px;}
.hornav > ul > li img {margin-top: 0 !important; margin-right: 5px;  }
.MusikUndFeldenkrais .djtabs-title {font-weight: 500 !important; text-transform: uppercase !important;}
.clsTxtGutschein {line-height: 2.4em; font-weight: 600; font-size: 1.2em; margin-left: 20px;}
.clsModHeadSide {border: 1px solid #0028ad; padding: 5px 10px !important; background-color: #0028ad30; color: rgb(0,40,173) !important; text-shadow: 1px 1px 3px #3e3e3e;}

/* MWall */
.mwall-desc {font-size: 15px !important;}

/* DJ-Tabs */
.Unternehmen .djtabs-title {font-weight: 500 !important; text-align: left !important;}
.Unternehmen .djtabs-title [class^="icon-"] {padding-right: 20px;}
.Unternehmen .djtabs-title.djtabs-accordion {border: 2px solid #d0df00 !important;}

@media only screen and (max-width: 420px) {
 h1 {font-size: 2.1em !important; text-shadow:none;}
 body, .hornav ul ul, .hornav ul ul a { font-size: 14px !important;}
 h2 {font-size: 1.9em;}
 h3 {font-size: 1.5em;}
 .clsImgSmall {width: 50%;} 
}

@media only screen and (min-width: 421px) and (max-width: 800px) {
 h1 {font-size: 2.1em !important; text-shadow: 1px 1px 6px #a2a2a2;}
 body, .hornav ul ul, .hornav ul ul a { font-size: 16px !important;}
 h2 {font-size: 1.8em !important;}
 h3 {font-size: 1.6em;}
 .clsImgSmall {width: 50%;} 
 .j51_numbers .j51_numbers_number {font-size: 30px !important;}
 .module .module_header h3, .module_menu .module_header h3 {font-size: 1.5em;}
}