@media (min-width: 600px) {
  .accordion {
    width: 100%;
  }
	.accordion {
		padding:90px 0;
	}
}
@media (min-width: 1024px) {
  .accordion-tabs {
    display: block;
    background: transparent;
    float: left;
    width: calc(33.3% + 60px);

  }
  .accordion-tabs .accordion-tab {
    padding: 0px;
    margin-bottom: 23px;
    border: none;
    cursor: pointer;
    color: var(--contrast);
    background: transparent;
    transition: background 0.1s ease;
    display: block;
  }
      .transparent .accordion-tabs .accordion-tab {color: var(--main-dark);}
  
  .accordion-tabs .accordion-tab:hover {
      text-decoration: underline;
    background: transparent;
  }
  .accordion-tabs .accordion-tab:last-child {
    border-right: 0;
  }
  .accordion-tabs .accordion-tab.accordion-active {
    color: var(--main-light);
    background: transparent;
    text-decoration: underline;
  }
  .accordion-item {
    display: none;
    min-height: 260px;
    padding: 0px;
    border: none;
    background: transparent;
  }
  .accordion-item__label,
  .accordion-item__container {
    padding: 0;
    transition: inherit;
  }
  .accordion-item__label {
    margin-bottom: 20px;
  }
	.accordion-active .accordion-item__label {
		display:none;
	}
  .accordion-item.accordion-active {
    display: block;
  }
  .accordion-item.accordion-active .accordion-item__container {
    padding: 0;
  }
}
@media (min-width:1440px) {
	.home .slider.form {
	margin-top:340px;
}
}
@media (max-width:1599px) {
	.button.backlink {
	  right: 240px;
	}
}
@media (max-width:1439px) {
	.home .page-title,
	.home h1 {
		font-size:70px;
	}
	#orbit {
		margin-bottom:0;
	}
  #orbit .container {
  margin-bottom: 0;
  }
  #orbit .sunsystem {
		display:none;
	}
  #orbit .mobil-only {
    display:block
  }
  #orbit .accordion-item__container .illu-wrap, 
  #orbit .accordion-item__container .logo-wrap {
    margin-top: 0;
    width: 100px;
    height: 100px;
  }
	.home .slider.news {
  margin-top: 120px;
}
	.home .accordion.vertical-tabs {
		margin-top:0;
	}
	.back-to-top {
		margin-right:20px;
	}
}
@media (max-width:1279px) {
.home .page-title, .home h1 {
    font-size: 56px;
  }
	 .introtext h2.subline, .accordion-tabs .accordion-tab  {
		font-size:30px; 
	}
	.button.backlink {
	  right: 90px;
	}
	.slider.timeline .splide {
  max-height: 550px;
  margin-top: 70px;
  margin-bottom: 40px;
  margin-right: 125px;
}
  .kontakt-dropdown {
    bottom: -100px;
    right: -90px;
  }
  .kontakt-textbox {
    padding-right:270px;
  }
  .kontakt.loesung .kontakt-textbox {
    padding-right:100px;
  }
  .kontakt-kontaktperson {
  right: -30px;
  top: 100px;
}
	.form-textbox {
		margin-left:60px;
	}
	.menu-footer-menue-container {
		padding-left: 37px;
  		padding-top: 40px;
	}

	.back-to-top {
		top:0;
	}
		/*   Form Slider   */
	.ff-form-has-steps h2,
	.ff-form-has-steps h2.subline,
	.ff-form-has-steps h2.light {
		font-size:24px;
	}
	.step-1 .ff_step_nav_last {
		margin-top:0!important;
	}
	.ff-form-has-steps .ff-el-form-check label.ff-el-form-check-label {
		font-size: 18px !important;
    padding-top: 10px !important;
    padding-bottom: 15px !important;
	}
	.fluent_form_3 .ff-el-form-check-label::after {
		top:11px!important;
	}
	.fluent_form_3 .pflichtfelder p {
		margin-top: 0px;
	}
}
@media (max-width:1023px) {
  .home .page-title, .home h1 {
    font-size: 42px;
  }
	.accordion.anwendungen .acc_headline,
	.details__summary, .introtext h2.subline,
	h2, .acc_headline, .details__summary, .linklist li,
.home .two-columns .col-2:first-child .text-wrap h2,
.two-columns.teaser .text-wrap h2,  .accordion-tabs .accordion-tab,
	.two-columns.teaser .text-wrap h3,
.accordion.vertical-tabs .accordion-content h3,
	.kontakt-textbox span.headline, 
	.kontakt-textbox span.subline,
	.accordion-item__label, 
	#orbit .accordion-tabs .accordion-tab,
	.hauptkategorien .produkt h2 {
		font-size:30px; 
	}
	.page-template-kontakt .two-columns > .container {
		padding:0 60px;
	}
	.page-template-kontakt form .two-columns > .container {
		padding:0;
	}
	.page-template-kontakt form .col-2:last-child {
  padding-left: 0px;
}
  #orbit .accordion-item__container .illu-wrap, 
  #orbit .accordion-item__container .logo-wrap {
    margin-top: 50px;
    width: 160px;
    height: 160px;
  }
	.form.slider .container {
		padding:0 30px;
	}
	.home .vertical-tabs {
		border:none;
	}
   .vertical-tabs .container {
    max-width:none;
     padding:0;
  }
.accordion.vertical-tabs .col-2:first-child {
  padding: 0;
 
}
  .accordion.vertical-tabs .col-2 {
     margin-bottom:0;
  }
.home .accordion.vertical-tabs .container .col-2 {
  height: auto;
}
.vertical-tabs .accordion-item__label {
  height: 128px;
  color: var(--contrast);
  font-family: 'Outfit-Semibold';
  font-weight: 600;
  line-height: 1;
  text-transform: uppercase;
  border-bottom: 2px solid var(--main-light);
  background-size: cover;
  padding: 30px 60px 30px;
  display: flex;
  align-items: center;
  }
.vertical-tabs .accordion-content article:first-child .accordion-item__label {
    border-top: 2px solid var(--main-light);
  }
  .vertical-tabs .accordion-item__container {
    border-bottom: 2px solid var(--main-light);
  }
  .vertical-tabs .accordion-item__container .text-wrap {
    padding:30px;
    max-width:none;
  }
 .accordion.vertical-tabs .accordion-active  .accordion-item__label {
    color: var(--contrast);
  }
.accordion.vertical-tabs .accordion-item__container h2 {
    display:none;
  }
 .accordion.vertical-tabs .accordion-item__container h3 {
    padding-top:30px;
  }
	.hauptkategorien .produkt {
  width: 50%;
  padding: 0 15px;
}
.page-template-produkt-uebersicht section.headerblock {
  padding-top: 60px;
  padding-bottom: 90px;
}
	.headerblock .product_breadcrumb {
  margin-bottom: 40px;
}
	.two-columns ul.icons { display:none; }
	.two-columns ul.icons.mobil-only { display:flex; }
	.button.backlink {
  position: relative;
  right: auto;
  margin-top: 40px;
  line-height: 22px;
}
	.two-columns.layout-3 .col-3 {
		margin-bottom:30px;
	}
	.accordion.anwendungen .container {
		padding:0 60px;
	}
	.accordion.anwendungen .acc_headline,
	.details__summary {
		padding-right:75px;
	}
	.produkt { 
	width:50%;
	}
.accordion.moving-point {
  margin-bottom: 0;
}
	.moving-point .line-box,
	.moving-point .col-2:last-child,
	.moving-point .accordion-item .accordion-item__label::before {
		display:none;
	}
	.moving-point .acc-wrap .col-2 {
  margin-bottom: 0;
}
	.moving-point .accordion-item {
		margin-left:0;
	}
.moving-point .accordion-item.accordion-active:first-child .accordion-item__container,
	.moving-point .accordion-item.accordion-active:nth-child(2) .accordion-item__container, 
	.moving-point .accordion-item.accordion-active:nth-child(3) .accordion-item__container, 
	.moving-point .accordion-item.accordion-active:nth-child(4) .accordion-item__container {
  height: auto;
}
	.moving-point .accordion-active .accordion-item__container {
		padding: 0 0 50px;
	}
	.moving-point .accordion-item__container {
		padding: 0 0 20px;
	}
	.moving-point .accordion-active .accordion-item__container {
		margin-top:0;
	}
	.moving-point .accordion-item__container .text-wrap,
	.moving-point .accordion-item:first-child .accordion-item__container .text-wrap {
		max-width:none;
	}
	.two-columns.layout-1 .col-2:first-child, 
	.two-columns.layout-3 .col-2:first-child, 
	.two-columns.layout-6 .col-2:first-child{
		margin-bottom:30px;
	}
  section.kontakt {
		margin-top:0;
		margin-bottom: 0;
	}
	.kontakt .container {
		padding: 0;
    margin-bottom: 0;
    background-color: var(--contrast);
	}
	.kontakt-textbox {
	padding: 100px 60px 150px;
    margin-bottom: 0;
    background-color: var(--contrast);
	}
  .kontakt-textbox span.subline {
    color:var(--main-light);
    margin-top: 10px;
    max-width: 520px;
	  margin-bottom:-30px;
  }
  .kontakt-textbox a.button {
    margin-top: 0;
    height: 0;
  }
  .kontakt.loesung {
    position:relative;
    z-index:1;
  }
  .kontakt.loesung .container,
  .kontakt.loesung .kontakt-textbox {
    background-color:var(--main-light);
  }
	.kontakt-dropdown,
	.kontakt-kontaktperson {
		  position: relative;
		  background-color: var(--main-light);
		  max-width: none;
		  right: auto;
		  padding: 100px 0;
}
  .kontakt-kontaktperson {
    padding-top: 0;
  background-color: var(--main-dark);
  width: 100%;
  max-width: 400px;
  }
  .kontakt.loesung .kontakt-textbox a.button {
    margin-top: 15;
    height: 64px;
  }
  .kontakt-textbox.dropdown {
    padding: 100px 100px 150px 100px;
  }
  .kontakt-textbox.dropdown h3 {
    margin-bottom:40px;
  }
  .kontakt-textbox.dropdown span.subline2 {
    margin-bottom:30px;
  }
  .kontakt-dropdown {
    height:auto;
    padding-bottom:0;
    padding-top:0;
  }
	.dropbtn {
  height: auto;
  text-align: left;
}
	.dropdown-content {
		position:relative;
    max-width: 435px;
	}
	.page-template-kontakt .kontakt-textbox {
  width: 100%;
    position: relative;
    padding: 100px 330px 0 60px;
    max-width: none;
  margin-bottom: 400px;
}
	.page-template-kontakt .kontakt-kontaktperson {
  padding-bottom: 0;
    width: 300px;
		position: absolute;
  right: 30px;
}
	  .form-textbox {
    margin-left: 60px;
    margin-top: 0;
  }
	footer .container {
  padding:0 60px;
}
	ul.footer-nav {
		flex-wrap:wrap;
		max-width: none;
    margin-right: 0;
	}
	ul.footer-nav li {
		width:100%;
		margin-right: 0;
	}
	ul.footer-nav2 {
		display:block;
		width: 100%;
		margin-top:0px;
	}
	ul.footer-nav2 li {
		width:100%;
	}
	.container.meta-navigation {
		display:block;
	}
	ul.meta-nav {
		flex-wrap:wrap;
	}

}
@media (max-width:767px) {
	.accordion.anwendungen .acc_headline,
	.details__summary, .introtext h2.subline,
	h2, .acc_headline, .details__summary, .linklist li,
.home .two-columns .col-2:first-child .text-wrap h2,
.two-columns.teaser .text-wrap h2,  .accordion-tabs .accordion-tab,
	.two-columns.teaser .text-wrap h3,
.accordion.vertical-tabs .accordion-content h3,
	.kontakt-textbox span.headline, 
	.kontakt-textbox span.subline,
	.accordion-item__label,
	#orbit .accordion-tabs .accordion-tab,
	.hauptkategorien .produkt h2 {
		font-size: 24px; 
	}
	h3 {
		font-size:22px;
	}
	.button, 
.meet .link,
.meet .info,
.contact .link,
.slider.news p,
	p.topic {
		font-size:18px;
	}
	body {
		font-size:16px;
	}
	.accordion-item__label::after {
		width:40px;
		height:40px;
	}
	.home .page-title {
		max-width:340px
	}
	.container {
		padding:0 30px;
	}
  #orbit .container {
		padding:120px 30px 0;
	}
	.slider.timeline .splide {
		margin-right:95px;
		margin-bottom: 0;
	}
	.kontakt-textbox {
	padding: 100px 30px 150px; 
	}
	.page-template-kontakt .kontakt-kontaktperson {
  	position: relative;
    right: auto;
    padding-bottom: 0;
    width: 100%;
    max-width: 300px;
}
	.kontakt-kontaktperson {
		padding-bottom:0;
	}
	.page-template-kontakt .kontakt-textbox {
  width: 100%;
    position: relative;
    padding: 100px 60px 0 60px;
    margin-bottom: 190px;
    max-width: none;
}
	.produkt { 
	width: 100%;
    max-width: none;
    padding: 0 10%;
	}
	.accordion.anwendungen .container {
    padding: 0 30px;
  }
	.accordion.anwendungen .acc_headline,
	.details__summary {
		padding-right:35px;
	}
	.accordion.anwendungen .acc_headline:after, 
	.details__summary:after {
	margin-right: 0; 
	}
	.fluentform-step.step-5.active {
        height:auto;
    }
}
@media (max-width:679px) {
	h1, .page-title {
    font-size:40px;
  }
	.accordion.anwendungen .acc_headline, 
	.details__summary, .accordion-item__label, .introtext h2.subline {
		font-size:24px;
	}
	main .container,
	  .page-template-kontakt .two-columns > .container,
	footer .container {
  padding: 0 30px;
}
  main .teaser .container {
    padding:0;
  }
	section {
  margin: 60px 0 50px;
}
	section + section.teaser {
  margin: 60px 0 0;
}
	section.videoblock + section.teaser {
  margin: 60px 0 0;
}
	.teaser + .videoblock {
  margin-top: 60px;
}
	main .accordion.two-in-columns.bg-dark .container {
  padding-top: 50px;
  padding-bottom: 50px;
}
	.home .intro.videoclip .text-wrap {
		padding:100px 30px 0
	}
	  .two-columns.teaser .text-wrap {
    padding:40px 20px 50px 20px;
  }
  section.intro .img-wrap {
  height: calc(100% - 112px);
}
  .intro-inner {
    padding:0 30px 10em;
  }
	.blockquote .text-wrap  {
	  margin-left: 0px;
	}
	.blockquote .text-wrap::before {
		margin-left:0;
	}
	.blockquote h2 {
	  padding-top: 80px;
	}
	.hauptkategorien .produkt {
		width: 100%;
		margin:0 auto 60px;
	}
	.hauptkategorien .produkt h2 {
		margin-bottom:30px;
	}
	.produkt { 
	width:100%;
	}
   .vertical-tabs .container {
    padding:0;
  }
  .vertical-tabs .accordion-item__label {
    padding:30px;
  }
  .vertical-tabs .accordion-item__container .text-wrap {
    padding: 0px;
  }
  #orbit h2 {
  margin: 0;
}
	.accordion.anwendungen .acc_headline, 
	.details__summary {
		padding-right: 35px;
		display: flex;
		align-items: center;
			}
	.accordion.anwendungen .acc_headline:after,
	.details__summary:after {
	height:14px;
	margin-right: 0;
	top: auto;
	margin-top: 5px;
		}
	.kontakt-textbox.dropdown {
		padding: 50px 30px 150px;
	}
	.page-template-kontakt .kontakt-textbox {
		padding:100px 30px 0;
	}
	.page-template-kontakt .form-textbox {
		margin-left: 0;
  padding: 50px 30px 0;
	}
	.menu-footer-menue-container {
		padding-left: 0;
    	margin-top: 30px;
		display: block;
	}
	ul.footer-nav li {
		width:100%;
	}
	ul.footer-nav2 {
		margin-top:20px;
	}
	ul.meta-nav li:first-child {
  margin-left: 0px;
}
	 ul.meta-nav li.spacer {
    margin-right: 0px;
  }
}
@media(max-width:480px) {
	/*  Individualloesungen, Standardloesungen, Karriere   */
	.page-id-1378 h2,
	.page-id-1189 .headerblock h1,
	.page-id-1189 .headerblock h2.main-light,
	.page-id-22 .headerblock h1,
	.page-id-22 .headerblock h2.main-light {
		font-size:24px;
	}
	.headerblock .headerblock-text {
		font-size:16px;
	}
	section.intro.videoclip {
		max-height:100vh;
	}
	.videoclip .intro-inner {
		align-items:start;
	}
	.home .intro.videoclip .text-wrap {
		padding-top:250px;
	}
	.home .intro .label {
		max-width:80px;
		margin-bottom:30px;
	}
  .slider.news .splide {
    max-height: 650px;
  }
  .slider.news .splide__pagination button {
    margin: 0 10px;
  }
	
}
@media (max-width:374px) {
	.accordion.anwendungen .acc_headline, .details__summary,
	.accordion-item__label, .introtext h2.subline {
		font-size: 20px;
	}
	.kontakt-textbox.dropdown {
		padding-bottom:230px;
	}
}