/* roboto-100 - latin */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 100; src: url('../font/roboto-v30-latin-100.eot'); /* IE9 Compat Modes */ src: local(''), url('../font/roboto-v30-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../font/roboto-v30-latin-100.woff2') format('woff2'), /* Super Modern Browsers */ url('../font/roboto-v30-latin-100.woff') format('woff'), /* Modern Browsers */ url('../font/roboto-v30-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */ url('../font/roboto-v30-latin-100.svg#Roboto') format('svg'); /* Legacy iOS */ } /* roboto-100italic - latin */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 100; src: url('../font/roboto-v30-latin-100italic.eot'); /* IE9 Compat Modes */ src: local(''), url('../font/roboto-v30-latin-100italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../font/roboto-v30-latin-100italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../font/roboto-v30-latin-100italic.woff') format('woff'), /* Modern Browsers */ url('../font/roboto-v30-latin-100italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../font/roboto-v30-latin-100italic.svg#Roboto') format('svg'); /* Legacy iOS */ } /* roboto-300 - latin */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; src: url('../font/roboto-v30-latin-300.eot'); /* IE9 Compat Modes */ src: local(''), url('../font/roboto-v30-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../font/roboto-v30-latin-300.woff2') format('woff2'), /* Super Modern Browsers */ url('../font/roboto-v30-latin-300.woff') format('woff'), /* Modern Browsers */ url('../font/roboto-v30-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('../font/roboto-v30-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */ } /* roboto-300italic - latin */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 300; src: url('../font/roboto-v30-latin-300italic.eot'); /* IE9 Compat Modes */ src: local(''), url('../font/roboto-v30-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../font/roboto-v30-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../font/roboto-v30-latin-300italic.woff') format('woff'), /* Modern Browsers */ url('../font/roboto-v30-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../font/roboto-v30-latin-300italic.svg#Roboto') format('svg'); /* Legacy iOS */ } /* roboto-regular - latin */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: url('../font/roboto-v30-latin-regular.eot'); /* IE9 Compat Modes */ src: local(''), url('../font/roboto-v30-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../font/roboto-v30-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../font/roboto-v30-latin-regular.woff') format('woff'), /* Modern Browsers */ url('../font/roboto-v30-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../font/roboto-v30-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */ } /* roboto-italic - latin */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 400; src: url('../font/roboto-v30-latin-italic.eot'); /* IE9 Compat Modes */ src: local(''), url('../font/roboto-v30-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../font/roboto-v30-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../font/roboto-v30-latin-italic.woff') format('woff'), /* Modern Browsers */ url('../font/roboto-v30-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../font/roboto-v30-latin-italic.svg#Roboto') format('svg'); /* Legacy iOS */ } /* roboto-500 - latin */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; src: url('../font/roboto-v30-latin-500.eot'); /* IE9 Compat Modes */ src: local(''), url('../font/roboto-v30-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../font/roboto-v30-latin-500.woff2') format('woff2'), /* Super Modern Browsers */ url('../font/roboto-v30-latin-500.woff') format('woff'), /* Modern Browsers */ url('../font/roboto-v30-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */ url('../font/roboto-v30-latin-500.svg#Roboto') format('svg'); /* Legacy iOS */ } /* roboto-500italic - latin */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 500; src: url('../font/roboto-v30-latin-500italic.eot'); /* IE9 Compat Modes */ src: local(''), url('../font/roboto-v30-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../font/roboto-v30-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../font/roboto-v30-latin-500italic.woff') format('woff'), /* Modern Browsers */ url('../font/roboto-v30-latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../font/roboto-v30-latin-500italic.svg#Roboto') format('svg'); /* Legacy iOS */ } /* roboto-700 - latin */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; src: url('../font/roboto-v30-latin-700.eot'); /* IE9 Compat Modes */ src: local(''), url('../font/roboto-v30-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../font/roboto-v30-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('../font/roboto-v30-latin-700.woff') format('woff'), /* Modern Browsers */ url('../font/roboto-v30-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('../font/roboto-v30-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */ } /* roboto-700italic - latin */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 700; src: url('../font/roboto-v30-latin-700italic.eot'); /* IE9 Compat Modes */ src: local(''), url('../font/roboto-v30-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../font/roboto-v30-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../font/roboto-v30-latin-700italic.woff') format('woff'), /* Modern Browsers */ url('../font/roboto-v30-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../font/roboto-v30-latin-700italic.svg#Roboto') format('svg'); /* Legacy iOS */ } /* roboto-900 - latin */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 900; src: url('../font/roboto-v30-latin-900.eot'); /* IE9 Compat Modes */ src: local(''), url('../font/roboto-v30-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../font/roboto-v30-latin-900.woff2') format('woff2'), /* Super Modern Browsers */ url('../font/roboto-v30-latin-900.woff') format('woff'), /* Modern Browsers */ url('../font/roboto-v30-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */ url('../font/roboto-v30-latin-900.svg#Roboto') format('svg'); /* Legacy iOS */ } /* roboto-900italic - latin */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 900; src: url('../font/roboto-v30-latin-900italic.eot'); /* IE9 Compat Modes */ src: local(''), url('../font/roboto-v30-latin-900italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../font/roboto-v30-latin-900italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../font/roboto-v30-latin-900italic.woff') format('woff'), /* Modern Browsers */ url('../font/roboto-v30-latin-900italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../font/roboto-v30-latin-900italic.svg#Roboto') format('svg'); /* Legacy iOS */ } html {margin:0px; padding:0px; height:100%;} body {margin:0px; padding:0px; font-size:100%; height:100%; width:100%; font-family: 'Roboto', sans-serif; color:#000; background-color: #fff; overflow-x: hidden;} a {text-decoration:none; outline:none; transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-ms-transition: all 0.3s ease-in;} a:hover {text-decoration: none; color:#68AA16;} a img{border: 0px none;} a:hover {outline: none;} a:active {outline: none; text-decoration: none;} a:focus {outline: none; outline-offset: 0px; text-decoration: none; color:#fff;} .clear{clear:both; overflow:hidden; height:0px; font-size:0px;} .clear_l{clear:both;} ul {padding:0px; margin:0px; list-style:none;} input:focus, select:focus, textarea:focus, button:focus{outline:none; box-shadow:none;} ::-webkit-input-placeholder {color:#cacaca; opacity: 1;} ::-moz-placeholder {color:#cacaca; opacity: 1;} :-moz-placeholder {color:#cacaca; opacity: 1;} :-ms-input-placeholder {color:#cacaca; opacity: 1;} h1, h2, h3, h4, h5, h6, p{margin:0px; padding:0px;} article, section, footer, header, figure, aside, hgroup, nav{display:block;} header,nav,article,footer,section,aside,figure,figcaption{display:block} button {outline: none; border: none; box-shadow: none;} /*------------------------------------------------------*/ /*----------------------BACKGROUND----------------------*/ .bg {position:absolute; left:0px; top:0px; width:100%; height:100%; overflow:hidden;} .bg img{position:absolute; top: 0px; width: 100%; height: 100%;} .bg video{position:absolute;} .bg-bg {background-position: 50% 0px; background-repeat: no-repeat;-webkit-background-size: cover;-moz-background-size: cover; -o-background-size: cover; background-size: cover; } .bg-bg-bag {background-attachment: scroll;background-origin: initial;background-clip: initial;background-size: cover;background-repeat:no-repeat;background-position:50% 0;position:relative;} .bg-bg-chrome{background-position: 50% 0px; background-repeat: no-repeat; background-attachment: scroll; -webkit-background-size: cover;-moz-background-size: cover; -o-background-size: cover;-ms-background-size: cover; background-size: cover; position:fixed;} .bg-bg-chrome.act{position: absolute;} .clip{clip: rect(auto, auto, auto, auto); height: 100%; position: absolute; width: 100%;} .full-width {position:relative; float:left; width:100%;} .full-height {height:100%; position:relative; float:left;} .vertical-center {-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); top: 50%;} .vertical-align {-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); top:50%; position: absolute; text-align: center; width: 100%;} .center_img{position: absolute;} .swiper-container{margin:0 auto;position:relative;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden; overflow: hidden;}.swiper-wrapper{position:relative;width:100%; -webkit-transition-property:-webkit-transform,left,top;-webkit-transition-duration:0s;-webkit-transform:translate3d(0px,0,0);-webkit-transition-timing-function:ease;-moz-transition-property:-moz-transform,left,top;-moz-transition-duration:0s;-moz-transform:translate3d(0px,0,0);-moz-transition-timing-function:ease;-o-transition-property:-o-transform,left,top;-o-transition-duration:0s;-o-transform:translate3d(0px,0,0);-o-transition-timing-function:ease;-o-transform:translate(0px,0px);-ms-transition-property:-ms-transform,left,top;-ms-transition-duration:0s;-ms-transform:translate3d(0px,0,0);-ms-transition-timing-function:ease;transition-property:transform,left,top;transition-duration:0s;transform:translate3d(0px,0,0);transition-timing-function:ease;}.swiper-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto;}.swiper-wp8-horizontal{-ms-touch-action:pan-y;}.swiper-wp8-vertical{-ms-touch-action:pan-x;} .swiper-container{height:100%; width: 100%;} .swiper-slide{position:relative; float:left; overflow:hidden;} h1 {font-size: 72px; font-weight: 500; line-height:80px; color: #999;} h2 {font-size: 26px; line-height: 40px; font-weight: 400; letter-spacing: 0.15em; text-transform: uppercase;} h3 {font-size: 24px; line-height: 22px; font-weight: 100; text-transform: uppercase;} h4 { font-size: 18px; line-height: 22px; font-weight: 400;} h5 {font-size: 14px; line-height: 22px; font-weight: 400;} h6 {font-size: 14px; line-height: 16px;} p {font-size: 14px; line-height: 20px; font-weight: 300;} ul {position: relative; float: left;} ul li a:hover {text-decoration: none; transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-ms-transition: all 0.3s ease-in;} input {font-size: 14px; border: none; background: none;transition: all 0.35s ease-out; -moz-transition: all 0.35s ease-out;-o-transition: all 0.35s ease-out;-webkit-transition: all 0.35s ease-out;-ms-transition: all 0.35s ease-out;} textarea {font-size: 13px; line-height: 26px; border: none; border-bottom: 1px solid #ccc; color: #aaa;text-transform: uppercase; padding-left: 5px; padding-bottom: 10px; background: none;} iframe {border: none;} q {font-size: 24px; line-height: 50px; color: #000; font-style: italic;} i { font-size: 18px;} .text-left {text-align: left;} .text-right {text-align: right;} .text-center {text-align: center;} .bg-white {background: #fff;} .bg-dark {background: #000;} /*--------------------------------------------------*/ /*----------------------HEADER----------------------*/ header {position: fixed; left: 0px; top: 0px; width: 100%; height:70px; z-index: 10;} nav {position: relative; float: right; height:70px; padding-top: 15px; padding-right: 80px; background: #fff; width: 100%; transform: translateX(120%);-webkit-transform: translateX(120%);-moz-transform: translateX(120%);-ms-transform: translateX(120%);transition: all 0.45s ease-out; -moz-transition: all 0.45s ease-out;-o-transition: all 0.45s ease-out;-webkit-transition: all 0.45s ease-out;-ms-transition: all 0.45s ease-out;} .navigation {position: relative; float: right;} nav.slide-menu {transform: translateX(0px);-webkit-transform: translateX(0px);-moz-transform: translateX(0px);-ms-transform: translateX(0px);} nav a {position: relative; float: left;} nav a span {position: relative; float: left; display: inline-block;padding:5px 10px; margin: 0px 10px;font-size: 14px; text-transform: uppercase; line-height: 18px; font-weight: 400; text-align: left; color: #000; overflow: hidden;transition: all 0.45s ease-out; -moz-transition: all 0.45s ease-out;-o-transition: all 0.45s ease-out;-webkit-transition: all 0.45s ease-out;-ms-transition: all 0.45s ease-out;} nav a span:hover {color: #68AA16;} nav a span.active-link {color: #000; font-weight: 700;} .logo {position: absolute; left: 30px; top: 18px; z-index: 102; display: none;} .logo img {position: absolute;height:150px; width:auto !important; clear:both;} .mobile-icon {position: absolute; right: 30px; top: 25px; z-index: 1001; display: none;} .nav-menu-icon a {display: inline-block;width:24px;height:24px;cursor: pointer;text-decoration: none;} .nav-menu-icon a i {position: relative;display: inline-block;width: 24px;height: 3px;color:#262626;font:bold 14px/.4 Helvetica;text-transform: uppercase;text-indent:-55px;background:#68AA16;transition:all .2s ease-out;} .nav-menu-icon a i::before, a i::after {content:'';width: 24px;height: 3px;background: #68AA16;position: absolute;left:0;transition:all .2s ease-out;} .nav-menu-icon a i::before {top: -7px;} .nav-menu-icon a i::after {bottom: -7px;} .nav-menu-icon a:hover i::before {top: -10px;} .nav-menu-icon a:hover i::after {bottom: -10px;} .nav-menu-icon a.active i {background: none;} .nav-menu-icon a.active i::before { top:0; -webkit-transform: rotateZ(90deg); -moz-transform: rotateZ(90deg); -ms-transform: rotateZ(90deg); -o-transform: rotateZ(90deg); transform: rotateZ(90deg); } .nav-menu-icon a.active i::after { bottom:0; -webkit-transform: rotateZ(-180deg); -moz-transform: rotateZ(-180deg); -ms-transform: rotateZ(-180deg); -o-transform: rotateZ(-180deg); transform: rotateZ(-180deg); } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 02 - HOME *************************Navigation Startseite rechts*/ /*-------------------------------------------------------------------------------------------------------------------------------*/ .pagination {position: absolute;right: 37px; text-align: center; top: 12%; z-index: 5;} .swiper-pagination-switch {cursor: pointer; width: 15px; height: 4px; background: #68AA16; overflow: hidden; position: relative; display:block; margin: 20px auto; transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;-ms-transition: all 0.3s ease-in;} .swiper-pagination-switch:before {content: ''; width: 15px; height: 4px; background: #000; position: absolute; left: 0px; top: 0px; transform: translateX(-100%);-webkit-transform: translateX(-100%);-moz-transform: translateX(-100%);-ms-transform: translateX(-100%); transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;-ms-transition: all 0.3s ease-in;} .swiper-active-switch.swiper-pagination-switch:before {transform: translateX(0%);-webkit-transform: translateX(0%);-moz-transform: translateX(0%);-ms-transform: translateX(0%);} .animsition-loading {background: url(../img/loading.gif) no-repeat;} .top-baner {position: relative; float: left; width: 100%; height: 100vh;} .top-baner .swiper-container {padding-top: 0px; height: 100vh;} .top-baner .swiper-slide {height: 100vh!important;} /*Headlines Startseite*/ .main-title {position: absolute; top:85%; overflow: hidden; left: 10px; z-index: 5000;} .main-title h1 {text-transform: uppercase;margin-left: 30px;margin-bottom:50px; z-index: 8; transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;-ms-transition: all 0.3s ease-in;} .title-wrap h1:before {content: attr(data-text); position: absolute; transform: translateY(-102%); left: 30px; top: 0px; background: #fff; color: #000; padding: 3px 8px; z-index: -1; transition: all 0.4s ease-in;-webkit-transition: all 0.4s ease-in;-moz-transition: all 0.4s ease-in;-o-transition: all 0.4s ease-in;-ms-transition: all 0.4s ease-in;} .title-wrap.active h1 {color:#999; z-index: 5;} .title-wrap.active h1:before {transform: translateY(0%);-webkit-transform: translateY(0%);-moz-transform: translateY(0%);-ms-transform: translateY(0%);} .title-wrap.active-out h1:before {transform: translateY(200%);-moz-transform: translateY(200%);-webkit-transform: translateY(200%);-ms-transform: translateY(200%);} .title-wrap h2 {margin-left: 70px; color: #111; padding: 5px 8px; z-index: 5; overflow: hidden; margin-top: 15px; transform: scale(4);-webkit-transform: scale(4);-moz-transform: scale(4);-ms-transform: scale(4); opacity: 0; transition: all 0.45s ease-in;-webkit-transition: all 0.45s ease-in;-moz-transition: all 0.45s ease-in;-o-transition: all 0.45s ease-in;-ms-transition: all 0.45s ease-in;} .title-wrap h2:after {content: ''; position: absolute; opacity: 0; left: 0px; background: #fff; width: 100%; height: 100%; z-index: -1; transform: translateY(150%);transition: all 0.35s ease-in;-webkit-transition: all 0.35s ease-in;-moz-transition: all 0.35s ease-in;-o-transition: all 0.35s ease-in;-ms-transition: all 0.35s ease-in;} .title-wrap.slide h2 {color: #555; transform: scale(1);-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1); opacity: 1;} .title-wrap.slide h2:after {transform: translateY(0);-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0); opacity: 1;} .title-wrap {position: relative; float: left; overflow: hidden;} /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 03 - ABOUT */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .about-page {position: relative; float: left; width: 100%; margin-top: 70px;} .about-bg { height: 100vmin; position: relative; float: left; width: 100%;} .team-title {position: relative; float: left; width: 100%;} .team-title h4 {padding-top: 20px;} .team-title h6 {padding-top: 10px;} /*Laufende Galerie auf 100%*/ .about-desc {position: absolute; height: 100%; background: #fff; top: 0%; right: 0px; width: 60%; padding: 15px 15px 50px 50px; overflow: hidden;} .about-desc .swiper-slide {padding: 80px 15px;} .about-desc .swiper-slide img {width: 100%; height: auto;} .about-desc #about-slider {margin-left: -15px; float: left; position: relative; height: 100%; padding-bottom: 40px;} .about-desc .pagination {display: none;} .about-desc h2 {padding-bottom: 10px;} .about-desc p {color: #000; width: 100%; position: relative; float: left; padding-bottom: 40px;} .about-desc a {font-size: 16px; color: #000; padding-top: 35px; position: absolute; bottom: 30px; left: 50px;} .about-desc a img {width: 37px; height: 23px; position: relative; float: right; margin-left: 15px; transform: rotate(180deg);-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);} .about-desc a:hover {color: #999;} .about-page a:link,.about-page a:visited{color:#68AA16;} .about-page a:hover{color:#ccc;text-decoration:underline;} /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 04 - CONTACT */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .contact-page {position: relative; float: left; width: 100%; margin-top: 70px;} .contact-page .map {margin-right: 50%;} .map-canvas {height: 100vmin; position: relative; float: left; width: 100%;} .contact-desc {position: absolute; width: 100%; height: 100%; background: #fff; top: 0px; right: 0px; width: 50%; padding: 50px;} .contact-text-block {position: relative;float:right;background: #fff; right: 0px;top: 0%; width: 50%; height: 100%;} .contact-adress {position: relative; float: left; width: 100%; background: #fff; padding: 15px 30px 40px 30px;} .contact-adress p {padding: 10px 0px;} .adress-block {position: relative; float: left; width: 100%; text-align: center; padding-top: 40px;} .adress-block span {font-size: 50px; color: #000; padding-bottom: 20px;} .adress-block h4 {padding-bottom: 15px;} .adress-block a {font-size: 14px; color: #000;} .adress-block ul {position: relative; float: left; width: 100%;} .adress-block ul li {font-size: 14px; line-height: 18px; color: #000; width: 100%; padding: 0px 5px;} .contact-form {position: relative; float: left; width: 100%; padding-top: 15px;} .contact-form form {padding-top: 20px;} .contact-form input {width: 100%; height: 50px; border: 1px solid #999; padding-left: 15px; margin-bottom: 15px; text-transform: uppercase;} .contact-form textarea {height: 140px; border: 1px solid #999; width: 100%; margin-bottom: 30px; padding: 15px; font-size: 14px;} .contact-form input[type="submit"], .contact-form button.submitButton { padding: 0px 12px !important; color: #000 !important; background: transparent !important; border-radius: 0 !important; width: auto; float: none !important; height: 50px !important; border: 1px solid #999 !important; padding-left: 15px !important; margin-bottom: 15px !important; text-transform: uppercase; font-size: 14px !important; font-weight: initial !important; } /* grün bei hover */ button.submitButton:hover{ background:#68AA16 !important; color:#FFF!important; } /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 05 - Portfolio */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .copyright {position: relative;display:inline-block;padding-bottom:20px !important; width: 100%; padding:10px; text-align: center;/*background-image:url(../../../images/Layout/Logo-Martin-Maiwald_klein_sw.png);background-repeat:no-repeat;background-position:center;*/} .footer-folow {position: relative; float: left; width: 100%;height:74px;display:block;text-align: center;background-image:url(../../../images/Layout/Logo-Martin-Maiwald_klein_sw.png);background-repeat:no-repeat;background-position:center;} .footer-folow a span {font-size: 24px; margin: 0px 12px; color: #000; transition: all 0.35s ease-in;-webkit-transition: all 0.35s ease-in;-moz-transition: all 0.35s ease-in;-ms-transition: all 0.35s ease-in;} .footer-folow a span:hover {color: #999;} .copyright span {font-size: 13px; line-height:150%;color: #000; text-transform: none; color: #555;width: 100%;margin-top:1%;} .copyright span a:link {font-size: 13px; color: #000; text-transform: none; color: #555; text-decoration:none;} .copyright span a:hover {font-size: 13px; color: #000; text-transform: none; color: #68AA16; text-decoration:underline;} .copyright span a:visited {color: #68AA16;} .home-slider {position: relative; float: left; width: 100%; padding-top: 120px; height: 100vmin;} .grid-sizer {width: 33.333%;} .item {position: relative;float: left;overflow: hidden;margin: 0px;width: 31%;text-align: center;cursor: pointer; padding: 0px; margin: 0px 1.1% 2.2%;} .item img {width: 100%; height: auto; display: block; transform: scale(1.02);-webkit-transform: scale(1.02);-moz-transform: scale(1.02);-ms-transform: scale(1.02); transition: all 0.35s ease-in;-webkit-transition: all 0.35s ease-in;-moz-transition: all 0.35s ease-in;-ms-transition: all 0.35s ease-in;} .layer {position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: rgba(255,255,255,0.65); backface-visibility: hidden; z-index: 4;transition: all 0.35s ease-in;-webkit-transition: all 0.35s ease-in;-moz-transition: all 0.35s ease-in;-ms-transition: all 0.35s ease-in;} .item h2 {text-align: left; font-size: 32px; font-weight: 400; padding-top: 50%; z-index: 5;color: #000; position: absolute; width: 100%; bottom: 25px; padding-left: 30px; font-weight: bold;} /*Index Gallerien*/ .fillters {position: absolute; width: 100%; height: 300%; background: #fff; left: 0px; top: 0px; padding: 130px 15px 30px;/* border: 3px solid #000;*/} /*Text über Pfeile*/.fillters p {text-align: left; padding-bottom:5px;} .fillters button {position: relative; float: left; width: 100%; background: none;} .fillters button span {font-size: 15px; text-transform: uppercase; position: relative; float: left; padding: 5px 0px; margin: 0px; color: #000; background: none; text-align: left; font-weight: 600;transition: all 0.35s ease-in;-webkit-transition: all 0.35s ease-in;-moz-transition: all 0.35s ease-in;-ms-transition: all 0.35s ease-in;} .item .fillters h2 {position: relative; float: left; width: 100%; padding: 0px 0px 10px; font-size: 26px; text-align: left; left: 0px; top: 0px; font-weight: 400;} /*Pfeile ausgeblendet*/ .fillters button img {display:none;/*position: relative; float: left; margin-left:15px; width:28px; height: 23px; transform: rotate(180deg) scale(1);-webkit-transform: rotate(180deg) scale(1);-ms-transform: rotate(180deg) scale(1);-moz-transform: rotate(180deg) scale(1);transition: all 0.35s ease-in;-webkit-transition: all 0.35s ease-in;-moz-transition: all 0.35s ease-in;-ms-transition: all 0.35s ease-in;*/} /*.fillters button.active-button {color: #999;} .fillters button.active-button img {margin-left: 35px;} .fillters button:hover span {color: #999;} .fillters button:hover img {margin-left: 35px;}*/ /*gallerieübersicht*/ .gallery .first-block {height:280px;} /*gallerie-index-Pfeile*/ div.item.fixed.stamp p{padding-left:0;padding-right:40px;} div.item.fixed.stamp h2{padding-left:0;} .button.button {/*padding-left:0;display: inline-block;width:33.3%;*/display:none;} #filters.fillters span{/*font-size:95%;*/display:none;} #filters.fillters { margin-left:22px; } .fixed.item:hover img {transform: rotate(180deg) scale(1);-webkit-transform: rotate(180deg) scale(1);-ms-transform: rotate(180deg) scale(1);-moz-transform: rotate(180deg) scale(1);} .item:hover img {transform: scale(1);-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);} .item:hover .layer {opacity: 0;} #main-slider .bg {height: 100vh!important;} .allbum {position: relative; float: left; width: 100%; padding-top: 70px;} .work {position: relative; float: left; width: 100%; margin-top: 100px;} .popup-gallery {position: relative; float: left; width: 100%;} /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 06 - BLOG */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .gallery .item {width: 33.333%; margin: 0px; padding: 0px;} .gallery .grid-sizer {width: 33.333%;} .gallery.gallery2 .item.w_50 {width: 64.666%;} .gallery.gallery2 .item {width: 31.333%; margin: 0px 1% 2% 1%;} .gallery.gallery2 .grid-sizer {width: 0px;} .gallery.gallery3 .item {width: 48%; margin: 0px 1% 2% 1%;} .gallery.gallery3 .grid-sizer {width: 1%;} .my-simple-gallery .item img {opacity: 0.65;} .my-simple-gallery .item img:hover {opacity: 1;} /*gallerie Titel*/ .gallery-title {position: absolute; top:0px; width: 100%; left: 10px; padding-top:50px;padding-left: 30px; padding-right: 50px; text-align: left;padding-bottom:20px;} .gallery-title h2 {color: #000; padding-bottom: 0px; text-transform: uppercase; font-weight: 400; position: relative; padding-top: 0px; padding-left: 0px;margin-top:70px;} .gallery-title p {color: #000; position: relative; float: left; width: 100%; margin-top:-30px;} .gallery-title a {font-size: 16px; color: #68AA16; padding-top:10px; position: relative; float: left;} .gallery-title a img {width: 37px; height: 23px; position: relative; float: left; margin-right: 15px; margin-top: -2px;} .gallery-title a:hover {color: #999;} .blog-page {position: relative; float: left; width: 100%; padding-top: 70px;} .blog-page h2 {padding-top: 70px; padding-left: 10px;} .blog-page .item {width: 100%;} .post-block {position: relative; float: left; width: 100%; overflow: hidden;} .post-block img {width: 100%; height: auto;} .post-img {position: relative; float: left; width: 100%; overflow: hidden; height: 340px;} .post-text {position: absolute; left: 0px; padding-left: 30px; bottom: 0px; width: 100%; text-align: left; z-index: 7;} .post-text h4 a {color: #000; padding-bottom: 15px; position: relative; float: left; width: 100%; text-transform: uppercase; font-size: 26px; line-height: 32px;} .post-text span {padding-bottom: 25px; position: relative; float: left; width: 100%; color: #000; font-size: 16px;} .post-layer {position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 6; background: rgba(255,255,255,0.65); opacity: 1;transition: all 0.35s ease-in;-webkit-transition: all 0.35s ease-in;-moz-transition: all 0.35s ease-in;-ms-transition: all 0.35s ease-in;} .post-block:hover .post-layer {opacity: 0;} .post-block a {position: absolute; left: 0px; top: 0px; width: 100%; height: 100%;z-index:11;} .post-page {position: relative; float: left; width: 100%; padding-top: 70px;} .post-image img {width: 100%; height: auto;} .blog-text {position: relative; float: left; width: 100%;padding:10px; /*padding: 40px 0px 50px;*/} .blog-text h2 {padding-bottom: 20px;} .blog-text p {padding: 15px 0px;position: relative; float: left; width: 100%;} .blog-text q {border-left: 5px solid #999; position: relative; float: left; width: 100%; padding: 0px 20px 0px 45px; font-weight: 100; line-height: 40px; margin: 15px 0px;} .blog-tags {position: relative; float: left; width: 100%; padding: 20px 0px 0;} .blog-tags a {font-size: 16px; text-transform: uppercase; color: #000; padding: 3px 8px; margin: 0px 15px; position: relative; float: left;} .blog-tags a:first-child {margin-left: 0px;} .blog-tags a:hover {background: #000; color: #fff;} .blog-tags a.activ-tags {background: #000; color: #fff;} .big-comments {position: relative; float: left; width: 100%; padding: 50px 0px;} .big-comments h3 {position: relative; float: left; width: 100%; padding-bottom: 40px; font-size: 22px; font-weight: 400;} .comm-img-big {position: absolute; left: 0px; top: 120px;} .comm-img-big img {width: 120px; height: 120px;} .comm-text-big {position: relative; float: left; padding-left: 160px;} .comm-text-big span {position: absolute; right: 0px; top: 0px; font-size: 13px; color: #999;} .comm-text-big h4 {padding-bottom: 20px;} .comm-text-big p {padding-bottom: 33px;} .comm-follow {position: absolute; bottom: 0px; left: 160px; padding-top: 20px;} .comm-follow a span {position: relative; float: left; margin: 0px 8px; font-size: 16px; color: #000;transition: all 0.35s ease-in;-webkit-transition: all 0.35s ease-in;-moz-transition: all 0.35s ease-in;-ms-transition: all 0.35s ease-in;} .comm-follow a span:hover {color: #999;} .comments {position: relative; float: left; width: 100%; padding: 80px 0px 50px;} .comments h3 {font-size: 22px; font-weight: 400;} .com-block {position: relative; float: left; width: 100%; padding-top: 40px;} .com-img {position: absolute; left: 0px; top: 40px;} .com-txt {position: relative; float: left; padding-left: 100px;} .com-txt a, .com-block .replyButton {text-transform: uppercase; font-size: 13px; color: #000; position: absolute; right: 0px; top: 0px; font-weight: 700;} .com-txt span {position: relative; float: left; font-size: 14px; font-weight: 400; color: #999; padding-left: 25px;} .com-txt h5 {position: relative; float: left; font-size: 16px;} .com-txt p {position: relative; float: left; width: 100%; padding-top: 15px;} .com-block:nth-child(3) {padding-left: 100px;} .com-block:nth-child(3) .com-img {left: 100px;} .blog-form {position: relative; float: left; width: 100%; padding: 70px 0px 40px;} .blog-form h3 {font-size: 22px; font-weight: 400; padding-bottom: 20px;} /*video-blog*/ div.leading-0 {margin-top:15%; text-align:center;} img#jakob{margin-top: -30%; margin-left: -55%; margin-bottom: 0;} img#martin{margin-top: -30%; margin-left: 20%;} #author_infobox { background-color: transparent !important; color: initial !important; border: none !important; border-radius: 0 !important; margin: 0 !important; padding: 0 !important; clear: both !important; position: relative !important; float: left !important; width: 100% !important; padding: 70px 0px 50px !important; overflow: initial !important; } #author_infobox .author_infobox_name { font-size: 18px; line-height: 22px; font-weight: 400; } #author_infobox .author_infobox_name .bold { display:none; } #author_infobox .author_infobox_image { float: left; margin: 5px 10px 5px 5px; position: absolute; left: 0px; top: 120px; } #author_infobox .author_infobox_image img { max-width: 100%; max-height: 100%; width: 120px; height: 120px; } #author_infobox .author_infobox_name { font-size: 12px; line-height: 22px; font-weight: 400; /* padding-left: 160px;*/ } #author_infobox .author_infobox_title {display:none; /* font-size: 120%; font-weight: bold; margin-bottom: 10px; position: relative; float: left; width: 100%; padding-bottom: 40px; font-size: 22px !important; font-weight: 400 !important;*/ } #author_infobox .author_infobox_socialmedia { margin-bottom: 8px; position: absolute; bottom: 0; left: 160px; } #author_infobox .author_infobox_description { width: 100%; position: relative; float: left; padding-left: 160px; font-size: 14px; line-height: 24px; font-weight: 300; padding-bottom: 30px; } #author_infobox .author_infobox_socialmedia span { margin-right: 5px; position: relative; float: left; margin: 0px 8px; font-size: 16px; color: #000; transition: all 0.35s ease-in; -webkit-transition: all 0.35s ease-in; -moz-transition: all 0.35s ease-in; -ms-transition: all 0.35s ease-in; } #author_infobox .author_infobox_socialmedia img { border-radius: 12px; display: none; } .author_infobox_socialmedia .facebook:before { content: "\f09a"; } .author_infobox_socialmedia .twitter:before { content: "\f099"; } .author_infobox_socialmedia .googleplus:before { content: "\f0d5"; } .author_infobox_socialmedia .googleplus, .author_infobox_socialmedia .twitter, .author_infobox_socialmedia .facebook { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #author_infobox .author_infobox_image_profile { position:absolute; padding-bottom: 0; margin-top: 85px!important; } #author_infobox .author_infobox_socialmedia span:first-child { margin-left: 0; } #author_infobox .author_infobox_socialmedia a { height: 20px; width: 20px; left: -5px; position: relative; top: -19px; } #author_infobox .author_infobox_socialmedia span { margin-right: 5px; position: relative; width: 20px; } #author_infobox .author_infobox_image_profile img { height:120px; width:120px; } .kmt-empty-comment { list-style: none; font-size: 12px; } .post-page > .container > .row > .col-md-12 > div:nth-last-child(2) { display: none; } div.col-md-12{margin-top:5%;} div.blog-text {margin-top:5%;} div.container{margin-top:5%;} #map-canvas-contact.map-canvas {margin-top:20%; height:740px;} div.contact-adress {margin-top:20px;} .moduletable_weblinks h3{ color: #000; padding-bottom: 20px; text-transform: uppercase; font-weight: 400;letter-spacing:0.15em;} ul.weblinks_weblinks a:link, ul.weblinks_weblinks a:visited{ font-size:200%;color:#68AA16;text-decoration:none; } ul.weblinks_weblinks a:hover{ font-size:200%;color:#ccc;text-decoration:underline; } ul.weblinks_weblinks li p{ padding:0; border-bottom:1px solid #efefef; margin-bottom:1%; } div#author_infobox {display:none;} div.error h2{display:none;} #system-message .alert.alert-message{ margin-left:50%;margin-top:30%; position:absolute; width:300px; height:300px;background-color:#68AA16;color:#FFF; font-size:150%;} #martintext{ position: absolute; top:5%; z-index: 102;padding:30px;} #martintext p{font-size:160%; line-height:200% !important; } #jakobtext{ position: absolute; z-index: 102;width:50%;margin-left:30%;} #jakobtext p{font-size:160%; line-height:200% !important; } img#jakob{position:relative; left:-10%; top-10%;} #studio {position: absolute; left:50px; top:15%; z-index: 102;} div.moduletable_online p{font-size:9px;color:#ccc; } /*hochaufgelöste iMac*/ /* ----------- Non-Retina Screens ----------- */ @media screen and (min-device-width: 1900px) and (max-device-width: 2560px) { img#jakob{position:relative; left:-12%; top-10%;} } @media screen and (min-device-width: 2000px) and (max-device-width: 2560px) { img#jakob{position:relative; left:-20%; top-10%;} } /*iPadPro*/ @media screen and (max-width: 1380px) { .fillters p {padding-bottom: 10px;} .fillters button span {font-size: 12px;} img#jakob{position:relative; left:2%; top-10%;} } @media screen and (max-width: 1370px) { .about-desc {width: 70%;} .desc-block {padding-bottom: 80px;} .item h2 {font-size: 26px;} .about-bg {height: 130vmin;} } @media only screen and (min-device-width: 1024px) and (max-device-width : 1366px) { #filters.fillters p {font-size:14px;} .footer-folow {background-size: 90px auto;} } @media only screen and (min-width: 1250px) and (max-width: 1409px) { #filters.fillters p {font-size:16px;} } @media screen and (max-width: 1200px) { .fixed {height: 320px;} .logo img {height:140px; width:auto !important;} img#jakob{height:720px; width:auto !important;left:20%;} #jakobtext{ position: absolute; z-index: 102;width:65%;margin-left:23%;} #jakobtext p{font-size:160%; line-height:160% !important; } img#martin{height:750px; width:auto !important;margin-left:40%;} } @media screen and (max-width: 800px) { .mfp-img-mobile .mfp-close {background: none;} .footer-folow {background-size: 80px auto;} .logo img {height:140px; width:auto !important;} img#jakob{height:720px; width:auto !important;left:20%;} #jakobtext{ position: absolute; z-index: 102;width:65%;margin-left:23%;} #jakobtext p{font-size:160%; line-height:160% !important; } img#martin{height:750px; width:auto !important;margin-left:40%;} } @media screen and (max-width: 992px) { .mobile-icon {display: block;} header {height: 80px;} nav {position: fixed; left: 0px; text-align: center; padding-right: 0px; top: 0px; width: 100%; height: 100%; z-index: 100; background: #fff; padding-top: 80px; transform: translateY(100%);-webkit-transform: translateY(100%);-moz-transform: translateY(100%);-ms-transform: translateY(100%);} nav a {width: 100%; margin: 10px 0px; text-align: center;width: 100%; position: relative; float: left;} nav.slide-menu {transform: translateY(0px);-webkit-transform: translateY(0px);-moz-transform: translateY(0px);-ms-transform: translateY(0px);} nav a:hover span, nav a:focus span {-webkit-transform: translateX(0%);-moz-transform: translateX(0%);-ms-transform: translateX(0%);transform: translateX(0%);opacity: 1;} nav a:hover {color: #999;} nav a span {text-align: center; width: 100%; margin: 0px;} nav a span.active-link {background: none; color: #000; font-weight: 700;} .navigation {width: 100%;} .item {width: 48%; margin: 0px 1% 2% 1%;} .grid-sizer {width: 1%;} .gallery-title h2 {padding-bottom: 0px;} .gallery.gallery2 .item.w_50 {width: 48%;} .gallery.gallery2 .item {width: 48%; margin: 0px 1% 2% 1%;} .contact-text-block {width: 100%; position: relative; float: left;} .contact-page {margin-top: 0px;} .contact-page .map {margin-right: 0px;} .map-canvas {height: 400px;} .contact-adress {padding-top: 50px;} .contact-form {padding-top: 50px;} .copyright {padding: 50px 0px 30px;} .about-desc {width: 100%; position: relative; float: left; top: auto; height: auto; padding-top: 50px;} .desc-block {position: relative; float: left; width: 100%; padding-bottom: 20px;} .relative-responsive {height: 400px; position: relative;} .about-bg {height: 100%;} .about-page {margin-top: 0px;} .logo img {height:140px; width:auto !important;} img#jakob{height:720px; width:auto !important;left:20%;} #jakobtext{ position: absolute; z-index: 102;width:65%;margin-left:23%;} #jakobtext p{font-size:160%; line-height:160% !important; } img#martin{height:750px; width:auto !important;margin-left:40%;} } @media screen and (max-width: 768px) { .gallery .item {width: 50%;} .logo img {height:140px; width:auto !important;} img#jakob{height:720px; width:auto !important;left:20%;} #jakobtext{ position: absolute; z-index: 102;width:65%;margin-left:23%;} #jakobtext p{font-size:160%; line-height:160% !important; } img#martin{height:750px; width:auto !important;margin-left:40%;} } /*iPad 4*/ @media screen and (device-width: 768px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 2) { div.item.fixed.stamp{margin-left:22px;width:60%;!important;} nav a span {margin:5px;padding:5px !important;} header {position: fixed; left: 0px; top: 0px; width: 100%; height:90px; z-index: 10;} .logo img {height:140px; width:auto !important;} img#jakob{height:720px; width:auto !important;left:20%;} #jakobtext{ position: absolute; z-index: 102;width:65%;margin-left:23%;} #jakobtext p{font-size:160%; line-height:160% !important; } img#martin{height:750px; width:auto !important;margin-left:40%;} } @media screen and (max-width: 600px) { .item {width: 100%; margin: 0px;} .grid-sizer {width: 1%;} .fillters {margin-left: 0px;} .main-title h1 {font-size: 40px;} .gallery.gallery2 .item.w_50 {width: 98%;} .gallery.gallery2 .item {width: 98%;} .gallery.gallery3 .item {width: 98%;} .gallery.gallery3 .grid-sizer {width: 1%;} .com-block:nth-child(3) {padding-left: 0px;} .com-block:nth-child(3) .com-img {left: 0px;} .comments {padding-top: 50px; padding-bottom: 20px;} .blog-tags a {font-size: 14px; margin: 10px;} .big-comments {padding: 30px 0px;} .comm-text-big {padding-left: 0px; width: 100%; padding-top: 15px;} .comm-img-big {position: relative; float: left; width: 100%; top: 0px;} .comm-text-big h4 {padding-bottom: 15px;} .comm-follow {left: 0px;} .blog-text q{font-size: 20px; line-height: 32px; padding-left: 15px;} .blog-text h2 {font-size: 24px; line-height: 32px; padding-bottom: 0px;} img#jakob{height:450px; width:auto !important;left:20%;} #jakobtext{ position: absolute; z-index: 102;width:65%;margin-left:23%;} #jakobtext p{font-size:160%; line-height:160% !important; } } @media screen and (max-width: 400px) { .item h2 {font-size: 22px; padding-left: 15px;} .logo img {height:80px; width:auto !important;} /*video-blog*/ div.leading-0 {margin-top:40%; text-align:center;} img#jakob{height:450px; width:auto !important;left:20%;} #jakobtext{ position: absolute; z-index: 102;width:65%;margin-left:23%;} #jakobtext p{font-size:160%; line-height:160% !important; } } @media screen and (max-width: 480px) and (max-width: 320px) { .logo img {height:100px; width:auto !important;} .swiper-slide{height:auto !important;} .main-title {top:75%;left:3px;} h1 {font-size:300%;} div.item.fixed.stamp{display:none;} .navigation {position:relative;top:50px;} .navigation a {padding:0px;margin:0;line-height:100%;} .pagination {right: 15px;} .logo {left: 15px;} .mobile-icon {right: 10px;} .gallery .item {width: 100%;} div.item.fixed.stamp{display:none;} .contact-adress {padding: 50px 0px 40px;} .about-desc {padding: 50px 15px;} .about-desc .swiper-slide {padding: 0px;} .about-desc #about-slider {margin-left: 0px;} .about-desc a {left: 15px;} .map-canvas {display:none; } div.subtitle h2 {font-size:17px;margin-top:30px;} div.contact-adress p{font-size:170%;margin-top:-18px;} .adress-block {margin-top:-20px;} .contact-form {padding-top:0;} /*video-blog*/ div.leading-0 {margin-top:40%; text-align:center;} } /*iPhone 6 Landscape*/ @media screen and (max-device-width: 480px) { .logo img {height:100px; width:auto !important;} .swiper-slide{height:auto !important;} .main-title {top:75%;left:3px;} h1 {font-size:300%;} div.item.fixed.stamp{display:none;} .navigation a {padding:0px;margin:0;line-height:60%;} .map-canvas {display:none; } div.subtitle h2 {font-size:17px;margin-top:30px;} div.contact-adress p{font-size:170%;margin-top:-18px;} /*video-blog*/ div.leading-0 {margin-top:40%; text-align:center;} img#jakob{height:450px; width:auto !important;left:20%;} #jakobtext{ position: absolute; z-index: 102;width:65%;margin-left:23%;} #jakobtext p{font-size:160%; line-height:160% !important; } #martintext{ position: absolute; top:2%; z-index: 102;padding:0;} #martintext p{font-size:140%; line-height:140% !important; } img#martin{height:auto; width:400px;margin-top:70%!important;margin-left:-30%;} } /*Preloader*/ /*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */ /* Contents: 1. Buttons 2. Share modal and links 3. Index indicator ("1 of X" counter) 4. Caption 5. Loading indicator 6. Additional styles (root element, top bar, idle state, hidden state, etc.) */ /* 1. Buttons */ /*