/* Media Queries */

@media screen and (max-width: 1440px) {
	.accordion-header > .accordion-button {
		font-size: .5em;
	}
	ul.mainmenu > li ul a {
		padding: .35em .75em;
		font-size: .9em;
	}
	.download_list .iconbutton {
		font-size: .95em;
		padding: 0.25em 0.75em 0.25em 2.75em;
	}
}

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

@media screen and (max-width: 1200px) {
	.historycontent {
		font-size: 1.1em;
	}
	.iconbutton {
		font-size: 1.1em;
	}
	.iconbutton::after {
    	width: 50px;
	}
	.iconbutton svg {
		width: 32px;
		height: 32px;
		left: 9px;
	}
	
}


@media screen and (max-width: 1199px) {
	.logogrounds a {
    	flex: 0 0 31%;
	}
}


@media screen and (max-width: 1024px) {
	h3 {
		font-size: 1.6em !important;
	}
	h4 {
		font-size: 1em !important;
	}
	.page-id-530 h4,
	.page-id-3 h4 {
    	font-size: 1.4em !important;
	}
	.video h4 {
		font-size: 1.4em !important;
	}
	.kachelcontent h4 {
    	font-size: 1.25em !important;
	}
	.kontaktformular h4 {
		font-size: 1.4em !important;
	}
	.firmendaten img {
		max-width: 40%;
	}
	.features-tab-area > .threeofthem > .nav-pills {
    	max-width: 750px;
	}
	.kachelimage h3 {
    	font-size: .9em !important;
	}
	.mySwiper2 .swiper-wrapper .swiper-slide span.swiper-caption {
    	font-size: 1.4em;
	}
	.logogrounds a {
    	flex: 0 0 23%;
	}
	.logogrounds a span {
		font-size: 1.4vw;
	}
}


@media screen and (max-width: 1023px) {
	ul.mainmenu {
    	font-size: .9em;
	}
	ul.mainmenu li ul {
   	 	top: 69px !important;
	}
}

@media screen and (max-width: 991px) {
	.historyline .accordion-body > div,
	.historyline .accordion-body > div > div {
    	background: #f3f3f3;
	}
	.headerimage .bgimage div,
	.splide__slide .slidercaption {
    	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;
	}
	.firstpart, .lastpart {
    	flex: 0 0 97.5%;
		padding: 0;
	}
}


@media screen and (max-width: 980px) {
	.multiverse .grasgreen p {
    	color: #404040 !important;
	}	
}


@media screen and (max-width: 768px) {
	.card {
    	font-size: .85em;
	}
	h2 {
    	font-size: 42px;
	}
}


@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;
	}
	.mobileversion h2 {
		margin-left: 0 !important;
		margin-right: 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;
	}
	.navbar-brand img {
		max-width: 200px;
	}
	.kachel {
		flex: 0 0 100%;
		margin: 0 0 8% 0;
	}
	
	.fliesscontent .iconbutton::after,
	.asp_balken .iconbutton::after,
	.asp .iconbutton::after {
		width: 33px;
	}
	.fliesscontent .iconbutton svg,
	.asp_balken .iconbutton svg,
	.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;
	}
	.historyline {
		border-top: none;
		margin-top: 0;
	}
	.download_list .iconbutton {
    	font-size: 1em;
		line-height: 1.2em;
	}
	.download_list .iconbutton svg {
		width: 24px;
		height: 24px;
	}
	.page-id-602 .iconbutton svg {
		top: 5px;
		left: 10px;
		width: 22px;
		height: 22px;
	}
	.asp_balken,
	.sprung {
    	scroll-margin-top: 100px;
	}
	.codedropz-upload-inner h3 {
    	font-size: 20px !important;
	}
}

@media screen and (max-width: 600px) {
	.historyline .iconbutton {
		display: flex;
		align-items: center;
	}
	.logogrounds a span {
		font-size: 1.8vw;
		padding: .5em;
	}
}


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


@media screen and (min-width: 991px) {
	.headerimage .bgimage {
    	min-height: 45vh;
	}
}


@media screen and (min-width: 1280px) {
	.headerimage .bgimage {
    	min-height: 65vh;
	}
}