/* Table BG */
[id^="coursedates"] .btn.btn-sm.book-btn.btn-secondary.rolling-courses {font-weight: 500; text-transform: uppercase; box-shadow: 0 2px 4px rgba(0,0,0,0.3);}
[id^="coursedates"] table.dataTable tbody tr {background-color: #EAF0FD;}
[id^="coursedates"] table.datatables .selected, table.datatables .selected td {background: #EAF0FD !important;}
[id^="coursedates"] .table-striped > tbody > tr:nth-of-type(odd) {background-color: #EAF0FD; color: #9243cd;}
[id^="coursedates"] .table-striped > tbody > tr:nth-of-type(even) {background-color: #ccdbfa; color: #1055e7;}

/* Sortierleiste*/
tr.heading {pointer-events: none;}
table.dataTable thead .sorting_desc::after {display: none;}
table.dataTable thead .sorting_asc::after {display: none;}
table.dataTable thead .sorting {background-image: unset;}
table.dataTable thead .sorting_asc {background-image: unset;}
table.dataTable thead .sorting_desc {background-image: unset;}
.table tr.heading > th {background-color: #EAF0FD !important;color: #9243cd;border-top-width: 0px;}


.tab-content.heading {
    background: #EAF0FD;
    padding: 10px 10px;
}

.tab-content {
    background: #EAF0FD;
    padding: 10px 10px;
}

/*** Responsive & Scrollable Tables ***/
.table-scrollable {
    width: 100%;
    overflow-x: auto;
    overflow-y: auto;
    border: 0px solid #9243cd;
    margin: 10px 0 !important;
}

/* devanagari */
@font-face {
  font-family: 'Baloo 2';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/templates/fonts/baloo2_b46d7c58175425eb450f849684bfaa1a.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}
/* vietnamese */
@font-face {
  font-family: 'Baloo 2';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/templates/fonts/baloo2_6027eb3d524558a3d1bcc526d87cf45a.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Baloo 2';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/templates/fonts/baloo2_8bd723dcc6c1c6ff35b38a2b896ec185.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Baloo 2';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/templates/fonts/baloo2_4913802493894a1059b8138510970555.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* devanagari */
@font-face {
  font-family: 'Baloo 2';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/templates/fonts/baloo2_65718c697e951fde16331422f2218318.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}
/* vietnamese */
@font-face {
  font-family: 'Baloo 2';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/templates/fonts/baloo2_7d285a6b77a8cface6b9e3e17f89d784.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Baloo 2';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/templates/fonts/baloo2_bbf7a874b4cbdeb81a368798c081f601.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Baloo 2';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/templates/fonts/baloo2_3b54aef29f8b210841e4dbb2c2cdeff0.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

  h1 { 
    font-family: 'Baloo 2';
	font-weight: 600;
    font-size: 2.2em;
  }
  h2 { 
    font-family: 'Baloo 2';
	font-weight: 600;
    font-size: 2em;
  }
  h3 { 
    font-family: 'Baloo 2';
	font-weight: 600;
    font-size: 1.8em;
  }
  h4 { 
    font-family: 'Baloo 2';
    font-size: 1.5em;
  }
  p { 
    font-family: 'Baloo 2';
    font-size: 1.2em;
  }

.header {
    font-family: 'Baloo 2';
	font-size: 1.5em;

}

.footer {
    font-family: 'Baloo 2';
	font-size: 1.5em;

}

.signatur {
   font: 400 20px 'Baloo 2';
   color: #D3AF37;
}

.copyright {
    background: #D3AF37;
}

.accordion-toggle {
    font-family: 'Baloo 2';
	font-size: 1.8em;
}

.panel-body {
    font-family: 'Baloo 2';
	font-size: 1.2em;
}

.pageTitle {
    display: none;
}

.img-responsive { 
	border-top-left-radius: 20px;
    border-top-right-radius: 20px;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
	box-shadow: none;
}

.logo.img-responsive { 
	border-top-left-radius: 0;
    border-top-right-radius: 0;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	box-shadow: none
}

img { 
	border-top-left-radius: 20px;
    border-top-right-radius: 20px;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
	box-shadow: none;"
}

a.thumbnail { 
	border-top-left-radius: 20px;
    border-top-right-radius: 20px;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
	box-shadow: none;"
}

div.thumbnail { 
	border-top-left-radius: 20px;
    border-top-right-radius: 20px;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
	box-shadow: none;"
}

.pricing.hover-effect { 
	border-top-left-radius: 20px;
    border-top-right-radius: 20px;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
	box-shadow: none;"
}

.pricing.pricing-head-active { 
	background: #9243cd;
	border-top-left-radius: 20px;
    border-top-right-radius: 20px;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
	box-shadow: none;"
}

.pricing.pricing-head-active.hover-effect  {
	border-top-left-radius: 20px;
    border-top-right-radius: 20px;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
	box-shadow: none;"
}

.margin-25.center {
	border-top-left-radius: 20px;
    border-top-right-radius: 20px;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
	box-shadow: none;"
}

.is-card.is-dark-text {
	border-top-left-radius: 20px;
    border-top-right-radius: 20px;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
	box-shadow: none;"
}

.i.fa { 
	color: #1055e7;
}

/* Buttons */

.btn {
    border-radius: 4px !important;
}

.btn.default:active:hover, .btn.default.active:hover {
    background-color: #cccccc;
}

.btn.default:active, .btn.default.active {
    background-image: none;
    background-color: #1055e7;
	border-radius: 4px !important;
}

.book-btn {
    border: none;
    background: #e72f4d linear-gradient(to right, #dfc7f0, #9243cd);
	border-radius: 4px !important;
	color: #9243cd !important;
}

.button-onclick  {
    border: none;
	background: #1055e7;
}

.is-btn-ghost1 {
   border: dotted #ffffff;
	background: #e72f4d linear-gradient(to right, #dfc7f0, #9243cd);
	color: #fff;
}

.is-btn-ghost2 {
    border: dotted #ffffff;
	background: #e72f4d linear-gradient(to right, #ccdbfa, #B27BDC);
	color: #fff;
}

.is-btn-ghost1:hover, .is-btn-ghost1:active, .is-btn-ghost1:focus {
    color: #fff;
    background: #e72f4d linear-gradient(to right, #9243cd, #dfc7f0);
    border: dotted #ffffff;
    text-decoration: none;
}

.is-btn-ghost2:hover, .is-btn-ghost2:active, .is-btn-ghost2:focus {
    color: #fff;
    background: #e72f4d linear-gradient(to right, #B27BDC, #ccdbfa);
    border: dotted #ffffff;
    text-decoration: none;
}

 .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    background: #9243cd;
    /*primary*/
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	box-shadow: none;"
    }

.nav-tabs > li > a, .nav-tabs > li > a:hover, .nav-tabs > li > a:focus {
    background: #dfc7f0;
    color: #9243cd;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	box-shadow: none;"
    padding: 5px 15px 4px;
    border: none !important;
}

.quote-v1 span {
color: #1055e7;
}

.quote-v1 {
    font-family: 'Baloo 2';
    background: #dfc7f0;
    color: #1055e7 !important;
	border-top-left-radius: 20px;
    border-top-right-radius: 20px;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
	box-shadow: none;
    }

.quote-v1 .btn-transparent {
    font-family: 'Baloo 2';
	color: #1055e7;
    font-size: 16px;
    padding: 8px 18px;
    white-space: nowrap;
    text-decoration: none;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
	box-shadow: none;
    background: none;
}

.input-group {
    position: relative;
    display: table;
    border-collapse:separate;
	border-top-left-radius: 20px;
    border-top-right-radius: 20px;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
	box-shadow: none;
    background: none;
}

/***
Pricing table(Alternative 2)
***/
.pricing {
	border-top-left-radius: 11px;
    border-top-right-radius: 11px;
	border-bottom-left-radius: 11px;
	border-bottom-right-radius: 11px;
	box-shadow: rgb(97, 97, 97) 5px 5px 10px;
}

.pricing:hover,
.pricing-active {
    border-color: #9243cd;
}

.pricing:hover h4 {
    color: #9243cd;
}

.pricing-head {
    text-align: center;
}

.pricing-head h3,
.pricing-head h4 {
    margin: 0;
    line-height: normal;
}

.pricing-head h3 span,
.pricing-head h4 span {
    display: block;
    margin-top: 5px;
    font-size: 14px;
    font-style: italic;
}

.pricing-head h3 {
    font-weight: 300;
    color: #f5eefa;
    padding: 12px 0;
    font-size: 27px;
    background : #9243cd;
    border-bottom: solid 1px #9243cd;
	border-top-left-radius: 11px;
    border-top-right-radius: 11px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
}

.pricing-head h4 {
    color: #666;
    padding: 5px 0;
    font-size: 40px;
    font-weight: 300;
    background: #fbfcfd;
    border-bottom: solid 1px #f5f9e7;
}

.pricing-head-active h4 {
    color: #9243cd;
}

.pricing-head h4 i {
    top: -8px;
    font-size: 28px;
    font-style: normal;
    position: relative;
}

.pricing-head h4 span {
    top: -10px;
    font-size: 14px;
    font-style: normal;
    position: relative;
}

/*Pricing Content*/
.pricing-content li {
    color: #888;
    font-size: 12px;
    padding: 7px 15px;
    border-bottom: solid 1px #f5f9e7;
}

.pricing-content li i {
    top: 2px;
    color: #9243cd;
    font-size: 16px;
    margin-right: 5px;
    position: relative;
}

/*Pricing Footer*/
.pricing-footer {
    color: #777;
    font-size: 11px;
    line-height: 17px;
    text-align: center;
    padding: 0 20px 19px;
}

/*Priceing Active*/
.price-active,
.pricing:hover {
    z-index: 9;
}

.price-active h4 {
    color: #9243cd;
}

.no-space-pricing .pricing:hover {
    -webkit-transition: box-shadow 0.3s ease-in-out;
    -moz-transition: box-shadow 0.3s ease-in-out;
    -o-transition: box-shadow 0.3s ease-in-out;
    transition: box-shadow 0.2s ease-in-out;
}

.no-space-pricing .price-active .pricing-head h4,
.no-space-pricing .pricing:hover .pricing-head h4 {
    color: #9243cd;
    padding: 15px 0;
    font-size: 80px;
    -webkit-transition: color 0.5s ease-in-out;
    -moz-transition: color 0.5s ease-in-out;
    -o-transition: color 0.5s ease-in-out;
    transition: color 0.5s ease-in-out;
}

#footer-content a:link, #footer-content a:visited {
        color: #D3AF37;
}

/* NOTES */
.cubedanger {
    background-color: #FCE4EC;
    border-left: 6px solid #f44336;
    margin-bottom: 15px;
    padding: 4px 12px;
}

.cubesuccess {
    background-color: #DCEDC8;
    border-left: 6px solid #4CAF50;
    margin-bottom: 15px;
    padding: 4px 12px;
}

.cubeinfo {
    background-color: #E3F2FD;
    border-left: 6px solid #2196F3;
    margin-bottom: 15px;
    padding: 4px 12px;
}

.cubewarning {
    background-color: #FFFDE7;
    border-left: 6px solid #ffeb3b;
    margin-bottom: 15px;
    padding: 4px 12px;
}

.christmas-calendar {
  padding-bottom: 50px;
}

.christmas-calendar .title {
  text-align: center;
  letter-spacing: 0.3vw;
  font-size: 10vw;
  line-height: 1;
  padding-top: 30px;
  margin: 0px auto 30px;
}
@media screen and (min-width: 440px) {
  .christmas-calendar .title {
    letter-spacing: 3px;
    font-size: 3em;
  }
}
@media screen and (min-width: 768px) {
  .christmas-calendar .title {
    letter-spacing: 4px;
    font-size: 4em;
  }
}

.christmas-grid {
  padding: 20px;
  max-width: 960px;
  margin: 0px auto;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 3vw;
  perspective: 1500px;
}
@media screen and (min-width: 440px) {
  .christmas-grid {
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 16px;
  }
}
@media screen and (min-width: 600px) {
  .christmas-grid {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 20px;
  }
}
@media screen and (min-width: 768px) {
  .christmas-grid {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  }
}

.christmas-grid .day {
  min-height: 123px;
  box-sizing: border-box;
  position: relative;
  box-shadow: 0 0 20px rgba(80, 80, 120, 0.5) inset, 0 0 5px 2px rgba(80, 80, 120, 0.3) inset;
}
.christmas-grid .day:nth-last-child(1) {
  grid-column: 2;
}
@media screen and (min-width: 600px) {
  .christmas-grid .day:nth-last-child(1) {
    left: calc(50% + 10px);
  }
}
@media screen and (min-width: 768px) {
  .christmas-grid .day:nth-last-child(1) {
    grid-column: unset;
    left: unset;
  }
}

.christmas-grid .door {
  background-color: #9243cd;
  background-image: linear-gradient(45deg, white, transparent 5%, transparent 45%, white 50%, transparent 55%, transparent 95%, white 100%);
  background-size: 20px 20px;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  transform-origin: left center;
  transform-style: preserve-3d;
  transform: rotateY(0deg);
}

/* back of door */
.christmas-grid .door:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: #9243cd;
  transform: translateZ(-1px);
}

.christmas-grid .openable {
	cursor: pointer;
}

.christmas-grid .open,
.editable-content .christmas-grid .door {
  z-index: 100;
	/*
  -webkit-animation: open-door 1s forwards;
          animation: open-door 1s forwards;
	*/
}

@-webkit-keyframes open-door {
  from {
    transform: rotateY(0deg);
  }
  to {
    transform: rotateY(-90deg);
    z-index: 200;
  }
}

@keyframes open-door {
  from {
    transform: rotateY(0deg);
  }
  to {
    transform: rotateY(-90deg);
    z-index: 200;
  }
}
.christmas-grid .number {
  position: absolute;
  top: 6px;
  right: 6px;
  text-align: center;
  color: #fff;
  font-size: 5vw;
  font-weight: 600;
  min-width: 50px;
  background: #dd0707;
  padding: 5px 7px;
  border-radius: 50% 50%;
}
@media screen and (min-width: 440px) {
  .christmas-grid .number {
    font-size: 1.5em;
  }
}
@media screen and (min-width: 768px) {
  .christmas-grid .number {
    font-size: 1.8em;
  }
}

.christmas-grid img {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #d8e2d2;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 70%;
  z-index: -1;
  display:none;
	border-radius: 0 !important;
}

.christmas-grid .open img,
.editable-content .christmas-grid .door img{
	display: block;
}