@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;
}
}