/* Fonts */
@font-face {
    font-family: 'Champignon script';
    font-style: normal;
    font-weight: 400;
    src: local('Champignon script'), local('Champignonscript-Regular'),
        url(fonts/champignon-script.woff) format('woff'),
        url(fonts/champignon-script.ttf) format('truetype');
}

@font-face {
    font-family: 'Calligraph';
    font-style: normal;
    font-weight: 400;
    src: local('Calligraph'), local('Calligraph-Regular'),
        url(fonts/calligraph.woff) format('woff'),
        url(fonts/calligraph.ttf) format('truetype');
}

@font-face {
  font-family: 'Tangerine';
  font-style: normal;
  font-weight: 400;
  src: local('Tangerine Regular'), local('Tangerine-Regular'), url(fonts/Tangerine-Regular.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Capture it';
    font-style: normal;
    font-weight: 400;
    src: local('Capture it'), local('Captureit-Regular'),
        url(fonts/capture-it.woff) format('woff'),
        url(fonts/capture-it.ttf) format('truetype');
}


/* Base */
body{margin: 0 auto;padding: 0;width:100%;height:100%;font-family: 'Josefin Sans', sans-serif;font-size:20px;}
body.bg{font-family: 'Comfortaa', cursive;font-size:17px;}
.clear{clear:both;}
.font18s{font-size: 18px;}
.padding-left-0{padding-left:0px;}
a:hover {cursor: url(img/mouse-pointer.PNG) 4 12, auto;}
a img:hover {transform: scale(1.05,1.05);-webkit-transform: scale(1.05,1.05);-moz-transform: scale(1.05,1.05);-o-transform: scale(1.05,1.05);-ms-transform: scale(1.05, 1.05);}
.container {width: 100%;}
.container_content{min-height:100%;position:relative;}
.platz{width:95%;margin:0 auto;}
.no-margin{margin: 0px;padding: 0px;}
.margin0{margin-right:0px;}
.st-aboutus, .st-services, .st-referencens , .st-contact ,.st-partner {padding: 2% 0%;}
ul.nav.navbar-nav.navbar-right li,h2.title{font-family: 'Capture it', arial;letter-spacing:1px;}
h2.title{color:#003751;font-size:50px;padding:0.5% 0%;text-align:center;}
.dashed-border-dark{z-index: 0;background: none repeat scroll 0% 0% #003751 !important;color: #fff;outline: 1px dashed #98ABB9;outline-offset: -5px;overflow: hidden;}
.dashed-border-light{background: #118fab;outline: 1px dashed #003751;color: #fff;outline-offset: -5px;overflow: hidden;}


/* Header */
.highlight{margin-top: 35%;padding:5px;background-color:rgba(255,255,255,0.5);}


.fullcenter{height:100%;}
.bg .fullcenter{padding-top: 15%;padding-bottom:10%;text-align:right;font-family: 'Champignon script', arial !important;}
.bg .fullcenter q:before, .bg .fullcenter q:after{font-family: 'Tangerine', serif !important;margin-left: -25px;}
/*.de .fullcenter{height: 232px;width: 65%;top: 25%;position: relative;left: 35%;padding-right: 20px;text-align:right;font-family: 'Tangerine', serif !important;}*/
.de .fullcenter {height: 232px;width: 65%;position: relative;left: 32%;top: 120px;text-align: right;font-family: 'Tangerine', serif !important;}
.en .fullcenter {height: 232px;width: 65%;position: relative;left: 35%;top: 22vh;padding-right: 50px;text-align:right;font-family: 'Tangerine', serif !important;}
header .platz{width: 100%;border-radius:0px;position: fixed;top: 0px;z-index:10;background: #eeeeee;background: -moz-linear-gradient(top,  #eeeeee 0%, #cccccc 100%);background: -webkit-linear-gradient(top,  #eeeeee 0%,#cccccc 100%);background: linear-gradient(to bottom,  #eeeeee 0%,#cccccc 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 );}
header{background:url(img/Bussiness2/smartphone-925287_1920.jpg);background-attachment: fixed !important;background-repeat: no-repeat;background-position: center !important;background-size: cover !important;height: 100%;min-height: 800px;}
header h1{color: #003751;font-size: 400%;text-align: right;}
header p {font-size: 265%;text-align:right;}

/* Header - Coming soon */
.coming-soon .fullcenter {font-size: 750%;left: auto;right: auto;width: 100%;top: 16%;text-align: center;}
.coming-soon .fullcenter p {text-align: center;}
.bg .coming-soon .fullcenter p {font-family: 'Champignon script', arial !important;}
header.coming-soon{height: 95vh;}

/* Main Menu */
.navbar-brand img{top: -14px;position: relative;width: 275px;}
.dropdown-menu > li > a {font-size:18px;}
.navbar-default .navbar-nav > li{transform: rotate(0deg) scale(1) skew(-29deg) translate(1px);-webkit-transform: rotate(0deg) scale(1) skew(-29deg) translate(1px);-moz-transform: rotate(0deg) scale(1) skew(-29deg) translate(1px);-o-transform: rotate(0deg) scale(1) skew(-29deg) translate(1px);-ms-transform: rotate(0deg) scale(1) skew(-29deg) translate(1px);background: #003751;border-left: 2px solid #118fab;}
.navbar-default .navbar-nav li:last-child {padding-right: 10px;}
.navbar-default .navbar-nav > li > a {transform: rotate(0deg) scale(1) skew(210deg) translate(0px);-webkit-transform: rotate(0deg) scale(1) skew(210deg) translate(0px);-moz-transform: rotate(0deg) scale(1) skew(210deg) translate(0px);-o-transform: rotate(0deg) scale(1) skew(210deg) translate(0px);-ms-transform: rotate(0deg) scale(1) skew(210deg) translate(0px);color: #fff !important;font-size:16px;}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus{background-color: rgba(255,255,255,0.5) !important;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{background: transparent !important; color: red !important;}
.navbar-collapse.in {overflow-y: visible;}


/* Animations */
ul.nav.navbar-nav.navbar-right li:hover {background-color: #118fab;text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.75);-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both; -webkit-animation-name: fadeInLeft;animation-name: fadeInLeft;}
@-webkit-keyframes fadeInLeft { 
    0% {transform: rotate(0deg) scale(1) skew(-29deg) translateX(-20px);-webkit-transform: rotate(0deg) scale(1) skew(-29deg) translateX(-20px);-moz-transform: rotate(0deg) scale(1) skew(-29deg) translateX(-20px);-o-transform: rotate(0deg) scale(1) skew(-29deg) translateX(-20px);-ms-transform: rotate(0deg) scale(1) skew(-29deg) translateX(-20px);opacity: 0;} 
    100% {transform: rotate(0deg) scale(1) skew(-29deg) translateX(1px);-webkit-transform: rotate(0deg) scale(1) skew(-29deg) translateX(1px);-moz-transform: rotate(0deg) scale(1) skew(-29deg) translateX(1px);-o-transform: rotate(0deg) scale(1) skew(-29deg) translateX(1px);-ms-transform: rotate(0deg) scale(1) skew(-29deg) translateX(1px);opacity: 1;} 
} 
@keyframes fadeInLeft 
{ 
	0%{transform: rotate(0deg) scale(1) skew(-29deg) translateX(-20px);-webkit-transform: rotate(0deg) scale(1) skew(-29deg) translateX(-20px);-moz-transform: rotate(0deg) scale(1) skew(-29deg) translateX(-20px);-o-transform: rotate(0deg) scale(1) skew(-29deg) translateX(-20px);-ms-transform: rotate(0deg) scale(1) skew(-29deg) translateX(-20px);opacity: 0; } 
	100% {transform: rotate(0deg) scale(1) skew(-29deg) translateX(1px);-webkit-transform: rotate(0deg) scale(1) skew(-29deg) translateX(1px);-moz-transform: rotate(0deg) scale(1) skew(-29deg) translateX(1px);-o-transform: rotate(0deg) scale(1) skew(-29deg) translateX(1px);-ms-transform: rotate(0deg) scale(1) skew(-29deg) translateX(1px);opacity: 1;} 
}
.de ul.language-menu, .en ul.language-menu{top: 300px;}
ul.language-menu {list-style: none;position: relative;top: 4%;margin: 0 auto;text-align: center;}
ul.language-menu li{display:inline-block;}
/*
ul.language-menu img:hover{-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both; -webkit-animation-name: Zoom;animation-name: Zoom;}
@-webkit-keyframes Zoom { 
    0%{transform: scale(0);-webkit-transform: scale(0);-moz-transform: scale(0);-o-transform: scale(0);-ms-transform: scale(0);} 
	100% {transform: scale(2);-webkit-transform: scale(2);-moz-transform: scale(2);-o-transform: scale(2);-ms-transform: scale(2);} 
} 
@keyframes Zoom { 
    0% {transform: scale(0);-webkit-transform: scale(0);-moz-transform: scale(0);-o-transform: scale(0);-ms-transform: scale(0);} 
    100% {transform: scale(2);-webkit-transform: scale(2);-moz-transform: scale(2);-o-transform: scale(2);-ms-transform: scale(2);} 
}
*/

/* About us - Plentymarkers Section */
#ueber-uns h2{color:#c9302c;}

/* About us 
.st-aboutus img{border:3px solid #fff;border-radius:2px;-webkit-box-shadow: 0px 0px 16px 0px rgba(50, 50, 50, 0.5);-moz-box-shadow:0px 0px 16px 0px rgba(50, 50, 50, 0.5);box-shadow:0px 0px 16px 0px rgba(50, 50, 50, 0.5);margin-top:5px;}
.st-aboutus .col-md-3{margin: 0 auto;text-align: center;}
.tags span{display:inline-block;}
*/

/* Services */
.st-services h2.title, .st-contact h2.title{color:#fff;}
.st-services ul{padding-left:0px !important;}
.st-services li{list-style:none;background: url('img/bullet-light-1.png') no-repeat 10px;padding-left: 50px;}

/* References */
.hauptansicht{background-position: center;background-repeat: no-repeat;background-size: cover !important;padding-left: 10px;padding-right: 10px;padding-bottom: 10px;margin-bottom: 10px;width: 32.2%;float:left;outline: 1px dashed #98ABB9;outline-offset: -5px;}
.row > .hauptansicht:nth-child(2){margin-right: 1.25%;margin-left:1.25%;}
.hauptansicht ul{min-height:280px;}
.hauptansicht li{font-weight:bold;}


.ref-fashiondreams {background-image: url('img/referenzen/fashiondreams.png');}
.ref-babykindertreff {background-image: url('img/referenzen/babykindertreff.png');}
.ref-schuerzenfabrik {background-image: url('img/referenzen/schuerzenfabrik.png');}
.ref-prismashopping {background-image: url('img/referenzen/prismashopping.png');}
.ref-seiffener {background-image: url('img/referenzen/seiffener.png');}
.ref-natur24 {background-image: url('img/referenzen/natur24.png');}
.ref-schlaudt {background-image: url('img/referenzen/schlaudt.png');}
.ref-partyschlaudt {background-image: url('img/referenzen/partyschlaudt.png');}
.ref-sportfischmann {background-image: url('img/referenzen/sportfischmann.png');}
.ref-teamsporthoffmann {background-image: url('img/referenzen/teamsporthoffmann.png');}
.ref-atz-autoteile {background-image: url('img/referenzen/atz-autoteile.png');}
.ref-itkids {background-image: url('img/referenzen/itkids.png');}
.ref-zooheld {background-image: url('img/referenzen/zooheld.png');}
.ref-onelife {background-image: url('img/referenzen/onelife-shopeco.png');}
.ref-richterchemie {background-image: url('img/referenzen/richter-chemie.png');}
.ref-commando {background-image: url('img/referenzen/commando.png');}
.ref-leonosdropshipping {background-image: url('img/referenzen/leonosdropshipping.png');}
.ref-pflanzenoelversand {background-image: url('img/referenzen/pflanzenoelversand.png');}
.ref-richtergmbh {background-image: url('img/referenzen/richtergmbh.png');}
.ref-blumberg {background-image: url('img/referenzen/blumberg.png');}

.ref-universalstein {background-image: url('img/referenzen/universalsteinshopify.png');}
.ref-stillstern {background-image: url('img/referenzen/stillstern.png');}
.ref-ullenboom {background-image: url('img/referenzen/ullenboom.png');}

.st-referencens h3{font-family: 'Orbitron', sans-serif;font-size: 30px;color: #fff;text-align: center;background-color: #118fab;padding:10px;margin-bottom:10px;box-shadow: 0px 0px 5px 1px rgba(119, 119, 119, 0.75);-moz-box-shadow: 0px 0px 10px 4px rgba(119, 119, 119, 0.75);-webkit-box-shadow: 0px 0px 5px 1px rgba(119, 119, 119, 0.75);}
body.bg .st-referencens h3{font-family: 'Jura', sans-serif;}
.hauptansicht h4{color: #118fab;font-weight:bold;font-size: 24px;margin-top: 20px;}
.hauptansicht .btn-default {color: #ffffff;background-color: #118fab;border-color: #ddd;}
.hauptansicht .btn-default:hover {color: #118fab;background-color: #ffffff;border-color: #ddd;}
.st-referencens .row.box {margin-right: -10px;}

/* Contact */
input.btn-send {background-color: #003751;border: 2px solid #118fab !important;color: #fff;border: none;margin: 20px 0px;width: 100%;}
.business-card a img {max-width: 70px;}
.business-card img.card{max-width: 300px;margin: 0 auto;border: 7px solid #fff;}

/* Partner */
.st-partner a img {max-width: 220px;display: inline-block;margin: 10px 15px;}

/* Webquestions */
article#website-questions label{display:block !important;font-weight:normal;}
article#website-questions table label{font-weight:normal !important;}
article#website-questions ul{list-style-type:decimal;}
article#website-questions li label:first-child{color:#003751;font-weight:bold;}
article#website-questions textarea{width:80%;height:286px;}

/*Footer*/
footer{height: 45px;font-size: 15px;text-align: right;border-top:1px solid #fff;color:#118FAB;padding:10px 15px;background: #cccccc;background: -moz-linear-gradient(top,  #cccccc 0%, #eeeeee 100%);background: -webkit-linear-gradient(top,  #cccccc 0%,#eeeeee 100%);background: linear-gradient(to bottom,  #cccccc 0%,#eeeeee 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#eeeeee',GradientType=0 );}

@media (max-width: 600px)
{
	header h1 {font-size: 210% !important;} 
	.de .fullcenter {height: auto;width: 100%;top: 29%;position: relative;left: 0%;padding-right: 10px;text-align: center;}
	ul.language-menu {list-style: none;position: relative;top: 43%;left: 0%;width: 100%;}
	.navbar-brand img {max-width: 245px;margin-top: 2px;} .hl1-1 h3{font-size:215% !important;}h2.title {font-size:35px !important;}
}
@media(max-width: 450px){.business-card a img {max-width: 65px;}}
@media(min-width: 668px) and (max-width: 963px){.navbar-brand img {top: -5px;position: relative;width: 160px;}.navbar-default .navbar-nav > li > a {font-size: 13px;}}
@media(min-width: 768px){.navbar-right {float: right !important;margin-right: -15px;position: relative;}}
@media(max-width: 992px){.st-aboutus .no-margin{padding:15px;}}
@media(min-width: 962px) and (max-width:1120px){.hauptansicht ul {min-height: 330px;}}
@media(max-width: 767px){.navbar-default .navbar-nav .open .dropdown-menu > li > a {color: #000;}.navbar-nav .open .dropdown-menu {background-color: #fff !important;border-radius: 0px !important;}}
@media(min-width: 765px) and (max-width:858px){header h1{font-size:275% !important;}header p{font-size:180% !important;}}
@media(max-width: 974px){.hauptansicht{width:100% !important;margin-right:0px !important;}.hauptansicht h4{padding-top:2%;}.hauptansicht.margin{margin-right: 0%;margin-left:0%;}.st-referencens .row.box {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(max-width: 766px)
{
	.navbar-default .navbar-nav > li {border-bottom:1px solid #118fab;}
	.navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li {-webkit-transform: rotate(0deg) scale(1) skew(0deg) translate(0px) !important;-moz-transform: rotate(0deg) scale(1) skew(0deg) translate(0px) !important;-o-transform: rotate(0deg) scale(1) skew(0deg) translate(0px) !important;-ms-transform: rotate(0deg) scale(1) skew(0deg) translate(0px) !important;}
	@-webkit-keyframes fadeInLeft
	{ 
		0% {transform: rotate(0deg) scale(1) skew(0deg) translateX(-20px);-webkit-transform: rotate(0deg) scale(1) skew(0deg) translateX(-20px);-moz-transform: rotate(0deg) scale(1) skew(0deg) translateX(-20px);-o-transform: rotate(0deg) scale(1) skew(0deg) translateX(-20px);-ms-transform: rotate(0deg) scale(1) skew(0deg) translateX(-20px);opacity: 0;} 
		100% {transform: rotate(0deg) scale(1) skew(0deg) translateX(1px);-webkit-transform: rotate(0deg) scale(1) skew(0deg) translateX(1px);-moz-transform: rotate(0deg) scale(1) skew(0deg) translateX(1px);-o-transform: rotate(0deg) scale(1) skew(0deg) translateX(1px);-ms-transform: rotate(0deg) scale(1) skew(0deg) translateX(1px);opacity: 1;} 
	}
	@keyframes fadeInLeft
	{
		0% {transform: rotate(0deg) scale(1) skew(0deg) translateX(-20px);-webkit-transform: rotate(0deg) scale(1) skew(0deg) translateX(-20px);-moz-transform: rotate(0deg) scale(1) skew(0deg) translateX(-20px);-o-transform: rotate(0deg) scale(1) skew(0deg) translateX(-20px);-ms-transform: rotate(0deg) scale(1) skew(0deg) translateX(-20px);opacity: 0;} 
		100% {transform: rotate(0deg) scale(1) skew(0deg) translateX(1px);-webkit-transform: rotate(0deg) scale(1) skew(0deg) translateX(1px);-moz-transform: rotate(0deg) scale(1) skew(0deg) translateX(1px);-o-transform: rotate(0deg) scale(1) skew(0deg) translateX(1px);-ms-transform: rotate(0deg) scale(1) skew(0deg) translateX(1px);opacity: 1;} 
	}
}
@media(max-width: 966px)
{
	header h1 {font-size: 210%;} 
	.de .fullcenter {height: auto;width: 100%;top: 42%;position: relative;left: 0%;padding-right: 10px;text-align: center;}
	ul.language-menu {list-style: none;}
	ul.language-menu  li{width: 30%;}
}
@media(max-width: 1275px){header h1 {color: #003751;font-size: 300%;text-align: right;}header p {font-size: 130%;}}
@media (min-width:1664px) and (max-width:1700px){.hauptansicht{width:32.7%;}}
.navbar {-webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;-moz-transition: background .5s ease-in-out,padding .5s ease-in-out;transition: background .5s ease-in-out,padding .5s ease-in-out;}