@media only screen and (max-width: 1480px) {
	.infoBoxContainer .shield_1 {
		height: 73px;
		left: 0px;
	}

	.infoBoxContainer .shield_2 {
		width: 150px;
		top:66%;
	}

	.infoBoxContainer .shield_3 {
		width: 150px;
	}
	
	.infoBoxContainer .shield_4 {
		left:0px;
		width:295px;
    }
    
    .newlsetterContainer .placeholderForBackground {
        display: none;
    }

    .newlsetterContainer > div {
        width:33%;
    }
}


@media only screen and (max-width: 1024px) {
    .leftMenu {
        margin-left:20px;
    }

    .logoRight {
        margin-right:20px;
    }

    .imageMenueMaps, .imageMenueKrise, .imageMenueCMS, .imageMenueApps {
        padding-left:20px;
    }

    .scrollNavMenue, .scrollNavMenueMaps, .scrollNavMenueKrise, .scrollNavMenueCMS {
        padding-left: 20px;
        /*width: calc(100% - 20px);*/
		width:100%;
    }

    .imageContainer .center-left {
        bottom:10%;
    }

    .imageMenueMaps, .imageMenueKrise, .imageMenueCMS {
        top: 26px;
    }
	
	#headerImagecontainer img {
		width:64%;
	}
}

@media only screen and (max-width: 991px) {
    .topNav {
        display: none;
    }
	
	.prebanner {
		bottom: 80px !important;
	}

    .scrollNav {
        display:none !important;
    }

    .menueLogoContainer {
        display:none;
    }

    .blogBoxContent {
        width: calc(1/2*100% - 0px);
    }
	
	.contactinfo .col-sm-6 {
		margin-top:8px;
		margin-bottom:8px;
	}
	
	.infoBoxContainer {
		margin-top: 50px;
		margin-bottom: 50px;
	}
	
	.introductionContainer {
		margin-left:10px;
		margin-right:10px;
	}
	
	.imageMenueMain {
		padding-right:25px;
		padding-left:25px;
	}

    .mobileTopLine {
        position:fixed;
        background-color:#FFFFFF;
        z-index:600;
        display: flex;
        align-content: flex-start;
        box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.15);
        padding-top:12px;
        padding-bottom:12px;
        padding-right:20px;
        padding-left:20px;
        width: calc(100%-40px);
        right:0px;
        left:0px;
        flex-wrap: wrap;
        overflow: auto;
        top:0px;
    }

    .mobileFooter {
        display: flex;
    }

    h1 {
        font-size: 40px;
        line-height: 50px;
    }

    .logoRight {
        flex-flow: row;
    }

    .menueIconHeader {
        font-size:24px;
        cursor:pointer;
    }

    .imageMenueMaps, .imageMenueKrise, .imageMenueCMS {
        top:72px;
    }

    .imageContainer #navmenu {
        display:none;
    }

    .footerTop {
        grid-template-columns: 1fr 1fr;
    }

    .footerLinksContainer {
        padding-bottom:140px;
    }

    .infoBox {
        margin-top:40px;
    }

    .clickTitles .infoBox {
        margin-top:0px;
    }

    .newlsetterContainer {
        flex-wrap: wrap;
        background-image: none !important;
    }

    .newlsetterContainer > div {
        width:50%;
    } 

    .newlsetterContainer .newsletterBox {
        margin-left:50px;
        margin-right:50px;
    }

    .newsletterLeftTextContainer {
        text-align:center;
        margin-left: 50px;
        margin-right: 50px;
        margin-top:50px;
    }
}

@media (max-width: 768px) {
    h1 {
        font-size: 35px;
        line-height: 45px;
    }

    .footerTop {
        display: block;
        height: auto;
    }
	
	.infoProduct .productTitle {
		right:5px;
		font-size: 22px;
		line-height: 26px;
	}
	
	.imageMenueMaps, .imageMenueKrise, .imageMenueCMS {
		top: 15px;
	}
	
	.imageMenueMaps img, .imageMenueKrise img, .imageMenueCMS img {
		width: 160px
	}
	
	.introductionContainer {
		margin-bottom: 40px;
	}

    .footerTopItem {
        padding-top:50px;
        padding-bottom:50px;
		margin-top: 0px;
    }

    .footerBottomItemRight {
        display: none;
        visibility: hidden;
    }

    .footerFlex {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .footerFlex .alignCenter {
        text-align: right;
        margin-right: 50px;
    }

    .zustaendigButton, .wegewartungButton, .wegweiserButton {
        font-size: 15px;
        line-height: 18px;
    }

    .imageContainer .center-left {
        width:100%;
        left:0px;
        text-align:center;
        bottom: 10%;
        font-size: 38px;
        line-height:46px;
    }

    .fiftypreview {
        grid-template-columns: 1fr;
        gap: 0px 25px;
    }

    .imgLeft .fiftyFiftyContainerRight {
        grid-column: 1;
        grid-row: 2;
    }

    .imgLeft .fiftyFiftyContainerLeft {
        text-align:left;
        padding-left: 15px;
        padding-right: 15px;
    }

    .imgLeft .fiftyFiftyContainerLeft img {
        max-width:100%;
    }

    .imgRight .fiftyFiftyContainerLeft {
        grid-column: 1;
        grid-row: 2;
    }

    .imgRight .fiftyFiftyContainerRight {
        grid-column : 1;
        grid-row: 1;
        text-align:right;
        padding-left: 15px;
        padding-right: 15px;
    }

    .imgRight .fiftyFiftyContainerRight img {
        max-width: 100%;
    }
    .imageContainer {
        margin-top: 50px;
    }

    .imageMenueMaps, .imageMenueKrise, .imageMenueCMS, .imageMenueApps {
        top: 12px;
    }

    .introductionText{
        padding-left:15px;
        padding-right:15px;
    }
	
	
	.infoBoxContainer .shield_2 {
		display:none;
	}
	
	.infoBoxContainer .shield_3 {
		display:none;
	}
	
	.infoBoxContainer .shield_1 {
		left:calc(50% - 147px);
	}
	
	.infoBoxContainer .shield_4 {
		left:calc(50% - 147px);
	}
	
	.smartphoneFrameContainer {
		position: absolute;
		top: -25%;
		left: 41%;
		width: 15%;
	}
	
	.infoBoxContainerDynamic .responsiveImage {
		width:100%;
		height:auto;
	}
	
	
	
	.detailPreviewHeader {
		padding-left:20px;
		padding-right:20px;
	}
	
	.detailArticle {
		margin-top:40px;
	}
	
	.detailPreviewHeader h1 {
		margin-top:20px;
		font-size: 36px;
		line-height: 58px;
	}
	
	.infoBoxContainerDynamic {
		padding-top: 50px;
		padding-bottom: 50px;
    }
    
    .newlsetterContainer > div {
        width:100%;
    }

    .newlsetterContainer .newsletterBox {
        margin-top:0px;
    }

    .newsletterLeftTextContainer {
        margin-bottom:45px;
        text-align:left;
    }
}

@media (max-width: 620px) {
    .imageContainer .testmonialDetail {
        top:25%;
    }

    .cta_button {
        display:none;
    }

    .imageContainer .testmonialDetail {
        padding-left:20px;
    }

    .zustaendigButton, .wegewartungButton, .wegweiserButton {
        font-size: 12px;
        line-height: 15px;
        padding-top: 1px;
        padding-bottom: 1px;
    }

    .blogBoxContent {
        width: calc(1/1*100% - 0px);
    }
}

@media (max-width: 480px) {
    h1 {
		font-size: 28px;
		line-height: 29px;
	}
	
	.modal {
		padding-top: 20px;
	}

    .infoBox {
        width: auto;
    }

    .footerFlex {
        grid-template-columns: 1fr;
    }
	
	.introductionContainer h2 {
		font-size: 28px;
		line-height: 35px;
	}
	
	.introductionText {
		padding-top: 25px;
	}
	
	.widthBackground {
		padding-top: 40px !important;
		padding-bottom: 40px !important;
	}
	
	.infoBoxContainer .infoBox {
		margin-top: 25px;
	}
	
	.smartphoneFrameContainer {
		left: 32%;
		width: 37%
	}
	
	.teamemail {
		    width: calc(100% - 84px);
	}
	
	.teamContainer .panel-body {
		padding-bottom: 86px;	
	}
	
	.moreProductinfoContainer .panel-body{
		padding-bottom: 25px;
	}
		
	#contactMap {
		height: 346px;
	}
		
	.productCMS {
		display:none;
	}
	
	.infoProductsContainer a {
		padding-left: 0px;
		padding-right: 0px;
		padding-top:1px;
		padding-bottom:1px;
	}
	
	.ourProductsContainer {
		padding-top: 25px;
	}

    .footerFlex .alignCenter {
        text-align:center;
        margin-right: 0px;
        margin-top:10px;
        margin-bottom: 50px;
    }

    .infoBoxContainer {
        margin-top: 25px;
        margin-bottom: 25px;
    }
	
	.teamInner .col-lg-4, .teamInner .col-md-6 {
		margin-top: 0px !important;
	}

	.moreProductinfo {
		padding-top: 40px !important;
	}
	
	.infoProductsContainer a {
		padding-left: 1px;
		padding-right: 1px;
		width: calc(100% * (1/1) - 0px);
	}
	
	.moreProductinfo h2 {
		margin-left:8px;
		margin-right:8px;
	}
	
	.imageMenueMain {
		padding-right: 20px;
		padding-left: 20px;
	    top: 24px;
	}
	
	.introductionContainer {
		word-wrap: break-word;
	}
	
	.infoProduct .productTitle {
		right: 15px;
		left:15px;
	}
	
	.productTitle {
		word-break: break-all:
	}

	#cmsProductPreview {
		display:none;
	}

    .infoBoxContainerDynamic {
        padding-bottom: 40px;
    }

    .footerBottomItemLeft {
        justify-content: center;
        margin-left: 0px;
        margin-top:40px;
        margin-bottom:40px;
    }

    .introductionContainer {
        margin-bottom: 40px;
    }

    .paddingPottom {
        padding-bottom:30px;
    }

    .infoBoxContainerGreyFull {
        padding-top: 20px;
    }

    h3 {
        font-size: 18px;
        line-height: 25px;
    }

    .infoBoxContainerGrey {
        padding-top: 40px;
    }

    .footerTopItemInterest {
        margin-left: 20px;
    }

    .newlsetterContainer .newsletterBox {
        margin-left:20px;
        margin-right:20px;
    }

    .newlsetterContainer .newsletterLeftTextContainer {
        margin-left:20px;
        margin-right:20px;
    }

    .footerTopItem {
        padding-top: 22px;
    }

    .lightbox .ligthboxcontainer {
        margin-top:10px;
        margin-bottom:10px;
        margin-left:10px;
        margin-right:10px;
    }

    .lightboxBottom .teaserText {
        padding-left:20px;
        padding-right:20px;
        padding-bottom:20px;
        padding-top:5px;
    }

    .imageContainer .testmonialDetail {
        top: 19%;
    }
	
	.imageMenueMaps, .imageMenueKrise, .imageMenueCMS, .imageMenueApps {
		top: 20px;
	}

    h2.contactBox {
        font-size: 38px;
        line-height: 46px;
    }

    h2 {
        font-size: 34px;
        line-height: 41px;
    }

    .largeText {
        font-size: 24px;
        line-height: 35px;
        padding-left:8px;
        padding-right:8px;
    }

    .responsiveImageMap {
        height: 250px;
    }

    .imageContainer .center-left {
		font-size: 26px;
		line-height: 33px;
	}

    .imageContainer .top-right {
        top:50px;
        width:100%;
        right:0px;
        text-align:center;
        font-size: 22px;
        line-height: 28px;
    }

    .imageContainer .top-left {
        width:100%;
        left:0px;
        text-align:center;
        font-size: 22px;
        line-height: 28px;
        top:14px;
    }

    .image {
        height: 345px;
    }
	
	.detailPreviewHeader h1 {
		margin-top:0px;
		font-size: 42px;
		line-height: 50px;
	}
	
	.detailArticle .articleText {
		font-size: 18px;
		line-height: 28px;
	}


	.modal-content {
		font-size: 16px;
		line-height: 22px;
	}
	
	.modal-content h2 {
		font-size: 26px;
		line-height: 31px;
		margin-top: 0px;
	}
	
	.testmonialDetail .contwise_apps {
		margin-top: 67px;
	}
}

@media (max-width: 320px) {
    h1 {
		font-size: 20px;
		line-height: 23px;
	}

    .imageContainer .testmonial {
		position: absolute;
		top: 47%;
	}
	
	.introductionText {
		padding-top: 25px;
	}
	
	.contentContainer {
		font-size: 14px;
		line-height: 22px;
	}
	
	.introductionContainer h2 {
		font-size: 20px;
		line-height: 29px
	}
	
	.teamContainer {
		margin-left:0px !important;
		margin-right:0px !important;
	}
}