#sb-site,.sb-site-container,.sb-slidebar,body,html{margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}body,html{width:100%;overflow-x:hidden}html{height:100%}body{min-height:100%;height:auto;position:relative}html.sb-scroll-lock.sb-active:not(.sb-static){overflow:hidden}#sb-site,.sb-site-container{width:100%;position:relative;z-index:1;background-color:#fff}.sb-slidebar{height:100%;overflow-y:auto;position:fixed;top:0;z-index:0;display:none;background-color:#222;-webkit-transform:translate(0px)}.sb-left{left:0}.sb-right{right:0}.sb-slidebar.sb-static,html.sb-static .sb-slidebar{position:absolute}.sb-slidebar.sb-active{display:block}.sb-style-overlay{z-index:9999}.sb-momentum-scrolling{-webkit-overflow-scrolling:touch}.sb-slidebar{width:30%}.sb-width-thin{width:15%}.sb-width-wide{width:45%}@media (max-width:480px){.sb-slidebar{width:70%}.sb-width-thin{width:55%}.sb-width-wide{width:85%}}@media (min-width:481px){.sb-slidebar{width:55%}.sb-width-thin{width:40%}.sb-width-wide{width:70%}}@media (min-width:768px){.sb-slidebar{width:40%}.sb-width-thin{width:25%}.sb-width-wide{width:55%}}@media (min-width:992px){.sb-slidebar{width:30%}.sb-width-thin{width:15%}.sb-width-wide{width:45%}}@media (min-width:1200px){.sb-slidebar{width:20%}.sb-width-thin{width:5%}.sb-width-wide{width:35%}}#sb-site,.sb-site-container,.sb-slide,.sb-slidebar{-webkit-transition:-webkit-transform 400ms ease;-moz-transition:-moz-transform 400ms ease;-o-transition:-o-transform 400ms ease;transition:transform 400ms ease;-webkit-transition-property:-webkit-transform,left,right;-webkit-backface-visibility:hidden}.sb-hide{display:none}h1, h2, h3, h4, h5 {
color: #000;
font-weight: 300;
line-height: normal;
text-transform: uppercase;
letter-spacing: 3px;
}
h2, h3, h4, h5 {
margin-top: 0;
}
h1 {
font-family: "futura-pt", "Roboto", "Open Sans", Arial, sans-serif;
font-size: 35px;
line-height: 40px;
margin-top: 0;
margin-bottom: 45px;
color: #000;
}
h2,
h3 {
font-family: "futura-pt", "Roboto", "Open Sans", Arial, sans-serif;
font-size: 23px;
margin-bottom: 20px;
}
h2 small,
h3 small {
font-size: 15px;
}
h2.divider {
border-bottom: 1px solid #a6a1a3;
padding-bottom: 15px;
margin-bottom: 30px;
}
h4 {
font-family: "futura-pt", "Roboto", "Open Sans", Arial, sans-serif;
font-size: 22px;
color: #000;
margin-bottom: 12.5px;
font-weight: 300;
line-height: 25.25px;
letter-spacing: 1.5px;
text-transform: none;
}
p {
margin-bottom: 20px;
line-height: 23.25px;
}
p + h2,
p + h3,
blockquote + h2,
blockquote + h3,
h3 + h3,
ul + h2,
ul + h3,
ul + ul {
margin-top: 60px;
}
ul + p,
figure + p {
margin-top: 30px;
}
.contentBG a {
color: #000;
text-decoration: underline;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.contentBG a:hover {
color: #00C1C9;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.contentBG a.btn {
text-decoration: none;
text-transform: uppercase;
}
.border {
border: 1px solid #a6a1a3;
background-color: #fff;
padding: 4px;
}
.highlightbox {
min-height: 350px;
position: relative;
z-index: 2;
margin-bottom: 60px;
}
.highlightbox .border {
padding: 20px;
}
hr {
border-top: 1px solid #a6a1a3;
}
figure > img + br {
display: none;
}
.highlight {
color: black;
}
.colored {
color: #00C1C9;
}
.padded {
padding: 10px;
}
.gutter {
margin-bottom: 25px;
}
.bottomdashed {
border-bottom: 1px dashed #a6a1a3;
}
.dottedbox {
border-top: 1px dotted #a6a1a3;
border-bottom: 1px dotted #a6a1a3;
padding-top: 12.5px;
padding-bottom: 12.5px;
margin-bottom: 25px;
}
.dottedbox.hl {
text-align: center;
}
.black {
color: #000;
}
.contentBG ul {
margin-bottom: 25px;
}
.contentBG ul li {
margin-bottom: 12.5px;
}
a.nodeco {
text-decoration: none;
color: #000;
}
.headlinesytle {
font-family: "futura-pt", "Roboto", "Open Sans", Arial, sans-serif;
font-size: 19px;
font-weight: 700;
}
.placeholder {
color: #aaa;
}
.btn-home {
letter-spacing: 1px;
border-color: #000;
font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
}
.btn-home:hover {
border-color: #00C1C9;
}
span.wpcf7-not-valid-tip {
font-size: 13px;
}
div.wpcf7-response-output {
border: 0;
border-style: none none none solid;
border-width: 0 0 0 3px;
clear: both;
margin: 20px 0;
padding: 20px;
text-align: left;
}
.wpcf7-response-output.wpcf7-validation-errors {
background-color: #FDF7F7;
border-color: #D9534F;
color: #D9534F;
}
.wpcf7-response-output.wpcf7-mail-sent-ok {
background-color: #DFF0D8;
border-color: #3C763D;
color: #3C763D;
} body {
font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
font-size: 15px;
font-weight: 300;
color: #454545;
position: relative;
background-color: #262626;
}
@media only screen and (max-width: 768px) {
.col-sm-5 + .col-sm-5 {
margin-top: 25px;
}
} body.mobile {
font-size: 18px;
}
body.mobile h1 {
font-size: 29px;
line-height: 32px;
}
body.mobile p {
line-height: 26.25px;
}
body.mobile h2,
body.mobile h3,
body.mobile h4 {
font-size: 26px;
}
body.mobile h2 small,
body.mobile h3 small {
font-size: 18px;
}
body.mobile h4 {
line-height: 28.25px;
} .navicon-line {
width: 34px;
height: 4px;
border-radius: 1px;
margin-bottom: 5px;
background-color: #fff;
box-shadow: 0 1px 2px #a6a1a3;
}
.navbar-header {
padding: 7px 14px;
}
.navbar-header img {
width: 124px;
}
@media (max-width: 480px) {
.sb-slidebar {
width: 30%;
}
}
@media (min-width: 481px) {
.sb-slidebar {
width: 25%;
}
}
@media (min-width: 768px) {
.sb-slidebar {
width: 22%;
}
}
@media (min-width: 992px) {
.sb-slidebar {
width: 18%;
}
}
@media (min-width: 1200px) {
.sb-slidebar {
width: 12%;
}
}
.menulogo {
width: 34px;
height: auto;
-webkit-filter: drop-shadow(0 1px 2px #a6a1a3);
-moz-filter: drop-shadow(0 1px 2px #a6a1a3);
-ms-filter: drop-shadow(0 1px 2px #a6a1a3);
-o-filter: drop-shadow(0 1px 2px #a6a1a3);
filter: drop-shadow(0 1px 2px #a6a1a3);
margin-bottom: 16px;
}
.sb-slide {
position: fixed;
z-index: 10;
top: 0;
right: 0;
}
.sb-slide .navbar-right {
margin-right: 0;
margin-top: 32px;
}
@media (max-width: 767px) {
.menulogo {
padding: 0 4px 0 4px;
}
.sb-slide {
position: absolute;
}
}
.single-pod_work .sb-slide .navbar-right {
margin-top: 74px;
}
.sb-toggle-right {
padding: 0 20px 0 0;
cursor: pointer;
}
#sb-site {
background-color: transparent;
}
.sb-slidebar {
background-color: #262626;
}
.sb-menu {
padding: 0;
margin: 0;
list-style-type: none;
}
.sb-menu li {
width: 100%;
padding: 0;
margin: 0;
border-top: 1px solid rgba(255, 255, 255, 0.1);
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.sb-menu li a {
width: 100%;
display: inline-block;
padding: 1em;
color: #f2f2f2;
}
.sb-menu li a:hover {
text-decoration: none;
background-color: rgba(255, 255, 255, 0.05);
}
.sb-menu > li:first-child {
border-top: none;
}
.sb-menu > li:last-child {
border-bottom: none;
}
.sb-right .sb-menu li a {
border-right: 3px solid transparent;
}
.sb-right .sb-menu li a:hover {
border-right: 3px solid;
} header.pageheader {
background-color: #262626;
text-align: center;
position: relative;
font-size: 15px;
}
.pagehint {
position: absolute;
bottom: 35px;
left: 50%;
margin-left: -70px;
color: #fff;
font-family: "futura-pt", "Roboto", "Open Sans", Arial, sans-serif;
font-size: 23px;
text-transform: uppercase;
-moz-opacity: 0.01;
filter: alpha(opacity=1);
opacity: 0.01;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.pagehint a {
display: inline-block;
border: 1px solid #fff;
padding: 5px 15px;
color: #fff;
font-weight: 100;
text-shadow: 0 1px 2px #000;
letter-spacing: 3px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.pagehint a:hover, .pagehint a:active, .pagehint a:focus {
text-shadow: none;
text-decoration: none;
color: #00C1C9;
border: 1px solid #00C1C9;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.single header.pageheader .backstretch {
-moz-opacity: 0.3;
filter: alpha(opacity=30);
opacity: 0.3;
}
.atmoblock {
position: relative;
}
.home .titleHolder {
padding-top: 200px;
}
.titleHolder .contentBox {
text-align: center;
}
.titleHolder .contentBox img {
display: inline-block;
margin-bottom: 25px;
}
.titleHolder h1,
.titleHolder h2 {
color: #fff;
font-weight: 100;
font-size: 35px;
font-weight: 100;
margin-bottom: 6px;
text-shadow: 0 1px 2px #000;
letter-spacing: 8px;
text-align: center;
}
.titleHolder h2 {
font-size: 15px;
margin-bottom: 0;
}
@media (max-width: 767px) {
body.mobile .titleHolder h1,
body.mobile .titleHolder h2 {
font-size: 23px;
letter-spacing: 3px;
}
body.mobile .titleHolder h2 {
font-size: 20px;
}
body.mobile .pagehint {
font-size: 18px;
}
body.mobile .pagehint a {
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
}
@media (max-width: 480px) {
.titleHolder .contentBox img {
width: 50px;
}
} .home .contentBG,
.error404 .contentBG,
.page-template-default .contentBG,
.category .contentBG,
.single .contentBG,
.page-template .contentBG {
padding-top: 50px;
padding-bottom: 50px;
background-color: #fff;
}
.category .contentBG {
padding-top: 30px;
}
.contentBox .post_thumbnail {
background-color: #262626;
}
.contentBar {
background-color: #fff;
position: relative;
padding: 60px 0;
}
.sidebarHolder {
padding-top: 50px;
}
.contentHolder + .contentHolder {
padding-top: 0;
}
.contentHolder {
padding: 50px;
background-color: #fff;
-webkit-transform: translateZ(0);
}
.contentHolder h1.page-title {
text-align: center;
margin-bottom: 0;
}
.contentHolder h2 {
font-size: 23px;
margin-bottom: 15px;
}
.contentHolder h2.divider {
margin-bottom: 30px;
}
.contentHolder h2 a {
color: #454545;
text-decoration: none;
}
.contentHolder h2 a:hover {
color: #00C1C9;
}
.contentHolder h2.heading {
margin-bottom: 20px;
}
.contentHolder p:last-child {
margin-bottom: 0;
}
@media (max-width: 767px) {
.contentHolder {
padding: 12.5px;
}
}
.list {
list-style: none;
padding: 0;
margin: 0;
}
.list.dotted li:first-child {
border-top: 1px dotted #a6a1a3;
}
.list.dotted li {
display: block;
width: auto;
text-align: left;
padding: 10px;
margin-bottom: 0;
border-bottom: 1px dotted #a6a1a3;
color: #000;
} .langswitch.active {
text-decoration: none;
color: #00C1C9;
}  .theimage {
margin-bottom: 20px;
}
.thedate {
display: block;
font-size: 13px;
color: #888;
}
.news .newsitem {
margin-bottom: 25px;
}
.news h4 {
margin-bottom: 25px;
}
.news .thedate {
margin-bottom: 25px;
}
@media (min-width: 768px) and (orientation: portrait) {
.newsitem {
width: 50%;
}
}
@media (max-width: 767px) {
.newsitem {
margin-bottom: 75px;
}
} @-moz-document url-prefix() {
fieldset {
display: table-cell;
}
} .padded {
padding-top: 0;
padding-bottom: 0;
}
@media (max-width: 767px) {
.col-sm-6 + .col-sm-6 {
margin-top: 25px;
}
} .cvdownload,
.btnset {
border-bottom: 1px dotted #a6a1a3;
padding-bottom: 25px;
margin-bottom: 25px;
}
.btnset {
border-top: 1px dotted #a6a1a3;
padding-top: 25px;
margin-top: 25px;
} #filters {
padding: 0;
margin-bottom: 40px;
}
#filters:before {
content: "";
display: block;
position: absolute;
top: 50%;
width: 100%;
}
#filters button {
display: inline-block;
position: relative;
background: #FFF;
font-size: 15px;
font-weight: 700;
line-height: 150%;
letter-spacing: 0.031em;
text-transform: uppercase;
margin-right: 12.5px;
border: 1px solid #a6a1a3;
padding: 5px 15px;
margin-bottom: 12.5px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
#filters button:last-child {
margin-right: 0;
}
#filters button a {
padding: 0 15px;
text-decoration: none;
}
#filters .active {
color: #00C1C9;
border-color: #00C1C9;
}
#grid {
position: relative;
overflow: hidden;
margin-right: 15px;
}
#grid .item {
float: left;
padding-left: 15px;
}
#grid figure {
position: relative;
overflow: hidden;
margin-bottom: 15px;
}
#grid figure a {
color: #000;
}
#grid figure a img {
display: block;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
-moz-opacity: 1;
filter: alpha(opacity=100);
opacity: 1;
}
#grid figure a figcaption {
display: block;
position: absolute;
top: 50%;
left: 50%;
-moz-transform: translateY(-30%) translateX(-50%);
-webkit-transform: translateY(-30%) translateX(-50%);
-o-transform: translateY(-30%) translateX(-50%);
-ms-transform: translateY(-30%) translateX(-50%);
transform: translateY(-30%) translateX(-50%);
background-color: rgba(255, 255, 255, 0.85);
text-align: center;
font-family: "futura-pt", "Roboto", "Open Sans", Arial, sans-serif;
padding: 10px;
width: 80%;
-moz-opacity: 0;
filter: alpha(opacity=0);
opacity: 0;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
#grid figure a figcaption .title {
letter-spacing: normal;
font-size: 15px;
font-weight: 200;
margin-bottom: 4px;
line-height: normal;
border-bottom: 1px solid #a6a1a3;
padding-bottom: 6px;
}
#grid figure a figcaption .jahr {
color: #888;
font-weight: 300;
font-size: 15px;
margin: 0;
}
#grid figure a.open img, #grid figure a:hover img {
-moz-transform: scale(1.05);
-webkit-transform: scale(1.05);
-o-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
-moz-opacity: 0.7;
filter: alpha(opacity=70);
opacity: 0.7;
}
#grid figure a.open figcaption, #grid figure a:hover figcaption {
background-color: rgba(255, 255, 255, 0.85);
-moz-transform: translateY(-50%) translateX(-50%);
-webkit-transform: translateY(-50%) translateX(-50%);
-o-transform: translateY(-50%) translateX(-50%);
-ms-transform: translateY(-50%) translateX(-50%);
transform: translateY(-50%) translateX(-50%);
-moz-opacity: 1;
filter: alpha(opacity=100);
opacity: 1;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
@media (max-width: 767px) {
#grid .item {
width: 50%;
}
}
@media (max-width: 767px) and (orientation: landscape) {
#grid .item {
width: 25%;
}
}
@media (min-width: 767px) {
#grid .item {
width: 33.33333333%;
}
}
@media (min-width: 992px) {
#grid .item {
width: 25%;
}
} @media (max-width: 767px) {
.the-content + aside {
margin-top: 50px;
}
}
.singlenav {
background-color: #000;
padding: 20px 0;
}
.singlenav a {
color: #fff;
padding: 6px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
border: 1px solid transparent;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.singlenav a:hover {
text-decoration: none;
color: #00C1C9;
border-color: #00C1C9;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.royalSlider {
width: 100%;
}
.rsDefault .rsFullscreenBtn {
left: 0;
right: auto;
}
.rsDefault .rsBullets {
bottom: 15px;
left: 15px;
text-align: left;
width: auto;
background-color: transparent;
}
.rsDefault .rsBullet {
padding: 0 12.5px;
}
.rsDefault .rsBullet span {
cursor: pointer;
}
.rsDefault .rsGCaption {
left: 0;
right: 0;
text-align: center;
background-color: transparent;
}
@media (max-width: 767px) and (orientation: portrait) {
.rsGCaption {
display: none;
}
}
.dl-horizontal dt, .dl-horizontal dd {
padding-bottom: 4.1666666667px;
}
@media (max-width: 992px) {
.dl-horizontal dt {
display: block;
text-align: left;
float: none;
}
.dl-horizontal dd {
margin-left: 0;
}
} .sitefooter {
background-color: #262626;
border-top: 4px solid #262626;
padding: 25px 0 50px;
}
.dashedBox {
border-top: 1px dashed #a6a1a3;
border-bottom: 1px dashed #a6a1a3;
padding: 50px 0;
}
.pagefooter1 {
color: #454545;
padding: 0 0 25px;
text-align: center;
}
.pagefooter2 {
color: #454545;
font-size: 13px;
text-align: center;
}
.pagefooter2 a {
color: #454545;
}
.pagefooter {
width: 100%;
font-family: "futura-pt", "Roboto", "Open Sans", Arial, sans-serif;
color: #fff;
}
.pagefooter .copyright,
.pagefooter ul,
.pagefooter li,
.pagefooter .footernavbar,
.pagefooter .divider {
display: inline-block;
}
.pagefooter .footernavbar {
padding-left: 6px;
}
.pagefooter .mainnav li:first-child .divider {
display: none;
}
.pagefooter p {
margin: 0;
}
.pagefooter ul {
margin: 0;
padding: 0;
}
.pagefooter ul li {
padding-left: 5px;
padding-right: 5px;
}
.pagefooter ul li .divider {
padding: 0 10px 0 0;
}
.pagefooter a {
color: #fff;
text-decoration: none;
}
.pagefooter a:hover {
text-decoration: underline;
} .navbar-default {
background-color: transparent;
border-color: transparent;
margin-bottom: 0;
}
.navbar-default .navbar-brand {
height: auto;
font-family: "futura-pt", "Roboto", "Open Sans", Arial, sans-serif;
font-size: 23px;
text-decoration: none;
}
blockquote {
font-family: "futura-pt", "Roboto", "Open Sans", Arial, sans-serif;
color: #00C1C9;
}
blockquote p {
font-size: 20px;
line-height: 27.9px;
}
.pagination .active a,
.pagination .active a:hover {
background-color: #00C1C9;
border-color: #00C1C9;
}
.pagination > li > a {
border: 0;
}
.pagination > li:first-child > a {
border-bottom-left-radius: 0;
border-top-left-radius: 0;
}
.pagination > li:last-child > a {
border-bottom-right-radius: 0;
border-top-right-radius: 0;
}
.media {
margin-top: 50px;
}
.media-left,
.media > .pull-left {
padding-right: 50px;
}
.media-heading {
margin-bottom: 25px;
}
@media (max-width: 767px) and (orientation: portrait) {
.media-left,
.media-body {
display: block;
}
} .form-control {
background-color: #eee;
border: 0;
height: auto;
padding: 12px;
font-size: 15px;
}
.wpcf7-form .form-group p {
line-height: 1px;
margin: 0;
}
.controls span.wpcf7-list-item {
margin-left: 0;
}
.form-horizontal .form-group {
margin-left: 0;
margin-right: 0;
}
.form-horizontal input,
.form-horizontal textarea {
background-color: rgba(144, 142, 136, 0.2);
font-size: 18px;
border: 0;
border-radius: 0;
padding: 16px;
box-shadow: none;
}
.form-horizontal input {
height: 44px;
}
.form-horizontal .control-label {
color: #262626;
text-align: center;
}
.form-control {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
span.wpcf7-not-valid-tip {
color: #D9534F;
}
legend {
font-family: "futura-pt", "Roboto", "Open Sans", Arial, sans-serif;
}
.btn-default {
font-size: 18px;
background-color: #fff;
padding: 10px 20px;
}
.btn-default:hover {
background-color: #fff;
}
.btn-default i {
padding-right: 6px;
}  @media (max-width: 767px) {
.navbar-default .navbar-nav .open .dropdown-menu > .active > a,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover {
color: #00C1C9;
}
.home .navbar-collapse {
margin-top: 8px;
background-color: rgba(255, 255, 255, 0.9);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.navHolder .navbar-nav > li > a {
color: #454545;
font-family: "futura-pt", "Roboto", "Open Sans", Arial, sans-serif;
text-decoration: none;
padding-right: 10px;
}
.navHolder .navbar-nav > li > a:hover {
color: #00C1C9;
}
.navbar-nav > .dropdown > a .caret {
border-top-color: #454545;
border-bottom-color: #454545;
margin-bottom: 4px;
}
.navbar-collapse .dropdown-menu {
padding-top: 0;
}
}