/* ~~~~~~~~ TEMPLATE STARTSEITE SCHWARZ ~~~~~ */ @font-face {font-family: 'open_sansregular';src: url('../../../fonts/OpenSans-Regular-webfont.woff') format('woff');font-weight: normal;font-style: normal;} @font-face {font-family: 'open_sanslight';src: url('../../../fonts/OpenSans-Light-webfont.woff') format('woff');font-weight: normal;font-style: normal;} @font-face {font-family: 'open_sansbold';src: url('../../../fonts/OpenSans-Bold-webfont.woff') format('woff');font-weight: normal;font-style: normal;} @font-face {font-family: 'Font Awesome 5 Brands';font-style: normal;font-weight: normal;src: url("../../../fonts/fa-brands-400.eot");src: url("../../../fonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("../../../fonts/fa-brands-400.woff2") format("woff2"), url("../../../fonts/fa-brands-400.woff") format("woff"), url("../../../fonts/fa-brands-400.svg#fontawesome") format("svg");} @font-face {font-family: 'Font Awesome 5 Solid';font-style: normal;font-weight: 900;src: url("../../../fonts/fa-solid-900.eot");src: url("../../../fonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("../../../fonts/fa-solid-900.woff2") format("woff2"), url("../../../fonts/fa-solid-900.woff") format("woff"), url("../../../fonts/fa-solid-900.ttf") format("truetype"), url("../../../fonts/fa-solid-900.svg#fontawesome") format("svg"); } * { margin: 0;padding: 0;} html {overflow-y:scroll;} html body { background:#000;font-family:'open_sanslight',sans-serif;font-weight:normal;font-size:18px;line-height:28px;color:#000;} .slicknav_menu {display:none;} strong {font-family: 'open_sansbold',sans-serif;font-weight:normal;} hr {border: 0px;border-top: solid 2px #cbcbcb;color:#cbcbcb;border-bottom: transparent;margin:25px 0 30px 0;} a, img {outline:none;-webkit-transition: 0.25s;transition: 0.25s;} h1 {font-family:'open_sanslight',sans-serif;font-size:28px;line-height:36px;font-weight:normal;color:#000;padding:0;margin:0;} iframe {border:none;} div.menu {display:none;} /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ H E A D E R ~~~~~~~~~~~~~~~~~~~~~~~~ */ #top {width:100%;height:140px;margin:0;padding:0;background:#000;position:fixed;top:0;left:0;z-index:9;} #header {width:1380px;margin:0 auto;position:relative;} #logo {padding:0;margin:0;position:absolute;top:0px;left:0;z-index:99999999;} .nav {display:flex;justify-content:flex-end;margin:60px 0 0 0;} .nav ul {list-style:none;} .nav ul ul{margin:0;} .nav ul:before,.nav ul:after {content:"";display:table;} .nav ul:after {clear:both;} .nav ul > li {float:left;position:relative;} .nav a {display:block;padding:0px 0 0px 40px;font-family:'open_sansregular',sans-serif;font-size:15px;line-height:36px;font-weight:normal;color:#fff;text-decoration:none;text-align:right;} .nav a:hover {text-decoration:none;color:#cbed16;} .nav li ul {background:rgba(0,0,0,.55);position:absolute;right:-20px;top:36px;z-index:1;} .nav li ul li {background:transparent;width:200px;padding:0 20px;overflow:hidden;height:0;-webkit-transition:height 200ms ease-in;transition:height 200ms ease-in;} .nav li ul a:hover {color:#cbed16;} .nav ul > li:hover ul {right:-20px;padding-bottom:20px;} .nav ul > li:nth-of-type(4):hover ul {display:none;} /* no submenu references */ .nav ul > li:hover ul li {height:36px;} .nav li.menu-current a {color:#cbed16;} .active {padding:0 0 0 40px;font-family:'open_sansregular',sans-serif;font-size:15px;line-height:36px;font-weight:normal;color:#cbed16;text-align:right;} /* BOF steffe */ .nav ul li ~ li a {text-overflow: ellipsis;white-space: nowrap;overflow-x: hidden;} /* EOF steffen */ /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ POPUP ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ #popup_content {width:780px;padding:60px 10px 10px 10px;background:#80971a;display:none;box-sizing:border-box;} #popup_content .pad {background:#d7d7d7;border-radius:20px;padding:30px 30px 10px 30px;box-sizing:border-box;} #popup_content h1 {font-family: 'open_sansregular',sans-serif;color:#000;font-size:22px;line-height:28px;font-weight:normal;margin:0 0 10px 0;} #popup_content h2 {font-family: 'open_sansregular',sans-serif;color:#80971a;font-size:40px;line-height:50px;font-weight:normal;margin:0 0 15px 0;padding:0;} #popup_content p {font-family: 'open_sansregular',sans-serif;line-height:24px;padding:0 0 20px 0;} #popup_content a:link, #popup_content a:visited {color:#80931a;font-family: 'open_sansregular',sans-serif;font-weight:normal;text-decoration:none;-webkit-transition: 0.25s;transition: 0.25s;} #popup_content a:focus, #popup_content a:hover {color:#f0f0f0;text-decoration:none;} #popup_content a:active {color:#000;text-decoration:none;} .form_frame {display:flex;flex-wrap:wrap;} .mpform_fieldset {flex:1 1 49%;width:49%;} .mpform_fieldset:nth-child(even) {margin-left:1%;} .mpform_fieldset:nth-child(odd) {margin-right:1%;} .mpform_fieldset:nth-of-type(5), .mpform_fieldset:nth-of-type(6), .mpform_fieldset:nth-of-type(7) {flex:1 1 100% !important;margin:0 !important;} .mpform_fieldset:nth-last-child(1) {flex:1 1 100% !important;margin:0 !important;} #popup_content .mpform_title, #popup_content .mpform_field, #popup_content .mpform_email, #popup_content .mpform_textarea {width:auto;box-sizing:border-box;padding:3px;} #popup_content input.mpform_email, #popup_content input.mpform_text, #popup_content textarea.mpform_textarea {width:100%;padding:3px;box-sizing:border-box;} #popup_content .mpform_submit {cursor: pointer;border:none;color:#fff;background:#80961A;font-family:'open_sansregular',Arial,Helvetica,sans-serif;font-weight:normal;font-size:16px;line-height:20px;padding:10px 30px;-webkit-transition: 0.25s;-moz-transition: 0.25s;-o-transition: 0.25s;transition: 0.25s;} #popup_content .mpform_submit:hover {background:#bebebe;} #contact_buttons {margin:80px 0 0 0;text-align:center;} #contact_buttons p {display:inline-block;margin:0 10px 20px 10px;} #contact_buttons p:last-child {display:block;} #contact_buttons a:link, #contact_buttons a:visited {color:#fff;background:#80971a;font-family: 'open_sansregular',sans-serif;font-weight:normal;text-decoration:none;padding:10px 20px;} #contact_buttons a:focus, #contact_buttons a:hover, #contact_buttons a:active {background:#bebebe;} /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ ICONS ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ .icons {display:block;min-width:240px;margin:0 auto;} .icon-fb {width:37px; height:37px; padding:0 5px; background:url("../../../media/home/facebook.png") top center no-repeat;display:inline-block;} .icon-fb:focus, .icon-fb:hover, .icon-fb:active {background:url("../../../media/home/facebook_over.png") top center no-repeat;} .icon-tw {width:36px; height:36px; padding:0 5px; background:url("../../../media/home/twitter.png") top center no-repeat;display:inline-block;} .icon-tw:focus, .icon-tw:hover, .icon-tw:active {background:url("../../../media/home/twitter_over.png") top center no-repeat;} .icon-you {width:42px; height:42px; padding:0 5px; background:url("../../../media/home/youtube.png") top center no-repeat;display:inline-block;} .icon-you:focus, .icon-you:hover, .icon-you:active {background:url("../../../media/home/youtube_over.png") top center no-repeat;} .icon-ins {width:36px; height:36px; padding:0 5px; background:url("../../../media/home/instagram.png") top center no-repeat;display:inline-block;} .icon-ins:focus, .icon-ins:hover, .icon-ins:active {background:url("../../../media/home/instagram_over.png") top center no-repeat;} .icon-xing {width:36px; height:36px; padding:0 5px; background:url("../../../media/home/xing.png") top center no-repeat;display:inline-block;} .icon-xing:focus, .icon-xing:hover, .icon-xing:active {background:url("../../../media/home/xing_over.png") top center no-repeat;} .icon-fb a, .icon-tw a, .icon-you a, .icon-ins a, .icon-xing a {width:100%; height:100%; display:block; text-decoration:none;} /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~flexslider box 1 ohne pfeile ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ .flex-container a:hover, .flex-slider a:hover {outline: none;} .slides, #content .slides > li, .flex-control-nav, .flex-direction-nav {margin: 0;padding: 0;list-style: none;} .flex-pauseplay span {text-transform: capitalize;} #content .flexslider ul,#content .flexslider li, #content .flexslider {margin: 0;padding: 0;} #content .flexslider .slides > li {display: none;-webkit-backface-visibility: hidden;} #content .flexslider .slides img {width: 100%;display: block;margin:0;padding:0;} .flexslider .slides:after {content: "";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;} html[xmlns] .flexslider .slides {display: block;} * html .flexslider .slides {height: 1%;} .no-js .flexslider .slides > li:first-child {display: block;} .flexslider {background: #000;border:none;position: relative;zoom: 1;margin:0;padding:0;} .flexslider .slides {zoom: 1;margin:0;padding:0;} .flexslider .slides img {height: auto;-moz-user-select: none;margin:0;padding:0;} .flex-viewport {max-height: 2000px;-webkit-transition: all 1s ease;transition: all 1s ease;} .loading .flex-viewport {max-height: 300px;} .carousel li {margin-right: 5px;} .flex-direction-nav {display:none;} /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ flipclock ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ @font-face {font-family: 'open_sansregular';src: url('../../../fonts/OpenSans-Regular-webfont.woff') format('woff');font-weight: normal;font-style: normal;} /* Reset */ .flip-clock-wrapper * {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-ms-backface-visibility: hidden;-o-backface-visibility: hidden;backface-visibility: hidden;} .flip-clock-wrapper a {cursor: pointer;text-decoration: none;color: #333; } .flip-clock-wrapper a:hover {color: #333; } .flip-clock-wrapper ul {list-style: none; } .flip-clock-wrapper.clearfix:before,.flip-clock-wrapper.clearfix:after {content: " ";display: table; } .flip-clock-wrapper.clearfix:after {clear: both; } .flip-clock-wrapper.clearfix {*zoom: 1; } /* Main */ .flip-clock-wrapper {font-family:'open_sansregular',sans-serif;font-weight:normal;font-size:10px;-webkit-user-select: none;} .flip-clock-meridium {background: none !important;box-shadow: 0 0 0 !important;font-size: 36px !important; } .flip-clock-meridium a { color: #313333; } .flip-clock-wrapper {text-align: center;position: relative;width: 100%;margin:6px;} .flip-clock-wrapper:before, .flip-clock-wrapper:after {content: " "; /* 1 */display: table; /* 2 */} .flip-clock-wrapper:after {clear: both;} /* Skeleton */ .flip-clock-wrapper ul {opacity:1;position: relative;float: left;margin:1px;width:15px;height:30px;font-size:18px;font-weight:normal;line-height:30px;border-radius:9px;background: #fff;} .flip-clock-wrapper ul li {z-index: 1;position: absolute;left: 0;top: 0;width: 100%;height: 100%;line-height:30px;text-decoration: none !important;} .flip-clock-wrapper ul li:first-child {z-index: 2; } .flip-clock-wrapper ul li a {display: block;height: 100%;-webkit-perspective: 200px;-moz-perspective: 200px;perspective: 200px;margin: 0 !important;overflow: visible !important;cursor: default !important; } .flip-clock-wrapper ul li a div {z-index: 1;position: absolute;left: 0;width: 100%;height: 50%;font-size:18px;overflow: hidden;outline: 1px solid transparent; } .flip-clock-wrapper ul li a div .shadow {display:none; } .flip-clock-wrapper ul li a div.up {-webkit-transform-origin: 50% 100%;-moz-transform-origin: 50% 100%;-ms-transform-origin: 50% 100%;-o-transform-origin: 50% 100%;transform-origin: 50% 100%;top: 0; } .flip-clock-wrapper ul li a div.down {-webkit-transform-origin: 50% 0;-moz-transform-origin: 50% 0;-ms-transform-origin: 50% 0;-o-transform-origin: 50% 0;transform-origin: 50% 0;bottom: 0;} .flip-clock-wrapper ul li a div div.inn {position: absolute;left: 0;z-index: 1;width: 100%;height: 200%;color: #333;text-align: center;background-color: #fff;border-radius:9px;font-size:18px; } .flip-clock-wrapper ul li a div.up div.inn {top: 0; } .flip-clock-wrapper ul li a div.down div.inn {bottom: 0; } /* PLAY */ .flip-clock-wrapper ul.play li.flip-clock-before {z-index: 3; } .flip-clock-wrapper ul.play li.flip-clock-active {-webkit-animation: asd 0.01s 0.49s linear both;-moz-animation: asd 0.01s 0.49s linear both;animation: asd 0.01s 0.49s linear both;z-index: 5; } .flip-clock-divider {float:left;display:inline-block;position:relative;width:6px;height:30px; } .flip-clock-divider .flip-clock-label {position: absolute;bottom:-22px;right:-20px;color:#fff;text-shadow: none; } /* position label general */ .flip-clock-divider.minutes .flip-clock-label {right:-22px;} /* position special label */ .flip-clock-divider.seconds .flip-clock-label {right:-19px;} /* position special label */ .flip-clock-dot {display: none; } @-webkit-keyframes asd {0% {z-index: 2; } 100% {z-index: 4; } } @-moz-keyframes asd {0% {z-index: 2; } 100% {z-index: 4; } } @-o-keyframes asd {0% {z-index: 2; } 100% {z-index: 4; } } @keyframes asd {0% {z-index: 2; } 100% {z-index: 4; } } .flip-clock-wrapper ul.play li.flip-clock-active .down {z-index: 2;-webkit-animation: turn 0.5s 0.5s linear both;-moz-animation: turn 0.5s 0.5s linear both;animation: turn 0.5s 0.5s linear both; } @-webkit-keyframes turn {0% {-webkit-transform: rotateX(90deg); } 100% {-webkit-transform: rotateX(0deg); } } @-moz-keyframes turn {0% {-moz-transform: rotateX(90deg); } 100% {-moz-transform: rotateX(0deg); } } @-o-keyframes turn {0% {-o-transform: rotateX(90deg); } 100% {-o-transform: rotateX(0deg); } } @keyframes turn {0% {transform: rotateX(90deg); } 100% {transform: rotateX(0deg); } } .flip-clock-wrapper ul.play li.flip-clock-before .up {z-index: 2;-webkit-animation: turn2 0.5s linear both;-moz-animation: turn2 0.5s linear both;animation: turn2 0.5s linear both; } @-webkit-keyframes turn2 {0% {-webkit-transform: rotateX(0deg); } 100% {-webkit-transform: rotateX(-90deg); } } @-moz-keyframes turn2 {0% {-moz-transform: rotateX(0deg); } 100% {-moz-transform: rotateX(-90deg); } } @-o-keyframes turn2 {0% {-o-transform: rotateX(0deg); } 100% {-o-transform: rotateX(-90deg); } } @keyframes turn2 {0% {transform: rotateX(0deg); } 100% {transform: rotateX(-90deg); } } .flip-clock-wrapper ul li.flip-clock-active {z-index: 3; } /* SHADOW */ .flip-clock-wrapper ul.play li.flip-clock-before .up .shadow {background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, black));background: linear, top, rgba(0, 0, 0, 0.1) 0%, black 100%;background: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);background: linear, to bottom, rgba(0, 0, 0, 0.1) 0%, black 100%;-webkit-animation: show 0.5s linear both;-moz-animation: show 0.5s linear both;animation: show 0.5s linear both; } .flip-clock-wrapper ul.play li.flip-clock-active .up .shadow {background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, black));background: linear, top, rgba(0, 0, 0, 0.1) 0%, black 100%;background: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);background: linear, to bottom, rgba(0, 0, 0, 0.1) 0%, black 100%;-webkit-animation: hide 0.5s 0.3s linear both;-moz-animation: hide 0.5s 0.3s linear both;animation: hide 0.5s 0.3s linear both; } /*DOWN*/ .flip-clock-wrapper ul.play li.flip-clock-before .down .shadow {background: -moz-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, black), color-stop(100%, rgba(0, 0, 0, 0.1)));background: linear, top, black 0%, rgba(0, 0, 0, 0.1) 100%;background: -o-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);background: -ms-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);background: linear, to bottom, black 0%, rgba(0, 0, 0, 0.1) 100%;-webkit-animation: show 0.5s linear both;-moz-animation: show 0.5s linear both;animation: show 0.5s linear both; } .flip-clock-wrapper ul.play li.flip-clock-active .down .shadow {background: -moz-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, black), color-stop(100%, rgba(0, 0, 0, 0.1)));background: linear, top, black 0%, rgba(0, 0, 0, 0.1) 100%;background: -o-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);background: -ms-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);background: linear, to bottom, black 0%, rgba(0, 0, 0, 0.1) 100%;-webkit-animation: hide 0.5s 0.3s linear both;-moz-animation: hide 0.5s 0.3s linear both;animation: hide 0.5s 0.2s linear both; } @-webkit-keyframes show {0% {opacity: 0; } 100% {opacity: 1; } } @-moz-keyframes show {0% {opacity: 0; } 100% {opacity: 1; } } @-o-keyframes show {0% {opacity: 0; } 100% {opacity: 1; } } @keyframes show {0% {opacity: 0; } 100% {opacity: 1; } } @-webkit-keyframes hide {0% {opacity: 1; } 100% {opacity: 0; } } @-moz-keyframes hide {0% {opacity: 1; } 100% {opacity: 0; } } @-o-keyframes hide {0% {opacity: 1; } 100% {opacity: 0; } } @keyframes hide {0% {opacity: 1; } 100% {opacity: 0; } } /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ flipclock ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ .clr {clear:both;height:1px;line-height:1px;font-size:1px;margin:0;padding:0;} .slick-prev, .slick-next {top: 50%;} @media only screen and (max-width: 900px) { .slick-prev, .slick-next {top: 50%;} } /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ F O O T E R ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ #footer {clear:both;width:1380px;margin:0 auto 30px auto;padding:0;background:#000;} #lang {float:left;margin:0;padding:0 20px 0 0;font-family: 'open_sansregular',sans-serif;color:#fff;font-size:15px;line-height:80px;} #lang a:link, #lang a:visited {font-family: 'open_sansregular',sans-serif;color:#fff;font-size:15px;line-height:80px;font-weight:normal;text-decoration:none;padding:0;} #lang a:focus, #lang a:hover, #lang a:active {color:#cbed16;} #lang span:not(:last-of-type):after {content:' | ';color:#fff;} #lang .easymultilang_current {color:#cbed16;/*display:none;*/} #footernav1 {float:left;margin:0;padding:0;} #footernav1 ul {list-style-type:none;} #footernav1 li {float:left;padding:0 20px 0 0;margin:0;} #footernav1 ul a:link, #footernav1 ul a:visited {font-family: 'open_sansregular',sans-serif;color:#fff;font-size:15px;line-height:80px;font-weight:normal;text-decoration:none;padding:0;} #footernav1 ul a:focus, #footernav1 ul a:hover, #footernav1 ul a:active {color:#cbed16;} #footernav1 ul li.menu-current a, #footernav1i ul li.menu-parent a {color:#cbed16;} #footernav1 li.menu-current a {color:#cbed16;} #footernav2 {float:right;margin:0;padding:0;} #footernav2 a:link, #footernav2 a:visited {color:#fff;line-height:80px;font-size:36px;font-weight:normal;text-decoration:none;padding:0 0 0 20px;display:inline-block;} #footernav2 a:focus, #footernav2 a:hover, #footernav2 a:active {color:#cbed16;} .fas, .fab {-moz-osx-font-smoothing: grayscale;-webkit-font-smoothing: antialiased;font-style: normal;font-variant: normal;text-rendering: auto;text-align:center;} .fa-instagram:before {content:"\f16d";font-family: 'Font Awesome 5 Brands';line-height:80px;font-size:36px;width:36px;display: block;} .fa-youtube:before {content:"\f167";font-family: 'Font Awesome 5 Brands';line-height:80px;font-size:36px;width:36px;display: block;} .fa-linkedin:before {content:"\f08c";font-family: 'Font Awesome 5 Brands';line-height:80px;font-size:36px;width:36px;display: block;} .fa-xing:before {content:"\f168";font-family: 'Font Awesome 5 Brands';line-height:80px;font-size:36px;width:36px;display: block;} .fa-twitter:before {content:"\f099";font-family: 'Font Awesome 5 Brands';line-height:80px;font-size:36px;width:36px;display: block;} .fa-facebook-f:before {content:"\f39e";font-family: 'Font Awesome 5 Brands';line-height:80px;font-size:36px;width:36px;display: block;} .fa-envelope:before {content:"\f0e0";font-family: 'Font Awesome 5 Solid';} .fa-phone:before {content: "\f095";font-family: 'Font Awesome 5 Solid';} .fa-whatsapp:before {content: "\f232";font-family: 'Font Awesome 5 Brands';line-height:28px;font-size:18px;width:15px;display:inline;} /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ M O V E U P ~~~~~~~~~~~~~~~~~~~~~~~~ */ .move-up {position: fixed;bottom: 90px;right: 40px;z-index: 99999;display: none;}.move-up button {background:#80971A;border:none;outline:none;color:#fff;font-size:36px;font-weight:normal;line-height:36px;width:100px;height:100px;padding:0;border-radius:50px;text-align:center;opacity:0.8;} .move-up button:hover,.move-up button:active {opacity:1;} .fa,.fas {font-family: 'Font Awesome 5 Solid';font-weight: 900; -moz-osx-font-smoothing: grayscale;-webkit-font-smoothing: antialiased;display: inline-block;font-style: normal;font-variant: normal;text-rendering: auto;line-height: 1; } .fa-angle-up:before {content: "\f106";} /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ C O N T E N T ~~~~~~~~~~~~~~~~~~~~~~~~ */ #container {width:1400px;margin:0 auto;height:2080px;position:relative;} #box25 {/* counter */width:180px;height:180px;position:absolute;top:430px;left:-80px;background:#80931A;opacity:0.9;text-align:center;z-index:8;border-radius:90px;-webkit-box-sizing:border-box;box-sizing:border-box;padding:30px 0;} #box25 p {opacity:1;} #box25 p:nth-of-type(1) {font-family:'open_sansbold',sans-serif;font-size:15px;line-height:15px;font-weight:normal;color:#fff;padding:0 0 15px 0;} /* text next opening */ #box25 p:nth-of-type(2) {font-family:'open_sansregular',sans-serif;font-size:15px;line-height:15px;font-weight:600;color:#000;padding:15px 0 0 0;} /* titel */ #box25 p:nth-of-type(3) {font-family:'open_sansregular',sans-serif;font-size:9px;line-height:11px;font-weight:normal;color:#fff;} /* adresse */ #box1, #box2, #box3, #box4, #box5, #box6, #box7, #box8, #box9, #box10, #box11, #box12, #box13, #box14, #box15, #box16, #box17, #box18, #box19 {position:absolute;-webkit-transition: 0.25s;transition: 0.25s;} #box2, #box19 {width:230px;height:200px;padding:50px 15px 10px 15px;background:#dbdbdb;color:#000;} #box1, #box9 {width:820px;height:540px;background:#aaa;} #box6, #box13{width:540px;height:260px;background:#dbdbdb;color:#000;} #box4, #box5, #box7, #box8, #box11, #box12, #box14, #box15, #box18 {width:260px;height:260px;color:#000;background:#e0e0e0;} #box3 {width:260px;height:540px;background:#dbdbdb;color:#000;} #box9{width:540px;height:193px;background:#cacaca;padding:67px 0 0 0;text-align:center;color:#000;} .logoslider {height:113px;width:450px;margin:0 auto;} .logoslider img {-webkit-filter: none;-moz-filter: none;-ms-filter: none;filter: none;} .logoslider img:hover {filter: url("data:image/svg+xml;utf8,#grayscale");-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);filter: grayscale(100%);-webkit-filter: gray;filter: gray;} #box10{width:820px;height:540px;background:#000;padding:0 0 0 0;} #box10 iframe {width:820px;height:540px;} /*#box11{width:260px;height:151px;background:#dbdbdb;padding:109px 0 0 0;} social media ALT */ #box13{width:500px;height:220px;padding:20px;margin:0;} #box13 p, #box13 h1 {display:inline;} #box16, #box17 {width:540px;height:260px;background:#aaa;color:#fff;overflow:hidden;} /* newsteaser */ .pad20 {padding:20px;} /* newsteaser 2 manuell */ /* Positionen */ #box1 {top:150px;left:10px;} /* hunkemoeller */ #box2 {top:1830px;left:1130px;} /* shopkonzepte */ #box3 {top:150px;left:850px;} /* bau */ #box4 {top:150px;left:1130px;} /* team */ #box5 {top:1270px;left:290px;} /* zufrieden */ #box6 {top:1830px;left:570px;} /* depot */ #box7 {top:430px;left:1130px;} /* kontakt */ #box8 {top:710px;left:10px;} /* leistung */ #box9 {top:990px;left:10px;} /* logoslider */ #box10 {top:990px;left:570px;} /* youtube */ #box11 {top:1830px;left:10px;} /* projektmanagement img */ #box12 {top:1830px;left:290px;} /* jobs */ #box13 {top:710px;left:290px;} /* willkommen */ #box14 {top:1550px;left:1130px;} /* facility img */ #box15 {top:1550px;left:850px;} /* hand in hand */ #box16 {top:710px;left:850px;} /* newsteaser 1 */ #box17 {top:1550px;left:290px;} /* newsteaser 2 */ #box18 {top:1270px;left:10px;} /* planung */ #box19 {top:1550px;left:10px;} /* facility text */ /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ News-Teaser ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ div.mod_anynews {padding:5px 25px 25px 25px;} #box16 h1, #box17 h1 {margin:0;padding:0;display:inline;} .more {margin:0 0 0 10px;padding:0;display:inline;} #box16 img, #box17 img {line-height:0;} #box16 a:link, #box16 a:visited, #box17 a:link, #box17 a:visited {color:#fff;text-decoration:none;} #box16 a:focus, #box16 a:hover, #box16 a:active, #box17 a:focus, #box17 a:hover, #box17 a:active {color:#000;} #box16 a.boxlink:link, #box16 a.boxlink:visited, #box17 a.boxlink:link, #box17 a.boxlink:visited {font-family:'open_sansbold',sans-serif;font-size:16px;color:#000;text-decoration:none;} #box16 a.boxlink:focus, #box16 a.boxlink:hover, #box16 a.boxlink:active,#box17 a.boxlink:focus, #box17 a.boxlink:hover, #box17 a.boxlink:active {color:#fff;} .newsicon {position:absolute;top:10px;right:50px;} #box16 .newsitem:nth-of-type(2) {display:none;} /* nur neueste News anzeigen */ #box17 .newsitem:nth-of-type(1) {display:none;} /* nur zweite News anzeigen */ /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Bildwechsel-Boxen ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ #box3sp img, #box3 img, #box6 img, #box11 img, #box11sp img, #box14 img, #box14sp img, #box18 img, #box18sp img {position:absolute;-webkit-transition:1s ease-in-out;transition:1s ease-in-out;} #box3:hover img:nth-of-type(2), #box3sp:hover img:nth-of-type(2), #box6:hover img:nth-of-type(2), #box11:hover img:nth-of-type(2), #box11sp:hover img:nth-of-type(2), #box14:hover img:nth-of-type(2), #box14sp:hover img:nth-of-type(2), #box18:hover img:nth-of-type(2), #box18sp:hover img:nth-of-type(2) {opacity: 0;} #box3sp, #box8sp, #box11sp, #box14sp, #box18sp {display:none;} /* smartphone */ /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ bg-Wechsel-Boxen ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ #box2 h1 a:link, #box2 h1 a:visited, #box19 h1 a:link, #box19 h1 a:visited {display:block;color:#000;text-decoration:none;font-weight:normal;margin-bottom:20px;} #box13 h1 a:link, #box13 h1 a:visited {display:inline;color:#000;text-decoration:none;font-weight:normal;margin:0 20px 20px 0;} #box2:focus h1 a:link, #box13:focus h1 a:link, #box19:focus h1 a:link {color:#000;} #box2:hover h1 a:link, #box13:hover h1 a:link, #box19:hover h1 a:link {color:#fff;} #box2:active h1 a:link, #box13:active h1 a:link, #box19:active h1 a:link {color:#000;} #box2:hover, #box13:hover, #box19:hover {background:#80931a;color:#fff;} a.boxlink:link, a.boxlink:visited {font-family: 'open_sansregular',sans-serif;font-size:16px;color:#000;text-decoration:none;} a.boxlink:after {content:' >>>';color:#fff;} a.boxlink:focus {color:#000;} a.boxlink:hover {color:#fff;} a.boxlink:active {color:#000;} /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Effektboxen ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ .view {width: 260px;height: 260px;float: left;overflow: hidden;position: relative;cursor: default;background: #80971A;} #box5 .view , #box15 .view {color:#000;font-size:13px;line-height:16px;font-family: 'open_sansregular',sans-serif;} #box7 .view {background:#979797;color:#fff;font-size:14px;line-height:18px;} #box8 .view {background:#979797;color:#fff;font-size:16px;line-height:20px;} #box12 .view {background:#dbdbdb;} .view .mask,.view .content {width: 260px;height: 260px;position: absolute;overflow: hidden;top: 0;left: 0;} #box5 .view .mask, #box15 .view .mask{width:260px;height:260px;padding:10px 20px 0 20px;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:center;align-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap;} /*#box5 .view .mask, #box15 .view .mask {width:220px;height:200px;padding:60px 20px 0 20px;}*/ #box7 .view .mask {width:230px;height:230px;padding:30px 0 0 30px;} #box8 .view .mask {width:235px;height:210px;padding:50px 0 0 25px;} .view img {display: block;position: relative;} .view h2 {font-family: 'open_sansbold',sans-serif;font-weight:normal;color: #b6c12c;position: relative;font-size: 14px;line-height:18px;padding:0;margin:0;} #box8 .view h2 {font-family: 'open_sanslight',sans-serif;color: #000;font-size: 16px;line-height:20px;padding:0;margin:0 0 20px 0;} #box12 .view h2 {font-family: 'open_sanslight',sans-serif;color: #000;font-size: 28px;line-height:50px;text-align:center;padding:200px 0 0 0;margin:0;} .view p {position: relative;color: #fff;padding:0 0 10px 0;} #box7 .view p {padding:0 0 20px 0;} #box5 .view p, #box15 .view p {padding:0 0 10px 0;} #box5 .view p:last-of-type, #box15 .view p:last-of-type {padding:0;} .view a:link, .view a:visited {text-decoration: none;padding:0;color: #fff;} .view a:focus, .view a:hover, .view a:active {color: #000;} .view h2 a:link, .view h2 a:visited {text-decoration: none;padding:0;color: #000;text-align:center;} .view h2 a:focus, .view h2 a:hover, .view h2 a:active {color: #fff;} .view a.boxlink {/* display: inline-block;*/display: block;text-decoration: none;padding:0;color: #000;} #box4 .view a.boxlink {margin-top:70%;text-align:center;} .view a.boxlink:focus, .view a.boxlink:hover, .view a.boxlink:active {color: #fff;} .view-tenth img {-webkit-transform: scaleY(1);transform: scaleY(1);-webkit-transition: all 0.7s ease-in-out;transition: all 0.7s ease-in-out;} .view-tenth .mask {background:transparent;-webkit-transition: all 0.5s linear;transition: all 0.5s linear;-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);opacity: 0;} #box12 .view-tenth .mask {background:#979797 url(../../../media/home/rakete2.png)top left no-repeat;} #box5 .view-tenth .mask, #box15 .view-tenth .mask {background:#809a1b url(../../../media/home/green.jpg)top left no-repeat;} .view-tenth h2 {background: transparent;margin:0;padding:0;-webkit-transform: scale(0);transform: scale(0);color: #b6c12c;-webkit-transition: all 0.5s linear;transition: all 0.5s linear;-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);opacity: 0;} #box8 .view-tenth h2 {color:#000;} #box12 .view-tenth h2 {color:#000;} .view-tenth p {color: #fff;-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);opacity: 0;-webkit-transform: scale(0);transform: scale(0);-webkit-transition: all 0.5s linear;transition: all 0.5s linear;} #box5 .view-tenth p, #box15 .view-tenth p {color:#000;} #box5 .view-tenth p.wh, #box15 .view-tenth p.wh {color:#fff;} .view-tenth a.boxlink {-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);opacity: 0;-webkit-transform: scale(0);transform: scale(0);-webkit-transition: all 0.5s linear;transition: all 0.5s linear;} .view-tenth:hover img,.view-tenth:active img {-webkit-transform: scale(5);transform: scale(5);-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);opacity: 0;} .view-tenth:hover .mask,.view-tenth:active .mask {-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);opacity: 1;} .view-tenth:hover h2,.view-tenth:hover p,.view-tenth:hover a.boxlink,.view-tenth:active h2,.view-tenth:active p,.view-tenth:active a.boxlink {-webkit-transform: scale(1);transform: scale(1);-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);opacity: 1;} #box8sp .view {background:#979797;color:#fff;font-size:16px;line-height:20px;width: 100%;height: 260px;overflow:hidden;} #box8sp .view .mask {width:70%;height:auto;padding:5% 0 0 30%;} #box8sp .view h2 {font-family: 'open_sanslight',sans-serif;color: #000;font-size: 16px;line-height:20px;padding:0;margin:0 0 20px 0;} #box8sp .view-tenth h2 {color:#000;} /* BOF steffen */ /* ----- Anpassung Boxen ----- */ .leistung.view-tenth:hover img,.leistung.view-tenth:active img {-webkit-transform: none; transform: none;-webkit-transition: opacity 1s ease-in-out;transition: opacity 1s ease-in-out;} .view.leistung {background-color: transparent;} .leistung {height: 260px;text-decoration: none;} .leistung a {text-decoration: none;} .leistung .platzhalter {height: 100%;width: 100%;display: -webkit-box;display: -ms-flexbox; display: flex;} .leistung .platzhalter ~ h2 {display: block;width: 100%;top: -60px;right: 40px;padding-left: 10px;} .leistung h2 {text-align: end;position: relative;font-size: 24px;line-height: 30px; top: 180px;color: black;padding-right: 20px;vertical-align: bottom;text-decoration: none;font-family: 'open_sanslight',sans-serif;} .leistung h2 a,.leistung h2 a:hover,.leistung h2 a:active {color: black;} #box11,#box14,#box18 {-webkit-transition: none;transition: none;} #box3sp {background: transparent url(../../../media/home/figo-gmbh-shopbau-bauleitung-01-sp.jpg)center center no-repeat;} #box11 {background: transparent url(../../../media/home/uhrwerk-projektmanagement-figo-gmbh.jpg)top left no-repeat;} #box11sp {background: transparent url(../../../media/home/uhrwerk-projektmanagement-figo-gmbh-sp.jpg)center center no-repeat;} #box14 {background: transparent url(../../../media/home/figo-gmbh-facility-management-drfm-06.jpg)top left no-repeat;} #box14sp {background: transparent url(../../../media/home/figo-gmbh-facility-management-drfm-06-sp.jpg)center center no-repeat;} #box18 {background: transparent url(../../../media/home/shop-planung.jpg)top left no-repeat;} #box18sp {background: transparent url(../../../media/home/figo-gmbh-shop-planung-sp.jpg)center center no-repeat;} #box18 h2 {top: 210px;} /* ----- News Datum Ausbledenden ----- */ .newsitem p:first-of-type{visibility: hidden;} /* EOF steffen */ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ R E S P O N S I V ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ @media only screen and (max-width: 1590px) { #box25 {left:0;}/* counter */ } /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ @media only screen and (max-width: 1420px) { #header {width:1100px;} #container {width:1120px;height:2390px;} #footer {width:1100px;padding:0;} #box4 {top:150px;left:850px;} /* team */ #box7 {top:430px;left:850px;} /* kontakt */ #box5 {top:710px;left:850px;} /* zufrieden */ #box8 {top:710px;left:10px;} /* leistung */ #box16 {top:710px;left:290px;} /* newsteaser 1 */ #box13 {top:990px;left:10px;} /* willkommen */ #box11 {top:990px;left:850px;} /* projektmanagement img */ #box15 {top:990px;left:570px;} /* hand in hand */ #box14 {top:1270px;left:290px;} /* facility img */ #box17 {top:1270px;left:570px;} /* newsteaser 2 */ #box19 {top:1270px;left:10px;} /* facility text */ #box10 {top:1550px;left:290px;} /* youtube */ #box2 {top:1550px;left:10px;} /* shopkonzepte */ #box12 {top:1830px;left:10px;} /* jobs */ #box3 {top:2110px;left:10px;width:260px;height:260px;overflow:hidden;} /* bau */ #box9 {top:2110px;left:290px;} /* logoslider */ #box18 {top:2110px;left:850px;} /* planung */ #box25 {left:-80px;}/* counter */ #box6 {display:none;} /* depot */ } /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ @media only screen and (max-width: 1290px) { #box25 {left:0;}/* counter */ } /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ @media only screen and (max-width: 1120px) { .js .slicknav_menu {display:block;} .nav {display:none;} #header {width:820px;} #container {width:840px;height:3230px;} #footer {width:820px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:30px auto;} #lang {-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;line-height:40px;padding:0;} #lang a:link, #lang a:visited {line-height:40px;} #footernav1 {-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3;line-height:40px;} #footernav1 ul {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-top:5px;line-height:30px;} #footernav1 ul a:link, #footernav1 ul a:visited {line-height:30px;} #footernav2 {-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;line-height:40px;} #footernav2 a:link, #footernav2 a:visited {line-height:40px;padding:0 5px;} #footernav1 li, #footernav2 li {padding:0 10px;} #box8 {top:710px;left:10px;} /* leistung */ #box16 {top:710px;left:290px;} /* newsteaser 1 */ #box13 {top:990px;left:10px;} /* willkommen */ #box2 {top:990px;left:570px;} /* shopkonzepte */ #box11 {top:1270px;left:10px;} /* projektmanagement img */ #box5 {top:1270px;left:290px;} /* zufrieden */ #box7 {top:1270px;left:570px;} /* kontakt */ #box19 {top:1550px;left:10px;} /* facility text */ #box17 {top:1550px;left:290px;} /* newsteaser 2 */ #box10 {top:1830px;left:10px;} /* youtube */ #box15 {top:2390px;left:10px;} /* hand in hand */ #box14 {top:2390px;left:290px;} /* facility img */ #box12 {top:2390px;left:570px;} /* jobs */ #box3 {top:2670px;left:10px;width:260px;height:540px;} /* bau */ #box9 {top:2670px;left:290px;} /* logoslider */ #box18 {top:2950px;left:290px;} /* planung */ #box4 {top:2950px;left:570px;} /* team */ #box25 {left:-80px;} /* counter */ } /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ @media only screen and (max-width: 1030px) { #box25 {left:0;}/* counter */ } /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ @media only screen and (max-width: 860px) { #top {width:100%;height:75px;} #header {width:100%;margin:0;} #logo {top:0px;left:0px;} #logo img {width:auto;height:75px;} #container {width:560px;padding:75px 0 0 0;height:3960px;} #box1 {width:540px;height:540px;overflow:hidden;} #box16 {top:710px;left:10px;} /* newsteaser 1 */ #box3 {top:1270px;left:10px;} /* bau */ #box7 {top:1270px;left:290px;} /* kontakt */ #box12 {top:1550px;left:290px;} /* jobs */ #box11 {top:1830px;left:10px;} /* projektmanagement img */ #box15 {top:1830px;left:290px;} /* hand in hand */ #box17 {top:2110px;left:10px;} /* newsteaser 2 */ #box19 {top:2390px;left:10px;} /* facility text */ #box18 {top:2390px;left:290px;} /* planung */ #box8 {top:2670px;left:10px;} /* leistung */ #box5 {top:2670px;left:290px;} /* zufrieden */ #box9 {top:2950px;left:10px;} /* logoslider */ #box2 {top:3230px;left:10px;} /* shopkonzepte */ #box4 {top:3230px;left:290px;} /* team */ #box10 {top:3510px;left:10px;width:540px;height:260px;} /* youtube */ #box10 iframe {width:540px;height:260px;} #box6 {display:block;top:3790px;left:10px;width:540px;height:260px;} /* depot */ #box25 {left:-80px;} /* counter */ .jssora03l {left:-25px;} .jssora03r {right:-25px;} #footer {width:100%;padding:0 2%;-webkit-box-sizing:border-box;box-sizing:border-box;} .fab {line-height:50px;} .move-up {bottom:50px;right:10px;} .move-up button {font-size:18px;line-height:18px;width:64px;height:64px;border-radius:32px;} #footernav1 ul {-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;} /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ POPUP ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ #popup_content {width:100%;padding:60px 10px 10px 10px;background:#80971a;display:none;box-sizing:border-box;} .mpform_fieldset {flex:1 1 100%;width:100%;} .mpform_fieldset:nth-child(even), .mpform_fieldset:nth-child(odd) {margin:0;} #contact_buttons {margin:80px 0 0 0;text-align:center;} #contact_buttons p {display:block;margin:0 0 20px 0;} } /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ @media only screen and (max-width: 745px) { #box25 {left:0;}/* counter */ } /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ @media only screen and (max-width: 590px) { img {max-width:100%;width:auto;height:auto;} #container {width:100%;height:auto;margin:0;} .view {float:none;margin:0 auto;} #box1, #box2, #box4, #box6, #box7, #box9, #box10, #box12, #box13, #box15, #box16, #box17, #box18, #box19 {display:block;position:static;margin:20px 0;width:100%;height:auto;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;} #box1 {max-width:100%;width:auto;height:auto;} #box13 {max-width:100%;width:auto;min-height:220px;} /* willkommen */ #box13 h1 a:link, #box13 h1 a:visited {font-size:16px;line-height:22px;margin-bottom:10px;} #box16, #box17 {position:relative;top:0;left:0;min-height:260px;}/* newsteaser */ #box16 img, #box17 img {width:590px;height:auto;} /* newsteaser */ #box15 {width:100%;background:#dedede;} #box8{width:100%;background:#979797;} #box2, #box19 {width:100%;height:200px;padding:50px 15px 10px 15px;} #box10 {position:relative;top:0;left:0;padding-bottom:56.25%;height: 0;overflow: hidden;width: 100%;height: auto;} /* youtube */ #box10 iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%; } /* youtube */ #box12 {background:#dedede;} /* jobs */ #box3, #box8, #box11, #box14, #box18 {display:none;} /* bau, pm img, fm img, planung img breit */ #box6, #box3sp, #box8sp, #box11sp, #box14sp, #box18sp {display:block;position:static;margin:20px 0;width:100%;height:260px;height:auto;line-height:0;overflow:hidden;} #box8sp img {width:590px;min-width:590px;height:260px;overflow:hidden;} #box6 img, #box3sp img, #box8sp img, #box11sp img, #box14sp img, #box18sp img {position:relative;-webkit-transition:none;transition:none;} #box6 img:nth-of-type(2) {display:none;} #box5 {display:none;} /* zufrieden */ #box9 {display:none;} /* logoslider */ #box16 .newsicon, #box17 .newsicon {text-align:right;top:20%;right:20px;max-width:100%;width:auto;height:auto;} #box16 .newsicon img, #box17 .newsicon img {width:60%;height:auto;} #box25 {top:3%;}/* counter */ .jssora03l {left:-30px;} .jssora03r {right:-30px;} /* BOF steffen */.view{-webkit-transition: background-color 0.7s ease-in-out;transition: background-color 0.7s ease-in-out;} #box6 p {display: -webkit-box;display: -ms-flexbox;display: flex;} #box6 p a {margin: 0 auto;} #box4 .view.view-tenth,#box7 .view.view-tenth,#box12 .view.view-tenth,#box15 .view.view-tenth{width: 100vw;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;background-position: center;} #box4 .view.view-tenth .mask,#box7 .view.view-tenth .mask,#box12 .view.view-tenth .mask,#box15 .view.view-tenth .mask{width: 100vw;} #box15 .view .mask{padding-right: 30px;} #box4 .view a.boxlink {margin-top: 200px;} #box4 .view,#box15 .view{background-color: #dbdbdb;} #box4:hover .view,#box7 .view,#box15:hover .view{background-color: #80971A;} #box7:hover .view{background-color: #979797;}#box4 img{width: 260px;}#box12 .view-tenth .mask{background-position: center;}/* EOF steffen */ .far {line-height:50px;} .fa-instagram:before, .fa-youtube:before, .fa-linkedin:before, .fa-xing:before, .fa-twitter:before, .fa-facebook-f:before {line-height:50px;} .move-up {bottom:55px;right:10px;} .move-up button {font-size:15px;line-height:18px;width:64px;height:64px;border-radius:32px;} } /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ @media only screen and (max-width: 540px) { #box16 img, #box17 img {max-width: 100%;width:auto;height:auto;} /* newsteaser */ #box6 img, #box11 img, #box14 img, #box18 img {min-width:540px;/* geändert von steffen max-width: 100%; */width:auto;height:auto;} } /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ @media only screen and (max-width: 420px) { #box2, #box19 {height:230px;padding:20px 15px 10px 15px;} #box16 .newsicon, #box17 .newsicon {text-align:right;top:9%;right:20px;max-width:100%;width:auto;height:auto;} }