/* ////////////// Width ////////////// */
@media screen and (max-width: 1850px) {

}
@media screen and (max-width: 1650px) {
	
}
@media screen and (max-width: 1600px) {
	.horizontal-section{
		gap: 80px;
	}
	.panel {
		width: 40%;
	}
}
@media screen and (max-width: 1500px) {
	.video_text h2{
		font-size: 7rem;
	}
}
@media screen and (max-width: 1360px) {
	.video_text h2{
		font-size: 6rem;
	}
}
@media screen and (max-width: 1280px) {
	.video_overlay h2{
		font-size: 3.5rem;
	}
	.horizontal-section{
		padding-left: 40px;
		padding-right: 40px;
		gap: 60px;
	}
	.nav-menu li{
		margin-right: 20px;
	}
	.nav-menu li a{
		font-size: 1.15rem;
	}
	.video_text h2{
		font-size: 5rem;
	}
}
@media screen and (max-width: 1270px) {
	
}
@media screen and (max-width:1241px){
	
}
@media screen and (max-width:1150px){
	.header_logo{
		left: 60px;
	}
	.header_rechts{
		margin: 45px 20px 22px 0;
	}
}
@media screen and (min-width:1101px){
	.sub-menu{
		display: none!important;
	}
	.header_rechts {
		display: block!important;
	}
}
@media screen and (max-width:1100px){
	.header .w1280{
		padding-right: 80px;
	}
	.header_logo{
		left: 80px;
	}
	.header_logo svg{
		width: 249px;
	}
	
	.kat_menu, .anwendungen_menu{
		display: none !important;
	}
	.header_rechts {
		display: none;
		width: 100%;
		position: absolute;
		left: 0;
		top: 84px;
		z-index: 10;
		background-color: #8E9294;
		margin: 0 auto;
		padding: 50px 80px;
	}
	.menu{
		width: calc(100% - 60px);
	}
	.nav-menu li{
		display: block;
		float: none;
		margin: 0 auto 20px;
	}
	.nav-menu li a{
		font-size: 1.25rem;
		border: none !important;
	}
	.nav-menu li .sub-menu{
		margin-top: 20px;
	}
	.nav-menu li .sub-menu li a{
		color: #1E2529;
		text-transform: uppercase;
		letter-spacing: 1px;
		font-size: 0.9rem;
		font-weight: 500;
	}
	.nav-menu li .sub-menu li a:hover, .nav-menu li .sub-menu li.current-menu-item a{
		color: #c0c0c0;	
	}
	.nav-menu li .sub-menu li a svg{
		display: none;
	}
	
	.header_phone{
		display: block;
		float: right;
		line-height: 0;
		margin: 29px 25px 0 0;
	}
	.header_phone:hover .hover_fill{
		fill: #ffffff;
	}
	/* Icon 3 */
	#nav-icon3 {
		width: 40px;
		height: 22px;
		position: relative;
		margin: 31px auto;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: .5s ease-in-out;
		-moz-transition: .5s ease-in-out;
		-o-transition: .5s ease-in-out;
		transition: .5s ease-in-out;
		cursor: pointer;
		display: block;
		float: right;
	}
	#nav-icon3 span {
		display: block;
		position: absolute;
		height: 1px;
		width: 100%;
		background: #ffffff;
		opacity: 1;
		right: 0;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: .25s ease-in-out;
		-moz-transition: .25s ease-in-out;
		-o-transition: .25s ease-in-out;
		transition: .25s ease-in-out;
	}
	#nav-icon3 span:nth-child(1) {
		top: 0px;
	}
	#nav-icon3 span:nth-child(2),#nav-icon3 span:nth-child(3) {
		top: 10px;
		width: 60%;
	}
	#nav-icon3 span:nth-child(4) {
		bottom: 0;
	}
	#nav-icon3.open span:nth-child(1) {
		top: 10px;
		width: 0%;
		right: 50%;
	}
	#nav-icon3.open span:nth-child(2) {
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);
		right: 8px;
	}
	#nav-icon3.open span:nth-child(3) {
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		transform: rotate(-45deg);
		right: 8px;
	}
	#nav-icon3.open span:nth-child(4) {
		bottom: 11px;
		width: 0%;
		right: 50%;
	}
	
	
	.suche_icon {
		margin: 20px 0;
		position: relative;
		top: auto;
		right: auto;
	}
	
	
	
	#languages {
		right: 65px;
		top: 50px;
	}
	

	.header_socials{
		display: flex;
		align-items: center;
	}
	.header_socials a{
		display: block;
		line-height: 0;
		margin-right: 20px;
	}
	.header_socials a:hover .hover_fill{
		fill: #c0c0c0;
	}
	.header_socials a:last-child{
		margin: 0;
	}
	.link_box span{
		font-size: 1rem;
	}
}
@media screen and (max-width:1040px){
	.video_overlay h2{
		font-size: 3rem;
	}
	.produkte_box a, .myseppi_box a {
		font-size: 1.5rem;
		font-weight: bold;
		text-align: center;
	}
	.startbild{
		height: auto;
	}
}
@media screen and (max-width:1024px){
	.produkt_menu_box {
		width: calc(20% - 20px);
	}
	.produkt_menu_box span{
		font-size: 0.8rem;
	}
	.product_range_box h3{
		font-size: 1.15rem;
	}
	
	.content_box_left {
		margin-right: 20px;
	}
	.content_box_right {
		margin-left: 20px;
	}
	
	.video_text h2{
		font-size: 4rem;
	}
}
@media screen and (max-width: 1000px) {

}
@media screen and (max-width: 980px) {
	.panel {
		width: 55%;
	}
}
@media screen and (max-width: 950px) {
	.header_logo {
		left: 40px;
	}
	.header .w1280{
		padding-right: 40px;
	}
	.header_rechts{
		padding: 50px 40px;
	}
	
	.homestartbox{
		height: auto;
	}
	.homestartbox .w1280{
		padding: 0;
	}
	.video_box, .bild_box_1{
		height: auto;
		width: 100%;
		float: none;
		z-index: 1;
	}
	.video_box video {
		position: relative;
		width: 100%;
		min-width: 100%;
		min-height: inherit;
		max-width: 100%;
		top: auto;
		left: auto;
		transform: none;
	}
	.startbox_rechts {
	  float: none;
	  width: 100%;
	  height: auto;
	}
	.startbox_link_boxen {
		height: auto;
		position: relative;
		bottom: auto;
		display: flex;
		justify-content: center;
	}
	.myseppi_box, .produkte_box, .cat_box, .bild_box_2{
		float: none;
		width: 50%;
		height: auto;
		overflow: hidden;
	}
	.produkte_box:hover, .myseppi_box:hover, .cat_box:hover{
		margin-top: 0;
	}
	.myseppi_box span{
		margin-top: 15%;
	}
	.verlinkung_box, .bild_box_3{
		width: 100%;
		height: auto;
		z-index: 1;
		position: relative;
		top: auto;
	}
	.myseppi_box a, .produkte_box a, .cat_box a{
		z-index: 2;
		position: relative;
	}
	.myseppi_box::after, .cat_box::after{
		content: '';
		background-color: rgba(30, 37, 41, 0.1);
		position: absolute;
		width: 100%;
		height: 100%;
		top: 100%;
		left: 0;
		z-index: 1;
		-webkit-transition: all ease 0.3s;
		-moz-transition: all ease 0.3s;
		transition: all ease 0.3s;
	}
	.myseppi_box:hover:after, .cat_box:hover:after{
		top: 0;
	}
	
	.schraege{
		display: none;
	}
	
	.button a, .button span, .submit_anfrage_angebot{
		font-size: 0.9rem;
		padding: 4px 20px !important;
	}
	.link_boxen{
		gap: 0;
		justify-content: space-between;
	}
	.link_box {
		width: calc(50% - 20px);
	}
	.link_box:nth-child(3){
		width: 100%;
		margin-top:60px;
	}
	.link_boxen{
		margin-bottom: 60px;	
	}
}
@media screen and (max-width: 900px) {
	.single_content_flex_box, .home_content_flex_box{
		display: block;
	}
	.content_box_right {
		margin: 0 auto !important;
		padding: 0 !important; 
		width: 100%;
	}
	.content_box_left {
		margin: 40px auto 0 !important;
		width: 100%;
	}
	.flex_box_verlinkungen{
		gap: 25px;
	}
	.verlinkungs_box span{
		font-size: 1.25rem;
	}
}
@media screen and (max-width: 880px) {
	
}
@media screen and (max-width: 860px) {
	.w1280{
		padding: 0 35px;
	}
	.header_rechts{
		padding: 50px 35px;
	}
	.header_logo {
		left: 35px;
	}
	.header .w1280{
		padding-right: 35px;
	}

	#languages{
		right: 35px;
	}
	
	.grid-item {
		width: calc(50% - 15px);
	}
	.sidewrapper{
		left: 10px;	
	}
	h1, h2, h3, h4, h5, h6{
		font-size: 2rem;
	}
	.margin_oben{
		margin-top: 70px;
	}
	.margin_unten{
		margin-bottom:70px;
	}
	.bg_padding{
		padding: 70px 0;
	}
	
	.grid_item_anwendungen {
		width: calc(50% - 15px);
		margin-bottom: 30px;
	}
	.grid_item_anwendungen h2{
		padding: 0 25px 25px 25px;
	}
	.gutter_sizer_anwendungen {
		width: 30px;
	}
	.anwendungs_icons{
		left: 25px;
		top: 25px;
	}
	
	.flex_box_bilder{
		gap: 30px;
	}
	.bild_box_galerie{
		width: calc(50% - 15px);
	}
	
	.grid-item-produkt {
		width: calc(50% - 15px);
	}
	.horizontal-section{
		padding-left: 35px;
		padding-right: 35px;
	}
	
	.callback_flex {
		display: block;
		gap: 0;
	}
	.call_back_links {
		width: 100%;
	}
	.call_back_rechts {
		width: 100%;
		display: block;
		margin-top: 30px;
	}
}
@media screen and (max-width: 810px) {

}
@media screen and (max-width: 800px) {
	.footer_menu .nav-menu li a {
		font-size: 1rem;
	}
	.footer_menu .nav-menu li {
		margin-right: 15px;
	}
	
	.video_text h2{
		font-size: 3rem;
	}

	.child_produkt_box{
		width: 100%;
	}
}
@media screen and (max-width: 780px) {
	
}
@media screen and (max-width: 750px) {
	.product_range_box h3{
		font-size: 1rem;
	}
	
	.flex_box_verlinkungen{
		display: block;
	}
	.verlinkungs_box{
		margin: 0 auto 30px;
		width: auto;	
	}
	.verlinkungs_box span{
		font-size: 1.6rem;
	}
}
@media screen and (max-width: 715px) {
	.applications_flexbox {
	  display: block;
	  gap: 0;
	}
	.applications_liste {
		width: 100%;
	}
	.applications_flexbox img {
	  width: 100%;
	}
}
@media screen and (max-width: 700px) {
	
}
@media screen and (max-width: 680px) {
	.panel {
		width: 100%;
	}
}
@media screen and (max-width: 650px) {	
	.video_overlay{
		bottom: 20px;
	}
	.quick_links{
		display: none;
	}
	.content_box_right{
		padding: 0;	
	}
	.grid_item_anwendungen {
		width: 100%;
	}
	.grid_item_anwendungen:nth-child(3) {
		margin-top: 0;
	}
	.gutter_sizer_anwendungen {
		width: 0;
	}
	
	.form_box{
		padding: 30px;
	}
	body, .row select, .row input, .raido_buttons span.wpcf7-list-item-label{
		font-size: 1.15rem;
	}
	.form_box .schritt_titel{
		margin-bottom: 30px;
	}
}
@media screen and (max-width: 625px) {
	
}
@media screen and (max-width: 600px) {	
	.link_box {
		width: calc(50% - 10px);
	}
	.link_box:nth-child(3){
		margin-top: 40px;	
	}
	.footer_menu{
		display: none;
	}
	.content_box_left .image_box {
		padding-bottom: 100%;
		width: 100%;
		float: none !important;
	}
	.content_box_left .image_box:last-child{
		margin-top: 25px;
	}
	.sidewrapper{
		display: none;
	}
	.panel .icon {
		top: 30px;
		left: 30px;
	}
	.panel .text_box {
		padding: 0 30px 30px 30px;
	}
	
	.swiper_carousel .swiper-pagination{
		display: none;
	}
}
@media screen and (max-width: 580px) {
	.grid-item,   .grid-item-produkt {
		width: 100%;
	}
	.grid-item:nth-child(3){
		margin-top: 0;
	}
	.grid .gutter-sizer, .grid_filter .gutter-sizer{
		width: 0;
	}
	.grid-item:nth-child(3):hover{
		margin-top: -5px;
	}
	
	
	.later_filter{
		background-color: #F3F4F4;
	}
	.accordion {
		background-color: #F3F4F4;
		font-family: "itc-officina-sans-pro", sans-serif;
		font-size: 1.25rem;
		text-transform: uppercase;
		letter-spacing: 2px;
		display: flex;
		align-items: center;
		cursor: pointer;
		padding: 20px 35px;
		border-radius: 0px;
		width: 100%;
		border: none;
		text-align: left;
		outline: none;
		transition: 0.4s
	}
	.accordion svg{
		margin-left: 10px;
		-webkit-transition: all 0.2s ease;
		-o-transition: all 0.2s ease;
		-moz-transition: all 0.2s ease;
		transition: all 0.2s ease;
	}
	.accordion.active svg{
		-webkit-transform: rotate(-180deg);
		-moz-transform: rotate(-180deg);
		-ms-transform: rotate(-180deg);
		-o-transform: rotate(-180deg);
		transform: rotate(-180deg);
	}
	.panel_accordion {
	  max-height: 0;
	  overflow: hidden;
	  transition: max-height 0.2s ease-out;
	}
	.kategorien_box {
		margin: 0 auto 30px;
	}
	.flex_box_filter {
		display: block;
		padding: 0;
	}
	.filter_box {
		text-align: left;
		margin-right: 0;
	}
	.filter_box .icon_box {
		justify-content: flex-start;
		flex-direction: row;
	}
	.filter_box span.beschreibung{
		margin: 0 0 0 10px;
	}
	.box{
		display: flex;
		align-items: center;
		padding-left: 10px;
		margin-top: 10px;
	}
	#slider-ps, #slider-width {
		margin: 0;
		width: 200px;
	}
	.box span{
		margin-left: 20px;
	}
	.filter_box:last-child{
		margin-top: 20px;
	}
}
@media screen and (max-width: 550px) {
	.myseppi_box span {
		margin-top: 20%;
	}
	.verlinkung_overlay, .video_overlay{
		padding: 0 25px;
	}
	.verlinkung_overlay h2, .video_overlay h2{
		font-size: 2rem;
	}
	.video_overlay p{
		font-size: 1.15rem;
	}
	
	.certificates {
		position: relative;
		right: auto;
		margin: 0 auto 40px;
		text-align: center;
	}
	.socials {
		position: relative;
		right: auto;
		bottom: auto;
		width: 100%;
		margin-top: 30px;
	}
	.socials a {
		display: inline-block;
		vertical-align: middle;
		line-height: 0;
		margin: 0 10px 0 0;
	}
	.infos{
		width: 100%;
	}
}
@media screen and (max-width: 500px){
	.link_box {
		width: 100%;
	}
	.link_box:first-child {
		margin-bottom: 40px;
	}
	.swiper-pagination-bullet {
		margin: 0 6px;
	}
}	
@media screen and (max-width: 450px){	
	.produkte_box a, .myseppi_box a {
		font-size: 1.3rem;
		padding: 30px 25px;
	}
	.myseppi_box svg {
		width: 60px;
	}
	.header_logo {	
		width: 220px;
	}
	#nav-icon3{
		margin: 19px auto;
	}
	.header_phone{
		margin-top: 17px;
	}
	.header_rechts{
		top: 60px;
	}
	.header_logo svg {
		width: 180px;
	}
}
@media screen and (max-width: 430px){	
	
}
@media screen and (max-width: 400px){	
	
}


/* ////////////// Height ////////////// */
@media screen and (max-height: 720px) {

}
@media screen and (max-height: 700px) {
	
}
@media screen and (max-height: 550px) {
	
}


/* ////////////// Print ////////////// */
@media print {
	body {
		background: none !important;
		color: #000;
		font-size: 10pt;
	}
}