/*
 * custom child theme styles
 */

 
 

/* Helper classes
============================================================== */


/* Design definition
============================================================== */


/* Allgemein
============================================================== */

body {background: #bd0926;}
.container {padding: 0px !important; background: #ffffff;}
.row {margin: 0px !important;}
.limain-navbar-fixed-top {padding-top: 0px;}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, 
.col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, 
.col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, 
.col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, 
.col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {padding-left: 0px !important; padding-right: 0px !important;}

.headerbereich {float: left; width: 100%; height: auto; padding: 0 15px;}
.home .header {position: absolute; top: 0px; background: none; z-index: 99; background-color:#bd0926; border-color: #e7e7e7}
.header {float: left; width: 100%; height: auto; background: #bd0926; position: relative;}

.logo {float: left;}
.home .logo {padding: 0px !important;}
.logo a {float: left; display: block; text-indent: -9999px; outline: none; background: url('images/logo_header.jpg') 0 0 no-repeat;}

.home .servicebar {float: right; display: block; width: auto; text-align: right; line-height: 21px; height: 60px; padding: 22px 20px 0 0; color: #fff; font-family: 'Lato', sans-serif; font-size: 14px; letter-spacing: 0.06em ;} 
.servicebar {display: none;}
.tel {color: #bd0926; font-size: 18px;font-weight: bold; text-transform: uppercase;}
.nr {color: #bd0926; font-size: 23px;font-weight: bold;}

.navbar-default {background: none; border: none;}
.navbar {border-radius: 4px;}
.navbar {min-height: 20px; margin-bottom: 0px; border: none}
.navbar-nav > li > a {padding-top: 0px; padding-bottom: 0px;}
.nav > li > a {padding: 0px;}

.headernavi {float: left;}
.headernavi ul {float: right; list-style: none; margin: 0px; padding: 0px;}
.headernavi ul li {float: left; padding: 0 29px;}
.headernavi ul li a {float: left; font-size: 22px; font-weight: 300; letter-spacing: 0.05em; text-transform: uppercase; font-family: 'Yanone Kaffeesatz', sans-serif;}

.navbar-default .navbar-nav > li > a {color: #fff;}
.navbar-default .navbar-nav > li > a:hover {color:#000}
.home .navbar-default .navbar-nav > li > a:hover {color: #bd0926;}
.menu-item-34 {padding-top: 2px !important; padding-right: 8px !important;}
.home .menu-item-34 a {background: url('images/search_icon.png') 0 0px no-repeat;}
.menu-item-34 a {text-indent: -9999px; outline: none; display: block; width: 18px; height: 18px; background: url('images/search_icon_sticky_header.png') 0 0px no-repeat;}
.menu-item-34 a:hover {background-position: 0 -18px;}
.navbar-default .navbar-nav > li.current-menu-item > a {color: #000;}

.slider {display: none;}
.home .slider {display: block; float: left; width: 100%; /*background: url('images/slider_beispiel.jpg') 0 0 no-repeat;*/}

.contentbereich {float: left; width: 100%; height: auto; padding: 0 15px;}
.aktuelles {float: left; width: 100%; background: #bd0922;}
.kompetenznavi {float: left; width: 100%; height: auto;}
.kompetenznavi ul {float: left; list-style: none; margin: 0px; padding: 0px;}
.kompetenznavi ul li {float: left; position: relative;}
.kompetenznavi ul li a {float: left; width: auto; color: #fff; text-transform: uppercase; font-weight: bold; letter-spacing: 0.05em; line-height: 28px;}
.kptext {color: #de99a4; font-size: 12px; letter-spacing: 0.05em ; line-height: 20px;}
.more-link {float: unset !important; padding: 0px !important; text-indent: -9999px; outline: none; position: absolute; top: 0px; left: 0px; height: 100%; width: 100% !important;}
.more-link:hover {text-decoration: underline;}

#content {float: left; width: 100%; padding: 30px 35px 50px; min-height: 500px;}

.footerbereich {float: left; width: 100%; height: auto;}
.home .video { display: block; width: 100%; background: url('images/video_poster.jpg') 0 0 no-repeat;}
.video {display: none;}
.video a.youtube {display: block; height: 100%; text-indent: -1000px;}
.footerlogo {float: left; width: 100%; height: 14px; position: relative; background: #bd0922;}
.footerlogo a {position: absolute; width: 100%; height: 131px; top: -58px; background: url('images/logo_footer.png') center top no-repeat; display: block; text-indent: -9999px; outline: none;}

.footerweiss {float: left; height: 140px; background: #ffffff; width: 100%; text-align:center;}
.footerweiss h6 {float: left; color: #bd0922; font-family:'Yanone Kaffeesatz', sans-serif; font-weight: 500; text-transform: uppercase; letter-spacing: 0.1em;}
.footerrot {background: #bd0922; width: 100%; height: auto; float: left; padding-bottom: 40px;}

.kontakt {float: left; color: #ffffff; text-transform: uppercase; letter-spacing: 0.15em;}
.kontakt span {float: left; width: 100%; height: auto; line-height: 18px; text-transform: uppercase; font-weight: 500; display: block;}

.timetable {float: left; font-weight: 500; text-transform: uppercase; font-family: 'Open Sans', serif; line-height: 34px; letter-spacing: 0.15em;}
.tag {float: left; color: #ed788b;}
.zeit {float: left; color: #ffffff;}

.footernavi {float: left; }
.footernavi ul {float: left; list-style: none; margin: 0px; padding: 0px;}
.footernavi ul li {float: left;}
.footernavi ul li a {float: left; /*background: url('images/sitemap_strich.png') 0 6px no-repeat;*/ display: block; color: #ed788b; font-weight: bold; text-transform: uppercase;}
.footernavi ul li a:hover {/*background-position: 0 3px;*/ color: #ffffff;}







/* --------- Responsive CSS - Desktop/Tablet/Smartphone ------------- */

/* Desktop-Ansicht */
@media (min-width: 1171px) {
.container {width: 1170px !important;}
.logo {width: 195px; height: 187px;}
.logo a {width: 195px; height: 187px;}
.socialicons {position: absolute; top: 16px; right: 20px; z-index: 200;}
.socialicons a {float: left; text-indent: -9999px; outline: none; width: 40px; height: 40px;}
.socialicons a:hover {background-position: 0 -40px;}
.facebook {background: url('images/facebook_icon.png') 0 0 no-repeat; margin-right: 18px;}
.instagram {background: url('images/instagram_icon.png') 0 0 no-repeat;}

.home .headernavi {width: 945px; height: 127px; padding: 32px 0 0 0;}
.headernavi li {min-height: 35px;}
.headernavi ul.sub-menu {display: none; background-color: #bd0926; width: 200px; height: auto; font-family: Open Sans; font-weight: lighter; font-size: 14px; color: #d27880; top:35px; left: 0; position:absolute; z-index: 100;}
.headernavi ul.sub-menu li {float:none; padding: 0; }
.headernavi ul.sub-menu li a {color:#F1BDC1; text-transform: none;padding: 0 29px;}
.headernavi ul.sub-menu li a:hover {color: #fff;background-color: #c21c37;}
.headernavi {width: 944px; height: 120px; padding: 92px 0 0 0;}
/* .home .slider {height: 866px; } FIXXXXME*/

.aktuelles {height: 233px;}
.kompetenznavi ul li {width: 50%; height: 233px; padding: 20px 25px 20px 195px;}
.kompetenznavi ul li:hover {background-position: 0 -233px;}
.kompetenznavi ul li a {padding-right: 115px; height: 62px; font-size: 26px;}
.menu-item-56 {background: url('images/workshop_bild.jpg') 0 0 no-repeat;}
.menu-item-54 {background: url('images/buchen_bild.jpg') 0 0 no-repeat;}
.home .video {height: 572px; float: left;}
.more-link {height: 233px !important; padding: 0px; margin: 0px;}

.footerweiss h6 {width: 33%; padding: 76px 15px 0 15px; height: 140px; font-size: 40px;}

.kontakt {width: 33%; padding: 20px 15px 0 15px;}
.kontakt span {padding: 15px 20px 5px 55px; font-size: 14px;}
.kontakt1 {color: #fff; background: url('images/anfahrt_icon.png') 15px 17px no-repeat;}
.kontakt2 {color: #fff; background: url('images/telefon_icon.png') 15px 16px no-repeat;}
.kontakt3 {color: #fff; background: url('images/mail_icon.png') 15px 17px no-repeat;}

.timetable {width: 33%; padding: 15px 0px 0 50px; font-size: 14px;}
.tag {width: 50%; }
.zeit {width: 50%;}
.footernavi {width: 33%; padding: 15px 15px 0 15px; }
.footernavi ul li {width: 50%; padding: 7px 0;}
.footernavi ul li a {font-size: 14px; padding: 0 0 0 28px; letter-spacing: 0.15em;}

}

/* Tablet-Ansicht  */
@media (min-width: 768px) and (max-width: 1170px) {
.container {width: 750px !important;}
.logo {width: 61px; height: 55px; padding: 2px 2px 2px 10px;}
.logo a {width: 51px; height: 51px; background-size: cover;}
.home .socialicons {top: 16px; right: 20px !important; left: unset !important;}
.socialicons {position: absolute; z-index: 200; top: 7px; left: 70px;}
.socialicons a {float: left; text-indent: -9999px; outline: none; width: 40px; height: 40px;}
.socialicons a:hover {background-position: 0 -40px;}
.facebook {background: url('images/facebook_icon.png') 0 0 no-repeat; margin-right: 14px;}
.home .facebook {margin-right: 18px;}
.instagram {background: url('images/instagram_icon.png') 0 0 no-repeat;}

.home .logo {width: 155px; height: 150px;}
.home .logo a {width: 155px; height: 150px;}
.home .headernavi {width: 565px; height: 90px; padding: 32px 0 0 0;}
.headernavi {width: 655px; height: 55px; padding: 18px 0 0 0;}
.headernavi ul li {padding: 0 10px;}
.headernavi ul li a {font-size: 18px;}
.headernavi li {min-height: 35px;}
.headernavi ul.sub-menu {display: none; background-color: #bd0926; width: 150px; height: auto; font-family: Open Sans; font-weight: lighter; font-size: 14px; color: #d27880; top:35px; left: 0; position:absolute; z-index: 100;}
.headernavi ul.sub-menu li {float:none; padding: 0; }
.headernavi ul.sub-menu li a {color:#f1bdc1; text-transform: none;padding: 0 15px;}
.headernavi ul.sub-menu li a:hover {color: #fff;background-color: #c21c37;}

.home .slider {height: 504px; background-position: 0 bottom;}

.aktuelles {height: 233px;}
.kompetenznavi ul li {width: 50%; height: 233px; padding: 10px 25px 20px 145px; overflow: hidden;}
.kompetenznavi ul li:hover {background-position: -50px -233px;}
.kompetenznavi ul li a {padding-right: 15px; height: 58px; font-size: 19px; line-height: 24px !important;}
.menu-item-56 {background: url('images/workshop_bild.jpg') -50px 0 no-repeat;}
.menu-item-54 {background: url('images/buchen_bild.jpg') -50px 0 no-repeat;}
.kptext {font-size: 11px;}
.home .video {height: 366px; background-size: cover; float: left;}
.more-link {height: 233px !important; padding: 0px; margin: 0px;}

.footerweiss h6 {width: 33%; padding: 76px 15px 0 15px; height: 140px; font-size: 32px;}

.kontakt {width: 33%; padding: 20px 15px 0 15px;}
.kontakt span {padding: 15px 10px 5px 28px; font-size: 13px;}
.kontakt1 {color: #fff; background: url('images/anfahrt_icon.png') 2px 17px no-repeat;}
.kontakt2 {color: #fff; background: url('images/telefon_icon.png') 2px 16px no-repeat;}
.kontakt3 {color: #fff; background: url('images/mail_icon.png') 2px 17px no-repeat;}

.timetable {width: 33%; padding: 15px 15px 0 15px; font-size: 13px;}
.tag {width: 50%; }
.zeit {width: 50%;}
.footernavi {width: 33%; padding: 15px 15px 0 15px; }
.footernavi ul li {width: 100%; padding: 7px 0;}
.footernavi ul li a {font-size: 13px; padding: 0 0 0 20px; letter-spacing: 0.15em; /*background-position: -5px 6px;*/}
.footernavi ul li a:hover {/*background-position: -5px 3px;*/}

}

/* Smartphone-Ansicht */
@media (max-width: 767px) {
.container { max-width:765px; min-width: 320px !important; margin:0 10px;}
.header {}
.home .socialicons {position: absolute; top: 20px; left: 20px; width: 100%;}
.home .facebook {margin-right:40px !important; float:right;}
.socialicons {position: absolute; top: 7px; left: 70px; z-index: 200; width:auto;}
.socialicons a {float: left; text-indent: -9999px; outline: none; width: 40px; height: 40px;}
.socialicons a:hover {background-position: 0 -40px;}
.facebook {background: url('images/facebook_icon.png') 0 0 no-repeat; margin-right: 15px;}
.home .facebook {margin-right: 168px;}
.instagram {background: url('images/instagram_icon.png') 0 0 no-repeat;}

.logo {width: 61px; height: 55px; padding: 2px 2px 2px 10px;}
.home .logo {width: 100%; height: 187px; background: #bd0926;}
.logo a {width: 51px; height: 51px; background-size: cover;}
.home .logo a {width: 100%; height: 187px; background-position: center 0; background-size: contain;}
.navbar-collapse {padding-right: 0px; padding-left: 0px;}

.home .servicebar {height: 80px; display: none;}
.home .headernavi {z-index: 200; width: 100%; min-height: 60px; padding: 5px 0 0 0; background: #000 !important;}
.home .headernavi ul {padding: 5px 0px !important;}
.headernavi {float: right !important; width: 227px; min-height: 55px; padding: 0px 0 0 0;}
.headernavi ul {width: 100% !important; padding: 5px 54px 5px 0 !important;}
.headernavi ul li {width: 100%; margin: 0px; padding: 4px 0;}
.headernavi ul li a {text-align: center; width: 100%;}
.headernavi ul li ul {display: none;}
.navbar-default .navbar-toggle .icon-bar {background: #fff;}
.navbar-toggle .icon-bar {width: 32px;height: 4px;border-radius: 3px;}
.navbar-toggle {margin-right: 10px;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {border: none;}
.home .menu-item-34 a {background: none; text-indent: 0px !important;}
.menu-item-34 a {text-indent: 0px; background: none;}

.headernavi ul li ul {padding: 5px 0px 5px 0 !important; display: block !important;}
.headernavi ul li ul li {padding: 1px 0;}
.headernavi ul li ul li a {color: #fff !important; font-size: 16px !important;}
.headernavi ul li ul li a:hover {color: #000 !important;}

.home .slider {float: left; height: auto; background-position: 0 bottom; margin-top: 187px;}

.aktuelles {min-height: 233px;}
.kompetenznavi ul li {width: 100%; height: 233px; padding: 5px 25px 10px 120px; overflow: hidden;}
.kompetenznavi ul li:hover {background-position: -70px -233px;}
.kompetenznavi ul li a {height: 45px; font-size: 18px; /*line-height: 68px;*/}
.menu-item-56 {background: url('images/workshop_bild.jpg') -70px 0 no-repeat;}
.menu-item-54 {background: url('images/buchen_bild.jpg') -70px 0 no-repeat;}

.youtubevideo {height: 100%; float: left; width: 100%; background: url('images/video_poster.jpg') 0 bottom no-repeat; background-size: cover;}
.home .video {height: 100%; min-height: 180px; float: left; display: block; width: 100%; background: url('images/video_poster.jpg') 0 bottom no-repeat; background-size: cover; background-origin: content-box;}
.home .video a {max-width: 100%; height: 100%;}

.footerlogo a {top: -28px !important;}
.more-link {height: 233px !important; padding: 0px; margin: 0px;}
.kptext {font-size: 11px; float:left;}

.footerweiss h6 {width: 100%; padding: 76px 15px 0 15px; height: 140px; font-size: 40px;}

.kontakt {width: 100%; padding: 20px 15px 0 15px; text-align:center;}
.kontakt span {padding: 15px 20px 5px 55px; font-size: 14px;}
.kontakt1 {color: #fff; background: url('images/anfahrt_icon.png') 15px 17px no-repeat;}
.kontakt2 {color: #fff; background: url('images/telefon_icon.png') 15px 16px no-repeat;}
.kontakt3 {color: #fff; background: url('images/mail_icon.png') 15px 17px no-repeat;}

.timetable {width: 100%; padding: 15px 15px 0 15px; font-size: 14px; text-align:center;}
.tag {width: 50%; }
.zeit {width: 50%;}
.footernavi {width: 100%; padding: 15px 15px 0 15px; }
.footernavi ul li {width: 50%; padding: 7px 0;}
.footernavi ul li a {font-size: 14px; padding: 0 0 0 28px; letter-spacing: 0.15em; text-align:center; float:none;}

#content {padding-left: 25px !important; padding-right: 25px !important; line-height: 24px !important;}

.table-scrollable {
    overflow-x: scroll; 
}

}


/* ---------- Tanzworkshop / Wettbewerb Seitentemplate ------------ */

.page-template-template-workshop {background: #f48238;}
.page-template-template-workshop .header {background: #f48238;}

.page-template-template-workshop .logo a {background: url('images/logo_header_2.jpg') 0 0 no-repeat;background-size: cover;}
.page-template-template-workshop .footerlogo a {background: url('images/logo_footer_2.png') center top no-repeat;}
.page-template-template-workshop .footerlogo {background: #f48238;}
.page-template-template-workshop .headernavi ul.sub-menu {background: #ffc7a3;}
.page-template-template-workshop .headernavi ul.sub-menu li a:hover {color: #fff;background: #f48238;}
.page-template-template-workshop .headernavi ul.sub-menu li a {color:#fff; width: 100%;}
.page-template-template-workshop .footernavi ul li a {color: #ffc7a3;}
.page-template-template-workshop .tag {color: #ffc7a3;}

.page-template-template-workshop h1, .page-template-template-workshop h1 a {color: #f48238;}
.page-template-template-workshop h2, .page-template-template-workshop h2 a {color: #f48238;}
.page-template-template-workshop h3, .page-template-template-workshop h3 a {color: #f48238;}
.page-template-template-workshop h4, .page-template-template-workshop h4 a {color: #f48238;}

.page-template-template-workshop #content a {color: #f48238;}
.page-template-template-workshop #content a:hover {color: #f48238;}
.page-template-template-workshop a {color: #f48238;}
.page-template-template-workshop a:hover {color: #f48238;}

.page-template-template-workshop .footerweiss h6 {color: #ffc7a3;}
.page-template-template-workshop .footerrot {background: #f48238;}



.table-scrollable {
  width: 100%;
  overflow-y: auto;
  margin: 0 0 1em;
}

.table-scrollable::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 14px;
  height: 14px;
}

.table-scrollable::-webkit-scrollbar-thumb {
  border-radius: 8px;
  border: 3px solid #fff;
  background-color: rgba(0, 0, 0, .3);
}




/*Font definitions
============================================================== */
body {color: #434343; font-size: 14px; font-family: 'Open Sans', serif;}
#content {line-height: 23px;}

h1, h1 a {color: #bd0926; font-size: 40px; font-family: 'Yanone Kaffeesatz', sans-serif; font-weight: 600; letter-spacing: 0.1em; width: 100%; text-align: center; text-transform: uppercase;}
h2, h2 a {color: #bd0926; font-size: 35px; font-family: 'Yanone Kaffeesatz', sans-serif; font-weight: 600; letter-spacing: 0.1em; width: 100%; text-align: center; text-transform: uppercase;}
h3, h3 a {color: #bd0926; font-size: 30px; font-family: 'Yanone Kaffeesatz', sans-serif; font-weight: bold; letter-spacing: 0.1em;}
h4, h4 a {color: #bd0926; font-size: 25px; font-family: 'Yanone Kaffeesatz', sans-serif; font-weight: normal; letter-spacing: 0.1em;}

p {margin:0 0 10px 0;}
#content a {color: #bd0926; text-decoration: none;}
#content a:hover {color: #bd0926; text-decoration: underline;}
a {color: #bd0926; text-decoration: none;}
a:hover {color: #bd0926; text-decoration: none;}