/* latin-ext */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 100;
  src: local('Raleway Thin'), local('Raleway-Thin'), url(/templates/fonts/raleway_100_8851169cbb04867f183ff274f0832e02.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: 'Raleway';
  font-style: normal;
  font-weight: 100;
  src: local('Raleway Thin'), local('Raleway-Thin'), url(/templates/fonts/raleway_100_8a7e8a7cbc1550512be49e39ed6fa188.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;
}


/* latin */
@font-face {
  font-family: 'Pompiere';
  font-style: normal;
  font-weight: 400;
  src: local('Pompiere '), local('Pompiere-Regular'), url(/templates/fonts/pompiere_c0f85de622f1056c813cc47b1414c317.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;
}

body {
background: #ffffff);
background: linear-gradient(0deg, #6eadd3 0%, #ffffff 40%, #ffffff 60%, #ffffff 100%);
}

footer {
background: #ffffff);
background: linear-gradient(0deg, #6eadd3 0%, #ffffff 40%, #ffffff 60%, #ffffff 100%);
}


table {
        width:100%;
      }

.blog-info {
    display: none;
}

/* Infoagent */

.quote-v1 span {
color: #0c3c5e;
}

.quote-v1 {
    font-family: 'Pompiere';
    background: #FFFFFF;
	font-size: 1em;
    color: #0c3c5e !important;
	border-top-left-radius: 5px;
    border-top-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	box-shadow: none;
    }

.quote-v1 .btn-transparent {
    font-family: 'Pompiere';
	color: #ffffff;
    font-size: 1.2em;
    padding: 8px 18px;
    white-space: nowrap;
    text-decoration: none;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	box-shadow: none;
    background: #0c3c5e;
}


/* CSS-Code für die Animation */
.einfliegen {
  position: relative; /* relative Positionierung des Bildes */
  left: -100%; /* Startposition außerhalb des Bildschirms */
  animation: einfliegen 1s ease-out forwards; /* Animationseffekt */
}

@keyframes einfliegen {
  to { left: 0; /* Zielposition am linken Rand des Bildschirms */ }
}

.einfliegen2 {
  position: relative; /* relative Positionierung des Bildes */
  right: -100%; /* Startposition außerhalb des Bildschirms */
  animation: einfliegen2 1s ease-out forwards; /* Animationseffekt */
}

@keyframes einfliegen2 {
  to { right: 0; /* Zielposition am rechten Rand des Bildschirms */ }
}

.wackelndes-bild {
  animation: wackeln 0.5s ease-in-out infinite;
}

@keyframes wackeln {
  0% { transform: rotateZ(0deg);}
  50% { transform: rotateZ(1deg);}
  100% { transform: rotateZ(0deg);
  }
}

.drehendes-bild {
  animation: drehen 20s linear infinite;
}

@keyframes drehen {
  from { transform: rotate(0deg);}
  to { transform: rotate(360deg);}
}


/* Horizontal break */
hr {
    margin: 20px 0;
    border: 0;
    border-top: 1px solid #0c3c5e;
    border-bottom: 0;
}

  h1 { 
    font-family: 'Pompiere';
    font-size: 2.4em;
	font-weight: 600;
	color: #6eadd3;
  }

  h2 { 
    font-family: 'Pompiere';
    font-size: 2.0em;
	  font-weight: 300;
	color: #0c3c5e;
  }

  h3 { 
    font-family: 'Pompiere';
    font-size: 1.8em;
	color: #0c3c5e;
  }

  h4 { 
    font-family: 'Pompiere';
    font-size: 1.4em;
	color: #0c3c5e ;
  }

  p { 
    font-family: 'Raleway';
    font-size: 1.2em;
	color: #0c3c5e;
  }

	small { 
    font-family: 'Raleway';
    font-size: 1.2em;
	color: #0c3c5e;
  }

.list { 
    position: relative;
    margin: 1.2em 0;
	font-family: 'Pompiere';
    font-size: 1.2em;
	color: #51565c;
  }

.content-page h4 {
font-size: 24px;
margin-bottom: 4px;
}

.signatur {
   font: 200 20px 'Pompiere', Helvetica, sans-serif;
   color: #0c3c5e;
}


/* Buttons */

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

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

.btn {
    border-radius: 3;
}

.book-btn {
    border: none;
	background: #e72f4d linear-gradient(to right, #0c3c5e, #6eadd3);
	border-radius: 4px !important;
	color: #ffffff !important;
}

.button-onclick  {
    border: none;
	background: #e72f4d linear-gradient(to right, #6eadd3, #0c3c5e);
	background: #3399ff;
	border-radius: 4px !important;
}

.is-btn-ghost1 {
   border: #ffffff !important;
	background: #e72f4d linear-gradient(to right, #0c3c5e, #6eadd3);
	color: #ffffff;
	border-radius: 4px !important;
}

.is-btn-ghost2 {
    border: #ffffff !important;
	background: #e72f4d linear-gradient(to right, #6eadd3, #0c3c5e);
	color: #ffffff;
	border-radius: 4px !important;
}

.is-btn-ghost1:hover, .is-btn-ghost1:active, .is-btn-ghost1:focus {
    color: #ffffff !important;
    background: #e72f4d linear-gradient(to right, #6eadd3, #0c3c5e);
    border: #ffffff;
    text-decoration: none;
	border-radius: 4px !important;
}

.is-btn-ghost2:hover, .is-btn-ghost2:active, .is-btn-ghost2:focus {
    color: #ffffff !important;
    background: #e72f4d linear-gradient(to right, #0c3c5e, #6eadd3);
    border: #ffffff;
    text-decoration: none;
	border-radius: 4px !important;
}



/* FAQ Panel */

.min-height500 {
min-height: 100%;
}

.panel .panel-body, .panel .panel-body .label {
font-size: 1.2em;
}

.accordion-toggle {
    font-family: 'Pompiere';
	font-size: 1.2em;
}

.panel-default> .panel-heading {
    color: #ffffff;
    background-color: #0c3c5e;
    border-color: #0c3c5e;
}

.panel-success > .panel-heading {
    color: #ffffff;
    background-color: #6eadd3;
    border-color: #6eadd3;
}

.panel-warning > .panel-heading {
    color: #ffffff;
    background-color: #d3a22b;
    border-color: #d3a22b;
}

.panel-danger > .panel-heading {
    color: #ffffff;
    background-color: #DC3545;
    border-color: #DC3545;
}

/* Seitenkopf */

.pre-header .fa {
	color: #FFF
}

.pageTitle {
    display: none
}

.main .container {
    margin-top: 0px;
}

.breadcrumbs {
    display: none;
}

.pre-header {
	
        border-bottom: #0c3c5e;
        /*topbar*/
        color: #0c3c5e;
        /*text-topbar*/
 }

.header {
	
        /*topbar*/
        border-bottom: #0c3c5e;
        /*topbar*/
        color: #FFFFFF;
        /*text-topbar*/
 }

.pre-header li {
        border-right: solid 1px #FFFFFF;
        /*text-topbar*/
    }

.pre-header a {
        color: #0c3c5e;
        /*text-topbar*/
    }

 .pre-header a:hover {
        color: #FFFFFF;
        /*text-topbar*/
        text-decoration: none;
    }


/* Actives */

.flip-box {
  background-color: transparent;
  width: 150px;
  height: 150px;
  border: 1px solid transparent;
  perspective: 1000px;
}

.flip-box-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.8s;
  transform-style: preserve-3d;
}

.flip-box:hover .flip-box-inner {
  transform: rotateY(180deg);
}

.flip-box-front, .flip-box-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.flip-box-front {
  background-color: transparent;
  color: black;
	border-top-left-radius: 10px;
    border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

.flip-box-back {
  background-color: transparent;
  color: white;
  transform: rotateY(180deg);
	border-top-left-radius: 10px;
    border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

.zoom {
  padding: 0px;
  background-color: transparent;
  transition: transform .2s;
  width: 150px;
  height: 150px;
  margin: 0 auto;
}

.zoom:hover {
  -ms-transform: scale(2.5); /* IE 9 */
  -webkit-transform: scale(2.5); /* Safari 3-8 */
  transform: scale(2.5); 
}

/* Navigation */

.header-navigation > ul > li > a, .header-navigation li.menu-search i {
	color: #0c3c5e;	
}

.header .header-navigation {
    font-family: 'Pompiere';
	font-size: 2em;
	color: #0c3c5e;
}

.header-navigation ul > li.active > a,
.header-navigation > ul > li > .dropdown-menu {
	border-top: 0;	
	border-bottom-color: transparent;
	color: #0c3c5e;
}

.header-navigation .dropdown-menu > li:first-child {	
	border-top: 0;
	border: 0;
    background: #0c3c5e;
}

.header-navigation .dropdown-menu li {
	border: 0;
    background: transparent;
}

.header-navigation .dropdown-menu {
	font-family: 'Raleway';
	color: #0c3c5e;
    font-size: 1em;	
}

/* Buchungsliste */

/* 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: #ffffff;}
[id^="coursedates"] table.datatables .selected, table.datatables .selected td {background: #ffffff !important;}
[id^="coursedates"] .table-striped > tbody > tr:nth-of-type(odd) {background-color: #ffffff; color: #346FBB;}
[id^="coursedates"] .table-striped > tbody > tr:nth-of-type(even) {background-color: #ffffff; color: #6eadd3;}

/* 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: #ffffff !important;color: #6eadd3;border-top-width: 0px;}


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


 .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    background: #346FBB;
    /*primary*/
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
	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: #6eadd3;
    color: #ffffff;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	box-shadow: none;"
    padding: 5px 15px 4px;
    border: none !important;
}


/* 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;
}

/* Bilder */

.img-responsive { 
	border-top-left-radius: 10px;
    border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	box-shadow: rgb(97, 97, 97) 5px 5px 10px; 
}

.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: rgb(97, 97, 97) 5px 5px 10px;
}

.img { 
	border-top-left-radius: 10px;
    border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	box-shadow: rgb(97, 97, 97) 5px 5px 10px;
}


#main-content > .container-fluid:first-child .slider-image {
	background-position: center top;
}

#main-content > .container-fluid:last-of-type .slider-image {
	background-position: center bottom;
}


/* Buchstaben einzeln */

.animated-text {
 
 overflow: hidden;
 height:1.1em;
 word-wrap: break-word;
 white-space: nowrap;
 animation: typing 4s steps(64) forwards;
}

@keyframes typing {
  from { 
    width: 0;
  }

  to { 
    width: 48ch;
  }
}

/* Coupon */
	
.cubecoupon {
  border: 5px dotted #bbb;
  width: 80%;
  border-radius: 15px;
  margin: 0 auto;
  max-width: 600px;
}

.cubecontainer {
  padding: 2px 16px;
  background-color: #f1f1f1;
}

.cubepromo {
  background: #ccc;
  padding: 3px;
}

.cubeexpire {
  color: red;
}
	
.offer-buttons .button-deny {
	display: none;
}



/*** Pricing table(Alternative 2) ***/


.pricing {
	border-top-left-radius: 20px;
    border-top-right-radius: 20px;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
    position: relative;
    margin-bottom: 15px;
    border: 1px solid #eee;
}

.pricing:hover,
.pricing-active {
    border-color: #0da3e2;
	border-top-left-radius: 20px;
    border-top-right-radius: 20px;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
}

.pricing:hover h4 span {
	border-top-left-radius: 20px;
    border-top-right-radius: 20px;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
    color: #0da3e2;
}

.pricing-head {
	border-top-left-radius: 20px;
    border-top-right-radius: 20px;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
    text-align: center;
}

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

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

.pricing-head h3 {
	border-top-left-radius: 20px;
    border-top-right-radius: 20px;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
    font-weight: 300;
    color: #fafafa;
    padding: 12px 0;
    font-size: 27px;
    background: #ff8b1a;
    border-bottom: solid 1px #0895d0;
}

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

.pricing-head-active h4 span {
    color: #0da3e2;
}

.pricing-head h4 i {

    top: -8px;
    font-size: 28px;
    font-style: normal;
    position: relative;
}

.pricing-head h4 small {
    top: -7px;
    font-size: 10px;
    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: #0da3e2;
    font-size: 16px;
    margin-right: 5px;
    position: relative;
}

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

/*Priceing Active*/
.price-active,
.pricing:hover {
	border-top-left-radius: 20px;
    border-top-right-radius: 20px;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
    z-index: 9;
}

.price-active h4 {
	border-top-left-radius: 20px;
    border-top-right-radius: 20px;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
    color: #0da3e2;
}

.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: #0da3e2;
    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;
}

.membership-details {
    font-size: 1.3em;
    line-height: 2em;
    font-weight: bold;
}

@media (min-width: 900px) {
.controller-monatliche-beratung div[data-module="memberships"] .col-md-3 {
    margin-left: 22% !important;
	min-width: 580px !important;
}
}


/***
Fontawesome Icons
***/
[class^="fa-"]:not(.fa-stack),
[class^="glyphicon-"],
[class^="icon-"],
[class*=" fa-"]:not(.fa-stack),
[class*=" glyphicon-"],
[class*=" icon-"] {
    display: inline-block;
    font-size: 14px;
    *margin-right: .3em;
    line-height: 14px;
    -webkit-font-smoothing: antialiased;
}


/***
Fontawesome Icons
***/

.fa .fa-check {
	color: #b52c0e;
}

.front-team .thumbnail { text-align: center; 
border-top-left-radius: 50px;
    border-top-right-radius: 50px;
	border-bottom-left-radius: 50px;
	border-bottom-right-radius: 50px;
    background-color: #ffffff;
	font-family: 'Pompiere';
	font-size: 1.2em;
}

.main img { 
	border-top-left-radius: 50px;
    border-top-right-radius: 50px;
	border-bottom-left-radius: 50px;
	border-bottom-right-radius: 50px;
}

.main a.thumbnail { 
	border-top-left-radius: 50px;
    border-top-right-radius: 50px;
	border-bottom-left-radius: 50px;
	border-bottom-right-radius: 50px;
}