.ce-media-overlay-click-for-video { color: rgb(0,0,0); background-color: rgba(255,255,255,0.75); /* text-shadow: 0 0 3px rgba(255,255,255,0.75);*/ /* color: rgb(255,255,255); background-color: rgba(0,0,0,0.75); text-shadow: 0 0 3px rgba(0,0,0,0.5);*/ text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 0.625rem 1.25rem; line-height: 1; } .ce-media-overlay-click-for-video p { max-width: 40em; /* IE11 */ font-size: 125%; line-height: 1.5; } .ce-left .ce-media-overlay-click-for-video p, .ce-right .ce-media-overlay-click-for-video p, [class^='ce-grid'] .ce-media-overlay-click-for-video p { padding: 0; font-size: 100%; line-height: 1.2; } .ce-media-overlay-click-for-video button{ line-height: 1.5; font-size: 125%; } .ce-media .ce-media-overlay-poster { transition: 0.5s opacity ease-in; } .ce-media-overlay-privacy-policy{ display: inline-block !important; } .ce-media-overlay-btn:hover{ background: #333333; } /*! * shariff - v1.24.0 - 29.06.2016 * https://github.com/heiseonline/shariff * Copyright (c) 2016 Ines Pauer, Philipp Busse, Sebastian Hilbig, Erich Kramer, Deniz Sesli * Licensed under the MIT license */.shariff::after,.shariff::before{content:" ";display:table}.shariff::after{clear:both}.shariff ul{padding:0;margin:0;list-style:none}.shariff li{height:35px;box-sizing:border-box;overflow:hidden}.shariff li a{color:#fff;position:relative;display:block;height:35px;text-decoration:none;box-sizing:border-box}.shariff li .share_count,.shariff li .share_text{font-family:Arial,Helvetica,sans-serif;font-size:12px;vertical-align:middle;line-height:35px}.shariff li .fa{width:35px;line-height:35px;text-align:center;vertical-align:middle}.shariff li .share_count{padding:0 8px;height:33px;position:absolute;top:1px;right:1px}.shariff .orientation-horizontal{display:-webkit-box}.shariff .orientation-horizontal li{-webkit-box-flex:1}.shariff .orientation-horizontal .info{-webkit-box-flex:0}.shariff .orientation-horizontal{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.shariff .orientation-horizontal li{float:left;-ms-flex:none;flex:none;width:35px;margin-right:3%;margin-bottom:10px}.shariff .orientation-horizontal li:last-child{margin-right:0}.shariff .orientation-horizontal li .share_text{display:block;text-indent:-9999px;padding-left:3px}.shariff .orientation-horizontal li .share_count{display:none}.shariff .theme-grey .shariff-button a{background-color:#b0b0b0}.shariff .theme-grey .shariff-button .share_count{background-color:#ccc;color:#333}.shariff .theme-white .shariff-button{border:1px solid #ddd}.shariff .theme-white .shariff-button a{background-color:#fff}.shariff .theme-white .shariff-button a:hover{background-color:#eee}.shariff .theme-white .shariff-button .share_count{background-color:#fff;color:#999}.shariff .orientation-vertical{min-width:110px}.shariff .orientation-vertical li{display:block;width:100%;margin:5px 0}.shariff .orientation-vertical li .share_count{width:24px;text-align:right}@media only screen and (min-width:360px){.shariff .orientation-horizontal li{margin-right:1.8%;min-width:80px;width:auto;-ms-flex:1 0 auto;flex:1 0 auto}.shariff .orientation-horizontal li .share_count{display:block}.shariff .orientation-horizontal.col-1 li,.shariff .orientation-horizontal.col-2 li{min-width:110px;max-width:160px}.shariff .orientation-horizontal.col-1 li .share_text,.shariff .orientation-horizontal.col-2 li .share_text{text-indent:0;display:inline}.shariff .orientation-horizontal.col-5 li,.shariff .orientation-horizontal.col-6 li{-ms-flex:none;flex:none}}@media only screen and (min-width:640px){.shariff .orientation-horizontal.col-3 li{min-width:110px;max-width:160px}.shariff .orientation-horizontal.col-3 li .share_text{text-indent:0;display:inline}}@media only screen and (min-width:768px){.shariff .orientation-horizontal li{min-width:110px;max-width:160px}.shariff .orientation-horizontal li .share_text{text-indent:0;display:inline}.shariff .orientation-horizontal.col-5 li,.shariff .orientation-horizontal.col-6 li{-ms-flex:1 0 auto;flex:1 0 auto}}@media only screen and (min-width:1024px){.shariff li{height:30px}.shariff li a{height:30px}.shariff li .fa{width:30px;line-height:30px}.shariff li .share_count,.shariff li .share_text{line-height:30px}.shariff li .share_count{height:28px}}.shariff .addthis a{background-color:#f8694d}.shariff .addthis a:hover{background-color:#f75b44}.shariff .addthis .fa-plus{font-size:14px}.shariff .addthis .share_count{color:#f8694d;background-color:#f1b8b0}.shariff .theme-white .addthis a{color:#f8694d}@media only screen and (min-width:600px){.shariff .addthis .fa-plus{font-size:14px;position:relative;top:1px}}.shariff .diaspora a{background-color:#999}.shariff .diaspora a:hover{background-color:#b3b3b3}.shariff .diaspora .fa-times-circle{font-size:17px}.shariff .theme-white .diaspora a{color:#999}@media only screen and (min-width:600px){.shariff .diaspora .fa-times-circle{font-size:16px}}.shariff .facebook a{background-color:#3b5998}.shariff .facebook a:hover{background-color:#4273c8}.shariff .facebook .fa-facebook{font-size:22px}.shariff .facebook .share_count{color:#183a75;background-color:#99adcf}.shariff .theme-white .facebook a{color:#3b5998}@media only screen and (min-width:600px){.shariff .facebook .fa-facebook{font-size:19px}}.shariff .flattr a{background-color:#7ea352}.shariff .flattr a:hover{background-color:#F67C1A}.shariff .flattr a:hover .share_count{color:#d56308;background-color:#fab47c}.shariff .flattr .fa-money{font-size:22px}.shariff .flattr .share_count{color:#648141;background-color:#b0c893}.shariff .theme-white .flattr a{color:#F67C1A}@media only screen and (min-width:600px){.shariff .flattr .fa-money{font-size:19px}}.shariff .googleplus a{background-color:#d34836}.shariff .googleplus a:hover{background-color:#f75b44}.shariff .googleplus .fa-google-plus{font-size:22px}.shariff .googleplus .share_count{color:#a31601;background-color:#eda79d}.shariff .theme-white .googleplus a{color:#d34836}@media only screen and (min-width:600px){.shariff .googleplus .fa-google-plus{font-size:19px}}.shariff .info{border:1px solid #ccc}.shariff .info a{color:#666;background-color:#fff}.shariff .info a:hover{background-color:#efefef}.shariff .info .fa-info{font-size:20px;width:33px}.shariff .info .share_text{display:block!important;text-indent:-9999px!important}.shariff .theme-grey .info a{background-color:#fff}.shariff .theme-grey .info a:hover{background-color:#efefef}.shariff .orientation-vertical .info{width:35px;float:right}@media only screen and (min-width:360px){.shariff .orientation-horizontal .info{-ms-flex:none!important;flex:none!important;width:35px;min-width:35px!important}}@media only screen and (min-width:1024px){.shariff .info .fa-info{font-size:16px;width:23px}.shariff .orientation-horizontal .info{width:25px;min-width:25px!important}.shariff .orientation-vertical .info{width:25px}}.shariff .linkedin a{background-color:#0077b5}.shariff .linkedin a:hover{background-color:#0369a0}.shariff .linkedin .fa-linkedin{font-size:22px}.shariff .linkedin .share_count{color:#004785;background-color:#33AAE8}.shariff .theme-white .linkedin a{color:#0077b5}@media only screen and (min-width:600px){.shariff .linkedin .fa-linkedin{font-size:19px}}.shariff .mail a{background-color:#999}.shariff .mail a:hover{background-color:#a8a8a8}.shariff .mail .fa-envelope{font-size:21px}.shariff .theme-white .mail a{color:#999}@media only screen and (min-width:600px){.shariff .mail .fa-envelope{font-size:18px}}.shariff .pinterest a{background-color:#bd081c}.shariff .pinterest a:hover{background-color:#d50920}.shariff .pinterest .fa-pinterest-p{font-size:22px}.shariff .pinterest .share_count{color:#a31601;background-color:#eda79d}.shariff .theme-white .pinterest a{color:#bd081c}@media only screen and (min-width:600px){.shariff .pinterest .fa-pinterest-p{font-size:19px;position:relative;top:1px}}.shariff .reddit a{background-color:#ff4500}.shariff .reddit a:hover{background-color:#ff6a33}.shariff .reddit .fa-reddit{font-size:17px}.shariff .theme-white .reddit a{color:#ff4500}@media only screen and (min-width:600px){.shariff .reddit .fa-reddit{font-size:16px}}.shariff .stumbleupon a{background-color:#eb4924}.shariff .stumbleupon a:hover{background-color:#ef7053}.shariff .stumbleupon .fa-stumbleupon{font-size:17px}.shariff .theme-white .stumbleupon a{color:#eb4924}@media only screen and (min-width:600px){.shariff .stumbleupon .fa-stumbleupon{font-size:16px}}.shariff .twitter a{background-color:#55acee}.shariff .twitter a:hover{background-color:#32bbf5}.shariff .twitter .fa-twitter{font-size:28px}.shariff .twitter .share_count{color:#0174a4;background-color:#96D4EE}.shariff .theme-white .twitter a{color:#55acee}@media only screen and (min-width:600px){.shariff .twitter .fa-twitter{font-size:24px}}.shariff .whatsapp a{background-color:#5cbe4a}.shariff .whatsapp a:hover{background-color:#34af23}.shariff .whatsapp .fa-whatsapp{font-size:28px}.shariff .theme-white .whatsapp a{color:#5cbe4a}@media only screen and (min-width:600px){.shariff .whatsapp .fa-whatsapp{font-size:22px}}.shariff .xing a{background-color:#126567}.shariff .xing a:hover{background-color:#29888a}.shariff .xing .fa-xing{font-size:22px}.shariff .xing .share_count{color:#15686a;background-color:#4fa5a7}.shariff .theme-white .xing a{color:#126567}@media only screen and (min-width:600px){.shariff .xing .fa-xing{font-size:19px}}.shariff .tumblr a{background-color:#36465D}.shariff .tumblr a:hover{background-color:#44546B}.shariff .tumblr .fa-tumblr{font-size:28px}.shariff .theme-white .tumblr a{color:#5cbe4a}@media only screen and (min-width:600px){.shariff .tumblr .fa-tumblr{font-size:22px}}.shariff .threema a{background-color:#333}.shariff .threema a:hover{background-color:#1f1f1f}.shariff .threema .fa-lock{font-size:28px}.shariff .theme-white .threema a{color:#333}@media only screen and (min-width:600px){.shariff .threema .fa-lock{font-size:22px}}.shariff .weibo a{background-color:#F56770}.shariff .weibo a:hover{background-color:#FA7F8A}.shariff .weibo .fa-weibo{font-size:28px}.shariff .weibo .share_count{color:#0174a4;background-color:#F56770}.shariff .theme-white .weibo a{color:#F56770}@media only screen and (min-width:600px){.shariff .weibo .fa-weibo{font-size:24px}}.shariff .tencent-weibo a{background-color:#26ACE0}.shariff .tencent-weibo a:hover{background-color:#38BBEB}.shariff .tencent-weibo .fa-tencent-weibo{font-size:28px}.shariff .tencent-weibo .share_count{color:#0174a4;background-color:#26ACE0}.shariff .theme-white .tencent-weibo a{color:#26ACE0}@media only screen and (min-width:600px){.shariff .tencent-weibo .fa-tencent-weibo{font-size:24px}}.shariff .qzone a{background-color:#2B82D9}.shariff .qzone a:hover{background-color:#398FE6}.shariff .qzone .fa-qq{font-size:28px}.shariff .qzone .share_count{color:#0174a4;background-color:#2B82D9}.shariff .theme-white .qzone a{color:#2B82D9}@media only screen and (min-width:600px){.shariff .qzone .fa-qq{font-size:24px}} /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ /** * 1. Set default font family to sans-serif. * 2. Prevent iOS and IE text size adjust after device orientation change, * without disabling user zoom. */ html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ } /** * Remove default margin. */ body { margin: 0; } /* HTML5 display definitions ========================================================================== */ /** * Correct `block` display not defined for any HTML5 element in IE 8/9. * Correct `block` display not defined for `details` or `summary` in IE 10/11 * and Firefox. * Correct `block` display not defined for `main` in IE 11. */ article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } /** * 1. Correct `inline-block` display not defined in IE 8/9. * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */ audio, canvas, progress, video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } /** * Prevent modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ audio:not([controls]) { display: none; height: 0; } /** * Address `[hidden]` styling not present in IE 8/9/10. * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22. */ [hidden], template { display: none; } /* Links ========================================================================== */ /** * Remove the gray background color from active links in IE 10. */ a { background-color: transparent; } /** * Improve readability of focused elements when they are also in an * active/hover state. */ a:active, a:hover { outline: 0; } /* Text-level semantics ========================================================================== */ /** * Address styling not present in IE 8/9/10/11, Safari, and Chrome. */ abbr[title] { border-bottom: 1px dotted; } /** * Address style set to `bolder` in Firefox 4+, Safari, and Chrome. */ b, strong { font-weight: bold; } /** * Address styling not present in Safari and Chrome. */ dfn { font-style: italic; } /** * Address variable `h1` font-size and margin within `section` and `article` * contexts in Firefox 4+, Safari, and Chrome. */ h1 { font-size: 2em; margin: 0.67em 0; } /** * Address styling not present in IE 8/9. */ mark { background: #ff0; color: #000; } /** * Address inconsistent and variable font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` affecting `line-height` in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* Embedded content ========================================================================== */ /** * Remove border when inside `a` element in IE 8/9/10. */ img { border: 0; } /** * Correct overflow not hidden in IE 9/10/11. */ svg:not(:root) { overflow: hidden; } /* Grouping content ========================================================================== */ /** * Address margin not present in IE 8/9 and Safari. */ figure { margin: 1em 40px; } /** * Address differences between Firefox and other browsers. */ hr { box-sizing: content-box; height: 0; } /** * Contain overflow in all browsers. */ pre { overflow: auto; } /** * Address odd `em`-unit font size rendering in all browsers. */ code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } /* Forms ========================================================================== */ /** * Known limitation: by default, Chrome and Safari on OS X allow very limited * styling of `select`, unless a `border` property is set. */ /** * 1. Correct color not being inherited. * Known issue: affects color of disabled elements. * 2. Correct font properties not being inherited. * 3. Address margins set differently in Firefox 4+, Safari, and Chrome. */ button, input, optgroup, select, textarea { color: inherit; /* 1 */ font: inherit; /* 2 */ margin: 0; /* 3 */ } /** * Address `overflow` set to `hidden` in IE 8/9/10/11. */ button { overflow: visible; } /** * Address inconsistent `text-transform` inheritance for `button` and `select`. * All other form control elements do not inherit `text-transform` values. * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. * Correct `select` style inheritance in Firefox. */ button, select { text-transform: none; } /** * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` * and `video` controls. * 2. Correct inability to style clickable `input` types in iOS. * 3. Improve usability and consistency of cursor style between image-type * `input` and others. */ button, html input[type="button"], /* 1 */ input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ } /** * Re-set default cursor for disabled elements. */ button[disabled], html input[disabled] { cursor: default; } /** * Remove inner padding and border in Firefox 4+. */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /** * Address Firefox 4+ setting `line-height` on `input` using `!important` in * the UA stylesheet. */ input { line-height: normal; } /** * It's recommended that you don't attempt to style these elements. * Firefox's implementation doesn't respect box-sizing, padding, or width. * * 1. Address box sizing set to `content-box` in IE 8/9/10. * 2. Remove excess padding in IE 8/9/10. */ input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Fix the cursor style for Chrome's increment/decrement buttons. For certain * `font-size` values of the `input`, it causes the cursor style of the * decrement button to change from `default` to `text`. */ input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Address `appearance` set to `searchfield` in Safari and Chrome. * 2. Address `box-sizing` set to `border-box` in Safari and Chrome. */ input[type="search"] { -webkit-appearance: textfield; /* 1 */ box-sizing: content-box; /* 2 */ } /** * Remove inner padding and search cancel button in Safari and Chrome on OS X. * Safari (but not Chrome) clips the cancel button when the search input has * padding (and `textfield` appearance). */ input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * Define consistent border, margin, and padding. */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /** * 1. Correct `color` not being inherited in IE 8/9/10/11. * 2. Remove padding so people aren't caught out if they zero out fieldsets. */ legend { border: 0; /* 1 */ padding: 0; /* 2 */ } /** * Remove default vertical scrollbar in IE 8/9/10/11. */ textarea { overflow: auto; } /** * Don't inherit the `font-weight` (applied by a rule above). * NOTE: the default cannot safely be changed in Chrome and Safari on OS X. */ optgroup { font-weight: bold; } /* Tables ========================================================================== */ /** * Remove most spacing between table cells. */ table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } /* Magnific Popup CSS */ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; filter: alpha(opacity=80); } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #cccccc; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #cccccc; } .mfp-preloader a:hover { color: white; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; -webkit-box-shadow: none; box-shadow: none; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; filter: alpha(opacity=65); padding: 0 0 18px 10px; color: white; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; } .mfp-close:hover, .mfp-close:focus { opacity: 1; filter: alpha(opacity=100); } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: #333333; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: white; right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { position: absolute; top: 0; right: 0; color: #cccccc; font-size: 12px; line-height: 18px; } .mfp-arrow { position: absolute; opacity: 0.65; filter: alpha(opacity=65); margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; filter: alpha(opacity=100); } .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after, .mfp-arrow .mfp-a { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before, .mfp-arrow .mfp-b { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after, .mfp-arrow-left .mfp-a { border-right: 17px solid white; margin-left: 31px; } .mfp-arrow-left:before, .mfp-arrow-left .mfp-b { margin-left: 25px; border-right: 27px solid #3f3f3f; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after, .mfp-arrow-right .mfp-a { border-left: 17px solid white; margin-left: 39px; } .mfp-arrow-right:before, .mfp-arrow-right .mfp-b { border-left: 27px solid #3f3f3f; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: black; } /* Main image in popup */ img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } /* The shadow behind the image */ .mfp-figure { line-height: 0; } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444444; } .mfp-figure small { color: #bdbdbd; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: #f3f3f3; word-wrap: break-word; padding-right: 36px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** * Remove all paddings around the image on small screen */ .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } .mfp-ie7 .mfp-img { padding: 0; } .mfp-ie7 .mfp-bottom-bar { width: 600px; left: 50%; margin-left: -300px; margin-top: 5px; padding-bottom: 5px; } .mfp-ie7 .mfp-container { padding: 0; } .mfp-ie7 .mfp-content { padding-top: 44px; } .mfp-ie7 .mfp-close { top: 0; right: 0; padding-top: 0; } /** * @license * MyFonts Webfont Build ID 3000044, 2015-03-30T04:29:26-0400 * * The fonts listed in this notice are subject to the End User License * Agreement(s) entered into by the website owner. All other parties are * explicitly restricted from using the Licensed Webfonts(s). * * You may obtain a valid license at the URLs below. * * Webfont: FF Sari Web Regular by FontFont * URL: http://www.myfonts.com/fonts/fontfont/ff-sari/ot-regular/ * Copyright: 2010 Hans Reichel published by FSI FontShop International GmbH * Licensed pageviews: 500,000 * * * License: http://www.myfonts.com/viewlicense?type=web&buildid=3000044 * * © 2015 MyFonts Inc */ @font-face {font-family: 'FFSariWebRegular';src: url('../../fileadmin/template/tdh2016/res/webfonts/2DC6EC_0_0.eot');src: url('../../fileadmin/template/tdh2016/res/webfonts/2DC6EC_0_0.eot?#iefix') format('embedded-opentype'),url('../../fileadmin/template/tdh2016/res/webfonts/2DC6EC_0_0.woff2') format('woff2'),url('../../fileadmin/template/tdh2016/res/webfonts/2DC6EC_0_0.woff') format('woff'),url('../../fileadmin/template/tdh2016/res/webfonts/2DC6EC_0_0.ttf') format('truetype');} /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } .cc-window{opacity:1;transition:opacity 1s ease}.cc-window.cc-invisible{opacity:0}.cc-animate.cc-revoke{transition:transform 1s ease}.cc-animate.cc-revoke.cc-top{transform:translateY(-2em)}.cc-animate.cc-revoke.cc-bottom{transform:translateY(2em)}.cc-animate.cc-revoke.cc-active.cc-bottom,.cc-animate.cc-revoke.cc-active.cc-top,.cc-revoke:hover{transform:translateY(0)}.cc-grower{max-height:0;overflow:hidden;transition:max-height 1s} .cc-link,.cc-revoke:hover{text-decoration:underline}.cc-revoke,.cc-window{position:fixed;overflow:hidden;box-sizing:border-box;font-family:Helvetica,Calibri,Arial,sans-serif;font-size:16px;line-height:1.5em;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;z-index:9999}.cc-window.cc-static{position:static}.cc-window.cc-floating{padding:2em;max-width:24em;-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner{padding:1em 1.8em;width:100%;-ms-flex-direction:row;flex-direction:row}.cc-revoke{padding:.5em}.cc-header{font-size:18px;font-weight:700}.cc-btn,.cc-close,.cc-link,.cc-revoke{cursor:pointer}.cc-link{opacity:.8;display:inline-block;padding:.2em}.cc-link:hover{opacity:1}.cc-link:active,.cc-link:visited{color:initial}.cc-btn{display:block;padding:.4em .8em;font-size:.9em;font-weight:700;border-width:2px;border-style:solid;text-align:center;white-space:nowrap}.cc-banner .cc-btn:last-child{min-width:140px}.cc-highlight .cc-btn:first-child{background-color:transparent;border-color:transparent}.cc-highlight .cc-btn:first-child:focus,.cc-highlight .cc-btn:first-child:hover{background-color:transparent;text-decoration:underline}.cc-close{display:block;position:absolute;top:.5em;right:.5em;font-size:1.6em;opacity:.9;line-height:.75}.cc-close:focus,.cc-close:hover{opacity:1} .cc-revoke.cc-top{top:0;left:3em;border-bottom-left-radius:.5em;border-bottom-right-radius:.5em}.cc-revoke.cc-bottom{bottom:0;left:3em;border-top-left-radius:.5em;border-top-right-radius:.5em}.cc-revoke.cc-left{left:3em;right:unset}.cc-revoke.cc-right{right:3em;left:unset}.cc-top{top:1em}.cc-left{left:1em}.cc-right{right:1em}.cc-bottom{bottom:1em}.cc-floating>.cc-link{margin-bottom:1em}.cc-floating .cc-message{display:block;margin-bottom:1em}.cc-window.cc-floating .cc-compliance{-ms-flex:1;flex:1}.cc-window.cc-banner{-ms-flex-align:center;align-items:center}.cc-banner.cc-top{left:0;right:0;top:0}.cc-banner.cc-bottom{left:0;right:0;bottom:0}.cc-banner .cc-message{-ms-flex:1;flex:1}.cc-compliance{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:justify;align-content:space-between}.cc-compliance>.cc-btn{-ms-flex:1;flex:1}.cc-btn+.cc-btn{margin-left:.5em} @media print{.cc-revoke,.cc-window{display:none}}@media screen and (max-width:900px){.cc-btn{white-space:normal}}@media screen and (max-width:414px) and (orientation:portrait),screen and (max-width:736px) and (orientation:landscape){.cc-window.cc-top{top:0}.cc-window.cc-bottom{bottom:0}.cc-window.cc-banner,.cc-window.cc-left,.cc-window.cc-right{left:0;right:0}.cc-window.cc-banner{-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner .cc-compliance{-ms-flex:1;flex:1}.cc-window.cc-floating{max-width:none}.cc-window .cc-message{margin-bottom:1em}.cc-window.cc-banner{-ms-flex-align:unset;align-items:unset}} .cc-floating.cc-theme-classic{padding:1.2em;border-radius:5px}.cc-floating.cc-type-info.cc-theme-classic .cc-compliance{text-align:center;display:inline;-ms-flex:none;flex:none}.cc-theme-classic .cc-btn{border-radius:5px}.cc-theme-classic .cc-btn:last-child{min-width:140px}.cc-floating.cc-type-info.cc-theme-classic .cc-btn{display:inline-block} .cc-theme-edgeless.cc-window{padding:0}.cc-floating.cc-theme-edgeless .cc-message{margin:2em 2em 1.5em}.cc-banner.cc-theme-edgeless .cc-btn{margin:0;padding:.8em 1.8em;height:100%}.cc-banner.cc-theme-edgeless .cc-message{margin-left:1em}.cc-floating.cc-theme-edgeless .cc-btn+.cc-btn{margin-left:0} /* 7.6er tdh-typo.css */ /* Typography (mobile-first) */ @media all { html { background: url('../../fileadmin/template/tdh2016/img/bg-wallpaper.jpg') repeat } body { font-size: 0.875rem; color: rgb(51,51,51); } body, input, select, textarea { font-family: FFSariWebRegular, 'Trebuchet MS', Arial, sans-serif; line-height: 1.5; } .pagination { font-family: sans-serif; } b, strong { font-weight: bold; } h1,h2,h3,h4, a { color: rgb(166,28,38); text-decoration: none; } h1,h2,h3,h4,h5 { margin: 0; line-height: 1.3; font-weight: normal; } h1 { font-size: 157.14%; padding-bottom: 0.3125rem; } h2 { font-size: 142.857%; padding-bottom: 0.1875rem; } h3 { font-size: 128.57%; padding-bottom: 0.0625rem; } h4,h5 { font-size: 114.2857%; } /* margin 20px */ .ce-header, .Tx-Formhandler, .cbQuickGoogleMap { margin: 0 0 1.25rem; } table, p, ul, ol, hr { margin: 0 0 0.9375rem; } .ce-header-subheader { margin-top: 1.25rem; } .ce-header-date { margin-top: 0.625rem; } ul { padding-left: 1.25rem; list-style-type: square; } ul ul, ul ol, ol ul, ol ol { margin:0; } /* text flow */ h1, h2, h3, h4, h5, h6 p, li, a, figcaption { /* overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; */ } .ce-table { display: table; width: 100%; } .ce-table thead tr , .ce-table tbody tr { border-top: 1px solid #ffffff; } .ce-table th , .ce-table td { border: 0px none transparent; background: #f5f3f2 none repeat scroll 0 0; padding: 0.25em 0.5em; text-align: left; } .ce-table th { background-color: #ffffff; } .ce-table thead th { border-left: 1px solid #f5f3f2 !important; } .ce-table tbody th { border-bottom: 1px solid #f5f3f2 !important; } .ce-table tr + tr:nth-child(2n) td { background: #faf9f9 none repeat scroll 0 0; } .ce-table th + th, .ce-table th + td, .ce-table td + td{ border-left: 1px solid #ffffff; } } /* hover effects */ @media all { } /* medium - tablet + print */ @media all and (min-width: 37.5em), print { /* ~ 600px */ } /* large - desktop */ @media all and (min-width: 61.25em) { /* ~ 980px */ body { font-size: 0.9375rem; } body, input, select, textarea { line-height: 1.7; } h1 { font-size: 173.3333%; line-height: 1.25; padding-bottom: 0.625rem; } h2 { font-size: 133.3333%; padding-bottom: 0.3125rem; } h3 { padding-bottom: 0; } h3,h4,h5 { font-size: 113.3333%; line-height: 1.35; } } /* xlarge */ @media all and (min-width: 75em) { /* ~ 1200px */ h1 { font-size: 266.67%; line-height: 1.2; padding-bottom: 1.25rem; } h2 { font-size: 173.33%; line-height: 1.25; padding-bottom: 0.625rem; } h3 { font-size: 133.33%; line-height: 1.3; padding-bottom: 0.3125rem; } } /* xxlarge */ @media all and (min-width: 91.25em) { /* ~ 1460px */ } /* print */ @media print { html, body, a { font-size: 10pt !important; } h2, h3 { page-break-after: avoid; } table, ol, ul, figure, img { page-break-inside: avoid; } a { font-size: 10pt !important; overflow: visible !important; } .ce-bodytext a[href^=http]::after { content:" [" attr(href) "] "; font-size: 8pt !important; } .print-only { display: block; } .print-not, .page-stage, .nav-toggle, .totoplink, .topnav, .searchbox, .mainnav, .subnav { display: none !important; } } /* 7.6er tdh form.css */ /* form controls */ @media all { fieldset { border:0; margin:0 0 0.625rem; padding:0; } .form-legend, legend { font-weight: bold; padding: 0; margin:0 0 0.625rem; white-space: normal; line-height:1.5; max-width: 100%; } legend.form-label { font-weight: normal; } .form-legend-red { color: rgb(166,28,38); } label, input, select, textarea { display: block; width: 100%; } input, button, select, textarea { padding:0.625rem; outline-offset: -2px; } input:focus, button:focus, select:focus, textarea:focus { outline: 2px solid rgb(166,28,38); } .field-invalid { background-color: rgba(166,28,38,0.125); } input[type="checkbox"], input[type="radio"] { width: auto; } .form-fake-placeholder { color: rgb(169,169,169); } ::-webkit-input-placeholder { /* Chrome, Safari, Opera */ color: rgb(169,169,169); } ::-moz-placeholder { /* Firefox */ color: rgb(169,169,169); } :-ms-input-placeholder { /* IE10–11 */ color: rgb(169,169,169) !important; } ::-ms-input-placeholder { /* Edge */ color: rgb(169,169,169); } ::placeholder { /* CSS Working Draft */ color: rgb(169,169,169); } .form-error { color: red; } ul.form-error { padding:0; list-style: none; } .form-required-sign { color: rgb(166,28,38); } .f3-form-error, .error select, .error textarea, .error input { background: rgb(255,204,204); } .form-error { display: block; margin-bottom: 0.625rem; } input[type="image"], input[type="submit"] { border: none; } button[type="submit"], input[type="submit"] { color: rgb(255,255,255); background: rgb(166,28,38); border: none; padding: 0.625rem; border-radius: 0.3125rem; } button, .button, .btn { box-shadow: 4px 4px 6px rgba(0, 0, 0, 0.1), 0 0 5px rgba(0, 0, 0, 0.05); } .form-field-row { margin-bottom: 0.625rem; } .form-label { padding: 0.625rem 0.625rem 0.625rem 0; } .form-label-inner { display: inline-block; margin-left: 1.25rem; } .form-radio-group, .form-checkbox-group, .form-input-group, input, select, textarea { padding: 0.625rem; color: rgb(51,51,51); background: rgb(246,246,246); border: 1px solid rgb(235,235,235); border-bottom-width: 0; box-shadow: inset 0 0 0.625rem rgba(0,0,0,0.125); } .form-radio-group { padding: 0 } .form-checkbox-group { padding: 0 } .form-radio-group input { box-shadow: none; padding: 0;} .form-checkbox-group input { box-shadow: none; padding: 0;} .form-input-group .form-input { padding: 0; background: none; box-shadow: none; border: none; } .field-readonly input { color: rgb(102,102,102); background: rgb(235,235,235); } .form-input[disabled] { color: rgb(102,102,102); background: rgb(235,235,235); border-width: 1px; } .form-field-row-radio, .form-field-row-checkbox { margin: 0; } .form-label-radio, .form-label-checkbox { padding: 0.625rem; } .form-field-checkbox-long { width: 100%; padding: 0; margin: 0; } .form-radio-group .form-field-row + .form-field-row, .form-checkbox-group .form-field-row + .form-field-row { border-top: 1px solid rgb(220,220,220); } .mathguard .error { clear:left; } .form-hint { font-style: italic; margin: 0 0 0.625rem; } .form-field-row > *, .form-sub-row > * { vertical-align: top; } .form-field-row label > [type="radio"], .form-field-row label > [type="checkbox"] { position: absolute; width: auto; display: inline-block; -ms-transform: translateY(0.25em); transform: translateY(0.25em); } .form-fields { position:relative; } .form-fields .field-separator + input { position:absolute; top:0; right:0; } .form-fields label { float: left; width: auto; } .form-text, .form-sub-row > * + *, .form-fields > * + * { margin-left: 0.3125rem; } .form-sub-row * { width: auto !important; display: inline-block; float: none !important; } .form-sub-row + .form-sub-row { margin-left: 0; } .form-text { display: inline-block; padding: 0; vertical-align: middle; } .form-checkboxes label { width: 20%; padding-left: 0.7415em; padding-right: 0.7415em; margin: 0; text-align: center; } .rc-small .form-checkboxes label { width: 20%; padding-left: 0.25em; padding-right: 0.25em; } .form-checkboxes { padding-left: 0; padding-right: 0; } .rc-small .form-submit .form-field { width: auto; } .mathguard > * { display: inline-block; vertical-align: middle; } .mathguard-hint { width: auto; clip: rect(1px, 1px, 1px, 1px); position: absolute !important; } .mathguard-captcha { width: 4em; padding: 0; } .mathguard-input { width: 12em; } .form-submit { border: none; } .form-submit .form-field { width: 32%; } } /* medium - tablet + print */ @media all and (min-width: 37.5em), print { /* ~ 600px */ .form-fieldset { margin-bottom: 1.25rem; } .form-field-row { margin-left: -0.3125rem; margin-right: -0.3125rem; } .form-field-row-checkbox { margin: 0; } .form-label { float: left; width: 33.3333%; padding: 0.625rem 0.3125rem; } .form-labels .form-label-part { width: auto; display: inline-block; } .form-field { float: left; width: 66.6666%; padding: 0 0.3125rem; } .form-field-long, .form-field-checkbox-long { width: 100%; } } /* powermail */ /* powermail > general */ .tx-powermail .powermail_fieldwrap > label { padding: .625rem; padding-left: 0; } /* powermail > checkboxes */ .tx-powermail .powermail_fieldwrap_type_check .checkbox { padding: .625rem; background: rgb(246,246,246); } .tx-powermail .powermail_fieldwrap_type_check .checkbox + .checkbox { border-top: .0625rem dashed #ccc; } .tx-powermail .powermail_fieldwrap_type_check .checkbox input { position: relative; float: left; margin-right: .3125rem; } /* powermail > mandatory */ .tx-powermail .mandatory { color: rgb(166,28,38); } /* powermail > submit */ .tx-powermail input[type="submit"] { width: auto; } /* powermail > captcha */ .tx-powermail .powermail_fieldwrap_type_captcha .col-sm-10 { position: relative; } .tx-powermail .powermail_captchaimage { position: absolute; top: 0; right: 0; bottom: 0; height: 100%; margin-right: .3125rem; padding: 2px; } @media all and (min-width: 37.5em) { /* powermail > layout */ .tx-powermail .form-field-row { margin-left: -0.3125rem; margin-right: -0.3125rem; margin-bottom: 0.625rem; } .tx-powermail .powermail_fieldwrap > *:nth-child(1) { float: left; width: 33.3333%; width: calc(100% / 3 * 1); padding: 0.625rem 0.3125rem; } .tx-powermail .powermail_fieldwrap > .col-sm-10 { float: right; width: 66.6666%; width: calc(100% / 3 * 2); padding: 0 0.3125rem; } .tx-powermail .powermail_fieldwrap:after { content:""; display: table; clear: both; } /* powermail > select */ .tx-powermail .powermail_fieldwrap select { min-height: 2.84375rem; padding-top: .9375rem; } /* powermail > captcha */ .tx-powermail .powermail_captchaimage { margin-right: .3125rem; } } /* 7.6er Template TDH layout.css */ @media all { .cc-banner ~ .page { padding-bottom: 16rem; } .cc-banner.cc-invisible ~ .page { padding-bottom: 0; } .cc-banner a::before { content: none !important; } .ce-element { margin-bottom: 0.3125rem; } .ce-element-header, .ce-element-shortcut, .ce-element-html, .ce-element-gridelements_pi1 { margin-bottom: 0 !important; } .ce-textpic-inner { overflow: hidden; } .ce-div { border: none; border-bottom: 1px dashed rgb(191,191,191); } .ce-grid-teaser > .ce-element { padding-bottom: 0.3125rem; border-bottom: 1px dashed rgb(191,191,191); margin-bottom: 1.5625rem; } .ce-uploads { list-style-type: none; padding-left: 0; } .ce-uploads img { float: left; } /* T3 Layouts */ /* layout 1 - "show-large show-xlarge show-xxlarge" */ .ce-layout-1 { display: none; } /* layout 2 - "show-small" */ /* layout 3 - "hide-small" */ .ce-layout-3 { display: none; } /* layout-10 box white, 14 box red- textmedia */ .ce-layout-10-outer, .ce-layout-14-outer { margin-bottom: 1.25rem; box-shadow: 0 0.3125rem 1.25rem rgba(0,0,0,0.125); } .ce-layout-10-inner { background: rgb(255,255,255); } .ce-layout-14-inner { color: rgb(255,255,255); background-color: rgb(166,28,38); } .ce-layout-10 .ce-header, .ce-layout-14 .ce-header, .ce-layout-10 .ce-bodytext, .ce-layout-14 .ce-bodytext { padding-left: 0.625rem; padding-right: 0.625rem; } .ce-layout-14 .ce-header > * { color: rgb(255,255,255); } .ce-layout-14 a {color:rgb(255,255,255);} .ce-layout-14 a::before{ content: url('../../fileadmin/template/tdh2016/img/icon_arrow_link_white.svg'); } /* layout-11 box with hover - textmedia */ .ce-layout-11-outer { margin-bottom: 1.25rem; box-shadow: 0 0.3125rem 1.25rem rgba(0,0,0,0.125); } .ce-layout-11-inner { background: rgb(255,255,255); } .ce-layout-11 .ce-header, .ce-layout-11 .ce-bodytext { padding-left: 0.625rem; padding-right: 0.625rem; } .ce-layout-11 .ce-header > * { padding-bottom:0; } .ce-layout-11-outer, .ce-layout-11 .ce-textpic { position: relative; } .ce-layout-11 .ce-row { margin-bottom: 0; } .ce-layout-11 .ce-textpic { overflow:hidden; } .ce-layout-11 .ce-bodytext { position: absolute; top: 0; left: 0; right: 0; bottom: 0.9375rem; padding: 0.625rem; color: rgb(255,255,255); background: rgba(166,28,38,0.75); opacity: 0; transition: opacity ease 1s; } .ce-layout-11:hover .ce-bodytext { opacity: 1; } .ce-layout-11:hover .ce-bodytext a{ color:rgb(255,255,255); } /* layout-12 - grey box - textmedia */ .ce-layout-12-outer { margin-bottom: 0.9375rem; } .ce-layout-12-inner { padding: 0.625rem 0.625rem 0.3125rem; background: rgb(245,243,242); } /* layout-13 - contact box (accordeon) */ .ce-layout-13-outer { max-width: 18.333125rem; margin-bottom: 1.25rem; } .ce-layout-13-inner { padding-left: 0.625rem; padding-right: 0.625rem; background: rgb(245,243,242); } .ce-layout-13 .ce-header.rc-head::before { content: none; } /* layout 20 - Schattenkante statt Trennlinie */ .ce-layout-20 { margin-bottom: 0 !important; } .ce-layout-20 .ce-div { border: none; position: relative; overflow: hidden; height: 1.5625rem; margin-bottom: 0; } .ce-layout-20 .ce-div::before { content: ""; display: block; border-radius: 50%; position: absolute; left: 0.625rem; right: 0.625rem; bottom: 100%; height: 1.25rem; box-shadow: 0 0 1.25rem rgba(0,0,0,0.2); } /* layout 40 rote box im plugin */ .ce-layout-40-outer { background-color:rgb(166,28,38); color:rgb(255,255,255); margin-bottom: 1.25rem; } .ce-layout-40 h3 { color:rgb(255,255,255); } .ce-layout-40-inner{ padding: 0.625rem; } .ce-layout-40 .ce-header{margin-bottom:0.3125rem;} .ce-layout-40 a{color:rgb(255,255,255);} .ce-layout-40 a::before{ content: url('../../fileadmin/template/tdh2016/img/icon_arrow_link_white.svg'); } /* grid styles */ .ce-grid { margin: 0 -0.3125rem; } .ce-grid > .ce-col { float: left; padding: 0 0.3125rem; width: 100%; max-width: 100%; min-height: 1px; } /* 2 col */ .ce-grid-50-50 > .ce-col { width: 50%; } /* 3 col */ .ce-grid-33-33-33 > .ce-col { width: 33.3333%; } } @media all and (min-width: 25em) { .page-footer .ce-element { margin-bottom: 0rem; } /* layout-13 - contact box (accordeon) */ .ce-layout-13-outer { margin-bottom: 1.25rem; } } /* medium - tablet + print */ @media all and (min-width: 37.5em), print { /* ~ 600px */ .ce-grid-teaser { margin: 0 -0.625rem; } .ce-grid-teaser > .ce-element { float: left; width: 50%; padding: 0 0.625rem; border: none; border-right: 1px dashed rgb(191,191,191); margin-bottom: 1.25rem; } .ce-grid-teaser > .ce-element:nth-child(2n) { border-right: none; } .ce-grid-teaser > .ce-element:nth-child(2n+1) { clear: left; } .ce-grid-teaser .ce-bodytext > :last-child { margin-bottom: 0; } /* layouts */ /* layout 2 - "show-small" */ .ce-layout-3 { display: none; } /* layout 1 - "hide-small" */ .ce-layout-3 { display: block; } /* grid styles */ .ce-grid-medium { margin: 0 -0.3125rem; } .ce-grid-medium > .ce-col { float: left; padding: 0 0.3125rem; max-width: 100%; min-height: 1px; } .content .ce-grid, .content .ce-grid-medium { margin: 0 -0.625rem; } .content .ce-grid > .ce-col, .content .ce-grid-medium > .ce-col { padding: 0 0.625rem; border-right: 1px dashed rgb(220,220,220); } .content .ce-grid > .ce-col:last-child, .content .ce-grid-medium > .ce-col:last-child { border: none; } /* 2 col */ .ce-grid-medium-50-50 > .ce-col { width: 50%; } .ce-grid-33-66 > .ce-col { width: 33.333%; } .ce-grid-33-66 > .ce-col + .ce-col { width:66.666%; } .ce-grid-66-33 > .ce-col { width: 66.666%; } .ce-grid-66-33 > .ce-col + .ce-col { width:33.333%; } /* 3 col */ /* FIXME? .rc-medium .ce-grid-33-33-33 > .ce-col:first-child { width: 100%; } .ce-grid-33-33-33 > .ce-col { width: 50%; } */ .ce-grid-medium-33-33-33 > .ce-col { width: 33.333%; } .page-footer-middle .ce-col > .ce-element-gridelements_pi1{ display:flex; } .page-footer-middle .ce-grid-medium{width:100%;} /*.page-footer-middle .ce-grid-medium > .ce-col{height:100%;}*/ } /* large - desktop */ @media all and (min-width: 61.25em) { /* ~ 980px */ .ce-element { margin-bottom: 0.9375rem; } .ce-grid-teaser { margin: 0 -1.25rem; } .ce-grid-teaser > .ce-element { padding: 0 1.25rem; margin-bottom: 1.875rem; } /* layout 1 - "show-large show-xlarge show-xxlarge" */ .ce-layout-1 { display: block; } /* layout-10,14 box */ .ce-layout-10 .ce-header, .ce-layout-14 .ce-header, .ce-layout-10 .ce-bodytext, .ce-layout-14 .ce-bodytext { padding-left: 1.25rem; padding-right: 1.25rem; } .ce-layout-10-inner, .ce-layout-14-inner { padding-bottom: 0.625rem; } /* layout-11 box with hover */ .ce-layout-11 .ce-header, .ce-layout-11 .ce-bodytext { padding-left: 1.25rem; padding-right: 1.25rem; } .ce-layout-11 .ce-bodytext { bottom: 1.25rem; } .ce-layout-13-outer { margin-bottom:1.875rem; } .ce-layout-20 .ce-div { height: 1.875rem; } .ce-layout-40-inner { padding: 1.25rem; } /* grid */ .ce-grid-large { margin: 0 -0.3125rem; } .ce-grid-large > .ce-col { float:left; max-width: 100%; padding:0 0.3125rem; } .ce-grid-large-50-50 > .ce-col { width: 50%; } .ce-grid-large-66-33 > .ce-col { width: 66.6666%; } .ce-grid-large-66-33 > .ce-col + .ce-col { width: 33.3333%; } .content .ce-grid, .content .ce-grid-medium, .content .ce-grid-large { margin: 0 -1.25rem; } .content .ce-grid > .ce-col, .content .ce-grid-medium > .ce-col, .content .ce-grid-large > .ce-col { padding: 0 1.25rem; border-right: 1px dashed rgb(220,220,220); } .content .ce-grid-large > .ce-col:last-child { border: none; } } /* xlarge */ @media all and (min-width: 75em) { /* ~ 1200px */ .ce-element { margin-bottom: 1.5625rem; } .content .ce-grid, .content .ce-grid-medium, .content .ce-grid-large { margin: 0 -1.875rem; } .content .ce-grid > .ce-col, .content .ce-grid-medium > .ce-col, .content .ce-grid-large > .ce-col { padding: 0 1.875rem; } .ce-grid-teaser { margin: 0 -1.875rem; } .ce-grid-teaser > .ce-element { width: 33.3333%; padding: 0 1.875rem; margin-bottom: 2.5rem; } .ce-grid-teaser > .ce-element:nth-child(2n) { border-right: 1px dashed rgb(191,191,191); } .ce-grid-teaser > .ce-element:nth-child(2n+1) { clear: none; } .ce-grid-teaser > .ce-element:nth-child(3n) { border-right: none; } .ce-grid-teaser > .ce-element:nth-child(3n+1) { clear: left; } /* layout-10 box */ .ce-layout-10 .ce-header, .ce-layout-14 .ce-header, .ce-layout-10 .ce-bodytext, .ce-layout-14 .ce-bodytext { padding-left: 1.875rem; padding-right: 1.875rem; } .ce-layout-10-inner, .ce-layout-14-inner { padding-bottom: 1.25rem; } /* layout-11 box with hover */ .ce-layout-11 .ce-header, .ce-layout-11 .ce-bodytext { padding-left: 1.875rem; padding-right: 1.875rem; } .ce-layout-11 .ce-header { margin-bottom: 1.875rem; } .ce-layout-11 .ce-bodytext { bottom: 1.875rem; } .ce-layout-12-inner { padding: 1.25rem 1.25rem 0; } /* layout 13 contact */ .ce-layout-13-outer { margin-bottom: 2.5rem; } .ce-layout-13-inner { padding: 1.25rem 1.25rem 0; } .ce-layout-20 .ce-div { height: 2.5rem; } .ce-layout-40-inner { padding: 1.875rem; } } /* xxlarge */ @media all and (min-width: 91.25em) { /* ~ 1460px */ .ce-layout-12-outer { margin-bottom: 0.9375rem; } .ce-layout-12-inner { padding: 1.875rem 1.875rem 0; } .ce-layout-13-inner { padding: 1.875rem 1.875rem 0; } } /* print */ @media print { .print-only { display: block; } .print-not, .page-stage, .totoplink, .topnav, .searchbox, .mainnav, .subnav { display: none !important; } } /* 7.6er TDH media.css */ /* T3 image rendering */ @media all { /* lazyloading */ img[data-sizes="auto"].lazyloaded { padding-bottom: 0 !important; height: auto!important; opacity: 1; transition: opacity ease 0.2s; } .no-js img.lazyload { display:none !important; } .ce-gallery .ce-media, .ce-gallery .ce-column, .ce-gallery .ce-media-caption, .ce-gallery a, .ce-gallery img { display: block; max-width: 100%; } .ce-above-header .ce-gallery, .ce-above .ce-gallery { padding-bottom: 0.3125rem; } .ce-below .ce-gallery { padding-top: 0.3125rem; padding-bottom: 0.3125rem; } .ce-row { margin: 0 -0.3125rem; line-height:0; } .ce-column { float: left; width: 100%; margin-bottom: 0.625rem; padding: 0 0.3125rem; } [data-ce-columns="2"] .ce-column { max-width: 50%; } [data-ce-columns="3"] .ce-column { max-width: 33.3333%; } /* video */ .ce-embed { position: relative; height: 0; } .ce-embed > * { position:absolute; top:0; left:0; right:0; bottom:0; width: 100%; height: 100%; overflow:hidden; border: 0; } .ce-embed-default { padding-bottom: 75%; } .ce-embed-ratio-4-3 { padding-bottom: 75%; } .ce-embed-ratio-3-2 { padding-bottom: 66.6667%; } .ce-embed-ratio-16-10 { padding-bottom: 62.5%; } .ce-embed-ratio-16-9 { padding-bottom: 56.25%; } /* fix ul/ol bullets collapsing */ .ce-intext.ce-left ol, .ce-intext.ce-left ul { overflow: auto; } .ce-intext .ce-gallery.ce-width-set { width: auto; max-width: 50%; } .ce-center .ce-row { text-align: center; } .ce-width-set .ce-column { width: auto; display: inline-block; vertical-align: top; float: none; } .ce-center .ce-media-caption, .ce-right .ce-media-caption { text-align: left;} /* image left/right */ .ce-intext { margin: 0 -0.3125rem; } .ce-intext > div { padding: 0 0.3125rem; } .ce-intext .ce-gallery { width: 50%; width: calc(50% + 0.3125rem); } .ce-intext.ce-right .ce-gallery { float: right; padding-left: 0.625rem; } .ce-intext.ce-left .ce-gallery { float: left; padding-right: 0.625rem; } /* image caption */ .ce-media-caption { background: rgb(245,244,243); padding: 0.3125rem; text-align: left; line-height: 1.25; } } /* medium - tablet + print */ @media all and (min-width: 37.5em), print { /* ~ 600px */ .ce-nowrap .ce-gallery { margin-bottom: 0.625rem; } .ce-nowrap .ce-bodytext { overflow:hidden; } .ce-nowrap.ce-right .ce-bodytext { padding-right: 0; } .ce-nowrap.ce-left .ce-bodytext { padding-left: 0; } } /* large - desktop */ @media all and (min-width: 61.25em) { /* ~ 980px */ .ce-intext .ce-gallery { width: 33.333%; width: calc(33.333% + 1.25rem); } .ce-above-header .ce-gallery, .ce-above .ce-gallery { padding-bottom: 0.625rem; } .ce-intext.ce-right .ce-gallery { padding-left: 1.25rem; } .ce-intext.ce-left .ce-gallery { padding-right: 1.25rem; } .ce-nowrap .ce-gallery { margin-bottom: 0.3125rem; } } /* xlarge */ @media all and (min-width: 75em) { /* ~ 1200px */ .ce-intext.ce-left .ce-gallery { padding-right: 1.875rem; } .ce-intext.ce-right .ce-gallery { padding-left: 1.875rem; } .ce-intext .ce-gallery { width: calc(33.333% + 1.875rem); } .ce-above-header .ce-gallery, .ce-above .ce-gallery { padding-bottom: 1.25rem; } } /* xxlarge */ @media all and (min-width: 91.25em) { /* ~ 1460px */ .ce-intext.ce-left .ce-gallery { padding-right: 2.5rem; } .ce-intext.ce-right .ce-gallery { padding-left: 2.5rem; } .ce-intext .ce-gallery { width: calc(33.333% + 2.5rem); } } /* print */ @media print { } /* 7.6er Template TDH.css */ /* normalize.css v3.0.3 expected! https://github.com/necolas/normalize.css/blob/3.0.3/normalize.css */ /* lp2019 */ .page-layout-lp .page-claim { margin-right: 0 !important; } @media (min-width:61.25em) { .page-layout-lp .page-stage { padding-top: 0; } .page-layout-lp .content-main { padding-top: 2.5rem; } } /* exit popup */ @media screen { .exit-popup { overflow: hidden; line-height: 1.5; } .exit-popup-desktop .ce-textpic { width: 890px; height: 580px; font-size: 30px; } .exit-popup-mobile .ce-textpic { width: 280px; height: 360px; font-size: 24px; } .exit-popup .ce-element, .exit-popup .ce-gallery, .exit-popup .ce-column { margin: 0; } .exit-popup .ce-gallery { display: none; } /* only show image if setup correctly */ .exit-popup-desktop .ce-right.ce-intext .ce-gallery { display: block; } .exit-popup-desktop .ce-gallery { max-width: 100% !important; padding: 0 !important; } .exit-popup .ce-textpic { display: flex; flex-direction: row-reverse; align-items: center; margin:0; } .exit-popup .ce-bodytext { flex-grow: 1; padding: 2.5rem !important; } .exit-popup-mobile .ce-bodytext { padding: 1.875rem !important; } .exit-popup .ce-bodytext > :last-child { margin-bottom: 0; } .exit-popup p { margin-bottom: 2em; } .exit-popup a { display: inline-block; color: rgb(255,255,255); background-color: rgb(166,28,38); padding: 0.625rem 1.25rem; border: 1px solid rgb(166,28,38); border-radius: 0.25em; } .exit-popup-mobile a { display: block; text-align: center; } .exit-popup a::before { content: none; } .exit-popup a:focus, .exit-popup a:hover { background-color: rgb(255,255,255); color: rgb(166,28,38); } } @media all{ /* dummy query */ html { -moz-box-sizing: border-box; box-sizing: border-box; } *, *:before, *:after { -moz-box-sizing: inherit; box-sizing: inherit; } html[lang="de"] q { quotes: "\201E" "\201C" "\2019" "\201A"; } figure { margin:0; } figure img { display: block; } img { max-width: 100%; height: auto; } .ie8 img { width: auto; } } /* helper classes */ @media all { .clear:before, .clear:after { display: table; content: ""; } .clear:after { clear: both; } a[class^="gfx-"]:before, a[class*=" gfx-"]:before, a[class^="gfx-"]:after, a[class*=" gfx-"]:after, a[class^="icon-"]:before, a[class*=" icon-"]:before, a[class^="icon-"]:after, a[class*=" icon-"]:after { text-decoration: none; } .ir { background-color: transparent; border: 0; overflow: hidden; } .ir:before { content: ""; display: block; width: 0; height: 100%; } /*.sr-hint { width: 1px; clip: rect(1px, 1px, 1px, 1px); overflow: hidden; position: absolute !important; }*/ .sr-hint { border: 0 !important; clip: rect(1px, 1px, 1px, 1px) !important; /* 1 */ -webkit-clip-path: inset(50%) !important; clip-path: inset(50%) !important; /* 2 */ height: 1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important; white-space: nowrap !important; /* 3 */ } .sr-hint-focusable:focus, .sr-hint-focusable:active { clip: auto !important; -webkit-clip-path: none !important; clip-path: none !important; height: auto !important; overflow: visible !important; width: auto !important; white-space: normal !important; } .skip-link:focus > .sr-hint, .skip-link:focus { /*position: fixed !important; z-index: 100; width: auto; top: 50%; left: 50%; clip: auto;*/ /* sr-only-focusable */ clip: auto !important; -webkit-clip-path: none !important; clip-path: none !important; height: auto !important; overflow: visible !important; width: auto !important; white-space: normal !important; padding: 2em; border: 2px solid rgb(51,51,51); color: rgb(51,51,51); background-color: rgb(255,255,255); font-weight: bold; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .relative { position:relative; } .print-only { display: none; } .menu, .menu li { list-style: none; line-height:1; margin: 0; padding: 0; } .menu .item { display: block; text-decoration: none; } .menu-horizontal li { display: inline-block; vertical-align: top; } /* flexbox layout */ .flexbox { display: -webkit-box; /* OLD Safari, iOS, Android browser, older WebKit browsers. */ display: -moz-box; /* OLD Firefox (buggy) */ display: -ms-flexbox; /* MID IE 10 */ display: -webkit-flex; /* NEW Chrome 21+ */ display: flex; /* NEW Opera 12.1, Firefox 22+ */ -webkit-box-orient: vertical; /* old */ -moz-box-orient: vertical; box-orient: vertical; -webkit-flex-direction: column; flex-direction: column; -webkit-flex-flow: column; -moz-flex-flow: column; -ms-flex-flow: column; /* IE10? */ flex-flow: column; /* new */ } .flexbox-order-1 { -webkit-box-ordinal-group: 1; /* old spec; must be positive */ -moz-box-ordinal-group: 1; -ms-flex-order: 1; /* IE 10 syntax */ -webkit-order: 1; order: 1; /* new */ } .flexbox-order-2 { -webkit-box-ordinal-group: 2; /* old spec; must be positive */ -moz-box-ordinal-group: 2; -ms-flex-order: 2; /* IE 10 syntax */ -webkit-order: 2; order: 2; /* new */ } .flexbox-order-3 { -webkit-box-ordinal-group: 3; /* old spec, must be positive */ -moz-box-ordinal-group: 3; -ms-flex-order: 3; /* IE 10 syntax */ -webkit-order: 3; order: 3; /* new */ } .typo3-messages { list-style: none; padding: 0; margin-bottom: 1.25rem; } .typo3-messages .alert { color: rgb(255,255,255); text-shadow: 0 0 0.25em rgba(0,0,0,0.25); padding:0.625rem; margin-bottom: 0.625rem; } .typo3-messages .alert > * { color: rgb(255,255,255); } /* TYPO3 7 colors except notice */ .typo3-messages .alert-danger { background-color: #c83c3c; } .typo3-messages .alert-info { background-color: #6daae0; } .typo3-messages .alert-notice { background-color: rgb(151,151,151); } .typo3-messages .alert-success { background-color: #79a548; } .typo3-messages .alert-warning { background-color: #e8a33d; } } /* Typography */ @media all { } /* hover effects */ @media all { } /* icons & gfx */ @media all { /* link icon */ .bc-nav li, a { position: relative; padding-left: 0.75em; } .bc-nav li::before, a::before { content: url('../../fileadmin/template/tdh2016/img/icon_arrow_link.svg'); position: absolute; left: -0.25em; top: 0.1825em; width: 1em; height:1em; } a:focus, a:hover { color: rgb(255,255,255); background: rgb(166,28,38); } a:focus::before, a:hover::before { content: url('../../fileadmin/template/tdh2016/img/icon_arrow_link_white.svg'); } /* no link icon ... */ .ce-header a, .ce-teaserlink-link, .logo-link, .rc-link, .rc-collapse-toggle, .item, .ce-media > a { padding: 0; } .ce-header a:focus::before, .ce-header a:hover::before, .ce-header a::before, .ce-teaserlink-link:focus::before, .ce-teaserlink-link:hover::before, .ce-teaserlink-link::before, .logo-link:focus::before, .logo-link:hover::before, .logo-link::before, .rc-link:focus::before, .rc-link:hover::before, .rc-link::before, .rc-collapse-toggle:focus::before, .rc-collapse-toggle:hover::before, .rc-collapse-toggle::before, .item:focus::before, .item:hover::before, .item::before, .button:focus::before, .button:hover::before, .button::before, .ce-media > a:focus::before, .ce-media > a:hover::before, .ce-media > a::before { content: none; } a.mail { padding-left: 1.75em; } a.mail::before { content: url('../../fileadmin/template/tdh2016/img/icon_mail.svg'); width: 1.5em; top: -0.125em; left: -0.125em; } a.mail:hover::before { content: url('../../fileadmin/template/tdh2016/img/icon_mail_white.svg'); } a.button { color: rgb(255,255,255); background: rgb(166,28,38); padding: 0.625rem; display: inline-block; } .icon { overflow: hidden; display: inline-block; width: 1em; height:1em; vertical-align: middle; border-radius: 2px; } .icon-menu-triangle { width: 0.625rem; height: 0.625rem; } .icon svg, svg.icon { fill: currentColor; } } /* social buttons */ @media all { .page-to-top { display: flex; align-items: center; } .page-printlink { display: none !important; } .shariff li { height: auto !important; } .shariff a { padding:0; height:35px !important; } .shariff a::before { content: none !important; } .shariff .shariff-button { margin-bottom: 0!important; } .shariff .share_text { padding-right: 0.625rem !important; } .shariff .fa { background-repeat: no-repeat; background-position: center center; background-size: 20px 20px; display: inline-block; height:35px; } .shariff .fa-twitter { background-image: url('../../fileadmin/template/tdh2016/img/button_twitter_frameless.svg'); } .shariff .fa-facebook { background-image: url('../../fileadmin/template/tdh2016/img/button_facebook_frameless.svg'); } .shariff .fa-whatsapp { background-image: url('../../fileadmin/template/tdh2016/img/button_whatsapp_frameless.svg'); } .shariff-button { margin-right: 0.625rem !important; min-width: 0px !important; flex: none !important; margin-bottom: 0 !important; } } /* T3 RTE & ce options*/ @media all { /* rte */ .center, .rte-align-center { text-align: center; } .rte-align-left { text-align: left; } .rte-align-right { text-align: right; } .rte-align-justify { text-align: justify; } /* sitemap menu */ .megasub .ce-menu { list-style: none; padding:0; border-top: 1px solid rgb(191,191,191); } .megasub .ce-menu a { line-height: 1.2; display: block; text-decoration: none; padding: 0.625rem 0.625rem; border-bottom: 1px solid rgb(191,191,191); } .megasub .ce-menu a::before { content: none; } /* teaserlink aka fatlink */ .ce-teaserlink-outer { position: relative; } /* every link inside (there should not be one...) */ .ce-teaserlink-outer a { z-index: 2; position: relative; } /* the fatlink itself */ .ce-teaserlink-outer a.ce-teaserlink-link { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; opacity:0; } .ce-teaserlink-link::before { content: none !important; } } /* T3 gridelements */ @media all { .ce-container-mobile , .ce-container-desktop { display: none; } } /* lightbox, googlemaps etc. */ @media all { /* lightbox additional styles */ .mfp-content { border: 6px solid white; } .mfp-img { padding: 0 !important; } .mfp-bottom-bar { padding: 0.5em; margin: 0; bottom: 0; top: auto; background: rgb(0,0,0); background: rgba(0,0,0,0.5); } .mfp-counter { top: auto; right: 0.5em; bottom: 0.5em; } .mfp-inline-holder .mfp-close, .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: white; background-color: black; border: 2px solid white; box-shadow: 0 0 4px black; opacity: 1; top: -14px; right: -14px; width: 23px; height: 23px; font-size: 17px; font-family: sans-serif; line-height: 1; font-weight: normal; text-align: center; padding: 0; border-radius: 100%; } .mfp-figure:after{content:none;} .mfp-inline-holder .mfp-content { width: auto; } /* fix google maps */ .cbQuickGoogleMap { } .cbQuickGoogleMap img { max-width: none; } .cbQuickGoogleMap > div { position: relative; height: 0 !important; padding-bottom: 56%; } .rc-small .cbQuickGoogleMap { margin: 0 1.5em 1.5em; } } /* slick slider theme */ @media all { .rc-medium .slick-arrow, .rc-small .slick-arrow, .rc-small .slick-pause { display: none !important; } /* kind of preload */ .no-js .slick-slider > noscript *, .slick-slider > img.lazyloaded { display: none; } /* slider and carousel */ .slick-slider .ce-element { margin-bottom: 0; } .slick-dots { line-height: 0; list-style: none; padding: 0.5em 0 0.3125rem 0; text-align: center; } .ce-grid-stage .slick-dots {padding:0;} .page-stage .slick-dots { /*XXX padding-top: 0;*/ margin-bottom: 0; } .slick-dots li { display: inline-block; line-height: 1; } .slick-dots li + li { margin-left: 0.625rem; } .slick-dots button { display: block; font-size: 0; width: 0.625rem; height: 0.625rem; border: none; border-radius: 50%; background: rgba(0,0,0,0.125); -webkit-appearance: none; padding: 0; outline: none; box-shadow: none; } .slick-dots .slick-active button { background: rgb(166,28,38); } /* only slider */ .ce-grid-slider { background: rgb(255,255,255); } .ce-grid-slider .slick-list { box-shadow: 0 0 1.25rem rgba(0,0,0,0.25); } .ce-grid-slider .ce-gallery, .ce-grid-slider .ce-row, .ce-grid-slider .ce-column { margin: 0; padding: 0; } .ce-grid-slider .ce-header { position: absolute; left: 0; -ms-transform: translateY(-100%); transform: translateY(-100%); margin: 0; padding: 0.625rem; } .ce-grid-slider .ce-header > * { font-size: 142.857%; text-shadow: 0 0 0.25rem rgba(0,0,0,0.5); } .ce-grid-slider .ce-header a { color: rgb(255,255,255); } .ce-grid-slider .ce-bodytext { background: #a61c26 none repeat scroll 0 0; color: #ffffff; padding: 0.5rem .625rem; } .ce-grid-slider p { margin: 0; } .ce-grid-slider .ce-teaserlink-outer { margin:0; } /* eugen styles */ .page-home .ce-layout-10-outer , .page-home .ce-layout-11-outer { box-shadow: none; } .page-home .slick-list.draggable .slick-slide .ce-layout-10-outer, .page-home .slick-list.draggable .slick-slide .ce-layout-11-outer{ padding-bottom: 1em; position: relative; } .page-home .slick-list.draggable .slick-slide .ce-layout-10-outer:after, .page-home .slick-list.draggable .slick-slide .ce-layout-10-outer:before, .page-home .slick-list.draggable .slick-slide .ce-layout-11-outer:after, .page-home .slick-list.draggable .slick-slide .ce-layout-11-outer:before{ position: absolute; content: ""; display: block; background-color: black; height: 4em; right: 1.5em; bottom: 1.75em; left: 1.5em; box-shadow: 0 0 1.5em rgba(0,0,0,.2); z-index: -1; transform: rotate(0deg); transition: transform .25s ease-in-out, opacity .25s ease-in-out; } .page-home .slick-list.draggable .slick-slide .ce-layout-10-outer:before, .page-home .slick-list.draggable .slick-slide .ce-layout-11-outer:before{ opacity: 0; } .page-home .slick-list.draggable .slick-slide.slick-active .ce-layout-10-outer:after, .page-home .slick-list.draggable .slick-slide.slick-active .ce-layout-11-outer:after{ opacity: 1; box-shadow: 0 0 1.25em rgba(0,0,0,.4); transform: rotate(0deg); } .page-home .slick-list.draggable .slick-slide.slick-active .ce-layout-10-outer:before, .page-home .slick-list.draggable .slick-slide.slick-active .ce-layout-11-outer:before{ opacity: 1; transform: rotate(-3deg); } .page-home .slick-list.draggable .slick-slide.slick-active + .slick-slide.slick-active .ce-layout-10-outer:before, .page-home .slick-list.draggable .slick-slide.slick-active + .slick-slide.slick-active .ce-layout-11-outer:before{ opacity: 0; } .page-home .slick-list.draggable .slick-slide.slick-active + .slick-slide.slick-active + .slick-slide.slick-active .ce-layout-10-outer:before, .page-home .slick-list.draggable .slick-slide.slick-active + .slick-slide.slick-active + .slick-slide.slick-active .ce-layout-11-outer:before{ opacity: 1; transform: rotate(3deg); } .ce-layout-15-outer { margin-bottom: .25rem; overflow: hidden; position: relative; } .ce-layout-15 .ce-gallery { padding-bottom: 0; } .ce-layout-15 .ce-gallery .ce-column { margin-bottom: 0; } .ce-layout-15 .ce-textpic-inner { background-color: rgba(166, 28, 38, .95); padding: 0.9375rem 0.625rem; } .ce-layout-15 .ce-teaserlink-inner { position: relative; z-index: 0; } .ce-layout-15 .ce-textpic-inner * { color: #fff; } } @media all and (min-width: 61.25em) { .ce-layout-15 .ce-textpic-inner { background-color: rgba(166, 28, 38, .95); position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 2; padding: 1.25rem; opacity: 0; transform: translate3d(0,100%,0); transition: transform .4s ease-in-out, opacity .2s ease-in-out; } .ce-layout-15:hover .ce-textpic-inner { transition: transform .4s ease-in-out, opacity .3s ease-in-out .1s; opacity: 1; transform: translate3d(0,0,0); } } @media all and (min-width: 91.25em) { .ce-layout-15-outer { margin-bottom: .75rem; } } /* form */ @media all { } /* search */ @media all { .searchbox-inner { padding-right: 2.5rem; } .search-word { width: calc(100% - 2.5rem); /* content-box with 0.625rem padding*/ } .search-button { position: absolute; top: 0; bottom:0; right: 0; font-size: 2.5rem; line-height:1; width: 2.5rem; padding: 0; border: none; color: rgb(166,28,38); background: none; box-shadow: none; } .page-search .page-header-searchbox { display: none; } .page-header-searchbox { padding: 0.625rem; } .page-header-searchbox .searchbox-inner { margin: 0; height: 2.5rem; color: rgb(255,255,255); background: rgb(85,85,85); border-radius: 1.25rem; } .page-header-searchbox .search-word { width:100%; width: calc(100% - 1.25rem); border:none; border-radius: 1.25rem; margin:0; padding: 0.6rem 0.625rem; color: rgb(255,255,255); background: none; outline: none; box-shadow:none; } .page-header-searchbox .search-button { position: absolute; top: 0; bottom:0; right:0; border:0; border-radius: 50%; padding: 0; line-height: 1; background: rgb(51,51,51); color: rgb(255,255,255); font-size: 2.5rem; outline: none; } .page-header-searchbox .search-button:focus { color: rgb(255,255,255); background: rgb(166,28,38); } /* search result */ /* search result */ .search-result-header-padding { padding-top: 1.25rem; } .search-numresults { display: block; margin-bottom: 0.625rem; } .search-result-text { margin-bottom: 0; } .search-result-info { margin: 0 0 1.25rem; } .search-result-url { margin: 0; } .search-list a { padding: 0; } .search-list a::before { content: none; } } /* breadcrumbs */ @media all { .bc-nav { color: rgb(153,153,153); margin-bottom: 0.625rem; } .bc-label { margin:0 0.25em 0 0; line-height:1.5; float: left; } .bc-path { display: inline-block; vertical-align: top; } .bc-path .item { line-height: 1.5; color: rgb(51,51,51); background: none; display: inline-block; font-weight: normal; text-decoration: none; max-width: 18.75rem; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .bc-path li + li { margin-left: 0.25em; } .bc-path li:last-child .item { white-space: inherit; max-width: none; } .bc-nav a:focus, .bc-nav a:hover { color: rgb(255,255,255); background: rgb(51,51,51); } } /* news */ @media all { .news-list-item + .news-list-item { border-top: 1px dashed rgb(191,191,191); padding-top: 1.25rem; } .news .ce-grid > .ce-col, .news .ce-grid-slick-carousel .news-list-item + .news-list-item { border: none; } .news .ce-textpic { padding-bottom: 0.3125rem; } /*.news-events{position:relative;}*/ .news-events .layout-11 .ce-teaserlink-outer:hover{background-color:rgb(245,243,242);} .news-layout-12 .news-list-date{display:none;} .news-related-link-list { list-style: none; padding:0;} } /* pagination */ @media all { .pagination { padding: 0.625rem 0 0; } .pagination .page-count { margin: 0 0 0.3125rem; } .pagination ul { display: block; margin: 0 -0.3125rem; padding:0; } .pagination li { display: block; float:left; padding: 0.3125rem; } .pagination span, .pagination a { display: inline-block; font-size: 75%; color: currentColor; text-decoration: none; text-align: center; line-height: 1; width: 1.75rem; padding: 0.4375rem 0; border: 1px solid rgb(166,28,38); border-radius: 3px; } .pagination a::before { content: none; } .pagination .current { color: rgb(255,255,255); background: rgb(166,28,38); background-clip: padding-box; } .pagination .paginator-ellip { border: none; width: auto; } } /* rc-stuff functional styles */ @media all { /* rc-load */ .rc-load-hide { display: none; } .rc-load-show { display: block; } .rc-load-success > .rc-hide-on-success { display: none; } /* rc-collapse */ .rc-collapse-toggle { display: none; color: currentColor; } .rc-collapse-enabled .rc-collapse-toggle { display: block; } .rc-collapse-enabled { width:0; min-width:2.5rem; overflow:hidden; -webkit-transition:width .5s ease; -moz-transition:width .5s ease; -ms-transition:width .5s ease; -o-transition:width .5s ease; transition:width .5s ease; } .rc-collapse-enabled.rc-open { width: 100%; } .rc-collapse-enabled .rc-collapse-body { position: absolute; top: 0.625rem; left: 2.5rem; right: 0; bottom: 0.625rem; overflow:hidden; } .rc-collapse-enabled .rc-collapse-toggle { width: 2.5rem; } /* rc-container */ .rc-container-enabled, .rc-head .rc-html-orig, .rc-open .rc-show-closed, .rc-show-opened { display:none; } .rc-show-closed, .rc-open .rc-show-opened { display: block; } .rc-container-toggle { display: none; } .rc-container-toggle.rc-head { display: block; } /* rc-nav functional styles */ .rc-nav-enabled .sub { display:none; } .rc-nav-enabled .hover > .sub { display:block; } .rc-nav-enabled li { position: relative; } .rc-nav-enabled .parent { position:relative; } .rc-nav-enabled .rc-more { position: absolute; width: 2.5rem; right: 0; top: 0; bottom: 0px; cursor: pointer; z-index: 1; } .rc-more i { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } /* rc-offcanvas */ .rc-offcanvas-container { width: 100%; position:relative; overflow:hidden; } .rc-offcanvas-enabled { width: 100%; position:relative; left:0;} .rc-offcanvas-toggle { display: none; -webkit-transition: left 250ms ease; -moz-transition: left 250ms ease; -o-transition: left 250ms ease; transition: left 250ms ease; } .rc-offcanvas-enabled .rc-offcanvas-toggle { display: block; } .rc-offcanvas-enabled .rc-offcanvas-center { float:left; width:100%; } .rc-offcanvas-enabled .rc-offcanvas-right { width: 80%; position: absolute; left: 100%; top: 0; height: 100%; overflow: auto; } .rc-offcanvas-enabled.rc-open { -webkit-transform: translate(-80%, 0); /* android 2 */ -ms-transform: translate(-80%, 0); /* ie9 */ transform: translate(-80%, 0); -webkit-transform: translate3d(-80%, 0, 0); /* android 3-4 */ transform: translate3d(-80%, 0, 0); } .rc-offcanvas-enabled { -webkit-transition: -webkit-transform 250ms ease; transition: transform 250ms ease; } .rc-offcanvas-enabled .rc-offcanvas-toggle { -webkit-transition: -webkit-transform 250ms ease; transition: transform 250ms ease; } .rc-open .offcanvas-toggle .icon-menu, .offcanvas-toggle .icon-cancel { display:none; } .rc-open .offcanvas-toggle .icon-cancel { display: inline-block; } } /* mobile mainnav + subnav */ @media all { /* toggle */ .rc-link { display: block; text-decoration: none; color: currentColor; cursor: pointer; } .nav-toggle { line-height: 1; } /* navigation */ .rc-nav-enabled { border-top: 1px solid rgb(85,85,85); } .subnav .item, .rc-nav-enabled .item { line-height: 1.1; padding: 0.875rem 0 0.5625rem 1.25rem; text-decoration: none; color: rgb(255,255,255); border-bottom: 1px solid rgb(85,85,85); border-right: 0.625rem solid rgba(0,0,0,0); outline:none; overflow: visible !important; } .rc-nav-enabled .item.parent { padding-right: 2.5rem; } .subnav .current > .item, .rc-nav-enabled .current > .item { position: relative; border-right-color: rgb(166,28,38); } .subnav .active > .item, .subnav .current > .item, .rc-nav-enabled .active > .item, .rc-nav-enabled .current > .item { font-weight: bold; } .rc-nav-enabled .current > .item::before { position: absolute; left: 0; top: 49%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); content: ""; display: block; width: 0; height: 0; border-top: 0.325em solid transparent; border-bottom: 0.325em solid transparent; border-left: 0.325em solid rgba(255,255,255,1); } .rc-nav-enabled .rc-more { border-bottom: 1px solid rgb(85,85,85); bottom: -1px; } .rc-nav-enabled .rc-more i { display: block; width: 0.625em; height: 0.625em; -webkit-transform: translate(-50%, -50%) rotate(45deg); -moz-transform: translate(-50%, -50%) rotate(45deg); -ms-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); border: 2px solid currentColor; border-width: 0 2px 2px 0; transition: all 0.2s; } .rc-nav-enabled .current > .item { background: -moz-linear-gradient(left, rgba(0,0,0,0.125) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(0,0,0,0.125) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(0,0,0,0.125) 0%, rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ } .subnav .current > .parent, .subnav .active > .parent, .rc-nav-enabled .hover > .parent { border-bottom: 0; } .rc-nav-enabled .hover > .parent .rc-more { border-bottom: 0; } .subnav .current > .sub, .subnav .active > .sub, .rc-nav-enabled .hover > .sub { border-top: 1px solid rgb(85,85,85); } .rc-nav-enabled .hover > .item > .rc-more i { -webkit-transform: translate(-50%, -50%) rotate(-135deg); -moz-transform: translate(-50%, -50%) rotate(-135deg); -ms-transform: translate(-50%, -50%) rotate(-135deg); transform: translate(-50%, -50%) rotate(-135deg); margin-top: 4px; } .subnav .sub, .rc-nav-enabled .sub { border-left: 0.625rem solid rgb(85,85,85); } .subnav .sub, .rc-nav-enabled .sub { margin-left: 1.25rem; } .subnav > li > .item { padding-left: 0; } .subnav > li > .sub { margin-left: 0; } } /* small - mobile */ @media all { body:after { /* http://adactio.com/journal/5429/ */ content: 'rc-small'; display: none; } head { font-family: 'rc-small'; } .show-medium, .show-large, .show-xlarge, .show-xxlarge, .hide-small { display: none; } .show-small { display: block; } /* layout */ .page-wrap { padding-left: 0.625rem; padding-right: 0.625rem; } .page-bg { background: rgb(255,255,255); } .page-home .page-bg { background: none; } .page-content-bottom { position: relative; overflow:hidden; background: linear-gradient(to bottom, rgba(0,0,0,0.05) 0%, rgba(0,0,0,0) 100%); } .page-content-bottom::before { content: ""; position: absolute; bottom: 100%; left: 0; right: 0; height: 10rem; border-radius: 50%; box-shadow: 0 0 10rem rgba(0,0,0,0.125); } .page-offcanvas { background: rgb(102,102,102); } .page-header-topbar { background: rgb(255,255,255); } .page-logo { padding: 0.9375rem 0.625rem; } .page-logo-img, .logo-link { width: 170px; display: block; } .page-claim { border-top: 1px solid rgb(244,243,240); padding: 0 0.625rem; } .page-claim-img { height: 42px; display: block; } .nav-toggle { position: absolute; top: 0.625rem; right: 0.625rem; } .nav-toggle .rc-link { border-radius: 50%; background: rgb(255,255,255); color: rgb(166,28,38); } .nav-toggle .icon { font-size: 2.5rem; } .mainnav [data-menu-uid="3837"] .item { color: rgb(255,255,255); background: rgb(166,28,38); } .rc-nav-enabled .item { font-size: 114.2857%; } .rc-offcanvas-enabled .page-offcanvas::before { content: ""; position: absolute; top: 0; bottom: 0; right: 100%; width: 1.25rem; box-shadow: 0 0 1.25rem rgba(0,0,0,0.25); } .rc-offcanvas-enabled .mainnav [data-menu-uid="3779"] .item { margin: 0.625rem 0.625rem 0 0; padding: 0.625rem 0; border-radius: 1.25rem; text-align: center; } /* stage */ .page-stage .ce-gallery { padding: 0; } .ce-stage-intro .ce-gallery { padding-right: 0.3125rem; } .page-stage .ce-column, .page-stage .ce-element, .page-stage .form-fieldset { margin-bottom: 0; } .ce-stage-slider .ce-bodytext { display: none; } .page-stage .slick-list { box-shadow: none; } .ce-stage-slider .slick-dots { display: none !important; } .ce-stage-slider .slick-dots .slick-active button { background: rgb(255,255,255); } .ce-stage-slider .slick-dots button { background: rgba(255,255,255,0.25); } .ce-stage-slider-home .ce-gallery { position: relative; } .ce-stage-slider-home .ce-gallery::after { content:""; position: absolute; display: block; top:0; right:0; bottom:0; left:0; background: linear-gradient(to bottom, rgba(61,43,37,0) 50%,rgba(61,43,37,0.8) 100%); } .form-donate-box { padding: 0.625rem 0.625rem 0; background: rgb(166,28,38); } .form-donate-box .form-input-group, .form-donate-box .form-submit { float: left; width: calc(50% - 0.625rem); } .form-donate-box .form-submit { float: right; color: rgb(255,255,255); background-color: #372722; background: rgb(61,43,37); background: -moz-linear-gradient(top, rgba(61,43,37,1) 0%, rgba(50,36,31,1) 100%); background: -webkit-linear-gradient(top, rgba(61,43,37,1) 0%,rgba(50,36,31,1) 100%); background: linear-gradient(to bottom, rgba(61,43,37,1) 0%,rgba(50,36,31,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d2b25', endColorstr='#32241f', GradientType=0 ); box-shadow: 4px 4px 6px rgba(0,0,0,0.1), 0 0 5px rgba(0,0,0,0.05); outline-color: rgb(255,255,255); padding: 0.75rem 0.625rem 0.65rem; } .form-donate-box .form-input { width: calc(100% - 1.25rem); float: left; text-align: right; } .form-donate-box .form-input-addon { width: 1.25rem; text-align: center; padding-left: 0; padding-right: 0; float: left; } .ce-stage-donate-left > .ce-col { width: 50%; float: left; } .ce-stage-donate-left p { margin: 0; padding: 0.625rem; text-align: center; color: rgb(166,28,38); font-size: 107.1428%; } .ce-stage-donate-right .ce-element { background: linear-gradient(to bottom, #f1f0ef 0%,#f7f6f5 100%); min-height: 4.75rem; } .ce-stage-donate-right >.ce-col:last-child .ce-teaserlink-outer { background-image: url('../../fileadmin/template/tdh2016/img/SpendenZiege.png'); background-repeat: no-repeat; background-size: contain; background-position: right bottom; } .ce-stage-donate-right .ce-header { padding: 0.625rem 0.625rem 0; } .ce-stage-donate-right .ce-bodytext { padding: 0 0.625rem 0.625rem; } .ce-stage-donate .ce-header { margin-bottom: 0; } .ce-stage-donate .ce-header > *, .ce-stage-donate .ce-header a { padding: 0; color: rgb(51,51,51); background: none; } .ce-stage-donate-right p { margin: 0; } /* content */ .page-body { padding-top: 1.25rem; padding-bottom: 0.3125rem; } .ce-header.rc-head { margin: 0; position: relative; overflow: hidden; } .ce-layout-13 .ce-header.rc-head { margin: 0 -0.625rem; } .ce-header.rc-head::before { content: ""; display: block; border-radius: 50%; position: absolute; left: 0.625rem; right: 0.625rem; bottom: 100%; height: 1.25rem; box-shadow: 0 0 1.25rem rgba(0,0,0,0.25); } .ce-header.rc-head .rc-link { padding: 0.9375rem 0.625rem 0.625rem calc(1.875rem + 0.5em); } .ce-header.rc-head .ce-header.rc-head .rc-link { position: relative; } .ce-header.rc-head .rc-link:hover * { color: rgb(255,255,255); } .ce-header.rc-head .rc-link:hover::before { content: url('../../fileadmin/template/tdh2016/img/flat_plus_white.svg'); } .ce-header.rc-open .rc-link:hover::before { content: url('../../fileadmin/template/tdh2016/img/flat_minus_white.svg'); } .ce-header.rc-head .rc-link::before { content: url('../../fileadmin/template/tdh2016/img/flat_plus.svg'); line-height: 1; position: absolute; top: 50%; left: 0.5em; display: block; width: 1.25rem; height:1.25rem; transform: -ms-translateY(-50%); transform: translateY(-50%); transform: translate3d(0,-50%,0); } .ce-header.rc-open .rc-link::before { content: url('../../fileadmin/template/tdh2016/img/flat_minus.svg'); } .ce-header.rc-head [class^="rc-show"] > * { padding: 0; } .ce-grid-accordeon > .ce-col { position: relative; padding-left: calc(1.875rem + 0.5em); } .ce-grid-accordeon > .ce-col::before { content:""; position: absolute; top:0; left: calc(0.625rem + 0.5em); bottom: 1.25rem; border-left: 2px solid rgb(166,28,38); } .ce-grid-slick-carousel.slick-initialized { margin: 0 -0.3125rem; } .ce-grid-slick-carousel .slick-slide { padding: 0 0.3125rem; } .ce-iconbox { display: block; padding: 0.625rem; padding-bottom: 0.3125rem; /* sari font... */ background: rgb(245,243,242); font-size: 128.57%; margin-bottom:0.625rem; } .ce-iconbox-link::before { content: none !important; } .ce-iconbox-icon .icon { font-size: 1.5em; } .ce-iconbox-icon i { /* sari font... */ position: relative; top: -0.125em; color: rgb(204,204,204); } .ce-iconbox-text { padding-left: 0.625rem; } .ce-iconbox-inline { display:inline-block; margin:0 !important; padding: 0 !important; background: none; font-size: 1em; } .ce-iconbox-inline .ce-iconbox-icon { font-size: 0.625em; } .ce-iconbox-inline i { top: -0.35em; color: inherit; } .ce-iconbox-inline .ce-iconbox-text { padding: 0 0.3125rem; } .ce-grid-slick-carousel-outer .ce-iconbox-icon { font-size: 0.85em; } .ce-grid-slick-carousel-outer i.ce-iconbox-icon-inner { top: -0.2em; color: inherit; } /* footer */ .page-totoplink { font-size: 2.5rem; line-height: 1; opacity: 0.5; position: fixed; z-index: 5; bottom: 0.625rem; right: 0.625rem; } .page-totoplink i { top: 0; } .page-footer { position: relative; overflow: hidden; } .page-footer::before { content: ""; position: absolute; bottom: 100%; left: 0; right: 0; height: 10rem; border-radius: 50%; box-shadow: 0 0 10rem rgba(0,0,0,0.2); } .page-footer { background: rgba(0,0,0,0.05); padding-top: 1.25rem; } .page-footer-middle { padding: 0.625rem 0.625rem 0; background: rgb(255,255,255); margin-bottom: 0.625rem; } .page-footer-bottom { padding: 0.625rem 0.625rem 0; background: rgb(244,243,239); margin-bottom: 0.625rem; } .page-footer-bottom .ce-header > *, .page-footer-bottom a { color: rgb(51,51,51); } .page-footer-bottom a:hover, .page-footer-bottom a:focus { color: rgb(255,255,255); } .page-footer .ce-menu { padding: 0; list-style-type: none; } .page-footer .ce-menu a::before { content: url('../../fileadmin/template/tdh2016/img/icon_arrow_link_grey.svg'); } .page-footer .ce-menu a:focus::before, .page-footer .ce-menu a:hover::before { content: url('../../fileadmin/template/tdh2016/img/icon_arrow_link_white.svg'); } .footernav { padding: 0.625rem 0; display: flex; justify-content: space-between; } .footernav .item { color: rgb(51,51,51); padding: 0.625rem 0; } .footernav .item:hover, .footernav .item:focus { color: rgb(255,255,255); } .copyright { padding-top: 1.25rem; line-height: 1; } .ce-container-mobile { display: block; } } @media all and (min-width: 27em) { .rc-offcanvas-enabled.rc-open { -webkit-transform: translate(-22rem, 0); -ms-transform: translate(-22rem, 0); transform: translate(-22rem, 0); -webkit-transform: translate3d(-22rem, 0, 0); } .rc-offcanvas-enabled .rc-offcanvas-right { width: 22rem; } } /* medium - tablet + print */ @media all and (min-width: 37.5em), print { /* ~ 600px */ body:after { content: 'rc-medium'; display: none; } head { font-family: 'rc-medium'; } .show-small { display: none; } .hide-small { display: block; } .show-medium { display: block; } .hide-medium { display: none; } /* layout */ .page-header-searchbox { padding-top: 1.5625rem; padding-bottom: 1.5625rem; } .page-header-searchbox .search-word { box-shadow: inset 0 0 0.625rem rgba(0,0,0,0.125); } /* header */ .page-logo { padding-left: 1.25rem; padding-right: 1.25rem; } .page-logo-img, .logo-link { width: 300px; } .page-claim { padding: 0.625rem 1.25rem; } .page-claim-img { height: 50px; } .nav-toggle { top: 1.5625rem; right: 1.25em; } /* stage */ .slick-dots { padding-top: 1em; } .ce-grid-stage .slick-dots {padding:0;} .ce-grid-slider .slick-pause { position: absolute; top: 0.25rem; right: 1rem; padding: 0; z-index: 1; width: 1.875rem; height: 1.875rem; border-radius: 50%; background: none; outline: none; box-shadow: none; font-size:1.875rem; border:0; color: rgb(255,255,255); opacity: 0.5; } .ce-stage-slider-home .slick-pause { top: 1.25rem; right: 1.25rem; top: auto; margin-top: 38.888%; -ms-transform: translateY(calc(-100% - 1.25rem)); transform: translateY(calc(-100% - 1.25rem)); line-height:1; } .ce-grid-slider .slick-pause.slick-paused { opacity: 1; } .ce-stage-slider-home .ce-header { width: auto; padding-left: 1.25rem; } .ce-grid-slider .ce-header > * { font-size: 257.1428%; } .ce-stage-slider .ce-bodytext { display: block; padding: 0.9375rem 1.25rem; background-color:rgb(255,255,255); color:rgb(51,51,51); } .ce-stage-intro { background: rgb(166,28,38); color: rgb(255,255,255); } .ce-stage-intro > .ce-element { float: left; padding: 1.25rem; width: 66.6666%; } .ce-stage-intro > .ce-element + .ce-element { width: 33.3333%; } .ce-stage-intro h1 { font-size: 1em; padding: 0; color: currentColor; } .ce-stage-intro .ce-element + .ce-element { overflow: hidden; position: relative; } .ce-stage-intro .ce-element + .ce-element::before { content: ""; position: absolute; display: block; top: 0; bottom: 0; right: 100%; width: 1.25rem; box-shadow: 0 0 1.25rem rgba(0,0,0,0.25); } .ce-stage-intro .ce-header { margin: 0; padding-right: 0.625rem; } .form-donate-box { padding: 0; } .form-donate-box .form-fieldset { margin: 0; } .form-donate-box .form-field-row { margin: 0; } .rc-medium .form-donate-box .form-submit { width: 100%; } .rc-medium .form-donate-box .form-input-group { width: 100%; margin-bottom: 1.25rem; } .ce-stage-donate-left .ce-bodytext { position: absolute; left: 1.25rem; bottom: 1.25rem; width: 15rem; background: rgb(255,255,255); border-radius: 0.25rem; } .ce-stage-donate-left .ce-textpic { position: relative; } .ce-stage-donate-left p { text-align: left; padding: 0.625rem 1.25rem; font-size: 121.4285%; } .ce-stage-donate-right .ce-grid-bg .ce-col { float:left; width: 50%; } .rc-medium .ce-stage-donate-right .ce-grid-bg { background: linear-gradient(to bottom, #f1f0ef 0%,#f7f6f5 100%); } .rc-medium .ce-stage-donate-right .ce-grid-bg .ce-element { background: none; } /* content */ .ce-grid-slick-carousel-outer .ce-iconbox { position: absolute; top: -2.8175rem; right: 0; } /* tdh fotoarchiv */ .tdh-imagearchive .ce-col { border-right: none !important; } .tdh-imagearchive .ce-col:nth-child(2n+1) { clear:left; } /* footer */ .footernav { float: right; display: block; } .footernav li + li { margin-left: 1.25rem; } .page-footer-middle { padding: 1.25rem 0; } .page-footer-middle .ce-grid-medium { margin: 0 -0.3125rem; } .page-footer-middle .ce-grid-medium > .ce-col { position:relative; overflow:hidden; padding: 0 0.9375rem; } .page-footer-middle .ce-grid-medium > .ce-col + .ce-col::before { content:""; display:block; position:absolute; top:0; bottom:0; right:100%; width:1.25rem; border-radius:100%; box-shadow: 0 0 1.25rem rgba(0,0,0,0.15); } .page-footer-middle .ce-grid-large > .ce-col{ padding: 0 0.625rem; } .page-footer-middle .ce-gallery { padding: 0; } .page-footer-middle .ce-column { margin: 0; } .page-footer-top .ce-textpic-inner { min-height: 122px; } } /* large - desktop */ @media all and (min-width: 61.25em) { /* ~ 980px */ body:after { content: 'rc-large'; display: none; } head { font-family: 'rc-large'; } .show-medium { display: none; } .hide-medium { display: block; } .show-large { display: block; } .hide-large { display: none; } .ce-element a::before { top: 0.0625em; } a.mail::before { top: -0.125rem; } /* layout */ .page-offcanvas { background: none; } .page-header-navigation-inner { background: rgb(255,255,255); } .page-grid-large > .page-col { float:left; min-height: 1px; } .page-grid-large-75-25 > .page-col { width:75%; } .page-grid-large-75-25 > .page-col + .page-col { width: 25%; } .subnav-outer { padding-left: 1.25rem; padding-right:1.25rem; position: relative; overflow: hidden; } .subnav-outer::before { content: ""; position: absolute; top: 0;bottom: 0;right: 100%; width: 1.25rem; border-radius: 50%; box-shadow: 0 0 2.5rem rgba(0,0,0,0.125); } .page-wrap { margin-left: 0.625rem; margin-right: 0.625rem; padding: 0 0 1.25rem; } .page-home .page-body { padding-top: 1.25rem; } .page-to-top { padding-top: 1.25rem; } .page-home .page-to-top { padding-top: 0; } .content { padding-left: 1.25rem; padding-right: 1.25rem; } .page-home .content { padding-left: 0; padding-right: 0; } .content-right { padding-left: 0; } .bc-nav { padding: 1.25rem 1.25rem 0; margin-bottom: 0.9375rem; } /* header */ .page-logo, .page-claim { float: left; padding: 1.5625rem 1.875rem; } .page-claim { padding-left: 0; } .page-claim { float:right; margin-right: 18rem; border: none; } .page-logo-img, .logo-link, .page-claim-img { width: auto; height: 50px; } .page-header-topbar { margin: 0 0.625rem 0.625rem; } .page-header-main { margin: 0 0.625rem; } .page-header-searchbox { position: absolute; right: 1.875rem; bottom: 100%; padding: 0; margin-bottom: 1.875rem; height: 3.75rem; border-radius: 1.875rem; } .page-header-searchbox { width: 16rem; background: rgb(238,238,238); padding: 0.625rem; } .search-toggle { background: rgb(255,255,255); border-radius: 50%; color: rgb(202,202,202); width:2.5rem; margin-top: 0.625rem; } .search-toggle:hover, .search-toggle:focus { color: rgb(166,28,38); background: rgb(255,255,255); } .page-header-searchbox.rc-open .search-toggle { display: none; /* surprise ;-) */ } .search-toggle .icon { width: 2.5rem; height: 2.5rem; display: block; } .page-header-searchbox .searchbox-inner { color: rgb(51,51,51); background: none; } .page-header-searchbox .search-word { box-shadow: none; font-size: 1.125rem; line-height: 2.5rem; height:2.5rem; color: rgb(51,51,51); padding: 0 0.625rem; } .page-header-searchbox.rc-open .searchbox { left: 0.625rem; right: 0.625rem; } .page-header-searchbox .search-button { background: rgb(255,255,255); color: rgb(166,28,38); box-shadow:none; } .mainnav { transition: margin-left ease-in 0.25s; } .page-header-sticky .page-header-navigation-inner { box-shadow: 0 0 1.25rem rgba(0,0,0,0.25); } .page-header-sticky .page-logo { position: fixed; z-index: 5; top:0; left:0; width:200px; padding: 0.625rem; } .page-header-sticky .logo-link, .page-header-sticky .page-logo-img { height: auto; } .page-header-sticky .page-header-navigation { position:fixed; left:0; top:0; right:0; z-index:4; } .page-header-sticky .mainnav { margin-left: 200px; } /* stage */ .page-stage { position:relative; padding-top: 0.625rem; background: rgb(255,255,255); overflow:hidden; } .page-stage::before { content: ""; display:block; position: absolute; left:0; right:0; bottom:100%; height:1rem; border-radius:50%; box-shadow:0 0 2rem rgba(0,0,0,0.25); } .ce-grid-slider .ce-bodytext { padding: 0.5rem 1.25rem; position: absolute; width: 50%; bottom: 1em; } .ce-stage-slider .ce-header { top: auto; right: auto; -ms-transform: translateY(-100%); transform: translateY(-100%); } .ce-stage-slider .slick-dots { position: absolute; top: 1.5625rem; right: 4.375rem; } .ce-stage-slider-home .slick-dots { position: absolute; top: 1.5625rem; right: 4.375rem; } .ce-stage-slider .slick-dots button { width: 1.25rem; height: 1.25rem; } .ce-stage-slider .slick-pause { margin: 0; transform: initial; top: 1.25rem; } .ce-stage-slider .slick-dots { display: block !important; } .ce-grid-slider .ce-header { padding: 1.25rem; } .ce-stage-slider-home .ce-gallery::after { background: linear-gradient(to bottom, rgba(61,43,37,0) 70%,rgba(61,43,37,0.6) 100%); } .ce-stage-slider-home .ce-header { width: calc(66.6666% + 0.625rem); } .ce-stage-slider-home .ce-header > *, .ce-grid-slider .ce-header > * { font-size: 173.3333%; } .ce-stage-slider-home .ce-bodytext { width: calc(66.6666% + 0.625rem); padding:0.9375rem 1.25rem; position:relative; bottom:0; color:rgb(51,51,51); background:rgb(255,255,255); } .ce-grid-stage { position: relative; } .ce-stage-intro { position: absolute; right: 0; bottom: 0; width: calc(33.3333% - 0.625rem); } .ce-stage-intro > .ce-element { float: none; width: 100%; } .ce-stage-intro > .ce-element + .ce-element { width: 100%; } .ce-stage-intro .ce-element + .ce-element::before { top: auto; bottom: 100%; left: 1.25rem; right: 1.25rem; height: 1.25rem; width: auto; border-radius: 50%; box-shadow: 0 0 1.25rem rgba(0,0,0,0.25); } .ce-stage-donate-left p, .ce-stage-donate-right .ce-header > * { font-size: 133.3333%; line-height: 1.3; } .ce-stage-donate-left { margin: 0 -0.3125rem; } .ce-stage-donate-left .ce-col { padding: 0 0.3125rem; } .ce-stage-donate-left .ce-bodytext { left: 1.875rem; bottom: 1.875rem; } .ce-stage-donate-right .ce-grid-bg { width: 66.6666%; float: left; } .ce-stage-donate-right > .ce-col { float: left; width: 33.3333%; } .ce-stage-donate-right.clear { margin: 0 -0.3125rem; } .ce-stage-donate-right .ce-col { padding: 0.625rem 0.3125rem; } .ce-stage-donate-right .ce-element, .ce-stage-donate-right .ce-teaserlink-outer { min-height: 7.625rem; } .ce-stage-donate-right > :last-child .ce-teaserlink-inner { width: 66.6666%; } /* content */ .page-content-top .content > div > .ce-header, .page-content-bottom .content > div > .ce-header { padding-left: 1.25rem; padding-right: 1.25rem; } .ce-header.rc-head .rc-link { padding: 1.5625rem 0.625rem 1.25rem 2.5rem; } .ce-grid-accordeon > .ce-col { padding-left: 2.5rem; } .ce-iconbox-link { margin-bottom:1.25rem; } .ce-grid-slick-carousel-outer .ce-iconbox { top: -3.125rem; right:1.25rem; } .page-totoplink, .page-printlink { position: static !important; z-index: 0; background: none; opacity: 1; color: rgb(166,28,38); font-size: 1em; line-height: inherit; margin-left: 1.25rem !important; } .page-totoplink .ce-iconbox-icon, .page-printlink .ce-iconbox-icon { font-size: 1em; } .page-totoplink i, .page-printlink i { top: -0.125em; } .page-totoplink .sr-hint { clip: initial !important; -webkit-clip-path: none !important; clip-path: none !important; width: auto; position: static !important; } .page-printlink { display: inline-block !important; } /* footer */ .page-footer-middle, .page-footer-bottom { padding: 1.25rem 0; } .page-footer-bottom .ce-grid-medium > .ce-col, .page-footer-middle .ce-grid-medium > .ce-col { padding: 0 1.5625rem; } .page-footer-middle .ce-grid-large > .ce-col:last-child { position:relative; overflow:hidden; /*padding: 0 1.5625rem;*/ } .page-footer-middle .ce-grid-large > .ce-col:last-child::before { content: ""; display: block; position: absolute; top: 0; bottom: 0; right: 100%; width: 1.25rem; border-radius: 100%; box-shadow: 0 0 1.25rem rgba(0,0,0,0.15); } .page-footer .ce-menu { margin-bottom: 0; } .footernav, .copyright { padding-left: 1.25rem; padding-right: 1.25rem; } /* superfish */ .page-header-navigation { display: block; } .sf-menu .sub { position: absolute; display: none; z-index:99; } .sf-menu { display: flex; width: 100%; } .mod-no-flexbox .sf-menu { display: table; } .sf-menu > li { flex-grow: 1 } .mod-no-flexbox .sf-menu > li { display: table-cell; } .sf-menu li:hover > .sf-hi, .sf-menu li.sfHover > .sf-hi { display: block; } .sf-menu .item { display: block; position: relative; z-index: 5; white-space: nowrap; } .sf-menu ul ul { top: 0; left: 100%; } .sf-menu > li:last-child > ul { right:0; } .sf-menu > li:last-child > ul ul { right:100%; left: auto;} /* sf theme */ .sf-menu .item { display: block; text-align: center; text-decoration: none; color: rgb(51,51,51); padding: 0; } .sf-menu .item-inner { display: inline-block; font-size: 133.3333%; border-top: 0.625rem solid rgba(0,0,0,0); padding: 0.625rem 0 1.25rem; } .sf-menu .item:focus .item-inner, .sf-menu .item:hover .item-inner { color: rgb(255,255,255); border-top-color: rgba(0,0,0,0); } .sf-menu .active > .item, .sf-menu .current > .item { color: rgb(166,28,38); } .sf-menu > .current > .item .item-inner, .sf-menu > .active > .item .item-inner { border-color: rgb(166,28,38); } .sf-menu .sub { background: rgb(255,255,255); } .sf-menu .sub .item { text-align: left; padding: 0 1.25rem; } .sf-menu .sub .item-inner { display: block; border: none; border-top: 1px solid rgb(238,238,238); padding: 0.625rem; } .sf-menu .has-megasub > .item { position: relative; overflow: visible; } .sf-menu .has-megasub.sfHover > .item { background: rgb(244,243,242); } .sf-menu .has-megasub.sfHover > .item .item-inner { position: relative; z-index: 10; color: rgb(51,51,51); background: rgb(244,243,242); } .sf-menu .has-megasub > .item:hover, .sf-menu .has-megasub > .item:hover .item-inner { color: rgb(255,255,255); background: rgb(166,28,38); } .sf-menu .has-megasub.sfHover > .item { z-index:10; } .sf-menu .has-megasub.sfHover > .item::before, .sf-menu .has-megasub.sfHover > .item::after { content: ""; display: block; position: absolute; z-index:5; top: auto; bottom: 0; left: 50%; margin-left: -2rem; width: 4rem; height: 1.25rem; box-shadow: 0 0 2.5rem rgba(0,0,0,0.25); } .sf-menu .has-megasub.sfHover > .item::after { top: 100%; bottom:auto; left:50%; right:auto; margin-left: -0.625rem; width: 1.25rem; color: rgb(166,28,38); border-style: solid; border-width: 0.625rem 0.625rem 0; border-color: currentColor rgba(0,0,0,0); box-shadow:none; } .sf-menu .megasub { position: absolute; z-index: 5; background-color: rgb(244,243,242); left: 0; right: 0; padding: 1.25rem 1.25rem 0; border-width: 0; box-shadow: 0 0 2.5rem rgba(0,0,0,0.25); } .megasub .ce-col { border:none !important; } .megasub .ce-col:first-child { position: relative; overflow:hidden; } .megasub .ce-col:first-child::before { content:""; position:absolute; top: 0; bottom:0; left:100%; width:1.25rem; border-radius: 50%; box-shadow: 0 0 2.5rem rgba(0,0,0,0.2); } .megasub a { color: rgb(51,51,51); } .megasub a:hover, .megasub a:focus { color: rgb(255,255,255); } .megasub .ce-gallery { padding-bottom: 0; } .megasub .ce-header { margin-bottom: 0; } .megasub .ce-header > * { padding: 0; margin: 0; font-size: 0.9375rem; } .page-megamenu-shadow { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.25); z-index: 1; display: none; opacity: 0; transition: opacity 1s ease; } .page-megamenu-shadow-visible { display: block; opacity: 1; } .subnav { border-top: 1px solid rgb(238,238,238); } .subnav .item { color: rgb(51,51,51); border-bottom-color: rgb(238,238,238); } .subnav .item:hover, .subnav .item:focus { background: rgb(240, 238, 234); } .subnav .active > .item { font-weight: bold; } .subnav .current > .item { font-weight: bold; color: rgb(166,28,38); } .subnav .sub { border-color: rgb(238,238,238) !important; } .subnav > :last-child { /* no margin if subnav is empty*/ margin-bottom: 1.25rem; } .page-footer-top .ce-textpic-inner { min-height: 160px; } .ce-container-mobile { display: none; } .ce-container-desktop { display: block; } } /* xlarge */ @media all and (min-width: 75em) { /* ~ 1200px */ body:after { content: 'rc-xlarge'; display: none; } head { font-family: 'rc-xlarge'; } .show-large { display: none; } .hide-large { display: block; } .show-xlarge { display: block; } .hide-xlarge { display: none; } /* page layout */ .page-grid-xlarge { margin: 0 -1.875rem; } .page-grid-xlarge > .page-col { float: left; padding: 0 1.875rem; } .page-grid-xlarge-66-33 > .page-col { width: 66.6666% } .page-grid-xlarge-66-33 > .page-col + .page-col { width: 33.3333%; } .page-logo-img, .logo-link, .page-claim-img { height: 60px; } .page-claim { margin-right: 22rem; } .page-header-searchbox { width: 18rem; margin-bottom: 2.1875rem; } .page-home .page-body { padding-top: 1.875rem; } .page-to-top { padding-top: 1.875rem; padding-bottom: 1.875rem; } .page-home .page-to-top { padding-top: 0.625rem; padding-bottom: 1.875rem; } .page-header-sticky .page-logo { width: 270px; } .page-header-sticky .mainnav { margin-left: 270px; } /* stage */ .ce-grid-stage-home { font-size: 113.3333%; } .ce-stage-slider .slick-pause{ top: 1.875rem; right: 1.875rem; } .ce-grid-slider .slick-dots { top: 2.1875rem; right: 4.375rem; } .ce-grid-slider .ce-header { padding: 0 1.875rem 0.625rem; } .ce-grid-slider .ce-bodytext { background: #a61c26 none repeat scroll 0 0; bottom: 1em; color: #ffffff; padding: 0.5rem 1.875rem; } .ce-stage-slider .ce-bodytext { bottom:0; background: #ffffff none repeat scroll 0 0; color: rgb(51,51,51); padding: 1.25rem 1.875rem; } .ce-grid-slider .ce-header > * { font-size: 211.7647%; line-height: 1.2; } .ce-stage-slider-home .ce-header { padding-left: 1.875rem; } .ce-stage-slider-home .ce-header > * { font-size: 211.764%; line-height: 1.2; } .ce-stage-intro > .ce-element { padding: 1.875rem; } .form-donate-box .form-input-group, .form-donate-box .form-submit { width: calc(50% - 0.9375rem); } .ce-stage-donate .ce-col-xlarge { width: 75%; float: left; } .ce-stage-donate .ce-col-xlarge:last-child { width: 25%; } .ce-stage-donate-right.clear { margin: 0; padding-left: 0.625rem; } .ce-stage-donate-right .ce-grid-bg { width: 100%; } .ce-stage-donate-right .ce-col { width: 100% !important; padding: 0; } .ce-stage-donate-right .ce-grid-bg .ce-col { padding-bottom: 0.625rem; } .ce-stage-donate-right .ce-element, .ce-stage-donate-right .ce-teaserlink-outer { min-height: 8.5625rem; } /* content */ .bc-nav, .content { padding-left: 1.875rem; padding-right: 1.875rem; } .bc-nav { padding-top: 1.875rem; } .content-right { padding-left: 0; } .page-content-top .content > div > .ce-header, .page-content-bottom .content > div > .ce-header { padding-left: 1.875rem; padding-right: 1.875rem; } .ce-layout-12 .ce-intext.ce-left .ce-gallery, .ce-layout-13 .ce-intext.ce-left .ce-gallery { padding-right: 1.25rem; } .ce-layout-12 .ce-intext.ce-right .ce-gallery, .ce-layout-13 .ce-intext.ce-right .ce-gallery { padding-left: 1.25rem; } .ce-iconbox { padding: 1.25rem; margin-bottom: 1.875rem; } .ce-grid-slick-carousel-outer .ce-iconbox { top: -3.5rem; right: 1.875rem; } .ce-header.rc-head .rc-link::before { width: 1.875rem; height: 1.875rem; } .ce-header.rc-head .rc-link { padding-left: 3.125rem; } .ce-grid-accordeon > .ce-col { padding-left: 3.125rem; } .ce-grid-accordeon > .ce-col::before { left: calc(0.9375rem + 0.5em); } .page-grid-xlarge-66-33.flexbox { display: block; } /* footer */ .page-footer { padding-top: 1.875rem; } .page-totoplink { margin-left: 1.875rem !important; } .page-footer-middle, .page-footer-bottom { padding: 1.875rem 0; } .page-footer-bottom .ce-grid-medium > .ce-col{ padding: 0 2.1875rem; } .footernav, .copyright { padding-left: 1.875rem; padding-right: 1.875rem; } .footernav li + li { margin-left: 2.5rem; } .sf-menu .item-inner { padding-top: 0.9375rem; padding-bottom: 1.5625rem; } .sf-menu .megasub { padding: 1.875rem 1.875rem 0; } .subnav > :last-child { margin-bottom: 1.875rem; } .page-footer-top .ce-textpic-inner { min-height: 140px; } } /* xxlarge */ @media all and (min-width: 91.25em) { /* ~ 1460px */ body:after { content: 'rc-xxlarge'; display: none; } head { font-family: 'rc-xxlarge'; } .show-xlarge { display: none; } .hide-xlarge { display: block; } .show-xxlarge { display: block; } .hide-xxlarge { display: none; } .page-header-topbar, .page-header-main, .page-wrap { margin-left: auto; margin-right: auto; max-width: 90rem; } .page-header { background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.05) calc(100% - 2.5rem), rgba(0,0,0,0) calc(100% - 2.5rem), rgba(0,0,0,0) 100%); } .page-home .page-header { background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.05) calc(100% - 10.875rem), rgba(0,0,0,0) calc(100% - 10.875rem), rgba(0,0,0,0) 100%); } .page-logo-img, .logo-link, .page-claim-img { height: 68px; margin-top:1px; margin-bottom:1px; } .page-header-searchbox { margin-bottom: 2.5rem; } .page-header-searchbox.rc-open { width: calc(100% - 5.625rem - 340px); } .page-home .page-body { padding-top: 2.5rem; } .page-totoplink { margin-left: 2.5rem !important; } .page-home .page-totoplink { margin-left: 1.875rem !important; } .page-header-navigation-inner { width: 90rem; margin: 0 auto; position: relative; } .page-header-sticky .page-logo { left: 50%; margin-left: -45rem; padding: 1.25rem; } /* stage */ .ce-grid-stage-home { font-size: 133.3333%; } .ce-grid-slider .ce-header { padding: 0 2.5rem 0; } .ce-grid-slider .ce-header > * { font-size: 250%; } .ce-grid-slider .ce-bodytext { padding: 2rem 2.5rem; } .ce-grid-slider .slick-dots { margin-top: 1rem; } .ce-stage-slider-home .slick-pause { top: 2.5rem; right: 2.5rem; } .ce-stage-slider-home .slick-dots { top: 2.8125rem; right: 5.00rem; margin: 0; } .ce-stage-slider-home .ce-header { padding-left: 2.5rem; } .ce-stage-slider-home .ce-header > * { font-size: 250%; } .ce-stage-donate-left .ce-bodytext { left: 2.5rem; bottom: 2.5rem; } .ce-stage-donate-left p { font-size: 160%; padding: 1.0625rem 1.25rem; } .ce-stage-intro > .ce-element { padding: 2.5rem; } .form-donate-box .form-input-group, .form-donate-box .form-submit { width: calc(50% - 1.25rem); } .ce-stage-donate-right .ce-element, .ce-stage-donate-right .ce-teaserlink-outer { min-height: 10.75rem; } .ce-stage-donate-right .ce-header > * { font-size: 173.3333%; line-height: 1.3; } .ce-stage-donate-right .ce-header { padding: 1.25rem 1.25rem 0; } .ce-stage-donate-right .ce-bodytext { padding: 0 1.25rem 1.25rem; } /* content */ .bc-nav, .content { padding-left: 2.5rem; padding-right: 2.5rem; } .bc-nav { padding-top: 2.5rem; } .content-right { padding-left: 0; } .page-content-top .content > div > .ce-header, .page-content-bottom .content > div > .ce-header { padding-left: 2.5rem; padding-right: 2.5rem; } .ce-iconbox { padding: 1.25rem 1.875rem; margin-bottom: 2.5rem; } .page-footer { padding-top: 2.5rem; } .subnav-outer { padding-left: 1.875rem; padding-right: 2.5rem; } .subnav > :last-child { margin-bottom: 2.5rem; } .sf-menu .item-inner { padding-top: 1.5625rem; padding-bottom: 2.1875rem; } .sf-menu .megasub { padding: 2.5rem 1.875rem 0; } .megasub .ce-gallery { padding-bottom: 0.625rem; } .megasub .ce-header > * { font-size: 1.25rem; } .slick-arrow { position: absolute; top: calc(50% - 1.25rem - 3.5rem); right: 100%; width: 7rem; height: 7rem; border: none; background: none; background-repeat: no-repeat; background-size: contain; background-position: center center; outline: none !important; color: rgba(0,0,0,0); box-shadow: none; } .slick-arrow.slick-disabled { opacity: 0.5; cursor: initial; } .ce-layout-30 .slick-arrow { top: calc(50% - 2.8125rem - 3.5rem); } .slick-arrow.slick-prev { background-image: url('../../fileadmin/template/tdh2016/img/icon_slider_previous.svg'); } .slick-arrow.slick-next { right: auto; left: 100%; background-image: url('../../fileadmin/template/tdh2016/img/icon_slider_next.svg'); } .page-footer-top .ce-layout-10-inner, .page-footer-top .ce-layout-14-inner { min-height: 425px; } .page-footer-top .ce-textpic-inner { min-height: 0; } } /* plugin sr_email_subscribe */ @media all { .tx-sremailsubscribe-pi1 dt{ clear:both;} .tx-sremailsubscribe-pi1 dt, .tx-sremailsubscribe-pi1 dd{ float:left; margin-left:0; } .tx-sremailsubscribe-pi1 legend{ display:none; } .tx-sremailsubscribe-pi1-checkbox { position:relative; top:4px; margin-right:5px; } .page-footer .tx-sremailsubscribe-pi1 button[type="submit"], .page-footer .tx-sremailsubscribe-pi1 input[type="submit"] { background: #3e2b25; background: -moz-linear-gradient(top, #3e2b25 0%, #32251f 100%); background: -webkit-linear-gradient(top, #3e2b25 0%,#32251f 100%); background: linear-gradient(to bottom, #3e2b25 0%,#32251f 100%); } .tx-sremailsubscribe-pi1-text { margin-bottom:1rem; } .tx-sremailsubscribe-pi1 dl{ margin:0; } .ce-layout-40 .tx-sremailsubscribe-pi1-notice{display:none;} .tx-sremailsubscribe-pi1-submit{margin-top:1rem;margin-bottom:1rem;} .tx-sremailsubscribe-pi1 .categories dd{margin-bottom:0.5rem;} .tx-sremailsubscribe-pi1-error { color: rgb(255,0,0); } } .social-icon{ position:relative; overflow:hidden; width:3.5em; height:3.5em; position: relative; overflow: hidden; display: inline-block; color:rgb(200,200,200); margin-right:0.5em; } .social-icon svg{width:3.5em;height:3.5em;} .social-icon a{ text-indent:-5em; position:absolute; top:0; left:0; right:0; bottom:0; } .social-icon:hover{color:rgb(166,28,38);} .social-icon a:hover{background:transparent;} .social-icon a::before{content:none;} a.facebook{position:absolute;top:0;left:0;right:0;bottom:0;} a.twitter{position:absolute;top:0;left:0;right:0;bottom:0;} a.youtube{position:absolute;top:0;left:0;right:0;bottom:0;} a.instagram{position:absolute;top:0;left:0;right:0;bottom:0;} a.linkedin{position:absolute;top:0;left:0;right:0;bottom:0;} /* wr_arbeitsgruppen... */ .tx-wrarbeitsgruppen-pi1 .filterarea form label { display: block; font-size: 1.3em; margin-bottom: 0.5em; color: #3c3c3c; } .tx-wrarbeitsgruppen-pi1 .filterarea form input, .tx-wrarbeitsgruppen-pi1 .filterarea form select { width: 17.2em; margin-bottom: 1em; margin-right: 1.3em; border: none; font-size: 1.3em; padding: 0.4em; } .tx-wrarbeitsgruppen-pi1 .filterarea form select{ float:left; } .tx-wrarbeitsgruppen-pi1 .listitembox h2 { font-size: 1.2em; padding-bottom: 0.1em; border-bottom: 0.1em solid #dad7ce; margin: 0 0 1.5em 0; } .tx-wrarbeitsgruppen-pi1 .listitembox { float: left; width: 100%; padding: 0 0 2em 0; } .tx-wrarbeitsgruppen-pi1 .listitembox_left { float: left; width: 50%; } .tx-wrarbeitsgruppen-pi1 .listitembox_right { float: left; width: 50%; background-color: #eee; padding: 0.5em; margin-top: 0.5em; } #c13927 .ce-grid-medium{ margin:0; } #c13927 .ce-grid-medium > .ce-col{ padding:0; border-width:0; } #c13928{ background-color:rgb(238,238,238); color: #FFF; text: color white; padding: 0 0px 1em 0; text-decoration: none; font-size: 16px; text-align: center; margin-bottom:3px; } #c13928 header{ margin:0em; padding:1em; background-color: #A61C26; position:relative; } #c13928 header::after{ position:absolute; bottom:-10px; z-index:1; content:""; width: 0; height: 0; border-style: solid; border-width: 10px 7.5px 0 7.5px; border-color: #A61C26 transparent transparent transparent; } #c13928 a, #c13928 a:hover{ color:rgb(255,255,255); } #c13930{ height: 15px; background-color: #eeeeee; margin-bottom: 2px; } #c13929 { background-color:rgb(238,238,238); color: #000; text: color white; padding: 0 0px 1em 0; text-decoration: none; font-size: 16px; text-align: center; margin-bottom:3px; } #c13929 header{ margin:0em; padding:1em; background-color: rgb(255,255,255); position:relative; } #c13929 header:hover{ background-color: #6b6b6b; color: #FFF; } #c13929:hover a{color:rgb(255,255,255);} #c13929 a:hover{ background-color: #6b6b6b; color: #FFF; } #c13931{ height: 15px; background-color: #eeeeee; margin-bottom: 2px; } /* Cookiebanner */ .cc-window a::before{ content: none; display: none; } .cc-window .cc-compliance{ flex-direction: row-reverse; } .cc-window .cc-compliance .cc-btn.cc-dismiss{ margin-left: 0.5em; background-color: #555555; color: #fff; } .cc-window .cc-compliance .cc-btn.cc-allow{ margin-left: 0; background-color: rgb(166,28,38); color: #fff; } .cc-window.cc-theme-classic.cc-bottom { background-color: rgba(0, 0, 0, .75); left: auto; right: 1rem; max-width: 25rem; bottom: 1rem; display: block; } .cc-message .cc-menu li a { padding: .5rem; background-color: rgba(0,0,0,.25); margin-right: .25rem; margin-top: .25rem; border-radius: .25rem; } .cc-revoke{ display: none !important; } .btn.cookie-revoke { padding: 1em; padding-bottom: .8375rem; border-radius: 0.3125rem; background-color: rgb(166,28,38); border-color: transparent; color: #fff; font-size: 1rem; font-weight: 700; text-align: center; } .btn.cookie-revoke:hover { background-color: #555; } .btn.cookie-revoke::before { display: none; } .tx-kesearch-pi1 .kesearch_pagebrowser ul { list-style: none; padding: 0; display: flex; margin-top: .5rem; } .tx-kesearch-pi1 .kesearch_pagebrowser a { padding: 0.625rem; border-radius: 0.3125rem; padding: .625rem .75rem; background-color: #eee; } .tx-kesearch-pi1 .kesearch_pagebrowser a:hover { background-color: rgb(166,28,38); } .tx-kesearch-pi1 .kesearch_pagebrowser a::before { display: none; } .tx-kesearch-pi1 .kesearch_pagebrowser ul li + li { margin-left: .5rem; } .tx-kesearch-pi1 #kesearch_results { border-top: .125rem solid #eee; margin-top: 2rem; } .tx-kesearch-pi1 .result-list-item { border-bottom: .125rem solid #eee; padding: 1rem 0; }