/* latin-ext */
@font-face {
  font-family: 'Knewave';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/templates/fonts/knewave_0ba1225cf3baea046da4d360d3d33dab.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: 'Knewave';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/templates/fonts/knewave_8e9a96a2d8bf553f2da503a955e6ef4e.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;
}

/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/templates/fonts/roboto_27b3b7b28bcda564bcab35193ae2b5b7.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/templates/fonts/roboto_2f8f2698e013ea22e88031d5157afd20.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/templates/fonts/roboto_dd56279c8fcfd937db1c576d135f6fc4.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/templates/fonts/roboto_fd6d102215b511001fad42bb163ec1fa.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/templates/fonts/roboto_4a235d99365bf9759904a2f17944387c.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: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/templates/fonts/roboto_55d617c546d757566b26bb632dcc997a.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: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/templates/fonts/roboto_bb5d11bb52f16fcb606bff50a3af6019.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: 'Knewave';
    font-size: 2.5em;
	   color: #156e7b;
  }

  h2 { 
    font-family: 'Knewave';
    font-size: 2em;
	  color: #156e7b;
  }
  h3 { 
    font-family: 'Roboto';
    font-size: 1.8em;
  }
  h4 { 
    font-family: 'Roboto';
    font-size: 1.5em;
  }
  p { 
    font-family: 'Roboto';
    font-size: 1.5em;
  }

.signatur {
   font: 400 20px 'Roboto';
   color: #000;
}


/* header */
.header .header-navigation {
    font-family: 'Roboto', Arial, sans-serif;
	color: #000000;
	font-size: 1.5em;
	font-weight: 500;
}

.header-navigation ul > li.active > a, .header-navigation ul > li > a:hover, .header-navigation ul >
li > a:focus, .header-navigation ul > li.open > a, .header-navigation ul > li.open > a:hover, .header-navigation ul > li.open > a:focus, .header-navigation li.menu-search i:hover {
        background-color: transparent;
        color: #e1edcf;
        /*text-header*/
    }

    .header-navigation li.menu-search span.sep {
        background: transparent;
        /*text-header-default*/
	
    }

    .header-navigation ul > li.active > a {
        background-color: transparent;
        /*text-header-transparent*/
    }

    .header-navigation ul > li > a.dropdown-toggle:after {
        border-bottom-color: #FFFFFF !important;
        /*text-header*/
    }

.pageTitle {
    display: none
}

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

.breadcrumbs {
    display: none;
}

/* Abstände vor und nach Slider */

.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: #117B47;
    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;
}

#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;
}

/* Buttons */

   .btn {
        position: relative;
    }

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

    .btn-primary:hover, .btn-primary:focus, .btn-primary:active {
        background: #156e7b !important;
        /*secondary*/
        border-color: #156e7b !important;
        color: #ffffff !important;
        /*text-secondary*/
    }

    .btn-primary, .btn-primary:link, .btn-primary:visited {
        background: #156e7b !important;
        /*primary*/
        border-color: #156e7b !important;
        color: #ffffff !important;
        /*text-primary*/
    }

    .btn-primary:hover, .btn-primary:visited:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active {
        background: #156e7b !important;
        /*secondary*/
        border-color: #f5f9ff !important;
        color: #ffffff !important;
        /*text-secondary*/
    }

    .btn-secondary, .btn-secondary:link, .btn-secondary:visited {
        background:#156e7b !important;
        /*secondary*/
        border-color: #f5f9ff !important;
        color: #ffffff !important;
        /*text-secondary*/
    }

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

/* 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: #e1edcf !important;color: #156e7b;border-top-width: 0px;}


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

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

 .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    background: #156e7b;
    /*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: #e1edcf;
    color: #156e7b;
    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;
}

.quote-v1 span {
color: #e1edcf;
}

.quote-v1 {
    font-family: 'Roboto';
	font-size: 1.0em;
    background: #156e7b;
    color: #e1edcf !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: 'Roboto';
	color: #e1edcf;
    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;
}

.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;"
}

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

.pricing:hover h4 {
    color: #e1edcf;
}

.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: #156e7b;
    padding: 12px 0;
    font-size: 27px;
    background : transparent;
    border-bottom: solid 1px #9cc360;
	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: #9cc360;
}

.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-head-active h3, .pricing-head.pricing-head-active h3 {
        background-color: #9cc360 /*tertiary*/;
    }

    .pricing:hover .pricing-head-active h3 {
        background: #9cc360;
        /*primary*/
        border-bottom: solid 1px #9cc360;
        /*link-hover*/
    }

/*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: #9cc360;
    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: #9cc360;
}

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


/* FAQ Panel */

.accordion-toggle {
    font-family: 'Knewave';
	font-size: 1.0em;
}

.panel-collapse [class^="text-right helpful_"] {
    display: none;
}

.panel-default > .panel-heading {
color: #9cc360;
background-color: transparent;
border-color: #9cc360;
}

.panel-success > .panel-heading {
    color: #9cc360;
    background-color: #156e7b;
    border-color: #156e7b;
}

.panel-warning > .panel-heading {
    color: #156e7b;
    background-color: #9cc360;
    border-color: #9cc360;
}

.panel-danger > .panel-heading {
    color: #156e7b;
    background-color: transparent;
    border-color: #156e7b;
}

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

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

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

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


/* Froschakademie – FAQ Schriftgroesse */
.panel-collapse .panel-body p {
    font-family: 'Roboto', Arial, sans-serif;
    font-size: 16px;
    line-height: 1.5;
    text-align: left;
    color: #263238;
}


/* Froschakademie – Mobile Navigation */
@media (max-width: 767px) {
    .header-navigation ul > li.active > a,
    .header-navigation ul > li > a:hover,
    .header-navigation ul > li > a:focus,
    .header-navigation ul > li.open > a,
    .header-navigation ul > li.open > a:hover,
    .header-navigation ul > li.open > a:focus {
        color: #263238 !important;
    }
}


/* Froschakademie – Mobile Hauptmenüpunkte */
@media (max-width: 767px) {
    .header-navigation ul > li > a,
    .header-navigation ul > li.active > a,
    .header-navigation ul > li.open > a,
    .header-navigation ul > li > a:hover,
    .header-navigation ul > li > a:focus,
    .header-navigation ul > li.open > a:focus {
        color: #263238 !important;
    }
}


/* Froschakademie – Korrektur aktive mobile Navigation */
@media (max-width: 1024px) {
    .header .header-navigation li > a:hover,
    .header .header-navigation li.active > a,
    .header .header-navigation li.open > a:hover {
        color: #263238 !important;
    }
}
/* Froschakademie – Kursueberschriften */
.courses-index h2 a,
.courses-index h2 a:hover,
.courses-index h2 a:focus {
    font-family: 'Roboto', Arial, sans-serif;
    color: #263238 !important;
}


/* Froschakademie – Kursdetailseiten */
.tab-content > div[id^="description_"] p {
    font-family: 'Roboto', Arial, sans-serif;
    font-size: 16px !important;
    line-height: 1.5;
    text-align: left;
    color: #263238;
}


/* Froschakademie – Einleitung Kinder Anfänger */
/* Desktop: Roboto, bestehende Schriftgroessen beibehalten */

#fa-anfaenger-einleitung h1 {
    font-family: 'Roboto', Arial, sans-serif;
}

/* Smartphone: kompakte, gut lesbare Darstellung */
@media (max-width: 767px) {
    #fa-anfaenger-einleitung h1 {
        font-size: 24px;
        line-height: 1.3;
    }

    #fa-anfaenger-einleitung p {
        font-family: 'Roboto', Arial, sans-serif;
        font-size: 16px;
        line-height: 1.5;
    }
}