/**/
html{
overflow-x:hidden !important;
height:100%;
}
body{ margin: 0; padding: 0; font-weight: 400; font-size: 17px; color: #000; font-family: "Open Sans", sans-serif; line-height: 25px; background:#fff; height:100%; text-align:center; }
@-o-viewport {width: device-width;}
@-ms-viewport {width: device-width;}
@viewport {width: device-width;}
p {
font-size:17px;
line-height:25px;
}
.klein { font-size: 12px; line-height: 17px; padding-top: 10px; padding-bottom: 10px; }
.klein2 { font-size: 15px; line-height: 20px; padding-top: 10px; padding-bottom: 10px; }
/**/
.left-decor, .right-decor{ background: #fff !important; position:fixed; width:50px; height:100%; z-index:1; -webkit-transform: translate3d(0,0,0); }
.left-decor {
left:0;
}
.right-decor {
right:0;
}
.left-decor:before , .right-decor:before , .left-decor:after , .right-decor:after { content:''; position:absolute; width:30px; left:10px; height:1px; }
.left-decor:before , .right-decor:before {
top:50px;
}
.left-decor:after , .right-decor:after {
bottom:50px;
}
.content-holder{
padding:0 50px 0;
}
.container-fluid { margin: 0 auto; padding-right: 50px; padding-left: 50px; }
.container{
max-width: 1024px;
width:92%;
margin:0 auto;
position: relative;
z-index:2;
}
.contact ul li { float: left; }
.transition3{
-webkit-transition: all 300ms linear;
-moz-transition: all 300ms linear;
-o-transition: all 300ms linear;
-ms-transition: all 300ms linear;
transition: all 300ms linear;
}
@media (max-width:767px) {
.contact .container { width: 100%; }
.container-fluid { padding-right: 25px; padding-left: 25px; }
.container { margin: 0 auto; position: relative; z-index: 2; width: 100%; max-width: 1024px; }
}
/**/
.fixed-title { position: fixed; width: 300px; height: 80px; top: 50%; margin-top: 150px; letter-spacing: 0; font-size:24px; font-family: Parisienne, cursive; font-weight: 400; margin-left:-34px; text-align: center; cursor: default; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -o-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transform-origin: left top; -ms-transform-origin: left top; -moz-transform-origin: left top; -o-transform-origin: left top; transform-origin: left top; z-index:12; }
.fixed-title span {
position:relative;
z-index:3;
-webkit-transition: all 200ms linear;
-moz-transition: all 200ms linear;
-o-transition: all 200ms linear;
-ms-transition: all 200ms linear;
transition: all 200ms linear;
color:#a50436;
}
.fixed-title:after {
content:'';
position:absolute;
bottom:46px;
left:0;
z-index:2;
width:100%;
-webkit-transition: all 200ms linear;
-moz-transition: all 200ms linear;
-o-transition: all 200ms linear;
-ms-transition: all 200ms linear;
transition: all 200ms linear;
height:160px;
background:transparent;
}
/**/
.scroll-page-nav { position:fixed; top:50%; right:0; z-index:13; width:50px; margin-top: -87px; }
.scroll-page-nav li {
width:100%;
float:left;
margin-bottom:4px;
}
.scroll-page-nav .nav a { width: 7px !important; height: 7px !important; padding: 0 !important; display:inline-table; border:solid 1px #a50436; border-radius: 100% !important; }
.scroll-page-nav .active a { background-color: #a50436 !important; }
@media (max-width:767px) {
.scroll-page-nav { display: none; }
.fixed-title { display: none; }
}
/**/
section {
width:100%;
position:relative;
padding:0 0 0;
background:#e9e9e9;
}
.ourteam { background-color: #e9e9e9; padding-top: 90px; padding-bottom: 90px; }
.fachbereiche { background-color: #e9e9e9; padding-top: 20px; padding-bottom: 90px; }
.fachbereiche2 { background-color: #e9e9e9; padding-top: 40px; padding-bottom: 90px; }
.clients { background-color: #e9e9e9; padding-top: 60px; padding-bottom: 90px; }
.gallery { background-color: #e9e9e9; }
.vita { padding-top: 180px; padding-bottom: 120px; }
.referenzen { background-color: #e9e9e9; padding-top: 25px; padding-bottom: 25px; }
.contact { background-size: cover; background: #fff url(../images/bg03b.png) no-repeat left center; padding: 40px; }
#contact { text-align: center; padding-top: 120px; padding-bottom: 120px; }
.bgwhite { background-color: #fff; width: 100%; height: auto; padding: 40px 20px; }
@media (max-width:320px) {
.bgwhite { padding-right: 15px; padding-left: 15px; }
#contact .col-xs-12 { padding-right: 0; padding-left: 0; }
}
/**/
header{ position:fixed; top:0; left:0; z-index:20; line-height:50px; width:100%; background:#fff; height: 50px; }
.header-inner {
float:left;
width:100%;
padding:0 50px;
padding-top:10px;
position:relative;
}
/**/
footer { color: #666; font-size: 13px; line-height: 18px; position:fixed; bottom:0; left:0; width:100%; height:50px; background:#fff; z-index:15; padding-top: 0 !important; padding-bottom: 0 !important; }
.footer-social i { font-size: 21px; line-height: 50px; }
@media (max-width:768px) {
footer { position: relative; height: 120px !important; }
.vita { padding-top: 60px; padding-bottom: 60px; }
.fachbereiche { padding-bottom: 30px; }
.ourteam { padding-top: 30px; padding-bottom: 30px; }
.clients { padding-top: 30px; padding-bottom: 30px; }
#contact { padding-top: 60px; padding-bottom: 60px; }
}
ul { margin-top: 0 !important; margin-left: 0 !important; padding-top: 0 !important; padding-left: 0 !important; list-style-type: none; display: inline-block; }
.footer-social li { color: #acacac; float: left; padding-top: 0 !important; padding-bottom: 0 !important; }
.footer-social li:last-child>a { padding-right: 0 !important; }
.footer-social { text-align: right; }
.footer-social li a { padding:0 8px; font-size:13px; color: #666; line-height: 50px; }
.policy-box { font-size: 11px; letter-spacing: 0; color: #000; text-align: left; margin-top: 0 !important; margin-bottom: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important; }
.policy-box p { font-size: 11px; line-height: 50px; float:left; margin-top: 0 !important; margin-bottom: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important; }
.policy-box ul { margin-left:10px; list-style-type: none; }
.policy-box ul li { float:left; padding-top: 0 !important; padding-bottom: 0 !important; }
.policy-box ul li a { padding:0 10px; color: #666; }
.policy-box ul li a:hover { color: #a50436; text-decoration:none; }
/**/
.about_box { padding:24px 0; color:#000; border-top:2px solid #fff; border-bottom:1px solid #fff; position:relative; background-color:#a50436; top: -60px; clear: both; }
.about_box .about_box_content { max-width: 1170px; margin: 0 auto; padding:0 15px; width: 100%; }
.about_box .ac-subtitle { color: rgba(255, 255, 255, 0.6); line-height: 1.6 }
.about_box:after,
.about_box:before { content:""; position:absolute; left:50%; bottom:-14px; margin-left: -25%; border-color: #cd2122 transparent transparent; border-style: solid; border-width: 7px 8px 8px; }
.style3 .about_box_inner {background-color: #fff; position: relative; padding: 35px; z-index: 1;}
.style3 .about_box_inner:before {position: absolute; content: ''; background-color: #fff; top: -6px; left: 0; width: 100%; height: 100%;
display: block; -webkit-transform: skewY(1.5deg); -ms-transform: skewY(1.5deg); transform: skewY(1.5deg); transform-origin: right top;}
.style3 .about_box_inner:after {position: absolute; content: ''; background-color: rgba(0, 0, 0, 0.2); width: 90%; height: 30%; display: block;
-webkit-transform: skewY(-2deg); -ms-transform: skewY(-2deg); transform: skewY(-2deg); right: 5%; top: -20px; z-index: -1; }
.about_box.style3 {padding:0;}
.about_box.style3 .action_box_content{position:relative;}
.about_box.style3:before {position: absolute; content: ''; background-color: #a50436; width: 30px; height: 32px; display: none; bottom: -6px;
left: 20%; -webkit-transform: skewY(35deg); -ms-transform: skewY(35deg); transform: skewY(35deg); }
.about_box.style3:after {display:none}
.about_box .about_box_content { display: table; }
.about_box .ac-content-text { text-align: left; display: table-cell; }
.about_box .row.flex {display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;}
.about_box .ac-buttons { text-align: right; display: table-cell; vertical-align: middle; padding-left: 30px;}
.about_box .ac-btn { margin: 0; display: inline; }
.about_box .ac-btn:last-child { margin-left: 15px; }
@media (max-width:767px) {
.style3 .about_box_inner { padding: 35px 15px 25px; }
.about_box .about_box_content { max-width: 100%; padding-right: 10px; padding-left: 10px; }
.about1 .col-xs-12 { padding-right: 0; padding-left: 0; }
.style3 .about_box_inner:before { background-color: #fff; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ''; -webkit-transform: skewY(0deg); -ms-transform: skewY(0deg); transform: skewY(0deg); transform-origin: right top; }
.style3 .about_box_inner:after { background-color: rgba(0, 0, 0, 0.2); display: none; position: absolute; z-index: -1; top: 0; right: 0; width: 90%; height: 30%; content: ''; -webkit-transform: skewY(0deg); -ms-transform: skewY(0deg); transform: skewY(0deg); }
.about_box { top: 0; }
}
/**/
.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; margin-top: -10px; border-style: none !important; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.navbar-toggle:hover { background-color: transparent !important; }
.navbar-toggle { position: relative; float: right; padding: 9px 5px; margin-top: 22px; margin-right: 0; margin-bottom: 0; background-color: transparent; background-image: none; right: 0; border-style: 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;
}
.navbar { background-color: transparent !important; height: 50px !important; margin-right: 0; border-style: none; }
.navbar-nav li a { font-size: 14px; line-height: 50px !important; text-transform: none; height: 50px; padding-top: 0; }
.navbar-default .navbar-nav > .active > a { color: #a50436 !important; background-color: transparent !important; }
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover { color: #a50436 !important; background-color: #fff !important; }
.logo { position: fixed; z-index: 1030; top: 0; left: 0; width: 100%; height: 123px; overflow: hidden; max-width: 300px; }
.navbar-brand { float: left; height: 83px; font-size: 18px; line-height: 20px; position: relative; width: 240px; z-index: 2; margin-left: 50px; padding: 0; display: block; -webkit-transition: all 0.25s; -moz-transition: all 0.25s; -o-transition: all 0.25s; transition: all 0.25s; }
.navbar-brand2 { font-size: 18px; line-height: 20px; padding: 0; position: relative; z-index: 2; width: 240px; height: 83px; float: left; display: none; -webkit-transition: all 0.25s; -moz-transition: all 0.25s; -o-transition: all 0.25s; transition: all 0.25s; }
.navbar-brand3 { font-size: 18px; line-height: 20px; padding: 0; position: relative; z-index: 2; width: 140px; height: 140px; float: left; -webkit-transition: all 0.25s; -moz-transition: all 0.25s; -o-transition: all 0.25s; transition: all 0.25s; }
.navbar-brand img { width: 100%; }
.navbar-brand2 img { width: 100%; }
.navbar-brand3 img { width: 100%; }
@media (max-width:992px) {
.navbar-nav li a { font-size: 14px; line-height: 32px !important; text-transform: none; padding-top: 0; height: 32px; }
.navbar-header { float: none !important; }
.navbar { height: 50px !important; margin-right: 0; }
.navbar-toggle { padding-right: 0; display: block; }
.navbar-collapse { background-color: #fff; width: 170px; float: right; margin-top: 0; margin-bottom: 0; padding: 0; border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255,255,255,0.1); }
.navbar-nav { background-color: #fff; width: 100% !important; float: none!important; margin: 0 !important; }
.navbar-collapse.collapse {
display: none!important;
}
.navbar-nav>li { float: none; padding-top: 5px; padding-bottom: 5px; }
.navbar-nav>li>a { line-height: 24px !important; text-align: left; height: auto; padding-top: 2px; padding-bottom: 2px; }
.collapse.in{ display:block!important; }
}
@media (max-width:768px) {
.navbar-brand { width: 140px; height: 140px; margin-left: 0; display: none; }
.navbar-collapse { background-color: #fff; width: 100% !important; float: none; min-width: 100% !important; margin: 5px 0 0 !important; padding: 0 !important; border-top: 1px none transparent; border-right-style: none; border-bottom-style: none; border-left-style: none; box-shadow: none; }
.logo { position: fixed; z-index: 1030; top: 0; left: 0; width: 100%; height: 50px; max-width: 300px; overflow: hidden; }
.navbar-brand2 { display: block; width: 140px; margin-top: -2px; margin-left: 10px; }
}
@media (max-width:320px) {
.navbar-brand { width: 110px; height: 110px; display: none; }
.navbar-brand2 { display: block; width: 110px; height: 110px; }
.navbar-brand3 { display: block; width: 110px; height: 110px; }
}
/**/
/* Styling Pagination*/
.owl-theme .owl-controls .owl-page{ background-color: transparent !important; display: none; zoom: 1; }
.owl-theme .owl-controls .owl-page span{ width: 12px; height: 12px; margin: 5px 7px; filter: Alpha(Opacity=50);/*IE7 fix*/
opacity: 0.5; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: #d3d726; }
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
filter: Alpha(Opacity=100);/*IE7 fix*/
opacity: 1;
}
.owl-theme .owl-controls{ background-color: transparent !important; text-align: center; }
@media (max-width:580px) {
.owl-theme .owl-controls .owl-buttons div { display: none; }
.owl-theme .owl-controls { }
.owl-theme .owl-controls .owl-page { display: inline-block; }
}
/**** PRELOADER ****/
#preloader {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #fff;
z-index: 9999;
}
#status { width: 150px; height: 62px; position: absolute; left: 50%; top: 50%; background-image: none; background-repeat: no-repeat; background-position: center; z-index: 99999; margin: -171px 0 0 -75px; }
#pageloader {
width: 100%;
height: 100%;
position: fixed;
top:0;
background-color: white;
z-index: 99998;
}
.loader-item h2{
color:#b198b5;
margin:0 auto;
font-size:20px;
}
.outter {
position: absolute;
top:50%;
left:50%;
margin: -30px 0 0 -30px;
width: 60px;
height: 60px;
border-radius: 80px 0 0 80px;
border-left: 5px solid;
-webkit-animation: rotate 1.3s linear 0s infinite normal;
-moz-animation: rotate 1.3s linear 0s infinite normal;
-o-animation: rotate 1.3s linear 0s infinite normal;
-ms-animation: rotate 1.3s linear 0s infinite normal;
animation: rotate 1.3s linear 0s infinite normal;
}
.mid {
top: 15px;
left: 15px;
position: relative;
width: 30px;
height: 30px;
border-radius: 50px 0 0 50px;
border-left: solid 4px ;
-webkit-animation: rotate 3.3s linear 0s infinite normal;
-moz-animation: rotate 3.3s linear 0s infinite normal;
-o-animation: rotate 3.3s linear 0s infinite normal;
-ms-animation: rotate 3.3s linear 0s infinite normal;
animation: rotate 3.3s linear 0s infinite normal;
}
.dark-border { border-color: #a50436; }
@-webkit-keyframes rotate {
from {
-webkit-transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
}
}
@-moz-keyframes rotate {
from {
-moz-transform: rotate(0deg);
}
to {
-moz-transform: rotate(360deg);
}
}
@-o-keyframes rotate {
from {
-o-transform: rotate(0deg);
}
to {
-o-transform: rotate(360deg);
}
}
@-ms-keyframes rotate {
from {
-ms-transform: rotate(0deg);
}
to {
-ms-transform: rotate(360deg);
}
}
@keyframes rotate {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
/**/
.accordion-heading { background-color: #fff !important; text-align: left; padding-top: 0; padding-right: 15px !important; padding-bottom: 0; padding-left: 15px !important; }
.accordion-head { text-align: left; padding-top: 30px; padding-bottom: 30px; }
.accordion-inner{ background-color: #fff; text-align: left !important; margin-top: -6px; padding: 15px 0 !important; display:block; }
.accordion-inner .container { margin-right: 0 !important; margin-left: 0 !important; padding-right: 20px !important; padding-left: 20px !important; }
.accordion4 .panel{ background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; width:100%; margin: 0 !important; padding: 0 !important; border-style: none; }
.accordion4 ..accordion5 h2 { color: #000; }
.accordion .panel p { padding-right: 0; padding-bottom: 10px; padding-left: 0; }
.accordion .panel h4 { font-size: 17px !important; font-weight: 700 !important; line-height: 25px !important; }
.accordion .panel ul { text-align: left; margin-left: 0 !important; padding-left: 20px !important; list-style-type: disc; list-style-position: outside; }
.accordion .panel ul li { font-size: 17px; line-height: 25px; }
.indicator { line-height: 58px; float: right; }
.indicator .fa-plus { color: #666 !important; font-size: 18px !important; line-height: 58px !important; }
.indicator .fa-remove { color: #d3d726 !important; font-size: 18px !important; line-height: 58px !important; }
#accordion5 .panel, #accordion4 .panel { background: transparent !important; width: 100%; margin: 0 !important; padding: 0 !important; border-bottom: 1px none #dadada; }
.accordion-heading h2 { color: #888; font-size: 16px !important; font-weight: 400 !important; line-height: 1.2 !important; text-transform: none !important; margin-top: 7px !important; margin-bottom: 7px !important; padding-right: 0 !important; padding-left: 0 !important; display: block; }
.accordion-heading h2 span { width: 90% !important; display: inline-block !important; }
.accordion-heading h5 { margin-bottom: 0 !important; }
.accordion-heading a { color: #000; }
.accordion-heading a:hover { text-decoration: none; }
.accordion-heading a[aria-expanded='true']>h5 span { font-size: 24px; line-height: 58px; }
.accordion-heading a[aria-expanded='false']>h5 span {font-size: 18px; line-height: 58px;}
.accordion-heading a[aria-expanded='true']>h5 { color: #d3d726;}
.accordion-heading a[aria-expanded='false']>h5 {
color: #000;
}
/**/
#imagelightbox
{
cursor: pointer;
position: fixed;
z-index: 10000;
-ms-touch-action: none;
touch-action: none;
-webkit-box-shadow: 0 0 3.125em rgba( 0, 0, 0, .75 ); /* 50 */
box-shadow: 0 0 3.125em rgba( 0, 0, 0, .75 ); /* 50 */
}
#imagelightbox-loading
{ background-color: #fff; width: 50px; /* 40 */
height: 50px; /* 40 */
background-image: url(../images/ajax-loader.gif); background-repeat: no-repeat; background-position: center; position: fixed; z-index: 10003; top: 50%; left: 50%; margin-top: -30px; margin-left: -25px; /* 40 */
}
#imagelightbox-overlay
{
background-color: #fff;
background-color: rgba( 255, 255, 255, .9 );
position: fixed;
z-index: 9998;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
#imagelightbox-close
{ color: #333; background-color: transparent; width: 2.5em; /* 40 */
height: 2.5em; /* 40 */
text-align: left; position: fixed; z-index: 10002; top: 2.5em; /* 40 */
right: 2.5em; border-style: none; }
#imagelightbox-close:hover,
#imagelightbox-close:focus
{ color: #ea5197 !important; background-color: transparent; border-style: none !important; }
#imagelightbox-close:before,
#imagelightbox-close:after
{ background-color: #333; width: 2px; content: ''; position: absolute; top: 20%; bottom: 20%; left: 50%; margin-left: -1px; border-style: none !important; }
#imagelightbox-close:before
{
-webkit-transform: rotate( 45deg );
-ms-transform: rotate( 45deg );
transform: rotate( 45deg );
}
#imagelightbox-close:after
{
-webkit-transform: rotate( -45deg );
-ms-transform: rotate( -45deg );
transform: rotate( -45deg );
}
#imagelightbox-caption
{ text-align: center; color: #333; font-size: 15px; position: fixed; z-index: 10001; left: 0; right: 0; bottom: 0; padding: 0.63em; /* 10 */
}
#imagelightbox-nav
{ background-color: white !important; position: fixed; z-index: 10001; left: 50%; bottom: 3.75em; /* 60 */
padding: 0.31em; /* 5 */
border-style: none; -webkit-transform: translateX( -50% ); -ms-transform: translateX( -50% ); transform: translateX( -50% ); }
#imagelightbox-nav button
{ background-color: #333 !important; width: 1em; /* 20 */
height: 1em; /* 20 */
display: inline-block; margin: 0 0.31em; border: 1px #fff !important; /* 5 */
}
#imagelightbox-nav button.active
{ background-color: #000 !important; }
.imagelightbox-arrow
{ background-color: white; width: 3.75em; /* 60 */
height: 7.5em; /* 120 */
vertical-align: middle; display: none; position: fixed; z-index: 10001; top: 50%; margin-top: -22px; border-style: none; /* 60 */
}
.imagelightbox-arrow-left
{ background-image: url(../images/icn-arrow-small.png); background-repeat: no-repeat; background-position: 0 0; left: 2.5em; width: 45px; height: 45px; /* 40 */
}
.imagelightbox-arrow-right
{ background-image: url(../images/icn-arrow-small.png); background-repeat: no-repeat; background-position: -50px 0; right: 2.5em; width: 45px; height: 45px; /* 40 */
}
#imagelightbox-loading,
#imagelightbox-overlay,
#imagelightbox-close,
#imagelightbox-caption,
#imagelightbox-nav,
.imagelightbox-arrow
{
-webkit-animation: fade-in .25s linear;
animation: fade-in .25s linear;
}
@-webkit-keyframes fade-in
{
from { opacity: 0; }
to { opacity: 1; }
}
@keyframes fade-in
{
from { opacity: 0; }
to { opacity: 1; }
}
@media onlyscreenandmax-width:41.250em) {
#imagelightbox-close
{
top: 1.25em; /* 20 */
right: 1.25em; /* 20 */
}
.imagelightbox-arrow-left
{ left: 1.25em; width: 45px; height: 45px; overflow: hidden; /* 20 */
}
.imagelightbox-arrow-right
{ right: 1.25em; width: 45px; height: 45px; overflow: hidden; /* 20 */
}
}
@media onlyscreenandmax-width:20em) {
.imagelightbox-arrow-left
{
left: 0;
}
.imagelightbox-arrow-right
{
right: 0;
}
}
.imagelightbox-arrow-left:hover {
background-position: 0 -50px
}
.imagelightbox-arrow-right:hover {
background-position: -50px -50px
}
@media (max-width:560px) {
#imagelightbox { cursor: pointer; position: fixed; z-index: 10000; -ms-touch-action: none; touch-action: none; -webkit-box-shadow: none; box-shadow: none; }
}
/**/
.to-top{ color: #fff !important; height: 28px; width: 28px; background-color: #a50436; z-index: 10000; cursor: pointer; position: fixed; bottom: 0; display: none; text-align: center; font-size: 13px; left: 50%; margin-left: -14px; }
.to-top>.glyphicon{
margin-top: 8px;
}
.to-top:hover{ color: #fff !important; background-color: #a50436; }
/**/
.team-stage{ background-color: #fff; text-align: center; padding-bottom: 25px; }
.team-stage3 { background-color: #fff; text-align: left; padding-bottom: 25px; }
.team-stage3 h3 { margin-left: 15px; }
.team-stage2 > img { width: 180px; margin-right: auto; margin-left: auto; border-radius: 0; }
/**/
.parallax {
width: 100%;
height: auto;
position: relative;
overflow: hidden;
background: #f8f8f8;
color: #ffffff;
z-index:0;
}
.parallax3 { color: #ffffff; background: #f8f8f8; position: relative; width: 100% !important; height: auto !important; z-index: 0; overflow: hidden; }
.parallax3 .vcenter { display: table; overflow: hidden; }
.parallax3 .item img { width: 100%; }
.parallax3 .item { width: 100%; max-width: 600px; margin-right: auto; margin-left: auto; }
.parallax3 .parallax-content, .parallax3 .overlay { text-align: center; padding-top: 120px; padding-bottom: 170px; }
.parallax-bg { width: 100%; height: 100%; margin: 0 auto; background-size: cover; background-attachment: fixed; background-repeat: no-repeat; background-position: center; position: absolute; }
.parallax-content { text-align: center !important; display: table-cell; vertical-align: middle; width: 100%; overflow: hidden; }
.bg2 { background-image: url(../images/bg01.jpg); }
@media only screen and(min-device-width:768px) and (max-device-width:1024px)and(orientation:landscape) {
.parallax-bg { background-attachment: scroll !important; background-position: center top !important; background-size: cover !important; }
}
@media only screen and(min-device-width:768px)and (max-device-width:1024px)and(orientation:portrait) {
.parallax-bg { background-attachment: scroll !important; background-position: center top !important; background-size: cover !important; }
}
@media only screen and(min-device-width:414px)and(max-device-width:736px) {
.parallax-bg { background-attachment: scroll !important; background-position: center top !important; background-size: cover !important; }
}
@media (max-width:560px) {
.parallax-bg { background-attachment: scroll !important; background-position: center top !important; background-size: cover !important; }
.parallax3 .parallax-content, .parallax3 .overlay { padding-top: 60px; padding-bottom: 90px; }
}
/**/
.carousel-caption { text-align: center; 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; }
.vcenter-container {
display: table;
table-layout: fixed;
width: 100%;
height: 100%
}
.carousel-caption .vcenter { text-align: center; vertical-align: middle; display: table-cell; }
@media (max-width:768px) {
.carousel-caption .vcenter { vertical-align: middle; }
.carousel-caption .text-left { text-align: center; }
}
.banner .carousel-indicators { text-align: center; bottom: 200px; }
.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%; }
.banner .carousel-indicators .active { background-color: #d3d726; margin: 1px; border: solid 1px #d3d726; }
@media (max-width:768px) {
.banner .carousel-indicators { text-align: center; bottom: 180px; }
}
@media (max-width:560px) {
.banner .carousel-indicators { bottom: 90px; }
.banner .carousel-indicators li { width: 20px; height: 20px; }
.banner .carousel-indicators .active { width: 20px; height: 20px; }
#intro-section img { width: 120px; }
}
.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;
}
/**/
.parallax-section4 { position: absolute; z-index: 7; margin-top: 200px; }
.bgwhite2 { background-color: #fff; text-align: left; vertical-align: bottom; width: 100%; height: 400px; display: table-cell; }
.box { padding-right: 50px; padding-bottom: 50px; padding-left: 220px; }
.parallax-section2 { position: absolute; z-index: 6; }
.about5 { position: relative; }
.gallery { padding-top: 90px; padding-bottom: 120px; }
.parallax-section3 { padding-top: 40%; display: table; }
.gallery .col-xs-12, .gallery .col-sm-12, .gallery .col-md-12, .gallery .col-lg-12 { padding-right: 7px; padding-left: 8px; }
@media (max-width:1200px) {
.bgwhite2 { height: 380px; }
.box { padding-left: 180px; }
}
@media (max-width:992px) {
.bgwhite2 { }
.box { padding-left: 140px; }
}
@media (max-width:930px) {
.box { }
.bgwhite2 { height: 365px; }
}
@media (max-width:820px) {
.bgwhite2 { height: 350px; }
.box { padding-right: 45px; padding-left: 120px; }
}
@media (max-width:768px) {
.gallery { padding-top: 50px; padding-bottom: 30px; }
}
@media (max-width:767px) {
.parallax-section2 { display: none; }
.parallax-section3 { display: none; }
.parallax-section4 { position: relative; margin-top: 0; }
}
/**/
h1, h2, h3, h4, h5, h6 {
font-weight:normal;
}
h1 { color: #fff; font-size: 110px; font-weight: 800; letter-spacing: 4px; line-height: 59px; text-transform: uppercase; }
h2 { color: #fff; font-size: 42px; font-weight: 800; line-height: 47px; text-transform: none; letter-spacing: 0; }
h3 { color: #000; font-size: 20px; font-family: "Open Sans", sans-serif; font-weight: 400; line-height: 1.2; text-transform: none; margin-top: 25px; margin-bottom: 15px; display: block; }
.banner h3 { color: #fff; font-size: 28px; line-height: 1.2; }
h3 span { font-size: 15px; font-weight: 400; display: block; }
h4 { margin-top: 20px; margin-bottom: 10px; font-size: 28px; font-weight: 200 !important; line-height: 1.2; }
.vita h4 { margin-top: 50px; margin-bottom: 17px; }
h4 span { font-weight: 400; }
h5 { color: #000; font-size: 20px; font-weight: 400; line-height: 58px; margin: 0; }
.pad30 { padding-bottom: 50px; }
h6 { color: #000 !important; font-size: 42px; font-weight: 300; line-height: 47px; margin-top: 0; margin-left: 0; }
.dps h2 { color: #000 !important; font-size: 32px; font-weight: 400; line-height: 37px; margin-top: 30px; margin-left: 0; }
.banner .vcenter img { width: 200px; height: 200px; }
@media (max-width:580px) {
.vita h4 { font-weight: 600 !important; margin-bottom: 10px;}
h4 { font-size: 20px; font-weight: 400 !important; }
h2 { font-size: 26px; font-weight: 700; line-height: 31px; }
.banner h3 { font-size: 20px; font-weight: 400; margin-top: 5px; margin-bottom: 5px; }
.banner .vcenter img { width: 130px; height: 130px; }
h6 { font-size: 28px; font-weight: 400; line-height: 33px; }
h5 { font-size: 15px; line-height: 38px; }
.indicator { line-height: 38px; }
.accordion-heading a[aria-expanded='true']>h5 span { font-size: 15px; line-height: 38px; }
.accordion-heading a[aria-expanded='false']>h5 span {font-size: 15px; line-height: 38px;}
.accordion-heading a[aria-expanded='true']>h5 { color: #d3d726;}
.accordion-heading a[aria-expanded='false']>h5 {
color: #000;
}
}
@media (max-width:320px) {
h4 { font-size: 16px; font-weight: 400; line-height: 21px; }
.pad30 { padding-bottom: 15px; }
.full-height { max-height: 500px; }
.vcenter-container { height: 300px !important; }
.banner .carousel-inner > .item { min-height: 400px; max-height: 500px; }
.carousel-caption { height: 300px !important; }
}
.parallax3 h4 { color: #fff; font-family: Parisienne, cursive; font-size: 42px; line-height: 47px; letter-spacing: 0; padding-top: 35px; padding-bottom: 25px; display: block; }
.unterschrift { color: #000; font-family: Parisienne, cursive; font-size: 36px; line-height: 41px; letter-spacing: 0; padding-top: 35px; padding-bottom: 25px; display: block; }
.unterschrift2 { font-size: 28px; font-family: Parisienne, cursive; line-height: 33px; text-align: left; letter-spacing: 0; display: block; padding-top: 15px; }
@media (max-width:320px) {
.unterschrift { font-size: 28px; line-height: 33px; }
}
.divider { background-color: #2e3138; width: 100%; height: 1px; max-width: 500px; margin: 40px auto; display: block; }
.divider3 { background-color: #2e3138; display: none; margin: 40px auto; width: 100%; height: 1px; max-width: 500px; }
@media (max-width:992px) {
.divider3 { background-color: #2e3138; display: block; margin: 40px auto; width: 100%; height: 1px; max-width: 500px; }
}
.divider2 { background-color: #2e3138; display: block; margin: 40px auto; width: 100%; height: 1px; }
#contact ul li { font-size: 32px; line-height: 37px; float: left; padding-right: 10px; padding-left: 10px; }
/*------ Responsive ------------------------------------------------------*/
@media (max-width:767px) {
.content-holder{
padding:50px 0;
}
.policy-box { line-height: 16px; text-align: center; }
.policy-box p { line-height: 16px; text-align: center; float: none; padding-top: 25px; }
.footer-social { text-align: center; }
.footer { line-height: 18px !important; width: 100%; height: 80px; padding-top: 15px !important; }
.footer-social li { display:inline-block; float:none; }
.footer-social li a { padding-top: 0 !important; padding-bottom: 0; }
.policy-box ul { float: none; }
.parallax-section {
padding:180px 0;
}
.scroll-page-nav {
width:30px;
}
.left-decor , .right-decor {
display:none;
}
}
@media only screen and(max-width:540px) {
.header-inner {
float:left;
width:100%;
padding:0 10px;
padding-top:10px;
position:relative;
}
}
.owl-carousel .col-xs-12, .ourteam .add-top-quarter .col-md-12, .clients2 .col-md-12 { padding-left: 0px; padding-right: 0px; }
.phone { color: #111; }
a:active, a:focus, a:hover { color: #a50436; text-decoration: none; }
a { color: #000; }
::selection { background: #d3d726; color: #000; }
::-moz-selection { background: #d3d726; color: #000; }
.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; color: #fff !important; margin-left: 0; }
.btn-custom2 { color: #fff; font-size: 16px; background-color: #a50436; padding: 10px 15px; margin-top: 25px; margin-bottom: 25px; border-radius: 18px; border: 3px; }
.btn-custom2 a { color: #fff; }
.vita ul { padding-left: 20px !important; list-style-type: disc; list-style-position: outside; }
.btn-custom2 a:hover { color: #000 !important; border: 3px #fff; }
/* Styling Next and Prev buttons */
.owl-theme .owl-controls .owl-buttons div{ position: absolute; }
.owl-theme .owl-controls .owl-buttons .owl-prev{ font-size: 24px; line-height: 24px; top: 50%; left: -40px; margin-top: -4px; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.ourteam .owl-theme .owl-controls .owl-buttons .owl-prev { left: -20px; }
.owl-theme .owl-controls .owl-buttons .owl-next{ font-size: 24px; line-height: 24px; background-color: transparent; top: 50%; right: -40px; margin-top: -4px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
.ourteam .owl-theme .owl-controls .owl-buttons .owl-next { right: -20px; }
.dps ul li { color: #000; 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: 0; }
.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 h5 { color: #000; font-size: 21px; font-weight: 700; font-style: normal; line-height: 25px; background-color: transparent; text-align: left; margin-top: 30px; margin-bottom: 10px; margin-left: 0; padding-left: 0; display: block; }
.dps h6 { color: #000; font-size: 18px; font-weight: 700; font-style: normal; line-height: 23px; padding-top: 0; }
.dps .stand { padding-top: 30px; display: block; }