.hochgestellt {
    vertical-align: text-top;
    font-size: 58.4%;
    top: 0;
    line-height: 145%;
}

.font-audiowide {

    color: white;
    -webkit-margin-before: 0.0em;
    -webkit-margin-after: 0.0em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}

h1.font-audiowide {

    font-size: 3.8888em;
    line-height: 1em;
    margin-top: 0px;
    margin-bottom: 6px;
}

p.font-audiowide {

    font-size: 1.5em;

}

.affix .font-audiowide {
    font-size: 2em;
}

.font-gross {
    font-size: 6em !important;
    line-height: 1.5em;
}

@media (min-width: 1025px) {
    .nav-klein {
        font-size: .6em !important;
        top: 8px;
        position: inherit;
    }
}

.grauebilder_op3 {
    -webkit-filter: grayscale(100%) blur(.3px) opacity(100%);
    -moz-filter: grayscale(100%) blur(.3px) opacity(100%);
    -ms-filter: grayscale(100%) blur(.3px) opacity(100%);
    -o-filter: grayscale(100%) blur(.3px) opacity(100%);
    filter: grayscale(100%) blur(.3px) opacity(100%);
}

.grauebilder_op2 {
    -webkit-filter: grayscale(100%) blur(.3px) opacity(60%);
    -moz-filter: grayscale(100%) blur(.3px) opacity(60%);
    -ms-filter: grayscale(100%) blur(.3px) opacity(60%);
    -o-filter: grayscale(100%) blur(.3px) opacity(60%);
    filter: grayscale(100%) blur(.3px) opacity(60%);
}

.grauebilder_op1 {
    -webkit-filter: grayscale(100%) blur(.3px) opacity(30%);
    -moz-filter: grayscale(100%) blur(.3px) opacity(30%);
    -ms-filter: grayscale(100%) blur(.3px) opacity(30%);
    -o-filter: grayscale(100%) blur(.3px) opacity(30%);
    filter: grayscale(100%) blur(.3px) opacity(30%);
}

.grauebilder_op1:hover,
.grauebilder_op1:active,
.grauebilder_op2:hover,
.grauebilder_op2:active,
.grauebilder_op3:hover,
.grauebilder_op3:active {
    -webkit-filter: none;
    -moz-filter: none;
    -ms-filter: none;
    -o-filter: none filter: none;
}

.port-item:hover .port-img-overlay2:after,
.lightbox-item:hover .port-img-overlay2:after {
    background: none;
}

.fa {
    font-size: 1.5em;
}

.font-8 {
    /*font-size: .666em*/
    font-size: .555em !important;
}

.work-proc2-bg-block {
    background: #e1f23c;
}

.work-proc2-a:hover .work-proc2-bg-block {
    background: #f6e701;
}

.video-clip {
    padding-top: 15px;
    padding-bottom: 10px;
}

.videoblog:hover,
.videoblog:active {
    background-color: #e1f23c;
}

.videoblog:hover h3,
.videoblog:active h3,
.videoblog:hover h1,
.videoblog:active h1,
.videoblog:hover span,
.videoblog:active span {
    color: black !important;
}

.unterstreichung {
    border-bottom: black 1px;
    border-bottom-style: solid;
}

.platz_eins,
.platz_eins_kl {
    background: url(../images/Platz%20eins.png) no-repeat center center;
    width: 150px;
    height: 150px;
    background-size: contain;
    transform-origin: top right;
}

@media all and (min-width: 768px) {
    .platz_eins {
        transform: scale(2);
    }
}

.platz_zwei {
    background: url(../images/Platz%20zwei.png) no-repeat center center;
    width: 150px;
    height: 150px;
    background-size: contain;
}

.platz_drei {
    background: url(../images/Platz%20drei.png) no-repeat center center;
    width: 150px;
    height: 150px;
    background-size: contain;
}

/*
#about .sl2-text {font-size: 1.5em;
}
*/

*[lang|=en],
.color-eng,
#jury div:hover h4 {
    color: rgb(170, 0, 0);
}

a:hover *[lang|=en],
a:hover .color-eng {
    color: rgba(170, 0, 0, .5);
}

.mfp-content iframe {
    background-color: rgba(0, 0, 0, 0.6);
}

.mitte {
    vertical-align: sub;
}

.einfuehrung {
    color: white;
    background: red;
    box-shadow: -0.2em 0 0 red, 0.2em 0 0 red;
    display: inline;
}