/* Media Queries */

@media screen and (max-width: 1440px) {
	ul.mainmenu li ul {
		top: 62px !important;
	}
	.accordion-header > .accordion-button {
		font-size: .65em;
	}
	ul.mainmenu > li ul a {
		padding: .35em .75em;
		font-size: .9em;
	}
}

@media screen and (max-width: 1280px) {
	.features-tab-area > .threeofthem > .nav-pills {
    	max-width: 1140px;
	}
}

@media screen and (max-width: 1200px) {
	.historyline {
		border-top: none;
		margin-top: 0;
	}
	.historycontent {

	}
	.iconbutton {
		display: flex;
		align-items: center;
	}
	.iconbutton::after {
    	width: 50px;
	}
}

@media screen and (max-width: 1024px) {
	body {
		font-size: .9em;
	}
	h3 {
		font-size: 1.6em !important;
	}
	h4 {
		font-size: 1em !important;
	}
	body .navbar-brand {
		top: 46px;
		transition: all ease-in-out 300ms;
	}
	body.shrink .navbar-brand {
		top: 0;
	}
	.kachelcontent h4 {
    	font-size: 1.25em !important;
	}
	.kontaktformular h4 {
		font-size: 1.25em !important;
	}
	.firmendaten img {
		max-width: 40%;
	}
	.features-tab-area > .threeofthem > .nav-pills {
		
	}
	.kachelimage h3 {
    	font-size: .9em !important;
	}
	.mySwiper2 .swiper-wrapper .swiper-slide span.swiper-caption {
    	font-size: 1.4em;
	}
	.accordion-header > .accordion-button {
		font-size: .85em;
		line-height: 1.4em;
	}
	.multiverse > span, .features-tab-area .nav-pills li button span {
		font-size: .9em;
	}
}

@media screen and (max-width: 991px) {
    ul.mainmenu {
    	font-size: .9em;
	}
	ul.mainmenu li ul {
   	 	top: 56px !important;
	}
	.headerimage .bgimage div {
    	font-size: 6vw;
	}
	.lightgrounded.fixed310 {
        flex: 0 0 auto !important;
        width: 100% !important;
    }
    .accordion-body {
        padding: 0 .85rem .2rem .85rem;
    }
	.kachel {
		flex: 0 0 47%;
		margin: 0 3% 3% 0;
	}
	.logogrounds a {
    	flex: 0 0 23%;
	}
	.firstpart, .lastpart {
    	flex: 0 0 97.5%;
		padding: 0;
	}
	#wpcf7-f9-o1 .multipart {
		flex: 0 0 97.5%;
		margin: 0;
	}
	.multiverse > span, .features-tab-area .nav-pills li button span {
		padding: .25em;
	}
	.splide__slide .slidercaption {
    	font-size: 1.6em;
	}
}


@media screen and (max-width: 767px) {
	body {
		font-size: 18px !important;
	}
	h1, h2 {
		font-size: 1.8em !important;
		margin: 0 1.5em .5em 1.5em !important;
	}
	h2.accordion-header {
		margin: 0 !important;
	}
	h3 {
		font-size: 1.4em !important;
	}
	ul.mainmenu {
    	font-size: 1.25em;
	}
	ul.mainmenu li ul {
    	top: 51px !important;
	}
	.navbar-brand {
    	text-align: center;
		display: block;
	}
	body.shrink .navbar-brand > img,
	.navbar-brand img {
		max-width: 160px;
		width: 25vw;
		height: auto;
		padding: .125em;
	}
	body .navbar-brand {
		top: 37px;
	}
	.kachel {
		flex: 0 0 100%;
		margin: 0 0 8% 0;
	}
	.asp .iconbutton::after {
		width: 33px;
	}
	.asp .iconbutton svg {
		left: 8px;
		top: 8px;
		width: 16px;
		height: 16px;
	}
	.bildstreifen .iconbutton::after {
    	width: 42px !important;
	}
	.logogrounds a {
    	flex: 0 0 31%;
	}
	.mySwiper2 .swiper-wrapper .swiper-slide span.swiper-caption {
    	font-size: 1.1em;
		white-space: nowrap;
	}
	.tworows > div {
		flex: 1 0 60%;
	}
	.accordion-header > .accordion-button small {
    	bottom: 1.05em;
	}
	.download_list .iconbutton {
    	font-size: 1em;
		line-height: 1.2em;
	}
	.download_list .iconbutton svg {
		width: 24px;
		height: 24px;
	}
	.sprung {
    	scroll-margin-top: 100px;
	}
	.codedropz-upload-inner h3 {
    	font-size: 20px !important;
	}
	.iconbutton {
		font-size: .85em;
		padding: .25em .75em .25em 3.5em;
		line-height: 1.1em;
	}
	.ansprechpartner .iconbutton {
		font-size: .9em;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 1;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.accordion-header > .accordion-button {
		font-size: 1em;
	}
}

@media screen and (max-width: 650px) {
	.splide__slide .slidercaption {
		bottom: 0;
		right: 0;
		font-size: 1.35em;
	}
	.splide__arrows,
	.splide__pagination {
		display: none !important;
	}
	.splide__slide {
		height: 25vh;
	}
	.ctoggleholder {
		top: 47px;
		right: 12px;
	}
}


@media screen and (max-width: 575px) {
	.iconbutton {
    	padding: .75em .75em .75em 3.5em;
	}
	.splide__slide .slidercaption {
    	font-size: 1.1em;
	}
	h1, h2 {
    	margin: 0 .5em !important;
	}
	body .upperheadsection,
	body.shrink .upperheadsection {
		font-size: .7em;
	}
}

@media screen and (max-width: 500px) {
	.logogrounds a {
    	flex: 0 0 48%;
	}
	.captcha-image {
		padding: 10px !important;
	}
	span.topper {
    	right: 1em;
	}
	.mySwiper2 .swiper-wrapper .swiper-slide span.swiper-caption {
    	font-size: 1em;
	}
}