/* work-sans-300 - latin */ @font-face { font-family: 'Work Sans'; font-style: normal; font-weight: 300; src: url('../fonts/work-sans-v7-latin-300.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/work-sans-v7-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/work-sans-v7-latin-300.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/work-sans-v7-latin-300.woff') format('woff'), /* Modern Browsers */ url('../fonts/work-sans-v7-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/work-sans-v7-latin-300.svg#WorkSans') format('svg'); /* Legacy iOS */ } /* work-sans-regular - latin */ @font-face { font-family: 'Work Sans'; font-style: normal; font-weight: 400; src: url('../fonts/work-sans-v7-latin-regular.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/work-sans-v7-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/work-sans-v7-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/work-sans-v7-latin-regular.woff') format('woff'), /* Modern Browsers */ url('../fonts/work-sans-v7-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/work-sans-v7-latin-regular.svg#WorkSans') format('svg'); /* Legacy iOS */ } /* work-sans-500 - latin */ @font-face { font-family: 'Work Sans'; font-style: normal; font-weight: 500; src: url('../fonts/work-sans-v7-latin-500.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/work-sans-v7-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/work-sans-v7-latin-500.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/work-sans-v7-latin-500.woff') format('woff'), /* Modern Browsers */ url('../fonts/work-sans-v7-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/work-sans-v7-latin-500.svg#WorkSans') format('svg'); /* Legacy iOS */ } /* work-sans-700 - latin */ @font-face { font-family: 'Work Sans'; font-style: normal; font-weight: 700; src: url('../fonts/work-sans-v7-latin-700.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/work-sans-v7-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/work-sans-v7-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/work-sans-v7-latin-700.woff') format('woff'), /* Modern Browsers */ url('../fonts/work-sans-v7-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/work-sans-v7-latin-700.svg#WorkSans') format('svg'); /* Legacy iOS */ } /* work-sans-600 - latin */ @font-face { font-family: 'Work Sans'; font-style: normal; font-weight: 600; src: url('../fonts/work-sans-v7-latin-600.eot'); /* IE9 Compat Modes */ src: local(''), url('../fonts/work-sans-v7-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/work-sans-v7-latin-600.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/work-sans-v7-latin-600.woff') format('woff'), /* Modern Browsers */ url('../fonts/work-sans-v7-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/work-sans-v7-latin-600.svg#WorkSans') format('svg'); /* Legacy iOS */ } body {padding-top: 148px;} a:focus {outline: none;} div.ccm-page main a:not(.fa):not(.btn):not(.listButton) {color: #0e5b97 !important; font-weight: 600;} .highlight {color: #e84e0e;} /* backend menu */ .menuHeader1 {font-size: 44px !important; font-weight: 600 !important;} .menuHeader2 {font-size: 31px !important; font-weight: 400 !important;} .menuHeader3 {font-size: 20px !important; font-weight: 600 !important; color: #0e5b97 !important;} /* header */ .mainNavi { position:relative; } header.headerNavi > .container { } header.headerNavi .logo { position:absolute; right:0px; top:-44px; } header.headerNavi img {float: right;} header.headerNavi .nav {left: 0px !important;} header.headerNavi .mobileNavi {display: none;} header.headerNavi {padding-top: 42px !important; padding-bottom: 15px !important; border-bottom: 0px !important; position: fixed; top: 0; z-index: 900; width: 100%;} header.headerNavi.smaller {border-bottom: 1px solid #ebebeb !important; padding-top: 15px !important; padding-bottom: 15px !important;} header.headerNavi.smaller .logo img {width: 25% !important;} /* main navi */ /*header .mainNavi ul.nav { position: absolute; left: 0px; margin-top: 44px;}*/ header .mainNavi ul.nav { position: relative; margin-left:-15px; left: 0px; margin-top: 44px;} header .mainNavi ul.nav li { float: left; } header .mainNavi ul.nav li a { color: #000; font-family: 'Work Sans', sans-serif !important; font-weight: 400; padding: 15px 22px 10px 22px;} header .mainNavi ul.nav li a:first-child { padding-left: 15px !important; } header .mainNavi ul.nav li a:hover, ul.nav li a.nav-path-selected, ul.nav li a:focus { background: url(../images/hoverNavi.png) no-repeat; background-size: 34px 7px; background-position: 15px 0px;} header .mainNavi ul.nav li .subNavToggle { display:none; } header .mainNavi ul.nav li .subNavToggle-clear { display:none; } /* sub navi*/ header .mainNavi ul.nav ul {display: none; position: absolute; left: 16px; background: url(../images/arrowNavi.png) no-repeat; background-position: 15px 4px; z-index: 100; white-space: nowrap; padding: 14px 0 0 0;} header .mainNavi ul.nav li:hover ul {display: block;} header .mainNavi ul.nav li ul.active {background: url(../images/arrowNaviHover.png) no-repeat; background-position: 15px 4px;} header .mainNavi ul.nav ul li {clear: left; list-style-type: none; padding: 0; background: url(../images/bgNavi.png); width: 100%;} header .mainNavi ul.nav ul li:hover {clear: left; list-style-type: none; background: #055a96; width: 100%;} header .mainNavi ul.nav ul li a:first-child {padding-top: 10px;} header .mainNavi ul.nav ul li a:last-child {padding-bottom: 10px;} header .mainNavi ul.nav ul li a {padding: 10px 20px 10px 20px !important; color: #fff; font-weight: 400; display: block;} header .mainNavi ul.nav ul li a:hover, header .mainNavi ul.nav ul li a:active, ul.nav ul li a.nav-path-selected { background: none; text-decoration: none;} /*sub navi padding*/ header .mainNavi ul.nav li a.eb_einlippen-tbm, header .mainNavi ul.nav li a.eb_rifling_machines, header .mainNavi ul.nav li a.eb_bta-tbm, header .mainNavi ul.nav li a.eb_kreuztisch-tbm, header .mainNavi ul.nav li a.eb_gundrilling_machines, header .mainNavi ul.nav li a.eb_bta_deep_hole_drilling, header .mainNavi ul.nav li a.eb_cross-table-machine, header .mainNavi ul.nav li a.eb_drallziehmaschinen, header .mainNavi ul.nav li a.eb_sondermaschinen, header .mainNavi ul.nav li a.eb_customized-machines, header .mainNavi ul.nav li a.eb_Gebrauchtmaschinen, header .mainNavi ul.nav li a.eb_used-machines, header .mainNavi ul.nav li a.eb_drall, header .mainNavi ul.nav li a.eb_twist { padding-left: 40px !important; } .container {font-family: 'Work Sans', sans-serif !important;} .container h1 {font-family: XXIIGeom-Bold !important; font-size: 48px !important; line-height: 50px !important; margin-top: 0px !important; margin-bottom: 20px !important; font-weight: normal !important; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto;} .container h2 {font-family: 'Work Sans', sans-serif !important; font-size: 31px !important; line-height: 35px !important; margin-top: 0px !important; margin-bottom: 20px !important; font-weight: 400 !important; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto;} .container h3 {font-family: XXIIGeom-Bold !important; font-size: 20px !important; line-height: 25px !important; color: #0e5b97 !important; font-weight: normal !important; font-style: normal !important; } .container .header1 {font-family: XXIIGeom-Bold; !important; font-size: 54px !important; line-height: 56px !important; margin-top: 55px !important; margin-bottom: 20px !important; font-weight: normal !important; display: block; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto;} .container .header2 {font-family: 'Work Sans', sans-serif !important; font-size: 31px !important; line-height: 35px !important; margin-top: 0px !important; margin-bottom: 44px !important; font-weight: 400 !important; display: block; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto;} .container .header3 {font-family: XXIIGeom-Bold !important; font-size: 20px !important; line-height: 25px !important; color: #0e5b97 !important; font-weight: normal !important; font-style: normal !important; position: relative; top: 20px; display: block; padding-bottom: 10px;} /* reset bold */ .container .header1 strong, .container h1 strong { font-weight: normal !important;} .container h4 {font-family: 'Work Sans', sans-serif !important; font-size: 18px !important; line-height: 20px !important; color: #0e5b97 !important; font-weight: 600 !important;} .container p {margin-bottom: 20px !important;} .container .teaser {margin-top: 68px;} .container .teaser h3 {font-family: XXIIGeom-Bold !important; font-size: 20px !important; line-height: 25px !important; color: #0e5b97 !important; font-weight: normal !important;} .container .teaser .highlight {font-size: 15px !important;} /* footer */ footer {letter-spacing: 0.2px; background: #ebebeb; font-size: 12px; color: #000 !important;} footer#footer-theme section {border-top: 0px !important; padding-top: 54px !important; padding-bottom: 46px !important;} footer .footerContact {padding-top: 18px;} footer .footerNavigation {padding-top: 21px;} footer .footerNavigation a {margin: 0 5px 0 2px;} footer .footerNavigation a::after {content: ' |'} footer .footerNavigation a.socialMedia { margin-bottom: 5px; display: inline-block;} footer .footerNavigation a.socialMedia::after {content: ''} footer .footerNavigation a:last-child {margin-right: 0px;} footer .footerNavigation a:last-child::after {content: ''} footer a {color: #000 !important;} footer .index1, footer .index2 {float: left;} footer .index1 {padding-right: 25px; margin-bottom: 15px;} /* slider full */ .sliderFull .ccm-image-slider {width: 100% !important; padding-left: 0px !important; padding-right: 0px !important; } .sliderFull .ccm-image-slider-container .ccm-image-slider-inner {float: none !important; margin-left: 0px !important; margin-right: 0px !important; padding-left: 0px !important; padding-right: 0px !important;} .sliderFull .ccm-image-slider-container .ccm-image-slider .rslides li {max-height: 950px !important;} .sliderFull .ccm-image-slider-container .rslides_tabs {max-width: 100% !important; } /* slider normal */ .ccm-image-slider-inner {width: auto !important; margin-left: 0px !important; padding-left: 0px !important;} .ccm-image-slider-container {background: none !important; border: 0px !important; padding-top: 0px !important; height: 100% !important; margin-bottom: 0px !important;} .ccm-image-slider-container .rslides_tabs {position: absolute !important; margin-top: -52px; z-index: 100; width: 100%; max-width: 1140px; text-align: center;} .ccm-image-slider-container .rslides_tabs li a {width: 8px !important; height: 8px !important; margin-right: 0px !important;} .ccm-image-slider-container .rslides_tabs li.rslides_here a {background: #fff !important;} /* listing */ .wrapper {padding-top: 19px; padding-bottom: 19px;} .listImg {padding-left: 0px !important;} .line {border-top: 1px solid #000; border-bottom: 1px solid #000;} .lineTop {border-top: 1px solid #000;} .lineBottom {border-bottom: 1px solid #000;} .listButton, div.ccm-page main a.listButton {border: 0px; width: 139px; height: 39px; background: #0e5b97; color: #fff !important; margin-top: 13px; font-weight: normal; display:inline-block; line-height:39px; text-align:center} /* formular */ form.customForm.contact, form.customForm .maxWidth {max-width: 555px;} form.customForm input[type=checkbox]:not(old), form.customForm input[type=radio]:not(old) {width: 40px; margin: 0; padding: 0; opacity: 0;} form.customForm input[type=checkbox]:not(old) + label, form.customForm input[type=radio]:not(old) + label {display: inline-block; margin-left: -40px; padding-left: 100px; background: url('../images/bgRadioCheckbox.png') no-repeat 0 0; line-height: 40px;} form.customForm input[type=checkbox]:not(old):checked + label, form.customForm input[type=radio]:not(old):checked + label {background: url('../images/bgRadioCheckboxActive.png') no-repeat 0 0;} /*input[type='radio'] { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none !important; border-radius: 0; width: 40px; height: 40px; background: #ebebeb !important;}*/ form.customForm input[type='text'] {border: 0px !important; border-radius: 0px !important; color: #000 !important; font-size: 15px !important; width: 100%; max-width: 555px; background: #ebebeb; padding: 17px 10px 17px 10px !important; margin-bottom: 20px;box-shadow: none !important; height: auto !important;} form.customForm input[type=text]:focus, form.customForm textarea:focus { box-shadow: none !important;} form.customForm input.btn {background: #0e5b97; border: 0px !important; border-radius: 0px !important; color: #fff !important; width: 65%; padding-left: 0px !important; padding-right: 0px !important; height: 52px !important; margin-top: 15px;} form.customForm textarea {border: 0px !important; border-radius: 0px !important; color: #000 !important; font-size: 15px !important; width: 100%; max-width: 555px; height: 290px; background: #ebebeb; padding: 17px 10px 17px 10px !important; margin-bottom: 56px; resize: none;} form.customForm #button-file { border: 0px; height: 55px; background: #b3b7bb; color: #fff; width: 270px; } form.customForm label {display: block; font-weight: normal; color: #000 !important;} form.customForm label.inline {display: inline; padding-left: 60px;} form.customForm span.mandatory {font-size: 12px; float: right; position: relative; top: 54px;} @media screen and (max-width: 991px) { /*max-width: 995px*/ /*header navi */ .mainNavi { min-height:44px; padding-top:44px; transition:ease-in all 200ms; } .mobileNavi.active ~ .mainNavi { padding-top:66px; /*transition:ease-in all 300ms;*/ } header.headerNavi { max-height:100%; min-height:60px; height:auto; overflow:auto; display:block; /*padding-left:15px;*/ /*padding-right:15px;*/ } header.headerNavi .container { /*width:100%;*/ padding-left:0; padding-right:0; position:relative; } header.headerNavi .logo { right:15px; top:0; } body.freeze-scroll-sm { overflow:hidden; } header.headerNavi.smaller .logo img, header.headerNavi .logo img { /*width:63px !important;*/ /*height:25px;*/ width:100px !important; height:40px; } body { padding-top:100px; } header.headerNavi { border-bottom:1px solid #ebebeb !important; padding-top:15px !important; padding-bottom:15px !important; } header.headerNavi .mobileNavi { z-index:500; position:absolute; display:block; background:url('../images/mobileNavi.png') no-repeat; height:39px; width:47px; left:15px; top:15px; background-size:34px 25px; } header.headerNavi .mobileNavi.active { background:url('../images/mobileNaviActive.png') no-repeat; background-size:24px 25px; } header.headerNavi.smaller .mobileNavi { top:15px; background-size:34px 25px; } header.headerNavi.smaller .mobileNavi.active { background-size:24px 25px; } header .mainNavi ul.nav > li > a:hover, ul.nav > li > a.nav-path-selected, ul.nav > li > a:focus { background-image:none; } header.headerNavi .mainNavi > ul.nav { background-color:#ffffff; float:none; display:none; /*position:absolute !important;*/ position:relative !important; top:0 !important; width:100% !important; border-bottom:1px solid #919191; padding:0; margin:0 0 0 0; } header.headerNavi .mainNavi > ul.nav li { float:none; display:block; width:100%; background:none; color:inherit; vertical-align:middle; border-top:1px solid #919191; } header.headerNavi .mainNavi > ul.nav li > a { color:inherit; } header.headerNavi .mainNavi > ul.nav li.hasSub > a { width:70%; display:block; float:left; } header .mainNavi ul.nav li.hasSub > .subNavToggle { width:30%; display:inline-block; background-color:transparent; /*padding: 15px 15px 10px 15px;*/ float:left; cursor:pointer; text-align:right; padding-right:15px; padding-top:10px; } /* header .mainNavi ul.nav li.hasSub > .subNavToggle:before { content:"open"; color:transparent; } */ header .mainNavi ul.nav li.hasSub > .subNavToggle:after { content:url(../images/toggleSubNav.png); padding:0; line-height:100%; display:inline-block; text-align:right; transition:ease-in all 300ms; padding-top: 6px; } header .mainNavi ul.nav li.hasSub.sub-open > .subNavToggle:after { -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg); transform:rotate(180deg); transition:ease-in all 300ms; } header .mainNavi ul.nav li.hasSub .subNavToggle-clear { content:" "; display:table; clear:both; height:0; } header.headerNavi .mainNavi > ul.nav > li { float:none; display:block; } header.headerNavi .mainNavi > ul.nav > li > ul { display:none; position:relative; left:0; background-image:none; background-color:#ebebeb; white-space: inherit; padding: 0 0 0 0; } header.headerNavi .mainNavi > ul.nav > li:hover > ul { display: none; } header.headerNavi .mainNavi > ul.nav > li.sub-open > ul, header.headerNavi .mainNavi > ul.nav > li.sub-open:hover > ul { display:block; } header .mainNavi ul.nav ul li:hover { color: #055a96; background-color:transparent; } /*sub navi padding*/ header .mainNavi ul.nav li a.eb_einlippen-tbm, header .mainNavi ul.nav li a.eb_steuerungskonzepte, header .mainNavi ul.nav li a.eb_bta-tbm, header .mainNavi ul.nav li a.eb_kreuztisch-tbm, header .mainNavi ul.nav li a.eb_gundrilling_machines, header .mainNavi ul.nav li a.eb_control_concept, header .mainNavi ul.nav li a.eb_bta_deep_hole_drilling, header .mainNavi ul.nav li a.eb_cross-table-machine { padding-left: 15px !important; } /* header.headerNavi.smaller .mainNavi .nav { top:30px !important; } header.headerNavi .mainNavi ul { width:100% !important; border-left:1px solid #fff; background:#fff url(../images/arrowNavi.png) no-repeat !important; background-position:30px 0px !important; padding-top:10px; } header.headerNavi.smaller .mainNavi ul { background-position:30px 0px !important; } header.headerNavi .mainNavi ul.nav li { width:calc(100% / 3) !important; background:#4d4d4d !important; border-right:1px solid #fff; text-align:center; margin-bottom:1px; } header.headerNavi .mainNavi ul.nav li a { color:#fff; padding:50px 0 50px 0 !important; } header.headerNavi .logo { float:right; } */ /* subnavi header.headerNavi .mainNavi ul.nav ul {display: none !important;} header.headerNavi .mainNavi ul.nav li a:hover, ul.nav li a.nav-path-selected, ul.nav li a:focus {background: none !important} */ /* listing */ .listContent {padding-left: 0px !important; padding-top: 10px !important;} .listImg {} /* footer */ footer .footerContact {padding-top: 0px;} footer .footerNavigation {padding-top: 0px;} footer .footerNavigation a {display: block; margin-bottom: 15px;} footer .footerNavigation a::after {content: ''} footer .index1, footer .index2 {clear: left;} footer .index1 {padding-right: 0px} footer .footerNavigation a::after {content: '' !important} /*images*/ img.ccm-image-block, .various img, .wrapper img {width: 100% !important;} .ccm-image-slider-text h2.ccm-image-slider-title { font-size: 20px !important; } } @media screen and (max-width: 1200px) { /* footer */ footer .footerContact {padding-top: 0px;} footer .footerNavigation {padding-top: 0px;} footer .footerNavigation a {display: block; margin-bottom: 15px;} footer .footerNavigation a::after {content: ''} footer .index1, footer .index2 {clear: left;} footer .index1 {padding-right: 0px} footer .footerNavigation a::after {content: '' !important} } @media screen and (min-width: 995px) { /*header navi */ header.headerNavi .mainNavi .nav {display: block !important;} } @media screen and (max-width: 991px) { /*header navi */ header.headerNavi .mainNavi ul.nav li a {font-size: 15px !important;} header.headerNavi .mainNavi ul.nav li a { padding: 15px 15px 10px 15px;} /*header.headerNavi.smaller .mainNavi ul.nav { margin-top: 0px !important;}*/ /*header.headerNavi.smaller .mainNavi ul.nav li:hover ul {top: 30px !important;}*/ /* sub navi */ header .mainNavi ul.nav ul {margin-top: 2px;} /* footer */ footer .footerContact {padding-top: 0px;} footer .footerNavigation {padding-top: 0px;} } @media screen and (min-width: 992px) { .container .teaser {margin-left: 50px;} /*header navi */ header.headerNavi .mainNavi ul.nav li a {font-size: 15px !important;} header.headerNavi.smaller .mainNavi ul.nav { margin-top: -1px !important;} /*header.headerNavi.smaller .mainNavi ul.nav li:hover ul {top: 30px !important;}*/ /* sub navi */ header .mainNavi ul.nav ul {margin-top: 2px;} } @media screen and (min-width: 1200px) { .container .teaser {margin-left: 97px;} /*header navi */ header.headerNavi .mainNavi ul.nav li a {font-size: 16px !important;} header.headerNavi.smaller .mainNavi ul.nav { margin-top: 4px !important;} header.headerNavi.smaller .mainNavi ul.nav li:hover ul {top: 34px !important;} /* sub navi */ header .mainNavi ul.nav ul {margin-top: 0px;} } @media print { .nav, .footerNavigation { display: none; } #footer-theme img, .logo img { width: 150px; } header, footer { position: relative !important; } #footer-theme a::after, .logo > a::after { content: ''; } } /* Überschriften kleiner */ @media screen and (max-width: 991px) { .container h1 {font-size: 48px !important; line-height: 50px !important; margin-top: 48px !important; margin-bottom: 16px !important;} .container h2 {font-size: 27px !important; line-height: 29px !important; margin-top: 0px !important; margin-bottom: 30px !important; } .container h3 {font-size: 18px !important; line-height: 18px !important; color: #0e5b97 !important;} .container .header1 {font-size: 48px !important; line-height: 50px !important; margin-top: 48px !important; margin-bottom: 16px !important;} .container .header2 {font-size: 27px !important; line-height: 29px !important; margin-top: 0px !important; margin-bottom: 30px !important;} .container .header3 {font-size: 18px !important; line-height: 18px !important; } } @media screen and (max-width: 780px) { /* 80% */ .container h1 {font-size: 30px !important; line-height: 33px !important; margin-top: 30px !important; margin-bottom: 16px !important;} .container h2 {font-size: 22px !important; line-height: 25px !important; margin-top: 0px !important; margin-bottom: 25px !important; } .container h3 {font-size: 18px !important; line-height: 18px !important; color: #0e5b97 !important;} .container .header1 {font-size: 30px !important; line-height: 33px !important; margin-top: 30px !important; margin-bottom: 16px !important;} .container .header2 {font-size: 22px !important; line-height: 25px !important; margin-top: 0px !important; margin-bottom: 25px !important;} .container .header3 {font-size: 18px !important; line-height: 18px !important; } } .justify-container p { text-align: justify; text-justify: inter-word; } body div.ccm-page { padding-top: 0px !important; } #stoerer { padding-left: 11px; } #stoerer .mobile { display: none; } @media screen and (max-width: 770px) { #stoerer .mobile { display: block; } #stoerer .notMobile { display: none; } } .video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; } .video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #popupStoerer, #popupStoererVideo { position: absolute; top: 0px; left: 0; right: 0; width: 50%; /*width: 90%; max-width: 1600px;*/ height: auto; margin: auto; z-index: 800; font-family: 'Work Sans', sans-serif; font-size: 27px; color: #000; background: #fff url('../images/popupStoerer.jpg') no-repeat top left; background-size: cover; padding: 0 0 0 0; } #popupStoerer #stoererWrapper, #popupStoererVideo #stoererWrapper { padding: 0 0 0 0; /*max-width: 1280px;*/ } #popupStoerer #stoererWrapper .drilling, #popupStoererVideo #stoererWrapper .drilling { padding-right: 3.125vw; margin-bottom: 30px; width: 100%; } #popupStoerer #popupClose, #popupStoererVideo #popupCloseVideo { position: absolute; top: 10px; right: 20px; width: 17px; height: 18px; } #popupStoerer h1, #popupStoererVideo h1 { font-family:XXIIGeom-Bold !important; font-size: 50px !important; line-height: normal !important; color: #fff; margin-top: 0px !important; margin-bottom: 4px !important; font-weight: normal !important; padding-left: 3.125vw; padding-right: 3.125vw; } #popupStoerer h1 { padding-left: 0.125vw; padding-right: 0.125vw; } #popupStoerer .daumen { height: 2.865vw; position:absolute; margin-left: 1.563vw; } #popupStoerer h3, #popupStoererVideo h3 { font-family: XXIIGeom-Bold !important; font-size: 29px !important; line-height: normal !important; color: #fff !important; font-weight: normal !important; font-style: normal !important; margin-top: 2px; padding-left: 3.125vw; padding-right: 3.125vw; } #popupStoerer .buttonStoerer, #popupStoererVideo .buttonStoerer { margin-top: 64px; margin-bottom: 53px; display: inline-block; width: 30%; float: left; } #popupStoerer .buttonStoerer .buttonStoererLeft, #popupStoererVideo .buttonStoerer .buttonStoererLeft { margin-bottom: 2.865vw; display: block; } #popupStoerer .buttonStoerer img, #popupStoererVideo .buttonStoerer img { width: 20.833vw; max-width: 400px; } #popupStoerer #contentStoerer, #popupStoererVideo #contentStoerer { padding: 3.125vw; } #popupStoerer #contentStoerer { padding-top: 4.125vw; padding-bottom: 4.125vw; } #popupStoerer #contentStoererText, #popupStoererVideo #contentStoererText { /*max-width: 80%;*/ width: 70%; display: inline-block; float: left; color: #fff; } #popupStoerer ul, #popupStoererVideo ul { /*list-style-type: none;*/ padding-left: 12px; margin-top: 10px; margin-bottom: 10px; } #popupStoerer ul > li, #popupStoererVideo ul > li { /*text-indent: -25px;*/ padding-bottom: 10px; margin-left: 15px; margin-right: 25px; color: #fff; } #popupStoerer ul li.clear, #popupStoererVideo ul li.clear { clear: both; } #popupStoerer ul:after, #popupStoererVideo ul:after { content: "."; clear: both; display: block; visibility: hidden; height: 0px; } /* #popupStoerer ul > li:before { content: "-"; text-indent: -25px; padding-right: 10px; }*/ #popupStoerer ul.noListingType, #popupStoererVideo ul.noListingType { padding-left: 0px; } #popupStoerer ul.noListingType > li, #popupStoererVideo ul.noListingType > li { text-indent: 0px; margin-left: 0px; list-style-type:none; } #popupStoerer ul.noListingType > li:before, #popupStoererVideo ul.noListingType > li:before { content: ""; text-indent: 0px; padding-right: 0; } #popupStoerer #vespa img, #popupStoererVideo #vespa img { width: 40%; position:absolute; bottom: 30px; right: 20px; } #popupStoerer .stoererForm, #popupStoererVideo .stoererForm { display: none; } #popupStoerer form, #popupStoererVideo form { padding-left: 3.125vw; padding-top: 30px; font-size: 18px; font-weight: 600; } #popupStoerer form input, #popupStoerer form textarea, #popupStoererVideo form input, #popupStoererVideo form textarea { width: 100%; background: #c2c7cd; border-radius: 5px; border: 1px solid #c2c7cd; padding: 8px 5px; font-weight: 400; } #popupStoerer form textarea, #popupStoererVideo form textarea { height: 121px; } #popupStoerer form label, #popupStoererVideo form label { display: block; margin-top: 5px; margin-bottom: 5px; font-weight: 500; } #popupStoerer form .sendForm, #popupStoererVideo form .sendForm { float: right; background: none; border: 0px; margin-right: -10px; display: none; margin-top: 15px; } #popupStoerer form #backButton , #popupStoererVideo form #backButton{ float: left; display: block; margin-left: -11px; margin-top: 22px; } #popupStoerer form .sendForm img, #popupStoererVideo form .sendForm img { width: 180px; margin-right: -10px; } #popupStoerer .required^, #popupStoererVideo .required { color: #fff; font-weight: normal; margin-top: 30px; margin-bottom: 20px; display:block; } @media screen and (max-width: 1920px) { #popupStoerer, #popupStoererVideo { font-size: 1.406vw; } #popupStoerer h1, #popupStoererVideo h1 { font-size: 2.604vw !important; } #popupStoerer h3, #popupStoererVideo h3 { font-size: 1.510vw !important; } #popupStoerer .buttonStoerer, #popupStoererVideo .buttonStoerer { margin-top: 3.333vw; margin-bottom: 2.760vw; } #popupStoerer ul, #popupStoererVideo ul { padding-left: 0.625vw; } #popupStoerer ul > li, #popupStoererVideo ul > li { margin-left: 0.781vw; margin-right: 1.302vw; } } @media screen and (max-width: 1200px) { #popupStoerer, #popupStoererVideo { width: 90%; } #popupStoerer #contentStoerer, #popupStoererVideo #contentStoerer { padding-top: 40px; } } @media screen and (max-width: 991px) { #popupStoerer .buttonStoerer .buttonStoererLeft, #popupStoererVideo .buttonStoerer .buttonStoererLeft { display: inline; margin-right: 1.563vw; } #popupStoerer ul > li, #popupStoererVideo ul > li { clear: both; margin-left: 17px; } #popupStoerer, #popupStoererVideo { font-size: 15px; } #popupStoerer h1, #popupStoererVideo h1 { font-size: 27px !important; } #popupStoerer .daumen { height: 30px; position:absolute; margin-left: 20px; } #popupStoerer h1 span, #popupStoererVideo h1 span { display: block; } #popupStoerer h3, #popupStoererVideo h3 { font-size: 16px !important; padding-bottom: 35px; } #popupStoerer h3 span, #popupStoererVideo h3 span { display: block; } #popupStoerer h3 .hide, #popupStoererVideo h3 .hide { display: none; } #popupStoerer .buttonStoerer, #popupStoerer #contentStoererText, #popupStoererVideo .buttonStoerer, #popupStoererVideo #contentStoererText { position:relative; top: 0px; width: 100%; } #popupStoerer .stoererForm #contentStoererText, #popupStoererVideo .stoererForm #contentStoererText { top: 0; } #popupStoerer .stoererForm #vespa, #popupStoererVideo .stoererForm #vespa { display: none; } #popupStoerer .buttonStoerer img, #popupStoererVideo .buttonStoerer img { width: 48%; } #popupStoerer #vespa, #popupStoererVideo #vespa { text-align:center; margin-top: 20px; } #popupStoerer #vespa img, #popupStoererVideo #vespa img { position:relative; left: inherit; bottom: inherit; margin: auto; width: 100%; max-width: 400px; } #popupStoerer form, #popupStoererVideo form { padding-right: 3.125vw; } #popupStoerer ul, #popupStoererVideo ul { padding-left: 0px; } } @media screen and (max-width: 550px) { #popupStoerer .buttonStoerer img, #popupStoererVideo .buttonStoerer img { width: 100%; } #popupStoerer .buttonStoerer .buttonStoererLeft, #popupStoererVideo .buttonStoerer .buttonStoererLeft { margin: 0px; } #popupStoerer h1 { font-size: 20px !important; } #popupStoerer .daumen { height: 23px; position:absolute; margin-left: 15px; } #popupStoerer h3, #popupStoererVideo h3 { font-size: 14px !important; padding-bottom: 0; } #popupStoerer .buttonStoerer, #popupStoerer #contentStoererText, #popupStoererVideo .buttonStoerer, #popupStoerer #contentStoererText { position:relative; top: 0; } #popupStoerer .buttonStoerer .buttonStoererLeft img, #popupStoererVideo .buttonStoerer .buttonStoererLeft img { margin-bottom: 5px; } } .icon_routenplaner { width:auto; height:38px; position:absolute; bottom:15px; left:25px; background-color:#FFF; border:1px solid #b3b3b3; border-radius:2px; padding:5px; font-size:16px; line-height:24px; } @media screen and (max-width: 770px) { .icon_routenplaner { bottom: 60px; } } .klaro .cookie-notice .cm-btn.cm-btn-danger, .klaro .cookie-modal .cm-app-input:checked + .cm-app-label .slider, .klaro .cookie-notice .cm-app-input:checked + .cm-app-label .slider, .klaro .cookie-modal .cm-btn.cm-btn-success, .klaro .cookie-notice .cm-btn.cm-btn-success { background: #0e5b97 !important; } .klaro .cookie-notice a, .klaro .cookie-modal a, .klaro .cookie-notice a { color: #fff !important; text-decoration:underline !important; } .fancybox-error { background: #fff; }