html { font-size: 112.5%; width: 100%; height: 100%; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; overflow-x: hidden; }
body { color: #333; font-size: 16px; font-family: "Open Sans", sans-serif; background-color: #fff; margin: 0; padding: 0; overflow-x: hidden !important; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -moz-font-feature-settings: 'liga', 'kern'; }
ol, ul {
list-style-type: disc;
padding: 0;
margin: 0
}
p { font-size: 15px; line-height: 1.2; margin: 0 0 20px
}
.adress { text-align: right; }
@media (max-width:560px) {
#group-section li { font-size: 16px !important; }
.adress { text-align: center; }
}
h1 { font-size: 40px; font-family: Judson, serif; line-height: 1; margin-bottom: 20px
}
h2 { font-size: 90px; font-family: Judson, serif; line-height: 0.8 !important; text-transform: uppercase; margin-bottom: 10px !important; text-shadow: none !important; }
h4 { font-size: 70px; font-family: Judson, serif; line-height: 0.8 !important; text-transform: uppercase; margin-bottom: 10px !important; text-shadow: none !important; }
h3 { font-size: 14px; font-weight: 700; line-height: 1; text-transform: uppercase; margin-bottom: 5px
}
h5 { font-size: 28px; font-family: Arimo, sans-serif; line-height: 1; text-transform: uppercase; margin-bottom: 28px; }
#home-section h3 { margin-top: 0; margin-bottom: 0 !important; }
#home-section h2 { margin-top: 0 !important; }
h6 { color: #fff; font-size: 18px; margin-bottom: 15px
}
a {
-webkit-transition: color .24s ease-in-out;
-moz-transition: color .24s ease-in-out;
-o-transition: color .24s ease-in-out;
-ms-transition: color .24s ease-in-out;
transition: color .24s ease-in-out;
color: #333
}
.phone { color: #333; }
a:active, a:focus, a:hover { color: #000; text-decoration: none; }
a:active, a:focus, input, select, textarea {
outline: 0
}
::selection { background: #333; color: #fff; }
::-moz-selection { background: #333; color: #fff; }
.dark {
color: #675f56;}
.logo2 { max-width: 300px; }
.white { color: #fff; }
#impressum-section p { font-size: 16px; }
.line2 { text-align: center; width: 170px; height: 3px; margin: 40px auto; display: block; border-bottom: 2px solid #e6dfd1; }
.line { text-align: center; display: block; margin: 40px auto; width: 100%; height: 3px; border-bottom: 2px solid #e6dfd1; }
.line4 { text-align: center; display: block; margin: 20px auto; width: 100%; height: 3px; border-bottom: 2px solid #e6dfd1; }
.fa-check { padding-right: 5px; }
.box-container h2 { color: #675f56; font-size: 40px; }
.box-container p { color: #675f56; font-size: 18px; }
.pad-bottom30 { padding-top: 0; padding-bottom: 30px; }
.pad-top-bottom30 { padding-top: 15px; padding-bottom: 15px; }
.pad-top-bottom50 { padding-top: 100px; padding-bottom: 100px; }
.projects2 img { margin-bottom: 20px; }
.normaltext { font-size: 16px; line-height: 18px; text-align: left; }
.pad-top50 { padding-top: 30px; }
.pad-top80 { padding-top: 50px; }
#philosophie p, #aboutsharu p { font-size: 18px; line-height: 1.45; }
#aboutsharu h3, #produkte h3, #forschungsharu h3 { text-transform: none; }
#produkte h2 { font-size: 60px; }
.partner h4, #produkte h4, .empfehlung h4 { font-weight: 400; }
#produktheader h2 { font-size: 48px; }
.p-description p, #produkte-single-container p, .empfehlung2 p { font-size: 16px; line-height: 1.25; }
.products-section-carousel p { font-size: 16px; line-height: 1.25; }
.empfehlung h3 { font-size: 23px; line-height: 1.1; margin-bottom: 0; margin-left: 7px; }
.produkt-single h2 { font-size: 50px; line-height: 1; text-transform: uppercase; }
#kontaktsharu h2 { font-size: 50px; line-height: 1; text-transform: uppercase; }
.produkt-single h2 span { text-transform: none; }
#kontaktsharu h3 { text-transform: none; }
.produkt-desc li { font-size: 16px; line-height: 1.25; }
.info p, #pressesharu p, #imprintsharu p { font-size: 16px; line-height: 1.25; }
p.smalltext { font-size: 13px !important; line-height: 14px !important; }
.klein { font-size: 15px; font-style: italic; margin-top: 20px; display: block; }
p.presse-date { font-size: 14px; font-weight: 700; line-height: 18px; }
.info3 li:before {
font-family: FontAwesome;
content: '\f00c';
margin:0 10px 0 0;
color: #675f56;
}
ul.info3 {padding-left: 1.5em;
text-indent: -1.5em; }
@media (max-width:560px) {
.produkt-single h2 { font-size: 35px; }
.logo2 { max-width: 240px; }
}
.produkt-single h3 { font-size: 21px; line-height: 1.1; text-transform: none; margin-bottom: 0; }
@media (max-width:768px) {
h3 { font-size: 20px; line-height: 1.1; margin-bottom: 18px; }
h4 { font-size: 18px; }
h5 { font-size: 20px; }
h2, #produkte h2 { font-size: 55px; }
p, .box-container p { font-size: 16px; }
#philosophie p, #aboutsharu p { font-size: 16px; line-height: 1.25; }
}
@media (max-width:540px) {
h2, .box-container h2, #produkte h2, h4 { font-size: 45px; }
}
/**/
.section {
position: relative
}
.parallax { -webkit-background-size: cover; background-size: cover; background-attachment: fixed; background-repeat: no-repeat; background-position: center top; width: 100%; }
.full-height { height: 100%; min-height: 500px; }
.product-section .container {
height: 100%;
position: relative
}
.vcenter-container {
display: table;
table-layout: fixed;
width: 100%;
height: 100%
}
.vcenter-container2 { display: table; width: 100%; height: 600px; table-layout: fixed; }
.vcenter-container3 { display: table !important; width: 100%; height: 100%; min-height: 100%; }
.vcenter-container5 { background-color: #e6dfd1; display: table; width: 100%; height: 200px; padding: 10px; table-layout: fixed; }
.vcenter-container4 { background-color: #e6dfd1; display: table; padding: 20px; width: 100%; height: 300px; table-layout: fixed; }
.vcenter {
display: table-cell;
vertical-align: middle
}
.box-container { background-image: none; background-repeat: no-repeat; background-position: center; position: absolute; padding: 50px; z-index: 2; width: 100%; height: 100%; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.box-container .vcenter { text-align: center; }
.produkt-desc .col-md-12 { padding-right: 0; padding-left: 0; }
@media (max-width:768px) {
.parallax { background-attachment: scroll !important; background-position: center top !important; background-size: cover !important; }
.box-container { padding: 15px; }
.vcenter-container2 { height: 500px; }
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
.parallax { background-attachment: scroll !important; background-position: center top !important; background-size: cover !important; }
.box-container { padding: 15px; }
.vcenter-container2 { height: 500px; }
}
/**/
#home-section {
background-image: url(../images/bg01.jpg);
}
#home-section2 { background-image: url(../images/bg05.jpg); }
#info-section { position: relative; padding-top: 10px; padding-bottom: 15px; }
#info-section .col-md-5, #info-section .col-md-7 { padding-right: 0; padding-left: 0; }
.logos .col-xs-6, .logos .col-sm-12 { padding-right: 0; padding-left: 0; }
#about-section { background-image: url(../images/bg02.jpg); background-repeat: no-repeat; background-attachment: fixed; background-position: left center; background-size: cover !important; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; }
#agency-section { background-image: url(../images/bg05.jpg); background-repeat: no-repeat; background-attachment: fixed; background-position: left center; background-size: cover !important; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; }
#connect-section { background-image: url(../images/bg03.jpg); background-repeat: no-repeat; background-attachment: fixed; background-position: center; background-size: cover !important; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; }
#dlv-section { background-image: url(../images/bg22.jpg); background-repeat: no-repeat; background-attachment: fixed; background-position: center; background-size: cover !important; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; }
#service-section {
background-image: url(../images/bg13.jpg); background-repeat: no-repeat; background-attachment: fixed; background-position: center; background-size: cover !important; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;
}
#zitat-section { background-image: url(../images/bg04.jpg); background-repeat: no-repeat; background-attachment: fixed; background-position: center; background-size: cover !important; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; }
#aboutus-section { background-color: #efeee2; background-image: url(../images/symbolbg.png); background-repeat: no-repeat; background-position: right center; height: auto; padding-top: 64px; padding-bottom: 140px; }
#agency2-section {
background-image: url(../images/bg06.jpg); background-repeat: no-repeat; background-attachment: fixed; background-position: center; background-size: cover !important; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;
}
#group-section {
background-image: url(../images/bg14.jpg); background-repeat: no-repeat; background-attachment: fixed; background-position: center; background-size: cover !important; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;
}
.aboutus-content { padding-top: 100px; }
#home-section h3 { margin-bottom: 60px
}
#philosophie { background-color: #000; background-image: url(../images/bg07.jpg); margin: 0 auto; padding: 0; width: 100%; height: 600px; overflow: hidden; }
#aboutsharu, #produkte, #forschungsharu { padding-top: 80px; padding-bottom: 80px; }
.empfehlung, .empfehlung2 { overflow: hidden; padding-top: 30px; padding-bottom: 80px; }
#produkte-single-container { padding-top: 120px; }
#kontaktsharu { padding-top: 120px; padding-bottom: 160px; height: auto; background-color: #efeee2; background-image: url(../images/symbolbg.png); background-repeat: no-repeat; background-position: right center; }
#pressesharu { background-color: #efeee2; padding-top: 120px; padding-bottom: 160px; height: auto; }
#impressum-section { background-color: #111; }
#impressum-section a { color: #fff; }
#impressum-section a:hover { color: #f3e500; }
#imprintsharu { background-color: #efeee2; padding-top: 140px; padding-bottom: 120px; height: auto; }
#forschungheader { background-color: #000; background-image: url(../images/bg08.jpg); margin: 0 auto; padding: 0; width: 100%; height: 600px; overflow: hidden; }
#partnerheader { background-color: #000; background-image: url(../images/bg09.jpg); margin: 0 auto; padding: 0; width: 100%; height: 600px; overflow: hidden; }
#produktheader { background-color: #000; background-image: url(../images/bg10.jpg); margin: 0 auto; padding: 0; width: 100%; height: 600px; overflow: hidden; }
#presseheader { background-color: #000; background-image: url(../images/bg11.jpg); margin: 0 auto; padding: 0; width: 100%; height: 600px; overflow: hidden; }
#contactheader { background-color: #000; background-image: url(../images/bg12.jpg); margin: 0 auto; padding: 0; width: 100%; height: 600px; overflow: hidden; }
#privatelabel { background-color: #000; background-image: url(../images/bg13.jpg); margin: 0 auto; padding: 0; width: 100%; height: 600px; overflow: hidden; }
@media (max-width:768px) {
.aboutus-content { padding-top: 0; }
#about-section { background-attachment: scroll; background-position: center top; background-size: cover; }
#dlv-section { background-attachment: scroll; background-position: left top; background-size: cover; }
#service-section { background-attachment: scroll; background-position: center top; background-size: cover; }
#zitat-section { background-attachment: scroll; background-position: center top; background-size: cover; }
#group-section { background-attachment: scroll; background-position: center top; background-size: cover; }
#agency-section { background-attachment: scroll; background-position: center 50%; }
#connect-section { background-attachment: scroll; background-position: left top; }
#agency2-section { background-attachment: scroll; background-position: center top; }
#philosophie, #forschungheader, #partnerheader, #presseheader, #produktheader, #contactheader, #privatelabel { height: 500px; }
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
.aboutus-content { padding-top: 0; }
#about-section { background-attachment: scroll; background-position: center top; background-size: cover; }
#dlv-section { background-attachment: scroll; background-position: center top; background-size: cover; }
#service-section { background-attachment: scroll; background-position: center top; background-size: cover; }
#zitat-section { background-attachment: scroll; background-position: center top; background-size: cover; }
#group-section { background-attachment: scroll; background-position: center top; background-size: cover; }
#agency-section { background-attachment: scroll; background-position: center 50%; }
#connect-section { background-attachment: scroll; background-position: left top; }
#agency2-section { background-attachment: scroll; background-position: center top; }
#philosophie, #forschungheader, #partnerheader, #presseheader, #produktheader, #contactheader, #privatelabel { height: 500px; }
}
/**/
@media (max-width:560px) {
#info-section h2 { font-size: 24px; }
}
@media (max-width:320px) {
#info-section h2 { font-size: 18px; }
}
header { background-color: #fbfaf4; position: absolute; top: 0; left: 0; right: 0; z-index: 951; }
.navbar-brand { width: 171px; height: 54px; float: left; margin-top: 0; padding: 10px; }
.navbar-brand img { width: 100%; }
.navbar {
min-height: 70px;
border: none;
}
.navbar-default { top: 0; left: 0; width: 100%; padding: 0; z-index: 4; background-color: #fbfaf4; border-top-color: none; border-right-color: none; border-bottom-style: none; border-left-color: none; opacity: 1; -moz-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.22); -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.22); box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.22); }
.navbar-right { font-size: 14px; font-weight: 400; height: 100%; margin-top:10px; color: #7e786b; font-family: Arimo, sans-serif; text-transform: uppercase; }
.navbar-collapse {
margin-top:6px;
padding-right: 15px;
padding-left: 35px;
color: #121212;
}
.right-side-wrapper { float: right; }
.navbar-toggle {
position: relative;
float: right;
padding: 9px 10px;
margin-top: 18px;
margin-right: 0px;
margin-bottom: 8px;
background-color: transparent;
background-image: none;
border: none;
border-radius: none;
}
.navbar-toggle:focus {
outline: none;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
background-color: #fff;
}
.navbar-default .navbar-toggle .icon-bar {
background-color: #121212;
}
.nav > li > a {
position: relative;
display: block;
padding: 10px 15px;
}
.nav > li > span {
position: relative;
display: block;
padding: 10px 15px;
cursor: pointer;
}
@media (min-width:992px) {
.navbar-default .navbar-nav > li > a {
color: #7e786b;
}
}
@media (max-width:768px) {
.navbar-collapse {
max-height: none;
overflow-x: hidden;
}
.navbar-fixed-top { position: absolute !important; }
}
.language-dropdown { margin-top: 1px; padding-top: 1px; }
.language-dropdown .dropdown-menu img { position: absolute; right: 25px; margin-top: 4px; }
.language-dropdown img { width: 16px; height: 13px; margin-top: -7px; }
.dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 180px; padding: 0; margin: 2px 0 0; font-size: 14px; text-align: left; list-style: none; background-color: #fbfaf4; border: solid 1px #e4e4e4; -webkit-background-clip: padding-box; background-clip: padding-box; border-radius: 0; -webkit-box-shadow: none; box-shadow: none
}
.dropdown-menu .divider {
height: 1px;
margin: 9px 0;
overflow: hidden;
background-color: #e5e5e5
}
.dropdown-menu > li > a { display: block; clear: both; font-weight: 400; line-height: 1.43; color: #7e786b; padding: 10px 20px; border-bottom: 1px solid #e4e4e4; white-space: nowrap
}
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
color: #000;
text-decoration: none;
background-color: #fff
}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover { color: #b198b5 !important; background-color: #fff; text-decoration: none; outline: none 0
}
.dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:focus,
.dropdown-menu > .disabled > a:hover {
color: #b198b5
}
.dropdown-menu > .disabled > a:focus, .dropdown-menu > .disabled > a:hover { color: #b198b5; text-decoration: none; cursor: not-allowed; background-color: transparent; background-image: none;
}
.open > a { outline: none 0
}
.dropdown-menu>li:last-child>a {
border-bottom: none
}
/*Navbar Collapse*/
@media (max-width:992px) {
.dropdown-menu>li:last-child>a { border-bottom: 1px none #e4e4e4; }
.dropdown-menu { width: 100%; }
.language-dropdown img { margin-left: -15px; }
.dropdown-menu > li > a { color: #777; font-weight: 400; line-height: 1.43; white-space: nowrap; display: block; padding: 10px 0 10px 0 !important; clear: both; margin-right: 0; margin-left: 0; border-bottom: 1px solid #e4e4e4; }
.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover { color: #000; background-color: transparent !important; text-decoration: none; outline: none 0; }
.navbar-default .container {
width: 100%;
padding-right: 0px;
padding-left: 0px;
}
.navbar-default .navbar-collapse {
margin-top: 10px;
padding-right: 0;
padding-left: 0;
}
.navbar-default .navbar-nav > li > a {
color: #7e786b;
}
.navbar-default .navbar-collapse {
background-color: #fbfaf4;
}
.navbar-small .navbar-collapse {
margin-top: 0px;
}
.navbar-header {
float: none;
}
.navbar-left,.navbar-right {
float: none !important;
}
.nav > li > span {
color: #fff;
}
.navbar-toggle {
display: block;
}
.navbar-collapse {
border-top: none;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
}
.container>.navbar-header, .container>.navbar-collapse, .container-fluid>.navbar-collapse {
margin-right: 0;
margin-left: 0;
padding-left: 25px;
padding-right: 25px;
}
.container>.navbar-header { margin-right: 0; margin-left: 0; padding-right: 10px; padding-left: 10px; }
.navbar-fixed-top {
top: 0;
border-width: 0 0 1px;
}
.navbar-collapse.collapse {
display: none!important;
}
.navbar-nav {
float: none!important;
margin: 0;
}
.navbar-nav>li {
float: none;
}
.navbar-nav>li>a { padding: 12px 0 12px 0; }
.collapse.in{
display:block !important;
}
.navbar-default ul.nav li {
border-bottom: 1px solid #e6dfd1;
}
.navbar-default ul.nav li:last-child { border-bottom-style: none; }
.dropdown-menu {
position: relative;
top: 100%;
left: 0;
z-index: 1000;
display: none;
float: none;
min-width: 160px;
padding: 5px 0;
margin: 2px 0 0;
font-size: 13px;
list-style: none;
background-color: transparent;
background-clip: padding-box;
border: none;
border-radius: 4px;
-webkit-box-shadow: none;
box-shadow: none;
}
.dropdown-menu > li {
border-bottom: none!important;
}
.dropdown-menu > li > a {
color: #fff;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
text-decoration: none;
background-color: transparent!important;
}
}
.navbar-toggle .icon-bar:nth-of-type(2) {
top: 1px;
}
.navbar-toggle .icon-bar:nth-of-type(3) {
top: 2px;
}
.navbar-toggle .icon-bar { color: #7e786b; position: relative; transition: 300ms ease-in-out; }
.navbar-toggle.active .icon-bar:nth-of-type(1) { top: 6px; -webkit-transform: rotate(45deg) !important; -moz-transition: rotate(45deg) !important; transform: rotate(45deg);}
.navbar-toggle.active .icon-bar:nth-of-type(2) { background-color: transparent !important; }
.navbar-toggle.active .icon-bar:nth-of-type(3) { top: -6px; -webkit-transform: rotate(-45deg); -moz-transition: rotate(-45deg); transform: rotate(-45deg);}
.navbar-toggle .icon-bar { background-color: #7e786b !important; border-style: none !important; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.navbar-toggle:hover { background-color: transparent !important; }
/**/
.section-btn-container { display: block; position: absolute; width: 48px; height: 102px; bottom: 75px; text-indent: -9999px; right: 30px; z-index: 950
; }
.section-btn { display: block; width: 48px; height: 48px; border: 1px #ff8300; background-color: #ff8300; background-image: url(../images/sprite.png); background-repeat: no-repeat; border-radius: 100%; transition: background-position .3s; -webkit-transition: background-position .3s; -moz-transition: background-position .3s; -ms-transition: background-position .3s; -o-transition: background-position .3s
}
.section-btn.btn-prev {
background-position: -250px -925px
}
.section-btn.btn-next {
background-position: -297px -981px
}
.section-btn-container.single, .section-btn-container.single-btn-container {
height: 46px
}
.section-btn.btn-prev+.section-btn.btn-next {
margin-top: 10px
}
.section-btn.btn-prev:active, .section-btn.btn-prev:hover {
background-position: -250px -979px
}
.section-btn.btn-next:active, .section-btn.btn-next:hover {
background-position: -297px -925px
}
.section-btn:active, .section-btn:hover { background-color: #ff8300
; border-style: none; }
.section-btn.light {
border-color: #fff
}
.section-btn.light.btn-prev {
background-position: -250px -1045px
}
.section-btn.light.btn-prev:active, .section-btn.light.btn-prev:hover {
background-position: -250px -1099px
}
.section-btn.light.btn-next {
background-position: -297px -1101px
}
.section-btn.light.btn-next:active, .section-btn.light.btn-next:hover {
background-position: -297px -1045px
}
/**/
video { background-color: #fff; width: 100%; height: auto; margin-top: 15px; margin-bottom: 0; }
#myvideo { background-color: #fff; padding-top: 0; padding-bottom: 0; }
/**/
#footer-bottom { font-size: 14px; font-weight: normal; font-style: normal; font-variant: normal; line-height: 19px; text-align: left; padding: 20px 0; border-top: 1px solid #fbfaf4; }
#footer { background-color: #fff; }
#footer-bottom .copyright-text span { color: #333; font-size: 15px; line-height: 18px; display: block; }
#footer-bottom .copyright-text a { color: #333; font-size: 15px; line-height: 34px; }
#footer-bottom .copyright-text a:hover { color: #000; }
#footer-bottom .copyright-text span a { font-size: 15px; line-height: 18px; }
#footer-bottom .social-links {
float: right
}
#footer-bottom .social-links li {
margin: 16px 0 16px 10px
}
@media (max-width:767px) {
#footer-bottom .copyright-text { font-size: 14px; margin: 13px 10px 13px 0; }
}
#footer #footer-inner {
padding: 95px 0 33px;
position: relative
}
#footer #footer-inner .links { font-size: 15px; }
#scroll-top { width: 35px; height: 35px; cursor: pointer; opacity: 1; background-color: transparent; background-image: url(../images/sprite.png); background-repeat: no-repeat; background-position: -5px -223px; text-indent: -999px; overflow: hidden; float: right; margin-top: 18px; margin-left: 15px; border: solid 1px #fff; display: inline-block; -webkit-transition: background-position .35s; -moz-transition: background-position .35s; -o-transition: background-position .35s; -ms-transition: background-position .35s; border-radius: 100%; transition: background-position .35s; }
#scroll-top:hover { background-color: #ff8300; background-position: -5px -273px
; border-style: none; }
.logos img { width: 170px; float: right; margin-bottom: 40px; }
.logos { }
.social-links { color: #7e786b; font-size: 0; line-height: 0
; }
.social-links a:hover { color: #111; }
.social-links li {
display: inline-block;
margin: 0 5px
}
.social-links li:first-child {
margin-left: 0
}
.social-icon { color: #7e786b; font-size: 28px; line-height: 28px; display: block; width: 40px; height: 40px; text-align: center; border: 1px #cdccbf;}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
.section-btn-container { display: none; }
}
@media (max-width:768px) {
.logos img { margin-right: auto; margin-bottom: 40px; margin-left: auto; width: 170px; float: none; }
#footer-bottom .social-links { float: left; }
.section-btn-container { bottom: 160px; display: none; }
#footer-bottom .social-links li { margin-right: 10px; margin-left: 0; }
}
@media (max-width:767px) {
.logos { margin-top: 60px; }
}
/**/
.btn { padding: 6px 15px; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; transition: all .3s ease-in-out
}
.ms-item img { width: 100%; }
.btn-lg {
padding: 12px 18px;
font-size: 16px;
line-height: 22px;
border-radius: 0
}
.btn-custom-3 {
color: #fff;
background-color: transparent;
border-color: #fff;
text-transform: uppercase
}
.btn-custom-3.active, .btn-custom-3:active, .btn-custom-3:focus, .btn-custom-3:hover {
color: #fff;
background-color: #e61446;
border-color: #e61446
}
.btn-custom-10 { color: #675f56; background-color: transparent; text-transform: uppercase; border-color: #675f56; }
#kontaktsharu .btn-custom-10 { text-transform: none; }
.btn-custom-10.active, .btn-custom-10:active, .btn-custom-10:focus, .btn-custom-10:hover {
color: #fff;
background-color: #e61446;
border-color: #e61446
}
@media (max-width:560px) {
#info-section .btn-lg { padding: 6px 9px; }
}
/**/
.logoseit { width: 280px; height: 100px; }
.logosharu { width: 280px; height: 85px; }
@media (max-width:560px) {
.logoseit { width: 280px; height: 100px; }
}
.partnerlogos { background-color: #fff; width: 100%; height: 160px; margin-bottom: 20px; }
.partnerlogos img { width: 270px; height: 160px; margin-right: auto; margin-left: auto; }
/**/
.produkte2 { background-color: #f7f6ec; margin-bottom: 20px; width: 100%; height: auto; border: 1px #675f56; }
.p-description { width: 100%; }
.produktlink a:hover { color: #675f56; }
.produktlink a:hover .p-description h4 { color: #000; }
#produkte .col-md-3, #produkte .col-sm-6 { padding-right: 7px; padding-left: 7px; }
/**/
@media (max-width:767px) {
#produkte .col-md-3, #produkte .col-sm-6 { padding-right: 15px; padding-left: 15px; }
}
.breadcrumb {
padding: 14px 0;
margin-bottom: 0;
list-style: none;
background-color: transparent;
border-radius: 0;
font-size: 0
}
.breadcrumb>li {
display: inline-block;
padding-right: 58px;
position: relative;
font-size: 15px
}
.breadcrumb>li:last-child {
padding-right: 0
}
.breadcrumb>li:before {
content: "";
display: block;
width: 20px;
height: 9px;
position: absolute;
top: 50%;
margin-top: -4.5px;
right: 20px;
background-image: url(../images/sprite.png);
background-repeat: no-repeat;
background-position: -304px 0
}
.breadcrumb>li:last-child:before {
display: none
}
.breadcrumb>li+li:before {
padding: 0;
color: #fff;
content: ""
}
.breadcrumb>.active {
color: #f3e500
}
@media (max-width:767px) {
.breadcrumb { display: none; }
}
/**/
.tab-pane{ background-color: #f7f6ec; padding:20px 0; border: 1px #a9a9a9; }
.tab-pane .tab-desc{ padding:0 20px; }
.nav-tabs{
border:none;
}
.nav-tabs li.active a{ color: #675f56; background-color: #f7f6ec; border-style: none; }
.nav-tabs li.active a:hover, .nav-tabs li.active a:focus{ background-color: #e6dfd1; border-style: none; }
.nav-tabs li a:hover, .nav-tabs li a:focus { background-color: #f7f6ec; border-style: none; }
.nav-tabs li a{ color: #675f56; font-size: 16px !important; background-color: #e6dfd1; padding:12px 20px; border-style: none; border-radius:0; }
.tab-desc li { color: #675f56; font-size: 16px !important; }
/**/
.owl-theme .owl-controls { background-color: transparent; text-align: right
; }
.class { }
.owl-theme .owl-controls .owl-buttons { position: absolute; top: -35px; right: 7px; width: 80px; height: 35px; z-index: 99
; display: inline-block; }
@media (min-width:980px) {
.owl-theme .owl-controls .owl-buttons { top: -35px; }
}
@media (max-width:768px) {
.owl-theme .owl-controls .owl-buttons { top: 100%; left: 50%; margin-top: 20px; margin-left: -40px; }
}
.owl-theme .owl-controls .owl-buttons div {
display: inline-block;
width: 35px;
height: 35px;
padding: 0;
transition: background-position .3s;
-webkit-transition: background-position .3s;
-moz-transition: background-position .3s;
-ms-transition: background-position .3s;
-o-transition: background-position .3s;
background-color: transparent;
background-image: url(../images/sprite.png);
background-repeat: no-repeat;
text-indent: 9999px;
border: solid 1px #fff;
border-radius: 100%;
margin: 0;
vertical-align: middle
}
.owl-theme .owl-controls .owl-buttons div.owl-next {
margin-left: 10px
}
.owl-theme .owl-controls .owl-buttons div:hover { filter: Alpha(Opacity=100); opacity: 1; background-color: #f3e500; border-style: none; }
.owl-theme .owl-controls .owl-buttons div.owl-prev {
background-position: -160px -189px
}
.owl-theme .owl-controls .owl-buttons div.owl-next {
background-position: -205px -224px
}
.owl-theme .owl-controls .owl-buttons div.owl-prev:hover {
background-position: -203px -189px
}
.owl-theme .owl-controls .owl-buttons div.owl-next:hover {
background-position: -160px -224px
}
.pad-top-120 { padding-top: 80px; }
.col-spec { width: 50%; }
.item { width: 100%; overflow: hidden; }
@media (max-width:992px) {
.navbar-nav .open .dropdown-menu {
position: static;
float: none;
width: auto;
margin-top: 0;
background-color: transparent;
border: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
.navbar-nav .open .dropdown-menu > li > a,
.navbar-nav .open .dropdown-menu .dropdown-header {
padding: 5px 15px 5px 25px;
}
.navbar-nav .open .dropdown-menu > li > a { color: #7e786b; line-height: 20px; }
.navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-nav .open .dropdown-menu > li > a:focus { color: #000; }
}
/**/
.modal-dialog { background-color: transparent; position: fixed; top: 50%; left: 50%; width: 679px; height: 480px; margin-top: -280px; margin-left: -339px; }
.modal-body { padding: 0; }
.modal-header { background-color: transparent; height: 54px; padding: 0; border-bottom-style: none; }
.modal-header .close { color: #fff; font-size: 44px !important; margin-top: -5px; opacity: 1; text-shadow: none !important; }
.modal-header .close:hover { color: #e61446; box-shadow: none !important; }
body.modal-open { margin: 0 !important; padding: 0 !important; overflow-y: scroll !important; }
.modal-content{ background-color: transparent; border-style: none; -webkit-box-shadow: 0 5px 15px rgba(0,0,0,0); -moz-box-shadow: 0 5px 15px rgba(0,0,0,0); box-shadow: 0 5px 15px rgba(0,0,0,0); border-radius: 0px; box-shadow: 0 5px 15px rgba(0,0,0,0); }
.modal-footer { padding-right: 0; padding-left: 0; border-top-style: none; }
.modal-content p { font-size: 16px; line-height: 21px; }
.quer { display: block; }
.hoch { display: none; }
@media (max-width:768px) {
.modal-dialog { margin-top: -300px; margin-left: -170px; position: fixed; top: 50%; left: 50%; width: 340px; height: 480px; }
.quer { display: none; }
.hoch { display: block; }
}
@media (max-width:560px) {
.modal-dialog { position: fixed; top: 20px; right: 50%; width: 340px; height: 480px; margin-top: 10px; margin-left: -170px; }
}
@media (max-width:380px) {
.modal-dialog { position: fixed; top: 20px; right: 50%; width: 280px; height: 395px; margin-top: 10px; margin-left: -140px; }
}
.btn-default { color: #333; font-size: 12px; background-color: #fff; padding: 4px 8px; border-color: #ccc; }
@media only screen
and (min-device-width : 320px)
and (max-device-width : 374px)
and (orientation : portrait) { .modal-dialog { margin-left: -100px; position: fixed; top: 10px; left: 50%; width: 200px; height: 283px; }
.quer { display: none; }
.hoch { display: block; }
.modal-footer { display: none; }
}
@media only screen
and (min-device-width : 320px)
and (max-device-width : 736px)
and (orientation : landscape) { .quer { display: block; }
.hoch { display: none; }
.modal-dialog { margin-top: -150px; margin-left: -155px; position: fixed; top: 50%; left: 50%; width: 311px; height: 220px }
.modal-footer { display: none; }
}
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) { .modal-dialog { margin-top: -329px; margin-left: -190px; position: fixed; top: 50%; left: 50%; width: 380px; height: 538px; }
.quer { display: none; }
.hoch { display: block; }
}
/**** PRELOADER ****/
#preloader {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #fff;
z-index: 999999;
}
#status { width: 220px; height: 70px; position: absolute; left: 50%; top: 30%; background-image: none; background-repeat: no-repeat; background-position: center; z-index: 99999; margin: -35px 0 0 -110px; }
#pageloader {
width: 100%;
height: 100%;
position: fixed;
top:0;
background-color:#fff;
z-index: 99998;
}
.loader { font-size: 70px; text-indent: -9999em; overflow: hidden; width: 1em; height: 1em; border-radius: 50%; margin: 0 auto 0; position: relative; top: 40%; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-animation: load6 1.7s infinite ease; animation: load6 1.7s infinite ease; }
@-webkit-keyframes load6 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
box-shadow: 0 -0.83em 0 -0.4em #000000, 0 -0.83em 0 -0.42em #000000, 0 -0.83em 0 -0.44em #000000, 0 -0.83em 0 -0.46em #000000, 0 -0.83em 0 -0.477em #000000;
}
5%,
95% {
box-shadow: 0 -0.83em 0 -0.4em #000000, 0 -0.83em 0 -0.42em #000000, 0 -0.83em 0 -0.44em #000000, 0 -0.83em 0 -0.46em #000000, 0 -0.83em 0 -0.477em #000000;
}
10%,
59% {
box-shadow: 0 -0.83em 0 -0.4em #000000, -0.087em -0.825em 0 -0.42em #000000, -0.173em -0.812em 0 -0.44em #000000, -0.256em -0.789em 0 -0.46em #000000, -0.297em -0.775em 0 -0.477em #000000;
}
20% {
box-shadow: 0 -0.83em 0 -0.4em #000000, -0.338em -0.758em 0 -0.42em #000000, -0.555em -0.617em 0 -0.44em #000000, -0.671em -0.488em 0 -0.46em #000000, -0.749em -0.34em 0 -0.477em #000000;
}
38% {
box-shadow: 0 -0.83em 0 -0.4em #000000, -0.377em -0.74em 0 -0.42em #000000, -0.645em -0.522em 0 -0.44em #000000, -0.775em -0.297em 0 -0.46em #000000, -0.82em -0.09em 0 -0.477em #000000;
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
box-shadow: 0 -0.83em 0 -0.4em #000000, 0 -0.83em 0 -0.42em #000000, 0 -0.83em 0 -0.44em #000000, 0 -0.83em 0 -0.46em #000000, 0 -0.83em 0 -0.477em #000000;
}
}
@keyframes load6 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
box-shadow: 0 -0.83em 0 -0.4em #000000, 0 -0.83em 0 -0.42em #000000, 0 -0.83em 0 -0.44em #000000, 0 -0.83em 0 -0.46em #000000, 0 -0.83em 0 -0.477em #000000;
}
5%,
95% {
box-shadow: 0 -0.83em 0 -0.4em #000000, 0 -0.83em 0 -0.42em #000000, 0 -0.83em 0 -0.44em #000000, 0 -0.83em 0 -0.46em #000000, 0 -0.83em 0 -0.477em #000000;
}
10%,
59% {
box-shadow: 0 -0.83em 0 -0.4em #000000, -0.087em -0.825em 0 -0.42em #000000, -0.173em -0.812em 0 -0.44em #000000, -0.256em -0.789em 0 -0.46em #000000, -0.297em -0.775em 0 -0.477em #000000;
}
20% {
box-shadow: 0 -0.83em 0 -0.4em #000000, -0.338em -0.758em 0 -0.42em #000000, -0.555em -0.617em 0 -0.44em #000000, -0.671em -0.488em 0 -0.46em #000000, -0.749em -0.34em 0 -0.477em #000000;
}
38% {
box-shadow: 0 -0.83em 0 -0.4em #000000, -0.377em -0.74em 0 -0.42em #000000, -0.645em -0.522em 0 -0.44em #000000, -0.775em -0.297em 0 -0.46em #000000, -0.82em -0.09em 0 -0.477em #000000;
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
box-shadow: 0 -0.83em 0 -0.4em #000000, 0 -0.83em 0 -0.42em #000000, 0 -0.83em 0 -0.44em #000000, 0 -0.83em 0 -0.46em #000000, 0 -0.83em 0 -0.477em #000000;
}
}
/**/
.small3 { color: #999; font-size: 13px; }
.divider { background-color: #a3a3a3; width: 100%; height: 1px; margin: 20px auto; }
.jfa { position: absolute; top: 20px; right: 20px; width: 120px; height: 120px; z-index: 999998; overflow: hidden; }
.jfa img { width: 100%; }
.color2 { color: #111; background-color: #ff8300; padding: 2px 0; display: inline; }
.color3 a { color: #ff8300 !important; }
.img-jfa { max-width: 180px; }
/* banner
----------------------------------------------------*/
.banner {
position: relative;
text-align: left;
color: #fff;
min-height: 700px;
}
.banner .top { position: absolute; top: 50px; left: 40px; width: 254px; height: 276px; z-index: 5; overflow: hidden; }
.banner .logo { text-align: left; margin-bottom: 40px; }
.banner .logo2 { text-align: left; margin-top: 70px; }
.banner .logo2 img { width: 100%; }
.banner .logo img { width: 254px; height: 130px; }
.banner p { color: #fff; }
.banner .container { margin-left: 0; }
.banner .since {
font-family: Raleway;
font-size: 32px;
line-height: 30px;
top: 217px;
}
.banner .scroll_down a { text-decoration: none; color: #fff; font-size: 30px; line-height: 40px; background-color: #ff8300; text-align: center; position: absolute; right: 60px; bottom: 75px; width: 42px; z-index: 5; padding-top: 1px; padding-bottom: 1px; border-radius: 100%; }
.banner .carousel-fade .carousel-inner .item {
opacity: 0;
-webkit-transition-property: opacity;
-moz-transition-property: opacity;
-o-transition-property: opacity;
transition-property: opacity;
}
.banner .carousel-fade .carousel-inner .active {
opacity: 1;
}
.banner .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right {
left: 0;
opacity: 0;
z-index: 1;
}
.banner .carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right {
opacity: 1;
}
.banner .carousel-fade .carousel-control {
z-index: 2;
}
.carousel-caption { text-align: left; vertical-align: top !important; position: absolute; height: 100%; margin: 0 auto; left: 0; right: 0; z-index: 5; top: 0; bottom: 0; width: 100%; overflow: hidden; display: table; }
.carousel-caption .vcenter { text-align: center; vertical-align: top; display: table-cell; }
@media (max-width:768px) {
.carousel-caption .vcenter { vertical-align: middle; }
.carousel-caption .vcenter .container { margin-top: -100px; }
}
.banner .carousel-inner > .item {
background-size: cover;
background-position: center;
min-height: 700px;
}
.banner-content {
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background: #FFF;
}
.banner .carousel-indicators { text-align: left; left: 30px !important; bottom: 80px; width: 100%; margin-left: 0; }
.banner2 .carousel-indicators li {
display: inline-block;
width: 46px;
height: 4px;
margin: 1px;
text-indent: -999px;
cursor: pointer;
background-color: transparent;
border: solid 1px #fff;
border-radius: 10px;
}
.banner .carousel-indicators li { background-color: transparent; text-indent: -999px; cursor: pointer; display: inline-block; margin: 1px; width: 16px; height: 16px; border: solid 1px #fff; border-radius: 50%; }
.banner2 .carousel-indicators .active {
width: 46px;
height: 4px;
margin: 1px;
background-color: #ff8300;
border: solid 1px #ff8300;
}
.banner .carousel-indicators .active { background-color: #ff8300; margin: 1px; width: 16px; height: 16px; border: solid 1px #ff8300; }
@media (max-width:768px) {
.banner .carousel-indicators { bottom: 160px; }
.banner .carousel-indicators li { width: 20px; height: 20px; margin-left: 5px; }
.banner .carousel-indicators .active { width: 20px; height: 20px; }
}
@media all and(transform-3d),(-webkit-transform-3d) {
.carousel-fade .carousel-inner > .item.next,
.carousel-fade .carousel-inner > .item.active.right {
opacity: 0;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-inner > .item.prev,
.carousel-fade .carousel-inner > .item.active.left {
opacity: 0;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-inner > .item.next.left,
.carousel-fade .carousel-inner > .item.prev.right,
.carousel-fade .carousel-inner > .item.active {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.btn {
border: 0;
-webkit-transition: background-color .4s ease-in;
-moz-transition: background-color .4s ease-in;
-o-transition: background-color .4s ease-in;
transition: background-color .4s ease-in;
}
.btn-custom2, .btn-custom3 { color: #fff; font-size: 18px; font-weight: 700; background-color: #002486; padding: 12px 15px; margin-top: 20px; border-radius: 30px; border: 3px; }
.btn-custom2:hover, .btn-custom3:hover { color: #ff8300; background-color: #002486; border: 3px; }
.to-top{ height: 29px; width: 29px; z-index: 10000; color: #fff; cursor: pointer; position: fixed; right: 17px; bottom: 27px; display: none; text-align: center; font-size: 13px; background-color: #333 !important; -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; }
.to-top>i{
margin-top: 8px;
}
.to-top:hover{
background-color:#111!important;
}
.cssload-loader{ position: relative; width: 12px; height: 12px; border-radius: 12px; background-color: rgb(0,0,0); top: 40%; margin-right: auto; margin-left: auto; transform-origin: 50% 50%; -o-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; animation: cssload-loader 1.15s ease-in-out infinite; -o-animation: cssload-loader 1.15s ease-in-out infinite; -ms-animation: cssload-loader 1.15s ease-in-out infinite; -webkit-animation: cssload-loader 1.15s ease-in-out infinite; -moz-animation: cssload-loader 1.15s ease-in-out infinite; }
.cssload-loader:before{
content: "";
position: absolute;
background-color: rgb(0,0,0);
top: 0px;
left: -24px;
height: 12px;
width: 12px;
border-radius: 12px;
}
.cssload-loader:after{
content: "";
position: absolute;
background-color: rgb(0,0,0);
top: 0px;
left: 24px;
height: 12px;
width: 12px;
border-radius: 12px;
}
@keyframes cssload-loader{
0%{transform:rotate(0deg);}
50%{transform:rotate(180deg);}
100%{transform:rotate(180deg);}
}
@-o-keyframes cssload-loader{
0%{-o-transform:rotate(0deg);}
50%{-o-transform:rotate(180deg);}
100%{-o-transform:rotate(180deg);}
}
@-ms-keyframes cssload-loader{
0%{-ms-transform:rotate(0deg);}
50%{-ms-transform:rotate(180deg);}
100%{-ms-transform:rotate(180deg);}
}
@-webkit-keyframes cssload-loader{
0%{-webkit-transform:rotate(0deg);}
50%{-webkit-transform:rotate(180deg);}
100%{-webkit-transform:rotate(180deg);}
}
@-moz-keyframes cssload-loader{
0%{-moz-transform:rotate(0deg);}
50%{-moz-transform:rotate(180deg);}
100%{-moz-transform:rotate(180deg);}
}
/**/
.legals { font-size: 15px; line-height: 20px; text-align: center; display: block; margin-bottom: 10px; }
.copyright { font-size: 13px !important; line-height: 18px !important; text-align: center; display: block; }
.copyright br { display: none; }
.madeby { font-size: 13px !important; font-style: italic !important; line-height: 18px !important; text-align: center; display: block; margin-bottom: 10px; }
.madeby a { font-size: 13px !important; line-height: 18px !important; }
@media (max-width:580px) {
.copyright br { display: block; }
}
.dps ul li { color: #333; font-size: 15px; font-style: normal; line-height: 20px; margin-left: 0; padding-left: 0; list-style-type: disc; list-style-position: outside; }
.dps ul { padding-left: 20px; }
.dps p { font-size: 15px; line-height: 20px; margin-top: 5px; margin-bottom: 15px; }
.dps a { text-decoration: underline; }
.dps a:hover { text-decoration: none; }
.dps h2 { font-size: 28px; font-family: Arimo, sans-serif; line-height: 1; text-transform: uppercase; margin-bottom: 28px; }
.dps h5 { font-size: 21px; font-weight: 700; font-style: normal; line-height: 25px; background-color: transparent; text-transform: none; text-align: left; margin-top: 30px; margin-bottom: 0; margin-left: 0; padding-left: 0; display: block; }
.dps h6 { color: #333; font-size: 18px; font-weight: 700; font-style: normal; line-height: 23px; text-transform: none; margin-top: 0; margin-bottom: 5px; padding-top: 0; }
.dps .stand { padding-top: 30px; display: block; }