/*
Theme Name: FGR Basic Theme
Theme URI: http://fgrepublik.com/
Description: Das FGR Basic-Theme wurde eigens für FGR Kunden entwickelt. Es bedarf keinerlei zusätzliche Lizenz, jedoch darf die Gestaltung die durch die FGR vorgegeben wurde nicht verändert werden - es erlischt umgehend das Nutzungsrecht. Inhaltliche Änderungen dürfen selbstverständlich getätigt werden. Im Zweifelsfall steht die <a href="http://fgrepublik.com/">Freie Gestalterische Republik</a> jederzeit bereit, um Fragen zu beantworten.
Author: der Freien Gestalterischen Republik
Author URI: http://fgrepublik.com/
Version: 1.1
License: Keine Nutzung ohne vorherige Absprache erlaubt.
License URI: license.txt
Tags: FGR, basic, Widgetfähig, Menü
*/


/* Global: Viewport, body, html, etc.
##################################################### */

@-webkit-viewport {
    width: device-width;
}

@-moz-viewport {
    width: device-width;
}

@-ms-viewport {
    width: device-width;
}

@-o-viewport {
    width: device-width;
}

@viewport {
    width: device-width;
}

@font-face {
    font-family: 'open_sanslight';
    src: url('_fonts/opensans-light-webfont.woff2') format('woff2'), url('_fonts/opensans-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'open_sansregular';
    src: url('_fonts/opensans-regular-webfont.woff2') format('woff2'), url('_fonts/opensans-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'open_sansextrabold';
    src: url('_fonts/opensans-extrabold-webfont.woff2') format('woff2'), url('_fonts/opensans-extrabold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* vollkorn-regular - latin */
@font-face {
    font-family: 'Vollkorn';
    font-style: normal;
    font-display: swap;
    font-weight: 400;
    src: url('_fonts/vollkorn-v12-latin-regular.eot');
    /* IE9 Compat Modes */
    src: local(''),
        url('_fonts/vollkorn-v12-latin-regular.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('_fonts/vollkorn-v12-latin-regular.woff2') format('woff2'),
        /* Super Modern Browsers */
        url('_fonts/vollkorn-v12-latin-regular.woff') format('woff'),
        /* Modern Browsers */
        url('_fonts/vollkorn-v12-latin-regular.ttf') format('truetype'),
        /* Safari, Android, iOS */
        url('_fonts/vollkorn-v12-latin-regular.svg#Vollkorn') format('svg');
    /* Legacy iOS */
}

/* vollkorn-600 - latin */
@font-face {
    font-family: 'Vollkorn';
    font-style: normal;
    font-display: swap;
    font-weight: 600;
    src: url('_fonts/vollkorn-v12-latin-600.eot');
    /* IE9 Compat Modes */
    src: local(''),
        url('_fonts/vollkorn-v12-latin-600.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('_fonts/vollkorn-v12-latin-600.woff2') format('woff2'),
        /* Super Modern Browsers */
        url('_fonts/vollkorn-v12-latin-600.woff') format('woff'),
        /* Modern Browsers */
        url('_fonts/vollkorn-v12-latin-600.ttf') format('truetype'),
        /* Safari, Android, iOS */
        url('_fonts/vollkorn-v12-latin-600.svg#Vollkorn') format('svg');
    /* Legacy iOS */
}

/* vollkorn-700 - latin */
@font-face {
    font-family: 'Vollkorn';
    font-style: normal;
    font-display: swap;
    font-weight: 700;
    src: url('_fonts/vollkorn-v12-latin-700.eot');
    /* IE9 Compat Modes */
    src: local(''),
        url('_fonts/vollkorn-v12-latin-700.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('_fonts/vollkorn-v12-latin-700.woff2') format('woff2'),
        /* Super Modern Browsers */
        url('_fonts/vollkorn-v12-latin-700.woff') format('woff'),
        /* Modern Browsers */
        url('_fonts/vollkorn-v12-latin-700.ttf') format('truetype'),
        /* Safari, Android, iOS */
        url('_fonts/vollkorn-v12-latin-700.svg#Vollkorn') format('svg');
    /* Legacy iOS */
}

body,
html,
div,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
dl,
dt,
dd,
ol,
ul,
li,
hr,
fieldset,
form,
label,
legend,
th,
td,
article,
aside,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
hgroup,
img {
    margin: 0;
    padding: 0;
}

html,
input,
textarea {
    -webkit-font-smoothing: antialiased;
}

body {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
    font-family: 'open_sanslight', sans-serif;
    font-weight: normal;
    line-height: 150%;
    color: #000;
    font-size: 100%;
    width: 100%;
}

.overallwrapper{
    min-height: calc(100vh - 60px);
}

.error404 .overallwrapper{
    min-height:  calc(100vh - 380px);
}

/* Strukturelemente
##################################################### */

#container {
    overflow-y: hidden;
    margin: 200px auto 180px auto;
    position: relative;
    z-index: 1;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    width: -moz-calc(100% - 30px);
    width: -webkit-calc(100% - 30px);
    width: -o-calc(100% - 30px);
    width: calc(100% - 30px);
}

.home #container {
    padding-top: 50px;
    margin-top: 0px;
    margin-bottom: 0px;
    position: relative;
    z-index: 11;
    background-color: #fff;
}

#contentwrapper {
    width: 100%;
}

#container_blog {
    display: table;
    overflow: hidden;
    margin: auto;
    position: relative;
    z-index: 1;
    padding-left: 15px;
    padding-right: 15px;
    margin: 200px auto 180px auto;
    width: -moz-calc(66.666666% - 30px);
    width: -webkit-calc(66.666666% - 30px);
    width: -o-calc(66.666666% - 30px);
    width: calc(66.666666% - 30px);
}

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

    .home #container {
        padding-top: 25px;
        margin-top: 0px;
    }

    #container {
        margin: 125px auto 100px auto;
    }

    #container_blog {
        width: -moz-calc(100% - 30px);
        width: -webkit-calc(100% - 30px);
        width: -o-calc(100% - 30px);
        width: calc(100% - 30px);
        margin-top: 150px;
        margin-bottom: 150px;
    }
}


/* Globale Klassen
##################################################### */

.bugfix :before,
.bugfix :after {
    display: inline !important;
}

.width_full {
    max-width: 100% !important;
    margin: 0px !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    width: calc(100% - 30px) !important;
    width: -moz-calc(100% - 30px) !important;
    width: -webkit-calc(100% - 30px) !important;
    width: -o-calc(100% - 30px) !important;
    width: calc(100% - 30px) !important;
}

.width_inner {
    max-width: 1400px !important;
    margin: auto !important;
    float: none !important;
    position: relative !important;
    width: -moz-calc(100% - 0px) !important;
    width: -webkit-calc(100% - 0px) !important;
    width: -o-calc(100% - 0px) !important;
    width: calc(100% - 0px) !important;
}

.box.vc_column_container>.vc_column-inner {
    padding: 60px 60px 70px 60px !important;
}

.blank-link a {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    text-decoration: none !important;
    border: 0px solid transparent !important;
    cursor: pointer;
}

.blank-link a:hover{
    cursor: pointer !important;
}

.displaynone {
    display: none !important;
}

.vis-none {
    visibility: hidden !important;
    height: 0px;
    line-height: 0% !important;
}

.text_white {
    color: white !important;
}

.content_row {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
}

.content_row_top {
    padding-top: 50px !important;
}

.content_row_bottom {
    padding-bottom: 50px !important;
}

img.dropshadow {
    -webkit-filter: drop-shadow(2px 2px 6px rgba(107, 107, 107, 0.5));
    filter: drop-shadow(2px 2px 6px rgba(107, 107, 107, 0, 5));
}


.buecher_img {
    max-width: 375px;
    margin: auto;
}

.buecher_img_single {
    max-width: 225px;
    margin: auto;
    -webkit-filter: drop-shadow(2px 2px 6px rgba(107, 107, 107, 0.75));
    filter: drop-shadow(2px 2px 6px rgba(107, 107, 107, 0, 0.75));
}

.buch_sub{
    margin-top: 5px;
}

.presse-intro.content_row_bottom{
    padding-bottom: 20px !important;
}
.portrait_img{
    margin-left: 2.5px;
    margin-bottom: -25px !important;
}

.content_row_sub {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.content_row_sub .vc_column-inner {
    padding-top: 0px !important;
}

.content_row.buch {
    padding-top: 40px !important;
    padding-bottom: 45px !important;
}

.content_row.buch:before {
    width: calc(66.666666% - 20px);
    height: 1px;
    background-color: #e5e5e5 !important;
    content: "";
    margin: -10px auto 50px auto;
    display: block;
}

.buch .wpb_text_column {
    margin-left: 30px;
}

.intro-box .vc_single_image-wrapper{
    max-width: calc(100% - 120px) !important;
    height: auto !important;
    width:100% !important;
    position: relative;
    padding: 60px 0 60px 0 ;
}

.intro-box .vc_single_image-wrapper:after{
    height: 120px;
    width: 120px;
    background-size: 120px 120px;
    content: "";
    display: inline-block;
    position: absolute;
    right: -60px;
    top:0px;
    z-index: 11;
    background-repeat: no-repeat;
}

.intro-box img{
    -webkit-filter: drop-shadow(2px 2px 6px rgba(107, 107, 107, 0.75));
filter: drop-shadow(2px 2px 6px rgba(107, 107, 107, 0, 0.75));
}

.intro-box {
    cursor: pointer;
}

.intro-box.intro-box-buecher .vc_single_image-wrapper:after{
    background-image: url(_img/stoerer-neueste-veroeffentlichung.svg);
}

.intro-box.intro-box-home .vc_single_image-wrapper:after{
    background-image: url(_img/stoerer-buch-mehr.svg);
}

@media screen and (max-width: 991px) and (min-width:768px){
    .intro-box .vc_single_image-wrapper{
        max-width: calc(100% - 80px) !important;
    }

    .intro-box .vc_single_image-wrapper:after{
        height: 75px;
        width: 75px;
        background-size: 75px 75px;
        right: -37.5px;
        top:0px;
        padding: 37.5px 0 37.5px 0 ;
    }

    .intro-box .vc_single_image-wrapper{
        padding: 37.5px 0 37.5px 0 ;
    } 
}
@media screen and (max-width: 576px){
    .intro-box .vc_single_image-wrapper{
        max-width: calc(100% - 80px) !important;
    }

    .intro-box .vc_single_image-wrapper:after{
        height: 75px;
        width: 75px;
        background-size: 75px 75px;
        right: -37.5px;
        top:0px;
        padding: 37.5px 0 37.5px 0 ;
    }

    .intro-box .vc_single_image-wrapper{
        padding: 37.5px 0 37.5px 0 ;
    } 
}

@media screen and (max-width: 767px) {
    .buch .wpb_text_column {
        margin-left: 0px;
    }

    .portrait_img{
        margin-left: 0px;
        margin-bottom: -35px !important;
    }

    .buecher_img {
        max-width: 200px;
        margin: 0;
    }

    .buch .wpb_single_image.vc_align_center {
        text-align: left;
    }

    .buch img {
        margin-bottom: 30px;
    }

    .content_row.buch {
        padding-top: 20px !important;
        padding-bottom: 25px !important;
    }

    .content_row.buch:before {
        width: calc(100% - 0px);
        height: 1px;
        background-color: #e5e5e5 !important;
        content: "";
        margin: -2.5px auto 37.5px auto;
        display: block;
    }
}


@media screen and (max-width: 480px) {
    .portrait_img_wrapper{
        width: 100% !important;
    margin-bottom: 30px;}
}

.sticky-cta {
    position: fixed;
    bottom: -165px;
    top: auto !important;
    right: 20px;
    width: calc(100% - 0px);
    max-width: 1450px;
    left: 0;
    height: 150px;
    margin: auto;
    z-index: 111;
    opacity: 1;
}

.home .sticky-cta {
    display: none;
}

.sticky-cta-inner {
    position: absolute;
    right: -33px;
    top: -119px;
    width: 152px;
    height: 145px;
}

.sticky-cta-inner a.yt-cta {
    width: 48px;
    height: 48px;
    position: absolute;
    bottom: 40px;
    left: -47px;
    background: #01b9d5 url(_img/ico-youtube-white.svg) center center no-repeat;
    background-size: 25px 25px;
}

.sticky-cta-inner a.buch-cta {
    transition: all linear 300ms;
    transform: translateY(0px);
    display: inline-block;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    box-shadow: inset 0 0 0 0.01px white;

}

.sticky-cta-inner a.buch-cta img {
    width: 104px;
    backface-visibility: hidden;
    height: 145px;
}

.sticky-cta-inner a.buch-cta:hover {
    transform: translateY(-40px);
}

#JojoFormelRechnerResult{
    display: inline-block;
    margin-left: 10px;
    color: #01b9d5;
}

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

    .box.vc_column_container>.vc_column-inner {
        padding: 45px 45px 47.5px 45px !important;
    }}

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

    .sticky-cta {
        visibility: hidden !important;
        pointer-events: none !important;
    }


    .box.vc_column_container>.vc_column-inner {
        padding: 30px 30px 32.5px 30px !important;
    }


    .content_row,
    .content_row_sub {
        padding-top: 20px !important;
        padding-bottom: 25px !important;
    }

    .content_row_bottom {
        padding-bottom: 0px !important;
    }
}

.portrait_img img {
    width: 100%;
    margin: 0 auto;
    max-width: 330px !important;
}

.rotate_left {
    -moz-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
    -webkit-transform: rotate(-3deg);
    transform: rotate(-3deg);
}

.rotate_right {
    -moz-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    -o-transform: rotate(3deg);
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
}

@media screen and (max-width: 991px) {
    .col_height {
        min-height: 475px !important;
        background-position: center center !important;
        background-size: cover !important;
        padding-bottom: 0px !important;
    }
}

@media screen and (max-width: 767px) {
    .portrait {
        background: transparent !important;
        background-size: 75%;
    }

    .portrait_img img {
        max-width: 200px !important;
        margin-bottom: 30px;
    }

    .content_row {
        margin-top: 0px !important;
        margin-bottom: 0px;
    }

    .col_reverse {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        flex-direction: column-reverse;
        -webkit-flex-direction: column-reverse;
        flex-wrap: wrap;
    }

    .col_height {
        min-height: 325px !important;
        background-position: center center !important;
        background-size: cover !important;
        padding-bottom: 0px !important;
    }
}


/* Header Definition und Slider
##################################################### */

header {
    margin: auto;
    position: relative;
    height: 120px;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    transition: all 0.5s;
    z-index: 111;
    background-color: #fff;
}

.header_inner {
    margin: 0 auto;
    position: relative;
    padding: 0 0px;
    width: 100%;
    max-width: calc(1440px - 0px);
}

#header_logo {
    position: absolute;
    left: 15px;
    width: 225px;
    height: 145px;
    top: -12.5px;
    z-index: 100000;
}

#header_logo img {
    width: 225px;
    height: 145px;
}

#hero-slider {
    margin: 120px auto 0 auto;
    position: relative;
    padding: 0 0px;
    width: calc(100% - 30px);
    max-width: 1400px;
}

#hero-slider {
    position: relative;
}

.rslides {
    
    list-style: none;
    overflow: hidden;
    width: 100%;
}

.rslides li {
    position: relative;
    width: 100%;
    padding-top: 56.25%
        /*42.8571%*/;
    overflow: hidden;
}

.rslides li {
    -webkit-backface-visibility: hidden;
    position: absolute;
    display: none;
    width: 100%;
    left: 0;
    top: 0;
}

.rslides li:first-child {
    position: relative;
    display: block;
    float: left;
}

.inner-slide {
    max-width: 1400px;
    position: fixed;
    width: calc(100vw - 30px);
    height: calc((100vw * 0.5625) + 120px);
    top: 0px;
    margin: 0 auto;
    left: 0;
    bottom: 0;
    right: 0;
    pointer-events: none;
    object-fit: cover;
    object-position: center 0px;
}

@media screen and (min-width:1401px){
    .inner-slide {
        object-fit: contain;}
}

@media screen and (max-width:767px){
    .inner-slide {
        height: calc((100vw * 0.5625) + 100px);
        position: absolute;
        top: -100px;
        object-position: center calc(100% - 10px);
        object-fit: contain;
    }
}

.navContainer {
    background-color: #01b9d5;
    width: 60px;
    height: 60px;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 11;
    overflow: hidden;
}

.navContainer a {
    height: 30px;
    width: 60px;
    display: block;
}

.navContainer a:first-of-type {
    transition: 0.125s all;
    background: url(_img/slide-left.svg) no-repeat left top 8px;
    background-size: 40px 20px;
}

.navContainer a:first-of-type:hover {
    background: url(_img/slide-left-full.svg) no-repeat left top 8px;
    background-size: 40px 20px;
}

.navContainer a:last-of-type {
    background: url(_img/slide-right.svg) no-repeat right bottom 6px;
    background-size: 40px 20px;
}

.navContainer a:last-of-type:hover {
    background: url(_img/slide-right-full.svg) no-repeat right bottom 6px;
    background-size: 40px 20px;
}

@media screen and (max-width:767px) {
    #hero-slider {
        margin: 100px auto 0 auto;
    }

    header {
        height: 100px;
    }

    #header_logo img {
        width: 185px;
        height: 125px;
    }

    .navContainer {
        width: 45px;
        height: 45px;
    }
    
    .navContainer a {
        height: 22.5px;
        width: 45px;
        display: block;
        background-size: 30px 15px !important;
    }

    .navContainer a:first-of-type, .navContainer a:first-of-type:hover {
        background-position: left top 5px;}

    .navContainer a:last-of-type,  .navContainer a:last-of-type:hover {
        background-position: right bottom 4px;
    }
}

/* Content h1, p, a, Buttons, Textarea usw.
##################################################### */

h1 {
    color: #000;
    text-align: left;
    background-position: bottom;
    padding: 0px 0 0px 0;
    font-family: 'Vollkorn';
    font-style: normal;
    font-weight: 700;
    font-size: 74px;
    font-size: 4.625rem;
    line-height: 100%;
    display: inline-block;
}

.push-bottom h1{
    margin-bottom: -10px !important;
}

h1.smaller {
    font-size: 54px;
    font-size: 3.5rem;
}

h2,
h2 a,
h3,
h3 a {
    color: #000;
    text-align: left;
    background-position: bottom;
    padding: 0px 0 0px 0;
    font-family: 'Vollkorn';
    font-style: normal;
    font-weight: 700;
    font-size: 40px;
    font-size: 2.25rem;
    line-height: 125%;
    text-decoration: none;
}

h3,
h3 a {
    font-weight: 600;
}

p,
p li,
.container_blog li, .container_blog li {
    font-family: 'open_sansregular';
    font-weight: normal !important;
    line-height: 180% !important;
    margin: 15px 0 15px 0;
    text-align: left;
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: 400 !important;
}

.wpb_wrapper ul li {
    font-size: 18px;
    font-size: 1.125rem;
}

#container_blog ul{
    margin: 10px 0 10px 20px;
    font-size: 18px;
    font-size: 1.125rem;
}

 #container_blog ol {
    margin: 10px 0 10px 32.5px;
    font-size: 18px;
    font-size: 1.125rem;
}

strong,
b {
    font-weight: 600;
}

#container ul,
#container ol,
#container_sub ul,
#container_sub ol,
#container_blog ul,
#container_blog ol  {
    font-family: 'open_sansregular';
    font-weight: normal !important;
    line-height: 180% !important;
    margin: 15px 0 15px 0;
}

#container li {
    margin-bottom: 5px;
}

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

p a:not(.cta){
    border-bottom: 1px dotted black;
    text-decoration: none;
    transition: 0.25s all;
}

p a:not(.cta):hover{
    border-bottom: 1px dotted #01b9d5;
    text-decoration: none;
    color:#01b9d5;
}

table th {
    vertical-align: middle;
}

.more-link {
    font-size: 18px;
    font-size: 1.125rem;
    margin-top: 15px;
    padding: 10px 24px 12px 24px;
    margin-right: 10px;
    background-color: #f27157;
    color: #fff !important;
    display: inline-block;
    text-decoration: none;
    -webkit-transition: all ease 0.2s;
    -moz-transition: all ease 0.2s;
    transition: all ease 0.2s;
    -o-transition: all ease 0.2s;
    margin-bottom: 15px;
    font-weight: 300 !important;
}

.more-link:hover {
    -webkit-transition: all ease 0.2s;
    -moz-transition: all ease 0.2s;
    transition: all ease 0.2s;
    -o-transition: all ease 0.2s;
    padding: 10px 24px 12px 24px;
    background: #666;
    color: #fff !important;
    font-weight: 300 !important;
}

a:focus,
a:active,
a:hover {
  /*  text-decoration: underline;*/
    outline: 0;
}

.cta {
    line-height: 180%;
    border: 2px solid #000;
    padding: 10px 25px 7.5px 25px;
    font-family: 'Vollkorn' !important;
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    font-size: 1.125rem;
    color: #000;
    display: inline-block;
    text-decoration: none;
    margin-top: 15px;
    background-size: 100% 200%;
    background-image: linear-gradient(to bottom, transparent 50%, black 50%);
    cursor: pointer;
    transition: background-position .3s ease-in,
        color .5s linear;
        outline:none !important;
}

.cta:hover {
    background-position: -50% -100%;
    color: #fff;
    text-decoration: none;
}

.button_blog {
    font-size: 20px;
    font-size: 1.25rem;
    font-family: 'Vollkorn';
    font-style: normal;
    font-weight: 400;
    margin-top: 15px;
    padding: 2.5px 0px 3px 9px;
    color: #000;
    font-weight: 400;
    display: inline-block;
    text-decoration: none;
    -webkit-transition: all ease 0.2s;
    -moz-transition: all ease 0.2s;
    transition: all ease 0.2s;
    -o-transition: all ease 0.2s;
    border-bottom: 0px solid transparent !important;
}

.button_blue,
.post-item-bewegung .button_blog {
    border-left: 3px solid #4298CD;
    border-bottom: 0px solid transparent !important;
    font-size: 20px;
    font-size: 1.25rem;
    font-family: 'Vollkorn';
    font-style: normal;
    font-weight: 400;
    margin-top: 15px;
    padding: 2.5px 0px 3px 9px;
    color: #000;
    font-weight: 400;
    display: inline-block;
    text-decoration: none;
    -webkit-transition: all ease 0.2s;
    -moz-transition: all ease 0.2s;
    transition: all ease 0.2s;
    -o-transition: all ease 0.2s;
}

.button_blue:hover,
.post-item-bewegung a.button_blog:hover,  .post-item-bewegung > a:hover .post-item-inner .button_blog{
    color: #4298CD !important;
}

.button_purple,
.post-item-regeneration .button_blog {
    border-left: 3px solid #8587BA;
}

a.button_purple:hover,
.post-item-regeneration .button_blog:hover,
.post-item-regeneration > a:hover .post-item-inner .button_blog
  {
    color: #8587BA;
}

.button_green,
.post-item-ernaehrung .button_blog {
    border-left: 3px solid #72BFB1;
}

.button_green:hover,
.post-item-ernaehrung .button_blog:hover,
.post-item-ernaehrung > a:hover .post-item-inner .button_blog {
    color: #72BFB1;
}

/*Input und Textareas*/

input::-webkit-input-placeholder {
    color: #000 !important;
}

input:-moz-placeholder {
    /* Firefox 18- */
    color: #000 !important;
}

input::-moz-placeholder {
    /* Firefox 19+ */
    color: #000 !important;
}

input:-ms-input-placeholder {
    color: #000 !important;
}

textarea::-webkit-input-placeholder {
    color: #000 !important;
}

textarea:-moz-placeholder {
    /* Firefox 18- */
    color: #000 !important;
}

textarea::-moz-placeholder {
    /* Firefox 19+ */
    color: #000 !important;
}

textarea:-ms-input-placeholder {
    color: #000 !important;
}

input[type="radio"] {
    width: auto !important;
    height: 15px !important;
    display: inline !important;
    -webkit-appearance: radio;
    margin: 10px 5px 0 0;
}

input[type="submit"] {
    width:auto !important;
    line-height: 180%;
    border: 2px solid #000;
    padding: 10px 25px 7.5px 25px;
    font-family: 'Vollkorn' !important;
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    font-size: 1.125rem;
    color: #000;
    margin-bottom:2.5px !important;
    display: inline-block;
    text-decoration: none;
    margin-top: 15px;
    background-color: transparent !important;
    background-size: 100% 200%;
    background-image: linear-gradient(to bottom, transparent 50%, black 50%);
    cursor: pointer;
    transition: background-position .3s ease-in,
        color .5s linear;
        font-family: 'Vollkorn' !important;
font-style: normal;
font-weight: 700 !important;
}

input[type="submit"]:hover {
    background-position: -50% -100%;
    color: #fff;
    text-decoration: none;
}

@media screen and (max-width: 991px) {
    input[type="submit"] {
        font-size: 17px;
        font-size: 1.0625rem;
        }
    }


@media screen and (max-width: 767px) {
    input[type="submit"] {
        font-size: 15px;
        font-size: 0.9325rem;
    }
}

::-webkit-input-placeholder {
    color: #fff
}

:-moz-placeholder {
    color: #fff;
    /* For Firefox 18- */
}

::-moz-placeholder {
    color: #fff;
    /* For Firefox 19+ */
}

:-ms-input-placeholder {
    color: #fff;
}

input,
textarea {
    font-family: 'open_sanslight', sans-serif;
    font-weight: normal !important;
    line-height: 180% !important;
    margin: 5px 0 15px 0;
    text-align: left;
    font-size: 14px;
    font-size: 0.875rem;
    color: #000;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    border-radius: 0;
    border: 0;
    width: -moz-calc(90% - 30px);
    width: -webkit-calc(90% - 30px);
    width: -o-calc(90% - 30px);
    width: calc(90% - 30px);
    padding: 8px 15px;
}

input.button {
    width: auto !important;
    cursor: pointer;
}

input[type="checkbox"] {
    -webkit-appearance: checkbox;
    float: left;
    width: 20px;
    height: 10px;
    margin: 5px 0 0 0;
    padding: 0;
}

.wpcf7-acceptance .wpcf7-list-item {
    margin: 0;
    padding: 0;
    width: 93%;
}

.wpcf7-acceptance {
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 160%;
}

.wpcf7-character-count {
    font-size: 12px;
    font-size: 0.75rem;
    font-weight: bold;
    color: #f27157;
}

.wpcf7-character-count:before {
    content: "Verbleibende Zeichen: ";
    font-size: 12px;
    font-size: 0.75rem;
    font-weight: bold;
    color: #f27157;
}

textarea {
    height: 100px;
    margin-top: 5px;
}

form p {
    margin: 2px 0 2px 0;
}

#JojoFormelRechner input {
    margin-bottom: 10px;
}

div.wpcf7-response-output {
    margin: 0 !important;
    width: -moz-calc(90% - 35px) !important;
    width: -webkit-calc(90% - 35px) !important;
    width: -o-calc(90% - 35px) !important;
    width: calc(90% - 35px) !important;
    padding: 15px !important; 
    display: none !important;
}

#JojoFormelRechner input[type="radio"] {
    padding-right: 0px !important;
}

#JojoFormelRechner input[type="radio"] {
    margin-left: 10px;
}

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

    input,
    textarea {
        width: -moz-calc(100% - 30px);
        width: -webkit-calc(100% - 30px);
        width: -o-calc(100% - 30px);
        width: calc(100% - 30px);
    }
}


/*Fittnes Test*/

.fitness-test img{
    max-width:300px !important;
    height: auto;
}

.fitness-test h1{display: none;}

.checkbox_halfhalf {
    display: inline-block;
    width: 45%;
}

span.input-wrap{
    display: flex;
    line-height: 150%;
    margin-bottom: 15px;
}

span.input-wrap:last-of-type{
    margin-bottom: 0px;
}

span.input-wrap input{
    width: 20px !important;
    height: 20px !important;
    margin-right: 10px;
    margin-top: 3.5px;
}

@media screen and (max-width: 600px) {
    .checkbox_halfhalf {
        width: 100%;
    }

    .fitness-test img{
        max-width:250px !important;
        height: auto;
    }
}

#ruhepuls,
#belastungspuls {
    background: #fff !important;
    margin-left: 15px;
}

td,
th {
    text-align: left !important;
}

.rechtsrum {
    display: block;
    float: right;

}

@media screen and (max-width: 1024px) {
    h1 {
        font-size: 54px !important;
        font-size: 3.325rem !important;
    }
}

@media screen and (max-width: 991px) {
    h1 {
        font-size: 44px !important;
        font-size: 2.75rem !important;
    }


    h2,
    h2 a {
        font-size: 34px !important;
        font-size: 2.125rem !important;
    }

    h3,
    h3 a {
        font-size: 28px !important;
        font-size: 1.75rem !important;
    }

    p {
        font-size: 16px;
        font-size: 1rem;
    }

    .wpb_wrapper ul li {
        font-size: 16px;
        font-size: 1rem;
    }

    .button_blue,
    .post-item-bewegung .button_blog,
    .button_blog {
        font-size: 17px !important;
        font-size: 1.0625rem !important;
    }

    a.cta, span.cta {
        font-size: 17px !important;
        font-size: 1.0625rem !important;
    }
    #container_blog ul, #container_blog ol{
        font-size: 16px !important;
        font-size: 1rem !important;
    }

}

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

    h1 {
        font-size: 38px !important;
        font-size: 2.325rem !important;
    }


    h2,
    h2 a {
        font-size: 30px !important;
        font-size: 1.875rem !important;
    }

    h3,
    h3 a {
        font-size: 24px !important;
        font-size: 1.5rem !important;
    }

    p {
        font-size: 14px;
        font-size: 0.875rem;
        margin-top: 10px;
    }

    .wpb_wrapper ul li {
        font-size: 14px;
        font-size: 0.875rem;
    }


    .button_blue,
    .post-item-bewegung .button_blog,
    .button_blog {
        font-size: 16px !important;
        font-size: 1rem !important;
        margin-top: 7.5px;
    }

    a.cta, span.cta {
        font-size: 15px !important;
        font-size: 0.9325rem !important;
        margin-top: 12.5px;
    }
    #container_blog ul, #container_blog ol{
        font-size: 14px !important;
        font-size: 0.875rem !important;
    }

    #container_blog ul{
        margin: 10px 0 10px 10px;
    }
    
     #container_blog ol {
        margin: 10px 0 10px 20px;
    }

}


@media only screen and (min-width: 381px) {
    span.cta.mobile-off{display: inline ;
       }
       span.cta.mobile-on{display: none;}
}

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

    span.cta.mobile-on{display: inline;
      }
    span.cta.mobile-off{display: none !important
    }
    }

@media only screen and (max-width: 1000px) {
    /* .newsletter .vc_column-inner {
        padding-left: 0px !important;
    }

    .newsletter .wpb_wrapper {
        padding: 10px 15px 0px 15px !important;
    }*/
}

@media only screen and (max-width: 1000px) {
    /*   .newsletter .vc_column-inner {
        width: 100% !important;
    }*/
}

@media only screen and (max-width: 767px) {
    .vc_column_container>.vc_column-inner {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
}

#container li {
    margin-left: 20px;
}


/*blog home*/

.post-item {
    border-top: 1px solid #e5e5e5;
    display: table;
    padding: 45px 0 30px 0;
    margin-top: 5px;
}

.home .post-item {
    margin-top: 15px;
    padding: 35px 0 30px 0;
}

.wpb_wrapper .post-item:last-of-type {
    padding-bottom: 0px;
}

.post-item:before {
    content: "";
    display: block;
    float: left;
    height: 60px;
    width: 60px;
    background-size: 59px 59px !important;
    margin: 0px 30px 30px 20px;
}

.post-item h3,
.post-item h2 {
    margin-top: 7.5px;
}

.post-item-bewegung:before {
    background: url(_img/bewegung-kategorie-sportwissenschaftler-ingo-froboese.svg) no-repeat;
}

.post-item-ernaehrung:before {
    background: url(_img/ernaehrung-kategorie-sportwissenschaftler-ingo-froboese.svg) no-repeat;
}

.post-item-regeneration:before {
    background: url(_img/regeneration-kategorie-sportwissenschaftler-ingo-froboese.svg) no-repeat;
}

.post-item-inner {
    float: left;
    width: calc(100% - 110px)
}

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

    .post-item:before {
        margin: 0px 30px 15px 0px;
    }

    .post-item-inner {
        width: calc(100% - 0px)
    }

}

/*Blog-Anpassungen*/

.blog h1, .archive h1{
    padding-bottom: 15px;
}

p li,
#container_blog ul li {
    font-weight: 400;
    font-family: 'open_sansregular', sans-serif;
    font-weight: normal !important;
    line-height: 170% !important;
    margin: 5px 0 5px 10px;
}

.single h2,
.single h3 {
    margin: 45px 0 15px 0;
}

.blog .post-item:last-of-type {
    border-bottom: 1px solid #e5e5e5;
}


.post-top,
.post-bottom {
    display: table;
}

.post-bottom {
    margin-top: 20px;
}

.post-item h1 {
    display: table-cell;
}

.post-back {
    min-width: 235px;
    display: table-cell;
}

.postnav {
    padding: 12px 0 0px 0;
    display: table-cell;
    text-align: right;
    vertical-align: middle;
    width: 100%;
}

.post-bottom .postnav {
    text-align: left;
    padding-left: 30px;
    padding-top: 17.5px !important;
}

.postnav a {
    text-decoration: none;
    font-family: 'Vollkorn';
    font-style: normal;
    font-weight: 400;
    padding: 10px 0 10px 0px;
    margin-right: 10px;
    transition: 0.5s all;
    color:#9d9d9d;
    display: inline-flex;
    align-items: center;
}

.postnav a:last-of-type{
    margin-right: 0px;
}

.postnav a svg{
    width:30px;
    height: 30px;
    margin-right: 10px;
} 

.postnav a svg circle{
    fill: #9d9d9d;
    transition: 0.25s all;
}

.postnav a:hover {
    color: #000;
}


.postnav a:first-of-type:hover svg circle {
   fill: #4298CD;
}

.postnav a:nth-of-type(2):hover svg circle {
    fill: #72BFB1
}


.postnav a:nth-of-type(3):hover svg circle {
    fill: #8587BA
}


.single .post-item {
    padding-top: 15px;
    padding-bottom: 35px;
    border-top: 0px solid transparent;
    border-bottom: 1px solid #e5e5e5;
}

.single .post-item:before {
    display: none;
}


.single h1:before {
    content: "";
    display: block;
    position: absolute;
    left: -90px;
    height: 60px;
    width: 60px;
    background-size: 59px 59px !important;
    margin: 0px 30px 30px 20px;
}

.single p {
    margin: 20px 0 20px 0;
}

.single p a {
    border-bottom: 1px dotted black;
    color: black;
    text-decoration: none;
}

.single p a:hover{
    border-bottom: 1px dotted #01b9d5;
    text-decoration: none;
    color:#01b9d5;
}


.single h1.ernaehrung:before {
    background: url(_img/ernaehrung-kategorie-sportwissenschaftler-ingo-froboese.svg) no-repeat;
}

.single h1.bewegung:before {
    background: url(_img/bewegung-kategorie-sportwissenschaftler-ingo-froboese.svg) no-repeat;
}

.single h1.regeneration:before {
    background: url(_img/regeneration-kategorie-sportwissenschaftler-ingo-froboese.svg) no-repeat;
}

@media screen and (max-width:1032px){
    .postnav a{
   font-size: 0px;
   padding-right: 0px;
}
.postnav a svg, .postnav a:last-of-type {
    margin-right: 0px;
}

.blog h1, .archive h1{
    padding-bottom: 5px;
}

.postnav{
    padding-top: 0px;
}
}

@media screen and (max-width:767px){
    .post-bottom .postnav {
        display: none;
    }
}

/* Footer Angaben
##################################################### */

#footer {
    position: relative;
    display: table;
    width: 100%;
    line-height: 200%;
    padding-top: 17.5px !important;
    padding-bottom: 2.5px !important;
    min-height: 40px;
    margin: 0px 0 0 0px;
    font-size: 15px;
    font-size: 0.825rem;
    text-align: right;
    background: #000;
    z-index: 11;
}

.footer_inner {
    margin: 0 auto;
    position: relative;
    padding: 0 0px;
    width: 100%;
    max-width: calc(1440px - 0px);
}



#footer:before {
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
    content: "";
    width: 237px;
    height: 50px;
    background: url(_img/silhouette-sportler-sportwissenschaftler-ingo-froboese.png) no-repeat center center;
    background-size: 237px 50px;
    top: -49px;
    z-index: 11;
}

#footer_inner {
    position: relative;
    max-width: 1400px;
    margin: 0 auto;
    bottom: 0;
    width: 100%;
}

.leftcol {
    float: left;
    display: table;
}

.leftcol img {
    margin-left: 7px;
    margin-top: 7px;
    -webkit-filter: grayscale(100%);
    /* Chrome, Safari, Opera */
    filter: grayscale(100%);
}

.leftcol img:hover {
    -webkit-filter: grayscale(0%);
    /* Chrome, Safari, Opera */
    filter: grayscale(0%);
}

.leftinnercol {
    display: table-cell;
    vertical-align: middle
}

.rightcol {
    float: right;
}

#copyright {
    float: left;
    text-align: left;
    font-weight: normal;
    font-family: 'open_sansregular', sans-serif;
    font-size: 12px;
    font-size: 0.75rem;
    color: #ededed !important;
    margin: 0px 0 0px 20px;
}

#copyright br {
    display: none;
}

#copyright a {
    text-decoration: none;
    font-family: 'open_sansregular', sans-serif;
    font-size: 12px;
    font-size: 0.75rem;
    color: #01b9d5 !important;
}

#copyright a:hover {
    text-decoration: underline !important;
}

#footer a {
    color: #9d9d9c;
    font-family: 'open_sansregular', sans-serif;
    text-decoration: none;
    transition: 0.25s all;
}

#footer a:hover {
    color: #fff;
}

#footer_inner .menu li {
    list-style-type: none;
    float: left;
    margin-right: 10px;
}

#tagcloud {
    padding: 15px 0px 130px 0px;
    display: table;

}

.home #tagcloud{
    background-color: #fff;
    position: relative;
    z-index: 11;
}

#tagcloud ul {

    max-width: 100%;
}

#tagcloud a {
    text-decoration: none;
    font-family: 'Vollkorn';
    font-style: normal;
    font-weight: 400;
    margin: 2.5px 0;
    display: inline-block;
    color:#9d9d9d;
    transition: 0.25s all;
}

#tagcloud a:hover {
   color:#000;
}

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


    #footer {
        padding-top: 15px !important;
        padding-bottom: 17.5px !important;
    }

    #copyright {
        float: left;
        margin-left: 10px;
        margin-top: 40px;
        text-align: left;
    }

    .leftcol {
        margin: 10px auto 0 auto !important;
    }

    #tagcloud {
        padding: 15px 0px 100px 0px;
        display: inline-block;
    }

    #tagcloud ul {
        margin-left: 0px;
        text-align: center;
        max-width: 100%;
    }

    #tagcloud ul a {
        margin: 0 !important;
    }


    .col_reverse {
        display: -webkit-flex;
        /* Safari */
        display: -ms-flexbox;
        display: flex;
        flex-direction: column-reverse;
        /* Where ordering reverses */
        -webkit-flex-direction: column-reverse;
        flex-wrap: wrap;
    }
}

@media only screen and (max-width: 600px) {
    #copyright br {
        display: block;
    }

    .leftcol img {
        margin-left: 0;
    }

    .leftinnercol {
        display: block;
        line-height: 40px !important;
    }

    #copyright {
        text-align: center;
    }

    .footer_col img {
        width: auto
    }

    .footer_col {
        width: -moz-calc(100% - 40px);
        width: -webkit-calc(100% - 40px);
        width: -o-calc(100% - 40px);
        width: calc(100% - 40px);
        text-align: left !important;
    }

    .divider {
        display: none;
    }
}

/*Lebensqualität Test*/

#sum_all_hidden {
    visibility: hidden;
}

.lq-test input[type="number"] {
    border-bottom: 1px solid #ededed !important;
    background-color: transparent !important;
    border-radius: 0px !important;
    box-shadow: none !important;
    margin-bottom: 0px;
    padding: 2.5px 0px !important;
    outline: none !important;
    width: 110px;
    margin-left: 15px;
}

.page-id-1768 .lq-test-ergebnis .vc_row,
.page-id-1772 .lq-test-ergebnis .vc_row,
.page-id-1770 .lq-test-ergebnis .vc_row,
.page-id-1651 .lq-test-ergebnis .vc_row {
    margin-top: 75px !important;
    margin-bottom: -25px !important;
}

.lq-test label .wpcf7-form-control-wrap {
    display: block;
    width: 100%;
}

.lq-test .wpcf7-previous {
    background-color: #b8b8b8;
}

.lq-test label {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 150%;
    width: calc(100% - 0px);
    display: block;
    position: relative;
}


@media screen and (max-width: 991px) {
    .lq-test label {
        font-size: 16px;
        font-size: 1rem;}
}

@media screen and (max-width: 767px) {
    .lq-test label {
        font-size: 14px;
        font-size: 0.875rem;}
}

.lq-test .test-ergebnis {
    height: 0px;
}

.lq-test p {
    opacity: 1;
    transition: 0.125s all;
}

body.parent-pageid-1651 .forcefullwidth_wrapper_tp_banner:first-of-type,
body.page-id-1651 .forcefullwidth_wrapper_tp_banner:first-of-type {
    display: none !important;
}

body.parent-pageid-1651 .forcefullwidth_wrapper_tp_banner:last-of-type {
    height: 125px !important;
    overflow: hidden;
}

body.parent-pageid-1651 .forcefullwidth_wrapper_tp_banner:last-of-type .tp-bgimg {
    background-position: center center !important;
    height: 125px !important;
}

body.parent-pageid-1651 #slider,
body.page-id-1651 #slider {
    margin-bottom: 0px !important;
}

.lq-test input[type="hidden"] {
    margin: 0px !important;
}

.lq-test.content_row .wpb_text_column {
    margin-bottom: 0px !important;
}

.lq-test p {
    margin-bottom: 30px;
}

.lq-test p:last-of-type {
    margin-bottom: 0px;
}

.lq-test h1 {
    font-size: 46px;
    font-size: 2.875rem;
    margin-bottom: 15px;
}

.lq-test.lq-test-ergebnis h1 {
    margin-bottom: 0px;
}

.lq-test label .wpcf7-form-control-wrap {
    overflow: hidden;
}


@media screen and (min-width:576px){
.lq-test.lq-test-ergebnis {
    min-height: 550px;
}
}

.lq-test strong {
    margin-bottom: 15px;
}

#wpcf7-f1716-p1662-o1 {
    display: none;
}

.lq-test .wpcf7-not-valid-tip {
    font-size: 10px;
    font-size: 0.625rem;
    margin-left: 15px;
    margin-top: -1px;
}

.lq-test .wpcf7-mail-sent-ok {
    display: none !important;
}

input[type=range] {
    -webkit-appearance: none;
    /* Hides the slider so that custom slider can be made */
    width: 100%;
    /* Specific width is required for Firefox. */
    background: transparent;
    /* Otherwise white in Chrome */
    padding: 0;
    margin: 5px 0 0 0;
}

input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
}

input[type=range]:focus {
    outline: none;
    /* Removes the blue border. You should probably do some kind of focus styling for accessibility reasons though. */
}

input[type=range]::-ms-track {
    width: 100%;
    cursor: pointer;
    /* Hides the slider so custom styles can be added */
    background: transparent;
    border-color: transparent;
    color: transparent;
}


@media screen and (max-width: 860px) {
    .page-id-1768 .lq-test-ergebnis .vc_row,
    .page-id-1770 .lq-test-ergebnis .vc_row,
    .page-id-1772 .lq-test-ergebnis .vc_row {
        margin-top: 0px !important;
    }
}

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

    .lq-test.content_row {
        padding-top: 35px !important;
        padding-bottom: 10px !important;
    }

    .lq-test label .wpcf7-form-control-wrap {
        margin-top: 5px;
        display: block;
        width: 100%;
    }

    .lq-test p:first-of-type .wpcf7-form-control-wrap .skala:before {
        content: "";
    }
}

/*---Thumb*/

/* Special styling for WebKit/Blink */
input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    border: 3px solid #f6f6f6; box-sizing: border-box;
    height: 24px;
    width: 24px;
    border-radius: 13px;
    background: #04b9d6;
    cursor: pointer;
    margin-top: -10px;
    /* You need to specify a margin in Chrome, but in Firefox and IE it is automatic */
    z-index: 11;
    position: relative;
}

/* All the same stuff for Firefox */
input[type=range]::-moz-range-thumb {
    border: 3px solid #f6f6f6; box-sizing: border-box;
    height: 24px;
    width: 24px;
    border-radius: 13px;
    background: #04b9d6;
    cursor: pointer;
    z-index: 11;
}

/* All the same stuff for IE */
input[type=range]::-ms-thumb {
    border: 3px solid #f6f6f6; box-sizing: border-box;
    height: 24px;
    width: 24px;
    border-radius: 13px;
    background: #04b9d6;
    cursor: pointer;
    z-index: 11;
}

/*Track*/

input[type=range]::-webkit-slider-runnable-track {
    width: 100%;
    height: 4px;
    cursor: pointer;
    background: #bebebe;
    border-radius: 00px;
}

input[type=range]::-moz-range-track {
    width: 100%;
    height: 4px;
    cursor: pointer;
    background: #bebebe;
    border-radius: 0px;
}

input[type=range]::-ms-track {
    width: 100%;
    height: 4px;
    cursor: pointer;
    background: transparent;
    border-color: transparent;

    color: transparent;
}

input[type=range]::-ms-fill-lower {
    background: #bebebe;
    border-radius: 0px;
}

input[type=range]:focus::-ms-fill-lower {
    background: #bebebe;
}

input[type=range]::-ms-fill-upper {
    background: #bebebe;
    border-radius: 0px;
}

input[type=range]:focus::-ms-fill-upper {
    background: #bebebe;
}

.skala {
    width: calc(100% + 0px);
    margin: 2px auto 0px auto;
    height: 10px;
    opacity: 1;
    transition: 0.125s all;
}

.skala span {
    width: 9.09%;
    float: left;
    text-align: center;
    position: relative;
    font-size: 12px;
    font-size: 0.75rem;
    color: #8b8b8b;
    opacity: 1;
    box-sizing: border-box; 
    transition: 0.125s all;
}

.skala span:before {
    content: "";
    display: inline-block;
    position: absolute;
    top: -14px;
    left:   -1.5px;
    right: 0;
    margin: auto;
    width: 3px;
    height: 8px;
    background-color: #f6f6f6;
}

.skala span:nth-of-type(1):after{
    content: "";
    display: inline-block;
    position: absolute;
    top: -13px;
    right: 50%;
    width: 30px;
    height: 8px;
    background-color: #f6f6f6;
}

.skala span:nth-of-type(11):after{
    content: "";
    display: inline-block;
    position: absolute;
    top: -13px;
    left: 50%;
    width: 15px;
    height: 8px;
    background-color: #f6f6f6;
}

/*FS TEst*/

#myradios .wpcf7-list-item-label{
    display:none !important;
    
}

.fs-test-teaser{
    position:  relative !important;
}

.fs-test .label{
    font-family: 'open_sansregular';
    font-weight: normal !important;
    line-height: 160% !important;
   
    text-align: left;
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: 400 !important;
}

.fs-test .inputwrap{
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 15px 0;
}

.fs-test .inputwrap:last-of-type{
    margin-bottom: 30px;
}

.fs-test  .wpcf7-form-control-wrap{
    flex: 0 0 20px;
}

.fs-test .label div{
    flex: 0 0 calc(100% - 20px);
 
}

.fs-test .label .inputwrap div span{
    display: block;
    font-family: 'open_sanslight';
    font-size: 14px;
    padding-top: 3px;
    font-size: 0.875rem;
    margin-bottom: -3px;
}

.fs-test span.wpcf7-list-item{
    margin-left: 0px !important;
}

.fs-test p.credits, 
.fs-test-teaser p.credits{
    background-color: #f6f6f6;
    padding: 5px 10px;
    position: absolute;
    bottom:0;
    left:0;
    font-size: 14px;
    font-size: 0.875rem;
}

.fs-test .wpcf7-not-valid-tip{
    display: none !important;
}

.mailerror{
    color: #dc3232;
    font-size: 0.87rem;
    font-weight: 500;
    font-family: 'open_sansregular', sans-serif;
    font-weight: normal;
    margin-bottom: 15px !important;
}

.fs-test img{
    box-shadow: 0 0 15px rgba(0,0,0, 0.75);
}

.fs-test .fs-landscape img{
width: 100% !important;
height:auto !important;
max-width: 350px !important;
}

@media screen and (max-width:991px){
    .fs-test .col_height{
        min-height: 575px !important;
    } 
    .fs-test label{
        font-size: 1rem;
    }
}

@media screen and (max-width:767px){
    .fs-test .col_height{
        min-height: 375px !important;
    } 

}

/*Gallery Portrait*/

.page .ma5-gallery .gallery-item.ma5-lightbox{
display: none;
}

.ma5-gallery {
    margin: 30px 0 0 0;
 }

.page .ma5-gallery .gallery-item.ma5-lightbox:first-of-type{
    display: inline-block;
    width: 182px;
   height:54px;
   cursor: pointer;
}

.page .ma5-gallery .ma5-lightbox:first-of-type:after{
   content: "Gallerie öffnen";
   content: "Gallerie öffnen";
   width: calc(100% - 4px);
   height: calc(100% - 22px);
   position: absolute;
   border-radius: 0;
   left: 0;
   padding-top: 5px;
   text-align: center;
   top: 0;
   border: 2px solid #000;
   padding: 18px 0 0 0;
   font-family: 'Vollkorn' !important;
   font-style: normal;
   font-weight: 700;
   font-size: 18px;
   font-size: 1.125rem;
   color: #000;
   /* vertical-align: middle; */
   display: table-column-group;
   justify-self: center;
   text-decoration: none;
   margin-top: 0px;
   background-size: 100% 200%;
   background-image: linear-gradient(to bottom, #f6f6f6 50%, black 50%);
   cursor: pointer;
   transition: background-position .3s ease-in,
   color .5s linear;
   cursor: pointer;
}

.page .ma5-gallery .ma5-lightbox:first-of-type:hover:after{
    background-position: -50% -100%;
    color: #fff;
    text-decoration: none;
}

@media screen and (max-width:767px){
    .ma5-gallery {
        margin: 22.5px 0 5px 0;
     }
    

    .page .ma5-gallery .ma5-lightbox:first-of-type:after {
        font-size: 16px;
        font-size: 1rem;
        height: calc(100% - 19px);
        padding-top: 15px;
    }

    .page .ma5-gallery .gallery-item.ma5-lightbox:first-of-type{
        display: inline-block;
        width: 168px;
       height:47px;
    }
}

/*Cookie*/

.cli-modal-content,
.cli-tab-header{
    border-radius: 0px !important;
}

.cli-tab-header{
    background-color: #d3d3d3 !important;
}

.cli-plugin-button, .cli-plugin-button:visited, .medium.cli-plugin-button, .medium.cli-plugin-button:visited {
    font-size:11pt !important
}