body, div, section, p, h1, h2, h3, h4, ul, ol, li { padding: 0; margin: 0; font-weight: normal; } body, input, option { font-family: "pill-gothic-600mg", Arial; color: #494948; font-size: 13px; line-height: 19px; } img { display: block; } img, a { outline: 0; border: none; } .img_fullwidth div.csc-textpic .csc-textpic-imagewrap img { width: 100%; height: auto; } .captiontop .csc-textpic-caption { caption-side: top; padding-bottom: 5px; font-size: 14px; } .actual_content { position: relative; } .actual_content .video-container { position: absolute; right: 0; } blockquote { margin: 0; padding: 10px 0 0; border-top: 1px dotted #919292; border-bottom: 1px dotted #919292; width: 63%; } /* Sitemap */ .csc-menu, .csc-sitemap { width: 940px; padding: 20px; } .csc-menu > li, .csc-sitemap > ul > li { font-size: 16px; font-weight: bold; margin-bottom: 6px; } .csc-sitemap > ul > li > ul > li { margin-left: 12px; margin-bottom: 6px; } .csc-sitemap > ul > li > ul > li > ul > li { margin-left: 24px; margin-bottom: 6px; } .csc-sitemap > ul > li > ul > li > ul > li > ul > li { margin-left: 36px; margin-bottom: 6px; } .csc-sitemap > ul > li > ul , .csc-sitemap > ul > li > ul > li > ul, .csc-sitemap > ul > li > ul > li > ul > li > ul { padding-top: 6px; } .csc-sitemap a, .csc-menu a { text-decoration: underline; } .csc-sitemap a:hover, .csc-menu a:hover { text-decoration: none; color: #e30018; } /* Links */ a, a:hover, a:visited { text-decoration: none; color: inherit; } a.internal-link { text-decoration: underline; } a.internal-link:hover { text-decoration: none; color: #e30018; } a.arrowback { background: url('../images/arrow_back.png') no-repeat center left; padding-left: 20px; text-decoration: underline; } a.arrowback:hover { text-decoration: none; color: #e30018; } a.mail { text-decoration: underline; white-space: nowrap; } a.mail:hover { color: #e30018; text-decoration: none; } a.mail:before { content: '\e80e'; font-family: 'rtticons'; display: inline-block; font-weight: normal; white-space: pre-wrap; color: inherit; padding-right: 4px; } a.download:before { content: '\e810'; font-family: 'rtticons'; display: inline-block; font-weight: normal; white-space: pre-wrap; color: inherit; padding-right: 5px; } a.toplink:before { content: '\e816'; font-family: 'rtticons'; display: inline-block; font-weight: normal; white-space: pre-wrap; color: inherit; padding-right: 9px; font-size: 9px; position: relative; top: -1px; } /* Listen */ ul { list-style-type: none; } .actual_content ul li:before { content: '\e80c'; font-family: 'rtticons'; color: #e30018; padding-right: 10px; } .actual_content ul.productlinks li:before { content: none; } .actual_content ul.productlinks { background: url('../images/angle.png') no-repeat 0 0 transparent; overflow: hidden; padding-left: 24px; margin: -9px 0 40px; } .actual_content ul.productlinks li { display: block; opacity: 0; float: left; height: 30px; line-height: 30px; margin: 0 10px 6px 0; } .actual_content ul.productlinks li a.internal-link { text-decoration: none; display: inline-block; height: 30px; line-height: 30px; background: url('../images/bg_tags.png') repeat 0 0; padding: 0 10px; text-transform: uppercase; } .actual_content ul.productlinks li a.internal-link:hover, .actual_content ul.productlinks a.activelink.internal-link { background: #e30018; color: #fff; } /* Sections */ .bg_neutral { background: #fff; } .bg_grey .center { background: #f5f5f5; padding: 10px 0; } .bg_red .center { background: #e30018; padding: 10px 0; } .nowrap { white-space: nowrap; } /* �berschriften H1-H4 */ h1 { text-transform: uppercase; border-bottom: 1px dotted #1a1a18; font-weight: 700; font-size: 20px; color: #1a1a18; } h1:before { content: '\e807'; font-family: 'rtticons'; font-weight: normal; padding-right: 5px; color: #e30018; display: inline-block; position: relative; top: -2px; font-size: 14px; } h1 a:after { content: '\e800'; padding-left: 10px; font-size: 13px; color: #ddd; font-family: 'rtticons'; font-weight: normal; position: relative; top: -3px; } h1 a:hover { color: #e30018; } h2 { text-transform: uppercase; border-bottom: 1px dotted #1a1a18; font-weight: 700; font-size: 16px; color: #1a1a18; } h2:before { content: '\e807'; font-family: 'rtticons'; font-weight: normal; padding-right: 5px; color: #e30018; display: inline-block; position: relative; top: -2px; font-size: 12px; } h2 a:hover { color: #e30018; } h3 { text-transform: uppercase; font-weight: 700; font-size: 18px; } h4 { color: #e30018; font-size: 15px; text-transform: uppercase; } /* Breadcrumb Navigation */ #breadcrumb { background: #f2f2f2; line-height: 30px; overflow: hidden; color: #e30018; } .pp #breadcrumb { display: none; } #breadcrumb span , #breadcrumb ul { display: inline-block; float: left; font-size: 12px; } #breadcrumb span { color: #919292; } #breadcrumb ul li { float: left; } #breadcrumb ul li a { color: #919292; text-decoration: underline; background: url('../images/arrow_breadcrumb.png') no-repeat center right; } #breadcrumb ul li a:hover { color: #e30018; text-decoration: none; } .cp section .center .csc-textpic a, .cp section .center .csc-textpic a:visited, .actual_content a.download, .actual_content a.download:visited, a.external-link-new-window { text-decoration: underline; } .cp section .center .csc-textpic a:hover, .actual_content a.download:hover, a.external-link-new-window:hover { text-decoration: none; color: #e30018; cursor: pointer; } .cp section .center .csc-textpic a.arrowlink, a.arrowlink { text-decoration: underline; } .actual_content a.download { } .cp section .center .csc-textpic a.arrowlink:before, a.arrowlink:before { content: '\e805'; font-family: 'rtticons'; color: #e30018; display: block; float: left; height: 20px; padding-right: 5px; font-weight: normal; font-size: 10px; border-color: transparent; } .cp section .center .csc-textpic a.arrowlink:hover, a.arrowlink:hover { color: #e30018; text-decoration: none; } .center, header { max-width: 980px; margin: 0 auto; } #overlay { height: 100%; width: 100%; background: #1a1a18; opacity: 0.7; z-index: 499; display: none; position: fixed; top: 0; left; 0; } #mobileMenu { display: none; } header { position: relative; height: 192px; width: 100%; border-bottom: 1px solid #919292; background: #fff; } header > nav, header > div { position: absolute; } #logo { top: 27px; left: 13px; } #claim { top: 87px; left: 197px; } #logo, #logo img { width: auto; height: 83px; } #claim, #claim img { /* width: 340px; height: 13px; */ font-size: 18px; font-family: rtticons; } #extraTitle { font-size: 25px; right: 0; top: 83px; font-weight: bold; } #mobileTrigger { display: none; } #main { top: 144px; left: 0; width: 100%; border-top: 1px solid #919292; } #main > ul { overflow: visible; } #main > ul > li { float: left; padding-left: 15px; line-height: 48px; position: relative; } #main > ul > li a { text-transform: uppercase; font-weight: 700; font-size: 14px; white-space: nowrap; padding-left: 15px; border-left: 1px solid #919292; } #main > ul > li.active > a, #main > ul > li > ul li.active > a, #main > ul > li a:hover { color: #e30018; } #main > ul > li:first-child { padding-left: 0; } #main > ul > li:first-child a { padding-left: 0; border-left: none; } #main > ul > li > ul { position: absolute; display: none; padding: 15px 25px 25px; left: 15px; top: 47px; background: #fff; z-index: 300; border: 1px solid #919292; border-top: none; } #main > ul > li > ul > li { position: relative; margin-top: 16px; padding-bottom: 4px; padding-right: 40px; line-height: 16px; border-bottom: 1px solid #919292; } #main > ul > li > ul > li:first-child { margin-top: 0; } #main > ul > li > ul > li a { font-size: 13px; border: none; padding: 0; } #main > ul > li > ul > li > ul { display: none; } #global { top: 0; right: 0; } .global-dummy { background: url("../images/navi_meta_bg_raute.svg") no-repeat 0 0; color: #fff; text-align: center; width: 159px; height: 27px; text-transform: uppercase; font-size: 12px; line-height: 27px; display: block; font-weight: 700; } #global .global-dummy { font-size: 11px; font-weight: 500; height: 47px; } #global .global-dummy:hover { background-image: url("../images/navi_meta_bg_raute_hover.svg"); } @media screen and (min-width:0\0) { #global .global-dummy { background-position: 0 -10px; } } #meta { top: 10px; right: 177px; } #meta ul li { float: left; padding-left: 7px; margin-left: 7px; border-left: 1px solid #494948; line-height: 8px; font-size: 11px; } #meta ul li:first-child { margin-left: 0; padding-left: 0; border-left: none; } #meta ul li a { text-decoration: underline; text-transform: uppercase; } #meta ul li a:hover { text-decoration: none; color: #e30018; } #search { top: 160px; right: 15px; border-left: 1px solid #919292; padding-left: 15px; line-height: 10px; height: 21px; } #search .icon-search { font-size: 17px; cursor: pointer; position: relative; top: 1px; } #search .icon-search:hover { color: #e30018; } #search input { display: none; border: 1px solid #919292; margin-right: 5px; width: 150px; } .csc-textpic { overflow: hidden; } .cp .csc-textpic-text p { width: 100%; padding: 0 0 16px; } div.csc-textpic-intext-left .csc-textpic-imagewrap, div.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap { margin-right: 33px; } .csc-textpic-intext-left-nowrap .csc-textpic-text { float: left; width: 447px; margin-left: 0 !important; } div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image { margin-bottom: 0 !important; } /* Footer */ footer { border-top: 1px solid #919292; font-size: 11px; line-height: 12px; } #footerNav { float: left; } #footerNav span { float: left; display: block; line-height: 15px; position: relative; top: -2px; } #footerNav ul { padding-left: 30px; display: block; float: left; } #footerNav ul li { margin-left: 7px; padding-left: 7px; border-left: 1px solid #494948; float: left; } #footerNav ul li:first-child { border: none; padding: 0; margin: 0; } #footerNav a { text-transform: uppercase; text-decoration: underline; } #footerNav a:hover { text-decoration: none; color: #e30018; } #footerSocial { float: right; } footer #footerSocial .text { display: block; float: left; } #footerSocial .icons { display: block; float: right; position: relative; top: -2px; } #footerSocial .icons a { display: block; float: left; margin-left: 4px; font-size: 15px; } #footerSocial .icons .icon-youtube { font-size: 18px; position: relative; top: -3px; left: 3px; } #footerSocial .icons .rtt-otr-icon-social-google-plus { position: relative; left: 9px; top: -1px; } #footerSocial .icons a:hover { color: #e30018; } #footerSocial .icons .instagram_link { margin-left: 16px; } .instagram_link img { width: 18px; height: 18px; position: relative; top: -3px; } @media screen and (max-width: 980px) { #content { width: 100%; padding: 0; min-width: 320px; } ul.productlinks { margin-left: 16px; margin-bottom: 30px; } div.csc-textpic-intext-left .csc-textpic-imagewrap, div.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap { width: 48.93617% !important; margin-right: 3.510638%; height: auto; } .csc-textpic-intext-left-nowrap .csc-textpic-text { width: 47.553192%; } div.csc-textpic .csc-textpic-imagewrap img { width: 100% !important; height: auto; margin-bottom: 6px; } .cp .csc-textpic-intext-left-nowrap p.bodytext { padding: 0 0 18px 0; width: 100%; } #extraTitle { right: 10px; } footer { overflow: hidden; } } @media screen and (max-width: 800px) { .cp .csc-textpic-intext-left-nowrap p.bodytext { padding: 0 0 18px 0; width: 100%; } } @media screen and (max-width: 600px) { ul.productlinks { margin-bottom: 15px; } div.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap, div.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap { float: none; } } @media screen and (max-width: 600px), only screen and (orientation : portrait) and (max-width: 980px) { #footerNav ul { float: none; padding: 15px 0 0; } header { height: 59px; position: fixed; top: 0; z-index: 2500; border-color: #bbb; -webkit-box-shadow: 0px 0 3px 1px rgba(128, 128, 128, 0.3); -moz-box-shadow: 0px 0 3px 1px rgba(128, 128, 128, 0.3); box-shadow: 0px 0 3px 1px rgba(128, 128, 128, 0.3); } #main, #meta, #search, #global { display: none; } #logo { top: 3px; } #logo img { height: 50px; width: auto; } #claim { display: none; } #extraTitle { font-size: 15px; right: auto; left: 90px; top: 0; line-height: 59px; } #content { margin-top: 105px; } #breadcrumb { display: none; } #mobileMenu { display: block; position: fixed; top: 0; left: -80%; width: 80%; min-width: 256px; background: #919292; height: 100%; z-index: 3000; } header { background: #fff; } #mobileTrigger { display: block; position: absolute; top: 0; right: 0; width: 20%; text-align: center; line-height: 59px; } #mobileTrigger a { font-size: 15px; font-weight: bold; color: #1a1a18; } #content { margin-top: 60px; } footer { margin-bottom: 10px; } #footerNav ul, #footerNav span { float: none; } #footerNav { overflow: hidden; } #footerNav ul { padding-top: 5px; overflow: hidden; } #footerSocial { clear: both; float: left; margin-top: 15px; } footer #footerSocial .text, #footerSocial .icons { float: left; } #mobileMenu { overflow: auto; } #mobileMenu form { height: 30px; background: #494949; overflow: hidden; padding-left: 5%; } #mobileMenu form input[type="text"] { background: #494949; color: #ccc; border: none; width: 75%; margin: 0; height: 30px; line-height: 30px; padding-left: 0; outline: none; } #mobileMenu form .icon-search { float: left; font-size: 18px; margin-left: -5px; margin-right: 5px; line-height: 30px; color: #ccc; } #mobileMenu .global-dummy { background: #e30018; width: 100%; height: auto; line-height: 30px; font-size: 15px; text-align: left; position: relative; } #mobileMenu .global-dummy a:first-child { padding-left: 5%; } #mobileMenu .morestuff { display: none; height: 80px; width: 90%; background: #f5f5f5; padding: 10px 5% 0 5%; border-bottom: 1px solid #919292; text-transform: none; color: #1a1a18; } #mobileMain a:hover { color: #e30018; } #mobileMain ul { display: none; } #mobileMain > ul { display: block; } #mobileMain > ul > li { min-height: 31px; background: #f5f5f5; border-bottom: 1px solid #919292; padding: 0 0 0 5%; position: relative; } #mobileMain > ul > li > a { line-height: 31px; text-transform: uppercase; font-size: 15px; font-weight: bold; display: inline-block; width: 100%; } #mobileMain > ul > li.active > a { color: #e30018;} #mobileMain > ul > li > ul > li { min-height: 31px; line-height: 31px; border-top: 1px solid #919292; padding: 0 0 0 2.5%; position: relative; } #mobileMain > ul > li > ul > li > a , #mobileMain > ul > li > ul > li > ul > li > a { text-transform: uppercase; display: inline-block; width: 100%; } #mobileMain > ul > li > ul > li > ul > li { padding: 8px 0 8px 2.5%; min-height: 15px; line-height: 15px; font-size: 12px; border-top: 1px solid #919292; } #mobileMain a.activated, #mobileMain ul > li > ul > li.active > a { color: #e30018; } #mobileMain > ul > li > ul > li > a.activated { font-weight: bold; } #mobileMain .showsub, #mobileMenu .global-dummy .showsub { position: absolute; top: 0; right: 0; width: 36px; height: 31px; text-indent: -9999px; background: url('../images/mobileplus.png') no-repeat center 4px; border-left: 1px solid #919292; } #mobileMain .showsub.opened { background-image: url('../images/mobileminus.png'); } #mobileMenu .global-dummy .showsub { background-image: url('../images/globalplus.png'); border-color: #fff; } #mobileMenu .global-dummy .showsub.opened { background-image: url('../images/globalminus.png'); } #mobileMeta > ul > li { min-height: 31px; background: #f5f5f5; border-bottom: 1px solid #919292; padding: 0 0 0 5%; position: relative; } #mobileMeta > ul > li > a { line-height: 31px; text-transform: uppercase; font-size: 15px; font-weight: normal !important; display: inline-block; width: 100%; } #mobileMeta > ul > li > a:hover { color: #e30018; } } #stellenangebote{ margin-top: 20px; font-size: 20px; padding: 10px; border-radius: 4px; color: white; background-color: #e30018; } @media screen and (max-width: 600px){ #stellenangebote{ margin-top: 20px; font-size: 16px; padding: 10px; border-radius: 4px; color: white; background-color: #e30018; } } @media screen and (max-width: 420px) { #footerNav ul li, #footerNav ul li:first-child { float: none; margin: 0 0 7px; border: none; padding: 0; } } #affiselect_product{ display:none; }