/*
====================================
large Screen - Others
====================================
*/
@media screen and (min-width: 1200px) and (max-width: 1399px) {



}

/*
====================================
Medium Screen - Others
====================================
*/
@media screen and (min-width: 992px) and (max-width: 1199px) {
   .navbar-list {
        gap: 35px;
    }
    .nav-item-parent > a {
        min-height: 65px;
        font-size: 17px;
    }

    /* footer style  */

    .footer-area .container {
        padding: 0;
    }


    .faq-container {
        padding-inline: 0;
    }

    /* aktulles page  */

    .aktuelles-top-block {
        padding-block: 70px;
        padding-inline: 30px;
    }

     .single-post-content {
        padding: 30px;
    }
    .single-post-content h2 {
        font-size: 40px;
        font-weight: 500;
    }
    .single-post-block {
        padding-inline: 0;
    }
    .aktuelles-top-block h2 {
        font-size: 56px;
    }

    .multiple-post-wp {
        padding-inline: 0;
    }

    /* uber uns page  */
    .uberUns-btm-right {
        padding-left: 20px;
    }


    /* kontakt page  */

    .team-area h2 {
        font-size: 64px;
    }
    .team-member-list {
        gap: 40px;
    }
    .single-member:nth-child(even) {
        margin-bottom: -40px;
    }
    .container.px-inner-0 {
        padding-inline: 0;
    }


    /* content card reponsive  */

    .post-title {
        margin-bottom: 20px;
    }
    .content-container {
        gap: 40px;
    }
    .main-area {
        margin-top: 0;
    }
    .sr-pera-card.sr-pera-two p {
        column-count: 1;
    }
    .angebot-list {
        padding-top: 20px;
    }






.hidden-image {
	max-width: 800px;
}
.reveal-text {
	font-size: 60px;
}








}

/*
====================================
Small Screen - Tablate
====================================
*/
@media screen and (min-width: 768px) and (max-width: 991px) {
    .navbar-list {
        gap: 5px;
    }
    .nav-item-parent > a {
        min-height: 65px;
        font-size: 17px;
    }
    .container {
        padding-inline: 30px;
    }

    .mega-menu-content {
        flex-direction: column;
    }
    .service-mega-left {
        width: 100%;
        padding-bottom: 30px;
    }
    .service-mega-right {
        width: 100%;
        padding-left: 0;
    }
    .metal-mega-left {
        width: 100%;
    }
    .metal-mega-right {
        padding: 0;
        gap: 20px;
        padding-top: 20px;
    }
    .metal-mega-right a {
        font-size: 30px;
    }
    .mega-menu-content.wissen-mega {
        flex-direction: row;
        flex-wrap: wrap;
    }
    .mega-menu-content.wissen-mega a {
        width: 48%;
    }
    .uber-uns-left {
        width: 100%;
        padding-bottom: 20px;
    }

    /* footer style  */

    .footer-area .container {
        padding: 0;
    }

    .footer-block {
        grid-template-columns: 1fr;
    }
    .footer-content {
        max-width: 450px;
    }


    /* service page  */

    .sr-slider-wrapper {
        padding-block: 70px;
        padding-inline: 30px;
        overflow: hidden;
    }
    .sr-slider-section .container {
        padding-inline: 0;
    }
    .sr-title {
        font-size: 42px;
    }
    .sr-content-top {
        padding-bottom: 70px;
    }
    .sr-slider-container {
        width: calc(100% + 30px);
    }

    .faq-wrapper {
        flex-direction: column;
        gap: 30px;
    }
    .faq-title-card {
        width: 100%;
        padding-left: 0;
    }
    .faq-right-wp {
        flex: 1;
        padding-left: 0;
    }
    .faq-container {
        padding-inline: 30px;
    }
    .faq-area {
        padding-block: 70px;
    }
    .faq-title-card h2 {
        font-size: 35px;
    }


     /* aktulles page  */

    .aktuelles-top-block {
        padding-block: 70px;
        padding-inline: 30px;
    }

     .single-post-content {
        padding: 30px;
    }
    .single-post-content h2 {
        font-size: 35px;
        font-weight: 500;
    }
    .single-post-block {
        padding-inline: 0;
        grid-template-columns: 1fr;
    }
    .aktuelles-top-block h2 {
        font-size: 56px;
    }
    .post-action-btn {
        margin-top: 20px;
    }
    .px-inner-0 {
        padding-inline: 0;
    }


    .multiple-post-wp {
        padding-inline: 30px;
        grid-template-columns: 1fr 1fr;
    }

    .periodic-wrapper h3 {
        margin-block: 0;
        margin-bottom: 20px;
    }

    .sr-inner-content-wp {
        padding-inline: 30px;
    }
    /* uber uns page  */


    .uberUns-btm-right {
        padding-left: 00px;
        width: 100%;
    }
    .uber-uns-btm {
        padding-block: 70px;
        padding-inline: 30px;
        flex-direction: column-reverse;
        gap: 40px;
    }
    .uberUns-btm-left {
        width: 100%;
    }

    /* kontakt page  */

    .team-area h2 {
        font-size: 64px;
    }
    .team-member-list {
        gap: 40px;
        grid-template-columns: 1fr;
    }
    .single-member:nth-child(even) {
        margin-bottom: 0;
    }
    .container.px-inner-0 {
        padding-inline: 0;
    }
    .team-area {
        padding-block: 140px;
        padding-inline: 30px;
    }
    .single-member {
        opacity: 0.7;
    }


     /* content card reponsive  */

    .post-title {
        margin-bottom: 20px;
        font-size: 35px;
    }
    .content-container {
        gap: 40px;
    }
    .main-area {
        margin-top: 0;
    }
    .sr-pera-card.sr-pera-two p {
        column-count: 1;
    }
    .angebot-list {
        padding-top: 20px;
    }

    .content-container {
        flex-direction: column;
    }
    .content-card {
        width: 100% !important;
    }
    .content-image {
        width: 100%;
    }
    .content-section {
        padding-block: 70px;
    }
    .content-big-image.w-50 {
        width: 100% !important;
    }
    .sr-pera-card.sr-pera-two {
        padding-block: 0;
    }

    .post-title.title-big {
        font-size: 46px;
    }

    .verfahren-content-grid {
        grid-template-columns: 1fr;
    }
    .verfahren-image-right {
        order: 1;
    }
    .verfahren-content-left {
        order: 2;
    }
    .fair-value-card {
        gap: 40px;
    }
    .fair-value-inner h4 {
        margin-bottom: 0;
    }


    .historie-main {
        padding-block: 140px;
    }
    .historie-top-wp {
        padding: 40px 30px;
    }
    .historie-grid {
        grid-template-columns: repeat(2, 1fr);
        padding-top: 40px;
        gap: 40px;
    }

.verbindungen-list li {
	flex-direction: column;
	gap: 20px;
}





.hidden-image {
	max-width: 500px;
}
.reveal-text {
	font-size: 40px;
}
.text-wrap-wp {
	margin-bottom: 14dvh;
}


.card-content h4 {
	font-size: 25px;
}
.card-content a {
	padding: 0 20px;
	line-height: 46px;
	font-size: 14px;
}


.ise-reveal__stage {
	height: fit-content;
	display: flex;
    flex-direction: column;
}
  .ise-rail--left  .service-card{ transform: translateX(0); opacity:1; }
  .ise-rail--right .service-card{ transform: translateX(0);  opacity: 1; }

.ise-reveal {
    height: fit-content;
}



/* standorte page here */
    .rt-standorte-area-left {
        margin-top: 40px;
    }
    .rt-standorte-area-left h2 {
        font-size: 34px;
    }
    .rt-standorte-area-box {
        margin-top: 70px;
    }







}

/*
====================================
Xtra Small Screen - Small Mobile
====================================
*/
@media screen and (max-width: 767px) {
    
    .logo-mobile {
        max-width: 320px;
    }
    .container {
        padding-inline: 15px;
    }
    .lang-card ul {
        flex-direction: column;
        gap: 0;
    }

    .nav-area {
        padding-block: 15px;
    }

    .nav-area.nav-hide {
        transform: translateY(-50%);
    }
    .nav-area.nav-fixed {
        transform: translateY(0);
    }

     /* footer style  */

    .footer-area .container {
        padding: 0;
    }

    .footer-block {
        grid-template-columns: 1fr;
        padding-inline: 15px;
        gap: 25px;
    }
    .footer-content {
        max-width: 450px;
    }
    .footer-copyright-block {
        flex-direction: column;
        gap: 30px;
        padding-inline: 15px;
        padding-bottom: 30px;
    }
    .scroll-top-btn {
        margin-left: auto;
    }
    .footer-bottom-link {
        padding-left: 15px;
    }


     /* service page  */

    .sr-slider-wrapper {
        padding-block: 70px;
        padding-inline: 15px;
        overflow: hidden;
    }
    .sr-slider-section .container {
        padding-inline: 0;
    }
    .sr-title {
        font-size: 42px;
    }
    .sr-content-top {
        padding-bottom: 70px;
    }
    .sr-slider-container {
        width: calc(100% + 15px);
    }
    .sr-slider-action {
        display: none;
    }

    .sr-inner-content-wp {
        padding-inline: 15px;
    }
    .sr-inner-content-wp .sr-title {
        font-size: 41px;
    }
    .sr-pera-card p {
        column-count: 1;
    }

    .faq-wrapper {
        flex-direction: column;
        gap: 30px;
    }
    .faq-title-card {
        width: 100%;
        padding-left: 0;
    }
    .faq-right-wp {
        flex: 1;
        padding-left: 0;
    }
    .faq-container {
        padding-inline: 15px;
    }
    .faq-area {
        padding-block: 70px;
    }
    .faq-title-card h2 {
        font-size: 35px;
    }

     /* aktulles page  */

    .aktuelles-top-block {
        padding-block: 20px;
        padding-inline: 15px;
    }

     .single-post-content {
        padding: 30px;
    }
    .single-post-content h2 {
        font-size: 35px;
        font-weight: 500;
    }
    .single-post-block {
        padding-inline: 15px;
        grid-template-columns: 1fr;
    }
    .aktuelles-top-block h2 {
        font-size: 46px;
    }
    .post-action-btn {
        margin-top: 20px;
    }
    .px-inner-0 {
        padding-inline: 0;
    }

     .multiple-post-wp {
        padding-inline: 15px;
        grid-template-columns: 1fr;
    }

    .periodic-wrapper h3 {
        margin-block: 0;
        margin-bottom: 20px;
    }
    .periodic-area {
        padding-inline: 15px;
    }

     /* uber uns page  */


    .uberUns-btm-right {
        padding-left: 00px;
        width: 100%;
    }
    .uber-uns-btm {
        padding-block: 70px;
        padding-inline: 15px;
        flex-direction: column-reverse;
        gap: 30px;
    }
    .uberUns-btm-left {
        width: 100%;
    }

    /* kontakt page  */

    .team-area h2 {
        font-size: 64px;
    }
    .team-member-list {
        gap: 40px;
        grid-template-columns: 1fr;
    }
    .single-member:nth-child(even) {
        margin-bottom: 0;
    }
    .container.px-inner-0 {
        padding-inline: 0;
    }
    .team-area {
        padding-block: 140px;
        padding-inline: 15px;
    }
    .single-member {
        opacity: 0.7;
    }
    .member-info-card {
        padding: 25px;
    }
    .member-kontakt-info li {
        font-size: 18px;
    }
    .main-area {
        margin-top: 0;
    }

    /* content card reponsive  */

    .post-title {
        margin-bottom: 20px;
        font-size: 35px;
    }
    .content-container {
        gap: 40px;
    }
    .main-area {
        margin-top: 0;
    }
    .sr-pera-card.sr-pera-two p {
        column-count: 1;
    }
    .angebot-list {
        padding-top: 20px;
    }

    .content-container {
        flex-direction: column;
    }
    .content-card {
        width: 100% !important;
    }
    .content-image {
        width: 100% !important;
    }
    .content-section {
        padding-block: 70px;
    }
    .content-big-image.w-50 {
        width: 100% !important;
    }
    .sr-pera-card.sr-pera-two {
        padding-block: 0;
        margin-top: -30px;
    }

    .post-title.title-big {
        font-size: 46px;
    }

    .verfahren-content-grid {
        grid-template-columns: 1fr;
    }
    .verfahren-image-right {
        order: 1;
    }
    .verfahren-content-left {
        order: 2;
    }
    .fair-value-card {
        gap: 40px;
    }
    .fair-value-inner h4 {
        margin-bottom: 0;
    }

      .historie-main {
        padding-block: 70px;
    }
    .historie-top-wp {
        padding: 40px 30px;
        text-align: center;
    }
    .historie-grid {
        grid-template-columns: repeat(1, 1fr);
        padding-top: 40px;
        gap: 40px;
    }
    .single-historie {
        align-items: center;
        text-align: center;
    }


    .verbindungen-list li {
	flex-direction: column;
	gap: 20px;
}

.download-title h2 {
	font-size: 27px;
}
    

.hidden-image {
	max-width: 350px;
}
.reveal-text {
	font-size: 40px;
}
.text-wrap-wp {
	margin-bottom: 14dvh;
}

.pin-wrap {
	height: auto;
	width: 100%;
	flex-direction: column;
	padding-block: 100px;
    gap: 100px;
}
.intro-text {
    position: unset;
    font-size: 40px;
}
.track {
	display: grid;
	grid-template-columns: 1fr;
	gap: 20px;
}
.card-content h4 {
	font-size: 30px;
}

.ise-reveal__stage {
	height: fit-content;
	display: flex;
    flex-direction: column;
    padding-inline: 15px;
}
  .ise-rail--left  .service-card{ transform: translateX(0); opacity:1; }
  .ise-rail--right .service-card{ transform: translateX(0);  opacity: 1; }

.ise-reveal {
    height: fit-content;
}
.ise-overlay-wp h2 {
	font-size: 32px;
}
.ise-overlay-wp h1 {
	font-size: 40px;
}
.ise-overlay-wp h4 {
	font-size: 25px;
}


    /* standorte page here */
    .rt-standorte-area-left {
        margin-top: 40px;
    }
    .rt-standorte-area-left h2 {
        font-size: 28px;
    }
    .rt-standorte-area {
        padding: 40px 0;
    }
    .rt-standorte-area-box {
        margin-top: 50px;
    }

    /* Seltene Page Here */
    .rt-seltene-first h2 {
        font-size: 30px;
    }
    .rt-seltene-first-items {
        padding-top: 10px;
        gap: 16px;
    }
    .rt-seltene-secont-items h2 {
        font-size: 22px;
        margin-top: 40px;
        margin-bottom: 20px;
    }





}



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


}

/* Featured news responsive layout. */
@media screen and (max-width: 991px) {
    .multiple-post-wp > .singlePost-card-featured {
        grid-column: 1 / -1;
        grid-template-columns: 1fr;
        min-height: 0;
    }
    .multiple-post-wp > .singlePost-card-featured .singlePost-featured-image,
    .multiple-post-wp > .singlePost-card-featured .singlePost-featured-image a {
        height: auto;
    }
    .multiple-post-wp > .singlePost-card-featured .singlePost-featured-image img {
        height: auto;
        min-height: 0;
        aspect-ratio: 16 / 9;
    }
    .multiple-post-wp > .singlePost-card-featured .singlePost-featured-content {
        padding: 30px;
    }
}
@media screen and (max-width: 575px) {
    .multiple-post-wp > .singlePost-card-featured .singlePost-featured-content {
        padding: 25px;
    }
}