/*
Theme Name: Spitzke Akademie Theme
Description: Spitzke Akademie Theme
Author: Championship Records
Author URI: http://championship-records.com
Auhor Rel: Brandhands
Author Rel URI: https://brandhands.de
Text Domain: theme
*/

.CookieInfo_YT {
    background: rgba(255, 255, 255, 0.9);
    padding: 5px;
    font-size: 12px;
    text-align: center;
    font-weight: bold;
    position: absolute;
    bottom: 0;
    width: 100%;
}

@media (min-width: 769px) {

    /* Aligning width re/ commented-out LinkedIn Button */
    .section--form .form-group--btn {
        width: 100%;
    }
}

.youtube-video {
    width: 100%;
    display: block;
    position: relative;
}

@media (min-width: 769px) {
    .youtube-video {
        top: 50%;
        transform: translateY(-50%);
    }
}

.youtube-video:after {
    padding-top: 56.25%;
    /* 16:9 ratio */
    display: block;
    content: '';
}

.youtube-video iframe {
    position: absolute;
    width: 100%;
    height: 100%;
}

@media (max-width: 768px) {
    .youtube-video .unmute-button {
        width: 10%;
        position: absolute;
        bottom: 10px;
        margin-left: 10px;
    }
}

@media (min-width: 769px) {
    .youtube-video .unmute-button {
        width: 75px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        margin-left: 5%;
    }
}

.youtube-video .unmute-button #unmute-image-container {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.youtube-video .unmute-button #unmute-image-container:hover {
    width: 80%;
}

.section--job-filter {
    display: none;
}

.nav-burger ul.nav-burger__languages a {
    display: none;
}


.pager__inner {
    padding-bottom: 57px;
}


.section--hero__text {
    /*position: absolute;
    left: 31px;
    bottom: auto;
    right: auto;
	top: 95px;*/

    left: 7%;
    position: absolute;
    bottom: 82px;
}

.section--teaser--image-text .text {
    width: 38.2%;
    width: -webkit-calc(308px + 10%);
    width: -moz-calc(308px + 10%);
    width: calc(308px + 10%);
}

.section--teaser--image-text h2 a,
.section--teaser--image-text h2 a:hover {
    color: #fff;
}

.footer__legal-links {
    width: 262px;
}

.footer__legal-links span {
    right: auto;
    top: 60px;
    left: 0;
}

@media (min-width: 769px) {
    .page-blog div+.section--richtext>.inner {
        padding: 0 4% 89px;
    }

    .pager__inner {
        padding-bottom: 89px;
    }

    body.page-blog {
        padding-top: 0px;
    }

    .section--hero__text {
        left: 3.5%;
    }

    /* Order the quotes @ Ueber uns */
    .card--quote__text {
        position: relative;
        top: 0;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
        padding: 20px 10%;
    }

    .card--quote:before {
        padding-top: 0;
    }

    .card--quote>.inner,
    .card--quote>.card__inner {
        position: relative;
        top: auto;
        right: auto;
        bottom: auto;
        left: auto;
    }

    .page--ueber-uns .grid--alternate {
        /* explicit */
        background: #fafafa;
    }
}

/*
@media (min-width: 769px) and (-ms-high-contrast: none), 
	   (min-width: 769px) and (-ms-high-contrast: active) { /* IE10+ CSS styles go here */
/*	.card--quote:before {
		padding-top: 41.625%;
	}
}
@supports (-ms-accelerator:true) { /* IE Edge 12+ CSS styles go here */
/*	.card--quote:before {
		padding-top: 41.625%;
	}
}
*/

@media (min-width: 769px) {
    .section--form .form-group--btn {
        width: 100%;
    }
}

@media (min-width: 1025px) {
    html.no-touch .social-share ul {
        width: 296px !important;
    }

    .footer__legal-links {
        width: 230px;
    }

    .footer__legal-links span {
        right: 0;
        top: 60px;
        left: auto;
    }

    .section--hero__text {
        /*left: 6.45%;
		top: 135px;*/

        left: 7%;
        position: absolute;
        bottom: 82px;
    }

    .section--teaser--image-text .text {
        width: 38.2%;
        width: -webkit-calc(308px + 23.8%);
        width: -moz-calc(308px + 23.8%);
        width: calc(308px + 23.8%);
    }
}

@media (max-width: 1024px) {
    .footer__logo {
        width: 150px;
        margin: 90px 0;
        float: left;
    }

    .footer__legal-links {
        margin: 90px 0;
        font-size: .875em;
        float: right;
        text-align: right;
    }

    .footer__legal-links a:nth-child(2),
    .footer__legal-links span {
        left: auto;
        right: 0;
    }
}

@media (max-width: 768px) {
    .section--teaser--image-text .text {
        width: 100%;
    }

    .section--teaser--image-text .text h2 {
        font-size: 3.53vw;
    }
}


@media (max-width: 567px) {
    .footer__logo {
        float: none;
    }

    .footer__legal-links {
        margin: 20px 0 90px;
        float: none;
        text-align: left;
    }

    .footer__legal-links a:nth-child(2),
    .footer__legal-links span {
        left: 0;
        right: auto;
    }
}