/* Swipe 2.0, (C) Brad Birdsall 2012, MIT license */ .content-slider{overflow:hidden;visibility:hidden;position:relative}.slider-wrapper{overflow:hidden;position:relative}.slider-wrapper>*{float:left;width:100%;position:relative}.slider-control{height:30px;position:relative}.slider-control a,.slider-control .slider-menu{position:absolute;top:9px;display:inline-block}.slider-control .slider-prev{left:0}.slider-control .slider-next{right:0}.slider-control .slider-menu{top:0;width:50%;left:50%;margin-left:-25%;font-size:27px;text-align:center}.slider-control .slider-menu b{color:#bbb;cursor:pointer}.slider-control .slider-menu b.active{color:#666} /* ColorBox, (c) 2011 Jack Moore, MIT license */ #colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url("../../assets/jquery/colorbox/1.6.1/images/loading.gif") no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url("../../assets/jquery/colorbox/1.6.1/images/controls.png") no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url("../../assets/jquery/colorbox/1.6.1/images/controls.png") no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url("../../assets/jquery/colorbox/1.6.1/images/controls.png") no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center} /*! normalize.css v3.0.2 | MIT License | git.io/normalize */ /** * 1. Set default font family to sans-serif. * 2. Prevent iOS text size adjust after 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/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 when focused and also mouse hovered in all browsers. */ 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 { -moz-box-sizing: content-box; 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 * (include `-moz` to future-proof). */ input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; } /** * 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; } /*! * Bootstrap v3.3.5 (http://getbootstrap.com) * Copyright 2011-2015 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ /*! * Generated using the Bootstrap Customizer (http://getbootstrap.com/customize/?id=9f7f874477f63f9a287d) * Config saved to config.json and https://gist.github.com/9f7f874477f63f9a287d *//*! * Bootstrap v3.3.5 (http://getbootstrap.com) * Copyright 2011-2015 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) *//*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:0.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-size:10px;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857143;color:#333;background-color:#fff}input,button,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}a{color:#337ab7;text-decoration:none}a:hover,a:focus{color:#23527c;text-decoration:underline}a:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}figure{margin:0}img{vertical-align:middle}.img-responsive{display:block;max-width:100%;height:auto}.img-rounded{border-radius:6px}.img-thumbnail{padding:4px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;display:inline-block;max-width:100%;height:auto}.img-circle{border-radius:50%}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}[role="button"]{cursor:pointer}.container{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}@media (min-width:768px){.container{width:750px}}@media (min-width:992px){.container{width:970px}}@media (min-width:1200px){.container{width:1170px}}.container-fluid{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}.row{margin-left:-15px;margin-right:-15px}.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{position:relative;min-height:1px;padding-left:15px;padding-right:15px}.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666667%}.col-xs-pull-10{right:83.33333333%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666667%}.col-xs-pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666667%}.col-xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}.col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:auto}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666667%}.col-xs-push-10{left:83.33333333%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666667%}.col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}.col-xs-push-0{left:auto}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666667%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-0{margin-left:0}@media (min-width:768px){.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666667%}.col-sm-pull-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-sm-pull-7{right:58.33333333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.col-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66666667%}.col-sm-pull-1{right:8.33333333%}.col-sm-pull-0{right:auto}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666667%}.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:auto}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666667%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-0{margin-left:0}}@media (min-width:992px){.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666667%}.col-md-pull-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-md-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.col-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.66666667%}.col-md-pull-1{right:8.33333333%}.col-md-pull-0{right:auto}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666667%}.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:auto}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666667%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-0{margin-left:0}}@media (min-width:1200px){.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666667%}.col-lg-pull-10{right:83.33333333%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666667%}.col-lg-pull-7{right:58.33333333%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666667%}.col-lg-pull-4{right:33.33333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.66666667%}.col-lg-pull-1{right:8.33333333%}.col-lg-pull-0{right:auto}.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66666667%}.col-lg-push-10{left:83.33333333%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666667%}.col-lg-push-7{left:58.33333333%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666667%}.col-lg-push-4{left:33.33333333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.66666667%}.col-lg-push-1{left:8.33333333%}.col-lg-push-0{left:auto}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666667%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-0{margin-left:0}}.breadcrumb{padding:8px 15px;margin-bottom:20px;list-style:none;background-color:#f5f5f5;border-radius:4px}.breadcrumb>li{display:inline-block}.breadcrumb>li+li:before{content:"/\00a0";padding:0 5px;color:#ccc}.breadcrumb>.active{color:#777}.alert{padding:15px;margin-bottom:20px;border:1px solid transparent;border-radius:4px}.alert h4{margin-top:0;color:inherit}.alert .alert-link{font-weight:bold}.alert>p,.alert>ul{margin-bottom:0}.alert>p+p{margin-top:5px}.alert-dismissable,.alert-dismissible{padding-right:35px}.alert-dismissable .close,.alert-dismissible .close{position:relative;top:-2px;right:-21px;color:inherit}.alert-success{background-color:#dff0d8;border-color:#d6e9c6;color:#3c763d}.alert-success hr{border-top-color:#c9e2b3}.alert-success .alert-link{color:#2b542c}.alert-info{background-color:#d9edf7;border-color:#bce8f1;color:#31708f}.alert-info hr{border-top-color:#a6e1ec}.alert-info .alert-link{color:#245269}.alert-warning{background-color:#fcf8e3;border-color:#faebcc;color:#8a6d3b}.alert-warning hr{border-top-color:#f7e1b5}.alert-warning .alert-link{color:#66512c}.alert-danger{background-color:#f2dede;border-color:#ebccd1;color:#a94442}.alert-danger hr{border-top-color:#e4b9c0}.alert-danger .alert-link{color:#843534}@-webkit-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@-o-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}.progress{overflow:hidden;height:20px;margin-bottom:20px;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);box-shadow:inset 0 1px 2px rgba(0,0,0,0.1)}.progress-bar{float:left;width:0%;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#337ab7;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);-webkit-transition:width .6s ease;-o-transition:width .6s ease;transition:width .6s ease}.progress-striped .progress-bar,.progress-bar-striped{background-image:-webkit-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:-o-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);-webkit-background-size:40px 40px;background-size:40px 40px}.progress.active .progress-bar,.progress-bar.active{-webkit-animation:progress-bar-stripes 2s linear infinite;-o-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite}.progress-bar-success{background-color:#5cb85c}.progress-striped .progress-bar-success{background-image:-webkit-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:-o-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent)}.progress-bar-info{background-color:#5bc0de}.progress-striped .progress-bar-info{background-image:-webkit-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:-o-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent)}.progress-bar-warning{background-color:#f0ad4e}.progress-striped .progress-bar-warning{background-image:-webkit-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:-o-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent)}.progress-bar-danger{background-color:#d9534f}.progress-striped .progress-bar-danger{background-image:-webkit-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:-o-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent)}.media{margin-top:15px}.media:first-child{margin-top:0}.media,.media-body{zoom:1;overflow:hidden}.media-body{width:10000px}.media-object{display:block}.media-object.img-thumbnail{max-width:none}.media-right,.media>.pull-right{padding-left:10px}.media-left,.media>.pull-left{padding-right:10px}.media-left,.media-right,.media-body{display:table-cell;vertical-align:top}.media-middle{vertical-align:middle}.media-bottom{vertical-align:bottom}.media-heading{margin-top:0;margin-bottom:5px}.media-list{padding-left:0;list-style:none}.well{min-height:20px;padding:19px;margin-bottom:20px;background-color:#f5f5f5;border:1px solid #e3e3e3;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.05);box-shadow:inset 0 1px 1px rgba(0,0,0,0.05)}.well blockquote{border-color:#ddd;border-color:rgba(0,0,0,0.15)}.well-lg{padding:24px;border-radius:6px}.well-sm{padding:9px;border-radius:3px}.clearfix:before,.clearfix:after,.container:before,.container:after,.container-fluid:before,.container-fluid:after,.row:before,.row:after{content:" ";display:table}.clearfix:after,.container:after,.container-fluid:after,.row:after{clear:both}.center-block{display:block;margin-left:auto;margin-right:auto}.pull-right{float:right !important}.pull-left{float:left !important}.hide{display:none !important}.show{display:block !important}.invisible{visibility:hidden}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.hidden{display:none !important}.affix{position:fixed} @charset "UTF-8"; /* =========================================== * Fonts * ======================================== */ @font-face { font-family: "RockSolid Icons"; src: url("../../files/DRA/fonts/rocksolid-icons.eot"); src: url("../../files/DRA/fonts/rocksolid-icons.eot?#iefix") format('eot'), url("../../files/DRA/fonts/rocksolid-icons.woff") format('woff'), url("../../files/DRA/fonts/rocksolid-icons.ttf") format('truetype'), url("../../files/DRA/fonts/rocksolid-icons.svg") format('svg'); font-weight: normal; font-style: normal; } /* =========================================== * General styles * ======================================== */ html { position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-tap-highlight-color: #dc1b3c; } body { font: 16px/1.5 "PT Serif", serif; /*font-smooth: auto; -webkit-font-smoothing: antialiased;*/ -moz-osx-font-smoothing: grayscale; text-shadow: 1px 1px 1px rgba(0,0,0,0.004); color: #343434; background: #f5f5f5 none 50% 0 no-repeat scroll; background-size: auto; } p { font: 16px/1.5 "PT Serif", serif; /* -moz-hyphens: auto; -o-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; */ } h1, h2, h3, h4, h5, h6 { -webkit-margin-before: 0px!important; -webkit-margin-after: 0px!important; margin-before: 0px!important; margin-after: 0px!important; font-family: "PT Sans", sans-serif; -moz-hyphens: auto; -o-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } .main h1, .main h2, .main h3, .main h4, .main h5, .main h6 { font-family: "PT Sans", sans-serif; margin-bottom: 0.3em; margin-top: 0; font-weight: bold; line-height: 1.6; -webkit-margin-before: 0px; -webkit-margin-after: 0px; } .main h3, .main h4, .main h5, .main h6 { line-height: 1.2; -webkit-margin-before: 0px; -webkit-margin-after: 0px; } .main h1 { padding-top:0.5em; } .ce_text { text-rendering: optimizeLegibility !important; /*-webkit-font-smoothing: antialiased !important;*/ } figure { overflow: hidden; } figure img{ overflow: hidden; max-width: 100%; height: auto; } a { color: #dc1b3c; text-decoration: none; transition: color 0.2s; -webkit-transition: color 0.2s; -moz-transition: color 0.2s; -o-transition: color 0.2s; } a:hover, a:focus { text-decoration: underline; } a:hover, a:active { outline: 0; } /* =========================================== * Wrapper Elements * ======================================== */ .page { zoom: 1; position: relative; max-width: 1100px; margin: 0 auto; } div.wrapper { padding-left: 2em; padding-right: 2em; } div#container { background: #fff; padding: 2em; padding-top:1em; clear: both; } div.content { margin-top: em; } .mod_article .row { /*margin: 0px;*/ } div.homepage div#container { padding: 0px; background: none; } div.homepage #main .inside, div.homepage #left .inside, div.homepage #right .inside { background: #fff; } /* =========================================== * Elements in order of appearance in HTML * ======================================== */ .logo { position: relative; top: 10px; } .header-navigation { font-family: "PT sans", sans-serif; position: absolute; top: 1.1em; right: 20em; z-index: 1; font-size: 0.7em; letter-spacing: 0.08333em; color: #000; text-transform: uppercase; } .lang-fr .header-navigation { right: 22em; } .header-navigation.ru { right: 22em; } .mitgliedspenden { font-family: "PT sans", sans-serif; position: absolute; right: 0; z-index: 1; font-size: 0.7em; letter-spacing: 0.08333em; color: #000; text-transform: uppercase; } .header-navigation ul, .mitgliedspenden ul { margin: 0; padding: 0; display: inline; } .header-navigation li, .mitgliedspenden li { display: inline; } .mitgliedspenden li a { background: #dc1b3c; color: #fff; padding-top: 0.7em; padding-bottom: 0.7em; padding-left: 1em; padding-right: 1em; } .header-navigation li:before { content: " • "; margin: 0 0.16667em; color: #dc1b3c; } .header-navigation li:first-child:before { content: none; } .header-navigation a { color: inherit; } .header-navigation a:hover, .header-navigation a:focus { text-decoration: none; color: #dc1b3c; } a.facebook_link{ /*background: url("../../files/DRA/img/facebook.png") no-repeat; background-size:30px 30px;*/ height: 30px; width: 30px; position: absolute; top: 4.3em; right: 0px; z-index: 20000; cursor: pointer; } a.facebook_link:hover{ /*background: url("../../files/DRA/img/facebook_active.png") no-repeat; background-size:30px 30px;*/ height: 30px; width: 30px; z-index: 20005; } .mod_changelanguage { font-family: "PT sans", sans-serif; position: absolute; top: 3.3em; right: 2.1em; z-index: 30000; } .mod_changelanguage ul li { display: inline-block; background: #dc1b3c; height: 30px; width: 30px; border-radius: 15px; font-size: 0.7em; line-height: 2.8; letter-spacing: 0.08333em; vertical-align: middle; text-align: center; } .mod_changelanguage li a { cursor: pointer; background: #dc1b3c; color: #fff; } .main-navigation-wrapper { position: relative; clear: both; } .main-navigation { /* clearfix */ font-family: "PT sans", sans-serif; overflow: hidden; margin-right: 3.55556em; font-size: 1.1em; vertical-align: middle; font-weight: bold; } .main-navigation ul.level_1, .main-navigation .level_1 li { margin: 0; padding: 0; display: inline; float: left; } .main-navigation li a:before, .main-navigation li span:before { content: " • "; vertical-align: middle; font-size: 2em; /*color: #f5f5f5;*/ color: #dedede; } .main-navigation a, .main-navigation li > span { float: left; padding: 0.75em 1.2em; color: inherit; text-decoration: none; } .main-navigation a.trail, .main-navigation a.active, .main-navigation li > span.trail, .main-navigation li > span.active { color: #dc1b3c; } .main-navigation a:hover, .main-navigation a:focus { color: #dc1b3c; } .main-navigation li a:hover:before, .main-navigation li a:focus:before, .main-navigation span.active:before, .main-navigation a.trail:before { content: " • "; vertical-align: middle; font-size: 2em; color: #dc1b3c; } .main-navigation .first a, .main-navigation span.active.first, .main-navigation a.first, .main-navigation li.first, .main-navigation .first li > span { padding-left: 0; margin-left: 0; } .main-navigation li:first-child > a, .main-navigation li:first-child > span { border-left: 0; } .main-navigation ul.level_2 li.first { } .main-navigation ul.level_2 .first a, .main-navigation ul.level_2 span.active.first, .main-navigation ul.level_2 a.first, .main-navigation ul.level_2 li.first, .main-navigation ul.level_2.first li > span { padding-left: 0.65em; } .main-navigation ul.level_2 { font-size: 0.9em; position: absolute; padding: 0px; float: none; z-index: 1000; margin-top: 4em; visibility: hidden; opacity: 0; background: #f5f5f5; border: 1px #dedede solid; border-top:none; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -ms-transition: opacity 0.3s; -o-transition: opacity 0.3s; -transition: opacity 0.3s; } .main-navigation ul.level_2 a { color: #000; } .main-navigation ul.level_2 li:hover a { color: #dc1b3c; } .main-navigation ul.level_2 li { line-height: 0.8; display: block; float: none; clear:both; background-color: #fff; color:#000; } .main-navigation ul.level_2 li.active a { background-color: #fff!important; } .mod_navigation ul li ul li:hover { /* background-color: #000;*/ } .main-navigation ul li:hover ul { position: absolute; display: block; opacity: 1; visibility: visible; } .main-navigation-search { position: absolute; font-family: "pt sans", sans-serif; font-size: 0.9em; right: 0px; top: 0.9em; background: #fff; } .main-navigation-search input { padding-left: 1em; padding-top: 0.5em; padding-bottom: 0.5em; border: none; margin: 0px; } .main-navigation-search:hover input, .main-navigation-search input:hover, .main-navigation-search input:focus { } .main-navigation-search button { margin-left: -1em; background: #fff; display: none; } .main-navigation-search:after { font: .8em/1 "RockSolid Icons"; content: "\e0cb"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; text-align: center; color: #dc1b3c; padding-right: 1em; } .main-navigation-search button:after { font: .8em/1 "RockSolid Icons"; content: "\e0cb"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; text-align: center; color: #dc1b3c; } .main-navigation-search button:hover, .main-navigation-search button:focus { color: #dc1b3c; } /* SUB-NAVIGATION */ .sub-navigation { /* clearfix */ font-family: "PT sanf", sans-serif; font-weight: bold; font-size: 0.9em; overflow: hidden; border: 1px solid #dedede; padding: 1em; margin-bottom: 2em; background: #f5f5f5; } .sub-navigation a { color: #343434; } .sub-navigation a:hover { color: #dc1b3c; text-decoration: none; } .sub-navigation ul, .sub-navigation li { margin: 0; padding: 0; list-style: none; } .sub-navigation ul li{ padding-bottom: 8px; padding-top: 8px; border-bottom: 1px solid #dedede; } .sub-navigation ul span { min-height: 38px; } .sub-navigation span.active, .sub-navigation a.trail { line-height: 26px; position: relative; bottom: 3px; vertical-align: middle; } .sub-navigation a.trail, .sub-navigation a.active, .sub-navigation li > span.trail, .sub-navigation li > span.active, .sub-navigation span.active { color: #dc1b3c!important; } .sub-navigation ul li.submenu { margin-bottom: 0px; padding-bottom: 0px; } .sub-navigation ul.level_1 li.last{ border: none; } .sub-navigation ul.level_2 li.first{ border-top: 1px solid #dedede; } .sub-navigation ul.level_2 li{ padding-left: 1em; font-size: 0.9em; } .sub-navigation ul.level_3 li { padding-left: 1em; } .sub-navigation ul.level_2 li { list-style: none; } .breadcrumb { font-family: "pt sans", sans-serif; font-size: 1em; } /* =========================================== * Content styles * ======================================== */ .content-wrapper { margin-top: 1em; } h1.ce_headline.first { /*border-top: 1px solid #dedede; */ } .left_sidebar .pure_inside, .main-content .pure_inside{ margin-right: 1em; } .main-content .pure_inside { background-color: #fff; } .left_sidebar .pure_inside { background-color: #fff; } div.main { } .main .pure_inside { margin: 0.5em; } /* TESTIMONIAL */ blockquote { margin: 0px; -webkit-margin-before: 0px; padding-left: 0.5em; padding-right: 0.5em; } blockquote.testimonial { } blockquote.testimonial .inside { padding-bottom: 2em; padding-top: 1em; } blockquote.testimonial p { font-family: "PT Serif"; font-style: italic; font-size: 0.9em; margin-bottom: 2em; } blockquote.testimonial small { font-weight: bold; float: right; text-align: right; font-family: "pt sans", sans-serif; margin-bottom: 0.5em; border-bottom: 1px solid #dedede; width: 100%; } .testimonial-author img { width: 100px; height: 100px; border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px; overflow:hidden; margin-left: 0.5em; } .testimonial-author { float: right; } blockquote.testimonial p:before, blockquote.testimonial p:after { content: "\201C"; position: relative; font-size: 3em; line-height: 0.2; font-style: normal; color: #dedede; } blockquote.testimonial p:before { top: 0; } blockquote.testimonial p:after { content: "\201D"; bottom: -1em; } .author-box img { float: left; margin: 0px; margin-right: 1em; margin-bottom: 1em; border-radius:100%; } .author-box p{ margin-top: 0px; -webkit-margin-before: 0px; } img.img-rounded { border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; -o-border-radius:100%; margin: 0px; padding: 0px; } .main-content ul { list-style: disc; } .main-content ul ul { margin-top: 0; } /* =========================================== * Page Teaser * ======================================== */ .ce_page_teaser { margin-bottom: 2em; } .ce_page_teaser .inside { background:#f5f5f5; border: 1px solid #dedede; padding-top: 0px; padding-bottom: 0.5em; } .ce_page_teaser h3 { margin-top: 0.5em!important; } .ce_page_teaser p { margin-top: 0.5em; margin-bottom: 0.5em; padding-left: 1.5em; padding-right: 1em; font-size: 0.8em; opacity: 0.9; } .ce_page_teaser a.more { padding-left: 1.5em; font-size: 0.8em; } .ce_page_teaser .image_container { padding: 0px; overflow: hidden; } .ce_page_teaser h3 { padding-left: 1em; padding-right: 1em; margin-bottom: 0.2em; } .ce_page_teaser h3 a { line-height: 1.5!important; font-weight: bold; color:#343434; } /* =========================================== * Aktuelles * ======================================== */ .pure_inside h2 { color: #343434; text-transform: uppercase; padding-top: 1em; padding-bottom: 1em; letter-spacing: 0.05em; margin: 0px; } .pure_inside h2 a { color: #343434; text-transform: uppercase; margin-left: 1em; } .pure_inside h2 a:hover { text-decoration: none; color:#dc1b3c; } .news-image-teaser p { font-size: 0.8em; opacity: 0.9; color:#5e5e5e; } .alle { border-top: 1px solid #dedede; border-bottom: 1px solid #dedede; padding-top: 1em; padding-bottom: 1em; padding-left: 1em; } .alle a { font-size: 1.5em; font-weight: bold; text-transform: uppercase; padding-top: 1em; padding-bottom: 1em; letter-spacing: 0.05em; margin: 0px; color: #343434; text-transform: uppercase; cursor: pointer; } .alle a:hover { text-decoration: none; color:#dc1b3c; } .news-image-teaser { border: none; border-top: 1px solid #dedede; padding-left: 1.5em; padding-right: 2em; padding-top: 1em; padding-bottom: 1em; margin-bottom: 1em; } .news-image-teaser h3, .news-image-teaser h3 a { font-weight: bold; color: #343434; margin-top: 0px; margin-bottom: 0px; font-size: 16px; line-height: 1.2; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; } .mod_news4wardList h3 a:hover , .news-image-teaser h3 a:hover, .ce_page_teaser h3 a:hover { color:#dc1b3c; text-decoration: none; } .news-image-teaser p { margin-top: 0.5em; -webkit-margin-before:0px!important; margin-bottom: 0px; text-align: justify; } .news-image-teaser img { float:left; } .news-image-teaser img { margin-right: 20px; margin-bottom: 0px; } .news-image-teaser time, p.info { font-size: 12px; color:#7c7e80; font-family: "PT Sans", sans-serif; opacity: 0.9; } .news-image-teaser time { top: -3px; position: relative; font-weight: bold; } .news-image-teaser ul.tag-chain { } ul.tagged { padding-left: 0px!important; position: absolute; top:-22px; } ul.tagged li { list-style: none; } p.tag-chain-item a, ul.tagged li a{ font-size: 12px; font-family: "PT Sans", sans-serif; padding-left: 0.5em; padding-right: 0.5em; margin-right: 0.5em; background-color: #dc1b3c; color: #fff; } .news-image-teaser p.tag-chain-item a{ font-size: 12px; font-family: "PT Sans", sans-serif; padding-left: 0.5em; padding-right: 0.5em; margin-right: 0.5em; background-color: #dc1b3c; color: #fff; float: left; } .layout_full p.tag-chain-item a { font-size: 12px; font-family: "PT Sans", sans-serif; padding-left: 0.5em; padding-right: 0.5em; margin-right: 0.5em; background-color: #dc1b3c; color: #fff; float: left; position: relative; top: 0.5em; } .layout_full time { font-size: 12px; } .more, .news-image-teaser-more { font-family: "PT Sans", sans-serif; } /* VERANSTALTUNGEN */ .event_titel { font-weight: bold; color:#343434; width: 100%; position: relative; } a.eventlink { text-decoration: none!important; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; } a.eventlink, a.eventlink:hover { text-decoration: none!important; } div.eventlink { transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; } div.eventlink:hover { opacity: 0.85!important; } .event_titel:hover { /*color:#dc1b3c;*/ text-decoration: none; } .layout_upcoming .event_titel, .layout_projekte .event_titel { font-size: 15px!important; line-height: 1.3!important; padding-left: 1em; padding-right: 1em; width: 100%; padding-top: 1em; padding-bottom: 1em; /*height: 2.5em;*/ /*top: -60px;*/ } .event_date .date { background: rgba(0, 0, 0, 0.6); padding: 0.4em; padding-left: 0.8em; color:#fff; position: absolute; z-index: 15; /*top:20px;*/ } .event_date .day { font-size: 2.5em; } .event_date .month { font-size: 0.6em; text-transform: uppercase; position: relative; top:-2em; left:-1.8em; } .event_date .year::before { content: "/"; } .event_date .year { font-size: 0.6em; position: relative; top:-2em; left:-1.8em; } time span.minus { visibility: hidden; } time span.minus:before { content: "—"; visibility: visible; font-weight: bold; vertical-align:super; margin-right: -10px; margin-left: -5px; } a .layout_upcoming img:hover { opacity: 1!important; } .layout_upcoming, .event_teaser_image { margin: 0px; padding: 0px; } .event_teaser_image { overflow: hidden; } div.event.layout_upcoming, div.event.layout_projekte .pure_inside{ /*border-bottom: 1em solid #fff;*/ background-color: #dfe0e1; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; margin-bottom: 1em; /*position: relative; top:-67px;*/ -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } div.event.layout_upcoming.last{ margin-bottom: 0px; } .layout_upcoming .event_teaser_image { /*position: relative; top:-67px;*/ } .layout_upcoming { background: #fff; } /* AKKORDEON */ div.panel-body div.ce_text { padding-bottom: 2em; padding-top: 1em; border-bottom: 1px solid #dedede; } div.panel-body div.ce_text img{ outline: 1px solid #dedede; } .panel { border: none; margin-bottom: 0px; border-radius: 0px; margin-bottom: 0px; } .panel-default>.panel-heading { background: none; border-radius: 0px; } .panel-title { font-size: 1.17em; font-weight: bold; font-family: "PT Sans", sans-serif; } .ce_accordion .toggler, div.panel-heading { padding: 0.33333em 0; border-bottom: 1px solid #dedede; outline: none; /*font-size: 1.3em;*/ font-weight: bold; font-family: "PT Sans", sans-serif; color: #343434; cursor: pointer; vertical-align: middle; clear: both; transition: all 0.2s; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; } .ce_accordion .toggler:before, div.panel-heading:before { font: 13px/1 "RockSolid Icons"; content: "\e009"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; top: 0.42857em; right: 0.5em; float: right; color: #ffffff; background: #dc1b3c; height: 13px; width: 13px; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; -o-border-radius: 100%; margin-left: 1em; } .ce_accordion .toggler:hover, .ce_accordion .toggler.active, div.panel-heading:hover, div.panel-heading.active { text-decoration: none; color: #dc1b3c; background: #f5f5f5; padding-left: 1em; } /* .ce_accordion .toggler:hover:before { font-size: 1em; top: 0.22222em; } */ .ce_accordion .toggler.ui-accordion-header-active:before, div.panel-heading.ui-accordion-header-active:before { content: "\e00c"; } .ui-accordion-content { margin-top: 1em; } /* CALENDAR */ /* .calendar .today{background-color:#fcf8e3;} .calendar th.previous{padding-left:0.75em;text-align:left;border-left:1px solid #acacac;} .calendar .header{margin:1px;padding:1px;color:#000;font-size: 0.8em; font-weight:bold;} .calendar th.next{padding-right:0.75em;text-align:right;border-right:1px solid #acacac;} .calendar .event{position:relative;margin:3px;padding:1px 2px;} .calendar th a{text-decoration:none;color:#5e5e5e;} .calendar th a:hover{text-decoration:underline;} .calendar .event a{display:block;font-size:1em;text-decoration:none;} .calendar .event a:hover{text-decoration:underline;} .calendar .label{padding-top:2px;padding-bottom:2px;text-align:center;border-right:1px solid #acacac;font-weight:bold;color:#333333;border-left:1px solid #acacac;} .calendar td{width:110px;height:7em;vertical-align:top;border-right:1px solid #acacac;border-bottom:1px solid #acacac;} .calendar .col_first{border:1px solid #acacac;border-bottom:1px solid #acacac;!important} .calendar table{width:98%;background-color:#f5f5f5;border-collapse:separate;table-layout: fixed;} .calendar .weekend{background-color:#f2dede;} .calendar .head{padding-top:0.5em;padding-bottom:0.5em;text-align:center;border:1px solid #acacac;} .interner_cal_leser { margin-top: 1em; margin-bottom: 1em; } .interner_cal_leser p.back { display: none; } */ /* ----------------------------------------------------------------------- */ /* css eventmodul */ /* ----------------------------------------------------------------------- */ /* kleiner Kalender - fuege Klassen "calendar mini" in das Modul ein */ .calendar.mini {width: 100%;border-left: none; border-top: none;} .calendar.mini td {width: 14% !important;max-width: 14%;height: 25px;padding: 1px 7px;text-align: center;border-right: 1px solid #ddd;border-bottom: 1px solid #ddd;} .calendar.mini td.col_first {border-left: 1px solid #ddd;} .calendar.mini .label, table.calendar.mini .weekend.label {color: #666;} .mod_calendar {overflow-x: auto !important;} /* großer Kalender - fuege Klasse "calendar" in das Modul ein */ .calendar1 td a {word-wrap:break-word;} .calendar1 td {max-width: 70px;} .calendar1 td, .calendar .active a {font-size: 0.9em; paddingx-bottom: 0.5em; padding-top: 0.5em;border-bottom: 1px solid #fff;} .calendar1 {width: 100%; border-top: 1px solid #ddd; border-left: 1px solid #ddd;font-family: "PT Sans", sans-serif;} /* 1. zeile - navigation */ .calendar1 th {border: 1px solid #ddd;} .calendar1 .head {padding-top: 3px; padding-bottom: 4px; text-align: center; border-right: 1px solid #ddd; background-color: #dc1b3c; border-bottom: 1px solid #ddd;} .calendar1 .head.current {color: #fff;} .calendar1 th.head.next,.calendar1 th.head.previous {background-color: #6B6B6B;} .calendar1 th.head.next a,.calendar1 th.head.previous a {color: #fff!important;} .calendar1 th.head.next:hover a,.calendar1 th.head.previous:hover a {color: #fff;} .calendar1 thead th.head.next:hover,.calendar1 th.head.previous:hover {background-color: #dc1b3c;} /* 2. Zeile - name wochentage */ .calendar1 .label, table.calendar1 .weekend.label {padding-top: 2px; padding-bottom: 3px; text-align: center; font-size: 10px; background-color:#D3D3D3; color: #666;} /* tabellenzellen */ .calendar1 .today{background-color:#f0f3f6}.calendar1 th.previous{padding-left:.75em;text-align:left;border-left:1px solid #dfdfdf}.calendar1 .header{margin:1px;padding:1px;background-color:#e6e6e6;font-size:.9em;color:#666}.calendar1 th.next{padding-right:.75em;text-align:right;border-right:1px solid #dfdfdf}.calendar1 .event{position:relative;margin:3px;padding:1px 2px}.calendar1 th a{text-decoration:none;}.calendar1 .event a{display:block;font-size:1em; font-weight:bold;text-decoration:none;color:#333}.calendar1 .event a{display:inline}.calendar1 .event a:hover{text-decoration:underline}.calendar1 .label{padding-top:2px;padding-bottom:2px;text-align:center;;border-right:1px solid #dfdfdf;font-weight:bold;color:#333;border-left:1px solid #dfdfdf}.calendar1 td{width:106px;height:7em;vertical-align:top;border-right:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf}.calendar1 .col_first{border-left:1px solid #dfdfdf}.calendar1 table{width:750px;background-color:#fcfcfc;table-layout: fixed}.calendar1 .weekend{background-color:#f7f9fa} /* großer Kalender - fuege Klasse "calendar" in das Modul ein */ .timetable td a {display: block; word-wrap:break-word;} .timetable td {} .timetable td, .timetable .active a {font-size: 0.9em; paddingx-bottom: 0.5em; padding-top: 0.5em;border-bottom: 1px solid #fff;} .timetable {width: 100%; border-top: 1px solid #ddd; border-left: 1px solid #ddd;font-family: "PT Sans", sans-serif;} /* 1. zeile - navigation */ .timetable th {border: 1px solid #ddd;} .timetable .head {padding-top: 3px; padding-bottom: 4px; text-align: center; border-right: 1px solid #ddd; background-color: #992700; border-bottom: 1px solid #ddd;} .timetable .head.current {color: #fff;} .timetable th.head.next,.timetable th.head.previous {background-color: #6B6B6B;} .timetable th.head.next a,.timetable th.head.previous a {color: #fff;} .timetable th.head.next:hover a,.timetable th.head.previous:hover a {color: #fff;} .timetable thead th.head.next:hover,.timetable th.head.previous:hover {background-color: #cc3300;} /* 2. Zeile - name wochentage */ .timetable .label, table.timetable .weekend.label {padding-top: 2px; padding-bottom: 3px; text-align: center; font-size: 10px; background-color:#D3D3D3; color: #666;} .calendar1 a { cursor: pointer; } .calendar1 a:hover { text-decoration: none!important; } .calendar1 .kalendertitel { border-bottom: 1px solid #333; } .calendar1 small { font-size: 0.7em; opacity: 0.5; line-height: 50%; } .calendar1 .kalenderteaser p{ position: absolute; left: 115px; top:0px; background: #f5f5f5; font-size: 1em!important; font-family: "PT sans", sans-serif; opacity: 0; } .calendar1 .kalenderteaser p:hover { opacity: 1; } a.tooltip { position: relative; text-decoration: none; } a.tooltip:after { content: attr(data-tooltip); position: absolute; bottom: 130%; left: 20%; background: #ffcb66; padding: 5px 15px; color: black; -webkit-border-radius: 10px; -moz-border-radius : 10px; border-radius : 10px; white-space: pre-wrap; opacity: 0; -webkit-transition: all 0.4s ease; -moz-transition : all 0.4s ease; transition : all 0.4s ease; z-index: 100; font-size: 0.8em; font-weight: normal; } a.tooltip:before { content: ""; position: absolute; width: 0; height: 0; border-top: 20px solid #ffcb66; border-left: 20px solid transparent; border-right: 20px solid transparent; -webkit-transition: all 0.4s ease; -moz-transition : all 0.4s ease; transition : all 0.4s ease; opacity: 0; left: 30%; bottom: 90%; } a.tooltip:hover:after { bottom: 100%; } a.tooltip:hover:before { bottom: 70%; } a.tooltip:hover:after, a:hover:before { opacity: 1; } .calendar1 .event { background-color: rgba(0,0,0,0.1); } .calendar1 .blau { background-color: #d9edf7; } .calendar1 .rot { background-color:#f2dede; } .calendar1 .gruen { background-color:#dff0d8; } .calendar1 .gelb { background-color:#fcf8e3; } .calendar1 .blauneu { background-color: #5bc0de; } .calendar1 .rotneu { background-color:#d9534f; } .calendar1 .gruenneu { background-color:#5cb85c; } .calendar1 .gelbneu { background-color:#f0ad4e; } /* =========================================== * Form styles * ======================================== */ form p b.error, form p.error { display: none; } form input:focus, form input:active { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none!important; outline: none!important; } :focus { outline: none!important; } /* =========================================== * Content elements * ======================================== */ .newsletter-box { padding: 1.33333em; background-size: cover; background: #dfe0e1; text-align: center; } .newsletter-box h3 { color:#343434; font-size: 16px; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; } .newsletter-box .formbody { position: relative; max-width: 100%; margin: 0.66667em 0 0; } .newsletter-box .formbody input.text { width: 80%; display: block; text-align: center; margin-left: auto; margin-right: auto; background-color: #DFE0E1; background: none!important; border: 3px solid #fff; font-size: 13px; padding: 0.72222em; color:#000!important; margin-bottom: 1em; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; } .newsletter-box .formbody select { text-indent: 65px; background: #DFE0E1; width: 80%; display: block; text-align: center; margin-left: auto; margin-right: auto; border: 3px solid #fff; font-size: 13px; padding: 0.5em; color: rgba(0,0,0,0.5); margin-bottom: 1em; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; } .newsletter-box .formbody select option { text-align: center; } .newsletter-box .formbody input.text:focus { border: 3px solid #000; } .newsletter-box .formbody input::-webkit-input-placeholder { color: rgba(0,0,0,0.5); /*text-transform: uppercase;*/ } .newsletter-box .formbody input::-moz-placeholder { color: rgba(0,0,0,0.5); /*text-transform: uppercase;*/ } .newsletter-box .formbody input:-moz-placeholder { /* Older versions of Firefox */ color: rgba(0,0,0,0.5); /*text-transform: uppercase;*/ } .newsletter-box .formbody input:-ms-input-placeholder { color: rgba(0,0,0,0.5); /*text-transform: uppercase;*/ } .newsletter-box .formbody input.submit, .newsletter-box .formbody button { border: 0 rgba(0,0,0,0); overflow: hidden; margin: 0; padding-top: 0.72222em; padding-bottom: 0.69em; padding-left: 1em; padding-right: 1em; color: #fff!important; font-size: 13px; letter-spacing: 0.5px; font-family: "PT Sans"; text-transform: uppercase; margin-top: 1.5em; margin-left: auto; margin-right: auto; width: auto; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; } .newsletter-box .formbody .checkbox { display: inline; } .newsletter-box .formbody .checkbox_container label{ font-size: 14px; } /* =========================================== * Slider styles * ======================================== */ .rsts-skin-default .rsts-caption { right:20px!important; font-size: 1.5em; } /* =========================================== * Gallery styles * ======================================== */ .ce_gallery .thumbnail { border: none; } figcaption { font-family: "PT Sans", sans-serif; font-size: 0.8em; color: #5e5e5e; } .thumbnail .caption { color: #5e5e5e; background: #f5f5f5; padding: 0px; text-align: center; margin-top: 1em; } /* =========================================== * Module styles (Search, FAQ, News, Events, Comments, Sitemap etc.) * ======================================== */ .bg-white { background: #fff; } .bg-red { background: #dc1b3c; } .bg-grey { background-color: #dfe0e1; } .pt-sans, .pt-sans p { font-family: "PT sans", sans-serif!important; } /* =========================================== * Footer styles * ======================================== */ footer { background-color: #fff!important; margin-top: 2em; min-height: 3em; padding-top: 1em; padding-left: 2em; padding-right: 2em; width:100%; font-family: "PT Sans", sans-serif; } .footer-navigation-wrapper { /* clearfix */ overflow: hidden; margin: 3.33333em 0 0; padding: 1.83333em 0; border-top: 1px solid #dedede; font-size: 0.7em; font-weight: 600; color: #8a8a8a; text-transform: uppercase; } @media screen and (max-width: 599px) { .footer-navigation-wrapper { font-size: 0.8em; } } .footer-navigation { max-width: 1122px; margin-left: auto; margin-right: auto; font-size: 0.66667em; letter-spacing: 0.08333em; color: #000; text-transform: uppercase; } .footer-navigation a:hover { color: #dc1b3c; text-decoration: none; } @media screen and (max-width: 900px) { .footer-navigation { float: none; } } .footer-navigation ul { margin: 0; padding: 0; } .footer-navigation li { display: inline; } .footer-navigation li:after { content: " "; } .footer-navigation a, .footer-navigation li > span { margin-right: 1.5em; color: inherit; } @media screen and (max-width: 900px) { .footer-info { margin-top: 1em; float: none; } } .footer-info p { margin: 0; } .footer-info a { color: inherit; } @media screen and (max-width: 568px) { .pure-g { letter-spacing: normal!important; } } /* FORMULARE */ /* FORMULARNAVIGATION */ .form_steps ul{ padding-left: 0px!important; } div.form_steps ul li{ display: inline-block; list-style: none; font-size: 0.9em; margin-left: 0px; background-color: #dfe0e1; text-transform: uppercase; font-family: "pt sans", sans-serif; color:#5e5e5e; font-weight: normal; height: 4em; padding-left: 0.8em; padding-right: 0.5em; /*padding-left: 0.8em; padding-top: 0em; padding-bottom: 0.5em; padding-right: 0.2em;*/ letter-spacing: 0.04em; } div.form_steps ul li:after{ font-size:2em; font-family:"RockSolid Icons"; position: relative; top:0.2em; content: "\e00b"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; } div.form_steps ul li.last:after{ font-size:2em; font-family:"RockSolid Icons"; position: relative; top:0.2em; content: "\2714";} div.form_steps ul a{ color: #fff; } div.form_steps ul a:hover{ text-decoration: none; } div.form_steps ul a li:hover{ background-color: #dc1b3c; color: #fff; } div.form_steps ul li.active{ background-color: #5e5e5e; color: #fff; } .form-style-1 { margin:1em auto; padding: 20px 12px 10px 20px; font-family: "PT Sans", sans-serif; padding: 0; display: block; list-style: none; } .form-style-1 div.formbody { margin-left: 1em; } .form-style-1 fieldset { border: none; } .form-style-1 .form-inline { /* display: inline-block;*/ /*float: left;*/ } .form-style-1 .widget.form-inline { /* display: inline-block;*/ float: left; margin-right: 1em; margin-left: 0em; } .form-style-1 .widget { padding: 0; list-style: none; margin: 1.6em 0 0 0; } .form-style-1 label{ font-weight: bold; } .form-style-1 input[type=text], .form-style-1 input[type=password], .form-style-1 input[type=date], .form-style-1 input[type=datetime], .form-style-1 input[type=number], .form-style-1 input[type=search], .form-style-1 input[type=time], .form-style-1 input[type=url], .form-style-1 input[type=email], .form-style-1 input[type=tel], .mod_search form input[type=search], textarea, .form-style-1 select{ background: #f5f5f5; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; border:2px solid #BEBEBE; padding: 7px; margin:0px; -webkit-transition: all 0.30s ease-in-out; -moz-transition: all 0.30s ease-in-out; -ms-transition: all 0.30s ease-in-out; -o-transition: all 0.30s ease-in-out; outline: none; } .form-style-1 div.widget-upload input[type=text]{ display: none; } .form-style-1 div.widget-upload .sr-only { position: relative; } .form-style-1 div.widget-upload .input-group-btn:last-child>.btn { border-bottom-left-radius: 4px; border-top-left-radius: 4px; } .mod_search form input[type=search] { width: 70%; } .form-style-1 select, #tl_subscribe select { -webkit-appearance: none; border-radius: 0px; /*height: 2.5em;*/ } .form-style-1 h1, .form-style-1 h2 { margin-top: 2em; } .form-style-1 p.error { color: #dc1b3c; position: absolute; font-family: "PT Sans", sans-serif; font-size: 0.8em; margin-top: 3.4em; } .form-style-1 input[type=text]:focus, .form-style-1 input[type=date]:focus, .form-style-1 input[type=datetime]:focus, .form-style-1 input[type=number]:focus, .form-style-1 input[type=search]:focus, .mod_search form input[type=search]:focus, .form-style-1 input[type=time]:focus, .form-style-1 input[type=url]:focus, .form-style-1 input[type=email]:focus, .form-style-1 input[type=tel]:focus, .form-style-1 textarea:focus, .form-style-1 select:focus{ background: #fff; /*-moz-box-shadow: 0 0 8px #88D5E9; -webkit-box-shadow: 0 0 8px #88D5E9; box-shadow: 0 0 8px #88D5E9;*/ border: 2px solid #dc1b3c!important; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .form-style-1 input[type=text].betrag, .form-style-1 .input-group-addon { border:2px solid #BEBEBE; } .form-style-1 .input-group-addon { border-left:0px; } .form-style-1 .field-divided{ width: 48.5%; display: inline-block; } .form-style-1 .field-divided{ width: 48.5%; display: inline-block; } .form-style-1 .plz{ width: 20%; display: inline-block; } .form-style-1 .field-divided input, .form-style-1 .plz input{ width: 100%; } .form-style-1 .field-long{ width: 100%; } .form-style-1 .field-select{ width: 100%; } .form-style-1 input[type=submit], .form-style-1 input[type=button], .mod_search form input[type=submit], form input[type=submit],button, .button, input[type="submit"], input[type="reset"], input[type="button"]{ font-family: "PT Sans", sans-serif; margin-top: 2em; text-transform: uppercase!important; font-weight: normal; letter-spacing: 0.08333em; background: #dc1b3c; padding: 8px 15px 8px 15px; border: none; color: #fff!important; margin-bottom: 1em; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; } .form-style-1 input[type=submit].back { background-color: #dedede; color: #5e5e5e!important; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; } .form-style-1 input[type=submit].back:hover { color: #000!important; background-color: #dedede; } .form-style-1 input[type=submit]:hover, .form-style-1 input[type=button]:hover{ background: #000; box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; } .form-style-1 .required{ color:red; } .form-style-1 table th, table td, .form-style-1 table { border:none; } input[type=range].slider { -webkit-appearance: none; width: 100%; margin: -0.5px 0; } input[type=range].slider:focus { outline: none; } input[type=range].slider::-webkit-slider-runnable-track { width: 100%; height: 21px; cursor: pointer; box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d; background: #d2d2d2; border-radius: 10.5px; border: 0px solid #010101; } input[type=range].slider::-webkit-slider-thumb { box-shadow: 0px 0px 1px #670000, 0px 0px 0px #810000; border: 0px solid #ff1e00; height: 20px; width: 20px; border-radius: 20px; background: #dc1b3c; cursor: pointer; -webkit-appearance: none; margin-top: 0.5px; } input[type=range].slider:focus::-webkit-slider-runnable-track { background: #d2d2d2; } input[type=range].slider::-moz-range-track { width: 100%; height: 21px; cursor: pointer; box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d; background: #d2d2d2; border-radius: 10.5px; border: 0px solid #010101; } input[type=range].slider::-moz-range-thumb { box-shadow: 0px 0px 1px #670000, 0px 0px 0px #810000; border: 0px solid #ff1e00; height: 20px; width: 20px; border-radius: 20px; background: #dc1b3c; cursor: pointer; } input[type=range].slider::-ms-track { width: 100%; height: 21px; cursor: pointer; background: transparent; border-color: transparent; color: transparent; } input[type=range].slider::-ms-fill-lower { background: #d2d2d2; border: 0px solid #010101; border-radius: 21px; box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d; } input[type=range].slider::-ms-fill-upper { background: #d2d2d2; border: 0px solid #010101; border-radius: 21px; box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d; } input[type=range].slider::-ms-thumb { box-shadow: 0px 0px 1px #670000, 0px 0px 0px #810000; border: 0px solid #ff1e00; width: 20px; border-radius: 20px; background: #dc1b3c; cursor: pointer; height: 20px; } input[type=range].slider:focus::-ms-fill-lower { background: #d2d2d2; } input[type=range].slider:focus::-ms-fill-upper { background: #d2d2d2; } a img { opacity: 1; transition: opacity 0.2s; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; -o-transition: opacity 0.2s; } a img:hover { opacity: 0.8; } .mod_rocksolid_slider a img:hover, .logo a img:hover { opacity: 1; } /* SCROLLUP */ div.scrollup { font-family: "PT sans", sans-serif; position: fixed; top: 200px; right: -105px; display: none; z-index: 9999999999; font-size: 0.8em; letter-spacing: 0.08333em; transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); } div.scrollup a,div.scrollup a:link,div.scrollup a:visited { color:#fff; background: #dc1b3c; text-transform: uppercase; text-decoration: none; cursor: pointer; padding-top: 0.7em; padding-bottom: 0.7em; padding-left: 1em; padding-right: 1em; } a.scrollup:hover{} a.scrollup:before{} /* div.masonry { max-width: 1000px; }*/ .teaser { width: 31%; } @media screen and (max-width: 64em) { .main-navigation { margin-right: 0; font-size: 0.83333em; } .main-navigation-search { position: relative; height: 2.5em; top:-0.8em; } .main-navigation-search:after { display: none; } .main-navigation-search input { float: left; width:90%; } .left_sidebar .pure_inside { margin-right: 0px; margin-bottom: 1em; } } @media screen and (max-width: 768px) { .main-content .pure_inside { margin-right: 0px; margin-bottom: 1em; } .main-content img { width: 100%; height: auto; } } @media screen and (max-width: 568px) { div.wrapper { padding-left: 0em; padding-right: 0em; } .page-header { margin-right: 5.55556%; margin-left: 5.55556%; } .main-navigation-search { position: relative; top:1em; height: 2.5em; margin-bottom: 1em; } .main-navigation-search input { float: left; width:90%; } .header-navigation, .mitgliedspenden { position: static; text-align: center; } div.scrollup { right: -105px; } } .main-navigation-mobile { /* Hide mobile navigation