/* Stylesheet Reset */

b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
	line-height: 1.5;   /* 1.25; */
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* Original VM Stylesheet */

body {
    font-family: 'Open Sans', sans-serif !important;
}

textarea {
    resize: vertical;
}

#get {
    background: url(https://http-get.de/get.gif) no-repeat;
}

.content-main {
    /* min-height: 700px; */
}

.footer-main {
    padding: 4rem 0;
    /* margin-top: 4rem; */
    background-color: #f7f7f7;
}

/* Google Maps on contact page */
.map {
    width: 100%;
    position: relative;
    height: 300px;
}

.map:before, .map iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.map:before {
    content: '';
    z-index: 1;
}

.map iframe {
    border: none;
}

.map.active {
    z-index: 1
}

.map.active:before {
    z-index: 0
}

.wpt img {
    max-width: 100px;
}

.powered-by {
    font-size: 14px;
    font-weight: 500;
}

.powered-by small {
    font-size: 10px;
}

.wpt-adress {
    font-size: 12px;
}

/* Neu */

/* Elemente */

header {
	overflow: hidden;
	margin-bottom: 50px;
}

h1, h2, h3, h4 {
	color: #ff7900;
	font-weight: bold;
}


a:hover {
	text-decoration: none;
}

footer {
	margin-top: 50px;
}

/* Klassen und Pseudoklassen */

.logo-text {
	color: #000;
	padding-left: 3rem;
}

.nav-link {
	padding: 40px 35px !important;
	color: #fff !important;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 1rem;
	box-shadow: 3px 0px 8px #a45510;
}

.nav-link:hover {
	background-color: #ffbc7f;
}

.last {
	padding-right: 3rem !important;
}

.navbar {
	padding: 0;
}

.header-text-primary {
	color: #ff7900;
	font-size: 5rem;
	font-weight: bold;
	text-shadow: 3px 0px 8px #000;
	line-height: 5rem;
}

.header-text-secondary {
	color: #fff;
	font-size: 5rem;
	text-shadow: 3px 0px 8px #000;
	line-height: 5rem;
}

.header-text-tertiary {
	color: #000;
	font-size: 1.5rem;
	text-shadow: 3px 0px 8px #fff;
	line-height: 3rem;
}

.scrollLink {
	color: #fff;
}

.scrollLink:hover {
	color: #373737 !important;
}

.text-box {
	padding-left: 1rem;   /* 3rem; */
	max-width: 100%;
}

.text-line {
	padding: 50px 0;
}

.text-space {
	padding-bottom: 30px;
}

.pose-line {
	background-image: url("/images/boden.jpg");
	background-repeat: no-repeat;
    background-size: cover;
	padding: 50px 0 100px;   /* 50px 0; */
	/* margin-bottom: -50px; */
}

.pose {
	text-align: center;
}

.pose span {
	color: #ff7900;
	text-transform: uppercase;
	font-weight: bold;
	text-align: center;
	font-size: 1rem;
}

/* Boxen-Kontrukt */

.uebersicht-text-box-konstrukt {
	position: relative;
	z-index: 81;
}

.obester-bereich {
	align-content: flex-end;
}

.obester-bereich span {
	font-weight: bold;
	color: #fff;
	line-height: 5rem;
	font-size: 1.5rem;
}

.oberer-bereich {
	/* border-bottom: 3px solid #fff; */
	cursor: pointer;
}

.oberer-bereich span {
	font-weight: bold;
	color: #fff;
}

.linker-teil {
	background-color: #ff7900;
}

.unterer-bereich {
	margin-top: -4px;
	color: blue;
	position: relative;
	z-index: 80;
}

.paket {
	padding-top: 30px;
	align-items: end;
}

.uebersicht-text-box {
	color: #fff;
}

.plus-btn {
	color: #fff;
	font-size: 3rem;
	padding: 0;
	line-height: 1.2rem;
	padding-bottom: 12px;
	margin-left: -18px;
}
.plus-btn:hover {color:#212529;}

.teppichreinigung-zusatz {
	background-color: #ff8719 !important;
}

.referenzen-zusatz {
	background-color: #ff9434 !important;
}

.linie {
	height: 3px;
	width: 97%;
	margin-left: 15px;
	background-color: #fff;
	display: block;
	position: absolute;
	cursor: pointer;
	z-index: 40000;
}

/* Boxen-Konstrukt Ende */

.img-responsive {
	height: auto;
	width: 100%;
    max-width: 200px;
}

.bild-box {
	padding: 50px 15px;
    text-align: center;
    display: -webkit-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.bild-box img {
	margin: auto;
}

.footer-main {
	background-color: #373737;
	color: #fff !important;
}

.footer-link, .footer-link:hover  {
	color: #fff;
}

.footer-h3 {
	color: #fff;
	font-size: 1.5rem;
	font-weight: normal;
}

.form-control {
	border-radius: 0;border:none !important;
        box-shadow: 4px 5px 9px 0px rgba(255,121,0,0.61) inset;
-webkit-box-shadow: 4px 5px 9px 0px rgba(255,121,0,0.61) inset;
-moz-box-shadow: 4px 5px 9px 0px rgba(255,121,0,0.61) inset;
}

.btn {
	border-radius: 0;
	background-color: #ff7900;
	border: 1px solid #ff7900;
	cursor: pointer;
}

.btn:hover {
	background-color: #b2b2b2;
	border: 1px solid #b2b2b2;
}

.datenschutzerklaerung-link {
	color: #fff;
	font-weight: bold;
	text-decoration: underline;
}

.fb-link {
	color: #fff;
	font-size: 2rem;
}

.fb-link:hover {
	color: #b2b2b2;
	font-size: 2rem;
}

.pattern-1 {background-color: #ff7900 !important;}
.pattern-2 {background-color: #ff8719 !important;}
.pattern-3 {background-color: #ff9434 !important;}
.pattern-4 {background-color: #ffa04c !important;}
.pattern-5 {background-color: #ffaf66 !important;}
.pattern-6 {background-color: #ffbc7f !important;}


/* alternatives Hover-Verhalten für das Menü */

.pattern-1:hover {background-color: #ffbc7f !important;}
.pattern-2:hover {background-color: #ffaf66 !important;}
.pattern-3:hover {background-color: #ffa04c !important;}
.pattern-4:hover {background-color: #ff9434 !important;}
.pattern-5:hover {background-color: #ff8719 !important;}
.pattern-6:hover {background-color: #ff7900 !important;}


.innere-footer-kachel {
	background-color: #7d8b25;
	margin: 5px 0;
	padding: 5px;
	text-align: center;
}

.innere-footer-kachel:hover {
	color: #fff;
	background-color: #b2b2b2 !important;
	transition: .15s;
	text-decoration: none;
}

.footer-kachel-link {
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
}

.footer-padding {
	padding-bottom: 25px;
}

.lower-footer-navbar-nav li {
	display: inline-block;
	margin-right: 15px;
}

.lower-footer-nav-li {
	background-color: #7d8b25;
	padding: 5px;
	text-align: center;
}

.lower-footer-nav-link {
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
	display: inline-block;
	padding: .5rem 1.5rem;
	background-color: #ff7900;
	margin-top: -1px;
}

.lower-footer-nav-link:hover {
	color: #fff;
	text-decoration: none;
	background-color: #b2b2b2;
	margin-top: -1px;
}

.to-top {
	position: fixed;
	bottom: 0;
	right: 0;
	background-color: #ff7900;
	border: 2px solid #ff7900;
	color: #fff;
	padding: 6px;   /* 10px; */
	z-index: 10002;
	opacity: 0;
	transition: .5s;
	cursor: pointer;
	font-size: 1.5rem;   /* 2rem; */
}

.to-top:hover {
	background-color: #6a6d72;
	border: 2px solid #6a6d72;
}

.navbar-toggler {
	cursor: pointer;
}

.linker-teil {
	cursor: pointer;
}

/* Cross-Bars */

.cross-bars {
	position: relative;
	float: right;
	font-size: 30px;
	cursor: pointer;
	padding: 5px 10px;
}

.bar1, .bar2, .bar3 {
    width: 20px;   /* 35px; */
    height: 3px;   /* 5px; */
    background-color: #fff;   /* #fce85d; */
    margin: 3px 0;   /* 6px 0; */
    transition: 0.4s;
}

.change .bar1 {
    /* -webkit-transform: rotate(-45deg) translate(-9px, 6px); */
    /* transform: rotate(-45deg) translate(-9px, 6px); */
	-webkit-transform: rotate(-45deg) translate(-4px, 4px);
	transform: rotate(-45deg) translate(-4px, 4px);
}

.change .bar2 {opacity: 0;}

.change .bar3 {
    /* -webkit-transform: rotate(45deg) translate(-8px, -8px); */
    /* transform: rotate(45deg) translate(-8px, -8px); */
	-webkit-transform: rotate(45deg) translate(-4px, -5px);
	transform: rotate(45deg) translate(-4px, -5px);
}

/* Cross-Bars ende */

a:hover {
    color: #ff7900 !important;
}

.nav-link:hover, .lower-footer-nav-link:hover {
	color: #fff !important;
}

.polaroid {
	background-color: #fff;
	border: 1px solid #CCC;
	text-align: center;
}

.polaroid-inner, .portrait, .landscape, .team-1 ,.team-2 {
	/* background-color: #000; */
	display: block;
	height: 70%;
	width: 80%;
	margin: 10%;
	overflow: hidden;
}

/* .landscape, .team-1,.team-2 { */
	/* width: 117% !important; */
/* } */

.polaroid-inner img {
	height: 100%;
	width: auto;
	object-position: -37px 0px;
}

.portrait img {
    height: auto !important;
    width: 100% !important;
    object-position: 0px -25px;
}

.landscape img {
	height: 100%;
	width: auto;
	object-position: -37px 0px;
	/* object-position: -20px 0px; */
	/* max-width: inherit; */
}

.team-1 img {
	height: 100%;
	width: auto;
	object-position: -67px 0px;
	/* max-width: inherit; */
}

.team-2 img {
	height: 100%;
	width: auto;
	object-position: -47px 0px;
	/* max-width: inherit; */
}

.foto-square {
	position: relative;
	width: 100%;
	overflow: hidden;
	cursor: pointer;
}

.foto-square:after {
	content: "";
	display: block;
	padding-bottom: 100%;                                                                                                                                                              ;
}

.foto-square-content {
	background-color: rgba(55,55,55,0.85);
	color: #fff;
	position: absolute;
	width: 100%;
	height: 114%;   /* 100%; */
	display: block;
	align-items: center;
	justify-content: center;
	text-transform: uppercase;
	font-size: 0.8rem;
	font-weight: bold;
	/* line-height: 2rem; */
}

.foto-overlay {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 0;   /* 100%; */
	transition: .5s ease;
	background-color: rgba(255, 121, 0, 0.8);
	/* opacity: 1; */
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	text-transform: uppercase;
	flex-wrap: wrap;
}

.foto-square-content:hover .foto-overlay {
	height: 100%;   /* 30%; */
	background-color: rgba(255, 121, 0, 0.8);
	/* opacity: 0.5; */
	bottom: 0;   /* 70%; */
}

.foto-text {
	width: 99.5%;   /* 99%; */
	margin: -1px 0 0 1px;
	padding: 5px;
	background-color:  rgba(255, 121, 0, 1);
	color: #fff;
	font-size: 0.8rem;
	text-transform: uppercase;
	font-weight: bold;
	display: flex;
	justify-content: center;
	position: relative;
	z-index: 999;

}
.partner {padding-top: 2%; padding-bottom: 2%;}

.orange {
	color: #ff7900;
	font-weight: bold;
}

.orange-link {
	color: #ff7900;
}

.orange-link:hover {
	opacity: 0.5;
}

.big {
	font-size: 1.6rem;
	padding: 0 3px;
}

.image-fluid {
	width: 100%;
}

.twentytwenty-before-label::before, .twentytwenty-after-label::before {
    background: rgba(255, 121, 0, 0.8) !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
    text-transform: uppercase !important;
}

.textbereich {
	-webkit-column-count: 2;
	-webkit-column-gap:   0px;
	-moz-column-count:    2;
	-moz-column-gap:      0px;
	column-count:         2;
	column-gap:           0px;
}

.picture {
	padding: 1.4%;
}

.vergleich-box {
	padding: 0 15px 25px;
}

/* Modal Galerie */

* {
	box-sizing: border-box;
}

.row > .column {
	padding: 0 8px;
}

.row:after {
	content: "";
	display: table;
	clear: both;
}

.column {
	float: left;
	width: 25%;
}

/* The Modal (background) */

.modal {
	display: none;
	position: fixed;
	z-index: 9999;   /* 1; */
	padding-top: 104px;   /* 100px; */
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: rgba(1, 1, 1, 0.7);   /* black; */
}

/* Modal Content */

.modal-content {
	position: relative;
	background-color: rgba(0, 0, 0, 0);   /* #fefefe; */
	margin: auto;
	padding: 0;
	width: 90%;
	max-width: 1200px;
	border: 1px solid rgba(0, 0, 0, 0);
}

/* The Close Button */

.close {
	color: white;
	position: absolute;
	top: 104px;   /* 10px; */
	right: 25px;
	font-size: 35px;
	font-weight: bold;
}

.close:hover,
.close:focus {
	color: #999;
	text-decoration: none;
	cursor: pointer;
}

.mySlides {
	display: none;
	/* background-color: black; */
	text-align: center;
	height: 80vh;
}

.mySlides img {
	max-width: 100%;
	padding: 5%;
}

.not-full-width {
	/* height: 80vh; */   /* max-height: 80vh; */
	/* width: auto !important; */
	max-width: 80vw;
	max-height: 80vh;
}

.cursor {
  cursor: pointer;
}

/* Next & previous buttons */

.prev,
.next {
	cursor: pointer;
	position: absolute;
	top: 50%;
	width: auto;
	padding: 16px;
	margin-top: -50px;
	color: white !important;
	font-weight: bold;
	font-size: 20px;
	transition: 0.6s ease;
	border-radius: 0 3px 3px 0;
	user-select: none;
	-webkit-user-select: none;
}

/* Position the "next button" to the right */
.next {
	right: 0;
	border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover,
.next:hover {
	background-color: rgba(0, 0, 0, 0.8);
}

/* Number text (1/3 etc) */
.numbertext {
	color: #f2f2f2;
	font-size: 12px;
	padding: 8px 12px;
	position: absolute;
	top: 0;
}

img {
	margin-bottom: -4px;
}

.caption-container {
	text-align: center;
	background-color: black;
	padding: 2px 16px;
	color: white;
	display: none;
}

.demo {
	opacity: 0.6;
}

.active,
.demo:hover {
	opacity: 1;
}

img.hover-shadow {
	transition: 0.3s;
}

.hover-shadow:hover {
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.image-fluid {
	width: 100%;
}

.gruender {
	float: right; margin: 0 10px 10px;
}

.carousel-control-next, .carousel-control-prev {
    width: 5%;
}

/* Modal Galerie - Ende */

.datenschutz-modal-content {
	background-color: #fff !important;
}

.datenschutz-modal-close {
	position: static !important;
	color: #ff7900;
	opacity: 1;
}

.sub-btn {
	padding: 5px 15px;
	border-radius: 0;
	background-color: #ff7900;
	border: 1px solid #ff7900;
	cursor: pointer;
	color: #fff;
	transition: .5s;
}

.sub-btn:hover {
	background-color: #b2b2b2;
	border: 1px solid #b2b2b2;
}

.cc-link{
	font-weight:bold;
	text-decoration:none !important;
}

.cc-link:hover{
	color:#fff !important;
	text-decoration:underline !important;
}

/* Container */

#entry {
	height: 104px;
	margin-top: -104px;
	/* margin-bottom: 25px; */
	position: relative;
	display: block;
	background-color: rgba(0,0,0,0);   /* magenta; */
	/* z-index: -1; */
}

#feedback {
	position: fixed;
	top: 0;
	left: 0;
	font-size: 0.8rem;
	font-weight: bold;
	border: 2px solid darkred;
	color: #000;
	content: '';
	opacity: 0.8;
	padding: 5px;
	z-index: 999999;
	display: none;   /* block; */
}

#header-navigation {
    position:fixed;
    width: 100%;
	z-index:9998;
	background-color: #fff;
	margin: 0;
	padding: 0;
	box-shadow: 0px 3px 8px rgba(0,0,0,0.5);
}

#extended-header {
	background-image: url("/images/bg-header.jpg");
	background-repeat: no-repeat;
    background-size: cover;
	/* padding-bottom: 1%; */
	min-height: 100vh;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-end;
	padding-bottom: 52px;
}

#big-header-line {
	width: 100%;
	display: flex;
	margin-bottom: 20px;
}

#small-header-line {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	height: 52px;
	margin-top: -52px;
}

#dwn-btn {
	background-color: #ff7900;
	color: #fff;
	font-size: 2rem;
	font-weight: bold;
	padding: 2px 12px 2px 9px;
	width: 50px;
	cursor: pointer;
	z-index: 9999;   /* 100001; */
}

#uebersicht {
	background-color: #373737;
	padding: 50px 0;
}

#bodensanierung {
	background-image: url("/images/bg-bodensanierung.jpg");
	background-repeat: no-repeat;
	background-position: right;
	padding: 50px 0;
}

#teppichreinigung {
	background-image: url("/images/bg-teppichreinigung.jpg");
	background-repeat: no-repeat;
	background-position: right;
	padding: 50px 0;
	margin-top: 50px;
}

#referenzen {
	background-image: url("/images/bg-referenzen.jpg");
	background-repeat: no-repeat;
	background-position: right;
	padding: 50px 0;
	margin-top: 50px;
}

#lower-footer {
	position: fixed;
	left: 0;
	bottom: 0 !important;
	width: 100%;
	color: white;
	z-index: 9999;
}

#lower-footer-nav {
	opacity: 0;
	height: 0;
	transition: .5s;
}
    .kf-btn {display: inline-block;}
    .kf-btn a {text-decoration: none; color:#fff;background:#ff7900;padding:0.5rem;font-weight:bold;}
    .kf-btn a:hover {background: #6a6d72; color:#fff !important; }

#logo-text-wrapper {
	margin-left: 15px;
	position: absolute;
	/* top: 10px; */
	top: 50%;
	transform: translateY(-50%);
}

/* Media Queries */

@media( max-width: 575px ) {
	#feedback {background-color: yellow;}
	#feedback:after {content: 'max-width: 575px';}
	header {margin-bottom: 0;}
	footer {margin-top: 15px;}
	.nav-link {padding: 5px 30px !important;}
	.header-text-primary {font-size: 3rem; line-height: 3rem;}
	.header-text-secondary {font-size: 2.2rem; line-height: 2.5rem;}
	.header-text-tertiary {font-size: 1rem; line-height: 2rem;padding-right: 10px;}
	.uebersicht-text-box {padding-bottom: 15px;}
	.plus-btn {margin-left: 0px;}
	.text-box {padding-left: 1rem;}
	.navbar {background-color: #ff7900;}
	.logo-text {color: #fff;}
	.upper-text {font-weight: normal; margin-left: -20px;}
    .upper-text:hover {color:#6a6d72}

	/* .team-1 img {object-position: -37px 0px;} */
	/* .team-2 img {object-position: -26px 0px;} */
	.foto-text {width: 99%;}
    h3 {font-size:1.2rem;}
    h1 {font-size: 2rem;}
    .lower-footer-nav-link {padding: .5rem .5rem;font-size: 0.8rem;}
    .to-top {font-size: 1.2rem; padding: 6px 5px 5px;}
	.textbereich {-webkit-column-count: 1; -webkit-column-gap: 35px; -moz-column-count: 1; -moz-column-gap: 35px; column-count: 1; column-gap: 35px; padding: 0 35px 15px 0 !important;}
	.textbereich-2 {-webkit-column-count: 1; -webkit-column-gap: 35px; -moz-column-count: 1; -moz-column-gap: 35px; column-count: 1; column-gap: 35px; padding: 0 0 15px 0 !important;}
	.textbereich-3 {-webkit-column-count: 1; -webkit-column-gap: 35px; -moz-column-count: 1; -moz-column-gap: 35px; column-count: 1; column-gap: 35px; padding: 0 15px 15px !important;}

	.bild-box img {margin: auto;}
	.close {top: 50px;}
	.numbertext {top: -50px;}
	.vergleich-box-2 {margin-left: 0;}
	.rechte-box {margin-top: 50px;}
	.ladenlokale {margin-bottom: 25px;}
	.box-rechts {margin-top: 25px;}
	
	.ueberschrift-referenzen{margin-left: 0;}
	.referenzen-liste-1 {margin: -5px 0 -5px 25px;}
	.referenzen-liste-2 {margin: -5px 0 -35px 25px;}
	
	.tipp-box-left, .tipp-box-right {margin: 0;}
}

@media( min-width: 576px ) {
	#feedback {background-color: orange;}
	#feedback:after {content: 'min-width: 576px';}
	header {margin-bottom: 0;}
	footer {margin-top: 15px;}
	.nav-link {padding: 5px 30px !important;}
	.header-text-primary {font-size: 3rem; line-height: 3rem;}   /* font-size: 3rem; line-height: 7rem; */
	.header-text-secondary {font-size: 3rem; line-height: 5rem;}
	
	.uebersicht-text-box {padding-bottom: 15px;}
	.plus-btn {margin-left: 0px;}
	.navbar {background-color: #ff7900;}
	.logo-text {color: #fff;}
	.upper-text {font-weight: normal; margin-left: -20px;}
	.upper-text:hover {color:#6a6d72}
	/* .team-1 img {object-position: -72px 0px;} */
	/* .team-2 img {object-position: -30px 0px;} */
	.foto-text {width: 99.5%;}
    .textbereich {-webkit-column-count: 1; -webkit-column-gap: 35px; -moz-column-count: 1; -moz-column-gap: 35px; column-count: 1; column-gap: 35px; padding: 0 35px 15px 0 !important;}
	.textbereich-2 {-webkit-column-count: 1; -webkit-column-gap: 35px; -moz-column-count: 1; -moz-column-gap: 35px; column-count: 1; column-gap: 35px; padding: 0 0 15px 0 !important;}
	.textbereich-3 {-webkit-column-count: 1; -webkit-column-gap: 35px; -moz-column-count: 1; -moz-column-gap: 35px; column-count: 1; column-gap: 35px; padding: 0 15px 15px !important;}
	.textbereich-4 {-webkit-column-count: 1; -webkit-column-gap: 15px; -moz-column-count: 1; -moz-column-gap: 15px; column-count: 1; column-gap: 15px; padding: 0 15px 15px 15px !important;}
	
	.bild-box img {margin: auto;}
	.close {top: 50px;}
	.numbertext {top: -50px;}
	.to-top {padding: 6px 5px 5px;}
	.vergleich-box-2 {margin-left: 0;}
	.rechte-box {margin-top: 25px;}
	.ladenlokale {margin-bottom: 25px;}
	.box-rechts {margin-top: 25px;}
	
	.ueberschrift-referenzen{margin-left: 0;}
	.referenzen-liste-1 {margin: -5px 0 -5px 25px;}
	.referenzen-liste-2 {margin: -5px 0 -35px 25px;}
	
	.tipp-box-left, .tipp-box-right {margin: 0;}
}

@media( min-width: 768px ) {
	#feedback {background-color: red;}
	#feedback:after {content: 'min-width: 768px';}
	.uebersicht-text-box {padding-bottom: 15px;}
	.plus-btn {margin-left: -35px;}
	.nav-link {box-shadow: 0px 3px 8px #a45510;}
	.header-text-secondary {font-size: 2rem; line-height: 4rem;}
	.navbar {background-color: #ff7900;}
	.logo-text {color: #fff;}
	.upper-text {font-weight: normal; margin-left: -20px;}
    .upper-text:hover {color:#6a6d72}
	.nav-link {padding: 5px 30px !important;}
	
	/* .team-1 img {object-position: -46px 0px;} */
	/* .team-2 img {object-position: -41px 0px;} */
	.textbereich {-webkit-column-count: 1; -webkit-column-gap: 35px; -moz-column-count: 1; -moz-column-gap: 35px; column-count: 1; column-gap: 35px; padding: 0 35px 15px 0 !important;}
	.textbereich-2 {-webkit-column-count: 1; -webkit-column-gap: 35px; -moz-column-count: 1; -moz-column-gap: 35px; column-count: 1; column-gap: 35px; padding: 0 0 15px 0 !important;}
	.textbereich-3 {-webkit-column-count: 1; -webkit-column-gap: 35px; -moz-column-count: 1; -moz-column-gap: 35px; column-count: 1; column-gap: 35px; padding: 0 15px 15px !important;}
	.textbereich-4 {-webkit-column-count: 1; -webkit-column-gap: 15px; -moz-column-count: 1; -moz-column-gap: 15px; column-count: 1; column-gap: 15px; padding: 0 15px 15px 0 !important;}
	
	.bild-box img {margin: 8px;}
	.close {top: 104px;}
	.numbertext {top: 0;}
	.to-top {padding: 6px;}
	.vergleich-box-2 {margin-left: -15px;}
	.rechte-box {margin-top: 0;}
	.ladenlokale {margin-bottom: 0;}
	.box-rechts {margin-top: 0;}
	
	.ueberschrift-referenzen{margin-left: -15px;}
	.referenzen-liste-1 {margin: -5px 0 -5px 10px;}
	.referenzen-liste-2 {margin: -5px 0 -35px 10px;}
	
	.tipp-box-left, .tipp-box-right {margin: 0 0 25px 0;}
}

@media( min-width: 991px ) {
	#feedback {background-color: cyan;}
	#feedback:after {content: 'min-width: 991px';}
	header {margin-bottom: 50px;}
	footer {margin-top: 50px;}
	.header-text-primary {font-size: 5rem; line-height: 5rem;}
	.header-text-secondary {font-size: 5rem; line-height: 5rem;}
	.header-text-tertiary {font-size: 1.5rem;}
	.plus-btn {margin-left: -18px;}
	.nav-link {box-shadow: 3px 0px 8px #a45510;}
	.navbar {background-color: #fff;}
	.logo-text {color: #000;}
	.upper-text {font-weight: bold; margin-left: 0;}
    
	.nav-link {padding: 25px 10px !important;}
	
	/* .team-1 img {object-position: -42px 0px;} */
	/* .team-2 img {object-position: -30px 0px;} */
	.textbereich {-webkit-column-count: 1; -webkit-column-gap: 35px; -moz-column-count: 1; -moz-column-gap: 35px; column-count: 1; column-gap: 35px; padding: 0 35px 15px 0 !important;}
	.textbereich-2 {-webkit-column-count: 1; -webkit-column-gap: 35px; -moz-column-count: 1; -moz-column-gap: 35px; column-count: 1; column-gap: 35px; padding: 0 0 15px 0 !important;}
	.textbereich-3 {-webkit-column-count: 1; -webkit-column-gap: 35px; -moz-column-count: 1; -moz-column-gap: 35px; column-count: 1; column-gap: 35px; padding: 0 15px 15px !important;}
	.textbereich-4 {-webkit-column-count: 1; -webkit-column-gap: 15px; -moz-column-count: 1; -moz-column-gap: 15px; column-count: 1; column-gap: 15px; padding: 0 15px 15px 0 !important;}

	.bild-box img {margin: 0;}
	.referenzen-liste-1 {margin: -5px 0 -5px 10px;}
	.referenzen-liste-2 {margin: -5px 0 -35px 10px;}
	
	.tipp-box-left, .tipp-box-right {margin: 0 0 25px 0;}
}

@media( min-width: 1200px ) {
	#feedback {background-color: teal;}
	#feedback:after {content: 'min-width: 1200px';}
	.plus-btn {margin-left: -12px;}
	/* .team-1 img {object-position: -52px 0px;} */
	/* .team-2 img {object-position: -38px 0px;} */
	.textbereich {-webkit-column-count: 2; -webkit-column-gap: 35px; -moz-column-count: 1; -moz-column-gap: 35px; column-count: 2; column-gap: 35px; padding: 0 35px 15px 0 !important;}
	.textbereich-2 {-webkit-column-count: 2; -webkit-column-gap: 35px; -moz-column-count: 2; -moz-column-gap: 35px; column-count: 2; column-gap: 35px; padding: 0 0 15px 0 !important;}
	.textbereich-3 {-webkit-column-count: 2; -webkit-column-gap: 35px; -moz-column-count: 2; -moz-column-gap: 35px; column-count: 2; column-gap: 35px; padding: 0 15px 15px !important;}
    .textbereich-4 {-webkit-column-count: 2; -webkit-column-gap: 15px; -moz-column-count: 2; -moz-column-gap: 15px; column-count: 2; column-gap: 15px; padding: 0 15px 15px 0 !important;}

	.tipp-box-left {margin-right: 15px; flex: 0 0 48%;}
	.tipp-box-right {margin-left: 15px; flex: 0 0 48%;}

}

@media( min-width: 1301px ) {
	#feedback {background-color: indigo; color: lime;}
	#feedback:after {content: 'min-width: 1300px';}
	.nav-link {padding: 40px 35px !important;}
	.plus-btn {margin-left: -12px;}
	/* .team-1 img {object-position: -53px 0px;} */
	/* .team-2 img {object-position: -40px 0px;} */
	
	.tipp-box-right {margin-left: 15px; flex: 1 0 47%;}
}

@media (max-width: 1400px){
    .nav-link {font-size:0.8rem;}
}

@media (min-width: 1600px){
	.plus-btn {margin-left: 0px;}
	/* .team-1 img {object-position: -74px 0px;} */
	/* .team-2 img {object-position: -42px 0px;} */
}

@media (min-width: 1781px){
	#feedback {background-color: lime;}
	#feedback:after {content: 'min-width: 1781px';}
	/* .team-1 img {object-position: -74px 0px;} */
	/* .team-2 img {object-position: -54px 0px;} */
}

@media( min-width: 1900px ) {
	#feedback {background-color: green;}
	#feedback:after {content: 'min-width: 1900px';}
	/* .team-1 img {object-position: -105px 0px;} */
	/* .team-2 img {object-position: -78px 0px;} */
	
	.tipp-box-left {margin-right: 0; flex: 0 0 49%;}
	.tipp-box-right {margin-left: 30px; flex: 0 0 48.5;}
}

/* Microsoft Internet Explorer 8 + IE9, IE10 & IE11 */

@media screen\0 {
	.extended-header {
		height: auto;
	}
	.text-box {
		padding-top: 29%;
	}
	#dwn-btn {
		/* margin-top: 19.2%; */
	}
	.linie {
		margin: 80px 0 0 -65%;
	}
}

@media screen and (min-width:0\0) and ( max-width: 575px ) {
	.linie {
		margin: 80px 0 0 -98%;
	}
}

@media screen and (min-width:0\0) and ( min-width: 576px ) {
	.linie {
		margin: 80px 0 0 -98%;
	}
}

@media screen and (min-width:0\0) and (min-width: 768px) {
	.linie {
		margin: 80px 0 0 -65%;
	}
}

/* Microsoft Edge */

_:-ms-lang(x),
_:-webkit-full-screen,
.linie {
	margin-top: 80px !important;
}

/* Portrait und Landscape Anpassungen - iPhone 5/SE */

/* Portrait */
@media only screen
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (orientation: portrait) {
      #extended-header {background-position: -215px 0px; min-height: 100vh;}   /* min-height: auto !important; padding-top: 50px; */
	  .team-2 img {object-position: -36px 0px;}
}

/* Landscape */ 
@media only screen
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (orientation: landscape) {
	/* #extended-header {min-height: 90.5vh;} */
	/* .team-1 img {object-position: -80px 0px;} */
	/* .team-2 img {object-position: -54px 0px;} */
}

/* Portrait und Landscape Anpassungen - iPhone 6/7/8 */

/* Portrait */
@media only screen
  and (min-device-width: 375px) 
  and (max-device-width: 667px)
  and (orientation: portrait) {
	/* #extended-header {min-height: 95.5vh !important; background-position: -255px 0px;} */
	#extended-header {background-position: -215px 0px; min-height: 100vh;}
	.team-2 img {object-position: -36px 0px;}
}

/* Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px)
  and (orientation: landscape) {
	.footer-menu {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	/* .team-1 img {object-position: -93px 0px;} */
	/* .team-2 img {object-position: -64px 0px;} */
}

/* Portrait und Landscape Anpassungen - Tablet */

/* Portrait */
@media only screen
  and (min-device-width: 768px) 
  and (max-device-width: 1240px)
  and (orientation: portrait) {
	#extended-header {min-height: 100vh; background-position: -375px 0px;}   /* min-height: 97vh; 47vh; */
}

/* Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1240px)
  and (orientation: landscape) {
	
}

/* Google Chrome */

@media screen and (-webkit-min-device-pixel-ratio:0) {
	.linie {
		margin-top: 80px !important;
	}
}

/* @media screen and (-webkit-min-device-pixel-ratio:0) and (max-width: 767px) { */
/* } */

/* VL Anpassungen */

.box-2 {
	border: 2px solid #ff7900;
	padding: 20px;
	/* margin: 15px 15px 0; */
	display: block;
	height: 100%;
}

.box-2 ul li {padding-bottom:5px;}
.ref-box {display: flex; }
.ref-box img {max-width: 300px;padding: 15px;}
}