@media only screen and (max-width: 768px) /*Bootstrap medium breakpoint*/ {
	
	:root{
		--titel1: 40px;
		--titel2: 24px;
		--titel3: 20px;
		--fliesstext: 16px;
	}
	.background-line{
		padding: 0px 0px 0px 0px;
	}
	.spacer150{
		height: 100px;
	}
/*	.spacer90{
		height: 60px;
	}*/
	
	h1, .h1 {
	  font-size: var(--titel1);
		margin-bottom: 0px;
	}
	h2 {
	  font-size: var(--titel2);
		padding-bottom: 18px;
	}
	h3 {
	  font-size: var(--titel3);

	}
	p, ul {
	  font-size: var(--fliesstext);
	  font-weight: 300;
	  list-style-type: disc;
	}

	.leistungen-section h2 {
		padding-bottom: 0px;
	}
	#leistungen-icons .col {
		padding-bottom: 70px!important;
	}
	#verbindungen h1 {
		font-size: var(--titel2);
	}
	.um-start-akkordion .accordion-button {
		padding: 0px;
	}
	.um-start-akkordion .accordion-button > span {
		font-size: 18px;
		padding: 13px 0px;
	}
	.um-start-akkordion h2.accordion-header {
		padding-bottom: 0px;
	}
	.um-start-akkordion .accordion-button > span {
		max-width: 60vw;
	}
	.um-start-akkordion .accordion-body {
		max-width: 60vw;
		font-size: var(--fliesstext);
	}
.um-start-akkordion .accordion-button, .um-start-akkordion .accordion-button span {
	hyphens: none;
}
	.um-image-split .um-image{
		bottom: unset;
		top: unset;
	}
	.btn-primary, .btn-secondary {
		padding: 2px 18px!important;
		border-width: 4px!important;
	}
	.btn-primary a, .btn-secondary a{
    font-size: 18px;
	}
	.um-start-akkordion img{
		z-index: 44!important;
		position: relative;
	}
	
	
	/*
	############################################
	############## INHALT 
	############################################
	*/

	.ueber-adhesive{
			padding-bottom: 175px;
		}
	.ueber-adhesive .image-transform{
			width: 100%;
			padding-bottom: 30px;
		}

	.maschinenbau, .erneuerbare-energien, .transportation{
		height: 200px;
	}
	.background-line.line6 {
	   	background-position: 50% 50%;
	}
	.carousel-control-prev, .carousel-control-next {
		position: relative;
		display: inline-flex;
		left: 0;
		margin-top: 30px;	
	}	
	.um-leistungen-text {
		margin-bottom: 50px;
	}
	#wir-verbinden img {
		width: 30px;
	}
	#wir-verbinden a {
		font-size: var(--titel3);
	}
	#wir-verbinden {
		padding: 50px 10px;
	}
	#leistungen-detail{
		padding-bottom: 50px;
		padding-top: 50px;
	}
	.um-image-split .col-12 {
		height: 100%;
	}
	#bond-whatever {
		padding-bottom: 50px;
	}
	#leistungen-detail li::before, #um-projektlisten li::before {
		top: 10px;
	}
	#future-starts-now {
		padding: 50px 0px;
	}
	#future-starts-now img:first-of-type, #future-starts-now img:last-of-type {
		height: 260px;
	}
	#leistungen-icons {
		transform: translateX(0px);
	}
	#inhaber #profilbild {
		width: 100%;
		position: relative;
		bottom: unset;
		right: unset;
		max-height: 260px;
		object-fit: contain;
	}
	#um-bildtrenner img {
		height: 280px;
	}
	#projekte-referenzen #carouselExampleAutoplaying {
		margin: unset;
	}
	#um-unsere-kunden {
    	margin-bottom: 180px;
	}
#referenzen .carousel-inner div.col-12.col-md-8 img {
    object-position: 100% 50%;
}
	/*
	############################################
	############## Footer 
	############################################
	*/
	#logo-footer {
    	max-height: 150px;
	}
	.um-footer-DaIm {
    	font-size: 24px;
	}
	.navbar {
	z-index: 1090;
	}
}
@media only screen and (max-width: 640px) /*Bootstrap medium breakpoint*/ {
	.line1{
		background-image: url("../bilder/line/mobile-line-1.svg");
	}
	.line2::after{
		background-image: url("../bilder/line/mobile-line-2.svg");
	}
	.line3{
		background-image: url("../bilder/line/mobile-line-3_1.svg");
		background-position: center bottom;
	}
	.line4{
		background-image: url("../bilder/line/mobile-line-4.svg");
	}
	.line4_1{
		background-image: url("../bilder/line/mobile-line-4_1.svg");
	}
	.line4_2{
		background-image: url("../bilder/line/mobile-line-4_3.svg");
	}
	.line4_3{
		background-image: url("../bilder/line/mobile-line-4_2.svg");
		min-height: 44vw;
	}
	.line5{
		background-image: url("../bilder/line/mobile-line-5.svg");
	}
	.line6{
		background-image: url("../bilder/line/line-6.svg");
	}
	.line7{
		background-image: unset;
	}
	.line8{
		background-image: url("../bilder/line/mobile-line-8.svg");
	}
	.line9{
		background-image: unset;
	}
	.line6_1{
		background-image: url("../bilder/line/mobile-line-6_1.svg");
		min-height: 250px;
		padding-right: 23vw;
	}
	.line6_2{
		background-image: url("../bilder/line/mobile-line-6_2.svg");
		min-height: 333px;
	}
	.line6_3{
		background-image: url("../bilder/line/mobile-line-6_3.svg");
		
	}
	.line6_4{
		background-image: url("../bilder/line/mobile-line-6_4.svg");
		min-height: 140px;
	}
	.ueber-adhesive p{
			padding-left: 0px;
			padding-right: 25vw;
			padding-bottom: 20px
	}
	.leistungen-section p{
	  		padding-right: 0px;
	  		padding-left: 25vw;
	  		padding-bottom: 20px;
	}
	.um-image-split {
		height: 240px;
	}
	.um-image-split .um-image{
		bottom: unset;
		top: unset;
		height: 100%;
		padding-bottom: 40px;
	}
	.um-image-split .um-icon {
 		width: 160px;
 		max-width: 40vw;
 		transform: translate(100%, 0%);
	}
	#carouselExampleAutoplaying {
		margin-left: 24vw;
	}
	#um-projektlisten .container .col:not(:first-child) img {
    	transform: none;
    	margin-bottom: 0;
	}
	  #connect-perfect .bildreihe {
			margin-left: 0;
	  }
	  #um-projektlisten .col h2 {
	  	padding-top: 1.5rem;
	  }
}