/*
@font-face {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 400;
    src: url('Raleway-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: url('Roboto-Regular.ttf') format('truetype');
    }
*/

/*@import url(https://fonts.googleapis.com/css?family=Rubik:300,300i,400,400i,500,500i,700,700i,900,900i);*/

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: url('../../../../Private/Fonts/Rubik/RobotoCondensed-Regular.ttf') format('truetype');
    src: url('../Fonts/Rubik/RobotoCondensed-Regular.ttf') format('truetype');
    }


@font-face {
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 400;
    src: url('../../../../Private/Fonts/Rubik/Rubik-VariableFont_wght.ttf') format('truetype');
    src: url('../Fonts/Rubik/Rubik-VariableFont_wght.ttf') format('truetype');
    }


@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 400;
    src: url('../../../../Private/Fonts/Roboto_Condensed/RobotoCondensed-Regular.ttf') format('truetype');
    src: url('../Fonts/Roboto_Condensed/RobotoCondensed-Regular.ttf') format('truetype');

}
@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 400;
    src: url('../../../../Private/Fonts/Source_Sans_Pro/SourceSansPro-Regular.ttf') format('truetype');
    src: url('../Fonts/Source_Sans_Pro/SourceSansPro-Regular.ttf') format('truetype');

}
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: url('../../../../Private/Fonts/Open_Sans/OpenSans-Regular.ttf') format('truetype');
    src: url('../Fonts/Open_Sans/OpenSans-Regular.ttf') format('truetype');

}
@font-face {
    font-family: 'Open Sans light';
    font-style: normal;
    font-weight: 300;
    src: url('../../../../Private/Fonts/Open_Sans/OpenSans-Light.ttf') format('truetype');
    src: url('../Fonts/Open_Sans/OpenSans-Light.ttf') format('truetype');

}
@font-face {
    font-family: 'Open Sans ExtraBold';
    font-style: normal;
    font-weight: 300;
    src: url('../../../../Private/Fonts/Open_Sans/OpenSans-ExtraBold.ttf') format('truetype');
    src: url('../Fonts/Open_Sans/OpenSans-ExtraBold.ttf') format('truetype');

}



@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    src: url('../../../../Private/Fonts/Montserrat/Montserrat-Regular.ttf') format('truetype');
    src: url('../Fonts/Montserrat/Montserrat-Regular.ttf') format('truetype');

}
@font-face {
    font-family: 'Montserrat Bold';
    font-style: normal;
    font-weight: 400;
    src: url('../../../../Private/Fonts/Montserrat/Montserrat-Bold.ttf') format('truetype');
    src: url('../Fonts/Montserrat/Montserrat-Bold.ttf') format('truetype');

}
@font-face {
    font-family: 'Montserrat Black';
    font-style: normal;
    font-weight: 400;
    src: url('../../../../Private/Fonts/Montserrat/Montserrat-Black.ttf') format('truetype');
    src: url('../Fonts/Montserrat/Montserrat-Black.ttf') format('truetype');

}
/*
    font-family: 'Source Sans Pro', sans-serif;

    font-family: 'Open Sans Condensed', sans-serif;

    font-family: 'Open Sans', sans-serif;
    Open_Sans
    OpenSans-Regular.ttf
    */

    img {
      max-width: 100%;
      height: auto;
    }

    table {font-family: 'Open Sans';}
#content-1 ul {
  list-style-type: none;
padding: 0;

}
#content-1 ul li
{
background-image: url(../../images/pfeil_right.gif);
background-repeat: no-repeat;
background-position: 0 0.5em;
padding-left: 1.1rem;margin-top: 0.4rem;
}


section {background-color: #fff;}

body{font-family:  'Open Sans', 'Raleway', 'Roboto', sans-serif;}
a {color: rgb(234,79,61);}
a:hover {color: rgb(234, 0, 0);}
#global-nav{font-family:  'Open Sans';}
.display-7{font-family: 'Open Sans', sans-serif;}
#kontakt-card{font-family:  'Raleway', 'Roboto', sans-serif !important;}

.msrt-column-right  .display-5{font-size: 0.8rem;}
.msrt-column-right  h2.display-5 {font-size: 1.0rem;}
.msrt-column-right  .display-7{font-size: 0.8rem;}
.navbar {
  padding-top: 0rem;
  padding-bottom: 0.rem;
  padding: 0;
}

.frame-layout-0 header h3{padding-top: 1rem; padding-bottom: 1.5rem;}

.navbar-light .navbar-brand{font-size: 1.1rem;font-weight: 500;}
h2.display-2{font-size: 2rem;}
h2.msrt-fach{font-family: 'Open Sans', sans-serif;font-weight: 300;font-size: 1.5rem;}

.text-01 h2{font-family: 'Open Sans', sans-serif;font-weight: 300;}
.text-01 h3{font-family: 'Open Sans', sans-serif;font-weight: 300;font-size: 1.3rem;}
.imagetitle{font-family: 'Rubik', sans-serif;font-weight: 300;font-size: 2.5rem;}
.imagetitle h2{font-family:  'Rubik',sans-serif;font-weight: 300;font-size: 4.0rem;}

.inner.msrt-content-1 {
    padding-top: 2rem;
}

.msrt-content-1 .frame-layout-5 img{border: none;}
.msrt-content-1 .frame-layout-5 .ce-gallery{padding-left: 25px;}
.msrt-content-1 .frame-layout-5 .ce-gallery .ce-row{float: left;}
.msrt-content-1 .frame-layout-5 .ce-gallery .ce-row .ce-column{padding-right: 20px;}
.msrt-content-1 .frame-layout-5 .ce-gallery .ce-row:last-child .ce-column {padding-right: 5px;}

.h3, h3 {
    font-size: 1.3rem; padding-top: 1rem;
}

@media (max-width: 867px) {
.imagetitle{font-family: 'Rubik', sans-serif;font-weight: 300;font-size: 1.0rem;}
.imagetitle h2{font-family:  'Rubik',sans-serif;font-weight: 300;font-size: 2.0rem;/*color:#f49500*/}
}

.article-50{width: 50%;}
.msrt-content{ padding-left: 0; padding-right: 0;}
.mbr-figure img {height: auto;}
.card-img img {  height: auto;}
.msrt-class-Musikschule.Reutlingen .inner.msrt-content-1{padding-top: 2rem;}

@media screen and (min-width: 400px) and (max-width: 992px) {
.aside-content {
    flex-basis: 72%!important;
    -webkit-flex-basis: 72%!important;
}

.mbr-figure {
    width: 28% !important;
}
.mbr-figure img{
    width: 100%!important ;
}
}


@media screen and (min-width: 400px) and (max-width: 768px) {
.aside-content {
    flex-basis: 60%!important;
    -webkit-flex-basis: 60%!important;
}
.mbr-figure {
    width: 20% !important;
}
.mbr-figure img{
    width: 100%!important ;
  max-width: 100vh;
}
}
@media screen and (min-width: 400px) and (max-width: 570px) {
.aside-content {
    flex-basis: 70%!important;
    -webkit-flex-basis: 70%!important;
}
.mbr-figure {
    width: 18% !important;
}
.mbr-figure img{
    width: 100%!important ;
  max-width: 100vh;
}
}
/*NEWS */
@media screen and (min-width: 100px) and (max-width: 428px) {
.news.news-single .aside-content { flex-basis: 70%!important; -webkit-flex-basis: 70%!important;}
.news.news-single .mbr-figure { width: 100% !important;}
.news.news-single .mbr-figure img{ width: 100%!important; max-width: 100vh;}
}
@media screen and (min-width: 429px) and (max-width: 1992px) {
.news.news-single .aside-content { flex-basis: 70%!important; -webkit-flex-basis: 70%!important;}
.news.news-single .mbr-figure { width: 100% !important;}
.news.news-single .mbr-figure img{ width: unset!important; max-width: 100vh;max-height: 50vh; margin: 0 auto 0 0;}

}




@media (max-width: 992px) {
body p {font-size: 0.95rem;}
.inner.msrt-content-1{padding-top: 0!important;}
.card-body{padding: 0;padding-top: 0.8rem!important;}

.mbr-figure img{width: auto;}
.xContactCol h2 {
    font-size: 0.9rem!important;
}
}
@media (min-width: 993px) {
.card-body{padding: 0;padding-top: 0.8rem!important;padding-left: 0.8rem!important;}

}



@media screen and (min-width: 400px) and (max-width: 767px) {
body p {font-size: 1rem;}
}
@media screen and (min-width: 400px) and (max-width: 538px) {
body {font-size: 0.8rem;}
}

@media (max-width: 559px) {
#content-1{padding-top: 0px!important;}
}

@media screen and (min-width: 576px) and (max-width: 992px)  { #content-1{padding-top: 20px!important;} }


.msrt-column-right .card-wrapper .inner.msrt-content-1{padding-top: 0;}

ul ul li.nav-item.dropdown.active{
padding: .25rem 1.5rem;
  color: #000;
  background-color: #fff;
  }
ul ul li.nav-item.dropdown.active a{

  color: #000;

  }

@media (max-width: 1100px) {
  .navbar-brand-text{ font-size:0px;
    line-height: 3.3rem;line-height: 0.5rem;}
  .navbar-light .navbar-brand{font-size: 0.5rem;font-weight: bold;}
  .navbar-brand-logo{background-position: 0px 9px;}
}
@media (max-width: 1100px) {
  .navbar-brand-text.resized{ font-size:0px!important;s;
    line-height: 3.3rem;}
  .navbar-light .navbar-brand{font-size: 0.5rem;font-weight: bold;}
  .navbar-brand-logo{background-position: 0px 9px;}
}
.nav-link, .navbar-brand{
  line-height: 3.5rem!important;
  transition: 0.3s;
}
.navbar-brand-logo{
  background-image: url("../../images/logo-249x152-weiss-202x103.png");
   background-repeat: no-repeat;
   background-size: 105px 55px;
   background-position: 10px 5px;
  padding-left: 130px;
  transition: 0.3s;
}
.navbar-toggler {
    padding-top: 1.5rem;
    padding-bottom: 1.6rem;
    transition: 0.3s;
}
#navbarToggler{padding-right: 2.5rem;}
.scrollremove #navbarToggler{padding-right: 0rem;padding-left: 0rem;}

.navbar-toggler:focus {outline: 0;}


.desktop-size .resized{
  line-height: 1.9rem!important;
  font-size: 1.0rem;
  transition: 0.3s;
}
/*
.xnavbar-brand-text{font-size: 1.2rem;font-weight: bold;line-height: 3.3rem;}
.xbrand-text-resized{font-size: 1.2rem;font-weight: bold;line-height: 1.8rem;}
*/
.desktop-size .toggler-resized {
    padding-top: 0.9rem!important;
    padding-bottom: 0.9rem!important;
    transition: 0.3s;
}
.desktop-size .logo-resized{
  background-size: 80px 38px!important;
  background-position: 0px 0px;
  padding-left: 90px;
  transition: 0.3s;
}


.row-fluid .pull-left[class*="span"]:last-child { margin-left: 0; }
.align-left{text-align: left;}
@media (max-width: 767px) {
    .row-fluid .pull-right[class*="span"] { float: none; }
}


.msrt-kontakt{
color: #767676;
text-align: left;
font-family: 'Open Sans', sans-serif;
  font-size: 1rem;
  font-style: normal;
line-height: 1.6;
  
  
  
}

.msrt-kontakt .b-info b-adress p {
  color: #767676;
text-align: left;
font-family: 'Open Sans', sans-serif;
  font-size: 1rem;
  font-style: normal;
line-height: 1.6;
    margin-top: 0;
    margin-bottom: 1rem;
}

.msrt-content-1 h2{font-weight: 300;padding-top: 2rem;padding-bottom: 0.8rem;font-family: Source Sans Pro, Open Sans,Rubik,sans-serif;}
.msrt-content-1 .header.ContactCol h2{padding-bottom: 0.1rem;}

.msrt-content-1 .articel h2{font-weight: 300;padding-top: 2rem;font-family: Rubik,sans-serif;}
.news .media-container-row {background-color: rgb(255,255,255);}

.ContactCol h2 {font-size: 1rem;margin-bottom: 0rem!important;}
.ContactColumnMedia{font-weight:300;}
.article-100{background-color: rgb(255,255,255);}

.article.layout0 .aside-content {padding-left: 15px;padding-right: 15px;}
/*.msrt-column-right .msrt-content-1{padding-top: 4rem;}*/

.msrt-column-right .card .title{padding-top: 2rem;}
.msrt-column-left{background-color: rgb(255,255,255);}


@media (max-width: 767px) {
#xxxcontent1-c{padding-bottom: 0px;padding-top: 0px!important;}
.cid-rjbbw7d69b {
  padding-top: 0px;
  padding-bottom: 0px;

  }
.Kontakt-column{
  padding-top: 0px;

  }
}

#content1-c{padding-top: 50px;padding-bottom: 50px;}

.msrt-column-left, .msrt-column-left .card{padding: 0px!important;}
.msrt-column-left .inner.msrt-content-1{padding-left: 15px;padding-right: 15px;}


@media (max-width: 767px) {
.no-slider{height: 70px;}
}
@media (min-width: 768px) {
.no-slider{height: 4.5rem;height: 70px;}
.xno-slider{height: 0px;}
}
@media (min-width: 992px) {
.no-slider{height: 4.5rem;height: 85px;}
.xno-slider{height: 0px;}
.msrt-column-left .inner.msrt-content-1{padding-left: 0px;padding-right: 45px;}
}

.msrt-column-left .card .card-img {
    padding-right: 0rem;
    width: auto;
}



.btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary.active {
    color: #ffffff !important;
  background-color: rgb(234,79,61) !important;
  border-color: rgb(234,79,61) !important;
}
.btn-primary {
    color: #ffffff !important;
  background-color: rgb(219, 219, 219) !important;
  border-color: rgb(181, 181, 181) !important;
  border: 1px solid rgb(181, 181, 181);
}
.btn.btn-veranstaltungen, .btn.btn-kontakt{
  display: none;
    color: #ffffff !important;
  font-size: 1.1rem!important;
  background-color: rgb(234,79,61) !important;
  
  
  background-color: rgb(219, 219, 219) !important;
  color: rgb(181, 181, 181) !important;
  background-color: transparent!important;
  border-color: transparent!important;
  border-color: rgb(181,181,181) !important;
}
.btn.btn-veranstaltungen.show, .btn.btn-kontakt.show{display: block;}
.btn.btn-veranstaltungen:hover, .btn.btn-kontakt:hover {background-color: rgb(255,255,255) !important;border-color: rgb(181, 181, 181)!important;color: rgb(100,100,100)!important;}
.btn.btn-veranstaltungen:focus, .btn.btn-kontakt:focus{background-color: transparent !important;border-color: transparent!important;color: rgb(181, 181, 181)!important;box-shadow: 0 0 0 .2rem rgba(190,190,190,0.5)!important; box-shadow: none!important;}
.btn.btn-veranstaltungen:focus, .btn.btn-kontakt:focus{background-color: rgb(255,255,255) !important;border-color: rgb(181, 181, 181)!important;color: rgb(100,100,100)!important;box-shadow: 0 0 0 .2rem rgba(190,190,190,0.5)!important; box-shadow: none!important;}
.btn.btn-veranstaltungen:active, .btn.btn-kontakt:active{background-color: rgb(255,255,255)!important;border-color: rgb(181, 181, 181)!important;color: rgb(100,100,100)!important;}

.btn.btn-veranstaltungen.first, .btn.btn-kontakt.first{
  color: rgb(181, 181, 181) !important;
  background-color: transparent!important;
  border-color: transparent!important;
  border-color: rgb(227, 227, 227) !important;
  padding: 0.2rem 0.2rem;
}
.btn.btn-veranstaltungen.second, .btn.btn-kontakt.second{
background-color: rgb(255,255,255) !important;
  /*border-color: rgb(181, 181, 181)!important;*/
  color: rgb(100,100,100)!important;
  padding: 0.2rem 0.2rem;
}
.btn.btn-kontakt, .btn.btn-veranstaltungen{
  width: 51%;
  margin: 0 auto 0 auto ;
  letter-spacing: 0;
  font-size: 1rem !important;
}
.btn.btn-veranstaltungen{margin-top: 0.8rem;margin-bottom: 0.2rem;
  }
.btn.btn-kontakt{margin-top: 0.2rem;margin-bottom: 0.8rem;
  }
.btn-veranstaltungen-kontakt { background-color: #efefef;}
.btn-veranstaltungen.dropdown-toggle[aria-expanded="true"]:after {
  transform: rotate(180deg);
}
.btn-veranstaltungen.dropdown-toggle.collapsed:after {
}


/*for the animation*/
.btn-veranstaltungen.dropdown-toggle:after {
  transition: 0.5s;
}
.btn-kontakt.dropdown-toggle[aria-expanded="true"]:after {
  transform: rotate(180deg);
}


/*for the animation*/
.btn-kontakt.dropdown-toggle:after {
  transition: 0.5s;
}




.form-control:hover, .form-control:focus {

    border: 1px solid rgb(234,79,61);
box-shadow: inset 0 1px 1px rgba(234,79,61, 0.075), 0 0 8px rgba(234,79,61, 0.6);
}
.video-embed-item{width: 100%; height: auto;}

.image img{width: 100%; height: auto;}
.news-img-wrap{}
/*
.msrt-column-right .card-img  img{padding-left: 15px!important; padding-right: 0!important;}
*/

@media (max-width: 767px) {
.xcard-wrapper.event-msrt-headline{display: none;}
.xcard.p-2.pr-3.contact-msrt{display: none;}
#xmyCollapsible2 > .event-msrt-headline{display: none;}
}


.msrt-column-right .card-wrapper.event-msrt-headline .inner.msrt-content-1 .frame header h2 {
    font-size: 1.0rem;
    font-family: 'Rubik', sans-serif;
    line-height: 1;
    word-break: break-word;
    padding-left: 1.5rem !important;
    font-weight: 500;
  padding-bottom: 0;
  margin-bottom:0;
}

.page-navigation:first-child {display: none;}
ul.pagination li {padding-left: 0.7rem;padding-right: 0.7rem;background-color: #fff;;margin-right: 5px;}
.page-navigation{margin-left: 15px;}
/*
@media (min-width:767px) {
 [data-foldable-role=trigger]:before {
  font-size:12px
 }
}
.foldable--horizontal [data-foldable-role=trigger]:before {
 content:none
}
[data-foldable-role=trigger].foldable--is-active {
 border-bottom-left-radius:0;
 border-bottom-right-radius:0
}
[data-foldable-role=trigger].foldable--is-active:before {
 transform:rotate(180deg)
    }
[data-foldable-role="trigger"]::before {
    font-size: 10px;
    line-height: 10px;
    right: 15px;
    transform: translateY(-50%);
    transform-origin: 50% 25%;
    transition: all .15s ease-out;
}

glyphicon glyphicon-chevron-down

*/

.panel-heading .accordion-toggle:after {
    /* symbol for "opening" panels */
    font-family: 'Glyphicons Halflings';  /* essential for enabling glyphicon */
    content: "\e114";    /* adjust as needed, taken from bootstrap.css */
    float: right;        /* adjust as needed */
    color: grey;         /* adjust as needed */
}
.panel-heading .accordion-toggle.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\e080";    /* adjust as needed, taken from bootstrap.css */
}


/* */
@media (max-width: 576px) {
.xaside-content {
    flex-basis: 50%;
    -webkit-flex-basis: 50%!important;
}
.aside-content h2.display-2 {
    font-size: 1.5rem;
}
.aside-content .block-content{
    font-size: 1.0rem;
}
.mbr-figure { text-align: left!important; }
.xmbr-figure {
    width: 50% !important; text-align: left!important; ;
}
.mbr-figure  {
   width: 25% !important; text-align: left!important
}
.content .align-left.aside-content {
  width: 70% !important; text-align: left!important;
  flex-basis: 70%;
  -webkit-flex-basis: 70%;
  }
.mbr-figure img {width: 100%!important;}
}
@media screen and (min-width: 100px) and (max-width: 11400px) {
.mbr-figure img{
display: block!important;
margin: 0 auto;
}
}



/* windows size */
#winSize{
  position:fixed;
  bottom:5px;
  right:5px;
  border:rgba(0,0,0,0.3) 2px solid;
  background:rgba(0,0,0,0.2);
  padding:5px 5px;
  color:#fff;
  xtext-shadow:#000 1px 1px 1px,#000 -1px 1px 1px;
  z-index:9999;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
.xnav-replace{position: fixed; z-index: 11;width:100%;}
.no-slider{display: none;}
#winSize p{margin: 0;padding: 0;}
#winSize{display: none;}
/*nav mobile position relative*/
@media screen and (min-width: 0px) and (max-width: 992px) {
#main_navbar{position: relative!important;}
}
@media screen and (min-width: 992px)  {
#content-1{padding-top: 105px!important;}

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

.no-slider{display: block;}
}
/* Table*/

table th:hover {
    background: #cccccc;
    color: #000000;
}
table {color: #000;
width: 93% !important;
margin-top: 6px;
border: 1px solid #cccccc;
}
.colspanclass {border-top: 0px solid #fff!important;}
/*.colspan-class-1{font-weight: bold;}*/
.row-td-header{font-weight: normal;color:#767676;}
table .odd {background-color: #f7f7f7;background-color:#efefef;}

.msrt-class-Veranstaltungskalender .veranstaltungskalender .td-class-3.colspanclass.colspan-class-1{font-weight: bold;}


.msrt-class-Veranstaltungskalender td.display-7.td-class-0{ width: 22%; width: 10%;}
.msrt-class-Veranstaltungskalender td.display-7.td-class-1{ width: 18%;}
.msrt-class-Veranstaltungskalender td.display-7.td-class-2{ width: 35%;}
.msrt-class-Veranstaltungskalender td.display-7.td-class-5{ max-width: 35%;}
.msrt-class-Veranstaltungskalender td.display-7.td-class-6{ width: 0;}
.msrt-class-Veranstaltungskalender td.display-7.td-class-3{ width: 100%;padding-bottom: 0;}
.msrt-class-Veranstaltungskalender td.display-7.td-class-4{ width: 100%;padding-top: 0;}
.msrt-class-Veranstaltungskalender td.display-7.td-class-7{ width: 100%;font-size: 0.8rem;padding-bottom: 0.5rem;}


.msrt-class-Musikgarten td.display-7.td-class-2{ width: 20%;}
.msrt-class-Musikgarten td.display-7.td-class-3{ width: 10%;}
.msrt-class-Musikgarten td.display-7.td-class-4{ width: 35%;}
.msrt-class-Musikgarten td.display-7.td-class-6{ width: 35%;}
.msrt-class-Musikgarten td.display-7.td-class-5{ width: 100%;font-size: 0.8rem;padding-top: 0;padding-bottom: 0.5rem;}

.aussenstellen td.display-7.td-class-2{ width: 20%;}
.aussenstellen td.display-7.td-class-3{ width: 10%;}
.aussenstellen td.display-7.td-class-4{ width: 40%;}
.aussenstellen td.display-7.td-class-6{ width: 30%;}
.aussenstellen td.display-7.td-class-5{ width: 100%;font-size: 0.8rem;padding-top: 0.5rem;padding-bottom: 0rem;}
.aussenstellen td.display-7.td-class-7{ width: 100%;font-size: 0.8rem;padding-top: 0;padding-bottom: 0.8rem;}

.regiowettbewerb td.display-7.td-class-2{ width: 35%;}
.regiowettbewerb td.display-7.td-class-3{ width: 20%;}
.regiowettbewerb td.display-7.td-class-5{ width: 25%;}
.regiowettbewerb td.display-7.td-class-6{ width: 20%;}
/*.regiowettbewerb td.display-7.td-class-1{ width: 100%;padding-top: 0;padding-bottom: 0.8rem;font-weight: bold;}*/
.regiowettbewerb td.display-7.td-class-1{ width: 100%;padding-top: 0;padding-bottom: 0;font-weight: normal;}
.regiowettbewerb td.display-7.td-class-4{ width: 100%;padding-top: 0;padding-bottom: 0;}
.regiowettbewerb td.display-7.td-class-7{ width: 100%;padding-top: 0;padding-bottom: 0.8rem;}


.landeswettbewerb td.display-7.td-class-2{ width: 35%;}
.landeswettbewerb td.display-7.td-class-3{ width: 20%;}
.landeswettbewerb td.display-7.td-class-5{ width: 25%;}
.landeswettbewerb td.display-7.td-class-6{ width: 20%;}
.landeswettbewerb td.display-7.td-class-1{ width: 100%;padding-top: 0;padding-bottom: 0;font-weight: bold;}
.landeswettbewerb td.display-7.td-class-4{ width: 100%;padding-top: 0;padding-bottom: 0;}
.landeswettbewerb td.display-7.td-class-7{ width: 100%;padding-top: 0;padding-bottom: 0.8rem;}


@media (max-width: 992px) {
    table { width: 100%; }
td.display-7{ font-size: 0.8rem;padding:0.3rem }
th.display-7{ font-size: 0.8rem;padding:0.3rem }
.msrt-class-Veranstaltungskalender td.display-7.td-class-7{ font-size: 0.8rem;}
}
/* POPUP */

/* Outer */
.popup {
  width:100%;
  height:100%;
  display:none;
  position:fixed;
  position:relative;
  top:610px;
  left:0px;
  background:rgba(0,0,0,0.75);
}

/* Inner */
.popup-inner {
  max-width:750px;
  width:90%;
  padding:40px;
  position:absolute;
  top:40%;
  left:50%;
  -webkit-transform:translate(-50%, -50%);
  transform:translate(-50%, -50%);
  box-shadow:0px 2px 6px rgba(0,0,0,1);
  border-radius:3px;
  background:#fff;
  z-index: 111111;
}

/* Close Button */
.popup-close {
  width:30px;
  height:30px;
  padding-top:4px;
  display:inline-block;
  position:absolute;
  top:0px;
  right:0px;
  transition:ease 0.25s all;
  -webkit-transform:translate(50%, -50%);
  transform:translate(50%, -50%);
  border-radius:1000px;
  background:rgba(0,0,0,0.8);
  font-family:Arial, Sans-Serif;
  font-size:20px;
  text-align:center;
  line-height:100%;
  color:#fff;
}

.popup-close:hover {
  -webkit-transform:translate(50%, -50%) rotate(180deg);
  transform:translate(50%, -50%) rotate(180deg);
  background:rgba(0,0,0,1);
  text-decoration:none;
}

/* take5  */
#onlineAnmeldungTake5 .input {width: 60%;float: right;line-height: 1rem;xmargin-left: auto; margin-right: 0;position: relative;}
#onlineAnmeldungTake5 .control-label {line-height: 1.4rem; width: 40%;padding: 0 0.5rem 0 0;}
#onlineAnmeldungTake5 .form-group {xfloat: left;position: relative;}
.form-check-label span{padding-left: 0.5rem;line-height: 1.5rem;}
.form-check-input {position: relative; margin-top: 0;margin-left: 0;}
.inputs-list{margin-top: 0.3rem;}
.form-control {

    background-color: #f5f5f5;
    box-shadow: none;
    color: #565656;
    font-family: 'Rubik', sans-serif;
    font-size: 1rem;
    line-height: 0;
    min-height: 2.5em;
    padding: 0;

}
#onlineAnmeldungTake5 #c172, #onlineAnmeldungTake5 #c176{padding-bottom: 2rem;}
.form-group {
    margin-bottom: 1.5rem;
}
.btn-toolbar {width: 100%;margin: 0 auto;}
@media screen and (min-width: 100px) and (max-width: 538px) {
#onlineAnmeldungTake5 .control-label {font-size: 0.8rem;}
}
/*
.btn-group{margin: 0 auto;}
#c169 .btn.btn-primary{margin: 0 auto;position: relative;}
*/




/* Table backend-layout-next-3 Instrument Gesangsunterricht*/
.xbackend-layout-next-3 table td {
    border-top: solid rgb(234,79,61) 1px;
    vertical-align: top;
}
.xbackend-layout-next-3 table td, #content table th {
    line-height: 18px;
    margin: 0px;
    padding: 10px 0px 10px 0px;
    border-top: solid rgb(255,255,255) 2px;
    vertical-align: top;
}
.xbackend-layout-next-3 table tr:nth-child(2n+1) {
    background-color: transparent;
}
.xbackend-layout-next-3 table {
    xfont-size: 12px;
    border-spacing: 0px 0px;
    width: 100%;
    margin: 0px 20px 0px 20px;
    padding: 20px 0 0 0;
    border-bottom: solid rgb(255,255,255) 2px;
}




  .TFtable{
    width:100%; 
    border-collapse:collapse; 
  }
  .backend-layout-next-3 table td{ 
    padding:0.5rem; 
  }
  /* provide some minimal visual accomodation for IE8 and below */
  .TFtable tr{
    background: #b8d1f3;
  }
  /*  Define the background color for all the ODD background rows  */
  .backend-layout-next-3 table tr:nth-child(odd){ 
    background: #efefef;;
  }
  /*  Define the background color for all the EVEN background rows  */
  .backend-layout-next-3 table tr:nth-child(even){
    background: #fff;
  }



td.withEventDay, .tx-cal-controller td.withEventDay.weekday6 , .tx-cal-controller td.withEventDay.weekday0 {
    background-color: rgb(234,79,61); color: #fff;
}
.tx-cal-controller .month-medium th, .tx-cal-controller .month-large th {
     background-color: #ccc;
    text-align: center;
    font-weight: normal;
    font-size: small;
}
.month-button, .week-button, .day-button{display: none;}

#page-87 .tx-felogin-pi1{font-size: 0.8rem;padding-bottom: 10px;}
#page-87 .tx-felogin-pi1 .btn{padding: 10px 30px 10px 30px;margin: 0.5rem 0;}
#page-87 .inner.msrt-content-1{padding-top: 0; padding-bottom: 0;}
#page-87 .mbr-section.article.content1{padding-top: 0; padding-bottom: 0;}
#page-87 #content1-c{padding-top: 0; padding-bottom: 0;text-align: right; }
#page-87 #content-1{padding-top: 0!important; padding-bottom: 0;}


.table.eventList td, .table.eventList th {
    padding: 0rem;
    vertical-align: top;
    border-top: 0px solid 
    #dee2e6;
}
.table.eventList tr {background-color: transparent;}
.table.eventList tr:nth-child(2n) {background-color: transparent;}

.table.eventList tr:nth-child(2n+1) {background-color: transparent;}
.table.eventList td {background-color: transparent;}
.event-msrt-headline h2 a{font-weight: 500;}
.table.eventList tr.even:nth-of-type(5) td{padding-top: 1.2rem; padding-left: 0.5rem;}
.table.eventList tr.odd:nth-of-type(1) td{padding-top: 1.2rem;}

.table.eventList tr.odd:nth-of-type(11){color: rgb(234,79,61);}
.table.eventList tr.odd:nth-of-type(11){color: rgb(0,0,0);font-weight: 600;}
.table.eventList tr.odd:nth-of-type(11) a{color: rgb(0,0,0)or: rgb(234,79,61);}


.table.eventList tr.odd.group-3:nth-child(4n+1) td {padding-top: 20px;}

.table.eventList tr.even:nth-of-type(7){color: rgb(234,79,61);}
.table.eventList tr.even:nth-of-type(7){color: rgb(0,0,0);font-weight: 600;}
.table.eventList tr.even:nth-of-type(7) a{color: rgb(0,0,0)or: rgb(234,79,61);}
.table.eventList tr.odd:nth-of-type(3){color: rgb(0,0,0);font-weight: 600;}
.table.eventList tr.odd:nth-of-type(3) a {font-weight: 600;}
.table.eventList {margin: 0; border: none;margin-left: 1.5rem;font-size: 1rem;}
.msrt-column-right .table.eventList .display-7 {

    font-size: 0.9rem;

}
.monthOff {visibility: hidden;}

.news.news-single .footer .news-list-date{display: none;}
.news.news-single .footer {margin-bottom: 50px;}

/*tx-camaliga*/
.row.carousel-list-entry {float: left; width: 300px; 
  min-width: 300px;
  min-height: 400px;
  display: flex;
position: relative;

/*  justify-content:space-between;
flex-wrap: wrap;
justify-content: center; 
*/
   }
.tx-camaliga div.row.carousel-list-entry:nth-child(2n){  margin-right: 6em!important;}
.row.carousel-list-entry .row{}

#page-80 .inner.msrt-content-1 #c475 .video-embed-item { max-width: 600px;width: revert-layer !important; }



#page-80 .inner.msrt-content-1 #c475 video::-webkit-media-controls-fullscreen-button{
  display: none !important;
}


/*
video.video-embed-item { display: none;}

video::-webkit-media-controls-fullscreen-button {
display: none;
}
video::-webkit-media-controls {
  display:none !important;
}
*/
@media screen and (min-width: 10px) and (max-width: 538px){
.pl-3, .px-3{
    padding-left: 0px!important;
  }
}
@media screen and (min-width: 10px) and (max-width: 992px){
  .news-list-view .mediaelement .mediaelement-video video{
          height:  unset !important;
width: unset !important;
max-width: 28vh;
max-height: 50vh;

  }
}
/*@media screen and (min-width: 429px) and (max-width: 1992px)
*/
  
@media (min-width: 1181px)and (max-width: 1980px) { 
  .news-single .mediaelement .mediaelement-video video {
    width: 650px!important;
    height: auto!important;
    
  }
}
@media screen and (min-width: 429px) and (max-width: 1180px){
    .news-single .mediaelement .mediaelement-video video {
    width: 400px!important;
    height: auto!important;
      height:  unset !important;
width: unset !important;
max-width: 100vh;
max-height: 50vh;
}
}
  
.tx-jn-phpcontentelement table {
  border-collapse: collapse;
  border-spacing: 0px;
}


.td-class-8{ padding: 0!important;}

.row-td-extra-8{
	transform: rotate(10deg);
text-align: right;
border: 5px solid red;
display: block;
float: right;
right: 50px;
padding: 5px;
background-color: #fff;
top: -30px;
position: relative;
font-size: 1.4rem;
border-radius : 10px 10px;
}



 .mbr-figure .news-img-wrap img {
  max-width: 62vh;
  max-height: 50vh;
}