@charset "UTF-8";

@media(min-width:768px) AND (max-width:991px) {

    #v2017 .right-news {
        padding-top: 30%;
    }

    .media iframe {
        width: 250px;
        height: 200px;
    }

    .container {
        max-width: 990px;
        width: 100%;
    }

    .right-news {
        padding-bottom: 15px;
    }

    #getMenu {
        display: block;
        font-size: 20px;
        color: #fff;
        padding-left: 10px;
    }

    .mainHeader {
        position: fixed !important;
        background: #212428;
        width: 100%;
        z-index: 1;
    }



    #tableb {
        width: 20%;
    }
    .refimg {
        text-align: center;
        display: block;
    }

    .reftxt {
        display: block;
        width: 100%;
        text-align: justify;
    }

    #newscon {
        padding-top: 10px;
    }

    .hoverimg {
        margin: 0 auto;
        margin-top: 40px;
    }

    #windows {
        background-color: #eee;
    }

    #videomenu {
        background: -webkit-linear-gradient(#212428 58%, #242B36 42%);
        background: -o-linear-gradient(#212428 58%, #242B36 42%);
        background: linear-gradient(#212428 58%, #242B36 42%);
    }

    .video-header {
        padding-top: 40px;
    }

    .grundform {
        height: 60%;
        margin-bottom:80px;
    }

    .form-body {
        height:68%;
    }

    .msu-like-header {
        display: inline-block;
        width: 85%;
    }

    .right-likes {
        padding-top: 40px;
    }

    .moduleimg {
        padding: 5px;
    }

    .doppel {
        display: flex;
    }

    .doppelblockbild {
        max-width: 114px;
        max-height: 114px;
    }

    .pic {
        max-height: 12%;
    }

    .ueberschriftbild{
        max-width:220px;
    }

    @media screen and (-webkit-min-device-pixel-ratio:0) {
        /* webkit specific CSS */
        .grundform {
            height: 45%;
        }
    }

    @media screen and (-moz-min-device-pixel-ratio:0) {
        /* webkit specific CSS */
        .grundform {
            height: 60%;
        }
    }

    #vierer-1,
	#vierer-2,
	#vierer-3,
	#vierer-4 {
		flex: 0 0 23%;
		max-width: 23%;
	}

}

@media (min-width: 500px) {

    .nav-pills {
        display: flex !important;
        flex-wrap: wrap;
        position: relative !important;
        justify-content: flex-start;
        height: auto;
        width: 100%;
    }

}

@media (max-width: 499px) {
    .mobile-invisible {
    	display: none !important;
    }

    .mobile-img-visible {
        visibility: visible !important;
        display: inline-block !important;
        width: 8%;
        float: right;
    }

    .mobile-img-visible-head {
        visibility: visible !important;
        display: inline-block !important;
        width: 120%;
        float: right;
    }

    .mobile-inline {
        display: inline-block !important;
    }

    .emptyCK {
		display: none;
	}

    .mobile-nomargin {
        margin: 0 !important;
    }

    .mobile-btn-quicktour {
        background: #fff !important;
    }

    .mobile-nopadding {
        padding: 0 !important;
    }

    .mobile-padding-bottom {
        margin-bottom: 20px !important;
    }

    .mobile-btn-quicktour.active {
        background: #e7e7e7 !important;
        color: #383838 !important;
    }

    .mobile-nofloat {
        float: none !important;
    }

    .mobile-header {
        font-size: 250% !important;
    }

    .mobile-margin-head {
        padding-top: 50px !important;
    }

    .mobile-visible {
        display: block;
        visibility: visible !important;
    }

    .mobile-padding {
        padding: 10px !important;
    }

    .mobile-header-klein {
        font-size: 1.5rem !important;
    }

    .mobile-textbreite {
        width: 70% !important;
    }

    .mobile-nohyphens {
        hyphens: none !important;
    }

    .nav-pills > .nav-item > .nav-link {
        margin-left: auto;
        margin-right: auto;
    }

    .nav-pills > .nav-item > a {
        padding: 5px 5px;
        width: 100%;
        border-radius: 9px;
        font-size: 18px !important;
    }

    .mobile-faq {
        max-width: 30% !important;
        margin-bottom: -40px !important;
        float: right !important;
    }

    .mobile-center {
        text-align: center !important;
    }

    #vierer-1, #vierer-2, #vierer-3, #vierer-4 {
        max-width: 300px;
        height: 200px;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    #viererblock a {
        border-radius: 9px;
    }

    .wholeside > div {
        padding-left: 30px;
        padding-right: 30px;
    }

    .content-selector-border {
        border: none;
        padding: 0 !important;
    }

    .nav-pills {
        margin-top: 25px;
    }

    .block-goldener-schnitt {
        padding: 0 !important;
    }

    body > div {
        margin-bottom: 0 !important;
    }

    #foot2 {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }

    #newsart {
        padding-bottom: 20px !important;
    }

    .content-selector {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .left-content {
        padding-right: 0 !important;
    }

    .right-content {
        padding: 20px 15px 0 15px !important;
    }

    .mobile-margin-auto {
        margin: auto !important;
    }

    .nav-link {
        width: 100%;
    }

    .btn-mobile-primary {
        background: linear-gradient(to bottom, #f3a618 0%,#ea6f0e 100%) !important;
    }

    footer {
        background:linear-gradient(#383838 65%, #212428 35%);
    }

}

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

    #vierer-1, #vierer-2, #vierer-3, #vierer-4 {
        max-width: 40% !important;
        margin: 10px auto !important;
    }

    .tablet-textbreite {
        max-width: 400px;
    }

    .tablet-center{
        text-align: center !important;
    }

    #viererblock a {
        width: 80%;
    }

    .tablet-nohyphens {
        hyphens: none !important;
    }

    .tablet-invisible {
        display: none !important;
    }

    .block-goldener-schnitt {
        padding: 0 !important;
    }

    #g-s-f-links {
        padding: 0 30px;
    }

    .wholeside {
        margin-bottom: 0;
    }

    .mobile-faq {
        max-width: 20% !important;
        margin-bottom: -40px !important;
        float: right !important;
    }

    .tablet-nopadding {
        padding: 0 !important;
    }

    .mobile-margin-auto {
        margin: auto !important;
    }

}

@media (min-width: 500px) and (max-width: 550px) {
    .tablet-vierer-font {
        font-size: 16px !important;
    }
}

@media (min-width: 550px) and (max-width: 588px) {
    .tablet-vierer-font {
        font-size: 17px !important;
    }
}

@media (min-width: 500px) and (max-width: 630px) {

    .tablet-textbreite {
        max-width: 300px !important;
    }

}

@media (max-width: 359px) {

    .formularbild {
        max-width: 180px;
    }

}

@media (max-width: 370px) {

    .mobile-margin-head {
        padding-top: 20px !important;
    }

}

@media (min-width: 360px) and (max-width: 380px) {

    .formularbild {
        max-width: 258px !important;
    }

}

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

    .order-front {
        order: 2;
    }

    .order-behind {
        order: -2;
    }

}

@media (min-width: 575px) and (max-width: 720px){

    .nav-pills-5 >li {
        width: 120px !important;
    }

    .nav-pills-5 >li >a {
        width: 100%;
    }

}

@media (min-width: 768px) and (max-width: 830px) {
    .nav-pills-5 >li >a {
        width: 160px !important;
    }
}

@media (max-width: 720px) {

    .nav-pills-5 >li {
        padding-left: 5px;
        padding-right: 5px;
    }

}

@media (min-width: 500px) and (max-width: 1120px) {
    .wholeside > div {
        padding-left: 30px;
        padding-right: 30px;
    }
}

@media (min-width: 768px) {

    #appleSys,
    #windowsSys{
        flex: 0 0 40%;
        max-width: 40%;
        border-radius: 1rem;
    }

    #appleSys {
        margin-left: auto;
        margin-right: 10px;
    }

    #windowsSys {
        margin-right: auto;
        margin-left: 10px;
    }

    #windows {
        background-color: #eee;
    }

    .doppelflex {
        display: flex;
        align-items: flex-start;
    }

    body{
        padding: 0;
    }

    body>div>div {
        padding: 0;
    }

    .btn-mobile {
        text-align: right;
    }

}

@media (min-width: 300px) AND (max-width:991px){

    /* .nav-pills-5 > li > a {
        width: 170px;
    } */

    .nav-justified .nav-item {
        flex: 1 1 20%;
    }

    #viererblock a p{
        font-size: 14px;
    }

    #vierer-1,
	#vierer-2,
	#vierer-3,
	#vierer-4 {
		margin: 10px 5px;
	}


}

@media (max-width: 768px) {

    .bgimg {
    	background: transparent !important;
    }

    .tablet-img-visible {
        visibility: visible !important;
        display: inline-block !important;
        width: 8%;
        float: right;
    }

}

.nav-pills .nav-item a.active,
.nav-pills .nav-item a.active:hover,
.nav-pills .nav-item a.active:focus {
	background-color: #003D8D;
}