/*CSS BLACKTENT */

@font-face { font-family: 'Open Sans';
            font-style: normal;
            font-weight: 300;
            src: local('Open Sans Light'), local('OpenSans-Light'), url('/wp-content/themes/blacktent_theme/fonts/OpenSans-Light.ttf') format('truetype'); }

@font-face { font-family: 'Open Sans';
             font-style: normal;
             font-weight: 400;
             src: local('Open Sans Regular'), local('OpenSans-Regular'), url('/wp-content/themes/blacktent_theme/fonts/OpenSans-Regular.ttf') format('truetype'); }

@font-face { font-family: 'Open Sans';
            font-style: normal;
            font-weight: 600;
             src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url('/wp-content/themes/blacktent_theme/fonts/OpenSans-SemiBold.ttf') format('truetype'); }

/* kodchasan-regular - latin */
@font-face {
  font-family: 'Kodchasan';
  font-style: normal;
  font-weight: 400;
  src: local('Kodchasan Regular'), local('Kodchasan-Regular'),
       url('/wp-content/themes/blacktent_theme/fonts/Kodchasan-Regular.ttf') format('truetype')
}

/* kodchasan-600 - latin */
@font-face {
  font-family: 'Kodchasan';
  font-style: normal;
  font-weight: 600;
  src: local('Kodchasan SemiBold'), local('Kodchasan-SemiBold'),
       url('/wp-content/themes/blacktent_theme/fonts/Kodchasan-Bold.ttf') format('truetype')
}
/*
@font-face { font-family: 'Hind';
            font-style: normal;
            font-weight: 300;
            src: local('Hind Light'), local('Hind-Light'), url('/wp-content/themes/blacktent_theme/fonts/Hind-Light.ttf') format('truetype'); }

@font-face { font-family: 'Hind';
             font-style: normal;
             font-weight: 400;
             src: local('Hind Regular'), local('Hind-Regular'), url('/wp-content/themes/blacktent_theme/fonts/Hind-Regular.ttf') format('truetype'); }

@font-face { font-family: 'Hind';
            font-style: normal;
            font-weight: 600;
             src: local('Hind SemiBold'), local('Hind-SemiBold'), url('/wp-content/themes/blacktent_theme/fonts/Hind-SemiBold.ttf') format('truetype'); }
*/

/*MOBILE FIRST*/


.col75, .col66, .col60, .col50, .col40, .col33, .col25 {
    width: 100%
}

.col60 {
    padding: 10px 30px;
}

.col40 {
    padding: 10px 30px;
    float: left;
}


.col {
    text-align: left;
}
    
@media only screen and (min-width: 899px) {
.col75 {
    width: 75%
}
    
.col66 {
    width: 66%
} 

    
.col50 {
    width:50%
} 
    
.col33 {
    width: 33%
}
    
.col25 {
    width: 25%
}
    
}

@media only screen and (min-width: 450px) {
.col {
    text-align: justify;
}

.col-backgrd.footer .col {
    text-align: left;
}
}

/*---- MOBILE FIRST END--------------*/

body {
    font-family: 'Open Sans';
    padding-top:0px;
    color:#333;
    font-size: 16px;
    background: #dadada;
    /* Old browsers */
    background: -moz-linear-gradient(left, #dadada 0%, #ffffff 20%, #ffffff 80%, #dadada 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #dadada 0%, #ffffff 20%, #ffffff 80%, #dadada 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #dadada 0%, #ffffff 20%, #ffffff 80%, #dadada 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dadada', endColorstr='#dadada', GradientType=1);
 }

.col .center {
    text-align: center;
}

#main {
    margin-top:0px;

}

#mbody > br {
    display: none;
}

#topline {
    display: none;
}

#bottomline {
background: #dadada;
/* Old browsers */
background: -moz-linear-gradient(left, #dadada 0%, #ffffff 20%, #ffffff 80%, #dadada 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(left, #dadada 0%, #ffffff 20%, #ffffff 80%, #dadada 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #dadada 0%, #ffffff 20%, #ffffff 80%, #dadada 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dadada', endColorstr='#dadada', GradientType=1);
}


.line-nav, .line-contact, .line-nav a, .line-contact a {
    font-size: 14px;
    color: #333;
}



#bottomline {
    display: block;
    position: relative;
    overflow: hidden;
    bottom: 0px;
}

/*NAVIGATION*/

#logo {
     position: fixed;
    left: 10px;
}

#logo img {
    height: 25px;
    margin-top: 22px;
}




#naviplace {
    height: 70px;
background: #dadada;

background: -moz-linear-gradient(left, #dadada 0%, #ffffff 20%, #ffffff 80%, #dadada 100%);

background: -webkit-linear-gradient(left, #dadada 0%, #ffffff 20%, #ffffff 80%, #dadada 100%);

background: linear-gradient(to right, #dadada 0%, #ffffff 20%, #ffffff 80%, #dadada 100%);

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dadada', endColorstr='#dadada', GradientType=1);
    position: fixed;
    width: 100%;
    border-bottom: solid 5px #0D9FC4;
}


.head-logo {
    display: none;
    position: fixed;
    top: 18px;
    height: 50px;
    width: auto;
    font-size: 24px;
    font-weight: 600;
    left: 50%;
    transform: translateX(-50%);
}

.scroll .head-logo {
    display: block;
    z-index: 11;
}


#navigation {
    right: calc(50% - 535px);
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
}

.desk-n {
    display: none;
}

.mob-n-btn {
    color: #333;
    position: fixed;
    top: 15px;
    right: 10px;
    z-index: 114;
    text-align: left;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 0px;
    background-color: transparent;
    display: inline;
}
    
.mob-n-btn i.fa.fa-bars {
    font-size: 30px;
    padding: 5px;
}


span.nav-click {
    background-color: #0D9FC4;
    border-left: none;
}

div.sidr-class-st-content, i.sidr-class-fa  {
    display: none;
}    
    
.sidr {
    width: 100%;
    padding-top: 48px;
    background:#ebecec; 
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.sidr.right {
    right: -100%;
}

    
.sidr ul li {
    border-top: none;    
}    
    
.sidr ul li a {
    text-align: center;
}

    
.sidr ul li:hover>a, .sidr ul li:hover>span, .sidr ul li.active>a, .sidr ul li.active>span, .sidr ul li.sidr-class-active>a, .sidr ul li.sidr-class-active>span, .sidr ul li ul li:hover>a, .sidr ul li ul li:hover>span, .sidr ul li ul li.active>a, .sidr ul li ul li.active>span, .sidr ul li ul li.sidr-class-active>a, .sidr ul li ul li.sidr-class-active>span {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}


.sf-menu {
    font-size: 18px;
}

.sf-menu a {
    padding: 15px 25px 0px 25px;
}




.scroll .sf-menu a, .sf-menu a {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    overflow: hidden;
}

.sf-menu a:hover {
    background-color: transparent;
    color: #333;
}

.scroll .sf-menu a:before, .sf-menu a:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    right: 0;
    bottom: 0;
    background: #0D9FC4;
    height: 4px;
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.scroll .sf-menu a:hover:before, .sf-menu a:hover:before {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

@media only screen and (min-width: 599px) {
.sidr {
    width: 60%;
}
  
.sidr.right {
    right: -60%;
}
    
.head-logo {
    top: 10px;
    font-size: 30px;
}
}

@media only screen and (min-width: 1199px) {
    
.desk-n {
    display: block;
}


.mob-n-btn {
        display: none;
}
    
#logo img {
    height: 50px;
    width: auto;
    margin-top: 10px;
}
    
.head-logo {
    top: 5px;
    font-size: 40px;
}
    
}

/*NAVIGATION END*/

.metaslider {
    margin-top: 70px;
}

.col-backgrd.no-height {
    height: 0;
}

.download-link, .registration-link {
    text-align: center;
    margin-top: 50px;
    margin-bottom: 30px;
}

a.downloads, a.registration {
    background-color: #0D9FC4;
    color: #fff;
    border-radius: 12px 0 12px;
    font-size: 14px;
    padding: 15px 15px 15px 0;
}


.download-link i.fa.fa-download, .registration-link i.fa.fa-user-circle-o, .online-seminare i.fa.fa-graduation-cap {
    background-color: #0b7d9b;
    padding: 18px 20px;
    margin-left: -25px;
    margin-right: 10px;
    border-radius: 12px 0 0 0;
}   

.online-seminare i.fa.fa-graduation-cap {
    margin-right: 25px;
}

.online-seminare a.downloads {
    padding-right: 25px;
}

.download-link a.downloads span {
    display: none;
}


.wpcf7-text, .wpcf7-textarea, select.wpcf7-form-control {
    border-radius: 12px 0 12px;
}


select.wpcf7-form-control {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    text-decoration: none;
    border: 1px solid #bcbcbc;
    margin-top: 2px;
    margin-bottom: 2px;
    padding: 12px;
    width: 100%;
}

label .wpcf7-submit {
/*
    background-color: #0D9FC4;
    border: solid 2px #0D9FC4;
*/
/*    display: none;*/
    font-size: 0;
    background-color: transparent;
    padding: 0;
    border-radius:0;
    border: none;
    
}

label .wpcf7-submit:hover {
/*
    color: #0D9FC4;
    background-color: #fff;
    border: solid 2px #0D9FC4;
*/
}

label.bt-submit {
    background-color: #0D9FC4;
    padding: 10px 16px 10px 0;
    color: #fff;
    border: solid 2px #0D9FC4;
    cursor:pointer;
    border-radius: 12px 0 12px;
}

label.bt-submit::after {
    content:"Senden";
    font-size:16px
}

label.bt-submit:hover {
    color: #0D9FC4;
    background-color: #fff;
    border: solid 2px #0D9FC4;
}

.wpcf7-text:hover, .wpcf7-textarea:hover {
    background-color: #0d9ec454;
}

select {
    color: #757575;
}

div.accept {
    position: relative;
}

div.accept p {
    text-align: left;
    color: #333;
    font-size: 11px;
    font-family: 'Open Sans';
    font-weight: 400;
    padding: 8px;
}

span.wpcf7-form-control-wrap.acceptance-325 {
    position: absolute;
    left: 9px;
    top: 10px;
}

.col li {
    font-size: 16px;
}

@media only screen and (min-width: 599px) and (max-width: 615px) {
    
.download-link i.fa.fa-download, .registration-link i.fa.fa-user-circle-o {
    margin-right: 5px;
}
}

@media only screen and (min-width: 999px) {
    
.download-link i.fa.fa-download, .registration-link i.fa.fa-user-circle-o {
    margin-right: 10px;
}
    
a.downloads, a.registration {
    padding: 15px 25px;
    font-size: 16px;
} 

.download-link a.downloads span {
    display: inline-block;
}
}

/*----------------bt-click------------------------------*/
.bt-click {
    height: auto;
    cursor: pointer;
}

.bt-click h3.headline {
    font-size: 16px;
    display: initial;
}

.bt-click.bt-click-active h3.headline {
    font-size: 0;
}

.bt-click.bt-click-active h3.headline:before {
    content: "[ - ] weniger erfahren";
    display: block;
    font-size: 16px;
}

.bt-click .tbody {
    height:0px;
    overflow: hidden;
    color:#fff;
    transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out; 
}


.bt-click.bt-click-active .tbody {
    height: auto;
    color:#333;
    transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out; 
}




.col100.image-reference p {
    font-size: 12px;
    margin-bottom: 0;
    color: #fff;
}

.totop a {
    border-radius: 10px;
    color:#fff;
    text-shadow: none;
    background-color: #dadada;
}


.totop i {
    color: #fff;

}

h1 {
    font-size: 25px;
    font-family: 'Kodchasan';
    font-style: normal;
    font-weight: 600;
    text-align: center;
}


h1::after {
    content: "";
    height: 2px;
    background-color: #0D9FC4;
    width: 150px;
    display: block;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}




h2 {
  font-weight: 300;
    font-size: 20px;
    color: #0D9FC4;
}

.col100.first-col {
    text-align: center;
}

h2.first {
    text-align: center;
}

p span.sub-first-h2 {
    color: #0D9FC4;
    font-size: 18px !important;
    text-align: center !important;
}


h3 {
    color:#0D9FC4;
}

.col-backgrd {
    margin-bottom: 30px;
}

#main > div:nth-child(2) {
    margin-bottom: 0px;
}


.col li:before {
    content: "\f00c";
    color: #0D9FC4;
    text-shadow: none;
    font-size: 18px;
}

span.logo-font {
    font-family: 'Kodchasan';
}


h2 span.logo-font {
    font-size: 28px;
}

.facebook {
    display: initial;
    position: fixed;
    top: 15px;
    z-index: 102;
    right: 80px;
}

i.fa.fa-facebook-square {
    font-size: 40px;
    color: #3c5a98;
}

.tablepress tfoot th, .tablepress thead th {
    background-color: rgba(13, 158, 196, 0.5);
}

.dataTables_wrapper {
    overflow: scroll;  
}

.dataTables_filter {
    margin-bottom: 10px;
    float: left !important;
}

.dataTables_wrapper label:before {
    content: "Hier haben Sie die Möglichkeit nach Stadt oder Datum zu suchen!";
    display: block;
    font-size: 15px;
}


div#tablepress-5_wrapper label:before {
    content: "";
}

input[type="search"] {
    border-bottom: solid 1px #8fcee1;
}



.sep:before {
    content: "";
    height: 1px;
    background-color: #8fcee1;
    width: 90%;
    display: block;
    margin: 30px auto;
}


/*FontAwesome Icons*/

.fa-map-marker:before {
    content: "\f278";
}

.fa-envelope:before {
    content: "\f003";
}

.fa-phone:before {
    content: "\f10b";
}

/*Schulungsorte*/

h3.left {
    float: left;
}

h3.right {
    margin-left: 200px;
}

span.left {
    width: 30%;
}

@media only screen and (min-width: 599px) {
    
h1 {
    font-size: 60px;
}

h2 {
    font-size: 30px;
}
    
p span.sub-first-h2 {
    font-size: 20px;
}
    
.dataTables_wrapper {
    overflow: hidden;  
}
    
}

@media only screen and (min-width: 999px) {
    
    
p span.sub-first-h2 {
    font-size: 25px;
}
}

@media only screen and (min-width: 1199px) {
    
#logo {
    left: calc(50% - 570px);
}
    
 .facebook {
    right: calc(50% - 570px);
}
}

/*----------------Footer-------------*/
.col-backgrd.footer {
    background-color: #333;
    color:#fff;
    margin-bottom:0;
}

.footer .fullwidth {
    display: flex;
    justify-content:  space-evenly;
}

.footer .col33 {
    padding:50px;
}

.footer a{
    color:#fff;
}

.footer h2 {
    color: #fff;
}
.footer h2:after {
    content: "";
    width: 100%;
    height: 1px;
    border-bottom: 1px solid #fff;
    display: block;
    margin-top: 10px;
}

div#blacktent  {
    display: none;
}

div#bottomline .line-contact {
    display: none;
}


@media only screen and (min-width: 1049px) {
   
div#bottomline .line-contact {
    display: block;
}
    
div#blacktent  {
    display: block;
}
}


/*Online Anmeldung*/

.nf-form-content, .nf-form-content label {
    margin-left: 0;
    font-size: 16px !important;
}

#nf-label-field-38, #nf-label-field-40 {
  font-weight: 400 !important;
}

.nf-form-content label a {
    font-weight: 700;
}

.col100.registration-form li:before {
    display: none;
}

.nf-error-msg, .ninja-forms-req-symbol {
    color: #0D9FC4 !important;
}

input#nf-field-41 {
    background: #0D9FC4;
    border-radius: 12px 0 12px;
    border: solid 2px #0D9FC4;
}
input#nf-field-41:hover {
    color: #0D9FC4;
    background-color: #fff;
    border: solid 2px #0D9FC4;
}

.cn-button.bootstrap {
    background-color: #0D9FC4;
    background-image: none;
}

/*--*/
.cc-revoke, .cc-window {
    font-family: 'Open Sans', sans-serif!important;
}

a.cc-btn.cc-deny {
    color: #fff !important;
    background-color: #0D9FC4 !important;
}

a.cc-btn.cc-deny:hover {
    text-decoration: none !important;
    background-color: #33c5ea !important;
}

    .cc-window {
        width: 100vw !important;
}
    
.cc-window.cc-banner.cc-type-opt-out.cc-theme-classic.cc-bottom.cc-color-override--996021023, .cc-window.cc-bottom {
    display: block !important;
    bottom: 30px!important;
}



div#mtphr-dnt-783 {
    font-weight: bold;
    margin: 15px 0;
    font-size: 25px;
}

@media only screen and (min-width: 999px) {
    
.flex-logo-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
    
.flex-logo-wrapper img {
    max-width: 300px;    
}
    
}

a.cn-button.button {
    background-color: #0D9FC4;
    color: #fff;
    padding: 10px;
}