body {   font-family: 'PT Sans', sans-serif; font-weight:400; }
.btn-primary { background: #1b1e21; border-color: #6f42c1; }
.btn-primary:hover { background: #4e555b; border-color: #343a40; }
.center { text-align: center; }

.content { margin: 25px 20px; }

.menu {font-size:18px !important;}

.header { height:80px;  border-bottom: 2px solid #404042; }
.header .logo { }
.header .logo img { width:30%; background:#8D7A59;margin: 30px 0 0 30px; padding:25px 30px; z-index: 9; position: relative; }


h1 {   font-weight: 400; font-family: 'PT Sans', sans-serif; }

.slider-bottom { height:2px; background:#f0f0f0; }
.slider2{ min-height:350px; background-size:100%; background-position: 85%; }

#loader {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    width: 150px;
    height: 150px;
    margin: -75px 0 0 -75px;
    border: 16px solid #eee;
    border-radius: 50%;
    border-top: 16px solid #f58220;
    width: 120px;
    height: 120px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.animate-bottom {
    position:relative;
    -webkit-animation-name:animatebottom;
    -webkit-animation-duration:1s;
    animation-name:animatebottom;
    animation-duration:1s
}

@-webkit-keyframes animatebottom {
    from { bottom:-100px; opacity:0 }
    to { bottom:0px; opacity:1 }
}

@keyframes animatebottom {
    from{ bottom:-100px; opacity:0 }
    to{ bottom:0; opacity:1 }
}




.video-item { height:830px; width:100%; overflow: hidden; }

.content { min-height:300px; margin-top:50px; }

.produktReihe { display: flex; padding:15px 0; flex-wrap: wrap; justify-content: space-between; }
.produktReihe div { flex:0 1 320px ; margin-top:20px; padding:20px; height:400px !important; overflow:hidden;  }
.produktReihe div img { width:100%; }

.box-startseite { display: flex; flex-wrap: wrap; justify-content: space-between; }
.box-startseite div { flex:0 1 45%;}
.box-startseite .box1 h2 { position: relative; top:56%; left:45%; }
.box-startseite div img { width:100%; }

.entwicklung-bilder { display: flex; flex-wrap: wrap; justify-content: space-between; }
.entwicklung-bilder div { flex:0 1 32%; }
.entwicklung-bilder div img { width:100%; }

.entwicklung-standort, .textbox-2sp { display: flex; flex-wrap: wrap; justify-content: space-between; }
.entwicklung-standort div, .textbox-2sp div { flex:0 1 33%; }
.entwicklung-standort div img, .textbox-2sp div img { width:100%; }

.textbox-2sp-firma { display: flex; flex-wrap: wrap; justify-content: space-between; }
.textbox-2sp-firma div {flex: 1;  }
.textbox-2sp-firma div p { text-align: justify; }
.textbox-2sp-firma div:first-child {flex:0 1 30%;}
.textbox-2sp-firma div img { width:100%; }

.textbox-2sp-firma2 { display: flex; flex-wrap: wrap; justify-content: space-between; }
.textbox-2sp-firma2 div {flex: 1; }
.textbox-2sp-firma2 div p { text-align: justify; }
.textbox-2sp-firma2 div:nth-child(2) {flex:0 1 30%; }
.textbox-2sp-firma2 div img { width:100%; }



.rundeBilder { border-radius: 50%; background:#f7f7f7; }
.textbox-2sp-firma2 .text, .textbox-2sp-firma .text { padding:0px 50px; }

.entwicklung-logistik { height:300px; width:100%; background: url(media/content/entwicklung4.jpg) top left no-repeat; background-size:100%; }
.entwicklung-logistik h2 { padding-top:230px; text-align: center; font-weight: bold; font-size:38px; }

.text-firma { display: flex; flex-wrap: wrap; justify-content: space-between; }
.text-firma div { flex:0 1 30%; text-align: justify;  }
.text-firma div img { width:100%; padding:15px 0; }

.kategorien { display:flex; flex-wrap: wrap; justify-content: space-between; }
.kategorien div div {flex:1;}

.referenz { max-height:250px; overflow:hidden; padding:20px;}


.footer { background:#404041; min-height:250px; font-size:14px; }
.footerBottom a:hover { color:#f58220 !important; }
.footer .container { display: flex;  }
.adresse { margin: 30px 0 0 30px; flex:1; }
.adresse img { width:220px; padding-bottom:20px; }

.social { flex:1; }
.social div ul { padding-bottom:30px; margin-left:-15px; }
.social div { height:auto; margin-top:140px; }
.social div a img { width:50px; }

.siegel { flex:1; margin-right:30px;}
.siegel div { height:auto; margin-top:90px; }
.siegel img { width:120px; }


.footerBottomTop { background: #8D7A59; color:#fff; min-height:180px; }
.footerBottomTop .container { display: flex; padding: 15px 30px;}
.footerBottomTop .container div { flex:1;  }
.footerBottomTop ul { padding:0;   }
.footerBottomTop ul li { list-style: none;   }
.footerBottomTop b { color:#272629; }
.footerBottomTop hr { margin-top:0.5rem; margin-bottom: 0.8rem; }
.footerBottomTop a{color:#fff;}


.footerBottom { background: #404041; color:#fff; }
.footerBottom a { color:#fff; }
.footerBottom .container { display: flex; padding: 15px 30px;}
.footerBottom .container div { flex:1;  }

.footerLinks { text-align:right; }
.footerLinks i { padding:0 3px; }

.kontakt-footer, .links-footer, .rechtliches-footer { font-size:1rem; }
.kontakt-footer i { font-size:1rem; padding-right:15px; }

.navbar  { text-transform: uppercase; }

.navbar-light .navbar-nav .nav-link { color:#fff;font-weight:bold; }

.navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active {
    color:#272629;
    font-weight:bold;
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%404040' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E") !important;
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%404040' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E") !important;
}

.carousel-control-prev:hover, .carousel-control-prev:focus, .carousel-control-next:hover, .carousel-control-next:focus{
    opacity:0.3 !important;
}


.card { transition: height 0.3s, box-shadow 0.3s; }
.card:hover { box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2); }

.flip-card { width: 550px; height: 250px; margin-bottom:15px; }
.flip-card img { width:100%; height:100%; }
.flip-card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: transform 0.8s;
    transform-style: preserve-3d;
}
.flip-card:hover .flip-card-inner {
    transform: rotateY(180deg);
}
.flip-card-front, .flip-card-back {
    position: absolute;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
}
.flip-card-back {
    transform: rotateY(180deg);
}

.flip-card-back div {
    margin-top:10px;
}

.flip-card-back div img {
    width:30%; height:auto;
}

.navbar {float:right; }
.flexclass { display:flex; }
.loewe { position: absolute; right:22%; margin-top:-50px; }
.loewe-text {  width:70%; font-size:1.3rem; padding-top:40px; text-align: left; }
.logofooter {width:80%; padding-top:30px;}
.sliderbgshadow { position: relative; text-align: right; float:right; margin-top:150px;background: #000;  width:500px; height:170px; opacity: 0.6; }
.sliderbgtext { position: relative; color:#fff; text-align: right; float:right; margin-left:580px; margin-top:-140px; width:460px; height:150px; padding-right:20px; }
.sliderbgtext h1 { font-size:1.5rem; }
.sliderbgtext p { font-size:1.0rem; }

@media (max-width: 1400px) {

}

@media only screen and (max-width: 991px) {
	.slider2{ min-height:170px; background-size:100% !important; background-position: none; }
    img { max-width:100%; }
    .flexclass { display:block; }
    .navbar {float:left;}
    .logo { position: absolute; left:15%; }
    .header .logo img { width:70%; }
    .navbar-collapse { margin-top:50px; background:#8D7A59; padding:25px; }
    .navbar-collapse ul li { border-bottom: 1px solid #fff; }
    .loewe { padding-top:150px; width:33%;}
    .loewe-text {  width:100%; font-size:1.2rem; padding-top:20px; text-align: left; }
    .logofooter {display: none;}
    .footerBottom .container { display: block; }
    .footerLinks { text-align:center; padding-top:25px; }
    .sliderbgshadow { position: relative; text-align: right; float:right; margin-top:150px;background: #000;  width:100%; height:170px; opacity: 0.6; }
    .sliderbgtext { position: relative; color:#fff; text-align: right; float:right; margin-left:580px; margin-top:-140px; width:460px; height:150px; padding-right:20px; }
    .sliderbgtext h1 { font-size:1.0rem; }
    .sliderbgtext p { font-size:0.8rem; }
}

@media only screen and (max-width: 640px) {


}

@media only screen and (max-width: 430px) {





}


.btn-primary { background-color: #f58220 !important; border-color: #f58220 !important; }