/*
Theme Name: weltwoche
Author: seaio.interactive
Author URI: https://www.seaio.ch
Description: Individual template created for WordPress
Version: 1.0
*/




.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */
}

/*
::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 7px;
}
::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: rgba(0, 0, 0, .5);
  box-shadow: 0 0 1px rgba(255, 255, 255, .5);
}
*/

html {
    overflow-x: hidden;
    overflow-y: scroll;
}

body{
    color: #000;
    font-size: 24px;
    line-height: 26px;
}
h1 {
    font-family: 'BentonSansCond-Black';
    font-size: 52px;
    line-height: 54px;
    margin: 40px 0 10px 0;
    color: #000;
}
h2 {
    font-family: 'Lexicon-3';
    font-size: 40px;
    line-height: 48px;
    margin-bottom: 50px;
    color: #000;
}
h3 {
    font-family: 'Lexicon-3';
    font-size: 22px;
    line-height: 24px;
    margin: 20px 0 10px 0;
    color: #000;
}
h4 {
    font-family: 'BentonSansCond-Bold';
    color: #000;
}
h5 {
    font-family: 'BentonSansCond-Bold';
    color: #000;
}
h6 {
    font-family: 'BentonSansCond-Bold';
    color: #000;
}
h3.widget-title {
    font-family: 'BentonSansCond-Bold';
}
b, strong {
    /* font-family: 'BentonSansCond-Bold'; */
}
i {
    /* font-family: 'BentonSansCond-Regular'; */
}
i>b, b>i {
    font-family: 'Lexicon-3';
}
@media screen and (max-width: 1200px) {
}
@media screen and (max-width: 959px) {
}
@media screen and (max-width: 639px) {
    h2 {
        font-size: 34px;
        line-height: 40px;
    }
    h3 {
        font-size: 19px;
    }
}
@media screen and (max-width: 480px) {
}

a{
    color: #000;
    transition: all 0.25s linear;
}
a:hover{
    color: #000;
    text-decoration: none;
}
em{
    color: inherit;
}
*+p{
    margin-top: 0;
    padding-top: 10px;
}
a, :focus {
    outline: none;
}


.alignleft{
    float: left;
    padding: 0 20px 10px 0;
}
.alignright{
    float: right;
    padding: 0 0 10px 20px;
}
.aligncenter{
    float: center;
    padding: 0 10px 10px 0;
}
.alignnone{
}



.inlineBlock{
    display: inline-block !important;
}

/* password field view plain toggle icon */
.pwFieldView{
    position: relative;
    margin-left: -20px;
    background: #fff;
}


.ctf-item:first-child{
    padding-top: 0 !important;
}
#ctf .ctf-item{
    padding: 15px 0px;
}
#ctf .ctf-corner-logo {
    font-size: 18px !important;
    position: relative !important;
    top: 8px !important;
    left: 5px !important;
}


.bodyNoScroll{
    height: 100vh;
    overflow: hidden;
}
.bodyNoScroll .headerScroll .headerLogo img,
.bodyNoScroll .headerLogo img{
    /* height: 50px; */
}
.bodyNoScroll .header{
    /* padding: 15px 30px 0px 30px; */
}


/* modal-info */
#modal-info{
}

#modal-info h2{
    font-size: 26px;
    line-height: 30px;
    margin-bottom: 25px;
}
#modal-info span{
    font-family: 'BentonSansCond-Bold';
}
#modal-info a{
    font-size: 14px;
}




/* speech player */
.speechKitDiv{
    margin-bottom: 20px;
    height: 60px;
}
.sk-app-link{
    display: none;
}


/* gform styles */
.gform_wrapper {
    margin-bottom: 0px !important;
    margin-top: 0px !important;
}
body .gform_wrapper ul li.gfield {
    /*margin-top: 0 !important;*/
}
body .gform_wrapper .top_label div.ginput_container {
    margin-top: 0 !important;
}
.gform_wrapper li.hidden_label input {
    margin-top: 0 !important;
}
.gform_wrapper input[type="text"] {
    margin-bottom: 12px;
}
.gform_wrapper.aboForm_wrapper select {
    margin-bottom: 20px;
}
.gform_wrapper.aboForm_wrapper ul li.field_description_below div.ginput_container_checkbox,
.gform_wrapper.aboForm_wrapper ul li.field_description_below div.ginput_container_radio {
    margin-bottom: 15px;
}
.gform_wrapper.aboForm_wrapper ul li.field_description_below.abo_newsletter div.ginput_container_checkbox {
    margin-bottom: 0px;
}
.gform_wrapper.aboForm_wrapper.abo_newsletter .ginput_container_checkbox + .gfield_description {
    margin-bottom: 20px;
}
.gform_wrapper .field_sublabel_hidden_label .ginput_complex.ginput_container input[type="text"]{
    margin-bottom: 0;
}

.gform_wrapper textarea{
    margin-top: 20px;
}
.gform_wrapper input[type=text],
.gform_wrapper textarea,
.gform_wrapper input[type=submit]{
    border: 1px solid #555;
    border-radius: 0;
    padding: 5px 10px;
    font-family: 'BentonSansCond-Bold' !important;
    background: #fff;
    font-size: 20px !important;
    line-height: 20px !important;
}
.gform_wrapper input[type=submit]{
    cursor: pointer;
    color: #555;
}
.gform_wrapper input:focus,
.gform_wrapper textarea:focus{
    border: 1px solid #000;
}
.gform_wrapper input[type=submit]:hover{
    background: #fff;
    color: #000;
    border: 1px solid #000;
}
.gform_validation_error{
    font-size: 18px !important;
    line-height: 22px !important;
}
body .gform_wrapper.aboForm_wrapper ul li.gfield {
    margin-top: 5px;


}
body .gform_wrapper.aboForm_wrapper ul.gform_fields {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
body .gform_wrapper.aboForm_wrapper ul.gform_fields>li.gfield {
    flex-basis: 100%;
}
body .gform_wrapper.aboForm_wrapper ul.gform_fields>li.gfield .ginput_container {
    width: 100%;
}
body .gform_wrapper.aboForm_wrapper ul.gform_fields>li.gfield:not(.abo_rechnunglieferung):not(.abo_geschenkueberraschung):not(.abo_newsletter):not(.abo_bezahlung) {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
}
body .gform_wrapper.aboForm_wrapper ul.gform_fields>li.gfield.gf_left_half,
body .gform_wrapper.aboForm_wrapper ul.gform_fields>li.gfield.gf_right_half {
    flex-basis: 50%;
}
body .gform_wrapper.aboForm_wrapper ul.gform_fields>li.gfield.gf_left_half.abo_rg_plz,
body .gform_wrapper.aboForm_wrapper ul.gform_fields>li.gfield.gf_left_half.abo_lf_plz {
    flex-basis: 0;
}
body .gform_wrapper.aboForm_wrapper ul.gform_fields>li.gfield.gf_right_half.abo_rg_hausnummer,
body .gform_wrapper.aboForm_wrapper ul.gform_fields>li.gfield.gf_right_half.abo_lf_hausnummer {
    flex-basis: 110px;
}
body .gform_wrapper.aboForm_wrapper ul.gform_fields>li.gfield.gf_left_half.abo_rg_plz,
body .gform_wrapper.aboForm_wrapper ul.gform_fields>li.gfield.gf_left_half.abo_lf_plz {
    flex-basis: 210px;
}
.gform_wrapper.aboForm_wrapper label.gfield_label {
    color: #000;
    font-size: 24px;
    line-height: 26px;
    font-family: 'BentonSansCond-Regular';
    font-weight: 400;
    min-width: 125px;
    margin-right: 10px;
    flex-basis: 125px;
}
body .gform_wrapper.aboForm_wrapper ul.gform_fields>li.gfield.gf_left_half input.datepicker_with_icon,
body .gform_wrapper.aboForm_wrapper ul.gform_fields>li.gfield.gf_right_half input.datepicker_with_icon {
    width: calc(100% - 21px);
}
body .gform_wrapper.aboForm_wrapper ul.gform_fields>li.gfield>div.ginput_container {
    flex-basis: calc(100% - 135px);
}
.gform_wrapper.aboForm_wrapper .gfield_description {
    font-size: 20px;
    line-height: 26px;
}
.gform_wrapper.aboForm_wrapper label.gfield_label + .gfield_description {
    margin-top: 20px;
}
.gform_wrapper.aboForm_wrapper .gf_right_half.abo_rg_hausnummer label.gfield_label,
.gform_wrapper.aboForm_wrapper .gf_right_half.abo_rg_ort label.gfield_label,
.gform_wrapper.aboForm_wrapper .gf_right_half.abo_lf_hausnummer label.gfield_label,
.gform_wrapper.aboForm_wrapper .gf_right_half.abo_lf_ort label.gfield_label {
    min-width: unset;
    flex-basis: auto;
}
body .gform_wrapper.aboForm_wrapper ul.gform_fields>li.gf_right_half.abo_rg_hausnummer>div.ginput_container,
body .gform_wrapper.aboForm_wrapper ul.gform_fields>li.gf_right_half.abo_rg_ort>div.ginput_container,
body .gform_wrapper.aboForm_wrapper ul.gform_fields>li.gf_right_half.abo_lf_hausnummer>div.ginput_container,
body .gform_wrapper.aboForm_wrapper ul.gform_fields>li.gf_right_half.abo_lf_ort>div.ginput_container  {
    flex-grow: 2;
}
body .gform_wrapper.aboForm_wrapper ul.gform_fields>li.gf_right_half.abo_rg_postfachohnenummer>div.ginput_container,
body .gform_wrapper.aboForm_wrapper ul.gform_fields>li.gf_right_half.abo_lf_postfachohnenummer>div.ginput_container {
    flex-basis: 100%;
}
.gform_wrapper .gfield_checkbox li input,
.gform_wrapper .gfield_checkbox li input[type=checkbox],
.gform_wrapper .gfield_radio li input[type=radio] {
    vertical-align: top;
}
.gform_wrapper.aboForm_wrapper .abo_newsletter .gfield_description {
    padding-top: 0;
    font-style: italic;
}
.gform_wrapper.aboForm_wrapper .ginput_container input[type=text],
.gform_wrapper.aboForm_wrapper .ginput_container input[type=date] {
    border: none;
    border-bottom: 1px solid #000;
    font-family: 'BentonSansCond-Bold';
    padding: 0 0 10px 0 !important;
    font-size: 20px;
    line-height: 20px;
}
.gform_wrapper.aboForm_wrapper .gf_list_inline ul.gfield_radio li {
    /*margin-bottom: -5px;*/
}
.gform_wrapper.aboForm_wrapper ul.gform_fields li.gfield select {
    border: none;
    border-bottom: 1px solid #000;
    font-size: 20px;
    font-family: 'BentonSansCond-Bold';
    margin-left: 0px !important;
    padding-left: 0px !important;
    padding-bottom: 10px;
}
.gform_wrapper.aboForm_wrapper ul.gform_fields li.gfield select option {
    font-family: 'BentonSansCond-Regular';
}
.gform_wrapper.aboForm_wrapper ul.gform_fields li.gfield select option:checked {
    font-family: 'BentonSansCond-Bold';
}
.gform_wrapper.aboForm_wrapper ul li.field_description_below.abo_rg_anrede div.ginput_container_checkbox,
.gform_wrapper.aboForm_wrapper ul li.field_description_below.abo_rg_anrede div.ginput_container_radio {
    margin-bottom: 0;
}
body .gform_wrapper.aboForm_wrapper li.gfield.gfield_error,
body .gform_wrapper.aboForm_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
    border-top: 1px dotted #006699 ;
    border-bottom: 1px dotted #006699 ;
    background-color: rgba(0,102,153,0.05);
    color: #006699;
    margin-top: -4px;
    padding-top: 8px;
}
body .gform_wrapper.aboForm_wrapper div.validation_error {
    color: #006699;
    border-top: 2px dotted #006699;
    border-bottom: 2px dotted #006699;
}
body .gform_wrapper.aboForm_wrapper .validation_message {
    color: #006699;
    font-size: 15px;
    text-align: right;
    padding-top: 0;
}

body .gform_wrapper.aboForm_wrapper li.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
body .gform_wrapper.aboForm_wrapper li.gfield_error textarea {
    border: 0px;
    border-bottom: 1px solid #006699;
}
@media only screen and (max-width: 640px) {
    .gform_wrapper li.gf_list_inline.abo_rg_anrede ul.gfield_checkbox li,
    .gform_wrapper li.gf_list_inline.abo_rg_anrede ul.gfield_radio li {
        margin: 0 8px 10px 0;
    }
    body .gform_wrapper.aboForm_wrapper ul.gform_fields>li,
    body .gform_wrapper.aboForm_wrapper ul.gform_fields>li.gfield.gf_left_half,
    body .gform_wrapper.aboForm_wrapper ul.gform_fields>li.gfield.gf_right_half{
        flex-basis: 100%;
    }
    body .gform_wrapper.aboForm_wrapper ul.gform_fields>li.gfield.gf_left_half.abo_rg_strasse,
    body .gform_wrapper.aboForm_wrapper ul.gform_fields>li.gfield.gf_left_half.abo_lf_strasse {
        flex-basis: calc(100% - 110px);
    }
    body .gform_wrapper.aboForm_wrapper ul.gform_fields>li.gfield.gf_right_half.abo_rg_ort,
    body .gform_wrapper.aboForm_wrapper ul.gform_fields>li.gfield.gf_right_half.abo_lf_ort {
        flex-basis: calc(100% - 210px);
    }
    body .gform_wrapper.aboForm_wrapper ul.gform_fields>li.gfield.gf_right_half.abo_rg_hausnummer,
    body .gform_wrapper.aboForm_wrapper ul.gform_fields>li.gfield.gf_right_half.abo_lf_hausnummer {
        flex-basis: 110px;
    }
    body .gform_wrapper.aboForm_wrapper ul.gform_fields>li.gfield.gf_left_half.abo_rg_plz,
    body .gform_wrapper.aboForm_wrapper ul.gform_fields>li.gfield.gf_left_half.abo_lf_plz {
        flex-basis: 210px;
    }

    body .gform_wrapper.aboForm_wrapper ul.gform_fields>li.gfield.gf_right_half.abo_rg_hausnummer input,
    body .gform_wrapper.aboForm_wrapper ul.gform_fields>li.gfield.gf_right_half.abo_lf_hausnummer input,
    body .gform_wrapper.aboForm_wrapper ul.gform_fields>li.gfield.gf_left_half.abo_rg_plz input,
    body .gform_wrapper.aboForm_wrapper ul.gform_fields>li.gfield.gf_left_half.abo_lf_plz input {
        width: 100%;
    }
    body .gform_wrapper.aboForm_wrapper li.gf_list_inline ul.gfield_checkbox li,
    body .gform_wrapper.aboForm_wrapper li.gf_list_inline ul.gfield_radio li {
        width: auto!important;
        float: none!important;
        margin: 0 8px 10px 0;
        display: inline-block;
    }
    .gform_wrapper .top_label li.gfield.gf_left_half.abo_rg_strasse,
    .gform_wrapper .top_label li.gfield.gf_left_half.abo_rg_plz,
    .gform_wrapper .top_label li.gfield.gf_left_half.abo_lf_strasse,
    .gform_wrapper .top_label li.gfield.gf_left_half.abo_lf_plz {
        padding-right: 10px;
    }
    .gform_wrapper.aboForm_wrapper .gf_right_half:not(.abo_rg_hausnummer):not(.abo_rg_ort):not(.abo_lf_hausnummer):not(.abo_lf_ort) label.gfield_label {
        min-width: 125px;
    }
}
@media only screen and (max-width: 480px) {
    body .gform_wrapper.aboForm_wrapper ul.gform_fields>li.gfield.gf_left_half.abo_rg_strasse,
    body .gform_wrapper.aboForm_wrapper ul.gform_fields>li.gfield.gf_left_half.abo_lf_strasse {
        flex-basis: calc(100% - 80px);
    }
    body .gform_wrapper.aboForm_wrapper ul.gform_fields>li.gfield.gf_right_half.abo_rg_ort,
    body .gform_wrapper.aboForm_wrapper ul.gform_fields>li.gfield.gf_right_half.abo_lf_ort {
        flex-basis: calc(100% - 180px);
    }
    body .gform_wrapper.aboForm_wrapper ul.gform_fields>li.gfield.gf_right_half.abo_rg_hausnummer,
    body .gform_wrapper.aboForm_wrapper ul.gform_fields>li.gfield.gf_right_half.abo_lf_hausnummer {
        flex-basis: 80px;
    }
    body .gform_wrapper.aboForm_wrapper ul.gform_fields>li.gfield.gf_left_half.abo_rg_plz,
    body .gform_wrapper.aboForm_wrapper ul.gform_fields>li.gfield.gf_left_half.abo_lf_plz {
        flex-basis: 180px;
    }
    .gform_wrapper.aboForm_wrapper label.gfield_label {
        font-size: 20px;
        line-height: 28px;
        min-width: 100px;
    }
    .gform_wrapper.aboForm_wrapper .gf_right_half:not(.abo_rg_hausnummer):not(.abo_rg_ort):not(.abo_lf_hausnummer):not(.abo_lf_ort) label.gfield_label {
        min-width: 100px;
    }

    .gform_wrapper input[type=text], .gform_wrapper textarea,
    .gform_wrapper input[type=submit] {
        font-size: 18px !important;
    }
    .gform_wrapper.aboForm_wrapper label.gfield_label {
        font-size: 20px;
        line-height: 28px;
        min-width: 100px;
    }
    .gform_wrapper.aboForm_wrapper .gf_right_half:not(.abo_rg_hausnummer):not(.abo_rg_ort):not(.abo_lf_hausnummer):not(.abo_lf_ort) label.gfield_label {
        min-width: 100px;
    }

    .gform_wrapper input[type=text], .gform_wrapper textarea,
    .gform_wrapper input[type=submit] {
        font-size: 18px !important;
    }
}
@media only screen and (max-width: 400px) {
    body .gform_wrapper.aboForm_wrapper ul.gform_fields>li.gfield.gf_left_half.abo_rg_strasse,
    body .gform_wrapper.aboForm_wrapper ul.gform_fields>li.gfield.gf_left_half.abo_lf_strasse {
        flex-basis: 100%;
    }
    body .gform_wrapper.aboForm_wrapper ul.gform_fields>li.gfield.gf_right_half.abo_rg_ort,
    body .gform_wrapper.aboForm_wrapper ul.gform_fields>li.gfield.gf_right_half.abo_lf_ort {
        flex-basis: 100%;
    }
    body .gform_wrapper.aboForm_wrapper ul.gform_fields>li.gfield.gf_right_half.abo_rg_hausnummer,
    body .gform_wrapper.aboForm_wrapper ul.gform_fields>li.gfield.gf_right_half.abo_lf_hausnummer {
        flex-basis: 100%;
    }
    body .gform_wrapper.aboForm_wrapper ul.gform_fields>li.gfield.gf_left_half.abo_rg_plz,
    body .gform_wrapper.aboForm_wrapper ul.gform_fields>li.gfield.gf_left_half.abo_lf_plz {
        flex-basis: 100%;
    }
     .gform_wrapper.aboForm_wrapper .gf_right_half label.gfield_label {
        min-width: 100px;
    }
}


/*abo prüfen-Seite im Formular*/
.aboContent_left,
.aboContent_left h3,
.aboForm,
.aboForm h3,
.aboContentLeft-checkcontent{
    font-family: 'BentonSansCond-Regular';
}

.gform_body .gform_page:last-child .aboSummaryLeft {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.gform_body .gform_page:last-child .aboContent_left .aboSummaryLeft .aboContent_left_title{
    flex-basis: 100%;
}
.gform_body .gform_page:last-child .aboContent_left .aboSummaryLeft>div {
    margin-right: 50px;
}
.gform_body .gform_page:last-child .aboContent_left .aboSummaryLeft>div.aboSummaryLeft_1 {
    flex-grow: 1;
}
.gform_body .gform_page:last-child .aboContent_left .aboSummaryLeft>div.aboSummaryLeft_2 {
    flex-grow: 2;
}

/*custom checkboxes and radiobuttons*/
.gform_wrapper.aboForm_wrapper .abo_rg_anrede .gfield_radio {
    padding-top: 0;
    margin-top: 0;
}
.gform_wrapper.aboForm_wrapper .abo_rg_anrede .gfield_radio li label {
    margin-top: -5px;
}
.gform_wrapper.aboForm_wrapper .gfield_checkbox li input[type=checkbox],
.gform_wrapper.aboForm_wrapper .gfield_radio li input[type=radio],
.rememberme-checkbox input[type=checkbox],
.login-terms-checkbox input[type=checkbox]{
    display: none;
}
.gform_wrapper.aboForm_wrapper .gfield_checkbox li input[type=checkbox] + label,
.gform_wrapper.aboForm_wrapper .gfield_radio li input[type=radio] + label,
.rememberme-checkbox input[type=checkbox] + label {
    padding-left: 30px;
    position: relative;
    font-size: 20px;
    line-height: 26px;
}
.login-terms-checkbox input[type=checkbox] + label {
    padding-left: 20px;
    position: relative;
    font-size: 12px;
    display: block;
    line-height: 12px;
    height: 15px;
}
.gform_wrapper.aboForm_wrapper .gfield_checkbox li input[type=checkbox] + label:before,
.rememberme-checkbox input[type=checkbox] + label:before,
.login-terms-checkbox input[type=checkbox] + label:before {
    border-radius: 0;
    content: "";
    border: 1px solid rgba(0,0,0,0.3);
    width: 20px;
    height: 20px;
    display: block;
    position: absolute;
    left: 0;
    top: 2px;
}
.login-terms-checkbox input[type=checkbox] + label:before {
    width: 10px;
    height: 10px;
    left: 0;
    top: 0px;
}
.gform_wrapper.aboForm_wrapper .gfield_checkbox li input[type=checkbox]:checked + label:before,
.rememberme-checkbox input[type=checkbox]:checked + label:before,
.login-terms-checkbox input[type=checkbox]:checked + label:before {
    border: 1px solid rgba(0,0,0,1);
}

.gform_wrapper.aboForm_wrapper .gfield_checkbox li input[type=checkbox]:checked + label:after,
.rememberme-checkbox input[type=checkbox]:checked + label:after,
.login-terms-checkbox input[type=checkbox]:checked + label:after {
    content: "\2713";
    /*text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);*/
    font-size: 23px;
    color: #006699;
    text-align: center;
    line-height: 30px;
    position: absolute;
    left: 1px;
    top: -3px;
}
.login-terms-checkbox input[type=checkbox]:checked + label:after {
    font-size: 15px;
    line-height: 15px;
    position: absolute;
    left: 1px;
    top: -2px;
}
.gform_wrapper.aboForm_wrapper .gfield_radio li input[type=radio] + label:before {
    border-radius: 100%;
    content: "";
    border: 1px solid rgba(0,0,0,0.3);
    width: 20px;
    height: 20px;
    display: block;
    position: absolute;
    left: 0;
    top: 2px;
}
.gform_wrapper.aboForm_wrapper .gfield_radio li input[type=radio]:checked + label:before {
    border: 1px solid rgba(0,0,0,1);
}
.gform_wrapper.aboForm_wrapper .gfield_radio li input[type=radio]:checked + label:after {
    content: "\2717";
    /*text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);*/
    font-size: 23px;
    color: #006699;
    text-align: center;
    line-height: 30px;
    position: absolute;
    left: 0;
    top: -4px;
}



/*Form Steps*/
@media only screen and (max-width: 639px) {
    .modalAbo_form_main_progress {
        display: none;
    }
}
@media only screen and (max-width: 400px) {
    .modalAbo_form_main_progress .uk-width-1-4 {
        width: 50%;
    }

}




/* plugin comment like */
.cld-like-dislike-wrap{
    float: right;
}
.cld-like-dislike-wrap .cld-common-wrap {
    margin-left: 10px;
}
.cld-common-wrap {
    min-width: 0px !important;
}
.cld-like-wrap{
    margin-left: 10px !important;
}
.cld-dislike-wrap i{
    position: relative;
    top: 3px;
}
.cld-common-wrap > a.cld-like-dislike-trigger {
    border-bottom: none !important;
}
.cld-common-wrap > a.cld-like-dislike-trigger:hover {
    border-bottom: none !important;
    background: none !important;
    color: #000 !important;
}

.header{
    padding: 30px;
    max-width: 786px;
    margin: 0 auto;
    background: #FFF;
    position: relative;
}

#headerFontsize{
    position: absolute;
    top: 5px;
    right: 10px;
}
#headerFontsize a{
    color: #999;
}
.headerFontsizeActive{
    font-weight: bold;
    color: #000 !important;
}
#headerFontsize a:nth-child(1){
    font-size: 10px;
}
#headerFontsize a:nth-child(2){
    font-size: 12px;
}
#headerFontsize a:nth-child(3){
    font-size: 14px;
}
#headerFontsize a:nth-child(4){
    font-size: 16px;
}
#headerFontsize a:nth-child(5){
    font-size: 18px;
}


.headerSide{
    width: 160px;
}
.headerIcons{
    display: inline-block;
    padding-top: 6px;
}
.headerIcons:hover{
}
.headerIconsSpacer{
    width: 15px;
    display: inline-block;
}
.headerIconAbo{
    font-family: 'BentonSansCond-Bold';
    background: #28659F;
    color: #FFF;
    font-size: 12px;
    line-height: 12px;
    padding: 6px 10px;
    display: none;
    top: -2px;
    position: relative;
}
.headerLogo {
}
.headerLogo:hover {
    text-decoration: none;
}
.headerLogo img{
    display: inline-block;
    height: 45px;
}
#headerNav{
    display: none;
    position: absolute;
    background: #006699;
    padding: 25px;
    z-index: 99;
    width: calc(100% - 110px);
    top: 100px;
}
#headerNav .mainNavItem{
    display: block;
    color: #fff;
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 15px;
}
#headerNav .mainNavItemActive{
    font-family: 'BentonSansCond-Bold';
}
.headerNavMenu{
    display: none;
    columns: 2;
}
.headerNavSearchTitle{
    color: #fff;
    text-transform: uppercase;
    font-family: 'lexicon-3';
    font-size: 24px;
    line-height: 26px;
}
.headerNavSearch{
    display: none;
    border-bottom: 1px solid #fff;
    position: relative;
    padding: 0 0 5px 0;
    margin: 15px 0 5px 0;
}
.headerNavSearch form{
    padding: 0;
    margin: 0;
}
.headerNavSearch form input{
    width: 90%;
    padding: 0;
    border: none;
    color: #FFF;
    background: transparent;
    font-family: 'lexicon-3';
    font-size: 36px;
    line-height: 36px;
}
.headerNavSearch form a{
    position: absolute;
    top: 35px;
    right: 5px;
    color: #FFF;
}



.headerTitle{
    font-family:'Lexicon-3';
    font-size: 27px;
    line-height: 33px;
    margin-bottom: 36px;
}

.header a:hover{
    text-decoration: none !important;
}

.headerScroll{
    padding: 15px 30px 0px 30px;
}
.headerScroll .headerLogo{
    padding: -7px;
}
.headerScroll .headerLogo img{
    /* height: 50px; */
}

@media screen and (max-width: 639px) {
    .header{
        padding: 15px;
    }
    .headerSide{
        width: 75px;
    }
    .headerIcons{
        padding-top: 1px;
    }
    .headerIconsSpacer{
        width: 5px;
    }

    .bodyNoScroll .header{
        /* padding: 10px 15px 0 15px; */
    }
    .headerLogo img{
        height: auto;
        width: 100%;
        max-width: 345px;
        /* padding-right: 8vw; */
    }
    #headerNav{
        width: calc(100% - 60px);
        top: 55px;
        max-height: calc(100vh - 100px);
        overflow: auto;
    }
    .headerTitle {
        font-size: 20px;
        line-height: 24px;
    }
    .headerScroll{
        /* padding: 10px 15px 0px 15px; */
    }
    #headerNav{
        padding: 15px;
    }
    .headerNavMenu{
        columns: 1;
        /* column-gap: small; */
    }
    .headerIconAbo{
        padding: 2px 6px;
    }


}


@media screen and (max-height: 500px) {
}







#copyPostDiv{
    display: none;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    height: calc(100vh - 100px);
    overflow-x: hidden;
    overflow-y: scroll;
    background: #fff;
    /* height: 1000px; */
}
@media screen and (max-width: 1260px) {
    /* #copyPostDiv{
        width: calc(100vw - 72px)
    } */
}
@media screen and (max-width: 639px) {
    #copyPostDiv{
        height: calc(100vh - 50px);
    }
}



#post_0{
    position: relative;
    z-index: 100;
    background: #FFF;
    overflow: hidden;
}
#commentsonly #comment {
    width: calc(100% - 10px) !important;
}
#commentsonly .comment-list{
    margin: 0 0 0 -30px !important;
}


#postList{
    position: relative;
}

.postListSection{
    border: 1px solid #999;
    padding: 20px;
    margin-bottom: 30px;
}
.postListSection h2{
    font-family: 'Lexicon-3';
    text-transform: uppercase;
    margin: 0 0 24px 0;
    font-size: 20px;
    line-height: 20px;
}
.postListSection .postTeaser{
    border: none;
    padding: 0;
    margin-bottom: 0;
}
@media screen and (max-width: 639px) {
    .postListSection{
        padding: 15px;
        margin: 0 10px 25px 10px;
    }
}


.postTeaser{
    border: 1px solid #999;
    padding: 15px 20px 20px 20px;
    margin-bottom: 30px;
}
.postTeaserImage{
    transition: none !important;
}
.postTeaserCounts{
     font-size: 16px;
     line-height: 16px;
     font-family: 'Lexicon-1';
}
.postTeaserCounts a{
    margin-right: 10px;
}
.postTeaser .postTeaserShare {
    position: relative;
    top: 0px;
}
.postTeaser .postTeaserShare a{
    margin: 0;
    padding: 0 0 0 8px;
}
.postTeaser .postTeaserShare .addtoany_list.a2a_kit_size_32 a:not(.addtoany_special_service) > span {
    height: 20px;
    line-height: 20px;
    width: 20px;
}
.postTeaserSince{
    text-align: right;
    font-size: 14px;
    line-height: 14px;
    font-family: 'BentonSansCond-Bold';
    color: darkgray;
}
.postTeaserBig{
    position: relative;
    cursor: pointer;
    transition: all 0.5s linear;
    overflow: hidden;
}
.postTeaserBig .postTeaserSince{
    font-size: 14px;
    line-height: 14px;
    margin-top: 10px;
}
.postTeaserBigTop{
    /* font-family: 'Lexicon-1'; */
    font-family: 'Arial';
    font-weight: 600;
    font-size: 20px;
    line-height: 20px;
    margin-bottom: 15px;
}
.postTeaserBigTop span{
    position: relative;
    top: 1px;
}
.postTeaserBigTop img{
    width: 40px;
    border-radius: 50%;
    margin-right: 10px;
}
.postTeaserBigTopAbo{
    margin-top: 18px;
    background: #28659F;
    color: #FFF;
    font-size: 12px;
    padding: 0px 9px;
    display: inline-block;
    font-family: 'BentonSansCond-Bold';
}
.postTeaserBigAudio{
    border: 1px solid #006699;
    font-family: 'BentonSansCond-Regular';
}
.postTeaserBigImage{
    width: 100%;
    max-height: 786px;
    object-position: 50% 50%;
    object-fit: cover;
    transition: all 0.5s linear;
}
.postTeaserBigBottom{
    transition: all 0.25s linear;
    padding: 12px 0;
    background: #fff;
}
.postTeaserBigBottomTitle{
    font-family: 'Lexicon-3';
    padding: 0;
}
.postTeaserBigBottomTitle,
.postTeaserBigBottomTitleMedium,
.postTeaserBigBottomTitleSmall{
    font-size: 29px;
    line-height: 34px;
}
.postTeaserBigBottomOberzeile{
    font-family: 'Lexicon-3';
    font-size: 20px;
    line-height: 28px;
    padding: 0;
    text-transform: uppercase;
}
.postTeaserBigBottomOberzeile.B_BLAU_x14{
    color: #28659F;
}
.postTeaserBigBottomOberzeile.B_LEBEN_GRUEN_x14{
    color: #00a000;
}
.postTeaserFrame{
    position: relative;
    z-index: 9;
}

@media screen and (max-width: 959px) {
    .postTeaserBigImage{
        max-height: 70vw;
    }
    /* .postTeaserBigBottomTitle{
        font-size: 4vw;
        line-height: 4vw;
    }
    .postTeaserBigBottomTitleMedium{
        font-size: 4vw;
        line-height: 4vw;
    }
    .postTeaserBigBottomTitleSmall{
        font-size: 4vw;
        line-height: 4vw;
    } */
}
@media screen and (max-width: 639px) {
    .postTeaser{
        padding: 0px;
        border: none;
    }
    .postTeaserBigImage{
        max-height: 100vw;
    }

    .postTeaserBigTop{
        font-size: 18px;
        line-height: 18px;
        margin: 0 15px 15px 15px;
    }
    .postTeaserBigTop img{
        width: 40px;
        border-radius: 50%;
        margin-right: 15px;
    }
    .postTeaserBigTopAbo{
        margin-top: 10px;
    }

    .postTeaserBigBottom{
        padding: 12px 15px;
    }
    .postTeaserFrame{
        margin: 0 15px;
    }

    .postTeaserBigBottomTitle,
    .postTeaserBigBottomTitleMedium,
    .postTeaserBigBottomTitleSmall{
        font-size: 21px;
        line-height: 24px;
    }

    .postTeaserBigBottomOberzeile{
        font-size: 18px;
        line-height: 24px;
    }

}


.postTeaserGrid{
    cursor: pointer;
}
.postTeaserGridTitleGreen{
    font-family: 'Lexicon-3';
    font-size: 16px;
    line-height: 20px;
    padding: 15px 0 0 0;
    color: green;
    text-transform: uppercase;
}
.postTeaserGridAbo{
    margin-top: 14px;
    background: #28659F;
    color: #FFF;
    font-size: 12px;
    padding: 5px 10px 0px 10px;
    display: inline-block;
    font-family: 'BentonSansCond-Bold';
    height: 16px;
    line-height: 12px;
}
.postTeaserGridTitleBlue{
    font-family: 'Lexicon-3';
    font-size: 16px;
    line-height: 20px;
    padding: 15px 0 0 0;
    color: #006699;
    text-transform: uppercase;
}
.postTeaserGridTitle{
    font-family: 'Lexicon-3';
    font-size: 24px;
    line-height: 28px;
    padding: 4px 0 4px 0;
}
.postTeaserGridAutor{
    font-family: 'Lexicon-1';
    font-size: 18px;
    line-height: 18px;
    margin: 0 0 15px 0;
}
.postTeaserGridImage{
    object-position: 50% 50%;
    height: 180px;
    object-fit: cover;
    width: 100%;
}
@media screen and (max-width: 639px) {
    .postTeaserGridImage{
        height: 45vw;
    }
    .postTeaserGridTitle{
        font-size: 21px;
        line-height: 24px;
    }
    .postTeaserGridAutor{
        font-size: 16px;
        line-height: 16px;
    }
}



.widgetframe{
    margin: 0;
}
@media screen and (max-width: 639px) {
    .widgetframe{
        margin: 0 15px;
    }
}



.weeklyContentBody{
    color: #000;
    margin-top: 28px;
    font-family: 'Lexicon-2';
    font-size: 21px;
    line-height: 30px;
}
.weeklyContentBodyHidden{
    position: relative;
}
.weeklyContentBody a{
    font-weight: normal;
    font-family: 'Lexicon-2';
    border-bottom: 2px dotted #28659F !important;
    color: #28659F !important;
}
.weeklyContentBody a:hover{
    background: #28659F;
    color: #FFF !important;
    border-bottom: 2px solid #28659F !important;
}
.weeklyContentBodyHidden div{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: linear-gradient(0deg, rgb(255, 255, 255) 0%, rgba(255,255,255,0) 100%);
    height: 100px;
}
.weeklyContentBildlegende{
    font-family: 'Lexicon-2';
    font-size: 18px;
    line-height: 20px;
    margin: 5px 0 0 0;
}
.weeklyContentBildlegende span{
    font-family: 'Lexicon-2';
    font-size: 12px;
    line-height: 16px;
}
.weeklyContent h1{
    font-family: 'Lexicon-3';
    font-size: 34px;
    line-height: 38px;
    margin: 30px 0 20px 0;
    position: relative;
}
.weeklyContent h3{
    text-transform: uppercase;
    font-family: 'Lexicon-3';
    position: relative;
    top: 20px;
    font-size: 20px;
}
.weeklyContent h4{
    font-family: 'Lexicon-2';
    font-weight: normal;
    margin: 0 0 14px 0;
    font-size: 24px;
    line-height: 28px;
}
.weeklyContent .weeklyContentTitleDaily{
    font-size: 36px;
    line-height: 42px;
}

.weeklyContentCounts{
     font-size: 16px;
     line-height: 16px;
     font-family: 'Lexicon-1';
     margin-bottom: 20px;
}
.weeklyContentCounts a{
    margin-left: 10px;
}
.weeklyContentCounts a:first-child{
    margin-left: 0px;
}
.weeklyContent .weeklyContentShare{
    position: relative;
    top: 0px;
}
.weeklyContent .weeklyContentShare a{
    margin: 0;
    padding: 0 0 0 8px;
}
.weeklyContent .weeklyContentShare .addtoany_list.a2a_kit_size_32 a:not(.addtoany_special_service) > span {
    height: 24px;
    line-height: 24px;
    width: 24px;
}
.weeklyContentSince{
    /* text-align: right; */
    font-size: 14px;
    line-height: 14px;
    font-family: 'BentonSansCond-Bold';
    color: darkgray;
    margin-top: 15px;
}
.weeklyContentAutor{
    font-family: 'Lexicon-1';
    font-size: 20px;
    line-height: 20px;
    margin: 20px 0 0 0;
}
.weeklyContentAutor img{
    width: 50px;
    border-radius: 50%;
    margin-right: 20px;
}
.weeklyContentTyp{
}
.weeklyContentTypmulti{
}
.weeklyContentTypbox{
    padding: 20px;
    margin-bottom: 20px;
    background-color: #fafaf0;
}
@media screen and (max-width: 639px) {
    .weeklyContentCounts {
        display: inline-block;
        width: 50%;
    }
    .weeklyContent .weeklyContentShare {
        top: 4px;
        display: inline-block;
        width: 45%;
        text-align: right;
    }
    .weeklyContentSince{
        margin-top: 0px;
    }

    .weeklyContent h3{
        font-size: 17px;
    }
    .weeklyContent h4 {
        font-size: 20px;
        line-height: 23px;
    }

}


/* favorite icon */
.favoriteIcon{
    display: inline-block;
    position: relative;
    z-index: 0;
}
.favoriteIcon a{
    padding: 0 0 0 1px !important;
}
/* print icon */
.printIcon{
    display: inline-block;
    position: relative;
    z-index: 0;
    margin: 0 0 0 8px;
}
.printIcon a{
}

@media screen and (max-width: 639px) {
    .weeklyContent{
        margin: 0 15px;
    }
    .weeklyContent h1{
        font-size: 25px;
        line-height: 28px;
    }
    .weeklyContent h4{
        font-size: 20px;
        line-height: 23px;
    }
    .weeklyContent .weeklyContentTitleDaily{
        font-size: 26px;
        line-height: 30px;
    }
    .weeklyContentBildlegende{
        margin: 10px 0 0 0;
        font-size: 14px;
        line-height: 16px;
    }


    .weeklyContentBildlegendeSingle{
        margin: 10px 15px 0 15px;
    }
    .weeklyContentBody{
        font-size: 19px;
        line-height: 28px;
    }

    .weeklyContentBodyHidden div{
        height: 150px;
    }

    .weeklyContentAutor{
        font-size: 18px;
        line-height: 18px;
    }
    .weeklyContentAutor img{
        width: 46px;
    }

}



#headerBeitragTopLogo{
    display: none;
}
.headerBeitrag{
    padding: 30px 30px 30px 30px;
    max-width: 786px;
    margin: 0 auto;
    background: #FFF;
    position: relative;
}
.headerBarBeitrag{
    background: #f5f5f5;
    padding: 5px;
    border-bottom: 1px solid #555;
}
.headerBarBeitrag a span{
    color: #006699;
    margin-right: 10px;
}
.headerBarBeitrag a {
    text-transform: uppercase;
    font-family: 'BentonSansCond-Bold';
    font-size: 16px;
    line-height: 20px;
}
.headerBarBeitragNav{
    position: relative;
    right: -10px;
}
.headerBarBeitragNav a{
    font-size: 16px;
    line-height: 20px;
}
.headerBarBeitrag a span{
    color: #006699;
}
.headerBarBeitrag span{
    margin-right: 0 !important;
    font-size: 16px;
    line-height: 20px;
}
.headerBarBeitragNavTooltip{
    font-family: 'BentonSansCond-Regular';
    font-size: 12px;
    line-height: 15px;
    color: #fff;
    background: #222;
}

@media screen and (max-width: 959px) {
    .headerBarBeitragNav{
        right: 0;
    }
}
@media screen and (max-width: 639px) {
    .headerBeitrag{
        padding: 15px 15px 10px 15px;
    }
}


.body,
.bodyhome{
    padding: 0 30px;
    max-width: 786px;
    margin: 0 auto;
    min-height: 300px;
}
.bodyPopup{
    padding: 0 30px;
    max-width: 100%;
    margin: 0 auto;
}
@media screen and (max-width: 639px) {
    .body{
        padding: 0 15px;
    }
    .bodyhome{
        padding: 0;
    }
    .bodyPopup{
        padding: 0 15px;
    }
}



/* page content */
.pageContent {
    font-family: 'Lexicon-2';
    font-size: 21px;
    /* min-height: 300px; */
}
.pageContent b,
.pageContent strong {
    font-family: 'Lexicon-3';
}
.pageContent p{
    margin: 0 0 10px 0;
}
.pageContent a {
    color: #000;
    text-decoration: none;
}
.pageContent a:hover {
    color: #000;
    text-decoration: none;
}
.pageContent ol,
.pageContent ul {
    padding-left: 20px;
}
.pageContent .siteorigin-widget-tinymce a{
    border-bottom: 1px solid rgba(0,124,186,0.75);
    display: inline-block;
    line-height: 19px;
}
.pageContent .siteorigin-widget-tinymce a:hover{
    background: rgba(0,124,186,0.75);
    color:#FFF;
}

.pageContentTitle{
    font-family: 'Lexicon-2';
    font-size: 18px;
    line-height: 22px;
    color: #006699;
    text-transform: uppercase;
    margin: 0 0 30px 0;
}
.pageContentLead{
    font-family: 'Lexicon-3';
    font-size: 40px;
    line-height: 44px;
    color: #000;
    margin: 0px 0 20px 0;
    position: relative;
    top: -15px;
}
.pageContentTop{
    border-top: 2px solid #000;
    margin: 0 0 20px 0;
}
.pageContentTopSecond{
    border-top: 1px solid #000;
    margin-top: 2px;
}

@media screen and (max-width: 639px) {
    .pageContentLead{
        font-size: 28px;
        line-height: 34px;
    }
}




/* werbung */
#adnz_ggl_adnz_wideboard_2,
#adnz_ggl_adnz_wideboard_3,
#adnz_ggl_adnz_wideboard_4,
#adnz_ggl_adnz_wideboard_5,
#adnz_ggl_adnz_wideboard_6,
#adnz_ggl_adnz_wideboard_7,
#adnz_ggl_adnz_wideboard_8,
#adnz_ggl_adnz_wideboard_9,
#adnz_ggl_adnz_wideboard_10,
#adnz_ggl_adnz_wideboard_11,
#adnz_ggl_adnz_wideboard_12,
#adnz_ggl_adnz_wideboard_13,
#adnz_ggl_adnz_wideboard_14,
#adnz_ggl_adnz_wideboard_15,
#adnz_ggl_adnz_wideboard_16,
#adnz_rectangle_1,
#adnz_rectangle_2,
#adnz_rectangle_3,
#adnz_rectangle_4,
#adnz_rectangle_5,
#adnz_rectangle_6,
#adnz_rectangle_7,
#adnz_rectangle_8,
#adnz_rectangle_9,
#adnz_rectangle_10,
#adnz_rectangle_11,
#adnz_rectangle_12,
#adnz_rectangle_13,
#adnz_rectangle_14,
#adnz_rectangle_15{
    margin-bottom: 20px;
}
/*
div[id^="adnz_ggl_adnz_"], div[id*=" adnz_ggl_adnz_"] {
    margin-bottom: 20px;
}
*/

#werbungTop{
    margin: 0 auto;
    width: 994px;
    max-height: 250px;
    overflow: hidden;
}
.werbungSide{
    position: relative;
    width: 300px;
    z-index: 99;
}
.werbungSideBox{
    margin-top: 30px;
    position: absolute;
    width: 300px;
    max-height: 600px;
    overflow: hidden;
}
.werbungSideBox .uk-sticky{
    max-height: 600px;
    overflow: auto;
}
.werbungMid{
    margin: 0 auto;
    width: 866px;
}
@media screen and (max-width: 1480px) {
    .werbungSide{
        display: none;
    }
}
@media screen and (max-width: 994px) {
    #werbungTop{
        width: 100%;
    }
}
.werbungWide{
    position: relative;
    left: -104px;
    width: calc(100% + 208px);
}
.werbungSmall{
}
@media screen and (max-width: 939px) {
    .werbungWide{
        left: 0px;
        width: 100%;
    }
}


/* home */
.homeMore{
    color: #006699;
    font-family: 'Lexicon-3';
    text-transform: uppercase;
    margin: 30px 0 20px 0;
}
.homeLatest,
.homeSpecial{
    border-bottom: 1px solid #000;
    overflow: hidden;
}
.homeLatestDate,
.homeSpecialDate{
    font-family: 'Lexicon-3';
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 14px;
}
.homeSpecialDate{
    font-family: 'Lexicon-4';
}
.homeLatestDate span,
.homeSpecialDate span{
    font-family: 'Lexicon-2';
}
.homeLatestTitle,
.homeSpecialTitle{
    margin: 12px 0 8px 0;
    font-size: 22px;
    line-height: 24px;
}
.homeLatestTitle a,
.homeSpecialTitle a{
    font-family: 'Lexicon-3';
}
.homeLatestAutor,
.homeSpecialAutor{
    font-family: 'Lexicon-1';
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 12px !important;
}
.homeLatestSliderLinks{
    top: -20px;
    transform: scale(0.55) !important;
    left: auto;
    background: #fff;
    color: #006699 !important;
    visibility: visible !important;
}
.homeLatest .uk-invisible{
    color: #000 !important;
    cursor: default !important;
}
.pageContent .homeLatest ul{
    padding-left: 0;
}

/* beitrag */
.beitragImage{
    text-align: center;
    margin: 5px 0 25px 0;
}
.beitragImage img{
    height: 250px;
}
#beitragDateTop{
}
.beitragDate{
    font-size: 16px;
    line-height: 16px;
    font-family: 'Lexicon-2';
    margin: 10px 0 10px 0;
}
.beitragRubrik{
    color: #006699;
    font-family: 'Lexicon-3';
    text-transform: uppercase;
}
.beitragTitle{
    font-family: 'Lexicon-3';
    font-size: 24px;
    line-height: 28px;
    margin: 10px 0;
    padding: 0;
}
.beitragAutor{
    font-family: 'Lexicon-1';
    font-size: 14px;
    line-height: 16px;
    margin: 10px 0 10px 0;
}
.beitragContent{
    border-top: 1px solid #000;
    /* border-bottom: 1px solid #000; */
    padding: 26px 0 12px 0;
    font-family: 'Lexicon-2';
    margin-bottom: 50px;
    line-height: 28px;
    min-height: 250px;
}
.beitragContent p{
    margin: 0 0 5px 0;
}


.beitragContent .has-dropcap:first-child:first-letter {
    float: left;
    font-size: 56px;
    line-height: 56px;
    margin: -2px 5px 0 0;
}
@-moz-document url-prefix() {
    .beitragContent .has-dropcap:first-child:first-letter {
        margin: 8px 5px 0 0;
    }
}
.beitragLikes{
    font-family: 'Lexicon-2';
    font-size: 14px;
    line-height: 16px;
    margin-top: 15px;
}
.beitragLikes i{
    font-style: normal;
    font-family: 'Lexicon-2';
}
.beitragLikes a:first-child,
.beitragLikes i:first-child{
    margin-right: 20px;
}
.beitragLikes .far{
    font-size: 17px;
    line-height: 17px;
}
.beitragShare{
    margin-top: 8px;
}
.beitragCopyright{
    display: none;
}

@media screen and (max-width: 959px) {
    .beitragContent{
        margin-bottom: 0;
        min-height: auto;
    }
}
@media screen and (max-width: 639px) {
    .beitragTitle {
        font-size: 22px;
        line-height: 24px;
    }
}

.beitragMostViewBox{
    border-top: 1px solid #000;
    padding: 30px 0px 20px 0px;
}

.beitragAllesLesen{
    font-size: 14px;
    line-height: 16px;
    margin: 10px 0 10px 0;
    font-family: 'Lexicon-2';
}


/* daily */
.blue{
    color: #006699;
}
.dailyAnchor{
    position: relative;
    top: 250px;
}
@media screen and (max-width: 639px) {
    .dailyAnchor{
        top: 220px;
    }
}
.dailyBox{
    border-bottom: 1px solid #000;
    position: relative;
    margin-bottom: 12px;
}
.dailyBoxDate{
    font-family: 'Lexicon-2';
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 16px;
}
.dailyBoxNav a{
    color: #006699;
}
.dailyBoxVideo:before {
  padding-bottom: 56%; /* Minimum aspect ratio */
  content: '';
  float: left;
}
.dailyBoxVideo:after {
  display: table;
  content: '';
  clear: both;
}
.dailyBoxTitle{
    margin: 12px 0 8px 0;
    font-family: 'Lexicon-3';
    font-size: 22px;
    line-height: 24px;
    width: 95%;
}
.dailyBoxAutor{
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 12px;
    font-family: 'Lexicon-1';
}
.dailyShare {
    position: absolute;
    bottom: 4px;
    right: -2px;
}
.dailyShare .addtoany_list.a2a_kit_size_32 a:not(.addtoany_special_service) > span {
    height: 24px;
    line-height: 24px;
    width: 24px;
}

@media screen and (max-width: 639px) {
    .dailyShare .addtoany_list a{
        padding: 0 2px !important;
    }
    .dailyShare .addtoany_list.a2a_kit_size_32 a:not(.addtoany_special_service) > span {
        height: 20px !important;
        line-height: 20px !important;
        width: 20px !important;
    }
}

.dailyCommentlink{
    font-size: 14px;
    line-height: 16px;
    position: absolute;
    bottom: 10px;
    font-style: italic;
}

.dailyComments .comments-title{
    margin-top: 20px;
}
.dailyComments #comments .comment-list {
    margin: 0 !important;
}
.dailyComments #comments{
    border-top: 1px solid transparent !important;
}


.dailyBeitragBox{
    border-bottom: 1px solid #000;
    padding-top: 22px;
    overflow: hidden;
}
.dailyBeitragBoxImage{
    padding-top: 8px;
}
.dailyBeitragImage{
    position: relative;
    min-height: 50px;
    text-align: center;
    margin-bottom: 10px;
}
.dailyBeitragImage img{
    height: 63px;
}
.dailyBeitragDate{
    font-size: 14px;
    line-height: 16px;
    text-align: left;
    position: absolute;
    bottom: 0;
    left: 0;
    font-family: 'Lexicon-2';
}
.dailyBeitragDate i{
    font-style: normal;
}
.dailyBeitragRubrik{
    color: #006699;
    font-family: 'Lexicon-3';
    text-transform: uppercase;
    position: relative;
    margin-bottom: -12px;
}
.dailyBeitragTitle{
    font-family: 'Lexicon-3';
    font-size: 22px;
    line-height: 24px;
    margin: 12px 0 8px 0
}
.dailyBeitragAutor{
    font-size: 14px;
    line-height: 16px;
    font-family: 'Lexicon-1';
    margin-bottom: 12px;
}

@media screen and (max-width: 1200px) {
    .dailyBeitragDate i{
        display: none;
    }
}
@media screen and (max-width: 1024px) {
    .dailyBoxTitle{
        width: 80%;
    }
}
@media screen and (max-width: 679px) {
    .dailyBoxTitle{
        width: 100%;
    }
}



/* youtube videos */
.ytdefer{
    width:100%;
    height: 16vw;
    max-height: 216px;
}
@media screen and (max-width: 639px) {
    .ytdefer{
        height: 51vw;
        max-height: 100%;
    }
}




/* searchresult */
.searchresultPageTitel{
}
.searchresultform {
    margin-bottom: 30px;
}
.searchresultform input{
    border: 1px solid #555;
    border-radius: 0;
    padding: 5px 10px;
}
.searchresult{
}
.searchresultitem{
    margin-bottom: 15px;
    display: block;
}
.searchresultitemtext{
}
.searchresultitemtextinfo{
    font-size: 16px;
    line-height: 20px;
}
.searchresultitemtexttitle{
    font-size: 18px;
    line-height: 22px;
    }
.searchresultmessage{
}



#searchForm {
    position: relative;
    top: -20px;
}
#searchForm h3 {
    font-size: 20px;
    line-height: 24px;
    margin: 0 0 10px 0;
}
#searchForm h4 {
    font-size: 16px;
    line-height: 20px;
    margin: 0 0 10px 0;
}
.searchBox-result-list > div {
    padding-bottom: 10px;
}
.searchBox-result-more {
    display: none;
}
.searchFormTop {
    border-bottom: 1px solid #000;
    padding-bottom: 5px;
}
#searchForm #searchField{
    font-family: inherit;
    padding: 0 ;
    border: none !important;
    width: calc(100% - 40px);
    font-size: 32px;
    font-family: 'lexicon-2';
}

.searchFormExtend{
    text-align: right;
    margin-top: 30px;
}
.searchFormExtend a{
    color: #006699;
    font-family: 'BentonSansCond-Regular';
    font-size: 18px;
    line-height: 18px;
}
.searchFormExtendData{
    display: none;
    background: #f2f2f2;
    padding: 20px;
    margin-top: 30px;
}
.searchFormExtendDataLeftTitle{
    font-family: 'BentonSansCond-Regular';
    font-size: 20px;
    line-height: 20px;
    width: 120px;
}
.searchFormExtendDataDate input{
    width: calc(50% - 60px);
    padding-right: 20px !important;
}
.searchFormExtendDataDate span{
    position: relative;
    left: -20px;
}

.searchFormExtendData input,
.searchFormExtendData select{
    border: none;
    border-bottom: 1px solid #000;
    font-family: 'BentonSansCond-Bold';
    font-size: 20px;
    line-height: 20px;
    background: transparent;
    padding: 5px 0;
}
.searchFormExtendDataButton{
    border: 1px solid #555;
    text-transform: uppercase;
    font-family: 'BentonSansCond-Bold';
    padding: 10px;
    font-size: 16px;
    line-height: 16px;
    position: relative;
    top: 10px;
}
.searchFormExtendDataRight{
    width: 120px;
    text-align: right;
}
.searchFormExtendDataRightTipps{
    font-family: 'BentonSansCond-Regular';
    color: #006699;
    font-size: 18px;
    line-height: 18px;
}

.filterAlter{
    margin: 20px 0 20px 0 !important;
}
.filterAlterItem {
    display: inline-block;
}
.filterAlterItem input {
    display: none;
}
.filterAlterItemLabel {
    font-family: 'BentonSansCond-Bold';
    display: inline-block;
    border: 1px solid #555;
    background: transparent;
    border-radius: 30px;
    width: 100px;
    text-align: center;
    padding: 6px 0;
    color: #555;
    cursor: pointer;
    font-size: 14px;
    line-height: 14px;
    margin-bottom: 10px;
}
.filterAlterItemLabelActive {
    border: 1px solid #006699;
    background: #006699;
    color: #FFF;
}
#searchForm select option:checked {
    background: linear-gradient(#006699, #006699);
    background-color: rgba(0, 0, 0, 0);
    background-color: #006699 !important;
    color: #FFF !important;
}
@media screen and (max-width: 639px) {
    #searchForm input[type=submit]{
        margin-top: 0px;
    }
    #searchForm ol, ul {
        padding-left: 0px;
        font-size: 15px;
    }
    .searchFormExtendDataDate input{
        width: calc(100% - 60px);
        padding-right: 20px !important;
    }
    .searchFormExtendDataRight{
        width: 100%;
    }

    .searchFormExtendDataButton{
        top: -10px;
    }

}

.resultTitle{
    font-size: 26px;
    line-height: 26px;
    font-family: 'Lexicon-2';
    margin-bottom: 20px;
}
.resultSort{
    text-align: right;
    font-family: 'BentonSansCond-Regular';
    font-size: 18px;
    line-height: 18px;
}
.resultSort select{
    font-family: 'BentonSansCond-Bold';
    font-size: 18px;
    line-height: 18px;
    border: none;
    border-bottom: 1px solid #000;
    padding: 5px 0;
    background: transparent;
    padding-right: 20px;
}
.resultItem{
    border-bottom: 1px dotted silver;
    margin-bottom: 20px;
}
.resultItemImage{
    width: 120px;
    float: left;
    margin-right: 10px;
}
.resultItemScoreBorder{
    width: 100px;
    border: 1px solid #00388c;
    margin: 0px 0 5px 0;
    display: inline-block;
    height: 5px;
    position: relative;
}
.resultItemScore{
    position: absolute;
    display: inline-block;
    background: #00388c;
    height: 5px;
}
.resultItemDate{
    font-size: 16px;
    line-height: 20px;
}
.resultItemType{
    margin: 0 5px 0 20px;
    display: inline-block;
    width: 30px;
    text-align: right;
}
.resultItemTitle a{
    display: block;
    font-size: 22px;
    line-height: 24px;
    font-family: 'Lexicon-3';
}
.resultItemSubLinks{
    font-size: 16px;
    font-family: 'Lexicon-2';
    line-height: 20px;
    margin: 5px 0;
    max-height: 40px;
    overflow: hidden;
}
.resultItemSubLinks a{
    display: inline-block;
}

.resultRelation{
    font-size: 14px;
    padding: 0 5px;
    margin-left: 5px;
    cursor: pointer;
}
.resultRelationThema{
    background-color: #00388c;
    border: 1px solid #00388c;
    color: #fff;
}
.resultRelationSerie{
    background-color: #fff;
    border: 1px solid #00388c;
    color: #00388c;
}
.resultRelationFormat{
    background-color: #e8003b;
    border: 1px solid #e8003b;
    color: #fff;
}
.resultPreviewHighlight{
    color: #555;
    font-size: 16px;
    line-height: 18px;
}
.resultPreviewHighlight em{
    color: red;
}
@media screen and (max-width: 639px) {
    .resultSort{
        text-align: left;
    }
    .resultItemImage{
        width: 80px;
    }
}


.searchHelpTitle{
    font-weight: 500;
    width: 100%;
}
.searchHelp{
    font-size: 18px;
}
.searchHelp ul{
    display: block;
    margin: 10px 10px 10px 0px;
    list-style-type: none;
    padding-left: 10px;
}
.searchHelpKey{
    font-size: 13px;
    line-height: 13px;
    display: inline-block;
    width: 25px;
    border: 1px solid #222;
    border-radius: 2px;
    text-align: center;
    margin: 0 5px 0 0;
    padding: 2px 0;
}
.searchHelpIcon{
    font-weight: bold;
    font-size: 24px;
    line-height: 24px;
    display: inline-block;
    width: 24px;
    text-align: center;
}

#searchButton{
    margin: 5px 0 0 0;
    padding: 10px 50px !important;
}





.rightCol{
    margin-top: 32px;
    /*
    max-height: calc(100vh - 330px);
    overflow: auto;
    */
}
/* ausgabe in right col */
.ausgabe{
    background: #F4F4F4;
    padding: 20px 10px 22px 10px;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
}
.ausgabeTitle{
    color: #006699;
    font-size: 16px;
    line-height: 18px;
    font-family: 'BentonSansCond-Bold';
    margin-bottom: 14px;
}
.ausgabeItems{
    border-bottom: 1px solid #000;
    background: #F4F4F4;
    padding: 20px 10px 0 10px;
}
.ausgabeTitelItems{
    font-family: 'Lexicon-3';
    font-size: 16px;
    line-height: 18px;
    margin-bottom: 20px;
}
.ausgabeItem{
    margin: 20px 0;
}
.ausgabeItemRubrik{
    font-family: 'Lexicon-3';
    color: #006699;
    font-size: 22px;
    line-height: 24px;
}
.ausgabeItemTitel{
    font-family: 'Lexicon-3';
    font-size: 22px;
    line-height: 24px;
    margin-bottom: 5px;
}
.ausgabeItemText{
    font-family: 'Lexicon-2';
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 5px;
}
.ausgabeItemAutor{
    font-family: 'Lexicon-1';
    font-size: 14px;
    line-height: 16px;
}
.beitrag .ausgabe {
    padding: 20px 10px 22px 10px;
    border-bottom: none;
}
@media screen and (max-width: 639px) {
    .rightCol{
        max-height: 100%;
    }
}

.beitrag .rightCol{
    margin-top: 0px;
    margin-bottom: 30px;
    border-bottom: 1px solid #000;
}
.beitrag .ausgabeItems{
    border-bottom: none;
    padding: 20px 10px 1px 10px;
}
.beitrag .ausgabeItems:last-child{
    display: none;
}
.beitrag #appdownload{
    display: none;
}



/* comments */
#comments{
    margin-bottom: 50px;
    font-family: 'Lexicon-2';
    font-size: 16px;
    line-height: 20px;
    border-top: 1px solid #000;
}
#comments h2{
    font-family: 'Lexicon-2';
    font-size: 20px;
    line-height: 22px;
        margin-bottom: 30px;
    margin-top: 30px;
}
#comments ul{
    list-style-type: none;
}
#comments .comment-awaiting-moderation{
    display: block;
    margin: 8px 0;
}
#comments .comment-list{
    padding-left: 0;
}
#comments .comment-body{
    margin-bottom: 20px;
}
#comments .comment-author img{
    border-radius: 5px;
    margin: 0 5px 5px 0;
    display: none;
}
#comments .comment-author .fn{
    font-family: 'Lexicon-3';
    font-size: 22px;
    line-height: 24px;
    font-style: normal;
}
#comments .says{
    display: none;
}
#comments .commentmetadata a{
    color: #999;
}
#comments .says{
    display: none;
}
#comments .comment-body p{
    padding: 0;
    margin: 10px 0;
}
#comments .reply a{
    color: #777;
}

#comments h3{
    font-family: 'Lexicon-2';
    font-size: 20px;
    line-height: 22px;
    margin: 30px 0 10px 0;
    }
#comments .logged-in-as{
    display: none;
    margin: 20px 0 10px 0;
}
#comments .logged-in-as{
    color: #fff;
}
#comments .logged-in-as a,
#comments .must-log-in a{
    border-bottom: 1px dotted #999;
}
#comments .logged-in-as a:first-child{
    display: none;
}
#comments .logged-in-as a:last-child{
    margin-left: -8px;
}
#comments input,
#comments textarea{
    font-family: 'BentonSansCond-Regular';
    font-size: 20px;
    padding: 5px;
    line-height: 24px;
}

#comments label{
    display: none;
}
#comments .comment-reply-title small{
    display: none;
    margin-left: 10px;
    font-size: 16px;
    line-height: 20px;
    font-weight: normal;
}
#comments #comment{
    width: calc(100% - 15px);
}
#comments .form-submit{
    padding: 0;
}
#comments .form-submit input{
    background: #006699;
    color: #fff;
    padding: 5px 25px;
    border: none;
    cursor: pointer;
    font-family: 'BentonSansCond-Bold';
    font-size: 16px;
}

@media screen and (max-width: 959px) {
    #comments{
        margin-bottom: 20px;
    }
}

/* single autor rubrik tag */
.postGrid{
    margin-top: 30px;
}
.postGridList{
    margin-top: 30px;
}
.postGridList a span:first-child{
    width: 130px;
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
}
.postGridList a span:last-child{
    width: calc(100% - 150px);
    display: inline-block;
    vertical-align: top;
}





/* archiv */
.archivImage{
    filter: drop-shadow(5px 5px 5px #ddd);
    border: 1px solid #ddd;
}
.archivGroupColumns{
    column-count: 2;
    column-gap: 40px;
}
.archivGroupTitle{
    font-size: 28px;
    line-height: 28px;
    font-weight: bold;
    text-transform: uppercase;
    margin: 40px 0 15px 0;
    font-family: 'Lexicon-2';
}
.archivGroupTitle:first-child{
    margin: 0px 0 15px 0;
}
.archivGroupTitle_dw{
    color: #006699;
}
.archivGroupTitle_lh{
    color: #00a000;
}
.archivGroupTitle_lk{
    color: #a00000;
}
.archivGroupTitle_archiv{
    color: #006699;
    font-size: 24px;
    line-height: 24px;
}
.archivGroupItem{
    font-family: 'Lexicon-2';
    font-size: 20px;
    line-height: 24px;
}
.archivGroupItem a span{
    font-family: 'Lexicon-3';
}

.archivGroupItemPage{
    font-size: 14px;
}
@media screen and (max-width: 639px) {
    .archivGroupColumns{
        column-count: 1;
    }
}


#ccc-favorite-count{
    display: none;
}
#ccc-my_favorite-list .no-post{
    display: none;
}


/* mein konto */
.userFavorites{
    margin: 30px 0;
}
.userFavorites #ccc-my_favorite-list .header-ccc_favorite {
    margin: 0 0 10px 0 !important;
}
.userFavorites #ccc-my_favorite-list #ccc-favorite-count {
    float: left;
    line-height: 1.3;
    margin: 0 !important;
}
.userFavorites #ccc-my_favorite-list #ccc-favorite-count .number {
    font-size: 1.1em;
    margin-left: 0.5em;
}
.userFavorites #ccc-my_favorite-list[data-ccc_my_favorites-list-style="1"] .post-ccc_favorite {
    margin: 0 auto !important;
}
.userFavorites h3 {
    max-height: 90px;
    overflow: hidden;
    font-size: 16px;
    line-height: 18px;
    margin: 5px 0 0px 0;
}
.userFavorites #ccc-my_favorite-list[data-ccc_my_favorites-list-style="1"] .ccc-favorite-post-toggle{
    font-size: 15px;
}



footer{
    padding: 0 30px;
    max-width: 786px;
    margin: 30px auto 20px auto;
    font-family: 'Lexicon-2';
}
.footerLine{
    border-top: 1px solid #000;
    padding-top: 30px;
    margin-bottom: 50px;
}
.footerLineText{
    font-size: 18px;
    line-height: 20px;
}
.footerLineText span{
    font-family: 'Lexicon-3';
}
.footerSocial {
    position: relative;
    top: -5px;
}
.footerSocial a{
    color: #000;
    display: inline-block;
    margin: 0px 0px 9px 20px;
    font-size: 14px;
    line-height: 16px;
    font-family: 'BentonSansCond-Bold';
}
footer .pageContentTop{
        margin: 40px 0 20px;
}


.footerMeistgelesen{
    font-size: 21px;
    line-height: 24px;
    font-family: 'Lexicon-3';
}
.footerMeistgelesenTitle{
    margin-bottom: 5px;
}
.footerMeistgelesen a{
    font-size: 18px;
    line-height: 22px;
    font-family: 'Lexicon-3';
    display: block;
    margin-bottom: 8px;
}
.footerMeistgelesen a:last-child{
    margin-bottom: 0px;
}

.footerUeberuns{
    font-size: 21px;
    line-height: 24px;
    font-family: 'Lexicon-3';
}
.footerUeberunsTitle{
    margin-bottom: 8px;
}
.footerUeberuns a{
    font-size: 18px;
    line-height: 24px;
    font-family: 'Lexicon-2';
    display: block;
    margin-bottom: 5px;
}
.footerUeberuns a:last-child{
    margin-bottom: 0px;
}

.footerMenuRechts a{
    font-size: 21px;
    line-height: 24px;
    font-family: 'Lexicon-3';
    display: block;
    margin-bottom: 6px;
}
.footerMenuRechts a:last-child{
    margin-bottom: 0px;
}

.footerMenuBottom{
    font-size: 18px;
    line-height: 20px;
    font-family: 'BentonSansCond-Regular';
}
.footerMenuBottom a{
    font-size: 18px;
    line-height: 20px;
}

@media screen and (max-width: 639px) {
    footer{
        padding: 0px 15px;
    }
    .footerLine{
        padding-top: 15px;
        margin-bottom: 20px;
    }
    .footerMeistgelesen,
    .footerUeberuns,
    .footerMenuRechts a{
        font-size: 18px;
        line-height: 22px;
    }
    .footerMeistgelesen a,
    .footerUeberuns a{
        font-size: 14px;
        line-height: 16px;
    }
    .footerMenuBottom,
    .footerMenuBottom a{
        font-size: 14px;
        line-height: 16px;
    }
    .footerUeberuns,
    .footerMenuRechts{
        margin-top: 10px;
    }
}



/*
 * app download button and links to store
 */
.appdownloadbutton{
    z-index: 1;
    display: block;
    position: absolute;
    top: 72px;
    right: 95px;
    width: 140px;
    height: 140px;
    border-radius: 50%;
    background: red;
    filter: drop-shadow(2px 3px 2px #bbb);
    transition: all 0.25s linear;
}
.appdownloadbutton div{
    z-index: 1;
    display: block;
    color: #FFF;
    font-family: 'Lexicon-3';
    font-size: 18px;
    line-height: 20px;
        text-align: center;
    transform: rotate(-7deg);
    transition: all 0.25s linear;
    margin-top: 45px;
}

.appdownloadbuttonScroll{
    top: 135px;
    right: 160px;
    width: 0px;
    height: 0px;
}
.appdownloadbuttonScroll div{
    margin-top: 0px;
    font-size: 0px;
    line-height: 0px;
}

#appdownload div{
    font-family: 'Lexicon-3';
    font-size: 16px;
    line-height: 18px;
    margin: 30px 0 10px 0;
}
#appdownload a{
    display: inline-block;
    padding: 0; margin: 0;
}
#appdownload a img{
    height: 40px;
    margin: 0 10px 10px 0;
}


/* netiquette */
#netiquette{
}

/* loginModal / aboModal */


#formMeinaccount{
    margin-top: 40px;
}
#loginModal .uk-modal-close-outside,
#aboModal .uk-modal-close-outside,
#accountModal .uk-modal-close-outside{
    font-size: 24px;
    line-height: 24px;
}
#loginModal .uk-modal-close-outside,
#aboModal .uk-modal-close-outside,
#accountModal .uk-modal-close-outside{
    background: #000;
    padding: 10px 15px;
    top: 30px;
    right: 30px;
    border-radius: 50%;
}
#loginContentTop{
    border-top: 2px solid #000;
    margin-bottom: 20px;
}
#loginContentTopSecond{
    border-top: 1px solid #000;
    margin-top: 2px;
}
#loginModal label,
#accountModal label,
#formMeinaccount label{
    margin-right: 50px;
    display: inline-block;
    font-family: 'BentonSansCond-Regular';
}
#loginModal input[type='text'],
#loginModal input[type='password'],
#accountModal input[type='text'],
#accountModal input[type='password'],
#formMeinaccount input[type='text'],
#formMeinaccount input[type='password']{
    border: none;
    border-bottom: 1px solid #000;
    font-family: 'BentonSansCond-Bold';
    padding: 0 0 10px 0;
    font-size: 20px;
    line-height: 20px;
}
.loginContentTitel{
    font-family: 'Lexicon-2';
    font-size: 18px;
    line-height: 22px;
    color: #006699;
    text-transform: uppercase;
    margin-bottom: 10px;
}
.loginContentText{
    font-family: 'Lexicon-3';
    font-size: 34px;
    line-height: 38px;
    margin-bottom: 60px;
}
.loginContentLink{
    font-size: 18px;
    line-height: 18px;
    display: inline-block;
    margin-top: 10px;
    text-transform: uppercase;
    cursor: pointer;
    color: #555;
}
.loginContentLink:hover{
    color: #000;
}
.loginContentBottom{
    border-top: 1px solid silver;
    margin-top: 60px;
    padding-top: 40px;
}
.loginNoKdnr{
    margin-left: 200px;
}
@media screen and (max-width: 959px) {
    #loginModal .uk-modal-close-outside,
    #aboModal .uk-modal-close-outside,
    #accountModal .uk-modal-close-outside{
        right: -25px;
    }
}

@media screen and (max-width: 639px) {
    .uk-modal-body {
        padding: 20px 20px;
    }
    .loginContentTitel{
        font-size: 16px;
    }
    .loginContentText{
        font-size: 26px;
        line-height: 30px;
        margin-bottom: 30px;
    }
    .loginContentBottom{
        margin-top: 20px;
        padding-top: 20px;
    }

    #loginModal input[type='password'],
    #loginModal input[type='text'],
    #accountModal input[type='password'],
    #accountModal input[type='text'],
    #formMeinaccount input[type='password'],
    #formMeinaccount input[type='text']{
        max-width: 100%;
    }
}
@media screen and (max-width: 539px) {
    .loginNoKdnr{
        margin-left: 0px;
    }
}


#modalSubmit,
.button_blue,
.weeklyContent .button_blue{
    background: #006699 !important;
    color: #FFF !important;
    border: 1px solid #006699 !important;
    font-family: 'BentonSansCond-Bold';
    cursor: pointer;
    border-bottom: none !important;
}
.weeklyContent .button_blue:hover{
    border-bottom: none !important;
}
#modalSubmit,
.button_blue a{
    color: #FFF !important;
}
.pageContent .uk-button-default,
#loginModal .uk-button-default,
#aboModal .uk-button-default,
#accountModal .uk-button-default,
#formMeinaccount .uk-button-default{
    color: #555;
    border: 1px solid #555;
    font-family: 'BentonSansCond-Bold';
    cursor: pointer;
}
.pageContent .uk-button-default:hover,
#loginModal .uk-button-default:hover,
#aboModal .uk-button-default:hover,
#accountModal .uk-button-default:hover,
#formMeinaccount .uk-button-default:hover{
    color: #000;
    border: 1px solid #000;
}
.rememberme-checkbox,
.forgottenpw-checkbox {
    margin-left: 133px;
}
.rememberme2-checkbox,
.forgottenpw2-checkbox {
    margin-left: 190px;
}
.login-terms-checkbox {
    margin-left: 235px;
}

@media screen and (max-width: 530px) {
    .login-terms-checkbox {
        margin-left: 0;
    }
}
@media screen and (max-width: 480px) {
    #loginModal label,
    #accountModal label,
    #formMeinaccount label {
        font-size: 20px;
        margin-right: 20px;
    }
    #loginModal input[type='text'],
    #loginModal input[type='password'],
    #accountModal input[type='text'],
    #accountModal input[type='password'],
    #formMeinaccount input[type='text'],
    #formMeinaccount input[type='password'] {
        font-size: 18px;
    }
    .rememberme-checkbox,
    .forgottenpw-checkbox {
        margin-left: 0px;
        font-size: 20px;
        line-height: 20px;
    }
    .rememberme2-checkbox,
    .forgottenpw2-checkbox {
        margin-left: 156px;
    }
}
@media screen and (max-width: 434px) {
    .rememberme2-checkbox,
    .forgottenpw2-checkbox {
        margin-left: 0;
    }
}

@media screen and (max-width: 367px) {
    .rememberme-checkbox,
    .forgottenpw-checkbox {
        margin-left: 0;
    }
}


/* modalAbo */
.modalAbo_form_main_progress{
    font-size: 14px;
    line-height: 16px;
    color: #000;
}

.modalAboFormProgress2,
.modalAboFormProgress3,
.modalAboFormProgress4{
    color: silver;
}
.modalAboFormProgress1 div,
.modalAboFormProgress2 div,
.modalAboFormProgress3 div,
.modalAboFormProgress4 div{
    margin-bottom: 8px;
    height: 5px;
    background: silver;
    border-radius: 1px;
    position: relative;
}
.modalAboFormProgress1 div span,
.modalAboFormProgress2 div span,
.modalAboFormProgress3 div span,
.modalAboFormProgress4 div span{
    border-radius: 1px;
    position: absolute;
    display: inline-block;
    height: 5px;
    background: #006699;
}
.modalAboFormProgress1 div span,
.modalAboFormProgress2 div span,
.modalAboFormProgress3 div span,
.modalAboFormProgress4 div span{
    width: 0%;
}


#aboModal .gform_next_button,
#aboModal input[type=submit]{
    background: #006699 !important;
    color: #FFF !important;
    border: 1px solid #006699 !important;
    font-family: 'BentonSansCond-Bold';
    cursor: pointer;
    border-radius: 0;
    transition: all 0.25s linear;
    display: inline-block;
    box-sizing: border-box;
    padding: 0 30px;
    vertical-align: middle;
    font-size: .875rem !important;
    line-height: 38px !important;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
}

#aboModal .gform_previous_button{
    color: #555;
    border: 1px solid #555;
    font-family: 'BentonSansCond-Bold';
    cursor: pointer;
    border-radius: 0;
    display: inline-block;
    box-sizing: border-box;
    padding: 0 30px;
    vertical-align: middle;
    font-size: .875rem;
    line-height: 38px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: all 0.25s linear;
    background: #fff;
}
#aboModal .gform_previous_button:hover{
    border: 1px solid #000;
    color: #000;
}
#aboModal .gform_wrapper .gform_page_footer {
    border-top: none;
}


/* pdf modal */
#pdfModal{
    width: calc(100% - 80px);
}
@media screen and (max-width: 959px) {
    #pdfModal{
        width: calc(100% - 60px);
    }
}
@media screen and (max-width: 639px) {
    #pdfModal{
        width: calc(100% - 30px);
    }
    #pdfModal.uk-modal{
        padding: 30px 15px 15px 15px;
    }
}

.mostread{
    font-family: 'Lexicon-3';
    border: 1px solid #999;
    padding: 20px;
    margin: 10px 0 30px 0;
    font-size: 18px;
    line-height: 20px;
}
.mostreadTitle{
    font-size: 20px;
    line-height: 20px;
    color: #006699;
    text-transform: uppercase;
}
.mostreadBox{
    position: relative;
}
.mostreadBox span{
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    color: #006699;
}
.mostreadBox a{
    margin-left: 20px;
    display: block;
}
.mostreadCols{
    column-count: 2;
}
@media screen and (max-width: 639px) {
    .mostread{
        padding: 10px;
        margin: 10px 0 20px 0;
    }
    .mostreadCols{
        column-count: 1;
    }
}



/* modal content (popup) */
#contentModal{
}
#contentModal iframe{
    height: calc(100vh - 100px);
    width: 100%;
}





/* dynamic font sizes */

/* 21/30 */
.fontSize1 .weeklyContentBody{
    font-size: 17px;
    line-height: 26px;
}
.fontSize2 .weeklyContentBody{
    font-size: 19px;
    line-height: 28px;
}
.fontSize4 .weeklyContentBody{
    font-size: 23px;
    line-height: 32px;
}
.fontSize5 .weeklyContentBody{
    font-size: 25px;
    line-height: 34px;
}
/* 34/38 */
.fontSize1 .weeklyContent h1{
    font-size: 30px;
    line-height: 34px;
}
.fontSize2 .weeklyContent h1{
    font-size: 32px;
    line-height: 36px;
}
.fontSize4 .weeklyContent h1{
    font-size: 36px;
    line-height: 40px;
}
.fontSize5 .weeklyContent h1{
    font-size: 38px;
    line-height: 42px;
}
/* 24/28 */
.fontSize1 .weeklyContent h4{
    font-size: 20px;
    line-height: 24px;
}
.fontSize2 .weeklyContent h4{
    font-size: 22px;
    line-height: 26px;
}
.fontSize4 .weeklyContent h4{
    font-size: 26px;
    line-height: 30px;
}
.fontSize5 .weeklyContent h4{
    font-size: 28px;
    line-height: 32px;
}

.fontSize1 .A_LT_OHNE_EZ_INITIALE_x08:first-child::first-letter,
.fontSize1 .A_INITIAL_KLEIN_x08:first-child::first-letter {
    font-size: 56px;
    line-height: 56px;
}
.fontSize2 .A_LT_OHNE_EZ_INITIALE_x08:first-child::first-letter,
.fontSize2 .A_INITIAL_KLEIN_x08:first-child::first-letter {
    font-size: 60px;
    line-height: 60px;
}
.fontSize4 .A_LT_OHNE_EZ_INITIALE_x08:first-child::first-letter,
.fontSize4 .A_INITIAL_KLEIN_x08:first-child::first-letter {
    font-size: 72px;
    line-height: 72px;
}
.fontSize5 .A_LT_OHNE_EZ_INITIALE_x08:first-child::first-letter,
.fontSize5 .A_INITIAL_KLEIN_x08:first-child::first-letter {
    font-size: 80px;
    line-height: 80px;
}





.printOnly{
    display: none;
}


/*
 * print styles
 */
@media print{
    .uk-grid {
        display: inline !important;
    }

    .printOnly{
        display: block;
    }

    #headerBeitragTopLogo,
    .beitragCopyright{
        display: block;
    }

    .header,
    footer,
    .weeklyContentCounts,
    .weeklyContentShare,
    .postListSection,
    .postTeaserBigVideo,
    .postTeaserBigAudio,
    .comment-reply-link,
    #headerBeitragTop,
    .uk-sticky-placeholder,
    .beitragShare,
    #werbungTop,
    .werbungSide,
    .werbungWide,
    .werbungSmall,
    .postTeaserSince,
    #beitragDateTop,
    #beitragAllesLesen,
    .beitragImage,
    .beitragMoreposts,
    .beitragMostViewBox,
    #respond,
    .reply,
    .beitragLikes,
    .beitragCommentCount,
    ._form-wrapper,
    #cookie-notice{
        display: none;
    }
    #beitragHeader{
        height: auto !important;
    }

}