/* --- gandhi ---*/ @font-face { font-family: 'GandhiSerifRegular'; src: url('../fonts/gandhi/GandhiSerif-Regular-webfont.eot'); src: url('../fonts/gandhi/GandhiSerif-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/gandhi/GandhiSerif-Regular-webfont.woff') format('woff'), url('../fonts/gandhi/GandhiSerif-Regular-webfont.ttf') format('truetype'), url('../fonts/gandhi/GandhiSerif-Regular-webfont.svg#GandhiSerifRegular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'GandhiSerifItalic'; src: url('../fonts/gandhi/GandhiSerif-Italic-webfont.eot'); src: url('../fonts/gandhi/GandhiSerif-Italic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/gandhi/GandhiSerif-Italic-webfont.woff') format('woff'), url('../fonts/gandhi/GandhiSerif-Italic-webfont.ttf') format('truetype'), url('../fonts/gandhi/GandhiSerif-Italic-webfont.svg#GandhiSerifItalic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'GandhiSerifBold'; src: url('../fonts/gandhi/GandhiSerif-Bold-webfont.eot'); src: url('../fonts/gandhi/GandhiSerif-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/gandhi/GandhiSerif-Bold-webfont.woff') format('woff'), url('../fonts/gandhi/GandhiSerif-Bold-webfont.ttf') format('truetype'), url('../fonts/gandhi/GandhiSerif-Bold-webfont.svg#GandhiSerifBold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'GandhiSerifBoldItalic'; src: url('../fonts/gandhi/GandhiSerif-BoldItalic-webfont.eot'); src: url('../fonts/gandhi/GandhiSerif-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/gandhi/GandhiSerif-BoldItalic-webfont.woff') format('woff'), url('../fonts/gandhi/GandhiSerif-BoldItalic-webfont.ttf') format('truetype'), url('../fonts/gandhi/GandhiSerif-BoldItalic-webfont.svg#GandhiSerifBoldItalic') format('svg'); font-weight: normal; font-style: normal; } /* --- OpenSans ---*/ @font-face { font-family: 'OpenSansLight'; src: url('../fonts/OpenSans/OpenSans-Light-webfont.eot'); src: url('../fonts/OpenSans/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans/OpenSans-Light-webfont.woff') format('woff'), url('../fonts/OpenSans/OpenSans-Light-webfont.ttf') format('truetype'), url('../fonts/OpenSans/OpenSans-Light-webfont.svg#OpenSansLight') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'OpenSansLightItalic'; src: url('../fonts/OpenSans/OpenSans-LightItalic-webfont.eot'); src: url('../fonts/OpenSans/OpenSans-LightItalic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans/OpenSans-LightItalic-webfont.woff') format('woff'), url('../fonts/OpenSans/OpenSans-LightItalic-webfont.ttf') format('truetype'), url('../fonts/OpenSans/OpenSans-LightItalic-webfont.svg#OpenSansLightItalic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'OpenSansRegular'; src: url('../fonts/OpenSans/OpenSans-Regular-webfont.eot'); src: url('../fonts/OpenSans/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans/OpenSans-Regular-webfont.woff') format('woff'), url('../fonts/OpenSans/OpenSans-Regular-webfont.ttf') format('truetype'), url('../fonts/OpenSans/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'OpenSansItalic'; src: url('../fonts/OpenSans/OpenSans-Italic-webfont.eot'); src: url('../fonts/OpenSans/OpenSans-Italic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans/OpenSans-Italic-webfont.woff') format('woff'), url('../fonts/OpenSans/OpenSans-Italic-webfont.ttf') format('truetype'), url('../fonts/OpenSans/OpenSans-Italic-webfont.svg#OpenSansItalic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'OpenSansSemibold'; src: url('../fonts/OpenSans/OpenSans-Semibold-webfont.eot'); src: url('../fonts/OpenSans/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans/OpenSans-Semibold-webfont.woff') format('woff'), url('../fonts/OpenSans/OpenSans-Semibold-webfont.ttf') format('truetype'), url('../fonts/OpenSans/OpenSans-Semibold-webfont.svg#OpenSansSemibold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'OpenSansSemiboldItalic'; src: url('../fonts/OpenSans/OpenSans-SemiboldItalic-webfont.eot'); src: url('../fonts/OpenSans/OpenSans-SemiboldItalic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans/OpenSans-SemiboldItalic-webfont.woff') format('woff'), url('../fonts/OpenSans/OpenSans-SemiboldItalic-webfont.ttf') format('truetype'), url('../fonts/OpenSans/OpenSans-SemiboldItalic-webfont.svg#OpenSansSemiboldItalic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'OpenSansBold'; src: url('../fonts/OpenSans/OpenSans-Bold-webfont.eot'); src: url('../fonts/OpenSans/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans/OpenSans-Bold-webfont.woff') format('woff'), url('../fonts/OpenSans/OpenSans-Bold-webfont.ttf') format('truetype'), url('../fonts/OpenSans/OpenSans-Bold-webfont.svg#OpenSansBold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'OpenSansBoldItalic'; src: url('../fonts/OpenSans/OpenSans-BoldItalic-webfont.eot'); src: url('../fonts/OpenSans/OpenSans-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans/OpenSans-BoldItalic-webfont.woff') format('woff'), url('../fonts/OpenSans/OpenSans-BoldItalic-webfont.ttf') format('truetype'), url('../fonts/OpenSans/OpenSans-BoldItalic-webfont.svg#OpenSansBoldItalic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'OpenSansExtrabold'; src: url('../fonts/OpenSans/OpenSans-ExtraBold-webfont.eot'); src: url('../fonts/OpenSans/OpenSans-ExtraBold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans/OpenSans-ExtraBold-webfont.woff') format('woff'), url('../fonts/OpenSans/OpenSans-ExtraBold-webfont.ttf') format('truetype'), url('../fonts/OpenSans/OpenSans-ExtraBold-webfont.svg#OpenSansExtrabold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'OpenSansExtraboldItalic'; src: url('../fonts/OpenSans/OpenSans-ExtraBoldItalic-webfont.eot'); src: url('../fonts/OpenSans/OpenSans-ExtraBoldItalic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans/OpenSans-ExtraBoldItalic-webfont.woff') format('woff'), url('../fonts/OpenSans/OpenSans-ExtraBoldItalic-webfont.ttf') format('truetype'), url('../fonts/OpenSans/OpenSans-ExtraBoldItalic-webfont.svg#OpenSansExtraboldItalic') format('svg'); font-weight: normal; font-style: normal; } h1, h2, h3, h4, h5, h6 { line-height: 1; color: inherit; text-rendering: optimizelegibility; margin: 0; padding: 0; } body { color: #303134; font-family: 'OpenSansRegular', Helvetica, Arial, sans-serif; font-weight: normal; letter-spacing: 0; } h1 { font: 36px/40px 'GandhiSerifBold', Georgia, Times, serif; margin-bottom: 15px; /*margin-bottom: 10px;*/ } h2 { font: 30px/40px 'GandhiSerifBold', Georgia, Times, serif; margin-bottom: 15px; /*margin-bottom: 10px;*/ } h3 { font: 20px/30px 'GandhiSerifBold', Georgia, Times, serif; } h4 { font: 14px/20px 'GandhiSerifItalic', Georgia, Times, serif; } h5 { font: 14px/20px 'OpenSansBold', Helvetica, Arial, sans-serif; margin-bottom: 15px; } /*h6 { font: 14px/20px 'OpenSansBold', Helvetica, Arial, sans-serif; margin-bottom: 15px; }*/ p, h6 { letter-spacing: 0; margin: 0 0 15px 0; /*new*/ font-size: 14px; line-height: 20px; } ol { margin: 0 0 15px 0; } ul { padding: 0; margin: 0 0 15px 0; } em { font-family: 'GandhiSerifItalic', Georgia, Times, serif; font-style: normal; } h2 a { color: #303134; } a { color: #7b2236; text-decoration: none; } a:hover, a:active { outline: 0; text-decoration: underline; } .link-intern, .purple .link-intern { padding-right: 10px; background: url(../images/link-intern_purple.gif) right center no-repeat; } .turquoise .link-intern { padding-right: 10px; background: url(../images/link-intern_turquoise.gif) right center no-repeat; } .light .link-intern { padding-right: 10px; background: url(../images/link-extern_light.png) right center no-repeat; } .link-extern, .purple .link-extern { padding-right: 10px; background: url(../images/link-extern_purple.gif) right center no-repeat; } .turquoise .link-extern { padding-right: 10px; background: url(../images/link-extern_turquoise.gif) right center no-repeat; } .light .link-extern { padding-right: 10px; background: url(../images/link-extern_light.png) right center no-repeat; } .agency { background: url(../images/piggy-agency.png) bottom right no-repeat; } .agency h1 { font-family: 'GandhiSerifBoldItalic', Georgia, Times, serif; font-size: 16px; line-height: 20px;} .agency p { font: 12px/18px 'OpenSansItalic', Helvetica, Arial, sans-serif; color: #303134; margin-top: 5px; margin-bottom: 20px !important; } /* tile (home, newsroom) or badge or plain*/ .tile { font: 14px/22px 'OpenSansRegular', Helvetica, Arial, sans-serif; } .tile h2, .tile-kink h2 { font: 20px/24px 'GandhiSerifBold', Georgia, Times, serif; margin: 0; } .tile h3, .tile-kink h3 { font: 14px/20px 'OpenSansBold', Helvetica, Arial, sans-serif; margin-top: 5px; } .tile p, .tile-kink p { margin-top: 5px; font-size: 13px;} .tile .category { margin: 0; font-size: 12px; } .tile-kink .category { display: block; position: absolute; top: 0; right: 0; margin: 0; padding: 1px 25px 5px 5px; } .tile .date, .tile-kink .date, .tile .comments, .tile-kink .comments, .tile .tags, .tile-kink .tags { display: inline-block; line-height: 14px !important; margin-top: 0; margin-bottom: 0px; margin-right: 20px; font-size: 11px; } .tile .comments, .tile-kink .comments, .tile .tags, .tile-kink .tags { padding-left: 18px; } .badge { position: absolute; bottom: 15px; left: 0; } .badge .category { margin: 0; padding: 15px 25px; } .badge a { display: block; } /* colors background: plain or kink */ .white-plain { background: #fff; } .white-transparent { background: rgba(255,255,255,0.8); } .white-kink { background: url(../images/white-off.png) right top no-repeat; } .turquoise-1-plain { background: #4791a1; } .turquoise-1-kink { background: url(../images/turquoise-1-off.png) right top no-repeat; } .turquoise-2-plain { background: #57a0b0; } .turquoise-2-kink { background: url(../images/turquoise-2-off.png) right top no-repeat; } .turquoise-3-plain { background: #62aaba; } .turquoise-3-kink { background: url(../images/turquoise-3-off.png) right top no-repeat; } .purple-1-plain { background: #7b2236; } .purple-1-kink { background: url(../images/purple-1-off.png) right top no-repeat; } .beige-1-plain { background: #c6bc9d; } .beige-1-kink { background: url(../images/beige-1-off.png) right top no-repeat; } .grey-3-plain { background: #c0bfbc; } .grey-3-kink { background: url(../images/grey-3-off.png) right top no-repeat; } .white-kink .category:hover { cursor:pointer; background: url(../images/white-on.png) right top no-repeat; } .turquoise-1-kink .category:hover { cursor:pointer; background: url(../images/turquoise-1-on.png) right top no-repeat; } .turquoise-2-kink .category:hover { cursor:pointer; background: url(../images/turquoise-2-on.png) right top no-repeat; } .turquoise-3-kink .category:hover { cursor:pointer; background: url(../images/turquoise-3-on.png) right top no-repeat; } .purple-1-kink .category:hover { cursor:pointer; background: url(../images/purple-1-on.png) right top no-repeat; } .beige-1-kink .category:hover { cursor:pointer; background: url(../images/beige-1-on.png) right top no-repeat; } .grey-3-kink .category:hover { cursor:pointer; background: url(../images/grey-3-on.png) right top no-repeat; } /* colors foreground */ .dark { color: #303134; } .dark h2 a { color: #303134; } .dark a { color: #7B2236; } .dark .tags, .dark .date, .dark .comments { color: rgba(0,0,0,0.5); } .dark .category a { color: rgba(0,0,0,0.3); } .dark .category a:hover { color: rgba(0,0,0,0.8); } .light { color: #fff; text-shadow: rgba(0, 0, 0, 0.15) 0px 1px 2px; } .light h2 a, .light h3 a { color: #fff; } .light a, .light .tags, .light .date, .light .comments { color: rgba(255,255,255,0.7); } .light a { text-decoration: underline; } .light .category a { color: rgba(255,255,255,0.35); text-decoration: none; } .light .category a:hover { color: rgba(255,255,255,0.7); } .light .tags { background: url(../images/icon-tags-light.png) left top no-repeat; } /*.light .date { background: url(../images/icon-date-light.png) left top no-repeat; }*/ .light .comments { background: url(../images/icon-comments-light.png) left top no-repeat; } .purple a { color: #7B2236; } .turquoise a { color: #4791a1; } .turquoise .category a { color: #4791a1; } p a { font-family: 'OpenSansBold', Helvetica, Arial, sans-serif; } /*//// FONTS ////*/ #breadcrumb { margin-bottom: 20px; font-size: 12px; color: #888888; } .category { font: 14px/20px 'OpenSansBold', Helvetica, Arial, sans-serif; text-transform: uppercase; display: block; } .category a:hover { text-decoration: none; } .carousel .badge { position: absolute; right: 0; left: auto; } .carousel .category { font: 18px/20px 'OpenSansSemiboldItalic', Helvetica, Arial, sans-serif; padding: 10px !important; text-transform: none; } .tags { background: url(../images/icon-tags-dark.png) left top no-repeat; } .date { /*background: url(../images/icon-date-dark.png) left top no-repeat;*/ font-size: 12px !important; margin-bottom: 15px; padding: 0 0 8px 0; display: inline-block; } .comments { background: url(../images/icon-comments-dark.png) left top no-repeat; } .tags, .date, .comments { font-family: 'OpenSansRegular', Helvetica, Arial, sans-serif; color: rgba(0,0,0,0.5); } .tags a { font-family: 'OpenSansRegular', Helvetica, Arial, sans-serif; font-weight: normal; } .tags, .comments { font-size: 14px; line-height: 22px; padding-left: 22px; margin-bottom: 15px; } .accordion h3 { font-size: 14px; margin-top: 0; color: rgba(255,255,255,0.7); } .accordion p { margin-top: -5px; font-size: 12px; color: rgba(255,255,255,0.9); } .accordion a { color: rgba(255,255,255,1); text-decoration: none; font-family: 'OpenSansRegular', Helvetica, Arial, sans-serif; font-weight: normal; } .accordion a:hover { text-decoration: none; color: rgba(255,255,255,0.8); } .social-links { color: rgba(0,0,0,0.4); } .social-links h5 { font: 14px/20px 'OpenSansSemibold', Helvetica, Arial, sans-serif; } .claim { font: 18px/24px 'GandhiSerifBoldItalic', Georgia, Times, serif; } .subnav-leistung { font: 14px/20px 'OpenSansSemiboldItalic', Georgia, Times, serif; margin-top: 10px; } .subnav-leistung a { color: #7B2236; } .subnav-leistung a:hover { color: #333333; text-decoration: none; } .archive-link { display:block; font: 14px/20px 'GandhiSerifBoldItalic', Georgia, Times, serif; text-decoration: none; text-align:right !important; } .footer p { font-size: 10px; color: rgba(0,0,0,0.3); margin: 15px; } .footer a { color: rgba(0,0,0,0.3); } .footer a:hover { text-decoration: underline; } .color-turquoise { color: #57a0b0; } .color-purple { color: #7B2236; } .opensans-italic { font-family: 'OpenSansItalic', Helvetica, Arial, sans-serif; } .gandhi-serif-bold-italic { font-family: 'GandhiSerifBoldItalic', Georgia, Times, serif; }