/**** TEMP SLIDER ****/
.slides-container img {top: 0 !important;}
.mainslider {height:400px !important;}
* { scroll-behavior: smooth;}

body { overflow: hidden; padding:0; margin:0; height:100%; width:100%; color: #404040; font-family: 'Lato'; font-size: 18px; letter-spacing: 1px; line-height: 23px; color: #fff;}

::placeholder {color:lightgrey;}

.cleardiv {clear: both;}
h1 {font-weight: 900; font-size: 30px; line-height: 34px; color: #fbd05b; margin-top: 4px;}
h2 {font-weight: 900; font-size: 25px; line-height: 34px; color: #fbd05b; margin-top: 4px;}
h3 {font-weight: 900; font-size: 18px;margin:0}
h4 {font-weight: 900; font-size: 12px; line-height: 100%; margin-top: 4px;}

#bgimg { position:absolute; z-index: -1; opacity: 0.85;}
#pagewrap { position:absolute; z-index: 5; overflow: auto; height: 100%; width:100%; margin: auto; text-align: center; }

#page {width: 1000px; border-left: 1px none #073243; border-right: 1px none #073243; margin: auto; position:relative;}
#pageheader {padding-top: 20px; padding-left: 0; text-align: left;}

#pagenav {width: 100%; background-color: #fbd05b;}
#pagenav ul {list-style: none; height: 50px; margin-bottom: 0px; position: relative;}
#pagenav ul li {float: left; margin-right: 40px; font-weight: 900; font-size: 25px; line-height: 50px; text-transform: uppercase; letter-spacing: 2px; color: #fff;}
#pagenav > ul > li:last-child {margin-right:0;}
#pagenav ul li a, #pagenav ul li.active ul li a {text-decoration: none; color: #fff;}
#pagenav ul li a:hover, #pagenav ul li ul li a:hover, #pagenav ul li.active a, #pagenav ul li.active ul li.active a {color: #1a5871;}

#pagenav ul ul {position: absolute; margin-left: -8px; padding-left: 0; margin-top: 0px; display: none; z-index: 10;}
#pagenav ul ul li {float: none; text-align: left; background-color: #fbd05b; padding:0 10px; font-size: 20px; line-height: 30px;padding-bottom:20px;}

#pagenav ul li:hover ul {display: block;}

#pagebody { background: linear-gradient(rgba(56,168,216,0.9), rgba(22,84,109,1)); }

.mainslider {margin-bottom: 14px; margin-top: 14px; padding-bottom: 0; width: 100%; height: 330px;}
.mainslider {box-shadow: 2px 4px 15px white;}
.slides-pagination { position: absolute; z-index: 3; bottom: 20px; right: 25px; text-align: center; }
.slides-pagination a { border: 2px solid #fff; color: #7dcced; background: #7dcced; border-radius: 12px; width: 10px; height: 10px; display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; margin: 6px; overflow: hidden; }
.slides-pagination a.current { border: 2px solid #fff; background: #0c3748; color: #0c3748; }

.content_section {text-align: left; padding: 40px;}
.content_section p {margin-top: 0; margin-bottom: 21px;}
.content_section a:before {content: '\00BB '}
.content_section a {text-decoration: none; color: #fbd05b;}
.content_section a:hover {color: #fff;}
/*.multicol .contentwrap {columns: 2; -moz-columns: 2; -webkit-columns: 2; }*/
/*.multicol .contentwrap p {-webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid;}*/

/**** Footer ****/
.footeropener {height: 30px; background-color: rgba(19,81,104,0.9);}
.footeropener.sticky  {position: absolute;}
.footer {height: 120px; padding: 0 40px; font-size: 14px; line-height: 18px;}
.footer h3 {    margin-block-start: 1em;    margin-block-end: 1em;    margin-inline-start: 0px;    margin-inline-end: 0px;}
.footer.section1 {background-color: rgba(38,127,159,0.9);display:none;}
.footer.section2 {background-color: rgba(19,81,104,0.9);display:none}
.footer.section3 {background-color: rgba(12,57,76,0.9);}
.footer .contact {float: left; width: 25%; color: #fff; text-align: left;margin-top:5px;}
.footer h3 {color: #fff;}
.footer-section3-inner {float: left;  width: 50%;text-align:left;}
.footer-section3-inner.footer-links {text-align: right;}
.footer-section3-inner a {color:#fff;}
.footer-section3-inner:nth-child(2) a {margin-right:20px;text-decoration:none;position:relative;top:48px;}
.footer-section3-inner:nth-child(2) a:last-child {margin-right:0;}
.footer-section3-inner:nth-child(2) a:hover {color:#fbd05b}
.footer-section3-inner:nth-child(1) a {position:relative;top:15px;}



.tx-gikurse-pi1 {margin-top: 30px; margin-bottom: 30px;}
.tx-gikurse-pi1 h1 {clear:both;}
.tx-gikurse-pi1 table {padding-top: 16px;}
.tx-gikurse-pi1 table td, .tx-gikurse-pi1 table th {font-size: 14px; text-align: left;}
.tx-gikurse-pi1 table th {padding-left: 10px !important;}
.tx-gikurse-pi1 table .beginn nobr { white-space: normal;}

.dataTables_filter, .dataTables_length {color: #fff !important; font-size: 14px;}
.dataTables_wrapper .dataTables_paginate {font-size: 14px; padding-top: 18px !important;}
.dataTables_wrapper .dataTables_paginate a.paginate_button {color: #fff !important; line-height: 14px; padding: 0.5em !important;}
.dataTables_wrapper .dataTables_paginate a.paginate_button.current {color: #000 !important;}
.dataTables_wrapper .dataTables_paginate a::before { content: ""; }
.dataTables_wrapper .dataTables_paginate a.paginate_button.disabled {display: none;}

.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate {
    color: #fff !important;
}

tr.odd, tr.odd td.sorting_1 {background-color: #4d8da8 !important;}
tr.even, tr.even td.sorting_1 {background-color: #15556e !important;}

table#kurse.dataTable.dtr-inline.collapsed tbody td:first-child:before, table#kurse.dataTable.dtr-inline.collapsed tbody th:first-child:before {top:20px;left:8px;}
table#kurse.dataTable.dtr-inline.collapsed tbody td:first-child, table#kurse.dataTable.dtr-inline.collapsed tbody th:first-child {padding-left:35px;}

/**** TEAM ****/
.team-wrap h6 {margin-top:5px;}
.team-wrap .team-right {margin-left:190px;}
.team-wrap .team-row {clear:both;border-bottom:1px solid rgba(255,255,255,0.2);min-height:170px;padding-bottom: 13px;}
.team-wrap .team-image {float:left;margin-right:30px;width:160px;}
.team-wrap .team-image img {box-shadow:0px 0px 20px 3px rgba(255, 255, 255, 0.40)}
.team-wrap .team-image > p {font-size: 10px; text-align: center;}


/**** KURSANMELDUNG ****/
.tx-gikurse-pi1 {clear:left;}
#form-anmeldung, .frame-type-form_formframework {width:500px;}
#form-anmeldung input[type="text"],#form-anmeldung input[type="email"], #form-anmeldung textarea,
.frame-type-form_formframework input[type="text"],.frame-type-form_formframework input[type="email"], .frame-type-form_formframework textarea
{font-size:15px; font-family:Lato, sans-serif; color:#fff; background-color: #15556e;border: 1px solid rgba(255, 255, 255, 0.5);margin-bottom:10px;padding:5px;}
#form-anmeldung input[type="text"]:focus,#form-anmeldung input[type="email"]:focus, #form-anmeldung textarea:focus,
.frame-type-form_formframework input[type="text"]:focus,.frame-type-form_formframework input[type="email"]:focus, .frame-type-form_formframework textarea:focus
{ background-color: #4d8da8;}
#form-anmeldung input[type="text"], #form-anmeldung input[type="email"], #form-anmeldung textarea, #form-anmeldung div,
.frame-type-form_formframework input[type="text"], .frame-type-form_formframework input[type="email"], .frame-type-form_formframework textarea, .frame-type-form_formframework div {width: 100%;}
#form-anmeldung .helper-text {font-size: 11px;}
#form-anmeldung .agb {margin-top:15px;}
#form-anmeldung .agb input {float: left; margin-right: 10px;}
#form-anmeldung .agb p {font-size:11px;}
#form-anmeldung button, #form-anmeldung input[type="submit"], #form-anmeldung select,
.frame-type-form_formframework button, .frame-type-form_formframeworkinput[type="submit"], .frame-type-form_formframework select { background-color: #15556e; border: 1px solid rgba(255, 255, 255, 0.5); color: #fff; cursor: pointer; padding: 5px;margin-bottom:10px;}
#form-anmeldung button:hover, #form-anmeldung input[type="submit"]:hover,
.frame-type-form_formframework button:hover, .frame-type-form_formframework input[type="submit"]:hover {background-color:#4d8da8;}
#form-anmeldung button[disabled=""] {opacity:0.5;cursor:default;}
#form-anmeldung button[disabled=""]:hover {background-color: #15556e;}
#form-anmeldung .oldie {display:none;}
#form-anmeldung label.error { margin-left: 15px; position: absolute;font-size:15px;}
.frame-type-form_formframework textarea {min-height: 100px;resize: vertical}

div.csc-mailform .form-vormerken  li label {width:100%;}

/*recaptcha*/
.grecaptcha-badge {display: none;}

/**** KURS DETAIL LIGHTBOX ****/
.hidden {display:none;}

/**** RESPONSIVE ****/
#mobilenavi,
.top {display:none;}

/**** KONTAKT ****/
div.csc-mailform ol li {overflow:visible;list-style:none;}


/**** IFRAME ****/
iframe { float:right;max-width:100%;min-width:450px;margin-bottom:20px;}

/* Mask Grid */
.mask-grid {display: flex;justify-content: space-between;flex-wrap: wrap;}
.mask-grid .mask-grid-element {width: 45%;margin-bottom:40px;}
.mask-grid .mask-grid-youtube-video {float:none;margin:auto;padding:0;}
.mask-grid .mask-grid-image img {width: 100%;height:auto;}

.contenttable {border:1px solid #fbd05b;padding:33px;}
.contenttable p:last-child {margin-bottom:0;}

/* Booking Batch */
.booking-batch {
    position:absolute;
    right:-60px;
    top:115px;
    background-color: #fbd05b;
    width: 120px;
    height:120px;
    border-radius:100%;
    transform: rotate(10deg);
    display: flex;
    justify-content: center;
    align-items: center;
	border:2px solid #000;
  overflow:hidden;
  z-index:2;
}
.booking-batch a {color:#000;text-decoration: none;display:block;width:100%;padding:38px 0;}

/* Button */
a.button {
    display: inline-block;
    padding: 8px 64px;
    background: transparent;
    border: 1px solid #fbd05b;
    border-radius: 2px;
    color: #fff;
    transition: background 0.3s cubic-bezier(0.42, 0, 0.175, 1), color 0.3s cubic-bezier(0.42, 0, 0.175, 1);
}
a.button:before {
    display: none;
}
a.button:hover {
    background: #fbd05b;
    color: #000;
}