/* open-sans-300 - latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 300; src: url('../Fonts/open-sans-v29-latin-300.eot'); /* IE9 Compat Modes */ src: local(''), url('../Fonts/open-sans-v29-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../Fonts/open-sans-v29-latin-300.woff2') format('woff2'), /* Super Modern Browsers */ url('../Fonts/open-sans-v29-latin-300.woff') format('woff'), /* Modern Browsers */ url('../Fonts/open-sans-v29-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('../Fonts/open-sans-v29-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-regular - latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: url('../Fonts/open-sans-v29-latin-regular.eot'); /* IE9 Compat Modes */ src: local(''), url('../Fonts/open-sans-v29-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../Fonts/open-sans-v29-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../Fonts/open-sans-v29-latin-regular.woff') format('woff'), /* Modern Browsers */ url('../Fonts/open-sans-v29-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../Fonts/open-sans-v29-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-500 - latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 500; src: url('../Fonts/open-sans-v29-latin-500.eot'); /* IE9 Compat Modes */ src: local(''), url('../Fonts/open-sans-v29-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../Fonts/open-sans-v29-latin-500.woff2') format('woff2'), /* Super Modern Browsers */ url('../Fonts/open-sans-v29-latin-500.woff') format('woff'), /* Modern Browsers */ url('../Fonts/open-sans-v29-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */ url('../Fonts/open-sans-v29-latin-500.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-700 - latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: url('../Fonts/open-sans-v29-latin-700.eot'); /* IE9 Compat Modes */ src: local(''), url('../Fonts/open-sans-v29-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../Fonts/open-sans-v29-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('../Fonts/open-sans-v29-latin-700.woff') format('woff'), /* Modern Browsers */ url('../Fonts/open-sans-v29-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('../Fonts/open-sans-v29-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */ } @font-face { font-family: "montserrat"; src: url('../Fonts/montserrat-bold-webfont.eot'); src: url('../Fonts/montserrat-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../Fonts/montserrat-bold-webfont.woff') format('woff'), url('../Fonts/montserrat-bold-webfont.ttf') format('truetype'), url('../Fonts/montserrat-bold-webfont.svg') format('svg'); font-weight: 700; } @font-face { font-family: "montserrat"; src: url('../Fonts/montserrat-regular-webfont.eot'); src: url('../Fonts/montserrat-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../Fonts/montserrat-regular-webfont.woff') format('woff'), url('../Fonts/montserrat-regular-webfont.ttf') format('truetype'), url('../Fonts/montserrat-regular-webfont.svg') format('svg'); font-weight: 500; } @font-face { font-family: "icons"; src: url('../Fonts/icomoon.eot'); src: url('../Fonts/icomoon.eot?#iefix') format('embedded-opentype'), url('../Fonts/icomoon.woff') format('woff'), url('../Fonts/icomoon.ttf') format('truetype'), url('../Fonts/icomoon.svg') format('svg'); } @font-face { font-family: "icons"; src: url('../Fonts/icomoon.eot'); src: url('../Fonts/icomoon.eot?#iefix') format('embedded-opentype'), url('../Fonts/icomoon.woff') format('woff'), url('../Fonts/icomoon.ttf') format('truetype'), url('../Fonts/icomoon.svg') format('svg'); } /* .spaceship-icon Basis-Regeln migriert nach main.css @layer components. * TYPO3-Page-ID-Selektoren (#p42, #p7, #p4, #p6, #p39) weggelassen — * die gibt es in Kirby nicht. */ .spinner { position: absolute; top: 0; right: -4rem; font-family: "icons"; font-size: 2.1rem; font-weight: 500; -webkit-animation: spin 0.7s infinite linear; animation: spin 0.7s infinite linear; } .spinner:after { content: "\e058"; } @-webkit-keyframes spin { from { -webkit-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg); } to { -webkit-transform: scale(1) rotate(360deg); transform: scale(1) rotate(360deg); } } @keyframes spin { from { -ms-transform: scale(1) rotate(0deg); -webkit-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg); } to { -ms-transform: scale(1) rotate(360deg); -webkit-transform: scale(1) rotate(360deg); transform: scale(1) rotate(360deg); } } .logo-wrap { max-width: 100%; } /* Basis-Typo (body/h*/p/a/img/iframe/text-highlight) migriert nach * main.css @layer base. Hier bleiben nur Ausnahmen/Spezialfälle, die * über die normalen Element-Defaults hinausgehen. */ .ce-gallery figure { max-width: 100%; overflow: hidden; display: block; } .ce-center .image { width: 100%; display: block; } .ce-center .ce-outer { max-width: 100%; } .ce-center .ce-inner { width: 100%; } a:hover img { opacity: 0.8; } p a, table a { font-weight: 500; } .frame p { margin-bottom: 20px; } .dealer h3 { text-transform: none; } header.sub h1 { color: #fff; } ol li { margin-left: 1.7rem; padding-left: 0.5rem; } ul li { margin-left: 1rem; } ul li:before { position: relative; top: 1px; margin-left: -1.1rem; font-family: icons; font-size: 1.1rem; content: "\e607"; } ul li > ul > li { margin-left: 2.6rem; } ul.no-bullets li:before { content: none; } .margin-bottom-large { margin-bottom: 9rem; } .more .close { display: none; } #playlist { clear: both; } #playlist .track { color: #000; } #playlist .track:hover { color: #1db682; text-decoration: none; } #playlist .track-description { padding-left: 0.2rem; } #playlist .li-description { margin-top: 1.5rem; } #playlist ol { margin: 0; padding: 0; padding-left: 0.6rem; list-style: none; } #playlist ol li { padding: 0; margin: 0; } #playlist ol li a { position: relative; display: block; width: 100%; padding: 0.2rem; border: 1px solid #fff; -webkit-transition-property: border-color; transition-property: border-color; -webkit-transition-duration: .4s; transition-duration: .4s; } #playlist ol li a:hover { border-color: #1db682; -webkit-transition-property: border-color; transition-property: border-color; -webkit-transition-duration: .1s; transition-duration: .1s; } #playlist .playing a { color: #1db682; border: 1px solid #1db682; } #tab-demos-div .news-related-files-link { margin-top: -7.5rem; position: absolute; margin-left: 4.8rem; font-size: 1.1rem; } .container { clear: both; position: relative; width: 1010px; background-color: #fff; margin: 0 auto 0; } @media only screen and (max-width: 1010px) { .container { width: 100%; } } p { margin-bottom: 20px; } .important { display: inline-block; font-weight: 700; font-size: 1.4rem; color: #1db682; } #front-page .seperator { height: 24.5rem; margin-bottom: 2.5rem; padding-top: 9.5rem; } /* .seperator Basis-Regeln migriert nach main.css @layer components. */ .description-important p { margin-bottom: 30px; font-family: "montserrat"; font-weight: 500; font-size: 1.7rem; color: black; } ul.ce-uploads span { display: inline; } ul.ce-uploads .ce-uploads-fileName { float: left; margin-right: 0.5rem; line-height: 2.7rem; text-decoration: none; } ul.ce-uploads li:before { position: absolute; content: ""; } ul.ce-uploads .ce-uploads-fileSize, .news-related-files-size { line-height: 2.7rem; } @media only screen and (max-width: 767px) { ul.ce-uploads .ce-uploads-fileSize, .news-related-files-size { clear: both; display: block; margin-left: 3.9rem; line-height: 1rem; font-size: 1rem; } } #mainmenu-sticky-wrapper { width: 100%; } #mainmenu { width: 100%; text-align: center; z-index: 110; position: relative; height: 7.5rem; margin-bottom: 55px; background: url('../Images/space.jpg') 50% 0; } #mainmenu.no-background { background: none; } #mainmenu.sub { position: absolute; top: 0; height: 21.2rem; } @media only screen and (max-width: 767px) { #mainmenu.sub { height: 14rem; } } @media only screen and (min-width: 767px) { #mainmenu.isSticky { position: fixed; top: -14rem; } } @media only screen and (max-width: 767px) { #mainmenu.isSticky { position: absolute; } } #mainmenu.sub #logo h1 { color: #fff; } @media only screen and (max-width: 767px) { #mainmenu .navbar-toggle:after { position: relative; top: 0.4rem; padding-left: 1rem; font-family: "icons"; font-size: 2.1rem; content: "\e120"; } #mainmenu .navbar-toggle { padding: 0.4rem 1rem 0.5rem; line-height: 1.6rem; } #mainmenu .navbar-toggle.collapsed { background-color: transparent; } } #mainmenu nav#navbar { overflow-y: hidden; font-family: "montserrat"; text-transform: uppercase; margin-top: 2.8rem; } @media only screen and (min-width: 767px) { #mainmenu nav#navbar { display: inline-block !important; } } @media only screen and (max-width: 767px) { #mainmenu nav#navbar { display: none; background-color: transparent; width: 100%; padding: 0; border-bottom: 2px solid #000; } #mainmenu nav#navbar.collapse.in { display: block; background-color: #fff; } #mainmenu nav#navbar ul { margin: 1rem 0; } } #mainmenu nav#navbar li { float: left; padding: 0.5rem 1.5rem 0.5rem 1.5rem; } @media only screen and (max-width: 767px) { #mainmenu nav#navbar li { float: none; padding: 0.5rem 1rem 0.5rem 1rem; } } #mainmenu nav#navbar li:before { content: none; } #mainmenu nav#navbar li a { color: #fff; font-size: 1.5rem; letter-spacing: 0.5rem; line-height: 1.8rem; padding: 0.3rem 0.2rem 0 0.7rem; } @media only screen and (max-width: 991px) { #mainmenu nav#navbar li a { font-size: 1.3rem; } } @media only screen and (max-width: 767px) { #mainmenu nav#navbar li a { color: #000; font-weight: 700; } } #mainmenu nav#navbar li.current a, #mainmenu nav#navbar li.active a { border: 1px solid; border-color: #ffcd2a; padding: 0.3rem 0.1rem 0.2rem 0.6rem; color: #ffcd2a; } #mainmenu nav#navbar li:hover a { border: 1px solid; border-color: #ffcd2a; padding: 0.3rem 0.1rem 0.2rem 0.6rem; color: #fff; text-decoration: none; } @media only screen and (max-width: 767px) { #mainmenu nav#navbar li:hover a { color: #000; } } #mainmenu nav#navbar li:hover.current a, #mainmenu nav#navbar li:hover.active a { color: #ffcd2a; } #mainmenu.sub nav { padding-top: 3rem; } #topHeader { z-index: 100; position: fixed; width: 100%; height: 130px; top: 0; background-color: white; } @media only screen and (max-width: 767px) { #topHeader { position: absolute; } } #topHeader #space { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; background: url('../Images/space_tile_brighter.jpg'); background-repeat: repeat; background-position-x: 0; background-position-y: 0; background-size: 100%; -webkit-transition: opacity 1s, background-size 1s; transition: opacity 1s, background-size 1s; } #topHeader.dark { height: 21.2rem; } @media only screen and (max-width: 767px) { #topHeader.dark { height: 17.8rem; } } #topHeader.dark #space { opacity: 1; background: url('../Images/space_tile_brighter.jpg'); background-repeat: repeat; background-position-x: 50%; background-position-y: 0; background-size: 110%; -webkit-transition: opacity 1s, background-size 1s; transition: opacity 1s, background-size 1s; } #language { position: absolute; top: 1.2rem; right: 3rem; z-index: 100; font-size: 1.2rem; font-family: "montserrat"; } @media only screen and (max-width: 767px) { #language { top: 1.2rem !important; } } #language a { color: #000; } #language a:hover { text-decoration: none; color: #1db682; } #language .flag { width: 18px; float: left; margin-right: 5px; } #logo { position: relative; padding-top: 20px; text-align: center; } #logo a { display: block; width: 191px; height: 47px; margin: 0 auto; } #logo .logo { width: 191px; height: 47px; } #logo h1 { margin-top: 15px; font-size: 1.1rem; color: #000; font-weight: 700; letter-spacing: 3px; -webkit-transition: all 1s; transition: all 1s; } #logo h1.light { color: #fff; -webkit-transition: all 1s; transition: all 1s; } header.dark #language a { color: #fff; } header.dark #language a:hover { color: #1db682; } .sub .navbar-toggle { margin-top: -0.4rem; } #mainmenu-sticky-wrapper.is-sticky nav { margin-top: 3.3rem; } @media only screen and (max-width: 767px) { #mainmenu-sticky-wrapper.is-sticky #mainmenu { position: absolute !important; } } #topHeader #logo .logo { background: url('../Images/logo_s2.svg') no-repeat; background-size: 100%; -webkit-transition: background; transition: background; } .no-svg #topHeader #logo .logo { background: url('../Images/logo_s.png') no-repeat; -webkit-transition: background; transition: background; } #topHeader.dark #logo .logo { background: url('../Images/logo_w2.svg') no-repeat; background-size: 100%; -webkit-transition: background; transition: background; } .no-svg #topHeader.dark #logo .logo { background: url('../Images/logo_w.png') no-repeat; -webkit-transition: background; transition: background; } header.sub #logo .logo { background: url('../Images/logo_w2.svg') no-repeat; background-size: 100%; } .no-svg header.sub #logo .logo { background: url('../Images/logo_w.png') no-repeat; } /* #breadcrumb migriert nach main.css @layer components. Mobile-Anpassungen * (kleinere Schriftgröße, kleinere Separator-Margins) hier belassen. */ @media only screen and (max-width: 767px) { #breadcrumb { padding-top: 0; font-size: 0.7rem; line-height: 2.2; } #breadcrumb a { margin-right: 0.4rem; } #breadcrumb .breadcrumb-separator { margin-right: 0.2rem; font-size: 0.6rem; } } body #mainContainer table { margin: 0 auto 1.5rem; border: 1px solid #d8d8d8; } @media only screen and (max-width: 767px) { body #mainContainer table { font-size: 1rem; } } body #mainContainer table thead th { min-width: 8.2rem; padding: 0.4rem 1rem 0.8rem; text-transform: uppercase; font-weight: 600; text-align: left; background-color: #ececec; } @media only screen and (max-width: 767px) { body #mainContainer table thead th { min-width: initial; padding: 0.2rem 0.5rem 0.4rem; } } body #mainContainer table tbody tr { border-bottom: 1px solid #d8d8d8; } body #mainContainer table tbody tr td { min-width: 8.2rem; padding: 0.4rem 1rem; } @media only screen and (max-width: 767px) { body #mainContainer table tbody tr td { min-width: initial; padding: 0.2rem 0.5rem; } } body #mainContainer table tbody tr td p { margin: 0; } body #mainContainer table tbody tr:last-child { border-bottom: 0; } body #mainContainer #categories table { border: none; } body #mainContainer #categories table th, body #mainContainer #categories table td { padding: 0; } body #mainContainer #categories table tr { border: none; } .news-single #tab-wrapper table { margin-bottom: 15px; } .news-single #tab-wrapper table tr > td:first-child { width: 270px; } #first { width: 100%; height: 730px; } @media only screen and (max-width: 767px) { #first { display: none; } } #first .image-container { width: 100%; height: 100%; background-position: 50% 0; background-repeat: no-repeat; background-origin: fixed; background-size: cover; } @media only screen and (max-width: 767px) { #first .image-container { background: none; } } #first .wrapper { position: absolute; top: 270px; left: 140px; } #first .wrapper .frame-default { position: fixed; } #first .scroll-down-button-wrapper { position: absolute; bottom: 19rem; left: 50%; } #first .scroll-down-button-wrapper #scroll-down-button { position: fixed; width: 5rem; height: 5rem; margin-left: -3rem; border-radius: 3rem; background-color: #74a6fd; -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); -webkit-transition: all 3s; transition: all 3s; } #first .scroll-down-button-wrapper #scroll-down-button:before { font-family: icons; display: inline-block; margin-top: 0.1rem; margin-left: 0.7rem; content: "\e613"; font-size: 2.2rem; } #first .scroll-down-button-wrapper #scroll-down-button.yellow { background-color: #ffcd2a; -webkit-transition: all 3.5s; transition: all 3.5s; } #first .scroll-down-button-wrapper #scroll-down-button.green { background-color: #1db682; -webkit-transition: all 3.5s; transition: all 3.5s; } #first h1 { margin-bottom: 1.2rem; color: #fff; font-size: 4rem; font-weight: 700; text-align: left; } #first p { display: inline; font-family: "montserrat"; font-weight: 500; font-size: 1.7rem; text-transform: uppercase; color: #fff; background-color: #1db682; } #front-page #mainContent { padding-bottom: 8rem; background-color: #fff; position: relative; } .bel-productdetail #mainContent .news-single .article { min-height: 55rem; } .bel-productdetail #mainContent .related.right { margin-bottom: 2rem; } .bel-productdetail #mainContent .related.right .header { margin-top: 0.4rem; text-align: center; } .bel-productdetail #mainContent .related.right a { color: #000; } .bel-productdetail #mainContent .related.right .article .news-img-wrap { width: auto; } .bel-productdetail #mainContent .related.right .article .news-img-wrap a { line-height: 5rem; text-align: center; } .bel-productdetail #mainContent .related.right .article .news-img-wrap img { display: inline-block; } .bel-productdetail #mainContent .related h4 a { color: #87888a; } .bel-productdetail #mainContent #tag-news li:before { margin-left: -1.4rem; content: ""; } .bel-productdetail #mainContent #tag-news p { margin-bottom: 0; } .bel-productdetail #mainContent .related .article { min-height: 0; } .bel-productdetail #mainContent .seperator-line { margin-top: 6rem; margin-bottom: 2.5rem; border-bottom: 0.1rem black dotted; } .bel-productdetail #mainContent .negative-margin { margin-top: -10rem; } @media only screen and (max-width: 991px) { .bel-productdetail #mainContent .negative-margin { margin-top: 0; } } .bel-productdetail #mainContent .col.right.related { padding-left: 0; } .bel-productdetail #mainContent .col.right.related h4 { padding-left: 1.5rem; } .bel-productdetail #mainContent .col.right.related .news-img-wrap { height: 5rem; } .bel-productdetail #mainContent #tab-container table { margin: 0 0 1.5rem; } form .shield { position: absolute; margin: 0 0 0 -999em !important; } .invasion-container { background-color: #fff; color: #fff; } .invasion-container .swiper { max-width: 1400px; margin: auto; } @media only screen and (max-width: 1400px) { .invasion-container .swiper-container { height: 32vw !important; } } .invasion-container .container { position: static; max-width: 1400px; } .invasion-container ul, .invasion-container li { margin: 0; padding: 0; } .invasion-container a { width: inherit; color: #fff; } .invasion-container a:hover { text-decoration: none; } .invasion-container h2 { margin-top: -5px; margin-bottom: 0; line-height: 6rem; text-align: left; font-size: 4.9rem; font-weight: 700; text-transform: none; margin-bottom: 3rem; } @media only screen and (max-width: 767px) { .invasion-container h2 { text-align: center; font-size: 3.5rem; } } @media only screen and (max-width: 1400px) { .invasion-container h2 { font-size: 3.6vw; line-height: 3.6vw; } } @media only screen and (max-width: 767px) { .invasion-container h2 { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } } .invasion-container p { font-size: 2.5rem; line-height: 3rem; font-family: "montserrat"; } @media only screen and (max-width: 1400px) { .invasion-container p { font-size: 1.8vw; line-height: 1.9vw; } } @media only screen and (max-width: 767px) { .invasion-container p { display: none; } } .invasion-container .cswiper-button-prev, .invasion-container .cswiper-button-next { width: auto; height: auto; margin: 0; padding: 2rem; color: #fff; background: none; } .invasion-container .cswiper-button-prev .control-icon, .invasion-container .cswiper-button-next .control-icon { font-family: "icons"; font-size: 2.4rem; font-weight: 500; font-style: normal; color: #fff; } .invasion-container .cswiper-button-prev .control-icon:before { content: '\e612'; } .invasion-container .cswiper-button-next .control-icon:before { content: '\e613'; } .invasion-container .swiper-wrapper { padding: 0; } .invasion-container .swiper-pagination-bullet { background: #fff; opacity: 1; } .invasion-container .swiper-pagination-bullet-active { background: #74a6fd; opacity: .8; } .invasion-container .slide-text { width: 35%; top: 0; right: 0; left: initial; left: auto; bottom: 0; -webkit-transform: none; -ms-transform: none; transform: none; padding: 5rem; background-color: rgba(0, 0, 0, 0.3); } @media only screen and (max-width: 1199px) { .invasion-container .slide-text { padding: 3.5rem; } } @media only screen and (max-width: 767px) { .invasion-container .slide-text { padding: 0; } } .bel-productdetail #mainContent h1 { margin-top: -5px; margin-bottom: 0; line-height: 6rem; text-align: left; font-size: 4.9rem; font-weight: 700; text-transform: none; } @media only screen and (max-width: 767px) { .bel-productdetail #mainContent h1 { text-align: center; font-size: 3.5rem; } } .bel-productdetail #mainContent .header .teaser-text-normal { margin-bottom: 20px; } .bel-productdetail #mainContent .header .teaser-text { margin-bottom: 20px; } @media only screen and (max-width: 767px) { .bel-productdetail #mainContent .header .teaser-text { text-align: center; } } @media only screen and (max-width: 991px) { .bel-productdetail #mainContent .related { text-align: center; } .bel-productdetail #mainContent .related li { text-align: center; } } .bel-productdetail #mainContent { top: 0; } .bel-productdetail .news-single .article .news-img-wrap { float: none; } .bel-productdetail .news .layout1 .article { height: 170px; } .bel-productdetail .news .layout1 .article h2 { position: relative; top: 0; } .bel-productdetail .news .layout1 .article p { position: relative; top: 0; } .bel-layout2 #mainContainer .row .right, .bel-support #mainContainer .row .right, .bel-dealer #mainContainer .row .right { padding: 0 9.2rem; color: #1db682; text-align: justify; } .bel-layout2 #mainContainer .row .right h3, .bel-support #mainContainer .row .right h3, .bel-dealer #mainContainer .row .right h3 { color: #1db682; margin-bottom: 1rem; } .bel-layout2 #mainContainer .row.bottom, .bel-support #mainContainer .row.bottom, .bel-dealer #mainContainer .row.bottom { margin-top: 50px; } .bel-layout2 #mainContainer .row.bottom .dealer p, .bel-support #mainContainer .row.bottom .dealer p, .bel-dealer #mainContainer .row.bottom .dealer p { margin-top: 1rem; margin-bottom: 0; } .bel-layout1 .news .layout1 .article { position: relative; margin-bottom: 4rem; } .bel-layout1 .news .layout1 .article .news-img-outer-wrap { clear: both; margin-bottom: 5px; text-align: center; } .bel-layout1 .news .layout1 .article .news-img-wrap.special-vermona-border { float: none; display: inline-block; padding: 0.7rem; background: #cbedcc; /* Old browsers */ /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #cbedcc), to(#92c2d6)); background: linear-gradient(to bottom, #cbedcc 1%, #92c2d6 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cbedcc', endColorstr='#92c2d6', GradientType=0); /* IE6-9 */ height: 17.8rem; width: 100%; } .bel-layout1 .news .layout1 .article .news-img-wrap.special-vermona-border img { float: none; display: block; max-height: 309px; margin: 0 auto; } .bel-layout1 .news .layout1 .article .news-img-wrap.special-vermona-border .news-img-caption { display: none; } @media only screen and (max-width: 991px) { .bel-layout1 .news .layout1 .article .news-img-wrap.special-vermona-border { width: auto; } } @media only screen and (max-width: 767px) { .bel-layout1 .news .layout1 .article .news-img-wrap.special-vermona-border { height: 16.8rem; } } .bel-layout1 .news .layout1 .article .news-img-wrap.special-vermona-border a { background-color: #fff; height: 100%; line-height: 16.1rem; } @media only screen and (max-width: 767px) { .bel-layout1 .news .layout1 .article .news-img-wrap.special-vermona-border a { line-height: 15.1rem; } } .bel-layout1 .news .layout1 .article .news-img-wrap.special-vermona-border img { display: inline-block; max-height: 100%; } .bel-layout1 .news .layout1 .article .news-img-wrap.special-vermona-border iframe { height: 16.4rem !important; width: 100%; } @media only screen and (max-width: 767px) { .bel-layout1 .news .layout1 .article .news-img-wrap.special-vermona-border iframe { height: 15.4rem !important; } } .bel-layout1 .news .layout1 .article h2 { min-height: 4.4rem; font-size: 1.6rem; font-weight: 500; } #map { width: 100%; height: 395px; } .news .article .news-img-wrap { margin: 0; } .news .article .news-img-wrap a { float: none; border: none; padding: 0; } .news .page-navigation { text-align: center; } .news .page-navigation > p { display: none; } .news .page-navigation > ul { float: none; display: inline-block; } .news .page-navigation > ul li { margin: 0; background: #fff; font-family: "montserrat"; font-weight: 700; font-size: 1.3rem; letter-spacing: 2px; } .news .page-navigation > ul li:first-child { margin-left: 0; } .news .page-navigation > ul li a { padding: 0.3rem 0.5rem 0.2rem; color: #000; } .news .page-navigation > ul li a:hover { color: #ffcd2a; text-decoration: none; } .news .page-navigation > ul li.current { padding: 0.3rem 0.5rem 0.2rem 0.8rem; color: #ffcd2a; border: 1px #ffcd2a solid; cursor: default; } .news .page-navigation > ul li:before { position: absolute; content: ""; } .news .layout1 .article { padding-bottom: 0; height: 30.5rem; } @media only screen and (max-width: 991px) { .news .layout1 .article { height: auto; text-align: center; } } .news .layout1 .article .teaser-text { height: 4rem; } @media only screen and (max-width: 991px) { .news .layout1 .article .teaser-text { position: static; } } .news .layout1 .article .news-img-wrap { float: none; } .news .layout1 .article .news-img-wrap img { float: none; display: block; max-height: 18.7rem; margin: 0 auto; } .news .layout1 .article h2 { margin-bottom: 0.5rem; } @media only screen and (max-width: 991px) { .news .layout1 .article h2 { text-align: center; } } .news .layout1 .article p { bottom: 0.5rem; } .news .layout1 .article .more { position: absolute; bottom: -0.4rem; display: block; width: 100%; background: #fff; } @media only screen and (max-width: 991px) { .news .layout1 .article .more { position: relative; display: inline-block; padding-top: 1rem; } } .news .layout1 .article .more:before { content: ''; z-index: 1; position: absolute; top: -1rem; display: block; width: 100%; height: 1rem; background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(90%, #ffffff)); background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #ffffff 90%); } .news .layout2 .news-img-wrap { width: 100%; height: 9rem; line-height: 12.5rem; text-align: center; } .news .layout2 .news-img-wrap a { display: inline-block; } .news .layout2 .news-img-wrap img { display: inline-block; } .news .more { display: inline-block; font-family: "montserrat"; font-weight: 700; font-size: 1.0rem; text-transform: uppercase; color: #1db682; cursor: pointer; } .news .more:hover { color: #4ce3af; text-decoration: none; } .news .layout2 { text-align: center; } .news .layout2 p { font-size: 1.3rem; } .news .layout2 h2 { margin-top: 11.5rem; margin-bottom: 0; font-size: 1.5rem; font-family: "Open Sans"; font-weight: 700; text-align: center; letter-spacing: 1px; } .news .layout3 .article { margin-bottom: 0; padding-bottom: 0.5rem; } .news .layout-news { margin-bottom: 4rem; } .news .layout-news .filter-description { text-align: center; } @media only screen and (max-width: 767px) { .news .layout-news { margin-left: 0; margin-right: 0; } } .news .layout-news .header { margin-top: 0; text-align: right; } .news .layout-news .header .news-list-tags { float: left; width: 70%; text-align: left; } .news .layout-news .article { margin-bottom: 6rem; padding-left: 8.5rem; padding-right: 8.5rem; } @media only screen and (max-width: 767px) { .news .layout-news .article { padding-left: 1.5rem; padding-right: 1.5rem; } } .news .layout-news .article .news-img-outer-wrap { clear: both; margin-bottom: 0.5rem; text-align: center; } .news .layout-news .article .news-img-wrap.special-vermona-border { float: none; display: inline-block; padding: 0.7rem; background: #cbedcc; /* Old browsers */ /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #cbedcc), to(#92c2d6)); background: linear-gradient(to bottom, #cbedcc 1%, #92c2d6 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cbedcc', endColorstr='#92c2d6', GradientType=0); /* IE6-9 */ width: 100%; } .news .layout-news .article .news-img-wrap.special-vermona-border img { float: none; display: block; max-height: 309px; margin: 0 auto; } .news .layout-news .article .news-img-wrap.special-vermona-border .news-img-caption { display: none; } @media only screen and (max-width: 991px) { .news .layout-news .article .news-img-wrap.special-vermona-border { max-width: 55rem; } } .news .layout-news .article .news-img-wrap.special-vermona-border .news-img-wrap { width: 100%; } .news .layout-news .article .news-img-wrap.special-vermona-border iframe { margin-bottom: -0.4rem; width: 100%; height: 28.6rem; } .news .layout-news .article .teaser-text, .news .layout-news .article .body-text { clear: both; overflow: hidden; margin-top: 1.5rem; } .news .layout-news h2, .news .layout-news .h2-style, .news .dealer h2, .news .dealer .h2-style { clear: both; margin-bottom: 0; } .news.news-single .layout-news { margin-bottom: 0; } .news .layout5 .article { padding: 0 2.8rem; } .news .layout5 .article p { margin-top: 5rem; } .news .article h3 { margin-bottom: 8px; } .news .body-text figcaption, .news .body-text .image-description { display: block; max-width: 41rem; margin: -1.7rem auto 2.5rem; text-align: left; font-style: italic; } .news .body-text figure, .news .body-text .video-wrapper, .news .body-text .audio-wrapper { margin: 2.5rem 0; text-align: center; } .news .body-text figure figcaption, .news .body-text figure .image-description, .news .body-text .video-wrapper figcaption, .news .body-text .video-wrapper .image-description, .news .body-text .audio-wrapper figcaption, .news .body-text .audio-wrapper .image-description { margin-top: 0.8rem; margin-bottom: 0; } .news .body-text .ce-gallery figure { margin: 0; } .news .body-text img { display: inline-block; max-width: 41rem; } .news .body-text iframe { display: inline-block; width: 41rem; height: 23rem; } .news .body-text audio { display: inline-block; width: 41rem; } @media only screen and (max-width: 991px) { .news .body-text img, .news .body-text iframe, .news .body-text audio, .news .body-text figcaption, .news .body-text .image-description { width: 100%; max-width: 100%; } .news .body-text iframe { height: 30rem; } } .layout-news.news-detail-page .news-content-elements .image { display: inline-block; width: 8rem; } .layout-news.news-detail-page .news-content-elements .image img { width: 100%; } .layout-news.news-detail-page .news-content-elements .ce-image .ce-column { overflow: hidden; } @media only screen and (max-width: 767px) { .layout-news.news-detail-page .news-content-elements .ce-image .ce-column { float: none; } } .layout-news.news-detail-page .news-content-elements .ce-image .ce-column img { height: 8rem !important; width: auto !important; } .bel-dealer .row.bottom > .col-md-12 { width: 66.66%; } @media only screen and (max-width: 991px) { .bel-dealer .row.bottom > .col-md-12 { width: 100%; } } .bel-dealer .dealer .article { float: none; display: inline-block; margin-right: -0.2rem; vertical-align: top; } @media only screen and (max-width: 767px) { .bel-dealer .dealer .article { width: 100%; text-align: center; } .bel-dealer .dealer .article h2 { text-align: center; } } #mainContainer .social-icon { display: block; float: left; } #mainContainer .social-icon:before { padding-right: 20px; font-family: "icons"; font-size: 2.3rem; font-weight: 500; color: black; font-style: normal; } #mainContainer .social-icon:hover:before { text-decoration: none !important; color: #1db682; } #mainContainer .facebook-icon:before { content: "\ea8d"; } #mainContainer .twitter-icon:before { content: "\ea91"; } #mainContainer .youtube-icon:before { content: "\ea99"; } #mainContainer .instagram-icon:before { content: "\f16d"; } #mainContainer.sub { margin-top: 26.7rem; margin-bottom: 4rem; } @media only screen and (max-width: 767px) { #mainContainer.sub { margin-top: 16rem; } } .download-link { line-height: 2.7rem; } .download-link:before { float: left; display: block; margin-top: -1px; padding-right: 20px; color: #1db682; font-family: "icons"; font-size: 2.3rem; font-weight: 500; content: "\e610"; } .download-link:before:hover { text-decoration: none; } .download-link.pdf:before { content: "\e611"; } .overlay-not-active { width: 100%; height: 5rem; position: absolute; top: -1rem; z-index: 999; background-color: #fff; opacity: 0.6; } .overlay-not-active.big { top: -5rem; height: 9rem; } input[type=text], input[type=email], #kontakt select, #contact select { width: 30rem; height: 3rem; border: 1px black solid; border-radius: 0; padding: 0.5rem; font-size: 1.1rem; background-color: transparent; } input, textarea { border-radius: 0; } input:-moz-placeholder, textarea:-moz-placeholder { font-style: italic; } input::-moz-placeholder, textarea::-moz-placeholder { font-style: italic; } input:-ms-input-placeholder, textarea:-ms-input-placeholder { font-style: italic; } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { font-style: italic; } select { font-style: italic; } select.clicked, select option { font-style: normal; } input[type="radio"] { display: none; } input[type="radio"] + label { position: relative; margin-right: 1.6rem; font-weight: 400; } input[type="radio"] + label span { display: inline-block; width: 1.4rem; height: 1.4rem; margin: -0.1rem 0.4rem 0 0; border: 1px solid #000; vertical-align: middle; cursor: pointer; border-radius: 50%; } input[type="radio"]:checked + label span:before { position: absolute; top: 0.6rem; left: 0.3rem; display: inline-block; height: 0.8rem; width: 0.8rem; border-radius: 50%; content: ''; background-color: #000; } #kontakt .select-area, #contact .select-area, #kontaktHALLER .select-area { width: 30rem; position: relative; } textarea, textarea.form-control { width: 300px; height: 133px; border: 1px black solid; border-radius: 0; padding: 5px; font-size: 1.1rem; background-color: transparent; } /* Button-Defaults (a.button, input[submit/reset], .btn) migriert nach * main.css @layer components. Globales `button`-Target entfernt, weil * zu aggressiv — trifft alle