/* font face css */ /** rte.css and webfonts are missing ... */ @font-face { font-family: 'FFMetaSerifWebProBook'; src: url('../font/webfonts/3266AA_0_0.eot'); src: url('../font/webfonts/3266AA_0_0.eot?#iefix') format('embedded-opentype'), url('../font/webfonts/3266AA_0_0.woff2') format('woff2'), url('../font/webfonts/3266AA_0_0.woff') format('woff'), url('../font/webfonts/3266AA_0_0.ttf') format('truetype');} @font-face { font-family: 'FFMetaSerifWebProBookItalic'; src: url('../font/webfonts/3266AA_1_0.eot'); src: url('../font/webfonts/3266AA_1_0.eot?#iefix') format('embedded-opentype'), url('../font/webfonts/3266AA_1_0.woff2') format('woff2'), url('../font/webfonts/3266AA_1_0.woff') format('woff'), url('../font/webfonts/3266AA_1_0.ttf') format('truetype');} @font-face { font-family: 'FFMetaSerifWebProMedium'; src: url('../font/webfonts/3266AA_2_0.eot'); src: url('../font/webfonts/3266AA_2_0.eot?#iefix') format('embedded-opentype'), url('../font/webfonts/3266AA_2_0.woff2') format('woff2'), url('../font/webfonts/3266AA_2_0.woff') format('woff'), url('../font/webfonts/3266AA_2_0.ttf') format('truetype');} @font-face { font-family: 'FFMetaSerifWebProMediumItalic'; src: url('../font/webfonts/3266AA_3_0.eot'); src: url('../font/webfonts/3266AA_3_0.eot?#iefix') format('embedded-opentype'), url('../font/webfonts/3266AA_3_0.woff2') format('woff2'), url('../font/webfonts/3266AA_3_0.woff') format('woff'), url('../font/webfonts/3266AA_3_0.ttf') format('truetype');} @font-face { font-family: 'FFMetaWebProBoldItalic'; src: url('../font/webfonts/3266AA_4_0.eot'); src: url('../font/webfonts/3266AA_4_0.eot?#iefix') format('embedded-opentype'), url('../font/webfonts/3266AA_4_0.woff2') format('woff2'), url('../font/webfonts/3266AA_4_0.woff') format('woff'), url('../font/webfonts/3266AA_4_0.ttf') format('truetype');} @font-face { font-family: 'FFMetaSerifWebProBold'; src: url('../font/webfonts/3266AA_5_0.eot'); src: url('../font/webfonts/3266AA_5_0.eot?#iefix') format('embedded-opentype'), url('../font/webfonts/3266AA_5_0.woff2') format('woff2'), url('../font/webfonts/3266AA_5_0.woff') format('woff'), url('../font/webfonts/3266AA_5_0.ttf') format('truetype');} @font-face { font-family: 'FFMetaSerifWebProBoldItalic'; src: url('../font/webfonts/3266AA_6_0.eot'); src: url('../font/webfonts/3266AA_6_0.eot?#iefix') format('embedded-opentype'), url('../font/webfonts/3266AA_6_0.woff2') format('woff2'), url('../font/webfonts/3266AA_6_0.woff') format('woff'), url('../font/webfonts/3266AA_6_0.ttf') format('truetype');} @font-face { font-family: 'FFMetaWebProMediumItalic'; src: url('../font/webfonts/3266AA_7_0.eot'); src: url('../font/webfonts/3266AA_7_0.eot?#iefix') format('embedded-opentype'), url('../font/webfonts/3266AA_7_0.woff2') format('woff2'), url('../font/webfonts/3266AA_7_0.woff') format('woff'), url('../font/webfonts/3266AA_7_0.ttf') format('truetype');} @font-face { font-family: 'FFMetaWebProBold'; src: url('../font/webfonts/3266AA_8_0.eot'); src: url('../font/webfonts/3266AA_8_0.eot?#iefix') format('embedded-opentype'), url('../font/webfonts/3266AA_8_0.woff2') format('woff2'), url('../font/webfonts/3266AA_8_0.woff') format('woff'), url('../font/webfonts/3266AA_8_0.ttf') format('truetype');} @font-face { font-family: 'FFMetaWebProBookItalic'; src: url('../font/webfonts/3266AA_9_0.eot'); src: url('../font/webfonts/3266AA_9_0.eot?#iefix') format('embedded-opentype'), url('../font/webfonts/3266AA_9_0.woff2') format('woff2'), url('../font/webfonts/3266AA_9_0.woff') format('woff'), url('../font/webfonts/3266AA_9_0.ttf') format('truetype');} @font-face { font-family: 'FFMetaWebProMedium'; src: url('../font/webfonts/3266AA_A_0.eot'); src: url('../font/webfonts/3266AA_A_0.eot?#iefix') format('embedded-opentype'), url('../font/webfonts/3266AA_A_0.woff2') format('woff2'), url('../font/webfonts/3266AA_A_0.woff') format('woff'), url('../font/webfonts/3266AA_A_0.ttf') format('truetype');} @font-face { font-family: 'FFMetaWebProBook'; src: url('../font/webfonts/3266AA_B_0.eot'); src: url('../font/webfonts/3266AA_B_0.eot?#iefix') format('embedded-opentype'), url('../font/webfonts/3266AA_B_0.woff2') format('woff2'), url('../font/webfonts/3266AA_B_0.woff') format('woff'), url('../font/webfonts/3266AA_B_0.ttf') format('truetype');} /** * Neue Trebuchet Light ?? */ @font-face { font-family: 'TrebuchetThin'; src: url('../font/webfonts/32F776_0_0.eot'); src: url('../font/webfonts/32F776_0_0.eot?#iefix') format('embedded-opentype'), url('../font/webfonts/32F776_0_0.woff2') format('woff2'), url('../font/webfonts/32F776_0_0.woff') format('woff'), url('../font/webfonts/32F776_0_0.ttf') format('truetype');} @font-face { font-family: 'TrebuchetLight'; src: url('../font/webfonts/32F776_1_0.eot'); src: url('../font/webfonts/32F776_1_0.eot?#iefix') format('embedded-opentype'), url('../font/webfonts/32F776_1_0.woff2') format('woff2'), url('../font/webfonts/32F776_1_0.woff') format('woff'), url('../font/webfonts/32F776_1_0.ttf') format('truetype');} /* distances */ .distance-bottom-big {padding-bottom: 5%} .distance-bottom-medium {padding-bottom: 3%} .distance-bottom-small {padding-bottom: 2%} .distance-top-negativ {margin-top: -5%; pointer-events: none;} .distance-top-negativ > *{ pointer-events: auto;} .distance-top-negativ > div.header{ pointer-events: none;} .distance-top-big {padding-top: 5%} .distance-top-small {padding-top: 2%} .distance-top-medium {padding-top: 3%} /* list type */ .list-type-contact ul {list-style-type: none; margin-left: 0; padding-left: 0;} .list-type-contact li { font-family: 'FFMetaProBook', Sans-Serif; padding-top: 12px; border-bottom: 2px solid #dddddd; padding-bottom: 12px;} .list-type-contact li b{font-family:'FFMetaWebProBold', sans-serif; color: #076c8d;} .area-about .ce-textpic.ce-image-orient-109.list-type-contact .ce-bodytext, .area-about .ce-textpic.ce-image-orient-109 .ce-text p {background-image: none} /* default css */ .animate, .animateSub > *, .animateSubAll * { transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;} .noAnimation { -moz-transition: none; -webkit-transition: none; -o-transition: none; transition: none; } body { color: #444444; font-family: FFMetaSerifWebProBook, serif; font-size: 32px; line-height: 1.1em; font-feature-settings: "liga" 0;} h1, h2, h3, h4 { /*margin: 0 0 13px; padding-bottom: 8px;*/ font-size: 1.7em; font-weight: normal; -moz-hyphens: none; -webkit-hyphens: none; -ms-hyphens: none; hyphens: none;} h1 a, h2 a, h3 a, h4 a { color: #076c8d;} h4 { font-size: 1.25em;} h2.schmal, h1.schmal { padding: 55px 11.111111111111111111111111111111% 35px;} .row{ width:100%; } .header .gross span { display: block; } /* Kleine Versalien als Anfang oder Ende großer GdcHeadlines */ .header small, .ce-textpic div > div.small, .headline_special .special_kl { line-height: 1.6; font-weight: bold; font-size: 20px; text-transform: uppercase; color: #444; letter-spacing: 0.1em; font-family: 'FFMetaWebProBook', sans-serif; } .header small { font-size: 14px; } .headline_special .special_kl, .ce-textpic > div > div.small { margin-left: 0; } a { /* color: #337ab7; */ color: #1ea1dc; text-decoration: none; outline: 0;} a:hover, a:active { color: #FFF; text-decoration: none;} a:hover, a:active, a:focus { color: inherit; outline: 0;} .ce-bodytext a { font-family: FFMetaWebProBold, 'Myriad Pro', sans-serif; font-size: 16px; padding-right: 13px; background: transparent url('../images/arrow-right-about.png') no-repeat right center; } p { margin: 0 0 25px 0;} .hyphenate { -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto;} main { position: relative; z-index: 10; width: 100%; margin: 0; padding: 0; } section#content { padding-top: 44px; } /* MAIN TEMPLATES */ main > footer > div, footer#footer > div { padding-top: 2%;} main > footer > div .ce-bodytext, footer#footer > div .ce-bodytext { padding: 0; text-align: left; font-size: 18px;} /* FOOTER */ footer#footer { height: auto; position: static; text-align: center; padding-bottom: 0; margin: 0 auto; } #footer .logo { position: relative; display: block; margin: 0 auto 30px; width: 225px} #footer nav li { list-style-type: none; float: left; padding: 0; color: #FFF; font-size: 8px;} #footer nav li a { color: #FFF; font-size: 14px; font-family: FFMetaWebProBook, sans-serif; margin: 0 12px;} #footer #socialsWrap ul.footer-socials > li, #naviFooter #socialsWrap ul.footer-socials > li { float: left; list-style: none; margin: 0 8px; } #footer #socialsWrap .newsletter {display: none;} /* Grauer Block unterhalb von Pressemitteilungen in der Detailansicht */ footer:not(#footer):not(#naviFooter) { background-color: #eee; padding-bottom: 4%; } #c113 > .header { padding: 0 11.111111111111111111111111111111%; margin: 0 15px; } .ce-image-orient-0.ce-above .header { padding: 5% 15% 0 0; } /** * TEXT AUF BILD * Weiß ist die Standardfarbe, falls es kein parent #uid1, #uid3 oder #uid4 geben sollte */ .ce-image-orient-100 .header > * { letter-spacing: 0.15em; text-indent: 3%; font-size: 80px;} /*.ce-image-orient-100 .news-tile-overlay .header > *, .header .special_gr, .header.o-109 > *, .header.o-110 > * { text-indent: 0 !important; }*/ .ce-image-orient-100 .header .split { display: block; color: #FFF !important; font-weight: bold; } .ce-image-orient-100 .scalebg { background: no-repeat top center; background-size: cover;} .ce-image-orient-100 .ce-text { color: #FFF; padding: 28% 15% 17% 15%;} .toplvl .ce-image-orient-100 .ce-text { padding: 12% 15% 25% 15%; overflow: hidden; } .ce-image-orient-100 .ce-text p { background: transparent url('../images/dash-white.gif') no-repeat left 17px; color: #83b8c7; padding-left: 50px; margin-left: 40%; font-size: 20px; font-family: 'FFMetaWebProBook', 'Myriad Pro', sans-serif; font-weight: normal; text-transform: uppercase; line-height: 1.2em; letter-spacing: 3px;} .headline_special .special_gr { margin-left: -16px; } /* gradient */ .scalebg > div { position: relative; z-index: 20; } .scalebg > div.gradient{ z-index: 10; height: 40%; width: 100%; position: absolute; bottom: 0; background-image: -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,1)); background: -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,1)); background: linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,1)); } /* WHITE BOX / COLORED BOX */ .ce-image-orient-109 .header, .ce-image-orient-110 .header { text-transform: uppercase; font-family: 'Myriad Pro', sans-serif; font-size: 0.3em; line-height: 1.5em; padding-top: 40px;} .ce-image-orient-100 .ce-bodytext, .ce-image-orient-109 .ce-bodytext, .ce-image-orient-110 .ce-bodytext { font-family: FFMetaSerifWebProBook, serif; line-height: 1.2em; font-size: 18px; padding: 40px calc(15% - 45px) 5% 45px; margin: 0 0 0 40%; background: transparent url('../images/dash-white.gif') no-repeat left 56px; text-align: left; } /* COLORED BOX */ .ce-image-orient-110 { color: #FFF;} .ce-image-orient-110 .coloredBG{ background: #0d2032; } .ce-image-orient-110 .header { color: #83b8c7;} /* BOXED HEADLINES */ .ce-image-orient-0.ce-above .header > *.gross, .ce-image-orient-109 .header > *.gross, .ce-image-orient-110 .header > *.gross { margin-left: 18%; line-height: 64px; font-family: FFMetaSerifWebProBook, serif; font-size: 56px; letter-spacing: 0.1em; color: #444444; text-indent: 3%; text-transform: none; position: relative; bottom: auto; } .ce-image-orient-109 .header .gross .split, .ce-image-orient-110 .header .gross .split { color: #fff; font-family: FFMetaSerifWebProBook, serif; display: block; font-weight: bold; text-transform: none; } .ce-image-orient-110 .header > *.gross { color: #FFF;} .ce-image-orient-110 .header .gross .split { color: #FFF;} .ce-image-orient-0 .header .split, .ce-image-orient-100 .header .split, .ce-image-orient-109 .header .gross .split, .ce-image-orient-110 .header .gross .split { text-indent: 8%; } /* Slider Text and Image */ /* Default */ .slider-type- .text-img-slider{position: relative; margin: 30px auto; top: 0; left: 0; width: 100%; overflow: hidden; visibility: hidden;} .slider-type- .text-img-slider span {display: block} .slider-type- .text-img-slider .header{color: #076c8d} .slider-type- .text-img-slider .subheader p, .slider-type- .text-img-slider .text p, .slider-type- .text-img-slider .header p {margin: 0; padding: 0} .slider-type- .text-img-slider .subheader{font-size:16px; color: #83B8C7; text-transform: uppercase} .slider-type- .text-img-slider .text{font-size:16px; padding-top: 20px; padding-bottom: 20px; line-height: 1.5} .slider-type- .text-img-slider .button{background-color: #076c8d;color: #fff;font-size: 16px;line-height: 16px;padding: 10px 30px 8px 30px;display:inline;} .slider-type- .text-img-slider .col-vertical-align{ display: table; height: 100%} .slider-type- .text-img-slider .col-vertical-align .col-content { display: table-cell;vertical-align: middle;float: none;} .slider-type- .text-img-slider .jssora02l {left: 15px; top: 0; height: 50px;} .slider-type- .text-img-slider .jssora02r {right: 15px;top: 0; height: 50px;} .slider-type- .text-img-slider .loading{position: absolute; top: 0; left: 0;} .slider-type- .text-img-slider .filter-1{filter: alpha(opacity=70); opacity: 0.7; position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%;} .slider-type- .text-img-slider .filter-2{position:absolute; display:block; top:0; left:0; width:100%; height:100%;} .slider-type- .text-img-slider .text-img-slider-slides{cursor: default; position: relative; top: 0; left: 0; width: 100%; overflow: hidden; margin: 0 auto;} @media only screen and (max-width: 600px) { #img-slider .jssora02l, #img-slider .jssora02r { top: 100px !important; } } @media only screen and (min-width: 599px) { .slider-type- .text-img-slider .row {width: 74%; margin-left: 13% !important;height: 100%;} } @media only screen and (max-width: 600px) { .col-slider- {margin-top: 50px} .js-slider-type- img{margin-bottom: 30px !important;} } /* History */ .slider-type-history .text-img-slider{position: relative; margin: 30px auto; top: 0; left: 0; width: 100%; overflow: hidden; visibility: hidden;} .slider-type-history .text-img-slider .jssora02l {left: 0.65%} .slider-type-history .text-img-slider .jssora02r {right: 0.65%} .slider-type-history .text-img-slider .loading{position: absolute; top: 0; left: 0;} .slider-type-history .text-img-slider .filter-1{filter: alpha(opacity=70); opacity: 0.7; position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%;} .slider-type-history .text-img-slider .filter-2{position:absolute; display:block; top:0; left:0; width:100%; height:100%;} .slider-type-history .text-img-slider .text-img-slider-slides{cursor: default; position: relative; top: 0; left: 0; width: 100%; overflow: hidden; margin: 0 auto;} .slider-type-history .text-img-slider img {max-width: 96%; margin: auto !important; cursor: pointer} .col-slider-history {margin-top:30px; padding: 0} .js-slider-type-history {padding: 0 !important;} .js-slider-type-history .history-box{background-color: #0D2032;width: 100%; margin-bottom: 30px} .js-slider-type-history .history-box .content {max-width: 2200px; width: 80%; margin-left: auto; margin-right:auto;color:white;padding-top: 5%} .js-slider-type-history .history-box .header {float: left;color: #83b8c7;font-size: 80px;} .js-slider-type-history .history-box p {margin: 0;padding: 0;} .js-slider-type-history .history-box .header-second {color: #83b8c7;text-transform: uppercase;padding-top:5px;line-height: 1.5} .js-slider-type-history .history-box .header-second p {font-size: 20px;font-weight: bold;letter-spacing: 0.1em;padding-top: 25px;} .js-slider-type-history .history-box .text {font-size: 17px;margin-top: -5px;line-height: 1.5;} .js-slider-type-history .history-box .line {float: left;border-bottom: 1px solid #83b8c7;width: 32px;padding-top: 40px;margin-left: 50px; margin-right: 13px;} .js-slider-type-history .history-box .text-container {float: left;width: 70%;} .js-slider-type-history .slider-index{display: none; width: 100%} .js-slider-type-history .slider-index.active {display:block} .js-slider-type-history .padding-bottom {height: 120px} .js-slider-type-history .triangle {width: 0;height: 0;display: none;margin-top: 10px;border-left: 20px solid transparent;border-right: 20px solid transparent;border-bottom: 40px solid #0D2032;} .js-slider-type-history .triangle.active {display:block;} .js-slider-type-history .triangle.triangle-0{margin-left: 16%;} .js-slider-type-history .triangle.triangle-1{margin-left: 48%;} .js-slider-type-history .triangle.triangle-2{margin-left: 82%;} @media only screen and (max-width: 600px) { .slider-type-history .text-img-slider .jssora02l {display: none} .slider-type-history .text-img-slider .jssora02r {display: none} .js-slider-type-history .triangle {width: 0;height: 0;display: none;margin-top: 20px;border-left: 10px solid transparent;border-right: 10px solid transparent;border-bottom: 20px solid #0D2032;} .js-slider-type-history .triangle.triangle-0{margin-left: 23%;} .js-slider-type-history .triangle.triangle-1{margin-left: 73%;} .js-slider-type-history .history-box .content {width: 90%;} .js-slider-type-history .history-box .header p{margin-top: 25px; font-size: 50px} .js-slider-type-history .history-box .header-second p{font-size: 15px;} .js-slider-type-history .history-box .line {clear: both;margin-left: 0;} .js-slider-type-history .history-box .text-container {width: 83%;} .js-slider-type-history .padding-bottom {height: 70px;} } /* Big Image*/ .slider-type-big.img-slider-holder {margin:0;padding:0} .slider-type-big .text-img-slider {position: relative; margin: 0;padding:0; top: 0; left: 0; width: 100%; overflow: hidden; visibility: hidden;} .slider-type-big .text-img-slider span {display: block} .slider-type-big .text-img-slider .header{text-align: center;line-height: 1.1;} .slider-type-big .text-img-slider .header p{color: black; padding-top: 20px;} .slider-type-big .text-img-slider p {margin: 0; padding: 0} .slider-type-big .text-img-slider .subheader{font-size:16px; padding-top: 20px; line-height: 1.4; padding-left: 5%;} .slider-type-big .text-img-slider .text{font-size:16px; padding-top: 20px; padding-bottom: 20px; line-height: 1.5;} .slider-type-big .text-img-slider .button{background-color: #076c8d;color: #fff;font-size: 16px;line-height: 16px;padding: 10px 30px 8px 30px;display:inline;} .slider-type-big .text-img-slider .jssora02l {left: 0; top: 0; height: 50px;} .slider-type-big .text-img-slider .jssora02r {right: 0;top: 0; height: 50px;} .slider-type-big .text-img-slider .loading{position: absolute; top: 0; left: 0;} .slider-type-big .text-img-slider .filter-1{filter: alpha(opacity=70); opacity: 0.7; position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%;} .slider-type-big .text-img-slider .filter-2{position:absolute; display:block; top:0; left:0; width:100%; height:100%;} .slider-type-big .text-img-slider .text-img-slider-slides{cursor: default; position: relative; top: 0; left: 0; width: 100%; overflow: hidden; margin: 0 auto;} .slider-type-big .text-img-slider .row {width: 100%; margin:0; padding:0} .slider-type-big .text-img-slider .col-slider-big {padding:0; margin:0} .slider-type-big .big-img {position: relative} .slider-type-big .big-img img {display: block} .slider-type-big .big-footer {color: white} .slider-type-big .big-footer {background-color: #0D2032} .slider-type-big .big-footer .header-second {color: #83b8c7; text-transform: uppercase; font-weight: bold; padding-top: 10px} .slider-type-big .big-footer .padding-bottom {height: 120px} .slider-type-big .big-footer .link {margin-top: 25px !important;} .slider-type-big .big-footer .link a{background-image: url(/fileadmin/gdc/system/images/link_about.png);background-position-x: left;background-position-y: 0px;background-size: initial; background-repeat: no-repeat;;background-attachment: initial;background-origin: initial;background-clip: initial;background-color: transparent; padding-left: 25px;padding-top: 1px; font-weight: bold; } .slider-type-big .big-footer .line {border-bottom: 1px solid #83b8c7;width: 32px;padding-top: 30px;} .slider-type-big .header-second {font-size: 20px} .area-agenda .slider-type-big .big-footer {background-color: #281032} .area-agenda .slider-type-big .big-footer .link a{background-image: url(/fileadmin/gdc/system/images/link_agenda.png);} .area-agenda .slider-type-big .big-footer .header-second {color: #A3B4A9;} .area-agenda .slider-type-big .big-footer .line{border-bottom: 1px solid #A3B4A9;} .area-agenda .slider-type-big .big-footer a {color: #A3B4A9} .area-award .slider-type-big .big-footer {background-color: #0D2032} .area-award .slider-type-big .big-footer .header-second {color: #aa943f;} .area-award .slider-type-big .big-footer .link a{background-image: url(/fileadmin/gdc/system/images/link_award.png);} .area-award .slider-type-big .big-footer .line{border-bottom: 1px solid #aa943f;} .area-award .slider-type-big .big-footer a {color: #aa943f} .slider-type-big .big-footer .text-container {padding-top: 0 !important; width: 90% !important; margin-left: 5% !important;} .slider-type-big .big-footer .text-container {padding-top: 9% !important; } .slider-type-big .text-box {position: absolute;max-width: 50%;opacity: 0.9;color: white;left: 11%;} .slider-type-big .text-img-slider .header p{color: white !important; padding-top:0 !important;} .slider-type-big .text-img-slider .subheader{padding-left: 0;} @media only screen and (min-width: 599px) { .slider-type-big .big-footer .text-container {width: 70% !important; margin-left: 15% !important;} .slider-type-big .big-footer .line {margin-left: 50px !important;margin-right: 13px;} .slider-type-big .text-box {top: 63%} .slider-type-big .big-footer .text-container span{float:left;} .slider-type-big .text-img-slider .text{width: 60%;} } @media only screen and (max-width: 600px) { .slider-type-big .big-footer .line {float:left} .slider-type-big .big-footer .text {float:left} .slider-type-big .img-responsive {width: auto} .slider-type-big .text-img-slider .text-img-slider-slides {background-color:#0D2032 } .area-agenda .slider-type-big .text-img-slider .text-img-slider-slides {background-color: #281032 } /*.slider-type-big .img-responsive {margin-left: -30% !important;}*/ .slider-type-big .img-responsive { width: 100%; } .col-slider-big {margin-top: 80px;} .slider-type-big .big-footer .padding-bottom {height: 40px;} .slider-type-big .text-box {max-width:100%; bottom: 0%; width: 100%; left: 0%} .slider-type-big .text-img-slider .subheader{font-size:22px; padding-top: 5px; text-align: center } .slider-type-big .text-img-slider .header{font-size:26px;} .slider-type-big .text-img-slider .text {width: 80%; margin-left: 5px !important;} } @media only screen and (min-width: 1500px) { .slider-type-big .header-second {font-size: 25px} .slider-type-big .text-img-slider .subheader{font-size:25px; padding-top: 50px;} .slider-type-big .text-img-slider .text{font-size:20px; padding-top: 20px; padding-bottom: 20px; line-height: 1.4} .slider-type-big .text-img-slider .header {font-size: 55px} } /* rounded image with text */ .ce-image-orient-190 .row {display: table;width: 70%;margin-left:auto;margin-right:auto} .ce-image-orient-190 .row .vertical-col {float: none;display: table-cell;vertical-align: middle;} .ce-image-orient-190 .header {text-transform: uppercase; color: #076c8d; letter-spacing: 0.2em;font-weight:bold; margin-bottom: 20px;} .area-agenda .ce-image-orient-190 .header{color: #600568} .area-award .ce-image-orient-190 .header{color: #aa943f} .ce-image-orient-190 span {display: block} .ce-image-orient-190 .text {font-size:16px; line-height: 1.2em} .ce-image-orient-190 .text a {color: #076c8d;font-size: 16px;font-weight: bold;} .area-agenda .ce-image-orient-190 .text a{color: #600568} .area-award .ce-image-orient-190 .text a{color: #aa943f} .ce-image-orient-190 .text a:after {content: ' >'} .ce-image-orient-190 .circular {display: inline-block;position: relative;width: 300px;height: 300px;overflow: hidden;border-radius: 50%;} .ce-image-orient-190 .circular img.bigger-width{width: auto;height: 100%;} .ce-image-orient-190 .circular img.bigger-height{width: 100%;height: auto;} @media only screen and (max-width: 599px) { .ce-image-orient-190 .row .vertical-col {display: block} .ce-image-orient-190 .header {margin-top: 20px;} } /* Transparent Box over Image */ .ce-image-orient-170 {position: relative} .ce-image-orient-170 .image-transparent-box{background-color:white; opacity: 0.5; padding: 20px 30px 10px 25px;} .ce-image-orient-170 img {display: block; width: 100%} .ce-image-orient-170 .image-transparent-box {position: absolute;max-width: 33%;opacity: 0.9;background-color: white;color: black;font-size: 21px;line-height: 1.4;} .ce-image-orient-170.background-black .image-transparent-box {background-color: black;color: white;} @media only screen and (max-width: 599px) { .ce-image-orient-170 .image-transparent-box {position: relative; opacity: 1; background: none; } .ce-image-orient-170.position-0 .image-transparent-box { bottom: 2%;left: 2%;width: 96%;max-width: 96%;} } @media only screen and (min-width: 1500px) { .ce-image-orient-170 .image-transparent-box {font-size: 27px !important;} .ce-image-orient-170 .image-transparent-box .box-title {padding-bottom: 5px !important;margin-bottom: 20px !important;} .ce-image-orient-170 .image-transparent-box .box-text {padding-bottom: 25px !important;margin-bottom: 20px !important;padding-right: 40px;} .ce-image-orient-170 .image-transparent-box .box-footer {font-size: 14px !important;letter-spacing: 0.1em} } @media only screen and (min-width: 600px) { .ce-image-orient-170.position-0 .image-transparent-box {top: 22%;left: 18%;} .ce-image-orient-170.position-left-bottom .image-transparent-box {bottom: 22%;left: 18%;} .ce-image-orient-170.position-right-bottom .image-transparent-box {bottom: 22%;right: 18%;} .ce-image-orient-170.position-right-top .image-transparent-box {top: 22%;right: 18%;} } .ce-image-orient-170 .image-transparent-box span {opacity: 1;display: block;} .ce-image-orient-170 .image-transparent-box p {margin: 0;padding: 0;} .ce-image-orient-170 .image-transparent-box .box-title {border-bottom: 3px double black;padding-bottom: 5px;margin-bottom: 15px;} .ce-image-orient-170.background-black .image-transparent-box .box-title, .ce-image-orient-170.background-black .image-transparent-box .box-text{border-color: white;} .ce-image-orient-170.background-black .image-transparent-box .box-text {color: white;} .ce-image-orient-170 .image-transparent-box .box-text {border-bottom: 1px solid black;padding-bottom: 15px;margin-bottom: 10px;line-height: 1.1;color: #076c8d;} .area-award .ce-image-orient-170 .image-transparent-box .box-text {color: #aa943f;} .area-agenda .ce-image-orient-170 .image-transparent-box .box-text {color: #600568;} .ce-image-orient-170 .image-transparent-box .box-footer {text-transform: uppercase;font-size: 12px;} /* NEWS */ .news-list-view { padding: 0 11.111111111111111111111111111111%; font-size: 0.5em; margin-bottom: 125px;} .news-list-view .header h2, .news-list-view .header h1{ font-size: 60px; letter-spacing: 0.09em; padding-bottom: 100px; } .news-list-view .news-img-wrap { width: 32.142857142857142857142857142857%; float: left;} .news-list-view .news-img-wrap a { border: 0 !important; padding: 0 !important; width: 100%;} .news-list-view .news-img-wrap img { width: 100%; max-width: 100%; height: auto; display: block;} .news-list-view .content-col { float: left; margin-left: 25px; width: 64.285714285714285714285714285714%;} .news-list-view .content-col .spacer { width: 10%; border-bottom: 2px solid #076c8d; margin-bottom: 10px;} .news-list-view .teaser-text { font-size: 1em; line-height: 1.2em;} .news-list-view .teaser-text a { color: #076c8d;} .news-list-view .news-list-tags, .news-single .article .head .news-list-tags { text-transform: uppercase; font-family: 'FFMetaProBook', sans-serif; color: #444;} .news-list-view .news-list-date { color: #076c8d; font-family: FFMetaWebProBold, sans-serif;} .news-list-view .topnews .content-col { float: left; margin-left: 0; width: 48.214285714285714285714285714286%;} .news-list-view .topnews .news-img-wrap { float: right; width: 48.214285714285714285714285714286%;} .news-list-view a.more { font-family: FFMetaWebProBold, Sans-Serif; } .area-award .news-list-view .content-col .spacer { border-bottom: 2px solid #aa943f; } .area-award .news-list-view .news-list-date, .area-award .news-list-view a { color: #aa943f; } .area-award .news-list-view .content-col .header span { font-size: 36px; } .news-single .article .head { padding: 100px 11.11% 80px; } .news-single .article .head .news-list-tags, .news-single .article .head .news-teaser-wrap { margin-bottom: 16px; display: flex; } .news-single .article .head .news-list-tags { font-size: 22px; } .news-single .article .head .teaser-area { background: transparent url(../images/dash-about.gif) 50px bottom no-repeat; } .news-single .article .head .teaser-area .news-list-date { font-size: 14px; letter-spacing: 0.1em;} .news-single .article .news-img-wrap .news-img-caption, .media-caption { letter-spacing: 0.1em; font-family: 'FFMetaProBook', sans-serif; color: #444; margin: 0; font-size: 12px; line-height: 1.5em; padding-top: 10px; } .news-single .article .head h1 { font-family: 'FFMetaSerifWebProBook', sans-serif; font-size: 40px; font-weight: 100; line-height: 44px; letter-spacing: 0.025em; /* = LW 25 in Photoshop */ color: #076c8d; } .news-single .article .news-img-wrap { float: left; width: 60%; margin: 0; background: transparent;} .news-single .article .news-img-wrap img { width: 100%;} .news-single .article .news-img-wrap a { padding: 0; border: 0; background: none; } .news-single .article .head .teaser-area { float: left; width: 36%; font-family: 'FFMetaWebProBook', sans-serif; padding-left: 50px;} .news-single .article .head .teaser-area .teaser-text { padding-top: 15px; color: #076c8d; font-size: 18px; font-weight: bold; line-height: 24px;} .news-single .article .text-area { font-family: FFMetaSerifWebProBook, serif; font-size: 18px; line-height: 24px; color: #444; /*padding-bottom: 20px;*/ padding: 0 30%; margin-top: 80px; margin-bottom: 25px; } .news-single .article .text-area .news-list-date { display: block; color: #076c8d; padding-bottom: 20px; font-family: FFMetaWebProBold, sans-serif; font-size: 14px; letter-spacing: 0.1em;} .news-single .article .news-related { display: block; padding: 0 0 15px 0; border: 0; width: auto; } .news-single .article .news-related ul, .news-single .article .news-related li { list-style-type: none; padding-left: 0; line-height: 1.2em; } .news-single .article .news-related-wrap { border: 0;} .news-single .article .news-related-links h4 { display: none;} .news-single .article .news-related-links ul, .news-single .article .news-related-links ul li { list-style-type: none; margin: 0; padding: 0;} .news-single .article .news-related-links a { font-family: FFMetaWebProBold, sans-serif; font-size: 18px; color: #076c8d; padding-left: 30px; background: url('../images/link-icon.gif') no-repeat left center;} .news-single .article .news-related ul li span.news-related-news-date { display: block; border-right: 0; } .news-single .article .text-area p { margin: 25px 0 10px 0; } .news-single .article .text-area p:first-of-type { margin: 0 0 10px 0; } .news-single .article .text-area b { font-family: FFMetaWebProBold, sans-serif; font-weight: normal; } .news-single .footer { background: #eeeeee; padding: 20px 0;} .news-single .footer .social { padding-left: 11.11%; padding-top: 0;} .news-single .article .footer { margin-bottom: 0;} .news-single .footer span { border: 0;} .news-single .ce-textpic.ce-image-orient-0 .ce-bodytext { font-size: 18px; color: #444444; } .news-single .article .head .buttonzZurueck { margin-left: -145px; margin-top: -20px; padding-bottom: 20px; } .news-single .article .head .buttonzZurueck a { background: url('../images/btZurueckSolo.png') no-repeat left top; background-size: contain; padding-left: 29px; padding-top: 3px; height: 25px; color: #000; font-size: 14px; font-family: 'FFMetaWebProBook', sans-serif; text-transform: uppercase;} .media-caption { margin: 0 0 20px 20px; } .dash-news-teaser { height: 2px; background-color: #076c8d; width: 80px; margin-bottom: 22px; } /* jssor slider bullet navigator skin 01 css */ .jssorb01 { position: absolute;} .jssorb01 div, .jssorb01 div:hover, .jssorb01 .av { position: absolute; /* size of bullet elment */ width: 12px; height: 12px; filter: alpha(opacity=70); opacity: .7; overflow: hidden; cursor: pointer; border: #000 1px solid;} .jssorb01 div { background-color: gray;} .jssorb01 div:hover, .jssorb01 .av:hover { background-color: #d3d3d3;} .jssorb01 .av { background-color: #fff;} .jssorb01 .dn, .jssorb01 .dn:hover { background-color: #555555;} /* left and right arrows of news image slider */ .news .footer span.jssora02l, .news .footer span.jssora02r { margin: 0; } /* left and right arrows of any image slider */ .jssora02l, .jssora02r { display: block; position: absolute; width: 60px; height: 100%; top: 0; cursor: pointer; background: url('../images/arrows-sprite-image-slider.png') left center no-repeat; } .jssora02l { left: 0; background-position: -240px center;} .jssora02r { right: 0; background-position: -300px center;} .jssora02l:hover { background-position: -120px center;} .jssora02r:hover { background-position: -180px center;} .jssora02l.jssora02ldn { background-position: -240px center;} .jssora02r.jssora02rdn { background-position: -300px center;} .jssora02l.jssora02lds { background-position: 0 center; opacity: .3; pointer-events: none;} .jssora02r.jssora02rds { background-position: -60px center; opacity: .3; pointer-events: none;} .img-slider-holder { margin-top: 20px; padding: 0 15px; } .ce-bodytext { padding:5% 15%; text-align: center; } /*.ce-image-orient-0 .ce-bodytext { padding: 10% 15% 5% 15%; }*/ /* Address */ .tx-ttaddress-pi1 { font-size: 16px; line-height: 20px;} .tx-ttaddress-pi1 .vcard { width: 50%; margin: 0 auto;} .tx-ttaddress-pi1 .image { float: left; width: 160px; height: 160px; overflow: hidden; border-radius: 50%;} .tx-ttaddress-pi1 .image img { height: auto; width: 100%; border-radius: 0; } .tx-ttaddress-pi1 .data { float: right; margin-top: 20px; width: calc(100% - 180px) !important;} .tx-ttaddress-pi1 .fn { font-size: 22px; color: #076c8d; display: block; margin-bottom: 5px;} .tx-ttaddress-pi1 .position { margin-bottom: 15px;} .tx-ttaddress-pi1 .adr { margin-bottom: 15px;} .tx-ttaddress-pi1 .email, .tx-ttaddress-pi1 a.email, .tx-ttaddress-pi1 .phone { margin: 0 0 8px 0; padding: 0 0 0 30px; font-family: FFMetaWebProBold, sans-serif; font-size: 15px; color: #444;} .tx-ttaddress-pi1 .phone { background: url('../images/vcard-phone.gif') no-repeat left center;} .tx-ttaddress-pi1 .email { background: url('../images/vcard-mail.gif') no-repeat left center;} .tx-ttaddress-pi1 .pressekontakt { padding: 25px; } @media only screen and (max-width: 1200px) { /* .tx-ttaddress-pi1 .data { float: none; width: 100%;} .tx-ttaddress-pi1 .image { float: none; } */ .pressekontakt { float: none; width: 100% !important; } } /* PRESSE KONTAKTE */ #uid9 footer:not(#footer):not(#naviFooter) { background-color: #0d2032; padding-bottom: 4%; color: #FFF; } #uid9 .tx-ttaddress-pi1 .email, #uid9 .tx-ttaddress-pi1 a.email, #uid9 .tx-ttaddress-pi1 .phone { color: #FFF; } #uid9 .tx-ttaddress-pi1 .fn { color: #83b8c7; } #uid9 .tx-ttaddress-pi1 .phone { background: url('../images/vcard-phone-d.gif') no-repeat left center } #uid9 .tx-ttaddress-pi1 .email { background: url('../images/vcard-mail-d.gif') no-repeat left center } /* TODO: Über Bildern soll MetaProLight liegen, diese Schriftart ist hier aber scheinbar nicht mit bei! */ /* .imagetext {font-family: FFMetaWebProBold;font-size: 32px;line-height: 40px; color: white;margin-top: -12%;margin-bottom: 12%;margin-left: 1.5em;} */ /* For those bigger quotes and text */ .big-text { font-family: FFMetaWebProBold, serif; font-size: 18px; line-height: 24px;} /* For small, regular, text */ .regular-text { font-family: FFMetaProBook, serif; font-size: 18px; line-height: 24px;} /* STARTSEITE */ #c16 .ce-image-orient-100 .header > * { font-size: 2.5em; letter-spacing: 0.15em; color: #83b8c7; text-indent: 3%;} #c16 .ce-image-orient-100 .header .split { display: block; color: #FFF; font-weight: bold; text-indent: 8%;} .ce-textpic.col-sm-4.ce-image-orient-0.ce-above .header{ padding: 0; } .ce-textpic.col-sm-4.ce-image-orient-0.ce-above .header h2, .ce-textpic.col-sm-4.ce-image-orient-0.ce-above .header h1 { font-family: FFMetaWebProBold, sans-serif; color: #83b8c7 !important; font-size: 20px; text-transform: uppercase; } .ce-textpic.col-sm-4.ce-image-orient-0.ce-above .ce-bodytext p { font-size: 18px; line-height: 24px; } .ce-textpic.col-sm-4.ce-image-orient-0.ce-above .ce-bodytext a {color: #83b8c7 !important;} .ce-textpic.col-sm-4.ce-image-orient-0.ce-above .ce-bodytext a {background-image: url(../images/arrow-right-about.png) !important;} #uid1 .ce-textpic.col-sm-4.ce-image-orient-0.ce-above .header h2, #uid1 .ce-textpic.col-sm-4.ce-image-orient-0.ce-above .header h1 {margin-bottom: 20px;} #uid1 .ce-textpic.col-sm-4.ce-image-orient-0.ce-above .ce-bodytext p {color:white;margin-bottom:30px;text-align: center} #uid1 footer .col-sm-4 {padding-right: 20px; padding-left: 20px;} #uid1 #main #content .ce-image-orient-0 .ce-bodytext {margin-left: auto; margin-right:auto; padding:0; width: 60%} #uid1 #main #content .ce-image-orient-0 .ce-bodytext p {padding-left: 0;padding-right: 0;padding-top: 5%;padding-bottom: 7%;} #uid1 #main footer #content .ce-image-orient-0 .ce-bodytext {margin-left: 0; margin-right:auto; padding:0; width: 100%} #uid1 #main footer #content .ce-image-orient-0 .ce-bodytext p {padding: 0} /* Meta Bro Bold #83b8c7 20pt uppercase */ /* Meta Serif Pro 18px line-height:1.5 */ /* Meta Bro Bold #83b8c7 16pt */ /* Background-color:#0d2032*/ /* in-text-accoredeon */ ul.accordeon, ul.accordeon ul, ul.accordeon li{ list-style-type: none; margin: 0; padding: 0; } ul.accordeon li.acc-label{ color: #076c8d; font-family: 'Myriad Pro', sans-serif; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #bfbfbf; background: url('../images/acc-arrow-right.gif') no-repeat right top; } ul.accordeon li.acc-label.active{ background-image: url('../images/acc-arrow-down.gif'); } ul.accordeon li.acc-label li{ color: #444; font-family: 'FFMetaSerifWebProBook', serif; } ul.accordeon li.acc-label > ul { padding-top: 10px; } /* Stifungsmitglieder */ .customButtonsContainer > .contentnavi { margin-top: 25px; } .customButtonsContainer > .contentnavi ul{ margin: 0 0 25px 0; padding: 0 15px; } .customButtonsContainer > .contentnavi li{ display: inline; list-style-type: none; margin-right: 20px; } /*#c160, #c692, #c1211 {width: 90%; margin-left: 5%; margin-right: 5% }*/ .ce-image-orient-150 {width: 90%; margin-left: 5%; margin-right: 5% } .grid.ce-inner figcaption { display: none; } .grid.ce-inner .ce-row { background: #FFF; margin: 0; padding: 5px; } .grid.ce-inner .ce-row .ce-column{ height: 150px; width: 100%;display: flex; align-items: center; justify-content: center; background: #FFF; border: 1px solid #DDD; padding: 6%; } .grid.ce-inner .ce-row img{ width: 100%; height: auto; display: block; max-width: none; } .grid.ce-inner .ce-row .portrait img{ height: 100%; width: auto; } .grid.ce-inner .ce-row a, .grid.ce-inner .ce-row figure{ width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; } .grid.ce-inner .sizer, .grid.ce-inner .ce-row { width: 16.66666667%; } /* SLIDER */ #img-slider .slide{ display: flex; align-items: center; justify-content: center; text-align: center; } #img-slider .slide img{ display: block; } #news-img-slider .news-img-caption { display: none; } /* responsive youtube iframe */ .responsive-video iframe { position: absolute;top: 0;left: 0;width: 100%;height: 100%; padding: 0 15px; } .responsive-video {position: relative; padding-bottom: 56.25%; /* Default for 1600x900 videos 16:9 ratio*/padding-top: 0px;height: 0;overflow: hidden;} /* 3-spaltig */ .layout-10 .header * { font-size: 20px; line-height: 1.2em; text-align: center; font-family: 'Myriad Pro', sans-serif; color: #076c8d !important; } .layout-10 .ce-bodytext { padding-top: 0; } .layout-10 .ce-bodytext p { font-size: 16px; line-height: 1.2em; } /* kontakt and bestellung */ .csc-mailform-container{ font-size: 18px; line-height: 1.3em; } .csc-mailform option{line-height:2} .csc-mailform ol { list-style: none;} .csc-mailform label {font-weight: normal; margin-right: 30px;} .csc-mailform input[type=text], .csc-mailform textarea, .csc-mailform select { border: 1px solid #83b8c7; background-color:white;color:#076C90; font-size: 14px; padding: 10px;} .csc-mailform input[type=text], .csc-mailform textarea { width: 720px; color: #076c8d !important;} .csc-mailform ::-webkit-input-placeholder { color: #065b7c;} .csc-mailform :-moz-placeholder { /* Firefox 18- */ color: #065b7c; } .csc-mailform ::-moz-placeholder { /* Firefox 19+ */ color: #065b7c; } .csc-mailform :-ms-input-placeholder { color: #065b7c; } .csc-mailform-container { width: 720px; margin: 0 auto;} .csc-mailform .form-group { margin-bottom: 15px !important; margin-top: 25px !important; text-align: left;} .form-group.csc-form-3,.form-group.csc-form-4 { display: inline; padding-right: 25px; } .csc-mailform .csc-form-9 p { font-size: 14px;} .csc-mailform strong { font-size: 14px;} .csc-mailform h2, .csc-mailform h1{color: #83B8C7; text-transform: uppercase;font-size: 22px; margin-top: 50px; padding-top: 30px; border-top: 1px solid #cccccc;} .csc-mailform b {font-weight: normal; font-family: 'FFMetaWebProBold', Sans-Serif } /* bestellung */ #uid47 .row {width:720px !important; margin-left: auto; margin-right: auto} #uid47 .csc-mailform label {width: 200px; font-weight: normal;} #uid47 .csc-form-17:after {content:'*Pflichtfelder'; margin-left: 100px} #uid47 .csc-form-17.en:after {content:'*Mandatory field';} #uid47 #field-25 {float:left;margin-right: 20px;margin-top: 17px} #uid47 .csc-form-25 label {margin-top: 12px} body#uid15 #content { text-align: center; font-family: FFMetaWebProBook, serif;} #uid47 .ce-image-orient-25 .row{width: 720px; margin-left: auto; margin-right: auto;border-top: 1px solid #cccccc;} #uid47 .ce-image-orient-25 .col-xs-12 {padding:25px 0 0 0;margin:0} #uid47 .ce-image-orient-25 {margin-top: 50px; font-family: 'FFMetaSerifWebProBook', serif; color: #282828; padding-left: 0} #uid47 .ce-image-orient-25 p {color: #282828 !important;background-image: none !important;font-size: 18px;line-height: 1.5;} #uid47 .ce-image-orient-25 b {font-family:'FFMetaSerifWebProBold', serif} #uid47 .ce-image-orient-25 .ce-media {width: 247px; margin-left: 100px; margin-top: 20px;} #uid47 h2.gross, #uid47 h1.gross {margin-top: 50px;width: 720px; margin-left: auto; margin-right: auto; text-transform: none !important; margin-bottom: 15px;} #uid47 h2.gross span:first-of-type, #uid47 h1.gross span:first-of-type {color: #282828 !important; font-family:'FFMetaSerifWebProBook', serif; text-transform: none !important;} #uid47 h2, #uid47 h1 {color: #83B8C7 !important;text-transform: uppercase; ;font-size: 18px; margin-bottom: 25px;} #uid47 h2.gross span:first-child, #uid47 h1.gross span:first-child {margin-left: -90px; color: #282828 !important;font-family: 'FFMetaSerifWebProBook', serif; font-size: 56px;} #uid47 h2.gross span:nth-child(2), #uid47 h1.gross span:nth-child(2) {margin-left: -200px;color: #282828 !important; font-family: 'FFMetaSerifWebProBook', serif; font-size: 56px;} #uid47 h2.gross span:nth-child(3), #uid47 h1.gross span:nth-child(3) {color: #076c8d !important;font-family:'FFMetaSerifWebProBold', serif; font-size: 56px;} #uid47 .csc-mailform h2, #uid47 .csc-mailform h1 {margin-top: 40px;margin-bottom:5px;} .csc-mailform input[type=submit] { border: 1px solid #076c8d; background-color: #076c8d; color: #fff; font-size: 16px; line-height: 16px; padding: 10px 30px 8px 30px; } /*.ce-gallery{ margin-bottom: 80px; }*/ .ce-image-orient-0 .ce-gallery{ margin-bottom: 0; } .ce-gallery figcaption { margin-top: 20px; font-size: 16px; line-height: 20px; } .ce-image-orient-109 .ce-gallery figcaption, .ce-image-orient-0 .ce-gallery figcaption { margin-left: 10%; margin-right: 10%; text-align: center } @media only screen and (max-width: 960px) { .ce-image-orient-109 .ce-gallery figcaption, .ce-image-orient-0 .ce-gallery figcaption { text-indent: 0%; } } /* filter select for ce-gallery items */ .customSelect { margin: 0; padding: 0; background-color: transparent; border: none; width: auto; font-size: 16px; font-family: FFMetaWebProBook, sans-serif; z-index: 989; cursor: pointer; } .customSelect.arrow p:first-child { background: url(../images/acc-arr-down.png) no-repeat 12px 19px; } .customSelect.enabled, .customSelect.enabled p { background-color: #076C8D; width: 296px; } .customSelect.enabled, .area-about li.customSelect.enabled a { color: white;} .customSelect { margin-bottom: 16px;} li.customSelect { margin: 0; padding: 15px 30px;} .customSelect > p:first-child { font-family: FFMetaWebProBold, sans-serif; display: block;} .customSelect > p:not(:first-child) { display: none;} .customSelect > p:hover:not(:first-child) { background-color: #eee; color: #444;} .customSelect.shadow { -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.5); box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.5);} .customSelect.enabled.arrow p:first-child { background: url(../images/arrow-down.png) no-repeat 12px 19px; } .customSelect.arrow.expanded p:first-child { background-image: url(../images/arrow-up.png); } .customFilterContainer {margin: 20px 5% 50px 5%; } #c160 .ce-bodytext, #c692 .ce-bodytext {background-image:none; padding-bottom: 0} .customSelect { position: absolute;} .customSelect > p, li.customSelect { padding: 9px 15px 8px 35px; display: block; white-space: nowrap; margin: 0; } .customButtonsContainer { float: left; margin-left: 316px;} .customButtonsContainer ul { padding-top: 0;} .ce-gallery .customSelect { margin-top: -60px; } .ce-gallery .customSelect > p, .ce-gallery li.customSelect { padding: 15px 15px 8px 35px; } @media only screen and (max-width: 600px) { .customSelect {} } /* Vierspaltiges Adressen-Grid */ .tx-ttaddress-pi1 { margin: 50px 160px 0 160px; } .tx-ttaddress-pi1 .grid.ce-inner .sizer, .tx-ttaddress-pi1 .grid.ce-inner .ce-row { width: 23.5% } .tx-ttaddress-pi1 .grid.ce-inner .ce-row { margin-bottom: 50px; padding: 0; background-color: #ddd;} .tx-ttaddress-pi1 .grid.ce-inner .ce-row a, .tx-ttaddress-pi1 .grid.ce-inner .ce-row figure { width: 100%; /*height: 100%;*/ display: block;} .tx-ttaddress-pi1 .grid.ce-inner .ce-row figure { height: 500px;} .tx-ttaddress-pi1 .grid.ce-inner figcaption { display: block; margin: 0; position: absolute; bottom: 1px;} .tx-ttaddress-pi1 .grid.ce-inner .ce-row .ce-column { padding: 0; height: 100%; width: auto; display: block; border: none;} .tx-ttaddress-pi1 .grid.ce-inner .ce-row .data { float: none; margin-top: 8px; width: 100%; height: 90px; overflow: hidden; font-family: FFMetaWebProBold, sans-serif; font-weight: normal; color: #004b64; line-height: 28px; font-size: 18px;} .tx-ttaddress-pi1 .grid.ce-inner .ce-row .data .position { font-family: FFMetaWebProBook, sans-serif; line-height: 24px;} .tx-ttaddress-pi1 .grid.ce-inner .ce-row .imgBackground { height: 404px; background-color: #C2CFD2; cursor: pointer;} .tx-ttaddress-pi1 .grid.ce-inner .ce-row .btFullsize { width: 100%; height: 32px; position: absolute; top: 200px; left: 0; background: transparent url(../images/circle-plus.png) center 72% no-repeat; cursor: pointer;} .dash-news-teaser { height: 2px; background-color: #076c8d; width: 80px; margin-bottom: 22px;} /* grey area below press release detail */ footer:not(#footer):not(#naviFooter) { background-color: #eee; padding-bottom: 4%;} #uid1 footer.col-sm-12 > div {width: 70%;margin-left: auto;margin-right: auto;} #uid1 footer .ce-textpic .header {margin-left:0} #uid1 footer:not(#footer):not(#naviFooter) {background-color: #0d2032; padding-bottom: 3%; padding-top: 2%;} #uid1 footer .ce-textpic div .ce-bodytext {margin-left:0} footer .ce-textpic .header > * { padding: 0; margin: 0; font-family: FFMetaSerifWebProBook, serif; font-size: 56px; letter-spacing: 0.1em; font-weight: 100;} footer .ce-textpic .header, footer .ce-textpic div .ce-bodytext { margin-left: 145px;} .ce-textpic.ce-image-orient-0 .ce-bodytext { font-size: 32px; line-height: 1.25em; } .header > h2:not(.gross) + small { margin-left: -17%;} .header > h1:not(.gross) + small { margin-left: -17%;} /** * Social icons */ .social { padding-top: 24px; } .social > div { float: left; margin-right: 16px; margin-bottom: 12px; line-height: 20px; cursor: pointer; } .social > div * { vertical-align: top !important; } .social > div .twitter .label { display: none !important; } .social > div, .social > div a { font-family: 'FFMetaProBook', sans-serif; font-size: 9px; text-transform: uppercase; color: #444; padding-top: 6px; letter-spacing: 0.1em; height: 32px; min-width: 32px; } .social .share { background: transparent url(../images/circle-facebook.png) left center no-repeat; } .social .twitter { background: transparent url(../images/circle-twitter.png) left center no-repeat; padding-left: 40px; } .social .print { background: transparent url(../images/circle-print.png) left center no-repeat; padding-left: 40px; } .social .download { background: transparent url(../images/circle-download.png) left center no-repeat; padding-left: 40px; margin-left: 36px; } /** * news-content */ .news-related-files > ul { margin-top: 16px; list-style-position: inside; padding-left: 0; } .news-related-files > ul > li { list-style: none; margin-bottom: 0; padding-bottom: 20px; border-bottom: 1px solid silver; } /** * news-kacheln */ .news-tile-view { margin-bottom: 40px; padding : 0 15px; } .news-tile-view .article { float: left; overflow: hidden; width: 23%; height: 23%; padding: 0; margin-left: 1%; } .news-tile-view .article .news-img-wrap { margin: 0; } .news-tile-view .article .news-img-wrap > a { border: none; padding: 0; } .news-tile-view .article .header { height: 97px; overflow: hidden; position: absolute; width: 90%; } .news-tile-view .article .teaser-text { margin-top: 260px; } .news-tile-view .article .header a, .news-tile-view .article h3, .news-tile-view .article a.more { font-family: FFMetaWebProBook, sans-serif; font-size: 20px; line-height: 24px; color: #fff; } .news-tile-view .article a.more { font-size: 16px; position: absolute; display: block; margin-top: 113px; } .news-tile-view .article .news-tile-overlay { height: 190px; margin-top: 175px; padding: 20px; background-color: rgba(0, 0, 0, 0.4); position: relative; } .news-tile-view .article .news-tile-overlay h3{ margin-top: 0 !important; } /** * overlay für medien in News */ .news .mediaelement .detail_overlay { position: absolute; display: none; padding: 20% 0 0 20px; margin-left: 13px !important; background-color: rgba(13, 32, 50, 0.8); width: 100%; height: 100%; left: 0; top: 0;} .news .mediaelement .detail_overlay div { padding: 0 10%;font-family: FFMetaWebProBook, sans-serif; font-size: 16px; line-height: 1.3em; color: #fff; display: none;} .news .mediaelement .detail_overlay .news-headline { font-family: FFMetaWebProBold, sans-serif; letter-spacing: 0.1em; text-transform: uppercase;} .news .mediaelement .detail_overlay .author { margin-right: 20px; height: 40px; overflow: hidden;} .news .mediaelement .detail_overlay .author { padding-top: 10px;} .news .mediaelement .detail_overlay .downloadLinks { position: absolute; bottom: 50px;} .news .mediaelement .detail_overlay .downloadLinks > div{ float: left; margin-right: 50px; padding-left: 24px; background: transparent url('../images/download_icon.png') left center no-repeat; color: #709ba9; cursor: pointer;} .news .mediaelement .btShowHideOverlay { width: 4%; height: 8%; position: absolute; bottom: 5%; left: calc(50% - 16px); background: transparent url(../images/circle-plus.png) center center no-repeat; background-size: contain; } .news .mediaelement .btShowHideOverlay.closeOverlay { background: transparent url(../images/circle-close.png) center center no-repeat; background-size: contain; } .news-img-wrap .mediaelement .btShowHideOverlay { display: none; } @media only screen and (max-width: 700px) { .news .mediaelement .detail_overlay { padding: 10% 0 0 20px; } .news .mediaelement .detail_overlay div { font-size: 60px; } } /* headline aus riesen Ziffern + kleiner Versalien darunter */ .headline_special > .special_gr { font-family: TrebuchetThin, "Calibri", "Trebuchet MS", "Officina sans", Delicious, sans-serif; font-size: 120px; font-weight: 100; letter-spacing: -10px; margin-top: 80px; margin-bottom: 48px; } .headline_special > .special_kl { font-family: 'FFMetaWebProBold', Sans-Serif; position: absolute; padding-top: 5px; width: calc(39% - 40px); text-align: right; font-size: 20px; } /* MEHR ERFAHREN Schaltfläche ... */ .btContinueReading { position: absolute; background: transparent url('../images/white-arrow-down-14x8.png') center 30px no-repeat; left: 0; top: 841px; height: 40px; width: 100%; z-index: 900; font-family: FFMetaWebProBook, sans-serif; font-size: 12px; text-align: center; text-transform: uppercase; letter-spacing: 0.1em; color: white; cursor: pointer; } /** * Seitenbreite 2200 */ main#main, main#main > header, main#main > #footer { max-width: 100%; } .row { max-width: 2200px; margin-left: auto; margin-right: auto} .row.row-full-width {max-width: 100%} .row.row-full-width .col-sm-12 {padding-left: 0; padding-right: 0} .row.row-full-width .ce-bodytext {max-width: 2200px;} .row.row-full-width .ce-media img, .row.row-full-width .ce-gallery img {width: 100%} @media only screen and (min-width: 2200px) { .customSelect.arrow { left: 150px !important; } .customSelect.chr.arrow { left: 350px !important; } } #footer { height: auto; } .carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img { width: 100%; max-width: none; } /* Background colours */ .area-about main#main > header, .area-about footer#footer, .area-about nav#naviMain, .area-about .ce-image-orient-110 .coloredBG, .area-about #naviFooter { background-color: #0d2032; } .area-award main#main > header, .area-award footer#footer, .area-award nav#naviMain, .area-award .ce-image-orient-110 .coloredBG, .area-award #naviFooter { background-color: #0a2f3a; } .area-agenda main#main > header, .area-agenda footer#footer, .area-agenda nav#naviMain, .area-agenda .ce-image-orient-110 .coloredBG, .area-agenda #naviFooter { background-color: #281032; } .area-agenda .coloredBG .header small, .area-agenda .coloredBG .ce-textpic div > div.small, .area-agenda .coloredBG .headline_special .special_kl { color: #FFF; } /* images */ .text-over-image-caption{width:90%;float:left;margin-bottom:20px;text-align: center;margin-top: 20px;font-size: 16px;line-height: 20px;} .social-textmedia {float:right} .ce-textpic .ce-bodytext, .ce-textpic .ce-text p { background: transparent url('../images/dash.gif') no-repeat left top; } .area-about .ce-textpic .ce-bodytext, .area-about .ce-textpic .ce-text p { background-image: url('../images/dash-about-light.gif'); } .area-award .ce-textpic .ce-bodytext, .area-award .ce-textpic .ce-text p { background-image: url('../images/dash-awards.gif'); } .area-agenda .ce-textpic .ce-bodytext, .area-agenda .ce-textpic .ce-text p { background-image: url('../images/dash-agenda.gif'); } .area-about .ce-textpic.ce-image-orient-109 .ce-bodytext, .area-about .ce-textpic.ce-image-orient-109 .ce-text p { background-image: url('../images/dash-about.gif'); } .area-agenda .ce-textpic .coloredBG .ce-bodytext, .area-agenda .ce-textpic .coloredBG .ce-text p, .area-agenda .ce-textpic .ce-textpic .coloredBG .ce-text p, .area-agenda .ce-textpic .scalebg .ce-text p { background-image: url('../images/dash-agenda-light.gif'); } .ce-textpic .ce-bodytext, .ce-textpic .ce-text p { background-position-y: 56px; } .ce-textpic .ce-bodytext.noPaddingTop { background-position-y: 16px; padding-top: 0; } .ce-textpic.ce-image-orient-100 .ce-bodytext, .ce-textpic.ce-image-orient-100 .ce-text p { background-position-y: 17px; } .ce-textpic.ce-image-orient-0 .ce-bodytext, .ce-textpic.ce-image-orient-0 .ce-text p { background: none !important; } .area-about .ce-bodytext a { background-image: url('../images/arrow-right-about.png'); } .area-award .ce-bodytext a { background-image: url('../images/arrow-right-awards.png'); } .area-agenda .ce-bodytext a { background-image: url('../images/arrow-right-agenda.png'); } .area-about .coloredBG .ce-bodytext a { background-image: url('../images/arrow-right-about-light.png'); } .area-award .coloredBG .ce-bodytext a { background-image: url('../images/arrow-right-awards-light.png'); } .area-agenda .coloredBG .ce-bodytext a { background-image: url('../images/arrow-right-agenda-light.png'); } /* GdcHeadlines, links, paragraphs */ .ms-slide .headline, .ms-slide .textblock { color: #83B8C7; } .area-agenda .header:not(.o-109) small, .area-agenda .ce-textpic div > div.small, .area-award .header small, .area-award .ce-textpic div > div.small, .area-about .header small, .area-about .coloredBG .small { color: #fff; } .area-award a, .area-award .header strong, .area-award .header small, .area-award .header > .gross > .split, .area-award .header > *, .area-award .ce-textpic div > div.small, .area-award.toplvl .ce-image-orient-100:first-child .header > *, .area-award .ce-image-orient-110 .header > *.gross, .area-award .ce-image-orient-100 .ce-text p { color: #aa943f; } .area-award .ms-slide .headline, .area-award .ms-slide .textblock { color: #aa943f; } .area-agenda a, .area-agenda .header strong, .area-agenda.toplvl .ce-image-orient-100:first-child .header > *, .area-agenda .ce-image-orient-100 .ce-text p { color: #a3b4a9; } .area-agenda .ms-slide .headline, .area-agenda .ms-slide .textblock { color: #a3b4a9; } .area-agenda .ce-image-orient-109 .header > *.gross > .split, .area-agenda .ce-image-orient-110 .header > *.gross > .split, .area-agenda .ce-textpic.ce-image-orient-109 div > div.small, .area-agenda .ce-image-orient-0 a, .area-agenda .ce-image-orient-109 a { color: #600568; } .area-agenda .ce-image-orient-109 > .coloredBG .header > *.gross > .split, .area-agenda .ce-image-orient-110 > .coloredBG .header > *.gross > .split { color: #a3b4a9; } .area-about .headline_special > .special_kl , .area-about a, .area-about .scalebg .ce-textpic .header > *, .area-about .scalebg .ce-text p, .area-about .header strong, .area-about .ce-textpic div.coloredBG div.small, .area-about.toplvl .ce-image-orient-100:first-child .header > *, .area-about .ce-image-orient-110 .header > *.gross, .area-about .ce-text p { color: #83b8c7; } .area-about .headline_special > .special_gr, .area-about .header h1, .area-about .header h2, .area-about .header h3, .area-about .ce-textpic div > div.small, .area-about .ce-image-orient-109 .header, .area-about .ce-image-orient-109 .header strong, .area-about .ce-image-orient-109 .header small, .area-about .ce-image-orient-109 a, .area-about .news-list-view a, .area-about .header > .gross > .split { color: #076c8d } .area-about .ce-image-orient-109 .header > *, .area-agenda .ce-image-orient-109 .header > *, .area-agenda .ce-image-orient-109 div > div.small { color: #444; } .coloredBG .header > .gross > .split, .ce-image-orient-110 .coloredBG .header > *.gross > .split { color: #fff; } .ce-image-orient-0 .coloredBG .ce-bodytext, .ce-image-orient-0 .coloredBG .ce-text p { background: none; } #searchbox{ position: absolute; top: -2px; right: 84px; height: 46px; width: 400px; } #searchbox input#sword{ position: absolute; left: 0; width: 85%; height: 45px; background: #344453; border: none; outline: none; color: #FFF; padding: 2px 6px; font-size: 16px; } #searchbox #search_submit{ cursor: pointer; padding-top: 5px; position: absolute; right: 0; width: 15%; height: 46px; text-align: center; color: #0d2032; border: none; font-size: 13px; background: #b5bbc1; font-family: 'Myriad Pro', sans-serif; } @media only screen and (max-width: 960px) { section#content { padding-top: 0; overflow: hidden; } main#main > header { padding-bottom: 40px; } .grid.ce-inner .sizer, .grid.ce-inner .ce-row { width: 20%; } .ce-image-orient-110 .ce-gallery{ margin-bottom: 40px; } .row { margin-right: 0; margin-left: 0; padding: 0; } .col-sm-12, #c113 > .header { padding: 0 0 0 0; } .col-sm-12:first-child { padding: 40px 0 0 0; } h1, h2, h3, h4 { font-size: 32px; margin-left: 0; } .news-list-view h1, .news-list-view h2, .news-list-view h3, .news-list-view h4 { margin-left: 0; margin-top: 0; } .ce-image-orient-0.ce-above .header > *.gross, .ce-image-orient-109 .header > *.gross, .ce-image-orient-110 .header > *.gross { font-size: 32px; line-height: 1.2} .ce-image-orient-109 .ce-bodytext, .ce-image-orient-110 .ce-bodytext, .ce-image-orient-109 .ce-bodytext a, .ce-image-orient-110 .ce-bodytext a { font-size: 3.2vw; } .ce-image-orient-109 .ce-bodytext, .ce-image-orient-110 .ce-bodytext { padding: 0 calc(15% - 45px) 5% 45px; } .ce-textpic .ce-bodytext, .ce-textpic .ce-text p { background-position-y: 16px; } /*.ce-textpic.ce-image-orient-100, .ce-textpic.ce-image-orient-100 .scalebg { min-height: 100vh; }*/ .ce-textpic.ce-image-orient-100, .ce-textpic.ce-image-orient-100 .scalebg { min-height: 100vh; } #uid47 .ce-textpic .ce-text { padding: 0% 3% 0 3% !important; } #uid47 .csc-mailform h2,#uid47 .csc-mailform h1 {margin-left: 20px} #uid47 .csc-mailform-container p:first-of-type {margin-left: 20px} #uid47 .csc-mailform-container .form-group p:first-of-type {margin-left: 0} #uid47 .row {width: 100% !important;} #uid47 h2.gross, #uid47 h1.gross {width: 100% !important;} #uid47 h2.gross, #uid47 h1.gross {margin-top: 100px} #uid47 h2.gross span:first-child, #uid47 h1.gross span:first-child {margin-left: 20px; font-size: 35px;} #uid47 h2.gross span:nth-child(2), #uid47 h1.gross span:nth-child(2) {margin-left: 80px; font-size: 35px;} #uid47 h2.gross span:nth-child(3), #uid47 h1.gross span:nth-child(3) {margin-left: 50px; font-size: 35px;} #uid47 .csc-mailform label {display: inline; margin-right: 5px; } #uid47 .ce-image-orient-25 .ce-media {margin-left:auto;margin-right:auto} .ce-textpic .ce-text { padding: 30% 3% 0 3% !important; } .ce-textpic .ce-bodytext, .ce-textpic.ce-image-orient-100 .ce-text p { margin-left: 10px; } .header small, .ce-textpic div > div.small { margin-left: 0; } .ce-image-orient-0.ce-above .header { padding: 0; } .ce-image-orient-0.ce-above .header > *, .ce-image-orient-0.ce-above .header > *.span { line-height: 1.2; } .header > .gross { margin-left: 10px; } .ce-image-orient-109 .coloredBG .header > *.gross, .ce-image-orient-110 .coloredBG .header > *.gross { bottom: auto; margin-top: 0; margin-left: 10px; /*padding-top: 40px;*/ margin-left: 0; } .ce-image-orient-100 .news-tile-overlay .header > *, .header .special_gr, .header.o-109 > *, .header.o-110 > * { text-indent: 0 !important; } /* news overview page */ .news-list-view { padding: 0 20px; } .news-list-view .news-img-wrap { width: 100%; } .news-list-view .topnews .news-img-wrap { float: none; width: 100%;} .news-list-view .content-col, .news-list-view .topnews .content-col { margin-left: 0; width: 100%;} /* single news detailled */ .news-list-view .content-col .spacer { display: none; } .news-single .article .head { padding: 60px 15px; } .news-single .article .head h1 { font-size: 28px; line-height: 34px; } .news-single .article .head .news-list-tags { font-size: 16px; letter-spacing: 2px; } .news-single .article .head .news-teaser-wrap { display: block; } .news-single .article .news-img-wrap { float: none; width: 100%; } .news-single .article .head .teaser-area { float: none; width: 100%; background:none ;padding-left: 0; } .news-single .article .head .dash-news-teaser { display: none; } .news-single .article .text-area { padding: 40px; margin-top: 0; } .news-single .article .head .buttonzZurueck { margin-left: 0; position: absolute; top: 50px; } .social > div { margin-right: 8px; } .social .twitter { width: 32px; padding-left: 32px; overflow: hidden; } .social .download { margin-left: 0; } /* news tile layout */ .news-tile-view{ padding: 0 10px; } /* .news-tile-view .article { width: calc(50% - 17px); height: calc(50% - 17px); margin-left: 0; margin-right: 15px; } */ .news-tile-view .article { width: 48%; margin: 1%; } .news-tile-view .article .news-tile-overlay { height: auto; margin-top: 0; padding: 10px; } .news-tile-view .article .header, .news-tile-view .article .header a, .news-tile-view .article h3, .news-tile-view .article a.more { font-size: 3.5vw; line-height: 1.15 } .news-tile-view .article .header { height: 56.8%; width: calc(100% - 20px); top: 23.2%; } .news-tile-view .article .header h3 { letter-spacing: 0.05em; margin-left: 0; } .news-tile-view .article a.more { position: absolute; margin-top: 0; bottom: 10px; } /* grey area below press release detail */ footer:not(#footer):not(#naviFooter) { padding-bottom: 4%; } footer:not(#footer):not(#naviFooter) .row { padding: 0 15px; } footer .ce-textpic .header > * { font-size: 32px; } footer .ce-textpic .header, footer .ce-textpic div .ce-bodytext { margin-left: 0; } footer .ce-textpic .header { margin-top: 20px; } .ce-textpic.ce-image-orient-0 .ce-bodytext { font-size: 4.4vw; } .tx-ttaddress-pi1 { margin: 0; } .tx-ttaddress-pi1 .vcard { width: 100%; } .tx-ttaddress-pi1 .data { width: 60%; } .tx-ttaddress-pi1 .email, .tx-ttaddress-pi1 a.email, .tx-ttaddress-pi1 .phone, .tx-ttaddress-pi1 { font-size: 15px; } .tx-ttaddress-pi1 .fn { margin-bottom: 10px;} .customButtonsContainer, .customFilterContainer { position: relative; float: none; height: 40px; margin: 20px 0 50px 0; } .customButtonsContainer { margin: 0; padding-top: 50px; } .customButtonsContainer > .contentnavi ul { padding: 0 0 20px 20px; } .customButtonsContainer li.customSelect { margin: 0; padding: 0; } .customButtonsContainer .customSelect { background-color: transparent; border: none; margin-right: 12px; width: 50%; } .customButtonsContainer .customSelect p, .customSelect { font-size: 14px; left: 40px; } .customButtonsContainer .customSelect:after { content: ' |' } .customButtonsContainer .customSelect:last-child:after { content: '' } .area-about .customButtonsContainer .customSelect, .area-about .customButtonsContainer li.customSelect a { color: #076c8d; } .area-award .customButtonsContainer .customSelect, .area-award .customButtonsContainer li.customSelect a { color: #aa943f; } .area-agenda .customButtonsContainer .customSelect, .area-agenda .customButtonsContainer li.customSelect a { color: #600568; } .customButtonsContainer .customSelect.shadow { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } section#content { padding-top: 0; } .csc-mailform-container { width: 100%; margin: 0 auto;} .csc-mailform .form-group { text-align: left; margin: 25px 0 15px 0 !important; } .csc-mailform-container { margin-left: 20px !important; width: 90%} .csc-mailform input[type=text], .csc-mailform textarea { width: 100%; } #searchbox{ position: absolute; top: -2px; right: 40px; height: 36px; width: calc(100% - 40px); } #searchbox input#sword{ position: absolute; left: 0; width: 85%; height: 36px; padding: 2px 6px; font-size: 16px; } #searchbox #search_submit{ position: absolute; padding-top: 2px; right: 0; width: 15%; height: 36px; font-size: 13px; } /** * T Y P O */ .headline_special { margin-left: 10px; } .headline_special .special_gr { margin-left: -16px; } .headline_special .special_kl, .ce-textpic > div > div.small { margin-bottom: 16px; } .ce-image-orient-109 .header, .ce-image-orient-110 .header, .ce-image-orient-109 .header > *.gross, .ce-image-orient-110 .header > *.gross { font-size: 3.6vw; padding-left: 10px; padding-right: 10px; right: 0; } .headline_special .special_kl, .o-109 span > small { position: relative; width: auto; text-align: left; } .header small, .ce-textpic div > div.small, .headline_special .special_kl { line-height: 1.2; font-size: 15px; } .ce-textpic.ce-image-orient-100 .ce-text .header > *, .ce-image-orient-109 .header > *.gross, .ce-image-orient-110 .header > *.gross { font-size: 7vw; line-height: 7.6vw; margin-left: 10px; } .ce-textpic.ce-image-orient-100 .ce-text p { font-size: 3.6vw; background-position: left 14px !important; } /* FIX RESPONSIVE*/ .headline_special div.special_gr { text-align: left !important; width: auto !important; height: auto !important; position: relative !important; padding: 0; margin: 25px 0; } .ce-bodytext { padding-top: 20px !important; } .area-about .ce-textpic.ce-image-orient-109 .ce-bodytext, .area-about .ce-textpic.ce-image-orient-109 .ce-text p { background-position: left 35px !important; } .ce-textpic .ce-bodytext, .ce-textpic.ce-image-orient-100 .ce-text p { /* margin-left: 20px; */ } .ce-bodytext { padding:5% 5%; } .small { position: relative !important; margin: 0 0 0 10px !important; padding: 0 !important; text-align: left !important; width: auto !important; } .special_gr { margin-left: 0 !important; } #uid47 #field-25 {margin-top: 0} } @media only screen and (max-width: 720px) { .grid.ce-inner .sizer, .grid.ce-inner .ce-row { width: 25%; } } @media only screen and (max-width: 540px) { .grid.ce-inner .sizer, .grid.ce-inner .ce-row { width: 50%; } } @media only screen and (max-width: 400px) { .grid.ce-inner .sizer, .grid.ce-inner .ce-row { width: 100%; } } @media only screen and (max-width: 720px) { .ce-textpic.ce-image-orient-100 .ce-text p { font-size: 14px; background-position: left 12px !important; } } @media only screen and (max-width: 540px) { .ce-textpic.ce-image-orient-100 .ce-text p { font-size: 12px; background-position: left 10px !important; } } @media only screen and (max-width: 400px) { .ce-textpic.ce-image-orient-100 .ce-text p { font-size: 10px; background-position: left 8px !important; } } /* ke_search */ div.tx-kesearch-pi1 {padding: 0 11.11%;font-family: inherit;} .tx-kesearch-pi1 .teaser_icon{ float: left; margin: 0 1% 5px 0; width: 32.142857142857142857142857142857%; } .tx-kesearch-pi1 .teaser_icon img{ display: block; width: 100%; height: auto; margin-right: 1% !important; margin-top: 0 !important; } .tx-kesearch-pi1 .result-teaser{float: left;margin-left: 2%;margin-top: 0;width: 64.285714285714285714285714285714%;} .tx-kesearch-pi1 .result-teaser p{color: #444444;font-family: FFMetaSerifWebProBook, serif;font-size: 16px;line-height: 19.2px;} .tx-kesearch-pi1 .result-title a{font-family: FFMetaSerifWebProBook, serif;font-size: 27px;} .tx-kesearch-pi1 .spacer {width: 10%;border-bottom: 2px solid #076c8d;margin-bottom: 10px;} .tx-kesearch-pi1 > form { padding-top: 32px; } #kesearch_results .result-list-item { margin: 0 0 50px 0 !important;} .tx-kesearch-pi1 #kesearch_results .result-list-item .hit { color: #0d2032 !important; } #kesearch_pagebrowser_top, #kesearch_pagebrowser_bottom{ font-size: 15px !important; } .tx-kesearch-pi1 .prev {background: url('../images/white-arrow-left8x14.png') no-repeat center center !important;} .tx-kesearch-pi1 .next {background: url('../images/white-arrow-right8x14.png') no-repeat center center !important;} .kesearchbox #ke_search_sword { width: 100%; } @media only screen and (max-width: 720px) { .tx-kesearch-pi1 .result-teaser, .tx-kesearch-pi1 .teaser_icon { width: 100%; } } /** * NAVIGATION */ nav a { text-decoration: none;} /** * show /hide button in two variations */ div#navToggle { width: 44px; height: 40px; margin: 0 auto; cursor: pointer; text-align: center; padding-top: 14px;} div#navToggle.closeMe { position: absolute; top: 75px; right: 34px; opacity: 0.6; padding-top: 0;} div#navToggle.closeMe:hover { opacity: 1;} div#navToggle > img.closeNavi, div#navToggle.closeMe > img.hamburger { display: none;} div#navToggle > img.hamburger, div#navToggle.closeMe > img.closeNavi { display: block;} /* hide unwanted button inside footer nav */ footer div#navToggle { display: none;} main#main > header { position: fixed; z-index: 1000; margin: 0; display: none;} footer nav { float: left;} main#main > header > nav#naviMain { margin-top: -5000px; padding-top: 200px;} main#main > header > nav#naviMain ul { list-style-position: inside; padding-left: 0; margin: -4px auto 0; padding: 0 10%;} main#main > header nav#naviMain li { list-style: none; padding: 0;} main#main > header nav#naviMain ul.level1 > li:first-child { } main#main > header nav#naviMain ul.level1 > li { width: 33.3%; line-height: 1; float: left;} main#main > header nav#naviMain ul.level1 > li > a { font-family: TrebuchetThin, "Calibri", "Trebuchet MS", "Officina sans", Delicious, sans-serif; font-weight: 100; font-size: 44px; color: white; letter-spacing: 2px; text-decoration: none; border-bottom: 3px solid #3D4D5B; display: inline-block; width: 100%; padding-bottom: 6px;} main#main > header nav#naviMain ul.level1 > li.active > a { font-family: TrebuchetLight, "Calibri", "Trebuchet MS", "Officina sans", Delicious, sans-serif; font-weight: 200;} main#main > header nav#naviMain ul.level1 > li > .highlight { position: relative; display: none;} .area-about main#main > header nav#naviMain ul.level1 > li > .highlight { background-color: #83B8C7;} .area-award main#main > header nav#naviMain ul.level1 > li > .highlight { background-color: #AA943F;} .area-agenda main#main > header nav#naviMain ul.level1 > li > .highlight { background-color: #A3B4A9;} main#main > header nav#naviMain:not(.mob) ul.level1 > li:last-child > a { display: auto; width: auto;} main#main > header nav#naviMain.mob ul.level1 * { -moz-transition: none; -webkit-transition: none; transition: none;} main#main > header nav#naviMain ul.level2 { padding: 3% 0 7% 0;} main#main > header nav#naviMain ul.level2 > li { list-style: none; line-height: 14px; margin-bottom: 18px;} main#main > header nav#naviMain ul.level2 > li > a { letter-spacing: 1px; font-family: FFMetaSerifWebProBook, serif; font-size: 14px; } .area-about main#main > header nav#naviMain ul.level2 > li > a { color: #83B8C7;} .area-award main#main > header nav#naviMain ul.level2 > li > a { color: #AA943F;} .area-agenda main#main > header nav#naviMain ul.level2 > li > a { color: #A3B4A9;} main#main > header nav#naviMain ul.level2 > li.active > a { font-family: FFMetaSerifWebProBold, serif; color: white;} /** * LOGO */ main#main > header div#logoDiv { background: transparent url(../images/gdc-logo-no-text.png) top left no-repeat; background-size: contain; position: absolute; width: 70px; height: 32px; left: 72px; top: 6px; transition: all 0.7s; -webkit-transition: all 0.7s; -moz-transition: all 0.7s; -o-transition: all 0.7s;} main#main > header div#logoDiv.large { width: 70px; height: 60px; top: 60px;} main#main > header div#logoDiv div#logoText { background: transparent url(../images/gdc-logo-text.png) top left no-repeat; margin-left: 47px; width: 173px; height: 60px; opacity: 0; transition: opacity 0.3s; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -o-transition: opacity 0.3s;} main#main > header div#logoDiv div#logoText.visible { opacity: 1;} /** * OPptivo Newsletter anmeldung */ .optivoAnmeldung { padding: 50px 0; } .optivoAnmeldung label { font-size: 18px; line-height: 1.25em; font-weight: normal; } .optivoAnmeldung .clearfix { margin-bottom: 15px; } .optivoAnmeldung input, .optivoAnmeldung select { font-size: 14px; color: #076c8d; padding: 10px; border: 1px solid #83b8c7; height: 45px; } .optivoAnmeldung input { width: 100%; } .optivoAnmeldung .checkbox { width: auto; height: auto; display: inline; cursor: pointer;} .optivoAnmeldung .submit { width: auto; border: 1px solid #076c8d; background-color: #076c8d; color: #fff; font-size: 16px; line-height: 16px; padding: 10px 30px 8px 30px; margin-left: 15px; } .optivoAnmeldung .typo3-messages .alert { width: 100%; text-align: center; color: inherit; background-color: inherit; border: none; list-style-type: none; padding-left: 0; font-size: 18px; } .optivoAnmeldung .typo3-messages .alert-success { color: #060; } .optivoAnmeldung .typo3-messages .alert-danger { color: #F00; } /** * NAVIGATION inside page FOOTER */ footer div#logoDiv { display: none;} footer a.scrollToTop { position: absolute; right: 58px; opacity: 0.5; bottom: 55px;} footer a.scrollToTop:hover { opacity: 1;} footer div#socialsWrap { height: 32px; padding-left: calc(50% - 380px);} footer div#socialsWrap ul { padding: 0; list-style-type: none;} footer#footer nav { width: 100%;} footer#footer nav ul { display: inline-block; padding: 0; list-style-type: none;} footer#footer #naviCopyright { display: none; } /** * FOOTER inside main NAVIGATION */ #naviFooter { position: absolute; width: 100%; bottom: 30px;} #naviFooter nav li { list-style-type: none; float: left; padding: 0; color: #FFF; font-size: 8px;} #naviFooter nav li a, #naviCopyright { color: #FFF; font-size: 14px; font-family: FFMetaWebProBook, sans-serif; margin: 0 12px;} #naviFooter div#socialsWrap { padding-left: calc(50% - 72px);} #naviFooter nav#naviFooterNavi { position: absolute; top: 12px;} #naviFooter div#naviCopyright { position: absolute; float: right; right: 48px; top: 12px; } .naviIcons { position: absolute; top: 6px; right: 48px; } .naviIcons > * { float: left; cursor: pointer; } .naviIcons > a { text-decoration: none; font-size: 16px; font-family: FFMetaWebProBook, sans-serif; color: rgba(255, 255, 255, 0.7); padding-right: 10px; margin-right: 10px; } .naviIcons > a.active { color: rgba(255, 255, 255, 0.9); } .languageSwitch { width: 18px; height: 11px; margin-top: 13px; margin-right: 30px; } .languageSwitch.de { background: transparent url(../images/lang-DE.png) center center no-repeat; background-size: cover; } .languageSwitch.en { background: transparent url(../images/lang-EN.png) center center no-repeat; background-size: cover; } .searchIcon { margin-top: 9px; width: 20px; height: 20px; background: transparent url(../images/icon-search.png) center center no-repeat; background-size: cover; } .newsletterTeaser { background: transparent url(../images/circle-email.png) left center no-repeat; position: absolute; padding-left: 40px; left: 66%; } .second-footer .newsletterTeaser {margin-top: -32px;} .first-footer .newsletterTeaser {bottom: 59px;} .newsletterTeaser, .newsletterTeaser > a { text-align: left; color: #FFF !important; font-size: 14px; font-family: FFMetaWebProBook, sans-serif; line-height: 16px; } #naviFooter .newsletterTeaser { display: none; } /* hide headers that appear by scripted animation; changing opacity istead of display reveals the occupied space... */ .header.o-100:first-child { opacity: 0; } /* MasterSlider */ .ms-slide {font-family:inherit;} .header-slider .ms-slide .split { display: block; color: #FFF !important; font-weight: bold; } .header-slider .ms-slide .textblock:before{content:"\2014"; font-size: 40px} .header-slider .ms-slide .headline { font-size: 80px; /*color: #83b8c7;*/ line-height: 1.2em; margin: 0; padding: 0; white-space: nowrap; letter-spacing: 0.15em; line-height: 88px;} .header-slider .ms-slide .textblock {font-weight: normal; text-transform: uppercase; display: flex; font-size: 25px; /*color: #83b8c7;*/ line-height: 1.2em; margin: 0; padding: 10px; letter-spacing: 3px; } .header-slider .ms-slide .textblock p {margin: 0px !important; font-size: 20px; font-family: 'FFMetaWebProBook', 'Myriad Pro', sans-serif; font-weight: normal; text-transform: uppercase; line-height: 1.2em; letter-spacing: 3px;} .slider-subtext { display: none !important; margin-top: -25px; font-family: 'FFMetaWebProBook', 'Myriad Pro', sans-serif; font-weight: normal; text-transform: uppercase; font-size: 14px; color: #076c8d; line-height: 1.2em; margin: 0; padding: 10px; letter-spacing: 3px; } @media only screen and (max-width: 650px) { .header-slider .ms-slide .textblock { display: none; } .slider-subtext { display: block !important; } } .header-slider .btContinueReading {top: auto; bottom: 25px;} .header-slider .ms-slide .gradientlayer { position: absolute; top: 0; width: 100%; height: 100%; background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,0.8), rgba(0,0,0,0), rgba(0,0,0,0)); background: -moz-linear-gradient(bottom, rgba(0,0,0,0.8), rgba(0,0,0,0), rgba(0,0,0,0)); background: linear-gradient(bottom, rgba(0,0,0,0.8), rgba(0,0,0,0), rgba(0,0,0,0)); } @media only screen and (max-width: 1500px) { .header-slider .ms-slide .textblock p { font-size: 20px; margin-top: 5px; } } @media only screen and (max-width: 1200px) { .header-slider .ms-slide .textblock p { font-size: 15px; margin-top: 8px; } } @media only screen and (max-width: 1000px) { .header-slider .ms-slide .textblock p { font-size: 14px; margin-top: 10px; } } @media only screen and (max-width: 800px) { .header-slider .ms-slide .textblock p { font-size: 13px; margin-top: 12px; } } @media only screen and (max-width: 600px) { .header-slider .ms-slide .textblock p { font-size: 12px; margin-top: 15px; } } @media only screen and (max-width: 500px) { .header-slider .ms-slide .textblock p { font-size: 11px; margin-top: 18px; } .header-slider .ms-slide .textblock { margin-top: 20px !important; } } @media only screen and (max-width: 400px) { .header-slider .ms-slide .textblock p { font-size: 10px; margin-top: 25px; } .header-slider .ms-slide .textblock { margin-top: 25px !important; } .header-slider .btContinueReading { bottom: 5px; } } @media only screen and (max-width: 300px) { .header-slider .ms-slide .textblock p { font-size: 9px; margin-top: 30px; } .header-slider .ms-slide .textblock { margin-top: 30px !important; } .header-slider .btContinueReading { display: none;} } @media only screen and (max-width: 200px) { .header-slider .ms-slide .textblock p { font-size: 8px; margin-top: 40px; } .header-slider .ms-slide .textblock { margin-top: 40px !important; } } @media only screen and (max-width: 100px) { .header-slider .ms-slide .textblock p { font-size: 8px; margin-top: 50px; } .header-slider .ms-slide .textblock { margin-top: 50px !important; } } /* * menu for laptops * */ @media only screen and (max-width: 1500px) { main#main > header > nav#naviMain {padding-top: 130px !important;} } /** * M O B I L E */ @media only screen and (max-width: 960px) { .header.o-100:first-child { opacity: 1; } #uid1 #main #content .ce-image-orient-0 .ce-bodytext { width: 100%; padding:0 15px; } main#main > header > nav#naviMain { margin-left: 0; } main#main > header > nav#naviMain ul.level1 > li:first-child, main#main > header > nav#naviMain ul.level1> li { background: transparent url(../images/arr-mobile-navi-down.png) right 16px no-repeat; } main#main > header > nav#naviMain ul.level1> li.opened { background: transparent url(../images/arr-mobile-navi-right.png) calc(100% - 10px) 10px no-repeat; } main#main > header > nav#naviMain ul.level1 > li, main#main > header nav#naviMain ul.level1 > li:first-child { width: 60%; margin: 20px auto; float: none; } main#main > header > nav#naviMain ul.level1 > li > ul.level2 { display: none; } main#main > header > nav#naviMain ul.level1 > li.active > ul.level2 { display: block; } main#main > header > nav#naviMain ul.level2 { padding: 3% 0 5% 0; } main#main > header div#logoDiv { left: 12px; } main#main > header div#logoDiv.large { margin-left: calc(50% - 122px); } main#main > header div#logoDiv div#logoText { margin-left: 47px; display: none; } main#main > header div#logoDiv div#logoText.visible { display: block; } div#navToggle.closeMe { top: 0; left: 0; right: auto; } #naviFooter { position: static; text-align: center; padding-bottom: 0; background-color: #c60; } #naviFooter * { font-size: 16px; line-height: 16px; } #naviFooter nav#naviFooterNavi { position: relative; display: inline-block; } #naviFooter nav#naviFooterNavi ul { margin-bottom: 0; padding-left: 0; text-align: center; -webkit-padding-start: 0; } #naviFooter nav#naviFooterNavi ul > li, #naviFooter nav#naviFooterNavi ul > li > a { line-height: 26px; } #naviFooter div#socialsWrap { height: 32px; margin: 50px auto 16px auto; top: 0; } #naviFooter .newsletterTeaser { display: none; } #naviFooter div#naviCopyright { float: none; clear: both; margin-right: 0; margin-top: 32px; text-align: center; position: relative; right: 0; top: 0px; } footer#footer * { font-size: 16px; line-height: 16px; padding-left: 0; } footer#footer .logo { margin: 20px auto 20px;} footer#footer nav { padding-top: 16px; padding-bottom: 8px; float: none;} footer#footer nav nav { display: inline-block; } footer#footer nav ul { margin-bottom: 0; padding-left: 0; text-align: center; -webkit-padding-start: 0; } footer#footer nav ul li, footer#footer nav ul li > a { line-height: 26px; } footer#footer nav li a { margin: 0 6px; } footer#footer div#socialsWrap { height: 32px; margin: 0 auto; } footer#footer div#socialsWrap ul { display: inline-block; } footer#footer a.scrollToTop { opacity: 1; position: static; margin-top: -72px; right: 10px; pointer-events: auto; float: right; margin-right: 30px; } footer#footer #naviCopyright { display: none; } footer#footer .newsletterTeaser { display: none; } .naviIcons { display: none; position: absolute; top: 2px; right: 10px; } } body .cc-window.cc-banner { padding-top: 5px !important; padding-bottom: 5px !important; } body .cc-btn.cc-dismiss { padding-top: 2px; padding-bottom: 2px; } /* POWERMAIL */ .tx-powermail { max-width: 1200px; margin: 0 auto; line-height: 1.2em; font-size: 18px; font-weight: normal; } .tx-powermail input[type=text], .tx-powermail textarea, .tx-powermail select { border: 1px solid #83b8c7; background-color: white; color: #076C90; font-size: 14px; padding: 0 10px; color: #076c8d !important;border-radius: 0; } .tx-powermail label { line-height: 1.2em; font-size: 18px; font-weight: normal; width: 100%; float: none; text-align: left !important; } .tx-powermail .powermail_fieldwrap_type_text, .tx-powermail .powermail_fieldwrap_type_submit { width: 100%; float: none; text-align: left !important; clear: both; } .tx-powermail .powermail_fieldwrap_type_text .col-sm-offset-2, .tx-powermail .powermail_fieldwrap_type_submit .col-sm-offset-2 { margin-left: 0 !important; } .tx-powermail .btn-primary { border: 1px solid #076c8d; background-color: #076c8d; color: #fff; font-size: 16px; line-height: 16px; padding: 10px 30px 8px 30px; border-radius: 0; } /* COOKIE DISCLAIMER */ .cc-window .cc-compliance .cc-btn { background-color: #076c8d !important; color: #FFF; }