@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700&font-display=swap');
@import url('https://fonts.googleapis.com/css?family=IM+Fell+DW+Pica&font-display=swap');


body h4,
body .h4 {
    margin-bottom: 5px;
}

/* DEFAULT FONTS & RTE ELEMENTS-------------------------------------------------- */

* {
    margin: 0px;
    padding: 0px;
}


body {
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    font-weight: 400;
    color: #000000;;
    -webkit-font-smoothing: antialiased;
    line-height: 1.5;
}

p {
    margin-bottom: 10px;
    -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h5, h6 {
    margin-top: 0px !important;
    -webkit-font-smoothing: antialiased;
}


/*H1 Haupttitel:  Grossbuchstaben (Beispiel: NLP AUSBILDUNGEN)*/
h1, .h1 {
    font-family: 'Open Sans', sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    color: #E53138;
    line-height: 1.5;
    margin-bottom: 18px;

}

#wrap-kurs-pract h1 {
    text-transform: lowercase;
}

#wrap-kurs-pract h2 {
    color: #000000 !important;
}

/*H2 Untermenütitel und Kurstitel: Gross/ Kleinbuchstaben*/
h2, .h2 {
    font-family: 'Open Sans', sans-serif;
    font-size: 21px;
    font-style: normal;
    font-weight: 700;
    color: #E53138;
    text-transform: none;
    line-height: 1.5;
    margin-bottom: 18px; /*Bei Untertitel einfach noch eine Zeilenschaltung einfügen*/
}

/*H3 Rubriktitel*/
h3, .h3 {
    font-family: 'Open Sans', sans-serif;
    font-size: 17px;
    font-style: normal;
    font-weight: 700;
    color: #E53138;
    text-transform: none;
    line-height: 1.5;
    margin: 0;
}

/*H4 Hervorhebung rot - nur noch Sprüche */
h4, .h4 {
    font-family: 'Open Sans', sans-serif;
    font-size: 17px;
    font-style: normal;
    font-weight: 700;
    color: #E53138;
    text-transform: none;
    line-height: 1.5;
    margin-bottom: 24px;
    margin-top: 24px !important;
}


#inhalt h3, #inhalt2 h3 {
    margin-top: 25px !important;
    margin-bottom: 10px !important;
}

.intro {
    font-family: 'Open Sans', sans-serif;
    font-size: 21px;
    font-style: normal;
    font-weight: 300;
    color: #E53138;
    text-transform: uppercase;
    padding: 0px;
    line-height: 1.5;
    margin: 0;
}


#right-content h3 {
    margin-bottom: 18px;
}

#inhalt div.tx-felogin-pi1 h3 {
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    color: #E53138;
    text-transform: none;
    line-height: 1.5;
    margin-bottom: 10px;
    margin-top: 24px !important;
}

.keyphrase {
    margin-bottom: 5px;
    font-family: 'Open Sans', sans-serif;
    font-size: 17px;
    font-style: italic;
    font-weight: 700;
    color: #E53138;
    text-transform: none;
    line-height: 1.5;
    margin-bottom: 24px;
    margin-top: 24px !important;
}


.kurse_startseite {
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    color: #E53138;
    text-transform: none;
    line-height: 1.5;
    margin-bottom: 0px;
    margin-top: 30px !important;
}


/*H6 nicht im Einsatz*/
/*h6, .h6  {

}*/


#quotes h4 {
    font-family: 'IM Fell DW Pica', serif;
    font-size: 20px;
    margin-top: 0 !important;
    margin-bottom: 0;
    font-style: normal;
    font-weight: 600;
    color: #fff;
    line-height: 1.5;
    text-transform: initial !important;
    text-align: center;
}


ul {
    margin-left: 20px;
}

ol {
    margin-left: 20px;
}

li {
    margin-bottom: 0px;
    margin-top: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
}

ol li {
    margin-bottom: 10px;
}

/* Rechte Spalte */


#wrap-kurs h1 {
    color: #E53138;
    font-size: 13px;
    margin-bottom: 0px;
    font-weight: 400;
}

#wrap-kurs h2 {
    font-weight: 400;
    font-size: 13px;
    color: #666;
    margin-bottom: 2px;
}

#right-content h3 {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
    color: #E53138 !important;
    padding-bottom: 8px;
    border-bottom: 1px solid #E53138;
}

#k-button {
    margin-top: 12px;
}

/* next practitioner */
#wrap-kurs-pract {
    font-size: 13px !important;
    width: auto;
}

#wrap-kurs-pract h1 {
    color: #E53138;
    font-size: 15px;
    margin-bottom: 0px;
    font-weight: 400;
    float: left;
    margin-right: 15px;
    width: auto;
}

#wrap-kurs-pract h2 {
    font-weight: 400;
    font-size: 15px;
    color: #666;
    margin-bottom: 0px;
    margin-right: 15px;
    clear: left;
    float: left;
    width: auto;
}

#wrap-kurs-pract h1 a {
    font-weight: 400;
    font-size: 15px;
    color: #666;
    margin-bottom: 0px;
    float: left;
    width: auto;
}

#wrap-kurs-pract .pract {
    line-height: 30px;
}

/* Homepage */


/* Linkstyle */
#inhalt a, #inhalt2 a, #kurs-daten a, #prev-next a,
#inhalt a:link, #inhalt2 a:link, #kurs-daten a:link, #prev-next a:link,
#inhalt a:visited, #inhalt2 a:visited, #kurs-daten a:visited, #prev-next a:visited {
    color: #E53138;
    font-weight: 600;
    text-decoration: underline;
}

#inhalt a:hover, #kurs-daten a:hover, #prev-next a:hover,
#inhalt a:active, #kurs-daten a:active, #prev-next a:hover {
    color: #E53138;
    text-decoration: underline;
}

a {
    color: #E53138;
    text-decoration: underline
}

a img {
    border: 0px;
}

a.download {
    color: #E53138;
    text-decoration: underline;
}

a.internal-link {
    color: #E53138;
    text-decoration: underline;
}

a.internal-link-new-window {
    color: #E53138;
    text-decoration: underline;
}

a.external-link-new-window {
    color: #E53138;
    text-decoration: underline;
}

a.mail {
    color: #E53138;
    text-decoration: underline;
}

a.download:hover,
a.internal-link:hover,
a.external-link-new-window:hover,
a.internal-link-new-window:hover,
a.mail:hover {
    color: #E53138;
    text-decoration: underline;
}


.fa:hover {
    color: #FFDD00 !important;
}

a.megura {
    font-size: 10px !important;
    color: #72797E;
    text-decoration: none;
    padding-top: 4px;
}

a.megura:hover {
    color: #72797E;
    text-decoration: underline;
}

/* Diverse RTE Stile */
.box-grey {
    padding: 8px;
    background-color: #F8F8F8;
    margin-bottom: 20px;
    font-size: 14px;
}

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


/*Tabelle*/

#kursdaten td:nth-child(2) {
    min-width: 150px;
}

/*klassen*/

p.PS_nachTabelle {
    margin-top: 18px;
}


/*im Prinzip h4*/
p.roteSchrift_fett_mitAbstand {
    color: #e53138;
    font-weight: 700;
    padding-top: 0px;
    margin-bottom: 18px;
    margin-top: 18px;
}

div.roteSchrift_fett_mitAbstand {
    color: #e53138;
    font-weight: 700;
    padding-top: 0px;
    margin-bottom: 18px;
    margin-top: 18px;
}

/*aus dem Kursinhalt*/
p.ausdemkursinhalt {
    color: #e53138;
    font-weight: 700;
    padding-top: 0px;
    margin-bottom: 0px;
}


p.roteSchrift_normal {
    color: #e53138;
}

p.kursinhalt {
    color: #e53138;
}

p.zitat {
    font-style: italic;
    font-weight: 400;
    color: #E53138;
    text-transform: none;
    padding: 0px;
}

/*Ende Klassen*/

body #wrapper .linkbox {
    margin-top: 7px;
    padding: 3px 10px 3px 10px;
    background-color: #E53138;
    color: #fff;
    text-decoration: none !important;
    border: 1px solid #E53138;
    font-weight: 700;
    font-size: 15px;
    transition: background-color 0.3s ease;
    display: inline-block;
    width: auto;
}

body #wrapper .linkbox:hover {
    background-color: #fff;
    color: #E53138;
    text-decoration: none !important;
}


.linkbox_2 {
    margin-top: 7px;
    padding: 2px 7px 2px 7px;
    background-color: #E53138;
    color: #fff !important;
    text-decoration: none !important;
    border: 1px solid #E53138;
    font-weight: 400;
    font-size: 15px;
    line-height: 100%;
    transition: background-color 0.3s ease;
}

.linkbox_2:hover {
    background-color: #fff;
    color: #E53138 !important;
    text-decoration: none !important;
}


/* RESPONSIVE FONTS
-------------------------------------------------- */


@media screen and (max-width: 995px) {
}

@media screen and (max-width: 900px) {
}


@media screen and (max-width: 767px) {
}


@media screen and (max-width: 520px) {

}


@media screen and (max-width: 480px) {

}


/* Backende RTE Settings */
.htmlarea-content-body {
    background-color: #fff;
    font-size: 15px;
}

.htmlarea-content-body {
    font-family: 'Open Sans', sans-serif !important;

}

.htmlarea-content-body {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    line-height: 1.5;
    margin: 0;
    padding: 3px;
}


.htmlarea-content-body a.linkbox {
    border: 1px solid #6D7478 !important;
    color: #6D7478;
    text-decoration: none !important;
}

.htmlarea-content-body,
.htmlarea-content-body h1,
.htmlarea-content-body h2,
.htmlarea-content-body h3,
.htmlarea-content-body h4,
.htmlarea-content-body p {

}


.htmlarea-content-body a.linkbox {
    color: #6D7478 !important;
}


.htmlarea-content-body a,
.htmlarea-content-body a:hover {
    color: #6D7478;
    text-decoration: underline;
}


.htmlarea-content-body table {
}


/*******************************************************************************/
/* Registration helpzone */
/*******************************************************************************/

/*#### Anmeldung #############*/

div.tx-srfeuserregister-pi1 legend {
    font-weight: normal !important;
    padding: 0px !important;
    font-size: 15px;
    border-width: 0 !important;
}

.tx-srfeuserregister-pi1 label {
    font-size: 15px;
    font-weight: normal;
    padding-top: 5px;
}

/*#tx-srfeuserregister-pi1-gender-0  {display: none;}
*/
fieldset.nlp_anmeldung, fieldset.nlp_anmeldung_2 {
    display: block;
    clear: both;
}


fieldset.nlp_anmeldung input {
    width: 400px;
    float: left;
    border: 1px solid #ccc;
    padding: 4px 0px 4px 4px;
    margin-bottom: 6px;
}

#wrap-right fieldset.nlp_anmeldung input {
    width: 100%;
}

fieldset.nlp_anmeldung label.loginlabel {
    display: block;
    float: left;
    width: 180px;
    font-weight: 400 !important;
    padding-top: 5px;
}

fieldset.nlp_anmeldung div.nlp_anmeldezeile {
    margin-top: 15px;
    margin-left: 0px;
    font-weight: 700;
}

#right-col div.nlp_anmeldezeile {
    display: none;
}

fieldset.nlp_anmeldung div.nlp_senden {
    margin-top: 15px;
    margin-left: 0px;
    font-weight: 700;
}

fieldset.nlp_anmeldung {
    margin-top: 15px;
    /*margin-left: 180px;*/
    font-weight: 700;
}


input.nlp_anmeldung_submit, input.nlp_anmeldung_submitpw {
    margin-top: 15px;
    padding: 3px 10px 3px 10px;
    background-color: #E53138;
    color: #fff;
    text-decoration: none !important;
    border: 1px solid #E53138;
    font-weight: 700;
    font-size: 12px;
    transition: background-color 0.3s ease;
}

input.nlp_anmeldung_submit:hover, input.nlp_anmeldung_submitpw:hover {
    margin-top: 15px;
    background-color: #fff;
    color: #E53138;
    text-decoration: none !important;
}

/*fieldset.nlp_anmeldung input.nlp_anmeldung_submit { 
  background-color:#534B4E;
  color:#FFFFFF;
  float:left;
  font-weight:normal;
  font-size:12px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
-khtml-border-radius:6px;
  border-radius:6px;
  padding-top: 4px;
  padding-right: 6px;
  padding-bottom: 4px;
  padding-left: 6px;
  width:217px;
}*/
p.nlp_link_passwort_vergessen { /*padding-left: 180px;*/
}

/*############## Abmeldung ##################*/
fieldset.nlp_anmeldung {
}


input.nlp_abmeldung_submit {
    padding: 3px 10px 3px 10px;
    background-color: #E53138;
    color: #fff;
    text-decoration: none !important;
    border: 1px solid #E53138;
    font-weight: 700;
    font-size: 12px;
    transition: background-color 0.3s ease;
}


input.nlp_abmeldung_submit:hover { /*color:#ffffff; background-color: #e53138;*/

    background-color: #fff;
    color: #E53138;
    text-decoration: none !important;

}

/* ######### Passwort vergessen #############*/
fieldset.nlp_anmeldung_2 label.loginlabel {
    display: block;
    float: left;
    width: 180px;
    font-weight: 400 !important;
    padding-top: 5px;
}

fieldset.nlp_anmeldung_2 div.nlp_anmeldezeile {
    margin-top: 15px;
    margin-left: 0px;
    font-weight: 700;
}

fieldset.nlp_anmeldung_2 input {
}

fieldset.nlp_anmeldung_2 div.nlp_senden {
    margin-top: 15px;
    margin-left: 0px;
    font-weight: 700;
}

fieldset.nlp_anmeldung_2 input.nlp_anmeldung_submit {
    margin-top: 15px;
    margin-left: 180px;
    font-weight: 700;
}

fieldset.nlp_anmeldung_2 input.nlp_anmeldung_submitpw {
    margin-top: 0px;
    margin-bottom: 10px;
    margin-left: 0px;
    font-weight: 700;
}

@media screen and (max-width: 960px) {
    #wrap-left fieldset.nlp_anmeldung_2 input, #wrap-left fieldset.nlp_anmeldung input {
        width: calc(100% - 130px);
    }

    p.nlp_link_passwort_vergessen {
        padding-left: 0px;
    }

    fieldset.nlp_anmeldung input.nlp_anmeldung_submit {
        margin-top: 15px;
        margin-left: 0px;
        font-weight: 700;
    }
}


@media screen and (max-width: 600px) {
    fieldset.nlp_anmeldung_2 input, fieldset.nlp_anmeldung input {
        width: 100%;
        float: none;
        clear: both;
    }

    p.nlp_link_passwort_vergessen {
        padding-left: 0px;
    }

    fieldset.nlp_anmeldung_2 input.nlp_anmeldung_submit, fieldset.nlp_anmeldung input.nlp_anmeldung_submit {
        margin-left: 0px !important;
    }

}


/* ######### REGISTRATION #############*/

fieldset.nlp_registration, fieldset.nlp_registration_preview {
    border: none;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 0px;
    /*background-color:#F2F0EE;*/
    margin-top: 5px;
}

fieldset.nlp_registration {
    border: none;
    padding-top: 0px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 0px;
    /*background-color:#F2F0EE;*/
    margin-top: 0px;
}

/*fieldset.nlp_registration dl dt label { float:left;width:160px; background-color:#CC00FF;}*/
fieldset.nlp_registration legend {
    display: none;
}

/*fieldset.nlp_registration legend { display:none; }*/
.tx-srfeuserregister-pi1-notice {
    display: none;
}

.tx-srfeuserregister-pi1-error {
    font-size: 11px;
    font-weight: bold;
    color: #000000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

#inhalt .tx-srfeuserregister-pi1-error {
    font-size: 11px;
    font-weight: bold;
    color: #e53138;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

.tx-srfeuserregister-pi1 dt {
    text-align: left;
    width: 150px;
    font-size: 11px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

.tx-srfeuserregister-pi1 input {
    width: 400px;
    border: 1px solid #ccc;
    padding: 4px 0 4px 4px;
    margin-bottom: 1px;
}

.tx-srfeuserregister-pi1 textarea {
    width: 400px;
    border: 1px solid #ccc;
    padding: 4px 0 4px 4px;
    background-image: none;
    overflow: auto;
}

.tx-srfeuserregister-pi1 input.tx-srfeuserregister-pi1-radio {
    width: 10px;
}

.tx-srfeuserregister-pi1 input.tx-srfeuserregister-pi1-submit {
    margin-left: 0px;
    width: 410px;
    border: 1px solid #ccc;
    margin-bottom: 5px;
    padding: 5px;
}

fieldset.nlp_registration_preview legend {
    display: none;
}

h4.registrationh4 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: normal;
    color: #e53138;
    margin: 0px;
    text-transform: none;
}

textarea#tx-srfeuserregister-pi1-comments {
    width: 400px;
}

.tx-srfeuserregister-pi1 input.tx-srfeuserregister-pi1-submit {
    width: 400px;
}

/*
#tx-srfeuserregister-pi1-password { margin-bottom: 5px; width: 200px; float: left;}

#tx-srfeuserregister-pi1-password_again { margin-bottom: 5px; width: 200px; float: left;}


#tx-srfeuserregister-pi1 dd {width: 100%; }

.tx-srfeuserregister-pi1 a { padding-left:0px; background-image: none; background-repeat: no-repeat; background-position: 0% 60%; text-decoration:none; }*/


@media screen and (max-width: 1000px) {
    .tx-srfeuserregister-pi1 dd {
        width: calc(100% - 160px);
    }

    .tx-srfeuserregister-pi1 input {
        width: 100%;
    }

    textarea#tx-srfeuserregister-pi1-comments {
        width: 100%;
    }

    .tx-srfeuserregister-pi1 input.tx-srfeuserregister-pi1-submit {
        width: 100%;
    }
}


@media screen and (max-width: 600px) {
    .tx-srfeuserregister-pi1 dd {
        float: none;
        clear: both;
        width: 100%;
    }

    .tx-srfeuserregister-pi1 input {
        width: 100%;
    }

    textarea#tx-srfeuserregister-pi1-comments {
        width: 100%;
    }

    .tx-srfeuserregister-pi1 input.tx-srfeuserregister-pi1-submit {
        width: 100%;
    }
}