/* Media Queries */

@media screen and (max-width: 1600px) {
	.headerimage .bgimage div {
    	font-size: 2.1em;
		max-width: 50%;
	}
	.navbar-brand.originalogo > img {
		width: 240px;
	}
}

@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;
	}
	.multiverse > span, .features-tab-area .nav-pills li button span {
		font-size: .95em;
	}
}

@media screen and (max-width: 1240px) {
	body.shrink .navbar-brand > img,
	.navbar-brand > img {
		width: 16vw
	}
}

@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: 1.3em !important;
	}
	.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 {
		max-width: 960px;
	}
	.kachelimage h3 {
    	font-size: .9em !important;
	}
	.mySwiper2 .swiper-wrapper .swiper-slide span.swiper-caption {
    	font-size: 1.4em;
	}
	.accordion-header > .accordion-button {
		font-size: .75em;
		line-height: 1.4em;
	}
	body .navbar-brand {
		transition: all ease-in-out 300ms;
	}
	body.shrink .navbar-brand {
		top: 0;
	}
	.headerimage .bgimage div {
    	font-size: 1.85em;
		max-width: 45%;
	}
	.accordion-body {
    	padding: 1rem 1.25rem;
	}
}

@media screen and (max-width: 991px) {
    ul.mainmenu {
    	font-size: .9em;
	}
	ul.mainmenu li ul {
   	 	top: 56px !important;
	}
	body.shrink .navbar-brand > img, .navbar-brand > img {
		width: 25vw;
	}
	nav.navbar.p-0.m-0.d-flex.justify-content-center {
		height: 56px;
	}
	a.originalogo.navbar-brand {
		top: 0;
	}
	.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;
	}
	.accordion-header > .accordion-button {
		font-size: .75em;
	}
	.card-body a.morebutton {
		padding: 0 0 .25em 0 !important;
		font-size: 1.2em !important;
		clip-path: unset;
		background: var(--swiper-theme-color) !important;
	}
	.card-body a.morebutton:focus,
	.card-body a.morebutton:focus-visible,
	.card-body a.morebutton:hover {
		background: var(--darkjewelcolor) !important;
	}
}

@media screen and (max-width: 768px) {
	.accordion-collapse {
		padding: 1em 0;
	}
	h3 {
		font-size: 1.4em !important;
	}
	.headerimage .bgimage {
        background: var(--mobile-bg) top center no-repeat;
        background-size: cover;
		align-items: flex-end;
    }
	.headerimage .bgimage div {
        font-size: 1.85em;
        max-width: 100%;
		margin-left: 0;
		padding: 2.5%;
		background: rgba(33,107,42,.75);
    }
}

@media screen and (max-width: 767px) {
	body {
		font-size: 18px !important;
	}
	h1 {
		font-size: 1.65em !important;
	}
	h2 {
		font-size: 1.25em !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: 42vw;
    height: auto;
    padding: .125em;
}
	.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: .65em;
	}
	.klickbewerbung {
		padding: 2em 0 1.5em 0;
	}
	.col-md-8.pb-2.theleftpart {
		padding-left: 0;
		padding-right: 0;
		margin-left: 0;
		margin-right: 0;
	}
}

@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;
	}
	.card-body ul {
    	margin-top: 0;
		margin-bottom: 0;
	}
}


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

@media screen and (max-width: 500px) {
	.logogrounds a {
    	flex: 0 0 48%;
	}
	.headerimage .bgimage div {
		font-size: 1.35em;
	}
	.captcha-image {
		padding: 10px !important;
	}
	span.topper {
    	right: 1em;
	}
	.mySwiper2 .swiper-wrapper .swiper-slide span.swiper-caption {
    	font-size: 1em;
	}
	.accordion-header > .accordion-button {
		font-size: .75em;
		font-weight: 400;
	}
	.card-body a.morebutton,
	.card-body a.morebutton.collapsed {
		font-size: 1.1em !important;
	}
	.features-tab-content-wrap ul li::before, ul.list-checked li::before, .card-body ul li::before, ul.chevlist li::before {
		margin-left: -1.40em;
	}
	h3 {
		font-size: 1.2em !important;
	}
}