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

/*
Dunkelblau #005088
Blau #5689c0
Wasserblau #add1ef
Hellblau #e1f4fd
Abendrot #cd3440
*/


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

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

body{
    color: #000;
    font-size: 16px;
    line-height: 20px;
    font-family: 'Raleway';
}
h1 {
    font-family: 'Raleway';
}
h2 {
    font-family: 'Raleway';
}
h3 {
    font-family: 'Raleway';
}
h4 {
    font-family: 'Raleway';
}
h5 {
    font-family: 'Raleway';
}
h6 {
    font-family: 'Raleway';
}

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


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


.uk-grid-divider > :not(.uk-first-column)::before {
    border-left: 1px solid #555;
}
.uk-grid-divider.uk-grid-stack > .uk-grid-margin::before {
  border-top: 1px solid #555;
}



.header{
    padding: 50px 30px 10px 30px;
    max-width: 1360px;
    margin: 0 auto;
    background: #FFF;
    position: relative;
    transition: all 0.25s linear;
}
.headerBar{
    background: #FFF;
    position: relative;
    border-bottom: 1px solid #555;
}
.headerRigth{
    position: relative;
    top: 66px;
    white-space: nowrap;
}
.headerSpenden{
    margin: 0 45px 0 0;
    display: inline-block;
    padding: 2px 10px;
    background: #add1ef;
}
.headerSpenden a{
    font-size: 16px;
    line-height: 20px;
    color: #fff;
    font-weight: 700;
    letter-spacing: 1px;
}
.headerSpenden a:hover{
    color: #000;
}

.headermobileIcon{
    margin: 10px 0 0 0;
    transition: all ease 0.3s;
}
.headerIcons{
    margin: 5px 0 6px 7px;
    display: inline-block;
    font-size: 16px;
    line-height: 20px;
    color: #000;
}
.headerIcons span{
    margin-right: 15px;
}
.headerIcons:hover{
    color: #000;
}
.headerLogo {
    transition: all 0.25s linear;
}
.headerLogo:hover {
    text-decoration: none;
}
.headerLogo img{
    display: inline-block;
    height: 65px;
    transition: all 0.25s linear;
    /* margin-bottom: 30px; */
}
.logoClaim{
    background: #cd3440;
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 13px;
    font-weight: 700;
    letter-spacing: 3px;
    padding: 3px;
    margin: 15px 0 25px 0;
    display: inline-block;
}

.header a:hover{
    text-decoration: none !important;
}
.headerBar a:after {
    content: none;
}
#headerNav{
    background: #005088;
    background-image: linear-gradient(to bottom left, #5689c0, #005088);
    display: none;
    position: absolute;
    z-index: 100;
    padding: 25px;
    z-index: 99;
    width: 210px;
    right: 30px;
    max-height: calc(100vh - 150px);
    overflow: auto;
}
#headerNav .mainNavItem{
    display: block;
    color: #fff;
    margin-bottom: 15px;
}
#headerNav .mainNavItemDiv a {
    display: inline-block;
    font-size: 16px;
    line-height: 20px;
}
#headerNav .mainNavItemActive{
    font-weight: 600;
}

#headerNav .headerSpenden{
    display: inline-block;
    margin-bottom: 20px;
}

.katNav{
    border-bottom: 1px solid #fff;
    margin-bottom: 20px;
}
.katNav a{
    color: #fff;
    display: block;
    margin-bottom: 15px;
}
.katNav a:hover{
    color: #fff;
}
.katNav .subNavItemActive{
    font-weight: 700;
}

.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;
    border: none; color:
    #FFF; background: transparent;
}
.headerNavSearch form a{
    position: absolute;
    top: 2px;
    right: 5px;
    color: #FFF;
}
.header a:hover{
    text-decoration: none !important;
}
@media screen and (max-width: 639px) {
    .header{
        padding: 20px 15px 10px 15px;
    }
    .headerLogo img{
        height: 38px;
    }
    .logoClaim{
        font-size: 12px;
        line-height: 12px;
        padding: 3px 2px 2px 2px;
        margin: 5px 0 15px 0;
    }
    .headerRigth{
        top: 0;
    }
    #headerNav{
        width: calc(100% - 80px);
        right: 15px;
    }
    .headermobileIcon{
        margin: 2px 0px 0 0;
    }
}



/* subNav (Kategorien) */
.subNav{
    margin: 7px 0 0 0;
    border-bottom: 1px solid #555;
    padding-bottom: 7px;
}
.subNav a{
    margin-left: 30px;
    font-size: 17px;
    line-height: 20px;
    font-weight: 500;
    color: #222;
}
.subNav a:hover{
    color: #000;
}
.subNav a:first-child{
    margin-left: 0px;
}
.subNav .subNavItemActive{
    font-weight: 600;
    color: #000;
}



.body,
.bodyBottom{
    padding: 0 30px;
    max-width: 1360px;
    margin: 0 auto 50px;
}
.bodyBottom{
    position: relative;
    top: -30px;
}
@media screen and (max-width: 639px) {
    .body,
    .bodyBottom{
        padding: 0 15px;
    }
}



.headerTitle h1{
    margin-top: 10px;
}


/* page content */
.pageContent {
}
.pageContent p{
    margin: 0 0 10px 0;
}
.pageContent a {
    text-decoration: none;
    transition: all ease 0.3s;
    display: inline-block;
}
.pageContent a:hover {
    text-decoration: none;
}
.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;
}

/* beitrag */
.beitrag{
    font-size: 18px;
    line-height: 22px;
}
.beitragImage{
    /* text-align: center; */
    margin: 5px 0 25px 0;
}
.beitragImage img{
    height: 250px;
}
#beitragDateTop{
}
.beitragDate{
    margin: 10px 0 10px 0;
}
.beitragTitle{
    margin: 0;
    padding: 0;
}
.beitragAutor{
    margin: 15px 0 7px 0;
}
.beitragAutor .beitragCommentCount {
    margin-left: 20px;
}
.beitragAutor .beitragCommentCount a:after {
    content: none;
}
.beitragSummary {
    margin-top: 20px;
}
.beitragContent{
    padding: 26px 0 12px 0;
    margin-bottom: 50px;
    line-height: 24px;
    min-height: 250px;
}
.beitragContent p{
    margin: 0 0 5px 0;
}
.beitragContent a {
    display: inline-block;
    line-height: 20px;
    position: relative;
}
.beitragContent a:hover {
}
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;
    }
}

.beitragVerweise{
    margin: 30px 0;
    border-top: 1px solid #555;
    border-bottom: 1px solid #555;
    padding: 20px 0;
}
.beitragVerweiseTitle{
    font-weight: 600;
}
.beitragVerweiseTitle a{

}


.beitrag .beitragLikes{
    margin: 15px 0 !important;
}
.sendungDetail .beitragLikes{
    margin-top: 10px !important;
}
.beitragLikes .ccc-favorite-post-toggle-button{
    margin-right: 0px !important;
}
.beitragLikes i{
    font-style: normal;
}
.beitragLikes a span.fa,
.beitragLikes a span.far,
.beitragLikes a span.fas {
    transition: all ease 0.3s;
}
.beitragLikes a:first-child,
.beitragLikes i:first-child{
    margin-right: 20px;
}
.beitragLikes a {
    transition: all ease 0.3s;
}
.beitragLikes a:first-child span.fa {
}
.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 {
    background-color: unset;
}
.beitragLikes .far,
.beitragLikes .fas,
.beitragLikes .fa{
}
.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) {
    .sendungDetail .beitragLikes{
        margin-top: 0 !important;
    }
}


/* hoch2 */
.hoch2Anchor{
    position: relative;
    top: 250px;
}
@media screen and (max-width: 639px) {
    .hoch2Anchor{
        top: 220px;
    }
}
.hoch2Box{
    position: relative;
    margin-bottom: 12px;
}
.hoch2BoxDate{
    margin-bottom: 16px;
}
.hoch2BoxVideo:before {
  padding-bottom: 56.25%; /* Minimum aspect ratio */
  content: '';
  float: left;
}
.hoch2BoxVideo:after {
  display: table;
  content: '';
  clear: both;
}
.hoch2BoxVideo .jwppp-video-box{
    margin: 0 0 20px 0 !important;
}
.hoch2BoxTitle{
    margin: 0 0 8px 0;
    width: 95%;
}
.hoch2BoxVideolinks{
    margin-bottom: 15px;
}
.hoch2BoxVideolinks>div {
    padding-right: 10px;
    margin-right: 10px;
}
.hoch2BoxVideolinks>div:last-child {
    padding-right: 0;
    margin-right: 0;
}
.hoch2BoxVideolinks>div>a {
    display: inline;
}
.hoch2BoxVideolinks>div>a:after {
    content: none;
}
.hoch2BoxVideolinks>div>a>span,
.hoch2BoxVideolinks>div>span{
}
.hoch2BoxAutor{
    margin-bottom: 12px;
}
.hoch2Share {
    position: absolute;
    bottom: 4px;
    right: -2px;
}
.hoch2Share .addtoany_list.a2a_kit_size_32 a:not(.addtoany_special_service) > span {
    height: 24px;
    width: 24px;
}
.addtoany_list a:not(.addtoany_special_service) > span {
    transition: all ease 0.3s;
}
.addtoany_list a:not(.addtoany_special_service):hover > span {
    opacity: unset;
}
.addtoany_list a:after {
    content: none;
}
@media screen and (max-width: 639px) {
    .hoch2Share .addtoany_list a{
        padding: 0 2px !important;
    }
    .hoch2Share .addtoany_list.a2a_kit_size_32 a:not(.addtoany_special_service) > span {
        height: 20px !important;
        line-height: 20px !important;
        width: 20px !important;
    }
}

.hoch2Commentlink{
    position: absolute;
    bottom: 10px;
    font-style: italic;
}
.hoch2Commentlink a {
    transition: all ease 0.3s;
}
.hoch2Commentlink a .fa.fa-heartbeat {
    transition: all ease 0.3s;
}
.hoch2Commentlink a:hover .fa.fa-heartbeat {
}
.hoch2Commentlink a:after {
    content: none;
}
.hoch2Commentlink a:hover {
    border-bottom: none;
}
.hoch2Comments .comments-title{
    margin-top: 20px;
}
.hoch2Comments #comments .comment-list {
    margin: 0 !important;
}
.hoch2Comments #comments{
    border-top: 1px solid transparent !important;
}

.hoch2BeitragBox{
    padding-top: 22px;
    overflow: hidden;
}
.hoch2BeitragBoxImage{
    padding-top: 8px;
}
.hoch2BeitragImage{
    position: relative;
    min-height: 50px;
    text-align: center;
    margin-bottom: 10px;
}
.hoch2BeitragImage img{
    height: 63px;
}
.hoch2BeitragDate{
    text-align: left;
    position: absolute;
    bottom: 0;
    left: 0;
}
.hoch2BeitragDate i{
    font-style: normal;
}
.hoch2BeitragRubrik{
    text-transform: uppercase;
    position: relative;
    margin-bottom: -12px;
}
.hoch2BeitragTitle{
    margin: 12px 0 8px 0
}
.hoch2BeitragAutor{
    margin-bottom: 12px;
}
@media screen and (max-width: 1200px) {
    .hoch2BeitragDate i{
        display: none;
    }
}
@media screen and (max-width: 1024px) {
    .hoch2BoxTitle{
        width: 80%;
    }
}
@media screen and (max-width: 679px) {
    .hoch2BoxTitle{
        width: 100%;
    }
}


/* youtube videos */
.ytdefer{
    width:100%;
    height: 16vw;
    max-height: 216px;
}
.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;
    }
}

/* beitragTeaser */
.beitragTeaser{
}
.beitragTeaserImg{
    display: inline-block;
    position: relative;
    width: 100%;
    margin-bottom: 10px;
    overflow: hidden;
}
.beitragTeaserImgBg{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0px;
    overflow: hidden;
    background-position: center;
    background-size: cover;
    transition: all 1s;
}
.beitragTeaserImgBg:hover{
    transform: scale(1.05);
}
.beitragTeaserImgBg a,
.beitragTeaserImgBg a img{
    width: 100%;
}
.beitragTeaserKat{
    margin-bottom: 10px;
    color: #000;
    font-weight: 600;
    font-size: 13px;
    height: 20px;
    text-overflow: ellipsis;
    overflow: hidden;
}
.beitragTeaserKat a{
    background: #cd3440;
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 12px;
    font-weight: 700;
    padding: 4px 10px 3px 10px;
    margin-right: 15px;
    letter-spacing: 1px;
}
.beitragTeaserTitle{
    margin-bottom: 10px;
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
}
.beitragTeaserTitle a{
}
.beitragTeaserLead{
}




/* sendungTeaserBig */
.sendungTeaserBig{
}
.sendungTeaserBigMedia{
    position: relative;
    overflow: hidden;
}
.sendungTeaserBigMediaSpacer,
.sendungTeaserBigMediaSpacer img{
    width: 100%;
}
.sendungTeaserBigMediaVideo{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.sendungTeaserBigMediaImage{
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
.sendungTeaserBigMediaImageRatio{
    margin-top: 56.25%;
}
.sendungTeaserBigMediaImageBg{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0px;
    overflow: hidden;
    background-position: center;
    background-size: cover;
    transition: all 1s;
    z-index: 1;
}
.sendungTeaserBigMediaImageLink{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}
.sendungTeaserBigMediaImageLink:hover ~ .sendungTeaserBigMediaImageBg{
    transform: scale(1.05);
}
.sendungTeaserBigMediaImageBgIcon{
}
.sendungTeaserBigMediaImageBgIcon img{
    width: 110px;
}
.sendungTeaserSmall .sendungTeaserBigMediaImageBgIcon img{
    width: 60px;
}
.sendungTeaserBigMediaImageBgIcon span{
    color: #fff;
}
.sendungTeaserBigTitle{
    position: relative;
    font-weight: 600;
    font-size: 24px;
    line-height: 28px;
    margin: 15px 0 20px 0;
}
.sendungTeaserBigKat{
    position: absolute;
    top: -33px;
    right: 25px;
    z-index: 3;
}
.sendungTeaserBigKat a{
    background: #cd3440;
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 14px;
    font-weight: 700;
    letter-spacing: 1px;
    padding: 7px 10px 6px 10px;
    margin-right: 20px;
}
.sendungTeaserBigVideolinks{
    font-weight: 600;
    margin-bottom: 20px;
}
.sendungTeaserBigVideolinks span{
    font-weight: 400;
}

/* sendungTeaserSmall */
.sendungTeaserSmall{
}
.sendungTeaserSmallImage{
    display: inline-block;
    position: relative;
    width: 100%;
    margin-bottom: 10px;
    overflow: hidden;
}
.sendungTeaserSmallImageRatio{
    margin-top: 56.25%;
}
.sendungTeaserSmallImageBg{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0px;
    overflow: hidden;
    background-position: center;
    background-size: cover;
    transition: all 1s;
    overflow: hidden;
    z-index: 1;
}
.sendungTeaserSmallImageLink{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}
.sendungTeaserSmallImageLink:hover ~ .sendungTeaserSmallImageBg{
    transform: scale(1.05);
}
.sendungTeaserSmallKat{
    margin-bottom: 10px;
    color: #000;
    font-weight: 600;
    font-size: 13px;
    height: 20px;
    text-overflow: ellipsis;
    overflow: hidden;
}
.sendungTeaserSmallKat a{
    background: #cd3440;
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 12px;
    font-weight: 700;
    letter-spacing: 1px;
    padding: 4px 10px 3px 10px;
    margin-right: 13px;
}
.sendungTeaserSmallTitle{
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 20px;
    font-weight: 600;
}

.sendungDetail{
}
.sendungDetailDate{
    font-size: 12px;
    line-height: 14px;
    font-weight: 400;
    position: relative;
    top: -3px;
}
.sendungDetailTitle{
    font-size: 28px;
    line-height: 32px;
    font-weight: 600;
    margin-bottom: 20px;
    position: relative;
}
.sendungDetailKat{
    position: absolute;
    top: -40px;
    right: 25px;
    z-index: 1;
}
.sendungDetailKat a{
    background: #cd3440;
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 16px;
    font-weight: 700;
    letter-spacing: 1px;
    padding: 8px 20px 6px 20px;
    margin-right: 25px;
}
.sendungDetailVideolinks{
    font-weight: 600;
    margin-bottom: 20px;
}
.sendungDetailVideolinks span{
    font-weight: 400;
}
.sendungDetailBeitraege{
    border-top: 1px solid #555;
    margin: 25px 0;
    padding-top: 20px;
}
.sendungDetailQuellen{
    border-top: 1px solid #555;
    margin: 50px 0;
    padding-top: 50px;
}
.sendungDetailQuellenGrid{
    column-count: 2;
    column-gap: 40px;
}
.sendungDetailQuellenGridItem{
    margin-bottom: 20px;
    break-inside: avoid-column;
}
.sendungDetailQuellenGridItemTitle{
    font-weight: 600;
}
.sendungDetailQuellenGridItemTitle a{
}


/* home page */
.layoutMainItem{
    border-bottom: 1px solid #555;
    margin-bottom: 15px;
}
.layoutSmallItem{
    border-bottom: 1px solid #555 !important;
    margin-bottom: 16px !important;
    padding-bottom: 10px !important;
}
.layoutSmallItem:last-child{
    border-bottom: none !important;
}
.rightCol .layoutSmallItem:last-child{
    border-bottom: 1px solid #555 !important;
}
.layoutWerbungWide{
    border-top: 1px solid #555;
    margin: 20px 0 0 0;
    padding: 20px 0 0 0;
    text-align: center;
}
.layoutWerbungWide .g{
    margin: 0 auto !important;
}
.layoutDividerLine{
    border-top: 1px solid #555;
    margin: 20px 0 0 0;
    padding: 40px 0 0 0;
}


/* werbung box scale */
.werbungScale iframe{
    transform-origin: top left;
}


/* .programmvorschau{
    margin-bottom: 20px;
} */
.programmvorschau{
    border-bottom: 1px solid #555;
    margin-bottom: 40px;
    padding-bottom: 40px;
}
.programmvorschauTitle{
    font-weight: 600;
    margin-bottom: 20px;
    font-size: 20px;
    line-height: 24px;
}
.programmvorschau>div{
    font-weight: 600;
    margin-bottom: 10px;
}
.programmvorschau>div:last-child{
    margin-bottom: 0;
}


.mostwatched{
    border-bottom: 1px solid #555;
    margin-bottom: 40px;
    padding-bottom: 20px;
}


.meinungen{
    border-bottom: 1px solid #555;
    margin-bottom: 40px;
    padding-bottom: 40px;
}
.beitragContent .meinungen{
    margin: 50px 0;
    padding: 20px;
    border: 1px solid #555;
}
.meinungenTitle{
    font-weight: 600;
    margin-bottom: 20px;
    font-size: 20px;
    line-height: 24px;
}
.meinungen img{
    width: 50px;
    height: 50px;
    margin-right: 10px;
    border-radius: 50px;
}
.meinungenText{
    font-weight: 600;
    margin-bottom: 10px;
}
.meinungenName{
}



/* 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: '';
    transform: scaleX(0);
    transition: transform 250ms ease-in-out;
}
a.searchresultitem:hover .searchresultitemtexttitle:after {
    transform: scaleX(1);
}
.searchresultitemtext{
}
.searchresultmessage{
}


/* newsletter anmeldung in der Seite */
.pageContent .content_newsletterbox{
    padding: 25px;
    transition: all ease 0.5s;
    background-color: #005088;
    background-image: linear-gradient(to bottom left, #e1f4fd, #005088);
    color: #fff;
}
.pageContent .content_newsletterbox form{
    background-color: transparent !important;
    padding: 0 !important;
    font-weight: 600;
}
.pageContent .content_newsletterbox form label{
    display: none;
}
.pageContent .content_newsletterbox form ._form-title{
    margin-bottom: 6px;
}
.pageContent .content_newsletterbox form button#_form_1_submit._submit {
    color: #5689c0 !important;
    padding: 7px 35px 6px 15px !important;
    border-radius: 25px !important;
    border: none !important;
    cursor: pointer !important;
    transition: all ease 0.3s !important;
    background-color: #fff !important;
    margin-top: 15px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 700;
    box-shadow: 0 0 10px #add1ef;
    font-size: 15px;
}
.pageContent .content_newsletterbox form button#_form_1_submit._submit:after {
    content: '';
    width: 33px;
    height: 33px;
    background-image: url(assets/images/pfeil_rechts.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    margin-top: -8px;
}
.pageContent .content_newsletterbox form._form._form_1 ._form_element input[type=text] {
    padding: 10px 10px !important;
    width: calc(100% - 30px);
    margin-bottom: 10px;
    border: none !important;
}
.pageContent content_newsletterbox form._form._form_1 ._error._above ._error-arrow {
    border-left: 10px solid transparent !important;
    border-right: 10px solid transparent !important;
    bottom: -4px !important;
}
.pageContent .content_newsletterbox form._form._form_1  input[type="text"]._has_error,
.pageContent .content_newsletterbox form._form._form_1  textarea._has_error {
}
.pageContent .content_newsletterbox form._form._form_1 {
    margin-top: 0;
}
.pageContent .content_newsletterbox form._form._form_1 ._form-thank-you {
    text-align: left;
}
@media screen and (max-width: 960px) {
    .pageContent .content_newsletterbox {
        padding: 15px;
    }
}

/* right col */
.rightCol{
}

.rightCol .blog-title a {
    display: inline-block;
}
.rightCol .blog-summary {
}
.rightCol .blog-summary a:after {
    content: none;
}
.rightCol .blog-date {
}
.rightCol .blog-ueberschrift {
    padding-bottom: 10px;
    margin-bottom: 20px;
}
.rightCol .newsletterbox {
    padding: 25px;
    transition: all ease 0.5s;
    background-color: #005088;
    background-image: linear-gradient(to bottom left, #e1f4fd, #005088);
    /* background-image: url('/wp-content/themes/hoch2/assets/images/bg_start.svg');
    background-size: cover; */
    color: #fff;
}
.rightCol .newsletterbox h3{
    color: #fff;
    font-weight: 400;
    letter-spacing: 1px;
    font-size: 34px;
    line-height: 36px;
}
.rightCol h3 {
    transition: all ease 0.5s;
    margin-bottom: 15px;
}
.rightCol .newsletterbox form{
    background-color: transparent !important;
    padding: 0 !important;
    font-weight: 600;
}
.rightCol .newsletterbox form label{
    display: none;
}
.rightCol .newsletterbox form ._form-title{
    margin-bottom: 6px;
}
.rightCol .newsletterbox form button#_form_1_submit._submit {
    color: #5689c0 !important;
    padding: 7px 35px 6px 15px !important;
    border-radius: 25px !important;
    border: none !important;
    cursor: pointer !important;
    transition: all ease 0.3s !important;
    background-color: #fff !important;
    margin-top: 15px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 700;
    box-shadow: 0 0 10px #add1ef;
    font-size: 15px;
}
.rightCol .newsletterbox form button#_form_1_submit._submit:after {
    content: '';
    width: 33px;
    height: 33px;
    background-image: url(assets/images/pfeil_rechts.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    margin-top: -8px;
}

.rightCol #newsletterbox.newsletterbox form._form._form_1 ._form_element input[type=text] {
    padding: 10px 10px !important;
    width: calc(100% - 30px);
    margin-bottom: 10px;
    border: none !important;
}

.rightCol #newsletterbox.newsletterbox form._form._form_1 ._error-inner {
}
.rightCol #newsletterbox.newsletterbox form._form._form_1 ._error._above ._error-arrow {
    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 {
}
.rightCol #newsletterbox.newsletterboxform {
}
.rightCol #newsletterbox.newsletterbox form._form._form_1 {
    margin-top: 0;
}
.rightCol #newsletterbox.newsletterbox form._form._form_1 ._form-thank-you {
    text-align: left;
}
.rightCol .spendenbox {
    transition: all ease 0.5s;
}
.rightCol .spendenbox:hover {
}
.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;
}
.beitrag .ausgabeItems{
    border-bottom: none;
    padding: 20px 10px 1px 10px;
}
.beitrag .ausgabeItems:last-child{
    display: none;
}



.hightlights .uk-grid-margin{
    margin-top: 0 !important;
}

@media screen and (min-width: 640px) and (max-width: 959px) {
    .rightCol .hightlights .layoutSmallItem:last-child{
        border-bottom: none !important;
    }
}



/* comments */
#comments{
    margin-bottom: 50px;
    border-top: 1px solid #555;
}
#comments h2{
    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-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{
    margin: 30px 0 10px 0;
}
#comments .logged-in-as{
    margin-bottom: 10px;
}
#comments .logged-in-as{
}
#comments .logged-in-as a,
#comments .must-log-in a{
    display: inline-block;
    position: relative;
    transition: all ease 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 #555;
}
#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 label{
    display: none;
}
#comments .comment-reply-title small{
    margin-left: 10px;
    font-weight: normal;
}
#comments #comment{
    width: 100%;
}
#comments .form-submit{
    padding: 0;
}
#comments .form-submit input{
    color: #fff;
    padding: 12px 25px 10px;
    border-radius: 3px;
    border: none;
    cursor: pointer;
    transition: all ease 0.3s;
}
#comments .form-submit input:hover {
}

#comments .submit{
    background: #add1ef;
    border-radius: 0 !important;
    font-weight: 700;
    font-size: 16px;
}


a.cld-like-dislike-trigger:after {
    content: none;
}
a.cld-like-dislike-trigger i {
    transition:  all ease 0.3s;
}
a.cld-like-dislike-trigger  span.cld-count-wrap {
}
a.cld-dislike-trigger:first-child i {
}
a.cld-like-dislike-trigger:hover i {
}
a.cld-like-dislike-trigger + span {
    transition: all ease 0.3s;
}
a.cld-like-dislike-trigger:hover + span.cld-count-wrap {
}
.cld-dislike-wrap i {
    top: 0px;
}

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


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




.userFavorites{
    margin: 30px 0;
}
.userFavorites #ccc-my_favorite-list .header-ccc_favorite {
    margin: 0 0 10px 0 !important;
    display: none;
}
.userFavorites #ccc-my_favorite-list .no-post p{
    display: none;
}
.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;
}
.userFavorites .img-post a{
    display: block;
}




footer{
    padding: 0;
    /* background: #444; */
    color: #FFF;
}
footer a{
    color: #FFF;
}
footer a:hover{
    color: #DDD;
}
.footerTop {
    background: #005088;
    background-image: linear-gradient(to bottom left, #5689c0, #005088);
}
.footerTopInner {
    max-width: 1360px;
    margin: 0 auto;
    padding: 80px 30px 50px 30px;
}
.footerLine{
    border-top: 1px solid #FFF;
    height: 1px;
    margin-top: 80px;
}
.footerBottom {
    background: #cd3440;
}
.footerBottomInner {
    max-width: 1360px;
    margin: 0 auto;
    padding: 30px 30px 20px 30px;
}
.footerKatNav a{
    display: inline-block;
    font-weight: 800;
    margin-bottom: 5px;
}
footer ._form-title{
    font-weight: 800;
}
footer ._submit{
    background: #fff;
    color: #000;
    padding: 5px 10px;
    margin-top: 10px;
    border-radius: 0;
}

.footerLinks a{
    font-size: 16px;
    line-height: 18px;
    font-weight: 500;
}
.footerLinks span{
    margin: 0 5px;
}

footer form label{
    display: none;
}
footer form ._form_element input[type=text] {
    padding: 10px 10px !important;
    border: none !important;
    width: 215px;
    margin-bottom: 10px;
}
footer form ._submit{
    color: #5689c0 !important;
    padding: 7px 35px 6px 15px !important;
    border-radius: 25px !important;
    border: none !important;
    cursor: pointer !important;
    transition: all ease 0.3s !important;
    background-color: #fff !important;
    margin-top: 15px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 700;
    box-shadow: 0 0 10px #add1ef;
    font-size: 15px;
}
footer form ._submit:after {
    content: '';
    width: 33px;
    height: 33px;
    background-image: url(assets/images/pfeil_rechts.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    margin-top: -8px;
}
footer .smIcons{
    /* background: #222; */
    padding: 5px;
    position: relative;
    top: -5px;
}
footer .smIcons a{
    background: #fff;
    color: #cd3440;
    margin-right: 30px;
    padding: 3px;
}
footer .smIcons a:last-child{
    margin-right: 0px;
}
footer .smIcons a:hover{
    color: #cd3440;
}
@media screen and (max-width: 959px) {
    .footerTop{
        padding: 30px 30px 0 30px;
    }
    .footerLine{
        margin-top: 30px;
    }
    .footerBottom {
        padding: 20px 30px 10px 30px;
    }
}
@media screen and (max-width: 639px) {
    .footerTop{
        padding: 30px 15px 0 15px;
    }
    .footerLine{
        margin-top: 20px;
    }
    .footerBottom {
        padding: 20px 15px 10px 15px;
    }
    footer .smIcons a {
      margin-bottom: 8px;
    }
    .footerLinks a {
        display: block;
    }
    .footerLinks span {
        display: none;
    }
}

/*woocommerce*/

.woocommerce-product-gallery__image,
.woocommerce-product-gallery__trigger {
  pointer-events: none;
}
.woocommerce div.product div.images .woocommerce-product-gallery__trigger {
    display: none;
}
figure.woocommerce-product-gallery__wrapper>div.woocommerce-product-gallery__image>a {
    display: block;
}
.woocommerce .single-product div.product div.images {
    width: 25%;
 }
.woocommerce .single-product div.product div.summary {
    width: 70%;
}
.woocommerce .single-product div.product p.price {
    font-size: 1.5em;
    margin-bottom: 30px;
}
.woocommerce .single-product .woocommerce-product-details__short-description p {
    margin-bottom: 30px;
}
.woocommerce .quantity .qty {
    height: 30px;
}
.woocommerce .single-product button.single_add_to_cart_button.button.alt.wp-element-button,
.woocommerce .cart_totals a.checkout-button.button.alt.wc-forward.wp-element-button,
a.button.wp-element-button.product_type_simple.add_to_cart_button.ajax_add_to_cart,
.woocommerce-cart-form button.button.wp-element-button,
#payment button.button.alt.wp-element-button {
    background-color:#add1ef;
    color: #fff;
    transition: all 0.25s linear;
}
.woocommerce-cart-form button.button.wp-element-button[disabled] {
    color: #fff !important;
}
.woocommerce .single-product button.single_add_to_cart_button.button.alt.wp-element-button:hover,
.woocommerce .cart_totals a.checkout-button.button.alt.wc-forward.wp-element-button:hover,
a.button.wp-element-button.product_type_simple.add_to_cart_button.ajax_add_to_cart:hover,
.woocommerce-cart-form button.button.wp-element-button:hover,
#payment button.button.alt.wp-element-button:hover {
    background-color:#add1ef;
    color: #000;
    transition: all 0.25s linear;
}
@media screen and (max-width: 768px) {
    .woocommerce .single-product div.product div.images {
        width: 50%;
    }
    .woocommerce .single-product div.product div.summary {
        width: 100%;
    }
}
@media screen and (max-width: 480px) {
    .woocommerce .single-product div.product div.images {
        width: 100%;
    }
   
}
/*
 * 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;
    }

}