@charset "UTF-8";
.CookieDeclarationDialogText, .CookieDeclarationIntro, .CookieDeclarationLastUpdated, .CookieDeclarationType, #CookieDeclarationUserStatusLabel, .CookieDeclaration p, #CookieDeclarationUserStatusLabelWithdraw, #CookieDeclarationChangeConsentWithdraw {display: none !important;}
#CookieDeclarationChangeConsentChange {background: #972c29;color: #fff;padding: 10px 15px;position:fixed;bottom: 0px;}
.CookieDeclarationDialogText, .CookieDeclarationIntro, .CookieDeclarationLastUpdated { margin: 0 0 14px 0 } 
.CookieDeclarationType { display: block; margin: 12px 0 12px 0; padding:8px 8px 0 8px; border: 1px solid #333333; vertical-align: top; }
.CookieDeclarationTypeHeader { font-weight: bold; }
.CookieDeclarationTypeDescription { margin: 2px 0 16px 0; }
.CookieDeclarationTable { table-layout: fixed; width: 100%; border-collapse: collapse; border-spacing: 0; margin: 0 0 18px 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }      
.CookieDeclarationTableHeader { font-weight: bold; border-bottom: 1px solid #777777; text-align: left; padding: 4px; overflow:hidden; }      
.CookieDeclarationTableHeader[dir='rtl'] { text-align: right; }      
.CookieDeclarationTableCell { text-overflow: ellipsis; word-wrap: break-word; border-bottom: 1px solid #777777; vertical-align: top; padding: 4px 4px 5px 4px; }      
#CookieDeclarationUserStatusLabelConsentId { text-overflow: ellipsis; word-wrap: break-word; }      
@media all and (max-width: 600px) { 
    .CookieDeclaration table.CookieDeclarationTable tr td:nth-child(n+5), .CookieDeclaration table.CookieDeclarationTable tr th:nth-child(n+5), .CookieDeclaration table.CookieDeclarationTable colgroup col:nth-child(n+5){ display: none; }
}   
body{background-color: #f8f8f8;color:#686c71;height:100%;}
h1, h2, h3, h4, h5, h6{margin-bottom: 25px;}
a, strong{color:#972c29;}
a{text-decoration: none;}
a img{-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
a img:hover{transform: scale(1.05);}
.text-right{text-align: right;}
hr{color:#000;}
.color1{color:#112061;}
.color2{color:#2a78b7;}
.color3{color:#ff0000;}
.color4{color:#972c29;}
.margin0{margin:0px;}
.margin-bottom-2 {margin-bottom: 25px;}
.blue-gradient{background: #112061;background: -moz-linear-gradient(left,  #112061 0%, #2a78b7 100%);background: -webkit-linear-gradient(left,  #112061 0%,#2a78b7 100%);background: linear-gradient(to right,  #112061 0%,#2a78b7 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#112061', endColorstr='#2a78b7',GradientType=1 );height: 10px;}
.grau-gradient{background: #f8f8f8;background: -moz-linear-gradient(left,  #f8f8f8 0%, #8c8d8d 100%);background: -webkit-linear-gradient(left,  #f8f8f8 0%,#8c8d8d 100%);background: linear-gradient(to right,  #f8f8f8 0%,#8c8d8d 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#8c8d8d',GradientType=1 );}
.red-gradient{background: #972c29;background: -moz-linear-gradient(left,  #972c29 0%, #ff0000 100%);background: -webkit-linear-gradient(left,  #972c29 0%,#ff0000 100%);background: linear-gradient(to right,  #972c29 0%,#ff0000 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#972c29', endColorstr='#ff0000',GradientType=1 );}
/* HEADER */
img.logoimg{max-width: 230px;}
ul.navbar-nav li {padding-right: 55px;}
ul.navbar-nav li a {text-transform: uppercase;font-weight: bold;}
/* STARTSEITE */
.intro {background: url(../img/home-office-1867759_1920.jpg);background-attachment: fixed !important;background-repeat: no-repeat;background-position: center !important;background-size: cover !important;height: 89vh;width: 100%;}
.intro .title-intro {text-align: center;position: relative;top: 34vh;color: #972c29;font-weight: 600;font-size: 5rem;text-shadow: rgb(255, 255, 255) 3px 0px 0px, rgb(255, 255, 255) 2.83487px 0.981584px 0px, rgb(255, 255, 255) 2.35766px 1.85511px 0px, rgb(255, 255, 255) 1.62091px 2.52441px 0px, rgb(255, 255, 255) 0.705713px 2.91581px 0px, rgb(255, 255, 255) -0.287171px 2.98622px 0px, rgb(255, 255, 255) -1.24844px 2.72789px 0px, rgb(255, 255, 255) -2.07227px 2.16926px 0px, rgb(255, 255, 255) -2.66798px 1.37182px 0px, rgb(255, 255, 255) -2.96998px 0.42336px 0px, rgb(255, 255, 255) -2.94502px -0.571704px 0px, rgb(255, 255, 255) -2.59586px -1.50383px 0px, rgb(255, 255, 255) -1.96093px -2.27041px 0px, rgb(255, 255, 255) -1.11013px -2.78704px 0px, rgb(255, 255, 255) -0.137119px -2.99686px 0px, rgb(255, 255, 255) 0.850987px -2.87677px 0px, rgb(255, 255, 255) 1.74541px -2.43999px 0px, rgb(255, 255, 255) 2.44769px -1.73459px 0px, rgb(255, 255, 255) 2.88051px -0.838247px 0px;}
/* ABOUT US */
.aboutus-section, .services{padding:25px 0px;}
h1{text-align: center;text-transform: uppercase;font-weight: bold;background: -webkit-linear-gradient(#112061, #2a78b7);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
/* STATISTICS */
.statistics{color:#f8f8f8;background: #112061;background: -moz-linear-gradient(left,  #112061 0%, #2a78b7 100%);background: -webkit-linear-gradient(left,  #112061 0%,#2a78b7 100%);background: linear-gradient(to right,  #112061 0%,#2a78b7 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#112061', endColorstr='#2a78b7',GradientType=1 );padding:30px 0;}
.statistics-value{font-size: 3rem;}
.statistics-title{font-size: 1.25rem;}
/* DIENSTLEISTUNGEN */
.services .container {padding: 50px 0 100px 0;}
.services h2{text-align: center;text-transform: uppercase;font-weight: bold;background: -webkit-linear-gradient(#972c29, #ff0000);-webkit-background-clip: text;-webkit-text-fill-color: transparent;padding-bottom: 25px;}
.services h3{text-transform: uppercase;font-weight: bold;color:#2a78b7;}
.services .shopsystem {max-height: 120px;}
.multichannel {background: url(../img/macbook-925595_1920.jpg);background-attachment: fixed !important;background-repeat: no-repeat;background-position: center !important;background-size: cover !important;margin: 0 auto;text-align: center;padding: 25px 0;min-height: 115px;}
.multichannel h3 {color: #2a78b7;padding: 25px 0 15px 0;font-weight: bold;text-transform: uppercase;}
.multichannel ul.multichannel li{display:inline-block;list-style: none;}
.multichannel ul.multichannel li:last-child img {margin-right: 0;}
.multichannel ul.multichannel img {max-width: 130px;margin-right: 15px;}
.multichannel img.ebay {position: relative;top: -17px;}
.multichannel img.yatego {position: relative;top: -9px;}
.multichannel img.billiger {position: relative;top: -12px;}
.multichannel img.etsy{max-height: 45px;}
/* REFERENZEN */
.referenzen {margin-bottom: 50px;}
.referenzen h2{text-align: center;text-transform: uppercase;font-weight: bold;background: -webkit-linear-gradient(#112061, #2a78b7);-webkit-background-clip: text;-webkit-text-fill-color: transparent;padding-bottom: 25px;}
.hauptansicht {background-position: center;background-repeat: no-repeat;background-size: cover !important;margin-right: 10px;margin-bottom: 10px;height: 380px;position:relative;}
.ref-content h3{font-size: 1.5rem;font-weight: bold;color: #972c29;margin-top: 15px;text-transform: uppercase;}
.ref-content ul{padding-left: 0px;}
.ref-content li{background: #1b4383;border-radius: 5px;padding: 2px 10px;margin-bottom: 5px;width: fit-content;color: #fff;list-style: none;display: inline-block;}
.ref-btn a.webshop, .ref-btn a.ebay{position:absolute;bottom:20px;}
.referenzen a.webshop{left:15px;}
.referenzen a.ebay{right:15px;}
.referenzen a.webshop, .referenzen a.ebay{color:#972c29;font-weight: bold;font-size: 1.25rem;background-color: transparent !important;border-color: transparent !important;background-color: transparent;text-decoration: none;border: 1px solid transparent;vertical-align: middle;padding: 0 1.2em;max-width: 100%;-webkit-transition: border .3s, background .3s, opacity .3s, color .3s, -webkit-transform .3s, -webkit-box-shadow .3s;transition: border .3s, background .3s, opacity .3s, color .3s, -webkit-transform .3s, -webkit-box-shadow .3s;-o-transition: transform .3s, border .3s, background .3s, box-shadow .3s, opacity .3s, color .3s;transition: transform .3s, border .3s, background .3s, box-shadow .3s, opacity .3s, color .3s;transition: transform .3s, border .3s, background .3s, box-shadow .3s, opacity .3s, color .3s, -webkit-transform .3s, -webkit-box-shadow .3s;}
.referenzen a.webshop:before, .referenzen a.ebay:before{content: "";height: 2px;background-color: #972c29;opacity: .3;-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;position: absolute;bottom: 0;left: 20%;width: 60%;}
.referenzen a.webshop:hover:before, .referenzen a.ebay:hover:before {left: 0%;width: 100%;opacity: 1;}
@media(max-width: 974px){.hauptansicht{width:100% !important;margin-right:0px !important;}}
@media(min-width: 1260px)and (max-width:1858px) {.hauptansicht{width:32.26% !important;}}
@media(min-width: 1859px) {.hauptansicht{width:32.31% !important;}}
@media (min-width:1664px) and (max-width:1700px){.hauptansicht{width:32.7%;}}
.referenzen .hauptansicht .ref-content {display: none;}
.referenzen .hauptansicht:hover .ref-content {display: block;animation-name: referenzen;animation-duration: 3s;}
@keyframes referenzen {from {opacity: 0;}to {opacity: 1;}}
.cp-referenzen .referenzen .hauptansicht .ref-content {display: block;}
.cp-referenzen .referenzen .hauptansicht:hover .ref-content {animation-name: none;}
.cp-referenzen .referenzen .hauptansicht:hover{-webkit-box-shadow: 1px 1px 15px 5px rgba(0,0,0,0.34);box-shadow: 1px 1px 15px 5px rgba(0,0,0,0.34);}

.ref-seiffener{background-image: url('../img/referenzen/seiffener.png');}
.ref-leonosdropshipping{background-image: url('../img/referenzen/leonosdropshipping.png');}
.ref-babykindertreff{background-image: url('../img/referenzen/babykindertreff.png');}
.ref-schuerzenfabrik{background-image: url('../img/referenzen/schuerzenfabrik.png');}
.ref-prisma-shopping{background-image: url('../img/referenzen/prismashopping.png');}
.ref-universalstein{background-image: url('../img/referenzen/universalsteinshopify.png');}
.ref-richterchemie{background-image: url('../img/referenzen/richter-chemie.png');}
.ref-pflanzenoel{background-image: url('../img/referenzen/pflanzenoel.png');}
.ref-onelife{background-image: url('../img/referenzen/onelife-shopeco.png');}
.ref-kreiszeitung{background-image: url('../img/referenzen/kreiszeitung.PNG');}
.ref-jimmys-logo-shirts{background-image: url('../img/referenzen/jimmys.PNG');}
.ref-natur24{background-image: url('../img/referenzen/lanatura.png');}
.ref-schlaudt{background-image: url('../img/referenzen/schlaudt.png');}
.ref-partyschlaudt{background-image: url('../img/referenzen/partyschlaudt.png');}
.ref-teamsporthoffmann{background-image: url('../img/referenzen/teamsporthoffmann.png');}
.ref-atz-autoteile{background-image: url('../img/referenzen/atz-autoteile.png');}
.ref-zooheld{background-image: url('../img/referenzen/zooheld.png');}
.ref-commando{background-image: url('../img/referenzen/commando.png');}
.ref-ullenboom{background-image: url('../img/referenzen/ullenboom.png');}
.ref-stillstern{background-image: url('../img/referenzen/stillstern.png');}
.ref-richtergmbh{background-image: url('../img/referenzen/richtergmbh.png');}
.ref-blumberg{background-image: url('../img/referenzen/blumberg.png');}

.ref-tierbedarf{background-image: url('../img/referenzen/tierbedarf.png');}
.ref-hundekrone{background-image: url('../img/referenzen/hundekrone.png');}

.alles-referezen{background: #972c29;background: -moz-linear-gradient(left,  #972c29 0%, #ff0000 100%);background: -webkit-linear-gradient(left,  #972c29 0%,#ff0000 100%);background: linear-gradient(to right,  #972c29 0%,#ff0000 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#972c29', endColorstr='#ff0000',GradientType=1 );padding:50px 0;text-align: center;text-transform: uppercase;}
.alles-referezen a{color:#f8f8f8;font-weight: bold;font-size: 1.5rem;letter-spacing: 2.5;
background-color: transparent !important;border-color: transparent !important;padding-left: .15em;padding-right: .15em;position: relative;display: inline-block;background-color: transparent;color: #f8f8f8;text-decoration: none;border: 1px solid transparent;vertical-align: middle;padding: 0 1.2em;max-width: 100%;-webkit-transition: border .3s, background .3s, opacity .3s, color .3s, -webkit-transform .3s, -webkit-box-shadow .3s;transition: border .3s, background .3s, opacity .3s, color .3s, -webkit-transform .3s, -webkit-box-shadow .3s;-o-transition: transform .3s, border .3s, background .3s, box-shadow .3s, opacity .3s, color .3s;transition: transform .3s, border .3s, background .3s, box-shadow .3s, opacity .3s, color .3s;transition: transform .3s, border .3s, background .3s, box-shadow .3s, opacity .3s, color .3s, -webkit-transform .3s, -webkit-box-shadow .3s;}
.alles-referezen a:before{content: "";height: 2px;background-color: #f8f8f8;opacity: .3;-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;position: absolute;bottom: 0;left: 20%;width: 60%;}
.alles-referezen a:hover:before {left: 0%;width: 100%;opacity: 1;}
/* PARTNER */
.partner {padding: 50px 0;}
.partner h2{text-align: center;text-transform: uppercase;font-weight: bold;background: -webkit-linear-gradient(#112061, #2a78b7);-webkit-background-clip: text;-webkit-text-fill-color: transparent;padding-bottom: 25px;}
.partner #nav-tab button {display:block;text-align:center;text-decoration:none;position:relative;text-transform:uppercase;color:#fff;height:70px;background:linear-gradient(165deg,transparent 29%, #2a78b7 30%);border: none;} 
.partner #nav-tab button:hover, #nav-tab button.active {background: linear-gradient(165deg,transparent 29%, #972c29 30%);color:#FFF;}
.partner #nav-tab button:before{content:'';position:absolute;z-index:11;left:100%;top:0%;height:70px;width:0;border-bottom: 70px solid rgba(0,0,0,.1);border-right: 7px solid transparent;}
.partner #nav-tab button.active:before{content:'';position:absolute;z-index:11;left:100%;top:0%;height:70px;width:0;border-bottom: 70px solid rgba(0,0,0,.2);border-right: 20px solid transparent;}
.partner #nav-tabContent {box-shadow:2px 2px 2px 2px rgba(0,0,0,.1);}
.partner #nav-tabContent .row {padding:30px;background:#FFF;box-shadow:0 3px 10px rgba(0,0,0,.3);}
img.partner-icons {max-width: 55px;max-height: 35px;margin-top: 19px;}
/* CONTACT */
.contact {padding: 50px 0;position:relative;height: 60vh;overflow: hidden;}
.contact .container {position: absolute;top: 9vh;left: 16vw;}
.contact h2{text-align: center;text-transform: uppercase;font-weight: bold;background: -webkit-linear-gradient(#972c29, #ff0000);-webkit-background-clip: text;-webkit-text-fill-color: transparent;padding-bottom: 25px;}
.contact h3{text-transform: uppercase;font-weight: bold;color:#2a78b7;margin-bottom: 0;}
.contact h4{color:#972c29;}
.business-card span[class^="color"] {font-weight: bold;text-transform: uppercase;}
.business-card  .contact-data {color: #2a78bd;font-size: 1.25rem;}
.social-media {margin: 25px 0px;}
.social-media img{max-width: 50px;margin-right: 25px;}

/* IMPRESSUM */
.impressum-datenschutz h2 {color: #972c29;}
.impressum-datenschutz h3, .impressum-datenschutz h4 {font-size: 1.25rem;}

/* FOOTER */
footer .container {padding: 25px 0;}

/* TABLET */
@media (min-width: 768px) and (max-width:991px){
    .hidden-md{display:none;}
    .contact .container{position:absolute;top: 10vh;left: 0;}
    img.logoimg {max-width: 180px;}
    .ref-btn a.webshop, .ref-btn a.ebay {bottom: 5px;}
}

/* MOBILE */
@media (max-width: 575px) { 
    .row {--bs-gutter-x: 0;}
    .hidden-xs {display:none;}
    .navbar-brand {text-align: center;margin: 0 auto;padding-bottom: 0.8125rem;}
    .navbar .container {padding: 0px;}
    .navbar-toggler-icon {display: block;width: auto;height: auto;padding: 10px 0px;color: #fff;}
    ul.navbar-nav {padding: 0px 15px;}
    .navbar{padding-bottom: 0px;}
    .intro .title-intro {top: 20vh;font-size: 4rem;}
    h1, .h1 {font-size: 1.375rem;}
    .statistics {text-align: center;}
    .statistics .col-lg-3.col-md-3.col-sm-6.col-xs-12 {border-bottom: 1px solid #ccc;}
    .statistics .col-lg-3.col-md-3.col-sm-6.col-xs-12:nth-child(4) {border: none;}
    .services h2{padding-bottom: 0px;}
    .services .title-dienstleistungen{display:none;}
    .services ul.mmt-1 {margin-top: -15px;}
    .services .onlineshopsysteme{text-align: center;padding-top:15px;}
    ul.multichannel li {margin: 15px auto;}
    .referenzen .hauptansicht .ref-content {display: block;}
    .referenzen .hauptansicht {height:450px;margin-bottom: 25px;}
    .referenzen .hauptansicht:hover .ref-content {animation-name: none;}
    .referenzen .hauptansicht:hover{-webkit-box-shadow: 1px 1px 15px 5px rgba(0,0,0,0.34);box-shadow: 1px 1px 15px 5px rgba(0,0,0,0.34);}
    .partner .nav-link {padding: 0.5rem 0.5rem;}
    .partner img.partner-icons {max-width: 30px;}
    .contact {padding: 50px 0;position: relative;height: auto;overflow: visible;}
    .contact .container {position: relative;top: 0;left: 0;}
    .videocontainer {height: 100px;overflow-y: hidden;}
    .contact h2{position: absolute;top: -11vh;left: 30vw;}
    .contact .row {margin-top: 25px;}
    footer, footer .text-right {text-align: center;}
 }
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width:767px) { 
    .hidden-sm{display:none;}
    img.otto {max-height: 30px;}
    .referenzen .hauptansicht .ref-content {display: block;}
    .referenzen .hauptansicht {height:450px;margin-bottom: 25px;}
    .referenzen .hauptansicht:hover .ref-content {animation-name: none;}
    .referenzen .hauptansicht:hover{-webkit-box-shadow: 1px 1px 15px 5px rgba(0,0,0,0.34);box-shadow: 1px 1px 15px 5px rgba(0,0,0,0.34);}
    .navbar-brand {text-align: center;margin: 0 auto;padding-bottom: 0.8125rem;}
    .navbar .container {padding: 0px;}
    .navbar-toggler-icon {display: block;width: auto;height: auto;padding: 10px 0px;color: #fff;}
    ul.navbar-nav {padding: 0px 15px;}
    .navbar{padding-bottom: 0px;}
 }

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width:991px) { 
    img.otto {max-height: 30px;}
    .referenzen .hauptansicht .ref-content {display: block;}
    .referenzen .hauptansicht {height:450px;margin-bottom: 25px;}
    .referenzen .hauptansicht:hover .ref-content {animation-name: none;}
    .referenzen .hauptansicht:hover{-webkit-box-shadow: 1px 1px 15px 5px rgba(0,0,0,0.34);box-shadow: 1px 1px 15px 5px rgba(0,0,0,0.34);}
    .navbar-brand {text-align: center;margin: 0 auto;padding-bottom: 0.8125rem;}
    .navbar .container {padding: 0px;max-width: 100vw;}
    .navbar-toggler-icon {display: block;width: auto;height: auto;padding: 10px 0px;color: #fff;}
    ul.navbar-nav {padding: 0px 15px;}
    .navbar{padding-bottom: 0px;}
 }

 .navbar-toggler {width: 100vw;margin: 0px;border: none !important;border-radius: 0 !important;background: #972c29;background: -moz-linear-gradient(left,  #972c29 0%, #ff0000 100%);background: -webkit-linear-gradient(left,  #972c29 0%,#ff0000 100%);background: linear-gradient(to right,  #972c29 0%,#ff0000 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#972c29', endColorstr='#ff0000',GradientType=1 );}

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) { 
    .navbar-collapse {flex-basis: auto;flex-grow: inherit;}
    a.navbar-brand img {position: absolute;top: 10px;}
    .navbar > .container{padding: 0.5rem 0;}
 }

/* X-Large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) { }
/* XX-Large devices (larger desktops, 1400px and up)*/
@media (min-width: 1400px) { } 


@media (min-width: 975px) and (max-width: 1259px){
    header .navbar .container {max-width: 100%;}
    a.navbar-brand img {left: 2vw;}
    img.logoimg {max-width: 180px;}
    .hauptansicht{width: 48.5% !important;margin-right: 10px !important;}

}

@media (min-width:768px) and (max-width:974px){
    .hauptansicht{width: 48.5% !important;margin-right: 10px !important;}
}

@media (min-width: 576px) and (max-width: 767px){
    header .navbar .container {max-width: 100%;}
    a.navbar-brand img {left: 2vw;}
    img.logoimg {max-width: 180px;}
    .hauptansicht{width: 48.5%;}

}