/* 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} /* roboto-100 - latin */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 100; src: url('/files/gesunde-karriere-dresden/fonts/roboto-v30-latin-100.eot'); /* IE9 Compat Modes */ src: local(''), url('/files/gesunde-karriere-dresden/fonts/roboto-v30-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/files/gesunde-karriere-dresden/fonts/roboto-v30-latin-100.woff2') format('woff2'), /* Super Modern Browsers */ url('/files/gesunde-karriere-dresden/fonts/roboto-v30-latin-100.woff') format('woff'), /* Modern Browsers */ url('/files/gesunde-karriere-dresden/fonts/roboto-v30-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */ url('/files/gesunde-karriere-dresden/fonts/roboto-v30-latin-100.svg#Roboto') format('svg'); /* Legacy iOS */ } /* roboto-300 - latin */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; src: url('/files/gesunde-karriere-dresden/fonts/roboto-v30-latin-300.eot'); /* IE9 Compat Modes */ src: local(''), url('/files/gesunde-karriere-dresden/fonts/roboto-v30-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/files/gesunde-karriere-dresden/fonts/roboto-v30-latin-300.woff2') format('woff2'), /* Super Modern Browsers */ url('/files/gesunde-karriere-dresden/fonts/roboto-v30-latin-300.woff') format('woff'), /* Modern Browsers */ url('/files/gesunde-karriere-dresden/fonts/roboto-v30-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('/files/gesunde-karriere-dresden/fonts/roboto-v30-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */ } /* roboto-regular - latin */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: url('/files/gesunde-karriere-dresden/fonts/roboto-v30-latin-regular.eot'); /* IE9 Compat Modes */ src: local(''), url('/files/gesunde-karriere-dresden/fonts/roboto-v30-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/files/gesunde-karriere-dresden/fonts/roboto-v30-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('/files/gesunde-karriere-dresden/fonts/roboto-v30-latin-regular.woff') format('woff'), /* Modern Browsers */ url('/files/gesunde-karriere-dresden/fonts/roboto-v30-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('/files/gesunde-karriere-dresden/fonts/roboto-v30-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */ } /* roboto-500 - latin */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; src: url('/files/gesunde-karriere-dresden/fonts/roboto-v30-latin-500.eot'); /* IE9 Compat Modes */ src: local(''), url('/files/gesunde-karriere-dresden/fonts/roboto-v30-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/files/gesunde-karriere-dresden/fonts/roboto-v30-latin-500.woff2') format('woff2'), /* Super Modern Browsers */ url('/files/gesunde-karriere-dresden/fonts/roboto-v30-latin-500.woff') format('woff'), /* Modern Browsers */ url('/files/gesunde-karriere-dresden/fonts/roboto-v30-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */ url('/files/gesunde-karriere-dresden/fonts/roboto-v30-latin-500.svg#Roboto') format('svg'); /* Legacy iOS */ } /* roboto-700 - latin */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; src: url('/files/gesunde-karriere-dresden/fonts/roboto-v30-latin-700.eot'); /* IE9 Compat Modes */ src: local(''), url('/files/gesunde-karriere-dresden/fonts/roboto-v30-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/files/gesunde-karriere-dresden/fonts/roboto-v30-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('/files/gesunde-karriere-dresden/fonts/roboto-v30-latin-700.woff') format('woff'), /* Modern Browsers */ url('/files/gesunde-karriere-dresden/fonts/roboto-v30-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('/files/gesunde-karriere-dresden/fonts/roboto-v30-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */ } /* roboto-900 - latin */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 900; src: url('/files/gesunde-karriere-dresden/fonts/roboto-v30-latin-900.eot'); /* IE9 Compat Modes */ src: local(''), url('/files/gesunde-karriere-dresden/fonts/roboto-v30-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/files/gesunde-karriere-dresden/fonts/roboto-v30-latin-900.woff2') format('woff2'), /* Super Modern Browsers */ url('/files/gesunde-karriere-dresden/fonts/roboto-v30-latin-900.woff') format('woff'), /* Modern Browsers */ url('/files/gesunde-karriere-dresden/fonts/roboto-v30-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */ url('/files/gesunde-karriere-dresden/fonts/roboto-v30-latin-900.svg#Roboto') format('svg'); /* Legacy iOS */ } /*! normalize.css v3.0.1 | MIT License | git.io/normalize */ * { -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; } /** * 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, 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: 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: 0; } /** * 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; } ul, ol, p{ padding: 0; margin: 0; } html{ overflow-y: scroll; } html { height:100%; margin:0; padding:0; } body, .mm-page{ padding:0; margin:0; height:100%; } #wrapper { position:relative; min-height:100%; } #header { position: relative; display: block; } #wrapper.mm-page{ height: auto; } #container{ padding-bottom: 317px; } #footer{ display:block; position:absolute; bottom:0; width:100%; /*height: 42px;*/ } pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; } pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } pre {border:1px solid #ddd; padding:7px 15px; background:#fff; overflow:auto; word-wrap: break-word; line-height:14px; margin-bottom:15px;} .invisible{ display:inline; height:0; width:0; position:absolute !important; left:-1000px; top:-1000px; } .clear{ clear:both; float:none; height:0px; position:relative; display:block; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: inherit; font-weight: 600; line-height: 1.1; color: inherit; } h1.ce_headline.first, .mod_article .first h1, .mod_article.first > div:first-of-type > h2, .mod_article.first > div.sc > h2, h2.ce_headline.first, .mod_article .first h2, .mod_article.first > div:first-of-type > h3, .mod_article.first > div.sc > h3, h3.ce_headline.first, .mod_article .first h3, .mod_article.first > div:first-of-type > h4, .mod_article.first > div.sc > h4, h4.ce_headline.first, .mod_article .first h4, .mod_article.first > div:first-of-type > h5, .mod_article.first > div.sc > h5, h5.ce_headline.first, .mod_article .first h5, .mod_article.first > div:first-of-type > h6, .mod_article.first > div.sc > h6, h6.ce_headline.first, .mod_article .first h6 { margin-top: 0px; } .block{ overflow:hidden; } ul{ list-style: none; } blockquote{ position: relative; } blockquote:before{ content:'"'; display:block; position:absolute; left: -40px; top: -25px; } /* -------------------------------------------------------------------------- Page -------------------------------------------------------------------------- */ #main ul, #main ol{ padding-left: 20px; margin-bottom: 10px; } #main ul{ list-style-type: disc; } #main ol{ list-style-type: decimal; } #main p { margin: 0 0 10px 0; } #header{ width:100%; } #header .inside, #main .inside{ } #wrapper{ } #mainmenu .nav-inside, #submenu ul, #logo, #bcmenu, #main, #footer .mod_newslist .layout_latest, #footer .mod_newslist a, #footer .ce_hyperlink, #footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6, #footer .ce_text *, #footer #tabs{ position: relative; width: 965px; margin: 0 auto; } #bcmenu{ margin-bottom: 30px; } #mainmenu ul { width: 90% } #mainmenu #facebooklink { position: absolute; top: 17px; right: 0; width: 10%; text-align: center; } #mainmenu #facebooklink:hover { opacity: 0.7; } #submenu #facebooklink { display: none; } /* -------------------------------------------------------------------------- Header -------------------------------------------------------------------------- */ #logo{ text-align: center; padding: 20px 0px; } #logo * { margin:0; } /* -------------------------------------------------------------------------- Mainmenu / Justify menu´s -------------------------------------------------------------------------- */ #mainmenu, #mainmenu ul{ height: 65px; } #mainmenu ul, #submenu ul, #footer #tabs{ text-align: justify; list-style-type: none; padding: 0px 50px; } #footer #tabs{ padding: 0px 0px; } #submenu ul{ padding: 0px 0px; height:39px; border-top: 1px solid; border-bottom: 1px solid; } #mainmenu li, #submenu li, #footer li{ margin: 0; display: inline-block; } #submenu li { margin: 2px 0 0 0; } #mainmenu li a, #mainmenu li.active span.active, #submenu li a, #footer #tabs li a{ margin: 0; display: inline-block; padding: 20px 0px; } #footer #tabs li a{ padding: 20px 7px; } #submenu li a{ padding: 8px 0px; } #mainmenu ul:after, #submenu ul:after, #footer #tabs:after{ content: ''; width: 100%; display: inline-block; } /* -------------------------------------------------------------------------- ueber mich temporäre anpassungen -------------------------------------------------------------------------- */ .uebermich #submenu ul{ text-align: left; } .uebermich #submenu ul li{ /*display:inline-block;*/ } .uebermich #submenu ul li:not(:first-of-type){ padding-left: 15px; } /* -------------------------------------------------------------------------- breadcrump -------------------------------------------------------------------------- */ .mod_breadcrumb:before, .mod_breadcrumb:after { height: 0px; clear: both; display: block; visibility: hidden; content: "."; } .mod_breadcrumb li{ float: left; } .mod_breadcrumb{ /* height: 24px;*/ display: block; padding-bottom: 5px; padding-top: 6px; clear: both; } .mod_breadcrumb ul li:not(.last):after{ content: "\A0 \A0 > \A0"; display: inline-block; } /* -------------------------------------------------------------------------- Normal page -------------------------------------------------------------------------- */ /*#main h1.ce_headline.first{ margin: 0px; }*/ #main .first { margin-top: 0px; } /* -------------------------------------------------------------------------- Pagination -------------------------------------------------------------------------- */ #main .pagination ul{ list-style-type:none; padding: 0; } #main .pagination ul li{ float:left; margin:5px 10px 0 0; } #main .pagination ul li a, #main .pagination ul li span{ padding:7px 13px; display:inline-block; } #main .pagination ul li span, #clustermenu-small ul li span{ border:0; } #main .pagination ul li a:hover, #main .pagination ul li a:focus,{ color:#fff; } #main .pagination ul li a{ border:0; padding:7px 13px; display:inline-block; } #main .pagination, #main .pagination ul{ text-align: center; } /* -------------------------------------------------------------------------- Search page -------------------------------------------------------------------------- */ #main .mod_search p.header{ margin-bottom: 15px; } #main .mod_search H3{ margin: 0; margin-bottom: 5px; } #main .mod_search a.searchresult{ display: block; margin: 5px 0px; padding: 5px 0px; } #main .mod_search input[type=search]{ width: 85%; } #main .mod_search input[type=submit]{ border: 1px solid #CACAC9; padding: 7px 8px; font-size: 13px; width: 10%; margin: 0 0 10px 0; } /* -------------------------------------------------------------------------- Search Box -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- News -------------------------------------------------------------------------- */ /*.mod_newslist.block:not(:last-of-type), .layout_latest:not(:last-of-type), .newslist:not(:last-of-type){ border-bottom: 1px solid #E9F3DC; }*/ #footer .layout_latest{ padding-left: 180px; } .date{ width:180px; float: left; margin-left: -100%; position: relative; right: 180px; } .newscontent{ position: relative; width: 100%; float:left; } .newslist, .newsright{ display: block; } #main.mod_newslist.block:not(:last-of-type), #main.layout_latest:not(:last-of-type) { margin-bottom: 10px; display: block; } #right h3{ padding: 0; margin: 0px 0px 10px 0px; } #right .more { margin-top: 5px; } .page #main p.info { display: inline-block; margin-left: 5px; } .page #main .mod_newslist .teaser, .page #main .mod_newsreader .teaser{ /* float: left;*/ width: auto; } .page #main .mod_newslist .teaser p, .page #main .mod_newsreader .teaser p{ display: inline; } .page #main .mod_newslist .image_container, .page #main .mod_newsreader .image_container{ float: right; max-width: 20%; margin: 0px 0px 20px 20px; } .page #main .mod_newslist .image_container img, .page #main .mod_newsreader .image_container img{ width: 100%; height: auto; } #main .newscontent:before, #main .newscontent:after { height: 0px; clear: both; display: block; visibility: hidden; content: "."; } #main p.info { display: inline-block; margin-left: 5px; } /* -------------------------------------------------------------------------- Gallery -------------------------------------------------------------------------- */ .ce_gallery{ margin-top: 15px; } /*.ce_gallery .image_container{ width: 83%; width: calc((100% - 30px) / 3); }*/ .ce_gallery .image_container img{ width: 100%; height: auto; } .ce_gallery .image_container { margin-bottom: 6px; } table { max-width: 100%; background-color: transparent; } th { text-align: left; } table { width: 100%; margin-bottom: 20px; } table > thead > tr > th, table > tbody > tr > th, table > tfoot > tr > th, table > thead > tr > td, table > tbody > tr > td, table > tfoot > tr > td { padding: 8px; line-height: 1.42857143; vertical-align: top; } table tr > td:nth-of-type(1) { width: 10px; } table tr > td:nth-of-type(2) { width: 250px; } .tablehl{ background-color: #ECF0F1; } /* -------------------------------------------------------------------------- footer -------------------------------------------------------------------------- */ #faktuelles, .faktuelles{ background-color: #92aa3e; } #fpublikationen, .fpublikationen{ background-color: #aac64a; } #fonlineangebote, .fonlineangebote{ background-color: #c8c9ca; } #feinzelseminare, .feinzelseminare{ background-color: #ea8404; } #fgruppentraining, .fgruppentraining{ background-color: #f4b046; } #fnaturnaheangebote, .fnaturnaheangebote{ background-color: #92aa3e; } span.current-info, h4.tabhead{ display:none; } #footer{ margin-top: 50px; } #footer #tabs{ height: 95px; } #footer #tabs .tab .icon{ width: 100%; text-align: center; } #footer .mod_newslist{ padding: 20px 0px; } #footer .container > .ce_text{ padding: 20px 0px; } #footer .mod_newslist a:not(:last-of-type){ padding-bottom: 10px; } #footer .mod_newslist p.empty{ display:none; } #footer .faktuelles .newscontent *{ display: inline-block; width: 100%; } #footer .ce_hyperlink{ text-align: right; position: relative; top: -17px; } #footer nav ul { border-top: 1px solid #aac64a; padding: 20px 0 40px; text-align: center; } #footer nav ul li a, #footer nav ul li span{ display: block; color: #fff; padding: 6px 10px; } /* -------------------------------------------------------------------------- Forms -------------------------------------------------------------------------- */ span.mandatory{ margin-left: 5px; } .formbody .explanation p{ text-align:right; } .formbody br{ display: none; } #main fieldset{ position:relative; border: 0; } #main fieldset legend{ display: none; } #main fieldset { border: 0; margin: 0; padding: 0; } #main fieldset input{ float: left; } /*#main input, #main select{ height: 35px; } */ #main select, #main input, #main textarea { border: 1px solid #CACAC9; padding: 7px 8px; font-size: 13px; width: 100%; margin: 0 0 10px 0; } #main input.radio{ width: inherit !important; height: inherit !important; margin: 0 5px 0 0; } #main textarea{ resize: vertical; height: 159px; } #main label{ display: block; font-size: 12px; } #main input[name="strasse_nr"], #main input[name="plz_ort"]{ position: absolute; bottom: 0; right: 0; } #main fieldset label[for=ctrl_7]{ position: absolute; top: 0; left: 75%; } #main input[name="strasse"], #main input[name="plz_ort"]{ width: 70%; } #main fieldset label[for=ctrl_9]{ position:absolute; top: 0; left: 30%; } #main input[name="strasse_nr"], #main input[name="plz"]{ width: 25%; } #main input.submit{ background: #C6C6C6; font-weight: 600; color: #fff; border: none; margin: 0; } .contactcontainer input.submit, .contactcontainer .explanation p{ margin: 13px 0 0 0 !important; } .ce_form { /*width: 80%;*/ position: relative; margin: 0 auto; } /* -------------------------------------------------------------------------- simple colums -------------------------------------------------------------------------- */ /*#main .image_container img{ width: 100%; height: auto; }*/ #main .image_container img{ width: 100%; height: auto; } /* -------------------------------------------------------------------------- Fonts / Colors / Seriescolors / Animations /Size -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- Fonts -------------------------------------------------------------------------- */ body{ font-family: 'Roboto', sans-serif; } a.btn:after { font-family: FontAwesome; } /* -------------------------------------------------------------------------- fontColors -------------------------------------------------------------------------- */ *{ color: #868889; } /*.newslist:hover{ color: #c2c2c2; }*/ #mainmenu a, #mainmenu li.active span.active, #footer .mod_newslist *, #footer #tabs *, #footer .container > .ce_text *, #footer .ce_hyperlink a{ color: #fff; } #mainmenu a:hover, #mainmenu li.active span.active, #mainmenu li.trail a.trail{ color: #964008; } .green{ color: #97bf0d; } .orange, #submenu a:hover, #submenu li.active span.active{ color: #ea8404; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { color: #97BF0D; } blockquote:before{ color: #cfcfcf; } p.error{ color: red; } /* -------------------------------------------------------------------------- backgroundColors -------------------------------------------------------------------------- */ #wrapper, #header{ background-color: #ffffff; } .homelinks:hover, .newsright:hover, #main .mod_search a:hover, #main .pagination ul li a{ background-color: #f2f8eb; } #mainmenuMobileButton div{ background-color: #eb1711; } #main input.submit:hover, #main input.submit:focus, .homepage #home h1, #main .pagination ul li span.current, #main .mod_search .pagination a:hover, #right .aport p{ background-color: #93C552; } #mainmenu{ background-color: #ea8404; } /* -------------------------------------------------------------------------- borderColors -------------------------------------------------------------------------- */ #main select:hover, #main select:focus, #main input:hover, #main input:focus, #main textarea:hover, #main textarea:focus{ border-color: #93C552; } /* -------------------------------------------------------------------------- Animations -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- Animations - link hover fades -------------------------------------------------------------------------- */ { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } { -webkit-transition: .3s all ease; -moz-transition: .3s all ease; -o-transition: .3s all ease; -ms-transition: .3s all ease; transition: .3s all ease; } /* -------------------------------------------------------------------------- Size -------------------------------------------------------------------------- */ #mainmenu a, #mainmenu li.active span.active, #submenu a, #footer #tabs a, #footer .mod_newslist a{ text-decoration: none; } { text-decoration: underline; } #mainmenu a, #mainmenu li.active span.active, #footer #tabs a{ text-transform: uppercase; } { text-align: justify; } { line-height: 1.2em; } { line-height: 1.2em; } { line-height: 1.5em; } { letter-spacing: 0.1em; } { letter-spacing: 0.2em; } { font-style: italic; } b, strong{ font-weight: 600; } { font-weight: 500; } #mainmenu a, #mainmenu li.active span.active, #logo *, #footer #tabs a{ font-weight: 600; } { font-weight: bold; } { font-weight: 100; } blockquote:before{ font-size:80px; } { font-size:30px; } #mainmenu a, #mainmenu li.active span.active{ font-size:18px; } { font-size:15px; } #logo .name{ font-size:20px; } { font-size:17px; } #footer #tabs a{ font-size:16px; } { font-size:15px; } #submenu{ font-size:14px; } #main, #footer{ font-size:13px; } #bcmenu, #main p.info{ font-size:11px; } { font-size:10px; } .nav-icon { display: none; } /* Tablets */ @media screen and (max-width: 1025px) { #footer #tabs li a { padding: 20px 20px; } #main, #footer { font-size: 15px; line-height: 1.4em; } } /* Tablets */ @media screen and (max-width: 768px) { #mainmenu .nav-inside, #mainmenu ul, #submenu ul, #logo, #bcmenu, #main, #footer .mod_newslist .layout_latest, #footer .mod_newslist a, #footer .ce_hyperlink, #footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6, #footer .ce_text *, #footer #tabs { width: 100%; } #main .inside, #logo, #header .mod_breadcrumb { padding-left: 20px; padding-right: 20px; } #mainmenu ul { padding: 0 12% 0 20px; } #submenu ul { min-height: 39px; height: auto; margin-bottom: 20px; } #submenu ul:after { display: none; } #submenu li { display: block; position: relative; z-index: 9; padding: 4px 20px !important; } #submenu li a { text-decoration: underline; } #submenu li.active span { padding: 8px 0px; display: inline-block; } .sc2 { width: 100% !important; padding-right: 0; } #footer #tabs { height: auto !important; } #footer li { display: block !important; width: 90%; } #footer li a { width: 100%; text-align: center; } #footer .container { padding: 20px !important; } #footer .layout_latest { padding: 0px !important; } #footer .date { display: none; } #footer .ce_hyperlink { padding: 10px; } } /* Phones */ @media screen and (max-width: 630px) { #mainmenu, #mainmenu .nav-inside { min-height: 65px; z-index: 19; } #mainmenu ul { padding: 0 } #mainmenu li { padding: 0 20px; background-color: #ea8404; } #mainmenu li { display: none; } #mainmenu li.active { display: block; } #mainmenu li.active span.active { color: #fff; } #mainmenu.responsive li { display: block; float: none; text-align: left; } #mainmenu .nav-icon { display: block; position: absolute; right: 65px; top: 11px; color: #fff; font-size: 30px; z-index: 99; } #mainmenu #facebooklink { right: 20px; width: auto; } .nav-icon:hover, .nav-icon:active { color: #fff; } .sc2 { width: 100% !important; padding-right: 0; } figure { margin: 0 !important; } }