/*
Theme Name: transitiontv
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 */
}

:root {
    /*color*/
    --dark: #000;
    --gray: #c5c6c7;
    --gray2: #3b3a3a;
    --orange: #fcc674;
    --orange2: #f19100;
    --orange2-hover: #e28902;
    --orange-text-hover: #FCE9CC;

    /*fonts*/
    --f-light:  'FaberSansProLight';
    --f-light-kursiv: 'FaberSansProLightItalic';;
    --f-normal:  'FaberSansPro';
    --f-normal-kursiv:  'FaberSansProItalic';
    --f-medium:  'FaberSansProMed';
    --f-medium-kursiv:  'FaberSansProMedItalic';
    --f-bold:  'FaberSansProBold';
    --f-bold-kursiv:  'FaberSansProBoldItalic';
    --f-heavy:  'FaberSansProHeavy';
     --f-heavy-kursiv:  'FaberSansProHeavyItalic';
    --f-ultra:  'FaberSansProUltra';
    --f-ultra-kursiv:  'FaberSansProUltraItalic';

    /*font-sizes*/
    --font-s-1: 40px;
    --font-s-1-lh: 48px;
    --font-s-2: 27px;
    --font-s-2-lh: 33px;
    --font-s-3: 26px;
    --font-s-3-lh: 30px;
    --font-s-4: 22px;
    --font-s-4-lh: 30px;
    --font-s-5: 22px;
    --font-s-5-lh: 48px;
    --font-s-6: 18px;
    --font-s-6-lh: 22px;
    --font-s-7: 17px;
    --font-s-7-lh: 17px;
    --font-s-8: 16px;
    --font-s-8-lh: 20px;
    --font-s-9: 14px;
    --font-s-9-lh: 16px;
    --font-s-10: 12px;
    --font-s-10-lh: 15px;
    --font-s-body: 20px;
    --font-s-body-lh: 24px;

}

@media screen and (max-width: 960px) {
   :root {
        --font-s-1: 32px;
        --font-s-1-lh: 40px;
        --font-s-2: 25px;
        --font-s-2-lh: 31px;
        --font-s-3: 24px;
        --font-s-3-lh: 28px;
        --font-s-4: 22px;
        --font-s-4-lh: 30px;
        --font-s-5: 22px;
        --font-s-5-lh: 48px;
        --font-s-6: 18px;
        --font-s-6-lh: 22px;
        --font-s-7: 17px;
        --font-s-7-lh: 17px;
        --font-s-8: 15px;
        --font-s-8-lh: 19px;
        --font-s-9: 14px;
        --font-s-9-lh: 16px;
        --font-s-10: 12px;
        --font-s-10-lh: 15px;
        --font-s-body: 18px;
        --font-s-body-lh: 22px;
    }
}



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

body{
    color: var(--dark);
    font-size: var(--font-s-body);
    line-height: var(--font-s-body-lh);
    font-family: var(--f-normal);
}
h1 {
    font-family: var(--f-heavy);
    font-size: var(--font-s-1);
    line-height: var(--font-s-1-lh);
}
h2 {
    font-family: var(--f-heavy);
    font-size: var(--font-s-1);
    line-height: var(--font-s-1-lh);
    margin-bottom: 10px;
}
h3 {
    font-family: var(--f-heavy);
    font-size: var(--font-s-2);
    line-height: var(--font-s-2-lh);
    margin-bottom: 0;

}
h4 {
    font-family: var(--f-heavy);
}
h5 {
    font-family: var(--f-medium);
}
h6 {
    font-family: var(--f-light);
}
h3.widget-title {
    font-family: var(--f-heavy);
}
b, strong {
    font-family: var(--f-heavy);
}
i {
    font-family: var(--f-normal-kursiv);
}
i>b, b>i {
    font-family: var(--f-heavy-kursiv);
}
@media screen and (max-width: 1200px) {
}
@media screen and (max-width: 960px) {
}
@media screen and (max-width: 768px) {
}
@media screen and (max-width: 480px) {
}

a{
    color: var(--dark);
    transition: all 0.25s linear;
    display: inline-block;
}
a:hover{
    color: var(--gray2);
    text-decoration: none;
}
a:after {
    display:block;
    content: '';
    border-bottom: solid 2px var(--orange);
    transform: scaleX(0);
    transition: transform 250ms ease-in-out;
}
a:hover:after {
    transform: scaleX(1);
}

em{
    color: inherit;
}
*+p{
    margin-top: 0;
    padding-top: 10px;
}
a, :focus {
    outline: none;
}



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

#modal-info h2{
    font-size: var(--font-s-3);
    line-height: var(--font-s-3-lh);
    margin-bottom: 25px;
}
#modal-info span{
    font-family: var(--f-normal);
}
#modal-info a{
    font-size: var(--font-s-9);
}


/* 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 .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: var(--f-normal);
    background: #fff;
    font-size: var(--font-s-6) !important;
    line-height: var(--font-s-6-lh) !important;
}
.gform_wrapper input[type=submit]{
    cursor: pointer;
    color: #555;
}
.gform_wrapper input:focus,
.gform_wrapper textarea:focus{
    border: 1px solid var(--dark);
}
.gform_wrapper input[type=submit]:hover{
    background: #fff;
    color: var(--dark);
    border: 1px solid var(--dark);
}
.gform_validation_error{
    font-size: var(--font-s-6) !important;
    line-height: var(--font-s-6-lh) !important;
}


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

.header{
    padding: 15px 30px 30px 30px;
    max-width: 1200px;
    margin: 0 auto;
    background: #FFF;
    position: relative;
    transition: all 0.25s linear;
}
.headerBar{
    background: #FFF;
    position: relative;
    border-bottom: 1px solid var(--gray);
}
.headermobileIcon{
    margin: 40px 0px 0 0;
    transition: all ease 0.3s;
}
.headerScroll .headermobileIcon {
    margin: 20px 0 0 0;
}
.headerIcons{
    margin: 5px 0 6px 7px;
    /* border: 1px solid #fff; */
    display: inline-block;
}
.headerIcons:hover{
}
.headerLogo {
    /* position: relative;
    top: -24px; */
    transition: all 0.25s linear;
}
.headerLogo:hover {
    text-decoration: none;
}
.headerLogo img{
    display: inline-block;
    height: 120px;
    transition: all 0.25s linear;
}
.header a:hover{
    text-decoration: none !important;
}
.headerBar a:after {
    content: none;
}
.headerScroll .headerLogo img{
    height: 80px;
}
#headerNav{
    display: none;
    position: absolute;
    background: var(--gray2);
    z-index: 100;
    padding: 25px;
    z-index: 99;
    /* width: calc(100% - 110px); */
    width: 210px;
    right: 30px;
}
#headerNav .mainNavItem{
    display: block;
    color: #fff;
    font-size: var(--font-s-6);
    line-height: var(--font-s-body-lh);
    margin-bottom: 15px;
}
#headerNav .mainNavItemDiv a {
    display: inline-block;
}
#headerNav .mainNavItemDiv a:after {
    display:block;
    content: '';
    border-bottom: solid 3px #fff;
    transform: scaleX(0);
    transition: transform 250ms ease-in-out;
}
#headerNav .mainNavItemDiv a:hover:after {
    transform: scaleX(1);
}
#headerNav .mainNavItemActive{
    font-family: var(--f-heavy);
}
.headerNavSearch{
    border: 1px solid #fff;
    position: relative;
    padding: 0px 5px 5px 5px;
    margin-bottom: 15px;
}
.headerNavSearch form{
    padding: 0;
    margin: 0;
}
.headerNavSearch form input{
    width: 90%;
    padding: 0;
    font-family: var(--f-light);
    border: none; color:
    #FFF; background: transparent;
}
.headerNavSearch form a{
    position: absolute;
    top: 2px;
    right: 5px;
    color: #FFF;
}

.headerTitle{
    font-family:var(--f-medium);
    font-size: var(--font-s-9);
    line-height: var(--font-s-9-lh);
    color: var(--gray2);
    margin-bottom: 6px;
}

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

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

@media screen and (max-width: 639px) {
    .header{
        padding: 10px 15px 10px 15px;
    }
    .headerLogo img{
        height: 60px;
    }
    .headerLogo {
        /* top: -15px; */
    }
    #headerNav{
        width: calc(100% - 80px);
        right: 15px;
    }

    .headermobileIcon{
        margin: 12px 0px 0 0;
    }


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

}


@media screen and (max-height: 500px) {
    .headerLogo img {
        height: 100px;
    }
    .headerScroll .headerLogo img{
        /* height: 50px; */
    }
    .headerLogo {
        top: -7px;
    }
}


#headerBeitragTopLogo{
    display: none;
}
.headerBeitrag{
    padding: 30px 30px 30px 30px;
    max-width: 1200px;
    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: var(--f-heavy);
    font-size: var(--font-s-8);
    line-height: var(--font-s-8-lh);
}
.headerBarBeitragNav{
    position: relative;
    right: -10px;
}
.headerBarBeitragNav a{
    font-size: var(--font-s-8);
    line-height: var(--font-s-8-lh);
}
.headerBarBeitrag a span{
    color: #006699;
}
.headerBarBeitrag span{
    margin-right: 0 !important;
    font-size: var(--font-s-8);
    line-height: var(--font-s-8-lh);
}
.headerBarBeitragNavTooltip{
    font-family: var(--f-heavy);
    font-size: var(--font-s-10);
    line-height: var(--font-s-10-lh);
    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{
    padding: 0 30px;
    max-width: 1200px;
    margin: 0 auto;
}
@media screen and (max-width: 639px) {
    .body{
        padding: 0 15px;
    }
}

/* page content */
.pageContent {
}
.pageContent p{
    margin: 0 0 10px 0;
}
.pageContent a {
    color: var(--dark);
    text-decoration: none;
    transition: all ease 0.3s;
    display: inline-block;
}
.pageContent a:hover {
    color: var(--gray2);
    text-decoration: none;
}
.pageContent a:after {
  display:block;
  content: '';
  border-bottom: solid 3px var(--orange);
  transform: scaleX(0);
  transition: transform 250ms ease-in-out;
}
.pageContent a:hover:after {
    transform: scaleX(1);
}
.pageContent ol,
.pageContent ul {
    padding-left: 20px;
}
.pageContent .siteorigin-widget-tinymce a{
    display: inline-block;
    line-height: 20px;
    position: relative;
    transition: all ease 0.3s;
}
.pageContent .siteorigin-widget-tinymce a:hover{
    text-decoration: none;
    background-color: var(--orange-text-hover);
}
.pageContent .siteorigin-widget-tinymce a:before {
    content: '';
    position: absolute;
    bottom: 0;
    width: 100%;
    border-bottom: 2px solid var(--gray);
}
.pageContent .siteorigin-widget-tinymce a:after {
    display: block;
    content: '';
    border-bottom: 2px solid var(--orange);
    transform: scaleX(0);
    transition: all ease 0.3s;
}
.pageContent .siteorigin-widget-tinymce a:hover:after {
    transform: scaleX(1);
}
/* home */
.homeMore{
    color: #006699;
    font-family: var(--f-normal);
    text-transform: uppercase;
    margin: 30px 0 20px 0;
}
.homeLatest,
.homeSpecial{
    /* border-bottom: 1px solid #000;
    overflow: hidden; */
}
.homeLatestDate,
.homeSpecialDate{
    font-family: var(--f-normal);
    font-size: var(--font-s-9);
    line-height: var(--font-s-9-lh);
    margin-bottom: 5px;
    color: var(--gray2);
}
.homeSpecialDate{
    font-family: var(--f-medium);
}
.homeLatestDate span,
.homeSpecialDate span{
    font-family: var(--f-medium);
}
.homeLatestTitle,
.homeSpecialTitle{
    margin-bottom: 8px;
    font-size: var(--font-s-body);
    line-height: var(--font-s-body-lh);
}
.homeLatestTitle a,
.homeSpecialTitle a{
    font-family: var(--f-medium);
}
.homeLatestVideolinks{
    font-size: var(--font-s-8);
    line-height: var(--font-s-8-lh);
    margin-bottom: 10px;
}
.home .LatestExcerpt{
    font-size: var(--font-s-8);
    line-height: var(--font-s-8-lh);
    margin-bottom: 15px;
}
.LatestExcerpt{
    font-style: italic;
    margin-bottom: 15px;
    padding-top: 15px;
    border-top: 1px dotted var(--gray) ;
}
.LatestContent {
    margin-bottom: 25px;
}
.homeLatestVideolinks a:after {
    content: none;
}
.homeLatestVideolinks a {
    display: inline;
}
.homeLatestVideolinks>div {
    display: inline;
    border-right: 1px solid var(--dark);
    padding-right: 8px;
    margin-right: 8px;
}
.homeLatestVideolinks>div:last-child {
    border-right: 0;
}
.homeLatestVideolinks>div>a>span,
.homeLatestVideolinks>div>span {
    color: var(--gray);
    font-size: var(--font-s-9);
}
.homeLatestAutor,
.homeSpecialAutor{
    margin-bottom: 12px !important;
    font-size: var(--font-s-9);
    line-height: var(--font-s-9-lh);
    margin-bottom: 12px;
    font-family: var(--f-heavy-kursiv);
}
.homeLatestSliderLinks{
    top: -20px;
    transform: scale(0.55) !important;
    left: auto;
    background: #fff;
    color: #006699 !important;
    visibility: visible !important;
}
.homeLatest .uk-invisible{
    color: var(--dark) !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: var(--font-s-8);
    line-height: var(--font-s-8-lh);
    font-family: var(--f-normal);
    margin: 10px 0 10px 0;
}
.beitragRubrik{
    color: #006699;
    font-family: var(--f-normal);
    text-transform: uppercase;
}
.beitragTitle{
    font-family: var(--f-heavy);
    font-size: var(--font-s-1);
    line-height: var(--font-s-1-lh);
    margin: 0;
    padding: 0;
}
.beitragAutor{
    font-family: var(--f-medium);
    font-size: var(--font-s-9);
    line-height: var(--font-s-9-lh);
    margin: 0 0 6px 0;
}
.beitragAutor .beitragCommentCount {
    margin-left: 20px;
    font-family: var(--f-normal-kursiv);
}
.beitragAutor .beitragCommentCount a:after {
    content: none;
}

.beitragSummary {
    font-family: var(--f-medium);
    font-size: var(--font-s-4);
    line-height:  var(--font-s-4-lh);
    margin-top: 20px;
}


.beitragContent{
    padding: 26px 0 12px 0;
    font-family: var(--f-normal);
    margin-bottom: 50px;
    line-height: 28px;
    min-height: 250px;
}
.beitragContent p{
    margin: 0 0 5px 0;
}
.beitragContent a {
    display: inline-block;
    line-height: 20px;
    position: relative;
}
.beitragContent a:hover {
    background-color: var(--orange-text-hover);
}
.beitragContent a:before {
    display:block;
    content: '';
    border-bottom: solid 2px var(--gray);
    transform: scaleX(1);
    transition: transform 250ms ease-in-out;
    bottom: 0;
    position: absolute;
    width: 100%;
}
.beitragContent a:after {
    display:block;
    content: '';
    border-bottom: solid 3px var(--orange);
    transform: scaleX(0);
    transition: transform 250ms ease-in-out;
}
.beitragContent a:hover:after {
    transform: scaleX(1);
}
body .beitrag .beitragShare {
    margin-bottom: 7px;
}

.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: var(--f-light);
    font-size: var(--font-s-9);
    line-height: var(--font-s-9-lh);
    margin-top: 15px;
}
.beitragLikes i{
    font-style: normal;
    font-family: var(--f-light-kursiv);
}
.beitragLikes a span.fa,
.beitragLikes a span.far,
.beitragLikes a span.fas {
    color: var(--gray2);
    transition: all ease 0.3s;
}
.beitragLikes a:first-child,
.beitragLikes i:first-child{
    margin-right: 20px;
    color: var(--dark);
}
.beitragLikes a {
    transition: all ease 0.3s;
}
.beitragLikes a:first-child span.fa {
    color: var(--dark);
}
.beitragLikes a:after,
.beitragLikes a:before{
    content: none;
}
.beitragLikes a:hover,
.beitragLikes a:hover span.fa,
.beitragLikes a:hover span.fas,
.beitragLikes a:hover span.far {
    color: var(--orange2) !important;
    background-color: unset;
}
.beitragLikes .far,
.beitragLikes .fas,
.beitragLikes .fa{
    font-size: var(--font-s-8);
    line-height: var(--font-s-8-lh);
}
.beitragShare{
    margin-top: 8px;
}
.beitragCopyright{
    display: none;
}

@media screen and (max-width: 959px) {
    .beitragContent{
        margin-bottom: 0;
        min-height: auto;
    }
}

.beitragMostViewBox{
    border-top: 1px solid var(--dark);
    padding: 30px 0px 20px 0px;
}

.beitragAllesLesen{
    font-size: var(--font-s-9);
    line-height: var(--font-s-9-lh);
    margin: 10px 0 10px 0;
    font-family: var(--f-medium);
}


/* transitionTV */
.blue{
    color: #006699;
}
.transitionTVAnchor{
    position: relative;
    top: 250px;
}
@media screen and (max-width: 639px) {
    .transitionTVAnchor{
        top: 220px;
    }
}
.transitionTVBox{
    border-bottom: 1px solid var(--gray);
    position: relative;
    margin-bottom: 12px;
}
.transitionTVBoxDate{
    font-family: var(--f-normal);
    font-size: var(--font-s-9);
    line-height: var(--font-s-9-lh);
    margin-bottom: 16px;
}
.transitionTVBoxNav a{
    color: #006699;
}
.transitionTVBoxVideo:before {
  padding-bottom: 56%; /* Minimum aspect ratio */
  content: '';
  float: left;
}
.transitionTVBoxVideo:after {
  display: table;
  content: '';
  clear: both;
}
.transitionTVBoxVideo .jwppp-video-box{
    margin: 0 0 20px 0 !important;
}
.transitionTVBoxTitle{
    margin: 0 0 8px 0;
    font-family: var(--f-heavy);
    font-size: var(--font-s-2);
    line-height: var(--font-s-2-lh);
    width: 95%;
}
.transitionTVBoxVideolinks{
    margin-bottom: 15px;
}
.transitionTVBoxVideolinks>div {
    display: inline;
    border-right: 1px solid var(--dark);
    padding-right: 10px;
    margin-right: 10px;
}
.transitionTVBoxVideolinks>div:last-child {
    border-right: none;
    padding-right: 0;
    margin-right: 0;
}
.transitionTVBoxVideolinks>div>a {
    display: inline;
}
.transitionTVBoxVideolinks>div>a:after {
    content: none;
}
.transitionTVBoxVideolinks>div>a>span,
.transitionTVBoxVideolinks>div>span{
    color: var(--gray);
    font-size: var(--font-s-9);
}
.transitionTVBoxAutor{
    font-size: var(--font-s-9);
    line-height: var(--font-s-9-lh);
    margin-bottom: 12px;
    font-family: var(--f-heavy-kursiv);
}
.transitionTVShare {
    position: absolute;
    bottom: 4px;
    right: -2px;
}
.transitionTVShare .addtoany_list.a2a_kit_size_32 a:not(.addtoany_special_service) > span {
    height: 24px;
    line-height: var(--font-s-body-lh);
    width: 24px;
}
.addtoany_list a:not(.addtoany_special_service) > span {
    background-color: var(--orange2) !important;
    transition: all ease 0.3s;
}
.addtoany_list a:not(.addtoany_special_service):hover > span {
    background-color: var(--orange2-hover) !important;
    opacity: unset;
}
.addtoany_list a:after {
    content: none;
}
@media screen and (max-width: 639px) {
    .transitionTVShare .addtoany_list a{
        padding: 0 2px !important;
    }
    .transitionTVShare .addtoany_list.a2a_kit_size_32 a:not(.addtoany_special_service) > span {
        height: 20px !important;
        line-height: 20px !important;
        width: 20px !important;
    }
}

.transitionTVCommentlink{
    font-size: var(--font-s-9);
    line-height: var(--font-s-9-lh);
    position: absolute;
    bottom: 10px;
    font-style: italic;
}
.transitionTVCommentlink a {
    color: var(--dark);
    transition: all ease 0.3s;
}
.transitionTVCommentlink a .fa.fa-heartbeat {
    color: var(--gray2);
    transition: all ease 0.3s;
}
.transitionTVCommentlink a:hover .fa.fa-heartbeat {
    color: var(--orange2-hover);
}
.transitionTVCommentlink a:after {
    content: none;
}
.transitionTVCommentlink a:hover {
    color: var(--orange2-hover);
    border-bottom: none;
}
.transitionTVComments .comments-title{
    margin-top: 20px;
}
.transitionTVComments #comments .comment-list {
    margin: 0 !important;
}
.transitionTVComments #comments{
    border-top: 1px solid transparent !important;
}


.transitionTVBeitragBox{
    border-bottom: 1px solid var(--dark);
    padding-top: 22px;
    overflow: hidden;
}
.transitionTVBeitragBoxImage{
    padding-top: 8px;
}
.transitionTVBeitragImage{
    position: relative;
    min-height: 50px;
    text-align: center;
    margin-bottom: 10px;
}
.transitionTVBeitragImage img{
    height: 63px;
}
.transitionTVBeitragDate{
    font-size: var(--font-s-9);
    line-height: var(--font-s-9-lh);
    text-align: left;
    position: absolute;
    bottom: 0;
    left: 0;
    font-family: var(--f-light);
}
.transitionTVBeitragDate i{
    font-style: normal;
}
.transitionTVBeitragRubrik{
    color: #006699;
    font-family: var(--f-light);
    text-transform: uppercase;
    position: relative;
    margin-bottom: -12px;
}
.transitionTVBeitragTitle{
    font-family: var(--f-medium);
    font-size: var(--font-s-5);
    line-height: var(--font-s-5-lh);
    margin: 12px 0 8px 0
}
.transitionTVBeitragAutor{
    font-size: var(--font-s-9);
    line-height: var(--font-s-9-lh);
    font-family: var(--f-heavy);
    margin-bottom: 12px;
}

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



.transitionTVKorrigendum{
    font-family: var(--f-normal);
    font-size: var(--font-s-8);
    line-height: var(--font-s-8-lh);
}
.transitionTVKorrigendumTitel{
    text-transform: uppercase;
    font-family: var(--f-medium);
}




/* youtube videos */
.ytdefer{
    width:100%;
    height: 16vw;
    max-height: 216px;
}
.wewoVideo{
    /* margin-top: 15px; */
}
.wewoVideo .ytdefer{
    width:100%;
    height: 34.8vw;
    max-height: 440px;
    margin-bottom: 30px;
}
.homeLatest .wewoVideo .ytdefer{
    width:100%;
    height: 13vw;
    max-height: 167px;
}


@media screen and (max-width: 639px) {
    .wewoVideo .ytdefer,
    .ytdefer{
        height: 51vw;
        max-height: 100%;
    }
    .homeLatest .wewoVideo .ytdefer {
        height: 20vw;
    }
}



/* searchresult */
.searchresultPageTitel{
}
.searchresultform {
    margin-bottom: 30px;
}
.searchresultform input{
    border: 1px solid #555;
    border-radius: 0;
    padding: 5px 10px;
}
.searchresult{
}
a.searchresultitem{
    margin-bottom: 15px;
    display: block;
}
a.searchresultitem:after {
    content: none;
}
a.searchresultitem .searchresultitemtexttitle {
    display: inline-block;
}

a.searchresultitem .searchresultitemtexttitle:after {
    display: block;
    content: '';
    border-bottom: 3px solid var(--orange);
    transform: scaleX(0);
    transition: transform 250ms ease-in-out;
}
a.searchresultitem:hover .searchresultitemtexttitle:after {
    transform: scaleX(1);
}
.searchresultitemtext{
}
.searchresultitemtextinfo{
    font-size: var(--font-s-8);
    line-height: var(--font-s-8-lh);
}
.searchresultitemtexttitle{
    font-size: var(--font-s-6);
    line-height: var(--font-s-6-lh);
    font-family: var(--f-heavy);
}
.searchresultmessage{
}



.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 var(--dark);
    border-bottom: 1px solid var(--dark);
}
.ausgabeTitle{
    color: #006699;
    font-size: var(--font-s-8);
    line-height: var(--font-s-8-lh);
    font-family: var(--f-light);
    margin-bottom: 14px;
}
.ausgabeItems{
    border-bottom: 1px solid var(--dark);
    background: #F4F4F4;
    padding: 20px 10px 0 10px;
}
.ausgabeTitelItems{
    font-family: var(--f-medium);
    font-size: var(--font-s-8);
    line-height: 18px;
    margin-bottom: 20px;
}
.ausgabeItem{
    margin: 20px 0;
}
.ausgabeItemRubrik{
    font-family: var(--f-medium);
    color: #006699;
    font-size: var(--font-s-5);
    line-height: var(--font-s-5-lh);
}
.ausgabeItemTitel{
    font-family: var(--f-medium);
    font-size: var(--font-s-5);
    line-height: var(--font-s-5-lh);
    margin-bottom: 5px;
}
.ausgabeItemText{
    font-family: var(--f-normal);
    font-size: var(--font-s-9);
    line-height: var(--font-s-9-lh);
    margin-bottom: 5px;
}
.ausgabeItemAutor{
    font-family: var(--f-heavy);
    font-size: var(--font-s-9);
    line-height: var(--font-s-9-lh);
}
.beitrag .ausgabe {
    padding: 20px 10px 22px 10px;
    border-bottom: none;
}
.rightCol .blog-title a {
    display: inline-block;
    font-size: var(--font-s-6);
    line-height: var(--font-s-6-lh);
}
.rightCol .blog-title a:after {
    display:block;
    content: '';
    border-bottom: solid 3px var(--orange);
    transform: scaleX(0);
    transition: transform 250ms ease-in-out;
}
.rightCol .blog-title a:hover:after {
    transform: scaleX(1);
}

.rightCol .blog-title a:after {
    display:block;
    content: '';
    border-bottom: solid 3px var(--orange);
    transform: scaleX(0);
    transition: transform 250ms ease-in-out;
}
.rightCol .blog-title a:hover:after {
    transform: scaleX(1);
}
.rightCol .blog-summary {
    font-size: var(--font-s-6);
    line-height: var(--font-s-6-lh);
}
.rightCol .blog-summary a:after {
    content: none;
}
.rightCol .blog-date {
    font-size: var(--font-s-9);
    line-height: var(--font-s-9-lh);
    font-family: var(--f-heavy-kursiv);
}
.rightCol .blog-ueberschrift {
    font-size: var(--font-s-2);
    border-bottom: 1px solid var(--gray);
    padding-bottom: 10px;
    margin-bottom: 20px;
}
.rightCol .newsletterbox {
    border: 1px solid var(--gray);
    padding: 25px;
    transition: all ease 0.5s;
}
.rightCol h3 {
    transition: all ease 0.5s;
    margin-bottom: 15px;
}
/*.rightCol .newsletterbox:hover {
    background-color: var(--gray);
    color: #fff;
}*/
/*.rightCol .newsletterbox:hover h3 {
    color: #fff;
}*/
.rightCol .newsletterbox form {
    background-color: transparent !important;
    padding: 0 !important;
}
.rightCol .newsletterbox form button#_form_1_submit._submit {
    font-family: var(--f-heavy) !important;
    font-size: var(--font-s-7) !important;
    line-height: var(--font-s-7-lh) !important;
    background: var(--orange2) !important;
    color: #fff !important;
    padding: 12px 25px 10px !important;
    border-radius: 3px !important;
    border: none !important;
    cursor: pointer !important;
    transition: all ease 0.3s !important;
}
.rightCol #newsletterbox.newsletterbox form._form._form_1 ._form_element input[type=text] {
    font-family: var(--f-normal) !important;
    font-size: var(--font-body) !important;
    line-height: var(--font-body-lh) !important;
    padding: 5px 10px !important;
}

.rightCol #newsletterbox.newsletterbox form._form._form_1 ._error-inner {
    font-family: var(--f-heavy) !important;
    font-size: var(--font-s-9) !important;
    line-height: var(--font-s-9-lh) !important;
    background-color: var(--orange-text-hover) !important;
    border: 2px solid var(--orange2);
    color: var(--dark) !important;
}
.rightCol #newsletterbox.newsletterbox form._form._form_1 ._error._above ._error-arrow {
    border-top: 10px solid var(--orange2) !important;
    border-left: 10px solid transparent !important;
    border-right: 10px solid transparent !important;
    bottom: -4px !important;
}
.rightCol #newsletterbox.newsletterbox form._form._form_1  input[type="text"]._has_error,
.rightCol #newsletterbox.newsletterbox form._form._form_1  textarea._has_error {
    border-color: var(--orange2) !important;
}
.rightCol #newsletterbox.newsletterboxform {
    font-family: var(--f-normal) !important;
    font-size: var(--font-s-body) !important;
    line-height: var(--font-s-body-lh) !important;
}
.rightCol #newsletterbox.newsletterbox form._form._form_1 {
    color: var(--dark) !important;
    margin-top: 0;
}
.rightCol #newsletterbox.newsletterbox form._form._form_1 ._form-thank-you {
    font-size: var(--font-s-7);
    line-height: var(--font-s-7-lh);
    text-align: left;
}

.rightCol .spendenbox {
    border: 1px solid var(--gray);
    transition: all ease 0.5s;
}
.rightCol .spendenbox:hover {
    background-color: var(--orange-text-hover);
    border: 1px solid var(--orange);
}
.rightCol .spendenbox a {
    display: block;
    padding: 25px;
    transition: all ease 0.5s;
}
.rightCol .spendenbox a:after {
    content: none;
}
.rightCol .spendenbox a h3 {
    transition: all ease 0.5s;
}
@media screen and (max-width: 960px) {
    .rightCol .spendenbox a,
    .rightCol .newsletterbox {
        padding: 15px;
    }
    .rightCol h3 {
        margin-bottom: 10px;
    }
}
@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: var(--f-normal);
    font-size: var(--font-s-8);
    line-height: var(--font-s-8-lh);
    border-top: 1px solid var(--dark);
}
#comments h2{
    font-family: var(--f-heavy);
    font-size: var(--font-s-body);
    line-height: var(--font-s-body-lh);
    margin-bottom: 30px;
    margin-top: 30px;
}
#comments ul{
    list-style-type: none;
}
#comments .comment-awaiting-moderation{
    display: block;
    margin: 8px 0;
}
#comments .comment-list{
    margin: 0 0 0 -30px;
}
#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: var(--f-heavy);
    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: var(--f-heavy);
    font-size: var(--font-s-body);
    line-height: var(--font-s-body-lh);
    margin: 30px 0 10px 0;
}
#comments .logged-in-as{
    margin-bottom: 10px;
}
#comments .logged-in-as{
    color: #fff;
}
#comments .logged-in-as a,
#comments .must-log-in a{
    display: inline-block;
    position: relative;
    transition: all aeas 0.3s;
}
#comments .logged-in-as a:before,
#comments .must-log-in a:before {
    position: absolute;
    content: '';
    width: 100%;
    bottom: 0;
    border-bottom: 1px solid var(--gray);
}
#comments .logged-in-as a:after,
#comments .must-log-in a:after {
    content: '';
    border-bottom: 2px solid var(--orange);
    transform: scaleX(0);
    transition: all aeas 0.3s;
}
#comments .logged-in-as a:hover:after,
#comments .must-log-in a:hover:after {
    transform: scaleX(1);
}
#comments .logged-in-as a:hover,
#comments .must-log-in a:hover{
    background-color: var(--orange-text-hover);
}
#comments .logged-in-as a:first-child{
    display: none;
}
#comments .logged-in-as a:last-child{
    margin-left: -8px;
}
#comments .comment-meta>a:after {
    content: none;
}


#comments input,
#comments textarea{
    font-family: var(--f-normal);
}

#comments label{
    display: none;
}
#comments .comment-reply-title small{
    margin-left: 10px;
    font-size: var(--font-s-8);
    line-height: var(--font-s-8-lh);
    font-weight: normal;
}
#comments #comment{
    width: 100%;
}
#comments .form-submit{
    padding: 0;
}
#comments .form-submit input{
    font-family: var(--f-heavy);
    font-size: var(--font-s-7);
    line-height: var(--font-s-7-lh);
    background: var(--orange2);
    color: #fff;
    padding: 12px 25px 10px;
    border-radius: 3px;
    border: none;
    cursor: pointer;
    transition: all ease 0.3s;
}
#comments .form-submit input:hover {
    background: var(--orange2-hover);
}
a.cld-like-dislike-trigger:after {
    content: none;
}
a.cld-like-dislike-trigger i {
    color: var(--dark);
    transition:  all ease 0.3s;
}
a.cld-like-dislike-trigger  span.cld-count-wrap {
    color: var(--dark);
}
a.cld-dislike-trigger:first-child i {
    color: var(--gray2);
}
a.cld-like-dislike-trigger:hover i {
    color: var(--orange2);
}
a.cld-like-dislike-trigger + span {
    transition: all ease 0.3s;
}
a.cld-like-dislike-trigger:hover + span.cld-count-wrap {
    color: var(--orange2);
}
.cld-dislike-wrap i {
    top: 0px;
}

@media screen and (max-width: 959px) {
    #comments{
        margin-bottom: 20px;
    }
}
/*testimonial*/
.tvtransitino-testimonial .sow-testimonials .sow-testimonial  .sow-testimonial-text {
    background-color: var(--orange-text-hover);
    border: 2px solid var(--orange2);
    font-family: var(--f-heavy);
    color: var(--gray2);
    position: relative;
}
.tvtransitino-testimonial .sow-testimonials .sow-testimonial  .sow-testimonial-text:before {
    content: '';
    border: 2px solid var(--orange2);
    border-top-color: var(--orange-text-hover);
    border-right-color: var(--orange-text-hover);
    background-color: var(--orange-text-hover);
    width: 30px;
    height: 30px;
    border-radius: 3px;
    position: absolute;
    bottom: -15px;
    left: calc(50% - 17px);
    transform: rotate(-45deg);
}
.tvtransitino-testimonial .sow-testimonials .sow-testimonial  .sow-testimonial-text:after {
    content: '';
    border: none;
    background: var(--orange-text-hover);
    width: 60px;
    height: 10px;
    position: absolute;
    bottom: 0;
    left: calc(50% - 30px);
}
.tvtransitino-testimonial .sow-testimonials .sow-testimonial .sow-testimonial-user strong {
    font-family: var(--f-heavy-kursiv);
}
.tvtransitino-testimonial .sow-testimonials .sow-testimonial .sow-testimonial-user .sow-testimonial-location {
    font-family: var(--f-normal-kursiv);
    font-size: var(--font-s-8);
    line-height: var(--font-s-8-lh);
}
.tvtransitino-testimonial .sow-testimonials .sow-testimonial-wrapper {
    padding-top: 0;
}

/*accordion*/
.sow-accordion .sow-accordion-panel .sow-accordion-panel-header {
    outline: none !important;
}


/* 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: var(--font-s-8);
}
.postGridList a span:last-child{
    width: calc(100% - 150px);
    display: inline-block;
    vertical-align: top;
}


footer{
    padding: 0 30px 0px 30px;
    max-width: 1200px;
    margin: 0 auto;
}
footer .footer-div {
    border-top: 1px solid var(--gray);
    padding-top: 20px;
    padding-bottom: 20px;
    margin-top: 40px;
}
.footerCopyright{
    margin-bottom: 5px;
}

.footerCopyright,
.footerLinks{
    font-family: var(--f-normal);
    font-size: var(--font-s-8);
    line-height: var(--font-s-8-lh);
}
.footerLinks a {
    display: inline-block;
}
.footerLinks span {
    margin: 0 6px;
    color: var(--gray);
}
.footerLinks span:last-child {
    display: none;
}
.footerSocial {
    margin-top: 53px;
}
.footerSocial a{
    color: #FFF;
    display: block;
    padding: 9px 5px;
    font-size: var(--font-s-9);
    line-height: var(--font-s-9-lh);
    font-family: var(--f-normal);
}
.footerSocialTwitter{
    background: #00ADEF;
}
.footerSocialEmail{
    background: #A5A3A4;
}
.footerSocialFacebook{
    background: #006699;
}

@media screen and (max-width: 639px) {
    footer{
        padding: 30px 0 0 0;
    }
}



/*
 * 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: var(--f-heavy);
    font-size: var(--font-s-6);
    line-height: var(--font-s-6-lh);
    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: var(--f-heavy);
    font-size: var(--font-s-8);
    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;
}

/*transitionTV Poster Bestellen - Link*/
#appdownload .transitionTVPoster {
    border-top: 1px solid var(--dark);
    padding-top: 30px;
    margin-bottom: 30px;
}
/*transitionTV Deutschland*/
#appdownload .transitionTV-deutschland {
    border-top: 1px solid var(--dark);
    padding-top: 30px;
    margin-bottom: 30px;
}
#appdownload .transitionTV-deutschland a img {
    height: auto;
    width: 100%;
}

/*Deutschland-Heft Button*/
#appdownload .deutschland-heft {
    text-align: center;
    overflow: hidden;
    padding: 30px 10px 10px;
    border-top: 1px solid var(--dark);
}


#appdownload>div:first-child {
    border-top: none;
}
#appdownload .deutschland-heft a{
    z-index: 1;
    display: inline-block;
    width: 250px;
    height: 250px;
    border-radius: 50%;
    background-image: url('assets/images/Deutschland_Button.svg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    filter: drop-shadow(2px 3px 2px #bbb);
    transition: all 0.25s linear;
}
#appdownload .deutschland-heft a div{
    z-index: 1;
    display: block;
    color: #FFF;
    font-family: var(--f-heavy);
    font-size: var(--font-s-body);
    line-height: var(--font-s-body-lh);
    text-align: center;
    transform: rotate(-0deg);
    transition: all 0.25s linear;
    margin-top: calc(50% - 22px);
}
@media screen and (max-width: 1000px) {
    #appdownload .deutschland-heft a {
        width: 220px;
        height: 220px;
    }
}
@media screen and (max-width: 880px) {
    #appdownload .deutschland-heft a {
        width: 25vw;
        height: 25vw;
    }
}
@media screen and (max-width: 639px) {
    #appdownload .deutschland-heft a {
        width: 200px;
        height: 200px;
    }
}
@media screen and (max-width: 300px) {
    #appdownload .deutschland-heft a {
        width: 70vw;
        height: 70vw;
    }
    #appdownload .deutschland-heft a div {
        margin-top: 27vw;
        font-size: 6vw;
        line-height: 7.2vw;
    }
}
/* netiquette */
#netiquette{
}
/*cookiebar*/
#cookie-notice {
    font-family: var(--f-normal) !important;
    font-size: var(--font-s-8) !important;
}
#cookie-notice .cn-button.transitionbutton {
    background: var(--orange2);
    transition:  all ease 0.3s;
}
#cookie-notice .cn-button.transitionbutton:after {
    content: none;
}
#cookie-notice .cn-button.transitionbutton:hover {
    background: var(--orange2-hover);
    text-decoration: none;
}



/*
 * kommentardesmonats
 */
.monatscomment h3 {
    font-size: var(--font-s-2);
    border-bottom: 1px solid var(--gray);
    padding-bottom: 10px;
    line-height: var(--font-s-body-lh);
    font-family: var(--f-normal);
    font-weight: 700;
}

.kommentardesmonats{
}
.kommentardesmonatsTitel{
    font-size: var(--font-s-6);
    line-height: var(--font-s-6-lh);
    font-weight: 700;
}
.kommentardesmonatsKommentar{
    font-size: var(--font-s-6);
    line-height: var(--font-s-6-lh);
    margin-top: 10px;
}
.kommentardesmonatsName{
    font-size: var(--font-s-9);
    line-height: var(--font-s-9-lh);
    font-family: var(--f-heavy-kursiv);
    margin-top: 8px;
}



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

    #headerBeitragTopLogo,
    .beitragCopyright{
        display: block;
    }
    #headerBeitragTop,
    .uk-sticky-placeholder,
    .beitragShare,
    #beitragDateTop,
    #beitragAllesLesen,
    .beitragImage,
    .beitragMoreposts,
    .beitragMostViewBox,
    #respond,
    .reply,
    .beitragLikes,
    .beitragCommentCount,
    ._form-wrapper,
    #cookie-notice{
        display: none;
    }
    #beitragHeader{
        height: auto !important;
    }

}