/* normalize.css v3.0.1 | 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, 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: 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"], 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; } /** Mit folgender Anweisung wird browseruebergreifend ein einheitliches "Box-Modell" ermoeglicht (siehe URL: http://www.paulirish.com/2012/box-sizing-border-box-ftw/) */ *, *:before, *:after { -webkit-box-sizing: border-box; /* Android <= 2.3, iOS <= 4 */ -moz-box-sizing: border-box; /* Firefox 1+ */ box-sizing: border-box; /* Chrome, IE 8+, Opera, Safari 5.1 */ /** Folgende Eigenschaft wurde mit einem fuehrenden '*' versehen um gezielt den IE6 und IE7 anzusprechen (gemaess URL: http://blog.kulturbanause.de/2013/03/mit-box-sizing-border-box-das-css-box-model-verandern/) **/ } @font-face { font-family: 'Open Sans Regular'; src: url("../font-face/opensans_regular/OpenSans-Regular-webfont.eot"); src: url("../font-face/opensans_regular/OpenSans-Regular-webfont.eot?#iefix") format("embedded-opentype"), local("Open Sans Regular"), url("../font-face/opensans_regular/OpenSans-Regular-webfont.woff") format("woff"), url("../font-face/opensans_regular/OpenSans-Regular-webfont.ttf") format("truetype"), url("../font-face/opensans_regular/OpenSans-Regular-webfont.svg#OpenSans-Regular-webfont") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'Open Sans Bold'; src: url("../font-face/opensans_bold/OpenSans-Bold-webfont.eot"); src: url("../font-face/opensans_bold/OpenSans-Bold-webfont.eot?#iefix") format("embedded-opentype"), local("Open Sans Bold"), url("../font-face/opensans_bold/OpenSans-Bold-webfont.woff") format("woff"), url("../font-face/opensans_bold/OpenSans-Bold-webfont.ttf") format("truetype"), url("../font-face/opensans_bold/OpenSans-Bold-webfont.svg#OpenSans-Bold-webfont") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'Arapey Regular'; src: url("../font-face/arapey/arapey-regular.eot"); src: url("../font-face/arapey/arapey-regular.eot?#iefix") format("embedded-opentype"), local("Arapey Regular"), url("../font-face/arapey/arapey-regular.woff") format("woff"), url("../font-face/arapey/arapey-regular.ttf") format("truetype"), url("../font-face/arapey/arapey-regular.svg#arapey-regular") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'icomoon'; src: url("../fonts/icomoon.eot?-f5haq0"); src: url("../fonts/icomoon.eot?#iefix-f5haq0") format("embedded-opentype"), url("../fonts/icomoon.woff?-f5haq0") format("woff"), url("../fonts/icomoon.ttf?-f5haq0") format("truetype"), url("../fonts/icomoon.svg?-f5haq0#icomoon") format("svg"); font-weight: normal; font-style: normal; } /*** SASS-MIXINS / SASS-PLACEHOLDER ***/ #content #contentbereich ul.pager li.next a:after, #content02 #contentbereich ul.pager li.next a:after, #content #contentbereich ul.pager li.last a:after, #content02 #contentbereich ul.pager li.last a:after, #content #contentbereich ul.pager li.previous a:after, #content02 #contentbereich ul.pager li.previous a:after, #content #contentbereich ul.pager li.first a:after, #content02 #contentbereich ul.pager li.first a:after, #content #contentbereich .verwandteArtikel li:before, #content02 #contentbereich .verwandteArtikel li:before, #content #contentbereich .eintrag .link a:before, #content #contentbereich .single-list-entry .link a:before, #content02 #contentbereich .eintrag .link a:before, #content02 #contentbereich .single-list-entry .link a:before, #content #contentbereich .slideblock h2:before, #content02 #contentbereich .slideblock h2:before, #content #contentbereich .slideblock h2.ui-accordion-header-active:before, #content02 #contentbereich .slideblock h2.ui-accordion-header-active:before, #content #contentbereich .mail:before, #content02 #contentbereich .mail:before, #content #contentbereich .internal-link:before, #content #contentbereich .internal-link-new-window:before, #content02 #contentbereich .internal-link:before, #content02 #contentbereich .internal-link-new-window:before, #content #contentbereich .external-link:before, #content #contentbereich .external-link-new-window:before, #content #contentbereich .fancybox-media:before, #content #contentbereich .various:before, #content02 #contentbereich .external-link:before, #content02 #contentbereich .external-link-new-window:before, #content02 #contentbereich .fancybox-media:before, #content02 #contentbereich .various:before, #content #contentbereich .download:before, #content #contentbereich .pdf-liste:before, #content02 #contentbereich .download:before, #content02 #contentbereich .pdf-liste:before, #content #contentbereich .rssbutton:after, #content02 #contentbereich .rssbutton:after, #content #contentbereich .hwlists button.hwsort:before, #content #contentbereich .hwlists .detailsAnzeigen:before, #content02 #contentbereich .hwlists button.hwsort:before, #content02 #contentbereich .hwlists .detailsAnzeigen:before, #content #contentbereich .hwlists button.hwsort.asc:before, #content #contentbereich .hwlists .detailsAnzeigen.asc:before, #content02 #contentbereich .hwlists button.hwsort.asc:before, #content02 #contentbereich .hwlists .detailsAnzeigen.asc:before, #content #contentbereich .hwlists button.hwsort.desc:before, #content #contentbereich .hwlists .detailsAnzeigen.desc:before, #content02 #contentbereich .hwlists button.hwsort.desc:before, #content02 #contentbereich .hwlists .detailsAnzeigen.desc:before, #content #contentbereich .hwlists .detailsAnzeigen.open:before, #content02 #contentbereich .hwlists .detailsAnzeigen.open:before, #content #contentbereich .csc-textpic-image a.lightbox:after, #content02 #contentbereich .csc-textpic-image a.lightbox:after, #content .telefonnummer:before, #content .telefonnummer_fr:before, #content .telefonnummer_ch:before, #content .telefonnummer_es:before, #content .telefonnummer_it:before, #content .telefonnummer_pl:before, #content .telefonnummer_cz:before, #content .telefonnummer_dk:before, #content .telefonnummer_at:before, #content #content02 .telefonnummer_fr:before, #content02 #content .telefonnummer_fr:before, #content #content02 .telefonnummer_ch:before, #content02 #content .telefonnummer_ch:before, #content #content02 .telefonnummer_es:before, #content02 #content .telefonnummer_es:before, #content #content02 .telefonnummer_it:before, #content02 #content .telefonnummer_it:before, #content #content02 .telefonnummer_pl:before, #content02 #content .telefonnummer_pl:before, #content #content02 .telefonnummer_cz:before, #content02 #content .telefonnummer_cz:before, #content #content02 .telefonnummer_dk:before, #content02 #content .telefonnummer_dk:before, #content #content02 .telefonnummer_at:before, #content02 #content .telefonnummer_at:before, #content02 .telefonnummer:before, #content02 .telefonnummer_fr:before, #content02 .telefonnummer_ch:before, #content02 .telefonnummer_es:before, #content02 .telefonnummer_it:before, #content02 .telefonnummer_pl:before, #content02 .telefonnummer_cz:before, #content02 .telefonnummer_dk:before, #content02 .telefonnummer_at:before, #content .faxnummer:before, #content02 .faxnummer:before, #content .timeBlock:before, #content02 .timeBlock:before, #content .location:before, #content02 .location:before, #content .organizer:before, #content02 .organizer:before, .printlink .print:before, .generatedcontent #wetter .picture.wetter4 img + span:before, .generatedcontent #wetter .picture.wetter2 img + span:before, .generatedcontent #wetter .picture.wetter9 img + span:before, .generatedcontent #wetter .picture.wetter8 img + span:before, .generatedcontent #wetter .picture.wetter10 img + span:before, .generatedcontent #wetter .picture.wetter3 img + span:before, .generatedcontent #wetter .picture.wetter1 img + span:before, .generatedcontent #wetter .picture.wetter6 img + span:before, .generatedcontent #wetter .picture.wetter5 img + span:before, .generatedcontent #wetter .picture.wetter7 img + span:before, #wetter .open-wetter:before, .wetter-offen #wetter .open-wetter:before, #themen .open-topic:before, .thema-offen #themen .open-topic:before, .no-js #themen .open-topic:before, .js.no-touch #sponsoren.hw_cycle_init .cycle-direction-nav #cycle-prev03:before, .js.no-touch #sponsoren.hw_cycle_init .cycle-direction-nav #cycle-next03:before, #footer address.address.stadt b:before, #footer address.address.oeffnungszeiten b:before, #footer .telefonnummer:before, #footer #content .telefonnummer_fr:before, #content #footer .telefonnummer_fr:before, #footer #content .telefonnummer_ch:before, #content #footer .telefonnummer_ch:before, #footer #content .telefonnummer_es:before, #content #footer .telefonnummer_es:before, #footer #content .telefonnummer_it:before, #content #footer .telefonnummer_it:before, #footer #content .telefonnummer_pl:before, #content #footer .telefonnummer_pl:before, #footer #content .telefonnummer_cz:before, #content #footer .telefonnummer_cz:before, #footer #content .telefonnummer_dk:before, #content #footer .telefonnummer_dk:before, #footer #content .telefonnummer_at:before, #content #footer .telefonnummer_at:before, #footer #content02 .telefonnummer_fr:before, #content02 #footer .telefonnummer_fr:before, #footer #content02 .telefonnummer_ch:before, #content02 #footer .telefonnummer_ch:before, #footer #content02 .telefonnummer_es:before, #content02 #footer .telefonnummer_es:before, #footer #content02 .telefonnummer_it:before, #content02 #footer .telefonnummer_it:before, #footer #content02 .telefonnummer_pl:before, #content02 #footer .telefonnummer_pl:before, #footer #content02 .telefonnummer_cz:before, #content02 #footer .telefonnummer_cz:before, #footer #content02 .telefonnummer_dk:before, #content02 #footer .telefonnummer_dk:before, #footer #content02 .telefonnummer_at:before, #content02 #footer .telefonnummer_at:before, #footer .faxnummer:before, #footer .mail:before, #notification_no-js a:before, .browsehappy a:before, .notification-ajax-error a:before, #notification_no-js strong:before, .browsehappy strong:before, .notification-ajax-error strong:before, .js.no-touch .cycle-direction-nav #cycle-prev:before, .js.no-touch .cycle-direction-nav #cycle-next:before, .js.no-touch .home #news.hw_cycle_init .cycle-direction-nav #cycle-prev02:before, .js.no-touch .home #news.hw_cycle_init .cycle-direction-nav #cycle-next02:before, .generatedcontent #link .iconstar:before, .generatedcontent #link .iconlocation:before, .generatedcontent #link .iconnews:before, .generatedcontent #link .iconphoto:before, .generatedcontent #link .iconwasserzaehler:before, .generatedcontent #link .iconweihnachtsmarkt:before, .generatedcontent #link .iconwahlen:before, .generatedcontent .home #aktuelles h3 > a:before, .generatedcontent .home #aktuelles .alle-veranstaltungen a:before, .generatedcontent .home #neuigkeitenbuecherei h3 > a:before, #contentbereich .tx-hwkalender .link a:before, #contentbereich .tx-hwkalender .zeit:before, #contentbereich .tx-hwkalender .webseite:before, #contentbereich .tx-hwkalender .datum:before, #contentbereich .tx-hwkalender .ort:before, #contentbereich .tx-hwkalender .organisator:before, #contentbereich .tx-hwkalender .beschreibung:before, #subnavi li.act li li.act:before, .no-js #mainMenue #nav li li.submenue:before, #mainMenue #menuDivSlide > ul > li.act a:before, #mainMenue #menuDivSlide > ul > li > a:before, .open.mobilansicht #mainMenue li a.submenue:before, .open.mobilansicht #mainMenue li a.submenue.act:before { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; -webkit-touch-callout: none; } #content, #content02 { -moz-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; padding: 150px 0px 50px; font-size: 16px; position: relative; position: relative; } .no-js #content, .no-js #content02 { padding: 280px 0 50px; } @media (min-width: 30em) { #content, #content02 { padding-top: 280px; } } @media (min-width: 50em) { #content, #content02 { padding-top: 255px; } } @media (min-width: 60em) { #content, #content02 { padding: 315px 0 50px; } } .lt-ie9 #content, .lt-ie9 #content02 { padding: 315px 0 50px; } .home #content, .home #content02 { margin: 250px 0 0; padding: 5px 0 20px; background: #fff; border-bottom: 25px solid #888888; } .rgba.no-touch .home #content, .rgba.no-touch .home #content02 { background-color: white; background-color: rgba(255, 255, 255, 0.8); } @media (min-width: 30em) { .home #content, .home #content02 { margin-top: 280px; } } @media (min-width: 60em) { .home #content, .home #content02 { margin-top: 425px; } } .lt-ie9 .home #content, .lt-ie9 .home #content02 { margin-top: 425px; } #content.printcontent, #content02.printcontent { padding-top: 0; } #content.printcontent #contentbereich, #content02.printcontent #contentbereich { padding-left: 0; padding-right: 0; width: 100%; } #content:before, #content:after, #content02:before, #content02:after { content: " "; display: table; } #content:after, #content02:after { clear: both; } #content, #content02 { *zoom: 1; } #content table, #content02 table { background: transparent; } #content table tr > td, #content02 table tr > td { padding: 0 8px 13px 0; } @media (min-width: 60em) { #content #contentbereich-wrap, #content02 #contentbereich-wrap { width: 730px; float: right; } } .lt-ie9 #content #contentbereich-wrap, .lt-ie9 #content02 #contentbereich-wrap { width: 730px; float: right; } #content #contentbereich, #content02 #contentbereich { color: #5c5c5c; font-size: 15px; width: 100%; padding: 0px 10px 30px; position: relative; min-height: 573px; background: #fff; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } @media (min-width: 60em) { #content #contentbereich, #content02 #contentbereich { padding: 25px 15px 20px; background-color: #fff; } } .lt-ie9 #content #contentbereich, .lt-ie9 #content02 #contentbereich { padding: 25px 15px 20px; background-color: #fff; } #content #contentbereich table, #content02 #contentbereich table { margin-top: 15px; text-align: left; } #content #contentbereich div.csc-textpic .csc-textpic-imagewrap .csc-textpic-center-inner, #content02 #contentbereich div.csc-textpic .csc-textpic-imagewrap .csc-textpic-center-inner { margin: 16px 0 0; } #content #contentbereich p, #content02 #contentbereich p { margin-top: 14px; } #content #contentbereich p:first-child, #content #contentbereich p:first-of-type, #content02 #contentbereich p:first-child, #content02 #contentbereich p:first-of-type { margin-top: 0; } #content #contentbereich .hightlight, #content02 #contentbereich .hightlight { color: #cf173f; } #content #contentbereich .hightlightFont, #content02 #contentbereich .hightlightFont { color: #cf173f; text-transform: uppercase; font-family: 'Arapey Regular', serif; font-size: 18px; } #content #contentbereich .contentelement, #content02 #contentbereich .contentelement { overflow: hidden; width: 100%; margin-top: 25px; } #content #contentbereich .contentelement > iframe, #content02 #contentbereich .contentelement > iframe { height: 450px; } #content #contentbereich .contentelement .today, #content #contentbereich .contentelement .tomorrow, #content02 #contentbereich .contentelement .today, #content02 #contentbereich .contentelement .tomorrow { margin-bottom: 10px; padding: 15px 5px; } @media (min-width: 30em) { #content #contentbereich .contentelement .today, #content #contentbereich .contentelement .tomorrow, #content02 #contentbereich .contentelement .today, #content02 #contentbereich .contentelement .tomorrow { float: left; width: 50%; margin-bottom: 0; padding: 10px 0 10px 10%; margin-top: 30px; } } .lt-ie9 #content #contentbereich .contentelement .today, .lt-ie9 #content #contentbereich .contentelement .tomorrow, .lt-ie9 #content02 #contentbereich .contentelement .today, .lt-ie9 #content02 #contentbereich .contentelement .tomorrow { float: left; width: 50%; margin-bottom: 0; padding: 10px 0 10px 10%; margin-top: 30px; } #content #contentbereich .contentelement .tomorrow, #content02 #contentbereich .contentelement .tomorrow { margin-bottom: 0px; } @media (min-width: 30em) { #content #contentbereich .contentelement .tomorrow, #content02 #contentbereich .contentelement .tomorrow { border-left: 1px solid #5b5b5b; } } .lt-ie9 #content #contentbereich .contentelement .tomorrow, .lt-ie9 #content02 #contentbereich .contentelement .tomorrow { border-left: 1px solid #5b5b5b; } #content #contentbereich .contentelement .daydate, #content02 #contentbereich .contentelement .daydate { text-decoration: underline; margin: 0 0 10px; padding: 20px 0 0; } #content #contentbereich .contentelement:first-of-type, #content #contentbereich .contentelement:first-child, #content02 #contentbereich .contentelement:first-of-type, #content02 #contentbereich .contentelement:first-child { margin: 8px 0 0; } #content #contentbereich .contentelement .picture, #content02 #contentbereich .contentelement .picture { float: left; width: 100px; margin: 7px 10px 0 0; } #content #contentbereich .contentelement .picture img, #content02 #contentbereich .contentelement .picture img { width: 100%; height: auto; display: block; } #content #contentbereich .contentelement .info, #content02 #contentbereich .contentelement .info { color: #3F3F3F; padding: 7px 0 0; } #content #contentbereich .contentelement .temperature, #content02 #contentbereich .contentelement .temperature { font-size: 33px; } #content #contentbereich .csc-textpic-image .lightbox > img, #content02 #contentbereich .csc-textpic-image .lightbox > img { max-width: 100%; width: 100%; } #content #contentbereich .csc-mailform ol, #content02 #contentbereich .csc-mailform ol { margin: 0; list-style-type: none; } #content #contentbereich .csc-mailform fieldset, #content02 #contentbereich .csc-mailform fieldset { border: medium none; margin: 0; padding: 0; } #content #contentbereich .csc-mailform label, #content02 #contentbereich .csc-mailform label { width: 100%; } #content #contentbereich .csc-textpic-intext-right .csc-textpic-imagewrap, #content02 #contentbereich .csc-textpic-intext-right .csc-textpic-imagewrap { float: none; width: 100%; max-width: 100%; } @media (min-width: 23em) { #content #contentbereich .csc-textpic-intext-right .csc-textpic-imagewrap, #content02 #contentbereich .csc-textpic-intext-right .csc-textpic-imagewrap { float: right; margin: 0 0 5px 10px !important; max-width: 40%; } } .lt-ie9 #content #contentbereich .csc-textpic-intext-right .csc-textpic-imagewrap, .lt-ie9 #content02 #contentbereich .csc-textpic-intext-right .csc-textpic-imagewrap { float: right; margin: 0 0 5px 10px !important; max-width: 40%; } #content #contentbereich .csc-textpic-intext-left .csc-textpic-imagewrap, #content02 #contentbereich .csc-textpic-intext-left .csc-textpic-imagewrap { float: none; width: 100%; max-width: 100%; } @media (min-width: 23em) { #content #contentbereich .csc-textpic-intext-left .csc-textpic-imagewrap, #content02 #contentbereich .csc-textpic-intext-left .csc-textpic-imagewrap { float: left; margin: 0 15px 5px 0 !important; max-width: 40%; } } .lt-ie9 #content #contentbereich .csc-textpic-intext-left .csc-textpic-imagewrap, .lt-ie9 #content02 #contentbereich .csc-textpic-intext-left .csc-textpic-imagewrap { float: left; margin: 0 15px 5px 0 !important; max-width: 40%; } #content #contentbereich div.csc-textpic-imagecolumn, #content #contentbereich td.csc-textpic-imagecolumn .csc-textpic-image, #content02 #contentbereich div.csc-textpic-imagecolumn, #content02 #contentbereich td.csc-textpic-imagecolumn .csc-textpic-image { margin-right: 1%; } #content #contentbereich div.csc-textpic-imagecolumn.csc-textpic-lastcol, #content02 #contentbereich div.csc-textpic-imagecolumn.csc-textpic-lastcol { margin-right: 0; margin-left: 1%; } #content #contentbereich .wappen .csc-textpic-imagewrap, #content02 #contentbereich .wappen .csc-textpic-imagewrap { margin: 0 0 14px; } @media (min-width: 23em) { #content #contentbereich .wappen .csc-textpic-imagewrap, #content02 #contentbereich .wappen .csc-textpic-imagewrap { margin: 0; } } .lt-ie9 #content #contentbereich .wappen .csc-textpic-imagewrap, .lt-ie9 #content02 #contentbereich .wappen .csc-textpic-imagewrap { margin: 0; } @media (min-width: 23em) { #content #contentbereich .wappen .csc-textpic-intext-right .csc-textpic-imagewrap, #content #contentbereich .wappen .csc-textpic-intext-left .csc-textpic-imagewrap, #content02 #contentbereich .wappen .csc-textpic-intext-right .csc-textpic-imagewrap, #content02 #contentbereich .wappen .csc-textpic-intext-left .csc-textpic-imagewrap { max-width: 20%; } } .lt-ie9 #content #contentbereich .wappen .csc-textpic-intext-right .csc-textpic-imagewrap, .lt-ie9 #content #contentbereich .wappen .csc-textpic-intext-left .csc-textpic-imagewrap, .lt-ie9 #content02 #contentbereich .wappen .csc-textpic-intext-right .csc-textpic-imagewrap, .lt-ie9 #content02 #contentbereich .wappen .csc-textpic-intext-left .csc-textpic-imagewrap { max-width: 20%; } #content #contentbereich .csc-textpic-center .csc-textpic-imagewrap[data-csc-cols="1"], #content #contentbereich .csc-textpic-center .csc-textpic-imagewrap[data-csc-cols="1"] div[class^="csc-textpic"], #content #contentbereich .csc-textpic-center .csc-textpic-imagewrap[data-csc-cols="1"] figure, #content #contentbereich .csc-textpic-center .csc-textpic-imagewrap[data-csc-cols="1"] img, #content #contentbereich .csc-textpic .csc-textpic-imagewrap[data-csc-cols="1"], #content #contentbereich .csc-textpic .csc-textpic-imagewrap[data-csc-cols="1"] div[class^="csc-textpic"], #content #contentbereich .csc-textpic .csc-textpic-imagewrap[data-csc-cols="1"] figure, #content #contentbereich .csc-textpic .csc-textpic-imagewrap[data-csc-cols="1"] img, #content #contentbereich .csc-textpic-center .csc-textpic-imagewrap[data-csc-cols="2"], #content #contentbereich .csc-textpic-center .csc-textpic-imagewrap[data-csc-cols="2"] div[class^="csc-textpic"], #content #contentbereich .csc-textpic-center .csc-textpic-imagewrap[data-csc-cols="2"] figure, #content #contentbereich .csc-textpic-center .csc-textpic-imagewrap[data-csc-cols="2"] img, #content #contentbereich .csc-textpic-center .csc-textpic-imagewrap[data-csc-cols="3"], #content #contentbereich .csc-textpic-center .csc-textpic-imagewrap[data-csc-cols="3"] div[class^="csc-textpic"], #content #contentbereich .csc-textpic-center .csc-textpic-imagewrap[data-csc-cols="3"] figure, #content #contentbereich .csc-textpic-center .csc-textpic-imagewrap[data-csc-cols="3"] img, #content #contentbereich .csc-textpic-center .csc-textpic-imagewrap[data-csc-cols="4"], #content #contentbereich .csc-textpic-center .csc-textpic-imagewrap[data-csc-cols="4"] div[class^="csc-textpic"], #content #contentbereich .csc-textpic-center .csc-textpic-imagewrap[data-csc-cols="4"] figure, #content #contentbereich .csc-textpic-center .csc-textpic-imagewrap[data-csc-cols="4"] img, #content02 #contentbereich .csc-textpic-center .csc-textpic-imagewrap[data-csc-cols="1"], #content02 #contentbereich .csc-textpic-center .csc-textpic-imagewrap[data-csc-cols="1"] div[class^="csc-textpic"], #content02 #contentbereich .csc-textpic-center .csc-textpic-imagewrap[data-csc-cols="1"] figure, #content02 #contentbereich .csc-textpic-center .csc-textpic-imagewrap[data-csc-cols="1"] img, #content02 #contentbereich .csc-textpic .csc-textpic-imagewrap[data-csc-cols="1"], #content02 #contentbereich .csc-textpic .csc-textpic-imagewrap[data-csc-cols="1"] div[class^="csc-textpic"], #content02 #contentbereich .csc-textpic .csc-textpic-imagewrap[data-csc-cols="1"] figure, #content02 #contentbereich .csc-textpic .csc-textpic-imagewrap[data-csc-cols="1"] img, #content02 #contentbereich .csc-textpic-center .csc-textpic-imagewrap[data-csc-cols="2"], #content02 #contentbereich .csc-textpic-center .csc-textpic-imagewrap[data-csc-cols="2"] div[class^="csc-textpic"], #content02 #contentbereich .csc-textpic-center .csc-textpic-imagewrap[data-csc-cols="2"] figure, #content02 #contentbereich .csc-textpic-center .csc-textpic-imagewrap[data-csc-cols="2"] img, #content02 #contentbereich .csc-textpic-center .csc-textpic-imagewrap[data-csc-cols="3"], #content02 #contentbereich .csc-textpic-center .csc-textpic-imagewrap[data-csc-cols="3"] div[class^="csc-textpic"], #content02 #contentbereich .csc-textpic-center .csc-textpic-imagewrap[data-csc-cols="3"] figure, #content02 #contentbereich .csc-textpic-center .csc-textpic-imagewrap[data-csc-cols="3"] img, #content02 #contentbereich .csc-textpic-center .csc-textpic-imagewrap[data-csc-cols="4"], #content02 #contentbereich .csc-textpic-center .csc-textpic-imagewrap[data-csc-cols="4"] div[class^="csc-textpic"], #content02 #contentbereich .csc-textpic-center .csc-textpic-imagewrap[data-csc-cols="4"] figure, #content02 #contentbereich .csc-textpic-center .csc-textpic-imagewrap[data-csc-cols="4"] img { width: 100%; } #content #contentbereich .csc-textpic-center .csc-textpic-imagewrap[data-csc-cols="2"] div[class^="csc-textpic-imagecolumn"], #content02 #contentbereich .csc-textpic-center .csc-textpic-imagewrap[data-csc-cols="2"] div[class^="csc-textpic-imagecolumn"] { width: 100%; } @media (min-width: 23em) { #content #contentbereich .csc-textpic-center .csc-textpic-imagewrap[data-csc-cols="2"] div[class^="csc-textpic-imagecolumn"], #content02 #contentbereich .csc-textpic-center .csc-textpic-imagewrap[data-csc-cols="2"] div[class^="csc-textpic-imagecolumn"] { width: 49%; } } .lt-ie9 #content #contentbereich .csc-textpic-center .csc-textpic-imagewrap[data-csc-cols="2"] div[class^="csc-textpic-imagecolumn"], .lt-ie9 #content02 #contentbereich .csc-textpic-center .csc-textpic-imagewrap[data-csc-cols="2"] div[class^="csc-textpic-imagecolumn"] { width: 49%; } #content #contentbereich .csc-textpic-center .csc-textpic-imagewrap[data-csc-cols="3"] div[class^="csc-textpic-imagecolumn"], #content02 #contentbereich .csc-textpic-center .csc-textpic-imagewrap[data-csc-cols="3"] div[class^="csc-textpic-imagecolumn"] { width: 100%; } @media (min-width: 23em) { #content #contentbereich .csc-textpic-center .csc-textpic-imagewrap[data-csc-cols="3"] div[class^="csc-textpic-imagecolumn"], #content02 #contentbereich .csc-textpic-center .csc-textpic-imagewrap[data-csc-cols="3"] div[class^="csc-textpic-imagecolumn"] { width: 32%; } } .lt-ie9 #content #contentbereich .csc-textpic-center .csc-textpic-imagewrap[data-csc-cols="3"] div[class^="csc-textpic-imagecolumn"], .lt-ie9 #content02 #contentbereich .csc-textpic-center .csc-textpic-imagewrap[data-csc-cols="3"] div[class^="csc-textpic-imagecolumn"] { width: 32%; } #content #contentbereich .csc-textpic-center .csc-textpic-imagewrap[data-csc-cols="4"] div[class^="csc-textpic-imagecolumn"], #content02 #contentbereich .csc-textpic-center .csc-textpic-imagewrap[data-csc-cols="4"] div[class^="csc-textpic-imagecolumn"] { width: 100%; } @media (min-width: 23em) { #content #contentbereich .csc-textpic-center .csc-textpic-imagewrap[data-csc-cols="4"] div[class^="csc-textpic-imagecolumn"], #content02 #contentbereich .csc-textpic-center .csc-textpic-imagewrap[data-csc-cols="4"] div[class^="csc-textpic-imagecolumn"] { width: 24%; } } .lt-ie9 #content #contentbereich .csc-textpic-center .csc-textpic-imagewrap[data-csc-cols="4"] div[class^="csc-textpic-imagecolumn"], .lt-ie9 #content02 #contentbereich .csc-textpic-center .csc-textpic-imagewrap[data-csc-cols="4"] div[class^="csc-textpic-imagecolumn"] { width: 24%; } @media (min-width: 48em) { #content #contentbereich .col1, #content02 #contentbereich .col1 { width: 48%; float: left; } } .lt-ie9 #content #contentbereich .col1, .lt-ie9 #content02 #contentbereich .col1 { width: 48%; float: left; } @media (min-width: 48em) { #content #contentbereich .col2, #content02 #contentbereich .col2 { width: 48%; float: right; } } .lt-ie9 #content #contentbereich .col2, .lt-ie9 #content02 #contentbereich .col2 { width: 48%; float: right; } #content #contentbereich .element3cols, #content #contentbereich .element2cols, #content02 #contentbereich .element3cols, #content02 #contentbereich .element2cols { overflow: hidden; } @media (min-width: 48em) { #content #contentbereich .element3cols .csc-textpic-center .csc-textpic-imagewrap[data-csc-cols="1"], #content #contentbereich .element3cols .csc-textpic-center .csc-textpic-imagewrap[data-csc-cols="1"] div[class^="csc-textpic"], #content #contentbereich .element3cols .csc-textpic-center .csc-textpic-imagewrap[data-csc-cols="1"] figure, #content #contentbereich .element3cols .csc-textpic-center .csc-textpic-imagewrap[data-csc-cols="1"] img, #content #contentbereich .element2cols .csc-textpic-center .csc-textpic-imagewrap[data-csc-cols="1"], #content #contentbereich .element2cols .csc-textpic-center .csc-textpic-imagewrap[data-csc-cols="1"] div[class^="csc-textpic"], #content #contentbereich .element2cols .csc-textpic-center .csc-textpic-imagewrap[data-csc-cols="1"] figure, #content #contentbereich .element2cols .csc-textpic-center .csc-textpic-imagewrap[data-csc-cols="1"] img, #content02 #contentbereich .element3cols .csc-textpic-center .csc-textpic-imagewrap[data-csc-cols="1"], #content02 #contentbereich .element3cols .csc-textpic-center .csc-textpic-imagewrap[data-csc-cols="1"] div[class^="csc-textpic"], #content02 #contentbereich .element3cols .csc-textpic-center .csc-textpic-imagewrap[data-csc-cols="1"] figure, #content02 #contentbereich .element3cols .csc-textpic-center .csc-textpic-imagewrap[data-csc-cols="1"] img, #content02 #contentbereich .element2cols .csc-textpic-center .csc-textpic-imagewrap[data-csc-cols="1"], #content02 #contentbereich .element2cols .csc-textpic-center .csc-textpic-imagewrap[data-csc-cols="1"] div[class^="csc-textpic"], #content02 #contentbereich .element2cols .csc-textpic-center .csc-textpic-imagewrap[data-csc-cols="1"] figure, #content02 #contentbereich .element2cols .csc-textpic-center .csc-textpic-imagewrap[data-csc-cols="1"] img { width: 100%; } #content #contentbereich .element3cols .csc-textpic-imagewrap[data-csc-cols="2"] .csc-textpic-imagecolumn, #content #contentbereich .element2cols .csc-textpic-imagewrap[data-csc-cols="2"] .csc-textpic-imagecolumn, #content02 #contentbereich .element3cols .csc-textpic-imagewrap[data-csc-cols="2"] .csc-textpic-imagecolumn, #content02 #contentbereich .element2cols .csc-textpic-imagewrap[data-csc-cols="2"] .csc-textpic-imagecolumn { width: 48%; } #content #contentbereich .element3cols .csc-textpic-imagewrap[data-csc-cols="3"] .csc-textpic-imagecolumn, #content #contentbereich .element2cols .csc-textpic-imagewrap[data-csc-cols="3"] .csc-textpic-imagecolumn, #content02 #contentbereich .element3cols .csc-textpic-imagewrap[data-csc-cols="3"] .csc-textpic-imagecolumn, #content02 #contentbereich .element2cols .csc-textpic-imagewrap[data-csc-cols="3"] .csc-textpic-imagecolumn { width: 31%; } #content #contentbereich .element3cols .csc-textpic-imagewrap[data-csc-cols="4"] .csc-textpic-imagecolumn, #content #contentbereich .element2cols .csc-textpic-imagewrap[data-csc-cols="4"] .csc-textpic-imagecolumn, #content02 #contentbereich .element3cols .csc-textpic-imagewrap[data-csc-cols="4"] .csc-textpic-imagecolumn, #content02 #contentbereich .element2cols .csc-textpic-imagewrap[data-csc-cols="4"] .csc-textpic-imagecolumn { width: 23%; } } .lt-ie9 #content #contentbereich .element3cols .csc-textpic-center .csc-textpic-imagewrap[data-csc-cols="1"], .lt-ie9 #content #contentbereich .element3cols .csc-textpic-center .csc-textpic-imagewrap[data-csc-cols="1"] div[class^="csc-textpic"], .lt-ie9 #content #contentbereich .element3cols .csc-textpic-center .csc-textpic-imagewrap[data-csc-cols="1"] figure, .lt-ie9 #content #contentbereich .element3cols .csc-textpic-center .csc-textpic-imagewrap[data-csc-cols="1"] img, .lt-ie9 #content #contentbereich .element2cols .csc-textpic-center .csc-textpic-imagewrap[data-csc-cols="1"], .lt-ie9 #content #contentbereich .element2cols .csc-textpic-center .csc-textpic-imagewrap[data-csc-cols="1"] div[class^="csc-textpic"], .lt-ie9 #content #contentbereich .element2cols .csc-textpic-center .csc-textpic-imagewrap[data-csc-cols="1"] figure, .lt-ie9 #content #contentbereich .element2cols .csc-textpic-center .csc-textpic-imagewrap[data-csc-cols="1"] img, .lt-ie9 #content02 #contentbereich .element3cols .csc-textpic-center .csc-textpic-imagewrap[data-csc-cols="1"], .lt-ie9 #content02 #contentbereich .element3cols .csc-textpic-center .csc-textpic-imagewrap[data-csc-cols="1"] div[class^="csc-textpic"], .lt-ie9 #content02 #contentbereich .element3cols .csc-textpic-center .csc-textpic-imagewrap[data-csc-cols="1"] figure, .lt-ie9 #content02 #contentbereich .element3cols .csc-textpic-center .csc-textpic-imagewrap[data-csc-cols="1"] img, .lt-ie9 #content02 #contentbereich .element2cols .csc-textpic-center .csc-textpic-imagewrap[data-csc-cols="1"], .lt-ie9 #content02 #contentbereich .element2cols .csc-textpic-center .csc-textpic-imagewrap[data-csc-cols="1"] div[class^="csc-textpic"], .lt-ie9 #content02 #contentbereich .element2cols .csc-textpic-center .csc-textpic-imagewrap[data-csc-cols="1"] figure, .lt-ie9 #content02 #contentbereich .element2cols .csc-textpic-center .csc-textpic-imagewrap[data-csc-cols="1"] img { width: 100%; } .lt-ie9 #content #contentbereich .element3cols .csc-textpic-imagewrap[data-csc-cols="2"] .csc-textpic-imagecolumn, .lt-ie9 #content #contentbereich .element2cols .csc-textpic-imagewrap[data-csc-cols="2"] .csc-textpic-imagecolumn, .lt-ie9 #content02 #contentbereich .element3cols .csc-textpic-imagewrap[data-csc-cols="2"] .csc-textpic-imagecolumn, .lt-ie9 #content02 #contentbereich .element2cols .csc-textpic-imagewrap[data-csc-cols="2"] .csc-textpic-imagecolumn { width: 48%; } .lt-ie9 #content #contentbereich .element3cols .csc-textpic-imagewrap[data-csc-cols="3"] .csc-textpic-imagecolumn, .lt-ie9 #content #contentbereich .element2cols .csc-textpic-imagewrap[data-csc-cols="3"] .csc-textpic-imagecolumn, .lt-ie9 #content02 #contentbereich .element3cols .csc-textpic-imagewrap[data-csc-cols="3"] .csc-textpic-imagecolumn, .lt-ie9 #content02 #contentbereich .element2cols .csc-textpic-imagewrap[data-csc-cols="3"] .csc-textpic-imagecolumn { width: 31%; } .lt-ie9 #content #contentbereich .element3cols .csc-textpic-imagewrap[data-csc-cols="4"] .csc-textpic-imagecolumn, .lt-ie9 #content #contentbereich .element2cols .csc-textpic-imagewrap[data-csc-cols="4"] .csc-textpic-imagecolumn, .lt-ie9 #content02 #contentbereich .element3cols .csc-textpic-imagewrap[data-csc-cols="4"] .csc-textpic-imagecolumn, .lt-ie9 #content02 #contentbereich .element2cols .csc-textpic-imagewrap[data-csc-cols="4"] .csc-textpic-imagecolumn { width: 23%; } #content #contentbereich .element2cols h2, #content02 #contentbereich .element2cols h2 { font-size: 19px; } #content #contentbereich .element2cols h2 + .csc-textpic-above .csc-textpic-center-inner, #content02 #contentbereich .element2cols h2 + .csc-textpic-above .csc-textpic-center-inner { margin-top: 0; } #content #contentbereich .element3cols:before, #content #contentbereich .element3cols:after, #content02 #contentbereich .element3cols:before, #content02 #contentbereich .element3cols:after { content: " "; display: table; } #content #contentbereich .element3cols:after, #content02 #contentbereich .element3cols:after { clear: both; } #content #contentbereich .element3cols, #content02 #contentbereich .element3cols { *zoom: 1; } @media (min-width: 48em) { #content #contentbereich .element3cols .col1, #content02 #contentbereich .element3cols .col1 { width: 32%; float: left; } } .lt-ie9 #content #contentbereich .element3cols .col1, .lt-ie9 #content02 #contentbereich .element3cols .col1 { width: 32%; float: left; } @media (min-width: 48em) { #content #contentbereich .element3cols .col2, #content02 #contentbereich .element3cols .col2 { width: 34%; float: left; padding: 0 1%; } } .lt-ie9 #content #contentbereich .element3cols .col2, .lt-ie9 #content02 #contentbereich .element3cols .col2 { width: 34%; float: left; padding: 0 1%; } @media (min-width: 48em) { #content #contentbereich .element3cols .col3, #content02 #contentbereich .element3cols .col3 { width: 32%; float: left; } } .lt-ie9 #content #contentbereich .element3cols .col3, .lt-ie9 #content02 #contentbereich .element3cols .col3 { width: 32%; float: left; } #content #contentbereich .csc-textpic-center .csc-textpic-imagewrap[data-csc-cols="1"] img, #content02 #contentbereich .csc-textpic-center .csc-textpic-imagewrap[data-csc-cols="1"] img { width: 100%; } #content #contentbereich iframe, #content02 #contentbereich iframe { margin: 0 0 5px; } #content #contentbereich .button, #content02 #contentbereich .button { background: none repeat scroll 0 0 #cf173f; color: #FFFFFF !important; display: inline-block; margin: 14px auto 0; padding: 6px 16px; } #content #contentbereich .button.download:before, #content #contentbereich .button.pdf-liste:before, #content02 #contentbereich .button.download:before, #content02 #contentbereich .button.pdf-liste:before { padding: 0 10px 0 0; } .spring #content #contentbereich .button, .spring #content02 #contentbereich .button { background: #cf173f; } .summer #content #contentbereich .button, .summer #content02 #contentbereich .button { background: #cf173f; } .autumn #content #contentbereich .button, .autumn #content02 #contentbereich .button { background: #cf173f; } .winter #content #contentbereich .button, .winter #content02 #contentbereich .button { background: #cf173f; } #content #contentbereich .button:hover, #content02 #contentbereich .button:hover { color: #FFFFFF; background: #4eaf14; } .spring #content #contentbereich .button:hover, .spring #content02 #contentbereich .button:hover { background: #b81438; } .summer #content #contentbereich .button:hover, .summer #content02 #contentbereich .button:hover { background: #b81438; } .autumn #content #contentbereich .button:hover, .autumn #content02 #contentbereich .button:hover { background: #b81438; } .winter #content #contentbereich .button:hover, .winter #content02 #contentbereich .button:hover { background: #b81438; } #content #contentbereich .hwlists .filterblock, #content #contentbereich .liste, #content02 #contentbereich .hwlists .filterblock, #content02 #contentbereich .liste { padding: 18px 0 0; } #content #contentbereich .anzahlGesamt, #content02 #contentbereich .anzahlGesamt { display: none; } #content #contentbereich ul.pager, #content02 #contentbereich ul.pager { list-style-type: none; margin: 0 !important; overflow: hidden; padding: 20px 0; } #content #contentbereich ul.pager li, #content02 #contentbereich ul.pager li { float: left; list-style-type: none !important; line-height: auto; margin: 0px 7px 0 0; width: 30px; overflow: hidden; } #content #contentbereich ul.pager li a, #content #contentbereich ul.pager li span, #content02 #contentbereich ul.pager li a, #content02 #contentbereich ul.pager li span { color: #717171; display: inline-block; font-size: 14px; height: 30px; width: 30px; text-align: center; line-height: 30px; background: #EEEEEE; } #content #contentbereich ul.pager li a:hover, #content #contentbereich ul.pager li span:hover, #content02 #contentbereich ul.pager li a:hover, #content02 #contentbereich ul.pager li span:hover { color: #fff; background: #cf173f; } #content #contentbereich ul.pager li.current a, #content #contentbereich ul.pager li.current span, #content02 #contentbereich ul.pager li.current a, #content02 #contentbereich ul.pager li.current span { color: #fff; background: #cf173f; } #content #contentbereich ul.pager li.next a:after, #content02 #contentbereich ul.pager li.next a:after { font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; content: "\f105"; display: inline-block; padding: 0; } #content #contentbereich ul.pager li.last a:after, #content02 #contentbereich ul.pager li.last a:after { font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; content: "\f101"; display: inline-block; padding: 0; } #content #contentbereich ul.pager li.previous a:after, #content02 #contentbereich ul.pager li.previous a:after { font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; content: "\f104"; display: inline-block; padding: 0; } #content #contentbereich ul.pager li.first a:after, #content02 #contentbereich ul.pager li.first a:after { font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; content: "\f100"; display: inline-block; padding: 0; } #content #contentbereich .details .erstelldatum, #content02 #contentbereich .details .erstelldatum { float: left; } #content #contentbereich .details .author, #content02 #contentbereich .details .author { float: right; } #content #contentbereich .details h2.titel, #content02 #contentbereich .details h2.titel { border: medium none !important; clear: both; color: #717171 !important; font-family: 'Arapey Regular',serif; font-size: 22px; padding: 10px 0 15px; } #content #contentbereich .verwandteArtikel, #content02 #contentbereich .verwandteArtikel { background: none repeat scroll 0 0 #ebebeb; border: 1px solid #CCCCCC; padding: 10px; } #content #contentbereich .verwandteArtikel h4, #content02 #contentbereich .verwandteArtikel h4 { font-weight: normal; text-transform: uppercase; } #content #contentbereich .verwandteArtikel ul, #content02 #contentbereich .verwandteArtikel ul { margin-left: 0; } #content #contentbereich .verwandteArtikel li, #content02 #contentbereich .verwandteArtikel li { list-style-type: none; } #content #contentbereich .verwandteArtikel li:before, #content02 #contentbereich .verwandteArtikel li:before { font-size: 7pt; padding: 0 8px 0 2px; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; content: "\f054"; } #content #contentbereich .kategorien, #content #contentbereich .beschreibung, #content02 #contentbereich .kategorien, #content02 #contentbereich .beschreibung { margin: 16px 0 0; } #content #contentbereich .eintrag, #content #contentbereich .single-list-entry, #content02 #contentbereich .eintrag, #content02 #contentbereich .single-list-entry { border-bottom: 1px solid #EEEEEE; font-size: 14px; margin: 0 0 20px; overflow: hidden; padding: 0 0 20px; } #content #contentbereich .eintrag .erstelldatum, #content #contentbereich .single-list-entry .erstelldatum, #content02 #contentbereich .eintrag .erstelldatum, #content02 #contentbereich .single-list-entry .erstelldatum { padding: 5px 0; color: #cf173f; } #content #contentbereich .eintrag .author, #content #contentbereich .single-list-entry .author, #content02 #contentbereich .eintrag .author, #content02 #contentbereich .single-list-entry .author { display: none; } #content #contentbereich .eintrag h3, #content #contentbereich .single-list-entry h3, #content02 #contentbereich .eintrag h3, #content02 #contentbereich .single-list-entry h3 { font-family: 'Arapey Regular',serif; font-size: 22px; font-weight: normal; padding: 0 0px; } #content #contentbereich .eintrag .teasertext, #content #contentbereich .single-list-entry .teasertext, #content02 #contentbereich .eintrag .teasertext, #content02 #contentbereich .single-list-entry .teasertext { padding: 0 0px 10px; } #content #contentbereich .eintrag .link a:before, #content #contentbereich .single-list-entry .link a:before, #content02 #contentbereich .eintrag .link a:before, #content02 #contentbereich .single-list-entry .link a:before { font-size: 11pt; padding: 0 3px 0 0; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; content: "\f138"; } #content #contentbereich .eintrag .teaserbild, #content #contentbereich .single-list-entry .teaserbild, #content02 #contentbereich .eintrag .teaserbild, #content02 #contentbereich .single-list-entry .teaserbild { width: 25%; float: left; margin: 0 3% 5px 0; } @media (min-width: 30em) { #content #contentbereich .eintrag .teaserbild, #content #contentbereich .single-list-entry .teaserbild, #content02 #contentbereich .eintrag .teaserbild, #content02 #contentbereich .single-list-entry .teaserbild { width: 30%; } } .lt-ie9 #content #contentbereich .eintrag .teaserbild, .lt-ie9 #content #contentbereich .single-list-entry .teaserbild, .lt-ie9 #content02 #contentbereich .eintrag .teaserbild, .lt-ie9 #content02 #contentbereich .single-list-entry .teaserbild { width: 30%; } #content #contentbereich .eintrag .teaserbild img, #content #contentbereich .single-list-entry .teaserbild img, #content02 #contentbereich .eintrag .teaserbild img, #content02 #contentbereich .single-list-entry .teaserbild img { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #E5E5E5; padding: 5px; width: 100%; height: auto; display: block; } #content #contentbereich .eintrag .wrap, #content #contentbereich .single-list-entry .wrap, #content02 #contentbereich .eintrag .wrap, #content02 #contentbereich .single-list-entry .wrap { float: right; width: 72%; } @media (min-width: 30em) { #content #contentbereich .eintrag .wrap, #content #contentbereich .single-list-entry .wrap, #content02 #contentbereich .eintrag .wrap, #content02 #contentbereich .single-list-entry .wrap { width: 67%; } } .lt-ie9 #content #contentbereich .eintrag .wrap, .lt-ie9 #content #contentbereich .single-list-entry .wrap, .lt-ie9 #content02 #contentbereich .eintrag .wrap, .lt-ie9 #content02 #contentbereich .single-list-entry .wrap { width: 67%; } #content #contentbereich a, #content02 #contentbereich a { color: #cf173f; cursor: hand; cursor: pointer; text-decoration: none; } #content #contentbereich a:hover, #content02 #contentbereich a:hover { color: #5c0a1c; } #content #contentbereich .contentelement + .slideblock, #content02 #contentbereich .contentelement + .slideblock { margin: 25px 0 0; } #content #contentbereich .slideblock, #content02 #contentbereich .slideblock { overflow: hidden; } .spring #content #contentbereich .slideblock, .spring #content02 #contentbereich .slideblock { border-bottom: 1px dotted #f0b4c1; } .summer #content #contentbereich .slideblock, .summer #content02 #contentbereich .slideblock { border-bottom: 1px dotted #f0b4c1; } .autumn #content #contentbereich .slideblock, .autumn #content02 #contentbereich .slideblock { border-bottom: 1px dotted #f0b4c1; } .winter #content #contentbereich .slideblock, .winter #content02 #contentbereich .slideblock { border-bottom: 1px dotted #f0b4c1; } #content #contentbereich .slideblock .ui-accordion-content, #content02 #contentbereich .slideblock .ui-accordion-content { padding: 0 0 16px; } #content #contentbereich .slideblock h2, #content02 #contentbereich .slideblock h2 { display: block; cursor: pointer; position: relative; margin: 2px 0 0px; padding: 0 8px 8px 25px; min-height: 0; /* support: IE7 */ font-size: 17px; text-transform: none; position: relative; } #content #contentbereich .slideblock h2:before, #content02 #contentbereich .slideblock h2:before { font-size: 11pt; padding: 0 10px 0 0; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; content: "\f138"; position: absolute; left: 0px; top: 2px; } #content #contentbereich .slideblock h2.ui-accordion-header-active, #content02 #contentbereich .slideblock h2.ui-accordion-header-active { border: none; } #content #contentbereich .slideblock h2.ui-accordion-header-active:before, #content02 #contentbereich .slideblock h2.ui-accordion-header-active:before { font-size: 11pt; padding: 0 10px 0 0; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; content: "\f13a"; position: absolute; left: 10px; top: 2px; } #content #contentbereich .contentbereichInfobox, #content02 #contentbereich .contentbereichInfobox { background: #F5F5F5; border: 1px solid #CBE2BD; margin: 0; padding: 15px 16px; width: 100%; overflow: hidden; margin-top: 20px; } .spring #content #contentbereich .contentbereichInfobox, .spring #content02 #contentbereich .contentbereichInfobox { border: 1px solid #f0b4c1; } .summer #content #contentbereich .contentbereichInfobox, .summer #content02 #contentbereich .contentbereichInfobox { border: 1px solid #f0b4c1; } .autumn #content #contentbereich .contentbereichInfobox, .autumn #content02 #contentbereich .contentbereichInfobox { border: 1px solid #f0b4c1; } .winter #content #contentbereich .contentbereichInfobox, .winter #content02 #contentbereich .contentbereichInfobox { border: 1px solid #f0b4c1; } #content #contentbereich .contentbereichInfobox h2, #content02 #contentbereich .contentbereichInfobox h2 { font-size: 16px; padding-top: 0; text-transform: uppercase; } #content #contentbereich #dynamischeListe2 ul, #content02 #contentbereich #dynamischeListe2 ul { margin: 0; } #content #contentbereich #dynamischeListe2 ul li, #content02 #contentbereich #dynamischeListe2 ul li { list-style-type: none; margin: 0; padding: 15px 0px 15px; margin: 0 0 15px; border-bottom: 1px solid #cccccc; overflow: hidden; } #content #contentbereich #dynamischeListe2 ul li .teaserPicture, #content02 #contentbereich #dynamischeListe2 ul li .teaserPicture { float: right; width: 132px; border: 1px solid #efefef; margin: 0 0 0 10px; } @media (min-width: 60em) { #content #contentbereich #dynamischeListe2 ul li .teaserPicture, #content02 #contentbereich #dynamischeListe2 ul li .teaserPicture { float: left; margin: 0; } } .lt-ie9 #content #contentbereich #dynamischeListe2 ul li .teaserPicture, .lt-ie9 #content02 #contentbereich #dynamischeListe2 ul li .teaserPicture { float: left; margin: 0; } .ie8 #content #contentbereich #dynamischeListe2 ul li .teaserPicture, .ie7 #content #contentbereich #dynamischeListe2 ul li .teaserPicture, .ie8 #content02 #contentbereich #dynamischeListe2 ul li .teaserPicture, .ie7 #content02 #contentbereich #dynamischeListe2 ul li .teaserPicture { float: left; margin: 0; } #content #contentbereich #dynamischeListe2 ul li .newsText, #content02 #contentbereich #dynamischeListe2 ul li .newsText { float: left; } @media (min-width: 60em) { #content #contentbereich #dynamischeListe2 ul li .newsText, #content02 #contentbereich #dynamischeListe2 ul li .newsText { width: 705px; float: right; } } .lt-ie9 #content #contentbereich #dynamischeListe2 ul li .newsText, .lt-ie9 #content02 #contentbereich #dynamischeListe2 ul li .newsText { width: 705px; float: right; } .ie8 #content #contentbereich #dynamischeListe2 ul li .newsText, .ie7 #content #contentbereich #dynamischeListe2 ul li .newsText, .ie8 #content02 #contentbereich #dynamischeListe2 ul li .newsText, .ie7 #content02 #contentbereich #dynamischeListe2 ul li .newsText { width: 705px; float: right; } #content #contentbereich #dynamischeListe2 ul li .newsText .zurueck, #content #contentbereich #dynamischeListe2 ul li .newsText .newsText, #content02 #contentbereich #dynamischeListe2 ul li .newsText .zurueck, #content02 #contentbereich #dynamischeListe2 ul li .newsText .newsText { margin: 0 0 0 0px; } #content #contentbereich #dynamischeListe2 ul li .newsText .zurueck, #content02 #contentbereich #dynamischeListe2 ul li .newsText .zurueck { float: none; } #content #contentbereich #dynamischeListe2 ul li .newsbreit, #content02 #contentbereich #dynamischeListe2 ul li .newsbreit { width: 100%; } #content #contentbereich #dynamischeListe2 ul li .newsbreit .zurueck, #content #contentbereich #dynamischeListe2 ul li .newsbreit .newsText, #content02 #contentbereich #dynamischeListe2 ul li .newsbreit .zurueck, #content02 #contentbereich #dynamischeListe2 ul li .newsbreit .newsText { margin: 0 0 0 0px; } #content #contentbereich .zurueck, #content #contentbereich .rssbutton, #content #contentbereich .hwlists button.hwsort, #content #contentbereich .hwlists .detailsAnzeigen, #content02 #contentbereich .zurueck, #content02 #contentbereich .rssbutton, #content02 #contentbereich .hwlists button.hwsort, #content02 #contentbereich .hwlists .detailsAnzeigen { margin-top: 15px !important; display: block; } .no-js #content #contentbereich .zurueck.tourism, .no-js #content #contentbereich .rssbutton.tourism, .no-js #content #contentbereich .hwlists button.hwsort.tourism, .no-js #content #contentbereich .hwlists .detailsAnzeigen.tourism, .no-js #content02 #contentbereich .zurueck.tourism, .no-js #content02 #contentbereich .rssbutton.tourism, .no-js #content02 #contentbereich .hwlists button.hwsort.tourism, .no-js #content02 #contentbereich .hwlists .detailsAnzeigen.tourism { display: none; } #content #contentbereich .zurueck a, #content #contentbereich .rssbutton a, #content #contentbereich .hwlists button.hwsort a, #content #contentbereich .hwlists .detailsAnzeigen a, #content02 #contentbereich .zurueck a, #content02 #contentbereich .rssbutton a, #content02 #contentbereich .hwlists button.hwsort a, #content02 #contentbereich .hwlists .detailsAnzeigen a { padding: 5px 10px; background: #cf173f; color: #fff !important; display: inline-block; text-decoration: none !important; } .spring #content #contentbereich .zurueck a, .spring #content #contentbereich .rssbutton a, .spring #content #contentbereich .hwlists button.hwsort a, .spring #content #contentbereich .hwlists .detailsAnzeigen a, .spring #content02 #contentbereich .zurueck a, .spring #content02 #contentbereich .rssbutton a, .spring #content02 #contentbereich .hwlists button.hwsort a, .spring #content02 #contentbereich .hwlists .detailsAnzeigen a { background: #cf173f; } .summer #content #contentbereich .zurueck a, .summer #content #contentbereich .rssbutton a, .summer #content #contentbereich .hwlists button.hwsort a, .summer #content #contentbereich .hwlists .detailsAnzeigen a, .summer #content02 #contentbereich .zurueck a, .summer #content02 #contentbereich .rssbutton a, .summer #content02 #contentbereich .hwlists button.hwsort a, .summer #content02 #contentbereich .hwlists .detailsAnzeigen a { background: #cf173f; } .autumn #content #contentbereich .zurueck a, .autumn #content #contentbereich .rssbutton a, .autumn #content #contentbereich .hwlists button.hwsort a, .autumn #content #contentbereich .hwlists .detailsAnzeigen a, .autumn #content02 #contentbereich .zurueck a, .autumn #content02 #contentbereich .rssbutton a, .autumn #content02 #contentbereich .hwlists button.hwsort a, .autumn #content02 #contentbereich .hwlists .detailsAnzeigen a { background: #cf173f; } .winter #content #contentbereich .zurueck a, .winter #content #contentbereich .rssbutton a, .winter #content #contentbereich .hwlists button.hwsort a, .winter #content #contentbereich .hwlists .detailsAnzeigen a, .winter #content02 #contentbereich .zurueck a, .winter #content02 #contentbereich .rssbutton a, .winter #content02 #contentbereich .hwlists button.hwsort a, .winter #content02 #contentbereich .hwlists .detailsAnzeigen a { background: #cf173f; } #content #contentbereich .zurueck a:hover, #content #contentbereich .rssbutton a:hover, #content #contentbereich .hwlists button.hwsort a:hover, #content #contentbereich .hwlists .detailsAnzeigen a:hover, #content02 #contentbereich .zurueck a:hover, #content02 #contentbereich .rssbutton a:hover, #content02 #contentbereich .hwlists button.hwsort a:hover, #content02 #contentbereich .hwlists .detailsAnzeigen a:hover { color: #666666; } .spring #content #contentbereich .zurueck a:hover, .spring #content #contentbereich .rssbutton a:hover, .spring #content #contentbereich .hwlists button.hwsort a:hover, .spring #content #contentbereich .hwlists .detailsAnzeigen a:hover, .spring #content02 #contentbereich .zurueck a:hover, .spring #content02 #contentbereich .rssbutton a:hover, .spring #content02 #contentbereich .hwlists button.hwsort a:hover, .spring #content02 #contentbereich .hwlists .detailsAnzeigen a:hover { background: #a11231; } .summer #content #contentbereich .zurueck a:hover, .summer #content #contentbereich .rssbutton a:hover, .summer #content #contentbereich .hwlists button.hwsort a:hover, .summer #content #contentbereich .hwlists .detailsAnzeigen a:hover, .summer #content02 #contentbereich .zurueck a:hover, .summer #content02 #contentbereich .rssbutton a:hover, .summer #content02 #contentbereich .hwlists button.hwsort a:hover, .summer #content02 #contentbereich .hwlists .detailsAnzeigen a:hover { background: #a11231; } .autumn #content #contentbereich .zurueck a:hover, .autumn #content #contentbereich .rssbutton a:hover, .autumn #content #contentbereich .hwlists button.hwsort a:hover, .autumn #content #contentbereich .hwlists .detailsAnzeigen a:hover, .autumn #content02 #contentbereich .zurueck a:hover, .autumn #content02 #contentbereich .rssbutton a:hover, .autumn #content02 #contentbereich .hwlists button.hwsort a:hover, .autumn #content02 #contentbereich .hwlists .detailsAnzeigen a:hover { background: #a11231; } .winter #content #contentbereich .zurueck a:hover, .winter #content #contentbereich .rssbutton a:hover, .winter #content #contentbereich .hwlists button.hwsort a:hover, .winter #content #contentbereich .hwlists .detailsAnzeigen a:hover, .winter #content02 #contentbereich .zurueck a:hover, .winter #content02 #contentbereich .rssbutton a:hover, .winter #content02 #contentbereich .hwlists button.hwsort a:hover, .winter #content02 #contentbereich .hwlists .detailsAnzeigen a:hover { background: #a11231; } #content #contentbereich .controlBlockStyle, #content #contentbereich .tx-indexedsearch-browsebox, #content02 #contentbereich .controlBlockStyle, #content02 #contentbereich .tx-indexedsearch-browsebox { clear: both; margin: 3px 0; padding: 0; } #content #contentbereich .controlBlockStyle .controlBlockPageSlider, #content #contentbereich .controlBlockStyle .browsebox, #content #contentbereich .tx-indexedsearch-browsebox .controlBlockPageSlider, #content #contentbereich .tx-indexedsearch-browsebox .browsebox, #content02 #contentbereich .controlBlockStyle .controlBlockPageSlider, #content02 #contentbereich .controlBlockStyle .browsebox, #content02 #contentbereich .tx-indexedsearch-browsebox .controlBlockPageSlider, #content02 #contentbereich .tx-indexedsearch-browsebox .browsebox { clear: both; color: #F9F9F9; font-weight: normal; padding: 10px 0; text-align: left; width: 100%; } #content #contentbereich .controlBlockStyle .controlBlockPageSlider .sliderSpace, #content #contentbereich .controlBlockStyle .browsebox .sliderSpace, #content #contentbereich .tx-indexedsearch-browsebox .controlBlockPageSlider .sliderSpace, #content #contentbereich .tx-indexedsearch-browsebox .browsebox .sliderSpace, #content02 #contentbereich .controlBlockStyle .controlBlockPageSlider .sliderSpace, #content02 #contentbereich .controlBlockStyle .browsebox .sliderSpace, #content02 #contentbereich .tx-indexedsearch-browsebox .controlBlockPageSlider .sliderSpace, #content02 #contentbereich .tx-indexedsearch-browsebox .browsebox .sliderSpace { display: none; } #content #contentbereich .controlBlockStyle .controlBlockPageSlider a, #content #contentbereich .controlBlockStyle .browsebox a, #content #contentbereich .tx-indexedsearch-browsebox .controlBlockPageSlider a, #content #contentbereich .tx-indexedsearch-browsebox .browsebox a, #content02 #contentbereich .controlBlockStyle .controlBlockPageSlider a, #content02 #contentbereich .controlBlockStyle .browsebox a, #content02 #contentbereich .tx-indexedsearch-browsebox .controlBlockPageSlider a, #content02 #contentbereich .tx-indexedsearch-browsebox .browsebox a { background: #EFEFEF; color: #666666; cursor: pointer; margin: 10px 7px 0 0; padding: 4px 10px; text-decoration: none; } #content #contentbereich .controlBlockStyle .controlBlockPageSlider u, #content #contentbereich .controlBlockStyle .controlBlockPageSlider .tx-indexedsearch-browselist-currentPage a, #content #contentbereich .controlBlockStyle .browsebox u, #content #contentbereich .controlBlockStyle .browsebox .tx-indexedsearch-browselist-currentPage a, #content #contentbereich .tx-indexedsearch-browsebox .controlBlockPageSlider u, #content #contentbereich .tx-indexedsearch-browsebox .controlBlockPageSlider .tx-indexedsearch-browselist-currentPage a, #content #contentbereich .tx-indexedsearch-browsebox .browsebox u, #content #contentbereich .tx-indexedsearch-browsebox .browsebox .tx-indexedsearch-browselist-currentPage a, #content02 #contentbereich .controlBlockStyle .controlBlockPageSlider u, #content02 #contentbereich .controlBlockStyle .controlBlockPageSlider .tx-indexedsearch-browselist-currentPage a, #content02 #contentbereich .controlBlockStyle .browsebox u, #content02 #contentbereich .controlBlockStyle .browsebox .tx-indexedsearch-browselist-currentPage a, #content02 #contentbereich .tx-indexedsearch-browsebox .controlBlockPageSlider u, #content02 #contentbereich .tx-indexedsearch-browsebox .controlBlockPageSlider .tx-indexedsearch-browselist-currentPage a, #content02 #contentbereich .tx-indexedsearch-browsebox .browsebox u, #content02 #contentbereich .tx-indexedsearch-browsebox .browsebox .tx-indexedsearch-browselist-currentPage a { margin: 10px 7px 0 0; } #content #contentbereich .controlBlockStyle .controlBlockPageSlider u, #content #contentbereich .controlBlockStyle .controlBlockPageSlider a:hover, #content #contentbereich .controlBlockStyle .controlBlockPageSlider .tx-indexedsearch-browselist-currentPage a, #content #contentbereich .controlBlockStyle .browsebox u, #content #contentbereich .controlBlockStyle .browsebox a:hover, #content #contentbereich .controlBlockStyle .browsebox .tx-indexedsearch-browselist-currentPage a, #content #contentbereich .tx-indexedsearch-browsebox .controlBlockPageSlider u, #content #contentbereich .tx-indexedsearch-browsebox .controlBlockPageSlider a:hover, #content #contentbereich .tx-indexedsearch-browsebox .controlBlockPageSlider .tx-indexedsearch-browselist-currentPage a, #content #contentbereich .tx-indexedsearch-browsebox .browsebox u, #content #contentbereich .tx-indexedsearch-browsebox .browsebox a:hover, #content #contentbereich .tx-indexedsearch-browsebox .browsebox .tx-indexedsearch-browselist-currentPage a, #content02 #contentbereich .controlBlockStyle .controlBlockPageSlider u, #content02 #contentbereich .controlBlockStyle .controlBlockPageSlider a:hover, #content02 #contentbereich .controlBlockStyle .controlBlockPageSlider .tx-indexedsearch-browselist-currentPage a, #content02 #contentbereich .controlBlockStyle .browsebox u, #content02 #contentbereich .controlBlockStyle .browsebox a:hover, #content02 #contentbereich .controlBlockStyle .browsebox .tx-indexedsearch-browselist-currentPage a, #content02 #contentbereich .tx-indexedsearch-browsebox .controlBlockPageSlider u, #content02 #contentbereich .tx-indexedsearch-browsebox .controlBlockPageSlider a:hover, #content02 #contentbereich .tx-indexedsearch-browsebox .controlBlockPageSlider .tx-indexedsearch-browselist-currentPage a, #content02 #contentbereich .tx-indexedsearch-browsebox .browsebox u, #content02 #contentbereich .tx-indexedsearch-browsebox .browsebox a:hover, #content02 #contentbereich .tx-indexedsearch-browsebox .browsebox .tx-indexedsearch-browselist-currentPage a { color: #FFFFFF; cursor: pointer; margin-top: 10px; padding: 4px 10px; text-decoration: none; } .spring #content #contentbereich .controlBlockStyle .controlBlockPageSlider u, .spring #content #contentbereich .controlBlockStyle .controlBlockPageSlider a:hover, .spring #content #contentbereich .controlBlockStyle .controlBlockPageSlider .tx-indexedsearch-browselist-currentPage a, .spring #content #contentbereich .controlBlockStyle .browsebox u, .spring #content #contentbereich .controlBlockStyle .browsebox a:hover, .spring #content #contentbereich .controlBlockStyle .browsebox .tx-indexedsearch-browselist-currentPage a, .spring #content #contentbereich .tx-indexedsearch-browsebox .controlBlockPageSlider u, .spring #content #contentbereich .tx-indexedsearch-browsebox .controlBlockPageSlider a:hover, .spring #content #contentbereich .tx-indexedsearch-browsebox .controlBlockPageSlider .tx-indexedsearch-browselist-currentPage a, .spring #content #contentbereich .tx-indexedsearch-browsebox .browsebox u, .spring #content #contentbereich .tx-indexedsearch-browsebox .browsebox a:hover, .spring #content #contentbereich .tx-indexedsearch-browsebox .browsebox .tx-indexedsearch-browselist-currentPage a, .spring #content02 #contentbereich .controlBlockStyle .controlBlockPageSlider u, .spring #content02 #contentbereich .controlBlockStyle .controlBlockPageSlider a:hover, .spring #content02 #contentbereich .controlBlockStyle .controlBlockPageSlider .tx-indexedsearch-browselist-currentPage a, .spring #content02 #contentbereich .controlBlockStyle .browsebox u, .spring #content02 #contentbereich .controlBlockStyle .browsebox a:hover, .spring #content02 #contentbereich .controlBlockStyle .browsebox .tx-indexedsearch-browselist-currentPage a, .spring #content02 #contentbereich .tx-indexedsearch-browsebox .controlBlockPageSlider u, .spring #content02 #contentbereich .tx-indexedsearch-browsebox .controlBlockPageSlider a:hover, .spring #content02 #contentbereich .tx-indexedsearch-browsebox .controlBlockPageSlider .tx-indexedsearch-browselist-currentPage a, .spring #content02 #contentbereich .tx-indexedsearch-browsebox .browsebox u, .spring #content02 #contentbereich .tx-indexedsearch-browsebox .browsebox a:hover, .spring #content02 #contentbereich .tx-indexedsearch-browsebox .browsebox .tx-indexedsearch-browselist-currentPage a { background: #cf173f; } .summer #content #contentbereich .controlBlockStyle .controlBlockPageSlider u, .summer #content #contentbereich .controlBlockStyle .controlBlockPageSlider a:hover, .summer #content #contentbereich .controlBlockStyle .controlBlockPageSlider .tx-indexedsearch-browselist-currentPage a, .summer #content #contentbereich .controlBlockStyle .browsebox u, .summer #content #contentbereich .controlBlockStyle .browsebox a:hover, .summer #content #contentbereich .controlBlockStyle .browsebox .tx-indexedsearch-browselist-currentPage a, .summer #content #contentbereich .tx-indexedsearch-browsebox .controlBlockPageSlider u, .summer #content #contentbereich .tx-indexedsearch-browsebox .controlBlockPageSlider a:hover, .summer #content #contentbereich .tx-indexedsearch-browsebox .controlBlockPageSlider .tx-indexedsearch-browselist-currentPage a, .summer #content #contentbereich .tx-indexedsearch-browsebox .browsebox u, .summer #content #contentbereich .tx-indexedsearch-browsebox .browsebox a:hover, .summer #content #contentbereich .tx-indexedsearch-browsebox .browsebox .tx-indexedsearch-browselist-currentPage a, .summer #content02 #contentbereich .controlBlockStyle .controlBlockPageSlider u, .summer #content02 #contentbereich .controlBlockStyle .controlBlockPageSlider a:hover, .summer #content02 #contentbereich .controlBlockStyle .controlBlockPageSlider .tx-indexedsearch-browselist-currentPage a, .summer #content02 #contentbereich .controlBlockStyle .browsebox u, .summer #content02 #contentbereich .controlBlockStyle .browsebox a:hover, .summer #content02 #contentbereich .controlBlockStyle .browsebox .tx-indexedsearch-browselist-currentPage a, .summer #content02 #contentbereich .tx-indexedsearch-browsebox .controlBlockPageSlider u, .summer #content02 #contentbereich .tx-indexedsearch-browsebox .controlBlockPageSlider a:hover, .summer #content02 #contentbereich .tx-indexedsearch-browsebox .controlBlockPageSlider .tx-indexedsearch-browselist-currentPage a, .summer #content02 #contentbereich .tx-indexedsearch-browsebox .browsebox u, .summer #content02 #contentbereich .tx-indexedsearch-browsebox .browsebox a:hover, .summer #content02 #contentbereich .tx-indexedsearch-browsebox .browsebox .tx-indexedsearch-browselist-currentPage a { background: #cf173f; } .autumn #content #contentbereich .controlBlockStyle .controlBlockPageSlider u, .autumn #content #contentbereich .controlBlockStyle .controlBlockPageSlider a:hover, .autumn #content #contentbereich .controlBlockStyle .controlBlockPageSlider .tx-indexedsearch-browselist-currentPage a, .autumn #content #contentbereich .controlBlockStyle .browsebox u, .autumn #content #contentbereich .controlBlockStyle .browsebox a:hover, .autumn #content #contentbereich .controlBlockStyle .browsebox .tx-indexedsearch-browselist-currentPage a, .autumn #content #contentbereich .tx-indexedsearch-browsebox .controlBlockPageSlider u, .autumn #content #contentbereich .tx-indexedsearch-browsebox .controlBlockPageSlider a:hover, .autumn #content #contentbereich .tx-indexedsearch-browsebox .controlBlockPageSlider .tx-indexedsearch-browselist-currentPage a, .autumn #content #contentbereich .tx-indexedsearch-browsebox .browsebox u, .autumn #content #contentbereich .tx-indexedsearch-browsebox .browsebox a:hover, .autumn #content #contentbereich .tx-indexedsearch-browsebox .browsebox .tx-indexedsearch-browselist-currentPage a, .autumn #content02 #contentbereich .controlBlockStyle .controlBlockPageSlider u, .autumn #content02 #contentbereich .controlBlockStyle .controlBlockPageSlider a:hover, .autumn #content02 #contentbereich .controlBlockStyle .controlBlockPageSlider .tx-indexedsearch-browselist-currentPage a, .autumn #content02 #contentbereich .controlBlockStyle .browsebox u, .autumn #content02 #contentbereich .controlBlockStyle .browsebox a:hover, .autumn #content02 #contentbereich .controlBlockStyle .browsebox .tx-indexedsearch-browselist-currentPage a, .autumn #content02 #contentbereich .tx-indexedsearch-browsebox .controlBlockPageSlider u, .autumn #content02 #contentbereich .tx-indexedsearch-browsebox .controlBlockPageSlider a:hover, .autumn #content02 #contentbereich .tx-indexedsearch-browsebox .controlBlockPageSlider .tx-indexedsearch-browselist-currentPage a, .autumn #content02 #contentbereich .tx-indexedsearch-browsebox .browsebox u, .autumn #content02 #contentbereich .tx-indexedsearch-browsebox .browsebox a:hover, .autumn #content02 #contentbereich .tx-indexedsearch-browsebox .browsebox .tx-indexedsearch-browselist-currentPage a { background: #cf173f; } .winter #content #contentbereich .controlBlockStyle .controlBlockPageSlider u, .winter #content #contentbereich .controlBlockStyle .controlBlockPageSlider a:hover, .winter #content #contentbereich .controlBlockStyle .controlBlockPageSlider .tx-indexedsearch-browselist-currentPage a, .winter #content #contentbereich .controlBlockStyle .browsebox u, .winter #content #contentbereich .controlBlockStyle .browsebox a:hover, .winter #content #contentbereich .controlBlockStyle .browsebox .tx-indexedsearch-browselist-currentPage a, .winter #content #contentbereich .tx-indexedsearch-browsebox .controlBlockPageSlider u, .winter #content #contentbereich .tx-indexedsearch-browsebox .controlBlockPageSlider a:hover, .winter #content #contentbereich .tx-indexedsearch-browsebox .controlBlockPageSlider .tx-indexedsearch-browselist-currentPage a, .winter #content #contentbereich .tx-indexedsearch-browsebox .browsebox u, .winter #content #contentbereich .tx-indexedsearch-browsebox .browsebox a:hover, .winter #content #contentbereich .tx-indexedsearch-browsebox .browsebox .tx-indexedsearch-browselist-currentPage a, .winter #content02 #contentbereich .controlBlockStyle .controlBlockPageSlider u, .winter #content02 #contentbereich .controlBlockStyle .controlBlockPageSlider a:hover, .winter #content02 #contentbereich .controlBlockStyle .controlBlockPageSlider .tx-indexedsearch-browselist-currentPage a, .winter #content02 #contentbereich .controlBlockStyle .browsebox u, .winter #content02 #contentbereich .controlBlockStyle .browsebox a:hover, .winter #content02 #contentbereich .controlBlockStyle .browsebox .tx-indexedsearch-browselist-currentPage a, .winter #content02 #contentbereich .tx-indexedsearch-browsebox .controlBlockPageSlider u, .winter #content02 #contentbereich .tx-indexedsearch-browsebox .controlBlockPageSlider a:hover, .winter #content02 #contentbereich .tx-indexedsearch-browsebox .controlBlockPageSlider .tx-indexedsearch-browselist-currentPage a, .winter #content02 #contentbereich .tx-indexedsearch-browsebox .browsebox u, .winter #content02 #contentbereich .tx-indexedsearch-browsebox .browsebox a:hover, .winter #content02 #contentbereich .tx-indexedsearch-browsebox .browsebox .tx-indexedsearch-browselist-currentPage a { background: #cf173f; } #content #contentbereich .csc-textpic-imagewrap, #content02 #contentbereich .csc-textpic-imagewrap { display: inline-block; } #content #contentbereich ul, #content02 #contentbereich ul { margin-top: 15px; margin-left: 30px; } #content #contentbereich ul:first-child, #content02 #contentbereich ul:first-child { margin-top: 0; } #content #contentbereich ul li, #content02 #contentbereich ul li { line-height: 21px; margin-bottom: 5px; list-style-type: square; } #content #contentbereich ul ul, #content02 #contentbereich ul ul { margin-top: 5px; margin-bottom: 5px; margin-left: 30px; } #content #contentbereich ul ul li, #content02 #contentbereich ul ul li { margin-bottom: 0px; line-height: 21px; } #content #contentbereich ol, #content02 #contentbereich ol { margin-top: 11px; margin-bottom: 15px; margin-left: 30px; } #content #contentbereich ol li, #content02 #contentbereich ol li { line-height: 23px; margin-bottom: 5px; } #content #contentbereich ol ol, #content02 #contentbereich ol ol { margin-top: 5px; margin-bottom: 5px; margin-left: 30px; } #content #contentbereich ol ol li, #content02 #contentbereich ol ol li { margin-bottom: 0px; line-height: 21px; } #content #contentbereich .mail:before, #content02 #contentbereich .mail:before { font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; content: "\f003"; display: inline-block; padding: 0 4px 0 1px; } #content #contentbereich .internal-link:before, #content #contentbereich .internal-link-new-window:before, #content02 #contentbereich .internal-link:before, #content02 #contentbereich .internal-link-new-window:before { font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; content: "\f090"; display: inline-block; padding: 0 5px 0 0; font-size: 14px; } #content #contentbereich .external-link:before, #content #contentbereich .external-link-new-window:before, #content #contentbereich .fancybox-media:before, #content #contentbereich .various:before, #content02 #contentbereich .external-link:before, #content02 #contentbereich .external-link-new-window:before, #content02 #contentbereich .fancybox-media:before, #content02 #contentbereich .various:before { font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; content: "\f08b"; display: inline-block; padding: 0 5px 0 0; font-size: 14px; } #content #contentbereich .download:before, #content #contentbereich .pdf-liste:before, #content02 #contentbereich .download:before, #content02 #contentbereich .pdf-liste:before { font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; content: "\f019"; display: inline-block; padding: 0 5px 0 0; } #content #contentbereich .rssbutton, #content02 #contentbereich .rssbutton { padding: 5px 10px; background: #cf173f; color: #fff !important; display: inline-block; text-decoration: none !important; } #content #contentbereich .rssbutton:before, #content02 #contentbereich .rssbutton:before { display: none; } #content #contentbereich .rssbutton:after, #content02 #contentbereich .rssbutton:after { font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; content: "\f09e"; display: inline-block; padding: 0 0px 0 5px; color: #fff; } #content #contentbereich .rssbutton:hover, #content02 #contentbereich .rssbutton:hover { color: #666666; background: #a11231; } #content #contentbereich .hwlists .filterblock .search, #content02 #contentbereich .hwlists .filterblock .search { -webkit-border-radius: 0; border-radius: 0; background-clip: padding-box; /******************** ACHTUNG WICHTIG !! ********************/ } #content #contentbereich ul.categories, #content02 #contentbereich ul.categories { display: none; } #content #contentbereich .hwlist, #content02 #contentbereich .hwlist { padding: 20px 0 0; } #content #contentbereich .hwlists button.hwsort, #content #contentbereich .hwlists .detailsAnzeigen, #content02 #contentbereich .hwlists button.hwsort, #content02 #contentbereich .hwlists .detailsAnzeigen { cursor: hand; cursor: pointer; padding: 5px 10px; background: #cf173f; color: #fff !important; display: inline-block; text-decoration: none !important; border: none; -webkit-border-radius: 0; border-radius: 0; background-clip: padding-box; /******************** ACHTUNG WICHTIG !! ********************/ } #content #contentbereich .hwlists button.hwsort:hover, #content #contentbereich .hwlists .detailsAnzeigen:hover, #content02 #contentbereich .hwlists button.hwsort:hover, #content02 #contentbereich .hwlists .detailsAnzeigen:hover { color: #666666; background: #a11231; } #content #contentbereich .hwlists button.hwsort:before, #content #contentbereich .hwlists .detailsAnzeigen:before, #content02 #contentbereich .hwlists button.hwsort:before, #content02 #contentbereich .hwlists .detailsAnzeigen:before { font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; content: "\f0dc"; display: inline-block; padding: 0 10px 0 0px; color: #fff; } #content #contentbereich .hwlists button.hwsort.asc:before, #content #contentbereich .hwlists .detailsAnzeigen.asc:before, #content02 #contentbereich .hwlists button.hwsort.asc:before, #content02 #contentbereich .hwlists .detailsAnzeigen.asc:before { font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; content: "\f0de"; } #content #contentbereich .hwlists button.hwsort.desc:before, #content #contentbereich .hwlists .detailsAnzeigen.desc:before, #content02 #contentbereich .hwlists button.hwsort.desc:before, #content02 #contentbereich .hwlists .detailsAnzeigen.desc:before { font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; content: "\f0dd"; } #content #contentbereich .hwlists .detailsAnzeigen:before, #content02 #contentbereich .hwlists .detailsAnzeigen:before { font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; content: "\f0da"; display: inline-block; padding: 0 10px 0 0px; color: #fff; } #content #contentbereich .hwlists .detailsAnzeigen.open:before, #content02 #contentbereich .hwlists .detailsAnzeigen.open:before { font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; content: "\f0dd"; } #content #contentbereich .hwlists .detailsBlock, #content02 #contentbereich .hwlists .detailsBlock { display: none; } .no-js #content #contentbereich .hwlists .filterblock, .no-js #content #contentbereich .hwlists .detailsAnzeigen, .no-js #content02 #contentbereich .hwlists .filterblock, .no-js #content02 #contentbereich .hwlists .detailsAnzeigen { display: none; } .no-js #content #contentbereich .hwlists .detailsBlock, .no-js #content02 #contentbereich .hwlists .detailsBlock { display: block; } .no-js #content #contentbereich .hwlists .bild, .no-js #content02 #contentbereich .hwlists .bild { display: none; } #content #contentbereich .csc-textpic-border .csc-textpic-imagewrap IMG, #content02 #contentbereich .csc-textpic-border .csc-textpic-imagewrap IMG { border: 1px solid #e5e5e5; padding: 5px; background: #fff; } #content #contentbereich .csc-textpic-border .csc-textpic-imagewrap IMG:hover, #content02 #contentbereich .csc-textpic-border .csc-textpic-imagewrap IMG:hover { border: 1px solid #cf173f; } .lt-ie8 #content #contentbereich .csc-textpic-border .csc-textpic-imagewrap IMG, .lt-ie8 #content02 #contentbereich .csc-textpic-border .csc-textpic-imagewrap IMG { float: none; } #content #contentbereich .csc-textpic-caption, #content02 #contentbereich .csc-textpic-caption { float: left; font-size: 13px; margin: 0; padding: 2px 0 0 9px; color: #727272; position: relative; } .lt-ie8 #content #contentbereich .csc-textpic-caption, .lt-ie8 #content02 #contentbereich .csc-textpic-caption { width: 100%; clear: both; display: none; } #content #contentbereich .csc-textpic-image a, #content02 #contentbereich .csc-textpic-image a { position: relative; display: block; text-decoration: none; } #content #contentbereich .csc-textpic-image a.lightbox:after, #content02 #contentbereich .csc-textpic-image a.lightbox:after { padding: 2px 4px; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; content: "\f002"; font-weight: normal; font-size: 15px; color: #fff; position: absolute; right: 6px; bottom: 6px; background-color: #3f3f3f; background-color: rgba(63, 63, 63, 0.7); } #content #contentbereich #weatherBox:before, #content #contentbereich #weatherBox:after, #content02 #contentbereich #weatherBox:before, #content02 #contentbereich #weatherBox:after { content: " "; display: table; } #content #contentbereich #weatherBox:after, #content02 #contentbereich #weatherBox:after { clear: both; } #content #contentbereich #weatherBox, #content02 #contentbereich #weatherBox { *zoom: 1; } #content #contentbereich #weatherBox .tomorrow, #content #contentbereich #weatherBox .today, #content02 #contentbereich #weatherBox .tomorrow, #content02 #contentbereich #weatherBox .today { float: left; width: 50%; } #content #contentbereich #weatherBox .today, #content02 #contentbereich #weatherBox .today { padding: 0 2% 0 0; } #content #contentbereich #weatherBox .tomorrow, #content02 #contentbereich #weatherBox .tomorrow { padding: 0 0 0 2%; } #content #contentbereich #weatherBox .dayname, #content #contentbereich #weatherBox .daytext, #content02 #contentbereich #weatherBox .dayname, #content02 #contentbereich #weatherBox .daytext { float: left; } #content #contentbereich #weatherBox .temperature, #content #contentbereich #weatherBox .picture, #content02 #contentbereich #weatherBox .temperature, #content02 #contentbereich #weatherBox .picture { float: right; } #content #contentbereich #weatherBox .top, #content02 #contentbereich #weatherBox .top { background: none repeat scroll 0 0 #EFEFEF; margin: 0 0 10px; padding: 5px; } #content #contentbereich #weatherBox .bottom, #content02 #contentbereich #weatherBox .bottom { padding: 5px; } #content #contentbereich #weatherBox .top:before, #content #contentbereich #weatherBox .top:after, #content #contentbereich #weatherBox .bottom:before, #content #contentbereich #weatherBox .bottom:after, #content02 #contentbereich #weatherBox .top:before, #content02 #contentbereich #weatherBox .top:after, #content02 #contentbereich #weatherBox .bottom:before, #content02 #contentbereich #weatherBox .bottom:after { content: " "; display: table; } #content #contentbereich #weatherBox .top:after, #content #contentbereich #weatherBox .bottom:after, #content02 #contentbereich #weatherBox .top:after, #content02 #contentbereich #weatherBox .bottom:after { clear: both; } #content #contentbereich #weatherBox .top, #content #contentbereich #weatherBox .bottom, #content02 #contentbereich #weatherBox .top, #content02 #contentbereich #weatherBox .bottom { *zoom: 1; } #content #breadcrumb, #content02 #breadcrumb { color: #fff; font-size: 15px; padding: 0 90px 0 20px; height: 41px; overflow: hidden; white-space: nowrap; background: #000; -moz-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; -webkit-transition: background-color 0.3s ease 0s; -moz-transition: background-color 0.3s ease 0s; -o-transition: background-color 0.3s ease 0s; transition: background-color 0.3s ease 0s; } .rgba #content #breadcrumb, .rgba #content02 #breadcrumb { background-color: black; background-color: rgba(0, 0, 0, 0.6); } #content #breadcrumb a, #content02 #breadcrumb a { font-size: 14px; color: #fff !important; display: inline-block; height: 35px; line-height: 35px; position: relative; padding: 0; } #content #breadcrumb a:first-of-type, #content #breadcrumb a:first-child, #content02 #breadcrumb a:first-of-type, #content02 #breadcrumb a:first-child { padding-left: 0; } #content #breadcrumb a:hover, #content02 #breadcrumb a:hover { color: #cf173f; } #content h1, #content02 h1 { font-size: 22px; font-weight: normal; margin: 0 0 20px; padding: 15px 0 5px; text-transform: uppercase; border-bottom: 1px solid #9C9C9C; font-family: 'Arapey Regular', serif; color: #cf173f; } #content h2, #content02 h2 { font-size: 17px; padding: 0px 0 10px; position: bold; font-weight: normal; color: #cf173f; } #content h3, #content02 h3 { color: #cf173f; font-size: 15px; padding: 0px 0 8px 0; font-family: "Open Sans Bold", Arial, Helvetica, sans-serif; font-weight: normal; position: relative; } #content h3.csc-searchResultHeader, #content02 h3.csc-searchResultHeader { border-top: 1px solid #CCCCCC; margin: 10px 0 0; padding: 9px 0 0; } #content .typo3-editPanel, #content02 .typo3-editPanel { background: #efefef; border: 1px solid #ccc; width: 100%; padding: 5px; clear: both; } #content .typo3-editPanel-controls, #content02 .typo3-editPanel-controls { background: none repeat scroll 0 0 #EFEFEF; width: 100px; } #content .typo3-editPanel-label, #content02 .typo3-editPanel-label { font-size: 12px; } #content .telefonnummer:before, #content .telefonnummer_fr:before, #content .telefonnummer_ch:before, #content .telefonnummer_es:before, #content .telefonnummer_it:before, #content .telefonnummer_pl:before, #content .telefonnummer_cz:before, #content .telefonnummer_dk:before, #content .telefonnummer_at:before, #content #content02 .telefonnummer_fr:before, #content02 #content .telefonnummer_fr:before, #content #content02 .telefonnummer_ch:before, #content02 #content .telefonnummer_ch:before, #content #content02 .telefonnummer_es:before, #content02 #content .telefonnummer_es:before, #content #content02 .telefonnummer_it:before, #content02 #content .telefonnummer_it:before, #content #content02 .telefonnummer_pl:before, #content02 #content .telefonnummer_pl:before, #content #content02 .telefonnummer_cz:before, #content02 #content .telefonnummer_cz:before, #content #content02 .telefonnummer_dk:before, #content02 #content .telefonnummer_dk:before, #content #content02 .telefonnummer_at:before, #content02 #content .telefonnummer_at:before, #content02 .telefonnummer:before, #content02 #content .telefonnummer_fr:before, #content #content02 .telefonnummer_fr:before, #content02 #content .telefonnummer_ch:before, #content #content02 .telefonnummer_ch:before, #content02 #content .telefonnummer_es:before, #content #content02 .telefonnummer_es:before, #content02 #content .telefonnummer_it:before, #content #content02 .telefonnummer_it:before, #content02 #content .telefonnummer_pl:before, #content #content02 .telefonnummer_pl:before, #content02 #content .telefonnummer_cz:before, #content #content02 .telefonnummer_cz:before, #content02 #content .telefonnummer_dk:before, #content #content02 .telefonnummer_dk:before, #content02 #content .telefonnummer_at:before, #content #content02 .telefonnummer_at:before, #content02 .telefonnummer_fr:before, #content02 .telefonnummer_ch:before, #content02 .telefonnummer_es:before, #content02 .telefonnummer_it:before, #content02 .telefonnummer_pl:before, #content02 .telefonnummer_cz:before, #content02 .telefonnummer_dk:before, #content02 .telefonnummer_at:before { font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; content: "\f095"; display: inline-block; padding: 0 5px 0 1px; font-size: 15px; } .spring #content .telefonnummer:before, .spring #content .telefonnummer_fr:before, .spring #content .telefonnummer_ch:before, .spring #content .telefonnummer_es:before, .spring #content .telefonnummer_it:before, .spring #content .telefonnummer_pl:before, .spring #content .telefonnummer_cz:before, .spring #content .telefonnummer_dk:before, .spring #content .telefonnummer_at:before, .spring #content #content02 .telefonnummer_fr:before, #content02 .spring #content .telefonnummer_fr:before, .spring #content #content02 .telefonnummer_ch:before, #content02 .spring #content .telefonnummer_ch:before, .spring #content #content02 .telefonnummer_es:before, #content02 .spring #content .telefonnummer_es:before, .spring #content #content02 .telefonnummer_it:before, #content02 .spring #content .telefonnummer_it:before, .spring #content #content02 .telefonnummer_pl:before, #content02 .spring #content .telefonnummer_pl:before, .spring #content #content02 .telefonnummer_cz:before, #content02 .spring #content .telefonnummer_cz:before, .spring #content #content02 .telefonnummer_dk:before, #content02 .spring #content .telefonnummer_dk:before, .spring #content #content02 .telefonnummer_at:before, #content02 .spring #content .telefonnummer_at:before, .spring #content02 .telefonnummer:before, .spring #content02 #content .telefonnummer_fr:before, #content .spring #content02 .telefonnummer_fr:before, .spring #content02 #content .telefonnummer_ch:before, #content .spring #content02 .telefonnummer_ch:before, .spring #content02 #content .telefonnummer_es:before, #content .spring #content02 .telefonnummer_es:before, .spring #content02 #content .telefonnummer_it:before, #content .spring #content02 .telefonnummer_it:before, .spring #content02 #content .telefonnummer_pl:before, #content .spring #content02 .telefonnummer_pl:before, .spring #content02 #content .telefonnummer_cz:before, #content .spring #content02 .telefonnummer_cz:before, .spring #content02 #content .telefonnummer_dk:before, #content .spring #content02 .telefonnummer_dk:before, .spring #content02 #content .telefonnummer_at:before, #content .spring #content02 .telefonnummer_at:before, .spring #content02 .telefonnummer_fr:before, .spring #content02 .telefonnummer_ch:before, .spring #content02 .telefonnummer_es:before, .spring #content02 .telefonnummer_it:before, .spring #content02 .telefonnummer_pl:before, .spring #content02 .telefonnummer_cz:before, .spring #content02 .telefonnummer_dk:before, .spring #content02 .telefonnummer_at:before { color: #cf173f; } .summer #content .telefonnummer:before, .summer #content .telefonnummer_fr:before, .summer #content .telefonnummer_ch:before, .summer #content .telefonnummer_es:before, .summer #content .telefonnummer_it:before, .summer #content .telefonnummer_pl:before, .summer #content .telefonnummer_cz:before, .summer #content .telefonnummer_dk:before, .summer #content .telefonnummer_at:before, .summer #content #content02 .telefonnummer_fr:before, #content02 .summer #content .telefonnummer_fr:before, .summer #content #content02 .telefonnummer_ch:before, #content02 .summer #content .telefonnummer_ch:before, .summer #content #content02 .telefonnummer_es:before, #content02 .summer #content .telefonnummer_es:before, .summer #content #content02 .telefonnummer_it:before, #content02 .summer #content .telefonnummer_it:before, .summer #content #content02 .telefonnummer_pl:before, #content02 .summer #content .telefonnummer_pl:before, .summer #content #content02 .telefonnummer_cz:before, #content02 .summer #content .telefonnummer_cz:before, .summer #content #content02 .telefonnummer_dk:before, #content02 .summer #content .telefonnummer_dk:before, .summer #content #content02 .telefonnummer_at:before, #content02 .summer #content .telefonnummer_at:before, .summer #content02 .telefonnummer:before, .summer #content02 #content .telefonnummer_fr:before, #content .summer #content02 .telefonnummer_fr:before, .summer #content02 #content .telefonnummer_ch:before, #content .summer #content02 .telefonnummer_ch:before, .summer #content02 #content .telefonnummer_es:before, #content .summer #content02 .telefonnummer_es:before, .summer #content02 #content .telefonnummer_it:before, #content .summer #content02 .telefonnummer_it:before, .summer #content02 #content .telefonnummer_pl:before, #content .summer #content02 .telefonnummer_pl:before, .summer #content02 #content .telefonnummer_cz:before, #content .summer #content02 .telefonnummer_cz:before, .summer #content02 #content .telefonnummer_dk:before, #content .summer #content02 .telefonnummer_dk:before, .summer #content02 #content .telefonnummer_at:before, #content .summer #content02 .telefonnummer_at:before, .summer #content02 .telefonnummer_fr:before, .summer #content02 .telefonnummer_ch:before, .summer #content02 .telefonnummer_es:before, .summer #content02 .telefonnummer_it:before, .summer #content02 .telefonnummer_pl:before, .summer #content02 .telefonnummer_cz:before, .summer #content02 .telefonnummer_dk:before, .summer #content02 .telefonnummer_at:before { color: #cf173f; } .autumn #content .telefonnummer:before, .autumn #content .telefonnummer_fr:before, .autumn #content .telefonnummer_ch:before, .autumn #content .telefonnummer_es:before, .autumn #content .telefonnummer_it:before, .autumn #content .telefonnummer_pl:before, .autumn #content .telefonnummer_cz:before, .autumn #content .telefonnummer_dk:before, .autumn #content .telefonnummer_at:before, .autumn #content #content02 .telefonnummer_fr:before, #content02 .autumn #content .telefonnummer_fr:before, .autumn #content #content02 .telefonnummer_ch:before, #content02 .autumn #content .telefonnummer_ch:before, .autumn #content #content02 .telefonnummer_es:before, #content02 .autumn #content .telefonnummer_es:before, .autumn #content #content02 .telefonnummer_it:before, #content02 .autumn #content .telefonnummer_it:before, .autumn #content #content02 .telefonnummer_pl:before, #content02 .autumn #content .telefonnummer_pl:before, .autumn #content #content02 .telefonnummer_cz:before, #content02 .autumn #content .telefonnummer_cz:before, .autumn #content #content02 .telefonnummer_dk:before, #content02 .autumn #content .telefonnummer_dk:before, .autumn #content #content02 .telefonnummer_at:before, #content02 .autumn #content .telefonnummer_at:before, .autumn #content02 .telefonnummer:before, .autumn #content02 #content .telefonnummer_fr:before, #content .autumn #content02 .telefonnummer_fr:before, .autumn #content02 #content .telefonnummer_ch:before, #content .autumn #content02 .telefonnummer_ch:before, .autumn #content02 #content .telefonnummer_es:before, #content .autumn #content02 .telefonnummer_es:before, .autumn #content02 #content .telefonnummer_it:before, #content .autumn #content02 .telefonnummer_it:before, .autumn #content02 #content .telefonnummer_pl:before, #content .autumn #content02 .telefonnummer_pl:before, .autumn #content02 #content .telefonnummer_cz:before, #content .autumn #content02 .telefonnummer_cz:before, .autumn #content02 #content .telefonnummer_dk:before, #content .autumn #content02 .telefonnummer_dk:before, .autumn #content02 #content .telefonnummer_at:before, #content .autumn #content02 .telefonnummer_at:before, .autumn #content02 .telefonnummer_fr:before, .autumn #content02 .telefonnummer_ch:before, .autumn #content02 .telefonnummer_es:before, .autumn #content02 .telefonnummer_it:before, .autumn #content02 .telefonnummer_pl:before, .autumn #content02 .telefonnummer_cz:before, .autumn #content02 .telefonnummer_dk:before, .autumn #content02 .telefonnummer_at:before { color: #cf173f; } .winter #content .telefonnummer:before, .winter #content .telefonnummer_fr:before, .winter #content .telefonnummer_ch:before, .winter #content .telefonnummer_es:before, .winter #content .telefonnummer_it:before, .winter #content .telefonnummer_pl:before, .winter #content .telefonnummer_cz:before, .winter #content .telefonnummer_dk:before, .winter #content .telefonnummer_at:before, .winter #content #content02 .telefonnummer_fr:before, #content02 .winter #content .telefonnummer_fr:before, .winter #content #content02 .telefonnummer_ch:before, #content02 .winter #content .telefonnummer_ch:before, .winter #content #content02 .telefonnummer_es:before, #content02 .winter #content .telefonnummer_es:before, .winter #content #content02 .telefonnummer_it:before, #content02 .winter #content .telefonnummer_it:before, .winter #content #content02 .telefonnummer_pl:before, #content02 .winter #content .telefonnummer_pl:before, .winter #content #content02 .telefonnummer_cz:before, #content02 .winter #content .telefonnummer_cz:before, .winter #content #content02 .telefonnummer_dk:before, #content02 .winter #content .telefonnummer_dk:before, .winter #content #content02 .telefonnummer_at:before, #content02 .winter #content .telefonnummer_at:before, .winter #content02 .telefonnummer:before, .winter #content02 #content .telefonnummer_fr:before, #content .winter #content02 .telefonnummer_fr:before, .winter #content02 #content .telefonnummer_ch:before, #content .winter #content02 .telefonnummer_ch:before, .winter #content02 #content .telefonnummer_es:before, #content .winter #content02 .telefonnummer_es:before, .winter #content02 #content .telefonnummer_it:before, #content .winter #content02 .telefonnummer_it:before, .winter #content02 #content .telefonnummer_pl:before, #content .winter #content02 .telefonnummer_pl:before, .winter #content02 #content .telefonnummer_cz:before, #content .winter #content02 .telefonnummer_cz:before, .winter #content02 #content .telefonnummer_dk:before, #content .winter #content02 .telefonnummer_dk:before, .winter #content02 #content .telefonnummer_at:before, #content .winter #content02 .telefonnummer_at:before, .winter #content02 .telefonnummer_fr:before, .winter #content02 .telefonnummer_ch:before, .winter #content02 .telefonnummer_es:before, .winter #content02 .telefonnummer_it:before, .winter #content02 .telefonnummer_pl:before, .winter #content02 .telefonnummer_cz:before, .winter #content02 .telefonnummer_dk:before, .winter #content02 .telefonnummer_at:before { color: #cf173f; } #content .faxnummer:before, #content02 .faxnummer:before { font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; content: "\f02f"; display: inline-block; padding: 0 5px 0 1px; font-size: 15px; } .spring #content .faxnummer:before, .spring #content02 .faxnummer:before { color: #cf173f; } .summer #content .faxnummer:before, .summer #content02 .faxnummer:before { color: #cf173f; } .autumn #content .faxnummer:before, .autumn #content02 .faxnummer:before { color: #cf173f; } .winter #content .faxnummer:before, .winter #content02 .faxnummer:before { color: #cf173f; } #content .pubimg, #content02 .pubimg { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #E5E5E5; float: right; margin: 0 0 5px 5px; padding: 5px; } #content .unloadedImg, #content02 .unloadedImg { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #E5E5E5; margin: 16px 0 0; padding: 5px; } #content form, #content02 form { padding: 0 0 15px; } #content form:before, #content form:after, #content02 form:before, #content02 form:after { content: " "; display: table; } #content form:after, #content02 form:after { clear: both; } #content form, #content02 form { *zoom: 1; } #content .tx-hwkalender form, #content02 .tx-hwkalender form { padding: 15px 0 0; } #content .controlBlockPageAllItems, #content02 .controlBlockPageAllItems { float: left; margin: 15px 0 0; width: 100%; } #content .date, #content02 .date { display: none; } @media (min-width: 23em) { #content .date, #content02 .date { display: block; float: left; width: 10%; } } .lt-ie9 #content .date, .lt-ie9 #content02 .date { display: block; float: left; width: 10%; } @media (min-width: 23em) { #content .entry, #content02 .entry { float: right; width: 88%; } } .lt-ie9 #content .entry, .lt-ie9 #content02 .entry { float: right; width: 88%; } #content .headline, #content02 .headline { padding: 0 0 5px; } #content .month, #content02 .month { color: #666; font-size: 20px; padding: 0; text-align: center; } #content .day, #content02 .day { font-size: 29px; padding: 0 0 5px; text-align: center; } .spring #content .day, .spring #content02 .day { color: #cf173f; } .summer #content .day, .summer #content02 .day { color: #a11231; } .autumn #content .day, .autumn #content02 .day { color: #cf173f; } .winter #content .day, .winter #content02 .day { color: #cf173f; } #content .timeBlock, #content02 .timeBlock { padding: 0 0 5px; } #content .timeBlock:before, #content02 .timeBlock:before { font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; content: "\f017"; display: inline-block; padding: 0 6px 0 2px; font-size: 18px; } .spring #content .timeBlock:before, .spring #content02 .timeBlock:before { color: #cf173f; } .summer #content .timeBlock:before, .summer #content02 .timeBlock:before { color: #cf173f; } .autumn #content .timeBlock:before, .autumn #content02 .timeBlock:before { color: #cf173f; } .winter #content .timeBlock:before, .winter #content02 .timeBlock:before { color: #cf173f; } #content .location, #content02 .location { padding: 0 0 5px; } #content .location:before, #content02 .location:before { font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; content: "\f08d"; display: inline-block; padding: 0 13px 0 2px; font-size: 18px; } .spring #content .location:before, .spring #content02 .location:before { color: #cf173f; } .summer #content .location:before, .summer #content02 .location:before { color: #cf173f; } .autumn #content .location:before, .autumn #content02 .location:before { color: #cf173f; } .winter #content .location:before, .winter #content02 .location:before { color: #cf173f; } #content .organizer, #content02 .organizer { padding: 0 0 5px; } #content .organizer:before, #content02 .organizer:before { font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; content: "\f007"; display: inline-block; padding: 0 11px 0 2px; font-size: 18px; } .spring #content .organizer:before, .spring #content02 .organizer:before { color: #cf173f; } .summer #content .organizer:before, .summer #content02 .organizer:before { color: #cf173f; } .autumn #content .organizer:before, .autumn #content02 .organizer:before { color: #cf173f; } .winter #content .organizer:before, .winter #content02 .organizer:before { color: #cf173f; } #content .description, #content02 .description { margin: 0; padding: 10px 20px 0 0px; position: relative; } #content legend, #content02 legend { display: none; } #content .error02, #content .error, #content .powermail_mandatory_js, #content02 .error02, #content02 .error, #content02 .powermail_mandatory_js { color: #FF0000; } #content .descriptionBlockShow, #content02 .descriptionBlockShow { width: 100%; float: left; margin: 5px 0 0; } #content input[type="text"], #content select, #content fieldset textarea, #content textarea, #content02 input[type="text"], #content02 select, #content02 fieldset textarea, #content02 textarea { border: 1px solid #d7d7d7; background: #EFEFEF; float: left; margin-top: 4px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; padding: 5px; width: 100%; margin: 0 0 10px; } #content .powermail_textarea, #content02 .powermail_textarea { min-height: 150px; } #content input[type="text"]:focus, #content select:focus, #content textarea:focus, #content02 input[type="text"]:focus, #content02 select:focus, #content02 textarea:focus { width: 100%; } .spring #content input[type="text"]:focus, .spring #content select:focus, .spring #content textarea:focus, .spring #content02 input[type="text"]:focus, .spring #content02 select:focus, .spring #content02 textarea:focus { border: 1px solid #cf173f; } .summer #content input[type="text"]:focus, .summer #content select:focus, .summer #content textarea:focus, .summer #content02 input[type="text"]:focus, .summer #content02 select:focus, .summer #content02 textarea:focus { border: 1px solid #cf173f; } .autumn #content input[type="text"]:focus, .autumn #content select:focus, .autumn #content textarea:focus, .autumn #content02 input[type="text"]:focus, .autumn #content02 select:focus, .autumn #content02 textarea:focus { border: 1px solid #cf173f; } .winter #content input[type="text"]:focus, .winter #content select:focus, .winter #content textarea:focus, .winter #content02 input[type="text"]:focus, .winter #content02 select:focus, .winter #content02 textarea:focus { border: 1px solid #cf173f; } #content input[type="submit"], #content input[type="reset"], #content .descriptionOpenCloseBlock, #content .outlook, #content02 input[type="submit"], #content02 input[type="reset"], #content02 .descriptionOpenCloseBlock, #content02 .outlook { border: none; color: #ffffff; cursor: pointer; padding: 5px 10px; float: left; background: #cf173f; } .spring #content input[type="submit"], .spring #content input[type="reset"], .spring #content .descriptionOpenCloseBlock, .spring #content .outlook, .spring #content02 input[type="submit"], .spring #content02 input[type="reset"], .spring #content02 .descriptionOpenCloseBlock, .spring #content02 .outlook { background: #cf173f; } .summer #content input[type="submit"], .summer #content input[type="reset"], .summer #content .descriptionOpenCloseBlock, .summer #content .outlook, .summer #content02 input[type="submit"], .summer #content02 input[type="reset"], .summer #content02 .descriptionOpenCloseBlock, .summer #content02 .outlook { background: #cf173f; } .autumn #content input[type="submit"], .autumn #content input[type="reset"], .autumn #content .descriptionOpenCloseBlock, .autumn #content .outlook, .autumn #content02 input[type="submit"], .autumn #content02 input[type="reset"], .autumn #content02 .descriptionOpenCloseBlock, .autumn #content02 .outlook { background: #cf173f; } .winter #content input[type="submit"], .winter #content input[type="reset"], .winter #content .descriptionOpenCloseBlock, .winter #content .outlook, .winter #content02 input[type="submit"], .winter #content02 input[type="reset"], .winter #content02 .descriptionOpenCloseBlock, .winter #content02 .outlook { background: #cf173f; } #content input[type="submit"]:hover, #content input[type="reset"]:hover, #content .descriptionOpenCloseBlock:hover, #content .outlook:hover, #content02 input[type="submit"]:hover, #content02 input[type="reset"]:hover, #content02 .descriptionOpenCloseBlock:hover, #content02 .outlook:hover { color: #ffffff; background: #a11231; border: none; } .spring #content input[type="submit"]:hover, .spring #content input[type="reset"]:hover, .spring #content .descriptionOpenCloseBlock:hover, .spring #content .outlook:hover, .spring #content02 input[type="submit"]:hover, .spring #content02 input[type="reset"]:hover, .spring #content02 .descriptionOpenCloseBlock:hover, .spring #content02 .outlook:hover { background: #a11231; } .summer #content input[type="submit"]:hover, .summer #content input[type="reset"]:hover, .summer #content .descriptionOpenCloseBlock:hover, .summer #content .outlook:hover, .summer #content02 input[type="submit"]:hover, .summer #content02 input[type="reset"]:hover, .summer #content02 .descriptionOpenCloseBlock:hover, .summer #content02 .outlook:hover { background: #a11231; } .autumn #content input[type="submit"]:hover, .autumn #content input[type="reset"]:hover, .autumn #content .descriptionOpenCloseBlock:hover, .autumn #content .outlook:hover, .autumn #content02 input[type="submit"]:hover, .autumn #content02 input[type="reset"]:hover, .autumn #content02 .descriptionOpenCloseBlock:hover, .autumn #content02 .outlook:hover { background: #a11231; } .winter #content input[type="submit"]:hover, .winter #content input[type="reset"]:hover, .winter #content .descriptionOpenCloseBlock:hover, .winter #content .outlook:hover, .winter #content02 input[type="submit"]:hover, .winter #content02 input[type="reset"]:hover, .winter #content02 .descriptionOpenCloseBlock:hover, .winter #content02 .outlook:hover { background: #a11231; } #content .outlook a, #content02 .outlook a { color: #fff !important; text-decoration: none !important; } #content .descriptionOpenCloseBlock, #content .outlook, #content02 .descriptionOpenCloseBlock, #content02 .outlook { float: left; margin: 10px 10px 0; } #content .list2.listVereine .descriptionOpenCloseBlock, #content02 .list2.listVereine .descriptionOpenCloseBlock { margin: 10px 0px 0; } #content .outlook, #content02 .outlook { margin: 10px 0 0; } #content .powermail_legend, #content .tx-powermail h3, #content02 .powermail_legend, #content02 .tx-powermail h3 { display: none; } #content form.powermail_form, #content02 form.powermail_form { position: relative; width: 100%; } #content .form, #content02 .form { margin: 0 0 10px; overflow: hidden; width: 100%; } #content label em, #content legend em, #content02 label em, #content02 legend em { color: deeppink; display: inline; font-style: normal; text-transform: normal; font-family: "Open Sans Regular", Arial, Helvetica, sans-serif; } label strong, legend strong { color: #c00; display: block; font-size: 14px; font-weight: normal; text-transform: none; font-family: "Open Sans Regular", Arial, Helvetica, sans-serif; } #contentbereich #aktuell { padding: 15px 0 0; } #contentbereich #aktuell > ul { list-style-type: none; margin: 0; overflow: hidden; } #contentbereich #aktuell > ul li { border-bottom: 1px solid #E5E5E5; list-style-type: none; overflow: hidden; padding: 25px 0; width: 100%; } #contentbereich #aktuell > ul li:before, #contentbereich #aktuell > ul li:after { content: " "; display: table; } #contentbereich #aktuell > ul li:after { clear: both; } #contentbereich #aktuell > ul li { *zoom: 1; } #contentbereich #aktuell > ul li:first-child { padding: 0 0 25px; } #contentbereich #aktuell .teaserPicture { float: right; margin: 0 0 10px 20px; } #contentbereich #aktuell .teaserPicture img { border: 1px solid #E5E5E5; padding: 5px; } #newsContent img { border: 1px solid #E5E5E5; padding: 5px; max-width: 100%; } #newsContent table { width: 100%; } #contentbereich #photoListe { padding: 15px 0 0; } #contentbereich #photoListe > ul { list-style-type: none; margin: 0; overflow: hidden; } #contentbereich #photoListe > ul li { border-bottom: 1px solid #E5E5E5; list-style-type: none; overflow: hidden; padding: 15px 0; width: 100%; } #contentbereich #photoListe > ul li:before, #contentbereich #photoListe > ul li:after { content: " "; display: table; } #contentbereich #photoListe > ul li:after { clear: both; } #contentbereich #photoListe > ul li { *zoom: 1; } #contentbereich #photoListe > ul li:first-child { padding: 0 0 25px; } #contentbereich #photoListe > ul h2 { padding-top: 0; } #contentbereich #photoListe .data { position: relative; } #contentbereich #photoListe .data .previewDate { color: #0069B3; float: right; position: absolute; right: 16px; top: 33px; } #contentbereich #photoListe .data .previewDescription { padding: 0 0 10px; width: 100%; } #contentbereich #photoListe .data .previewPictures { float: left; } #contentbereich #photoListe .data .previewPictures a { display: inline-block; margin: 0; } @media (min-width: 30em) { #contentbereich #photoListe .data .previewPictures a { margin: 0 1% 8px 0; } } .lt-ie9 #contentbereich #photoListe .data .previewPictures a { margin: 0 1% 8px 0; } #contentbereich #photoListe .data .previewPictures .previewPicture1 { height: auto; overflow: hidden; width: 100%; } @media (min-width: 30em) { #contentbereich #photoListe .data .previewPictures .previewPicture1 { width: 39%; float: left; } } .lt-ie9 #contentbereich #photoListe .data .previewPictures .previewPicture1 { width: 39%; float: left; } #contentbereich #photoListe .data .previewPictures .previewPictureAll { height: auto; overflow: hidden; width: 100%; display: none; border: 1px solid #E5E5E5; } @media (min-width: 30em) { #contentbereich #photoListe .data .previewPictures .previewPictureAll { width: 19%; float: left; display: block; } } .lt-ie9 #contentbereich #photoListe .data .previewPictures .previewPictureAll { width: 19%; float: left; display: block; } #contentbereich #photoListe .data .previewPictures .previewPicture8, #contentbereich #photoListe .data .previewPictures .previewPicture9 { display: none; } #contentbereich #photoListe .data .previewPictures .beschnitt01 { float: left; height: auto; overflow: hidden; width: 100%; } #contentbereich #photoListe .data .previewPictures .beschnitt01 img { border: 1px solid #E5E5E5; width: 100%; } @media (min-width: 30em) { #contentbereich #photoListe .data .previewPictures .beschnitt01 img { max-height: 203px; min-height: 203px; } } .lt-ie9 #contentbereich #photoListe .data .previewPictures .beschnitt01 img { max-height: 203px; min-height: 203px; } #contentbereich #photoListe .data .previewPictures .beschnitt02 { float: left; height: 95px; overflow: hidden; width: 100%; } #contentbereich #photoListe .data .previewPictures .beschnitt02 > img { width: 100%; min-height: 110px; border: 1px solid #E5E5E5; } #album { margin: 0; } #album ul { margin: 0 !important; padding: 0; width: 100%; } #album ul li { list-style: none outside none !important; padding: 5px; width: 100%; margin: 0 !important; } @media (min-width: 23em) { #album ul li { width: 25%; float: left; } } .lt-ie9 #album ul li { width: 25%; float: left; } #album ul li:before, #album ul li:after { content: " "; display: table; } #album ul li:after { clear: both; } #album ul li { *zoom: 1; } .photoRahmen { float: left; overflow: hidden; padding: 0; text-align: center; width: 100%; } .photo { width: 100%; } .photo img { min-width: 100%; } .photo a { display: block; } .photoRahmen { border: 1px solid #E5E5E5; padding: 5px; } .photoRahmen .lightbox { height: 103px; overflow: hidden; } #contentbereich #modul { padding: 15px 0 0; } #contentbereich #modul:before, #contentbereich #modul:after { content: " "; display: table; } #contentbereich #modul:after { clear: both; } #contentbereich #modul { *zoom: 1; } #contentbereich #modul > ul { list-style-type: none; margin: 0; overflow: hidden; } #contentbereich #modul > ul li { border-bottom: 1px solid #E5E5E5; list-style-type: none; overflow: hidden; padding: 25px 0; width: 100%; } #contentbereich #modul > ul li:before, #contentbereich #modul > ul li:after { content: " "; display: table; } #contentbereich #modul > ul li:after { clear: both; } #contentbereich #modul > ul li { *zoom: 1; } #contentbereich #modul > ul li:first-child { padding: 0 0 25px; } #contentbereich #modul form:before, #contentbereich #modul form:after { content: " "; display: table; } #contentbereich #modul form:after { clear: both; } #contentbereich #modul form { *zoom: 1; } #contentbereich #modul .pubimg { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #E5E5E5; float: right; margin: 0 0 5px 10px; padding: 5px; } #sbw3 > div { overflow: hidden; } .zurueck.buttons { float: left; margin: 0 6px 0 0 !important; width: 32px; } .zurueck.buttons a { text-align: center; width: 100%; } #sbw3 h3 + p, #sbw3 h3 + ul { margin-top: 0 !important; } #sbw3 h3 { padding: 20px 0 5px; } .sbw3ListItems h2 { padding: 0; } #sbw3HeaderItems + div { margin: 16px 0 0; } .csc-sitemap ul li a { font-family: "Open Sans Bold", Arial, Helvetica, sans-serif; font-weight: normal; } .csc-sitemap ul li li a { font-family: "Open Sans Regular", Arial, Helvetica, sans-serif; font-weight: normal; } #panorama img { width: 100%; padding: 5px; border: 1px solid #E5E5E5; } .tx-kommpublishconnector-pi1 { width: 100%; clear: both; } .tx-kommpublishconnector-pi1:before, .tx-kommpublishconnector-pi1:after { content: " "; display: table; } .tx-kommpublishconnector-pi1:after { clear: both; } .tx-kommpublishconnector-pi1 { *zoom: 1; } * { margin: 0; padding: 0; } *:focus, *:active, *:hover { outline-style: none; -moz-outline-style: none; } html { height: 100%; max-height: 100%; min-height: 100%; } body { background: url(../img/bg.jpg) center top repeat-y gainsboro; font-family: "Open Sans Regular", Arial, Helvetica, sans-serif; font-size: 16px; height: 100%; max-height: 100%; min-height: 100%; left: 0; line-height: 1.4; position: absolute; overflow: hidden; right: 0; top: 0; } body.open.mobilansicht { background: none #EFEFEF; } body.home { background: none #fff; } img { border: none; } #preLoad, #styles, .unsichtbar { display: none; } a { color: #cf173f; cursor: hand; cursor: pointer; text-decoration: none; } a:before { color: #cf173f; } a:before:hover { color: #505050; } a:hover { color: #a11231; } a:focus, a:active, a:hover { outline-style: none; -moz-outline-style: none; } ::-webkit-input-placeholder { color: #505050; } ::-moz-placeholder { color: #505050; } /* firefox 19+ */ :-ms-input-placeholder { color: #505050; } /* ie */ input:-moz-placeholder { color: #505050; } b, strong { font-family: "Open Sans Bold", Arial, Helvetica, sans-serif; font-weight: normal; } .wrapcenter { margin: 0 auto; position: relative; } .wrapcenter:before, .wrapcenter:after { content: " "; display: table; } .wrapcenter:after { clear: both; } .wrapcenter { *zoom: 1; } @media (min-width: 60em) { .wrapcenter { width: 960px !important; max-width: 960px !important; } } .lt-ie9 .wrapcenter { width: 960px !important; max-width: 960px !important; } .ie8 .wrapcenter, .ie7 .wrapcenter { width: 960px; } #outer-wrap { border: 0 none; min-height: calc(100% - 137px); height: calc(100% - 137px); max-height: calc(100% - 137px); left: 0; max-width: 100%; min-width: 100%; overflow-x: hidden; overflow-y: scroll; position: absolute; bottom: 0; right: 0; top: 137px; z-index: 1; -webkit-overflow-scrolling: touch; } .scrollpos #outer-wrap { top: 95px; min-height: calc(100% - 95px); max-height: calc(100% - 95px); height: calc(100% - 95px); } .themaContent.scrollpos #outer-wrap { top: 88px; } .mobilansicht #outer-wrap { top: 85px; min-height: calc(100% - 85px); max-height: calc(100% - 85px); height: calc(100% - 85px); } .mobilansicht.open #outer-wrap { overflow-y: scroll; } #slider { overflow: hidden; position: absolute; width: 100%; margin: 0 auto; max-height: 275px; min-height: 275px; z-index: -1; } #slider:before, #slider:after { content: " "; display: table; } #slider:after { clear: both; } #slider { *zoom: 1; } @media (min-width: 30em) { #slider { max-height: 405px; min-height: 405px; } } @media (min-width: 60em) { #slider { max-height: 570px; min-height: 570px; } } .lt-ie9 #slider { max-height: 570px; min-height: 570px; } .home #slider { max-height: 850px; min-height: 850px; } .rgba.generatedcontent .desktopansicht #slider:before { width: 100%; height: 77px; content: ""; position: absolute; left: 0; right: 0; bottom: 0; background: url(../img/slider-bg.png) center top repeat-y; } .rgba.generatedcontent .desktopansicht.home #slider:before { display: none; width: 0; } #slider .carousel { width: 100%; overflow: hidden; height: 100%; } #slider .carousel > div { position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-size: cover; background-color: #EFEFEF; } #slider ul.flex-direction-nav { display: none; } #logo { height: 75px; top: 5px; position: absolute; width: 150px; left: 5px; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; } #logo a { display: inline-block; width: 100%; height: 100%; background: url(../img/logo.png) left top no-repeat; background-size: 100% auto; -moz-background-size: 100% auto; } @media (min-width: 60em) { #logo { width: 221px; height: 111px; top: 10px; left: 0; } } .lt-ie9 #logo { width: 221px; height: 111px; top: 10px; left: 0; } .csstransforms .mobilansicht.open #logo { -webkit-transform: translate3d(-200%, 0px, 0); -moz-transform: translate3d(-200%, 0px, 0); -o-transform: translate3d(-200%, 0px, 0); -ms-transform: translate3d(-200%, 0px, 0); transform: translate3d(-200%, 0px, 0); } @media (min-width: 60em) { .desktopansicht.scrollpos #logo { top: 55px; width: 140px; } } .lt-ie9 .desktopansicht.scrollpos #logo { top: 55px; width: 140px; } .csstransitions .desktopansicht.home.ani-buerger #logo { left: 0; margin-left: 0px; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; -webkit-transition-delay: 0ms; -moz-transition-delay: 0ms; -o-transition-delay: 0ms; transition-delay: 0ms; } .csstransitions .desktopansicht.home #logo { -webkit-transition-delay: 300ms; -moz-transition-delay: 300ms; -o-transition-delay: 300ms; transition-delay: 300ms; } @media (min-width: 60em) { .csstransitions .desktopansicht.home #logo { left: 50%; margin-left: -110px; } } .lt-ie9 .csstransitions .desktopansicht.home #logo { left: 50%; margin-left: -110px; } @media (min-width: 60em) { .desktopansicht.home.scrollpos #logo { margin-left: -70px; height: 75px; } } .lt-ie9 .desktopansicht.home.scrollpos #logo { margin-left: -70px; height: 75px; } #header { left: 0; position: absolute; width: 100%; top: 0; z-index: 2; background: #fff; -webkit-transition: top 0.5s ease 0s; -moz-transition: top 0.5s ease 0s; -o-transition: top 0.5s ease 0s; transition: top 0.5s ease 0s; } #header:before, #header:after { content: " "; display: table; } #header:after { clear: both; } #header { *zoom: 1; } .open #header { position: absolute; } #header .wrapcenter { height: 100%; } .mobilansicht #header, .no-js #header { height: 85px; overflow: hidden; -webkit-box-shadow: 1px 1px 7px 2px rgba(0,0,0, 0.1); box-shadow: 1px 1px 7px 2px rgba(0,0,0, 0.1); /******************** ACHTUNG WICHTIG !! ********************/ behavior: url(http://gerda-hirsch-woelfl.de/waldenburg-hohenlohe.t3/fileadmin/templates/css/PIE-2.0beta1/PIE.php); } .desktopansicht.scrollpos #header { top: -42px; -webkit-box-shadow: 1px 1px 7px 2px rgba(0,0,0, 0.1); box-shadow: 1px 1px 7px 2px rgba(0,0,0, 0.1); /******************** ACHTUNG WICHTIG !! ********************/ behavior: url(http://gerda-hirsch-woelfl.de/waldenburg-hohenlohe.t3/fileadmin/templates/css/PIE-2.0beta1/PIE.php); background-color: #fff; } .desktopansicht.scrollpos #header #mainMenue { background: transparent; clear: right; } .rgba .desktopansicht.scrollpos #header { background-color: white; background-color: rgba(255, 255, 255, 0.95); } .desktopansicht.home #header, .desktopansicht.themaContent #header { height: 135px; background-color: #fff; } .rgba .desktopansicht.home #header, .rgba .desktopansicht.themaContent #header { background-color: white; background-color: rgba(255, 255, 255, 0.95); } .desktopansicht.open #header { height: auto; } .mobilansicht.open #header { background: transparent; box-shadow: none; overflow-x: hidden; overflow-y: visible; height: 100%; } .mobilansicht.open #header .wrapcenter { height: 100%; } .printlink { display: none; } .printlink a { color: #fff; } @media (min-width: 60em) { html.no-touch.js .printlink { bottom: 20px; left: 10px; position: absolute; display: block; } } .lt-ie9 html.no-touch.js .printlink { bottom: 20px; left: 10px; position: absolute; display: block; } .printlink .print { display: none; text-decoration: none; } html.no-touch.js .printlink .print { display: inline-block; } .printlink .print:before { font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; content: "\f02f"; font-weight: normal; font-size: 20px; text-align: center; color: #fff; padding: 0 10px 0 0; } #wetter { background: #cf173f; color: #FFFFFF; left: 0; padding: 0px 4px; position: absolute; top: 0px; width: 100px; z-index: 3; height: 124px; } @media (min-width: 60em) { #wetter { top: 81px; } } .lt-ie9 #wetter { top: 81px; } .csstransitions #wetter { -webkit-transition: width 0.5s ease 0s; -moz-transition: width 0.5s ease 0s; -o-transition: width 0.5s ease 0s; transition: width 0.5s ease 0s; } #wetter .today, #wetter .tomorrow { position: absolute; width: 100%; height: 100%; background: #cf173f; } #wetter .today:hover, #wetter .tomorrow:hover { background: #e83159; } #wetter .today { left: 0; top: 0; } #wetter .tomorrow { right: 0; top: 0; } #wetter .picture { max-height: 70px; position: relative; text-align: center; } #wetter .picture img { height: auto; width: 75px; } .generatedcontent #wetter .picture img { display: none; } #wetter .picture span { color: #fff; font-size: 30pt; } .generatedcontent #wetter .picture.wetter4 img + span:before { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e610"; } .generatedcontent #wetter .picture.wetter2 img + span:before { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e626"; } .generatedcontent #wetter .picture.wetter9 img + span:before { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e61e"; } .generatedcontent #wetter .picture.wetter8 img + span:before { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e618"; } .generatedcontent #wetter .picture.wetter10 img + span:before { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e61d"; } .generatedcontent #wetter .picture.wetter3 img + span:before { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e619"; } .generatedcontent #wetter .picture.wetter1 img + span:before { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e61f"; } .generatedcontent #wetter .picture.wetter6 img + span:before { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e60e"; } .generatedcontent #wetter .picture.wetter5 img + span:before { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e602"; } .generatedcontent #wetter .picture.wetter7 img + span:before { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e620"; } #wetter .temperature { text-align: center; font-size: 20px; } #wetter .info { font-size: 14px; text-align: center; } .wetter-offen #wetter, .no-js #wetter { width: 205px; } .wetter-offen #wetter .today, .wetter-offen #wetter .tomorrow, .no-js #wetter .today, .no-js #wetter .tomorrow { width: 50%; } #wetter #wetter-inner { overflow: hidden; width: 100%; height: 100%; } #wetter .open-wetter { height: 40px; line-height: 40px; position: absolute; width: 44px; background: #cf173f; z-index: -1; right: -20px; top: 50%; margin: -20px 0 0; -webkit-border-radius: 50%; border-radius: 50%; background-clip: padding-box; /******************** ACHTUNG WICHTIG !! ********************/ } .no-js #wetter .open-wetter { display: none; } #wetter .open-wetter:before { font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; content: "\f105"; font-weight: normal; font-size: 23px; text-align: center; color: #fff; padding: 0 0 0 28px; } @media (min-width: 60em) { #wetter .open-wetter:before { padding: 0 0 0 28px; } } .lt-ie9 #wetter .open-wetter:before { padding: 0 0 0 28px; } .wetter-offen #wetter .open-wetter:before { font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; content: "\f104"; } #themen { background: #000; color: #FFFFFF; left: 0; position: absolute; top: 10px; width: 100px; z-index: 3; height: 127px; } @media (min-width: 60em) { #themen { top: 70px; } } .lt-ie9 #themen { top: 70px; } @media (min-width: 75em) { #themen { padding: 0 0 0 0px; } } .home #themen { top: 130px; height: 85px; } @media (min-width: 60em) { .home #themen { top: 220px; } } .lt-ie9 .home #themen { top: 220px; } .csstransitions #themen { -webkit-transition: width 0.5s ease 0s, background 0.5s linear 0s; -moz-transition: width 0.5s ease 0s, background 0.5s linear 0s; -o-transition: width 0.5s ease 0s, background 0.5s linear 0s; transition: width 0.5s ease 0s, background 0.5s linear 0s; } @media (min-width: 60em) { #themen .wrapcenter { max-width: 100% !important; width: 100% !important; } } .lt-ie9 #themen .wrapcenter { max-width: 100% !important; width: 100% !important; } @media (min-width: 75em) { #themen .wrapcenter { max-width: 960px !important; width: 960px !important; } } .lt-ie9 #themen .wrapcenter { max-width: 960px !important; width: 960px !important; } .thema-offen #themen, .no-js #themen { padding: 0 0 0 125px; width: 100%; height: auto; padding-bottom: 10px; padding-right: 20px; } @media (min-width: 30em) { .thema-offen #themen, .no-js #themen { width: 100%; padding-right: 30%; } } @media (min-width: 40em) { .thema-offen #themen, .no-js #themen { padding-right: 10%; width: 100%; } } @media (min-width: 60em) { .thema-offen #themen, .no-js #themen { min-height: 80px; width: 100%; } } .lt-ie9 .thema-offen #themen, .lt-ie9 .no-js #themen { min-height: 80px; width: 100%; } @media (min-width: 75em) { .thema-offen #themen, .no-js #themen { padding-left: 0; padding-right: 0; } } .rgba .thema-offen #themen, .rgba .no-js #themen { background-color: black; background-color: rgba(0, 0, 0, 0.4); } #themen .info { position: absolute; left: 0px; top: 0px; padding: 8px 0 8px 4px; background: #000; } #themen h2 { text-transform: uppercase; font-family: 'Arapey Regular', serif; font-size: 19px; background: url(../img/silouette.png) left bottom no-repeat; background-size: 95px auto; padding: 0 21px 38px 5px; font-weight: normal; border: none; margin: 0; } #themen .topic-act { font-family: 'Arapey Regular', serif; font-size: 18px; padding: 4px 0 0; display: block; } .thema-offen #themen .topic-act, .no-js #themen .topic-act { display: none; } #themen .thema { background: #cf173f; background-size: 16px auto; color: #FFFFFF; display: block; float: left; margin: 12px 0 0px 0px; padding: 10px 0px 10px 35px; text-transform: uppercase; width: 100%; font-size: 15px; position: relative; } #themen .thema:hover, #themen .thema.act { background-color: #E2748C; } @media (min-width: 40em) { #themen .thema { width: 49%; } } .lt-ie9 #themen .thema { width: 49%; } @media (min-width: 60em) { #themen .thema { margin: 19px 2% 0 0; border: none; text-transform: uppercase; width: 23.5%; } } .lt-ie9 #themen .thema { margin: 19px 2% 0 0; border: none; text-transform: uppercase; width: 23.5%; } #themen .thema .icon { background: url(../img/themen.png) 5px 5px no-repeat; } #themen .thema .bild { background-size: cover !important; } #themen .thema.buerger { padding-left: 14px; } @media (min-width: 40em) { #themen .thema.buerger { margin-right: 2%; } } .lt-ie9 #themen .thema.buerger { margin-right: 2%; } @media (min-width: 60em) { #themen .thema.buerger .bild { width: 100%; height: 0; background: url(../img/alle.jpg) left top no-repeat; -webkit-transition: height 0.5s linear 0s; -moz-transition: height 0.5s linear 0s; -o-transition: height 0.5s linear 0s; transition: height 0.5s linear 0s; left: 0; top: 41px; position: absolute; } } .lt-ie9 #themen .thema.buerger .bild { width: 100%; height: 0; background: url(../img/alle.jpg) left top no-repeat; -webkit-transition: height 0.5s linear 0s; -moz-transition: height 0.5s linear 0s; -o-transition: height 0.5s linear 0s; transition: height 0.5s linear 0s; left: 0; top: 41px; position: absolute; } @media (min-width: 60em) { #themen .thema.buerger:hover .bild { box-shadow: 2px 3px 3px rgba(0, 0, 0, 0); display: block; height: 127px; } } .lt-ie9 #themen .thema.buerger:hover .bild { box-shadow: 2px 3px 3px rgba(0, 0, 0, 0); display: block; height: 127px; } #themen .thema.tourismus { margin-right: 0; } @media (min-width: 60em) { #themen .thema.tourismus { margin-right: 2%; } } .lt-ie9 #themen .thema.tourismus { margin-right: 2%; } #themen .thema.tourismus .icon { background-position: 3px 5px; height: 34px; left: 7px; position: absolute; top: 2px; width: 19px; } @media (min-width: 60em) { #themen .thema.tourismus .bild { width: 100%; height: 0; background: url(../img/tourismus.jpg) left top no-repeat; -webkit-transition: height 0.5s linear 0s; -moz-transition: height 0.5s linear 0s; -o-transition: height 0.5s linear 0s; transition: height 0.5s linear 0s; left: 0; top: 41px; position: absolute; } } .lt-ie9 #themen .thema.tourismus .bild { width: 100%; height: 0; background: url(../img/tourismus.jpg) left top no-repeat; -webkit-transition: height 0.5s linear 0s; -moz-transition: height 0.5s linear 0s; -o-transition: height 0.5s linear 0s; transition: height 0.5s linear 0s; left: 0; top: 41px; position: absolute; } @media (min-width: 60em) { #themen .thema.tourismus:hover .bild { box-shadow: 2px 3px 3px rgba(0, 0, 0, 0); display: block; height: 127px; } } .lt-ie9 #themen .thema.tourismus:hover .bild { box-shadow: 2px 3px 3px rgba(0, 0, 0, 0); display: block; height: 127px; } @media (min-width: 40em) { #themen .thema.familie { margin-right: 2%; } } .lt-ie9 #themen .thema.familie { margin-right: 2%; } #themen .thema.familie .icon { background-position: 4px -52px; height: 39px; left: 3px; position: absolute; top: 0; width: 28px; } @media (min-width: 60em) { #themen .thema.familie .bild { width: 100%; height: 0; background: url(../img/familie.jpg) left top no-repeat; -webkit-transition: height 0.5s linear 0s; -moz-transition: height 0.5s linear 0s; -o-transition: height 0.5s linear 0s; transition: height 0.5s linear 0s; left: 0; top: 41px; position: absolute; } } .lt-ie9 #themen .thema.familie .bild { width: 100%; height: 0; background: url(../img/familie.jpg) left top no-repeat; -webkit-transition: height 0.5s linear 0s; -moz-transition: height 0.5s linear 0s; -o-transition: height 0.5s linear 0s; transition: height 0.5s linear 0s; left: 0; top: 41px; position: absolute; } @media (min-width: 60em) { #themen .thema.familie:hover .bild { box-shadow: 2px 3px 3px rgba(0, 0, 0, 0); display: block; height: 127px; } } .lt-ie9 #themen .thema.familie:hover .bild { box-shadow: 2px 3px 3px rgba(0, 0, 0, 0); display: block; height: 127px; } #themen .thema.senioren { margin-right: 0; } #themen .thema.senioren .icon { background-position: -2px -116px; height: 34px; left: 10px; position: absolute; top: 4px; width: 15px; } @media (min-width: 60em) { #themen .thema.senioren .bild { width: 100%; height: 0; background: url(../img/senioren.jpg) left top no-repeat; -webkit-transition: height 0.5s linear 0s; -moz-transition: height 0.5s linear 0s; -o-transition: height 0.5s linear 0s; transition: height 0.5s linear 0s; left: 0; top: 41px; position: absolute; } } .lt-ie9 #themen .thema.senioren .bild { width: 100%; height: 0; background: url(../img/senioren.jpg) left top no-repeat; -webkit-transition: height 0.5s linear 0s; -moz-transition: height 0.5s linear 0s; -o-transition: height 0.5s linear 0s; transition: height 0.5s linear 0s; left: 0; top: 41px; position: absolute; } @media (min-width: 60em) { #themen .thema.senioren:hover .bild { box-shadow: 2px 3px 3px rgba(0, 0, 0, 0); display: block; height: 127px; } } .lt-ie9 #themen .thema.senioren:hover .bild { box-shadow: 2px 3px 3px rgba(0, 0, 0, 0); display: block; height: 127px; } #themen .open-topic { height: 40px; line-height: 40px; position: absolute; width: 44px; background: #000; z-index: 3; left: 75px; top: 9px; -webkit-border-radius: 50%; border-radius: 50%; background-clip: padding-box; /******************** ACHTUNG WICHTIG !! ********************/ } .no-js #themen .open-topic { display: none; } .thema-offen #themen .open-topic { margin-right: -17px; background: #000; left: 75px; top: 9px; right: auto; } #themen .open-topic:before { font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; content: "\f105"; font-weight: normal; font-size: 30px; text-align: center; color: #fff; padding: 0 0 0 17px; } .thema-offen #themen .open-topic:before, .no-js #themen .open-topic:before { font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; content: "\f104"; } #themen .wrapcenter { opacity: 0; visibility: hidden; text-align: left; } #themen .wrapcenter:before, #themen .wrapcenter:after { content: " "; display: table; } #themen .wrapcenter:after { clear: both; } #themen .wrapcenter { *zoom: 1; } .csstransitions #themen .wrapcenter { -webkit-transition: opacity 0.8s linear 0s; -moz-transition: opacity 0.8s linear 0s; -o-transition: opacity 0.8s linear 0s; transition: opacity 0.8s linear 0s; } .thema-offen #themen .wrapcenter, .no-js #themen .wrapcenter { visibility: visible; opacity: 1; } #sponsoren { background: #fff; padding: 20px 10px; position: relative; overflow: hidden; /******************** ACHTUNG WTF !! ********************/ } .no-js #sponsoren { height: 141px; overflow: hidden; } #sponsoren a { padding: 0 0 15px; } @media (min-width: 30em) { #sponsoren a { float: left; width: 33%; padding: 0 1%; } } .lt-ie9 #sponsoren a { float: left; width: 33%; padding: 0 1%; } #sponsoren a img { width: 100%; height: auto; display: block; } #sponsoren div.csc-textpic-imagecolumn, #sponsoren td.csc-textpic-imagecolumn .csc-textpic-image { margin-right: 0; } #sponsoren div.csc-textpic div.csc-textpic-imagecolumn { width: 33%; } #sponsoren .csc-textpic-imagerow { opacity: 1 !important; } .no-js #sponsoren .csc-textpic-imagerow { width: 25%; float: left; } #sponsoren .csc-textpic-imagerow > { width: 100%; } #sponsoren div.csc-textpic-responsive img { width: auto; height: auto; } #sponsoren figure.csc-textpic-image { position: relative; display: block; } #sponsoren figure.csc-textpic-image img { width: 100%; height: auto; } #sponsoren figure { margin: 0; } .js.no-touch #sponsoren.hw_cycle_init .cycle-direction-nav { position: relative; } @media (min-width: 75em) { .js.no-touch #sponsoren.hw_cycle_init .cycle-direction-nav { height: 100%; left: 50%; margin-left: -550px; position: absolute !important; top: 0; width: 1100px; z-index: 0; } } .lt-ie9 .js.no-touch #sponsoren.hw_cycle_init .cycle-direction-nav { height: 100%; left: 50%; margin-left: -550px; position: absolute !important; top: 0; width: 1100px; z-index: 0; } .js.no-touch #sponsoren.hw_cycle_init .cycle-direction-nav #cycle-prev03 { display: none; } @media (min-width: 75em) { .js.no-touch #sponsoren.hw_cycle_init .cycle-direction-nav #cycle-prev03 { cursor: pointer; display: block; left: 0px; position: absolute; top: 35px; width: 50px; } } .lt-ie9 .js.no-touch #sponsoren.hw_cycle_init .cycle-direction-nav #cycle-prev03 { cursor: pointer; display: block; left: 0px; position: absolute; top: 35px; width: 50px; } .js.no-touch #sponsoren.hw_cycle_init .cycle-direction-nav #cycle-prev03:before { color: #aaaaaa; font-size: 45px; position: absolute; right: 0; text-align: center; width: 100%; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; content: "\f104"; } .js.no-touch #sponsoren.hw_cycle_init .cycle-direction-nav #cycle-next03 { display: none; } @media (min-width: 75em) { .js.no-touch #sponsoren.hw_cycle_init .cycle-direction-nav #cycle-next03 { cursor: pointer; display: block; right: 0px; position: absolute; top: 35px; width: 50px; } } .lt-ie9 .js.no-touch #sponsoren.hw_cycle_init .cycle-direction-nav #cycle-next03 { cursor: pointer; display: block; right: 0px; position: absolute; top: 35px; width: 50px; } .js.no-touch #sponsoren.hw_cycle_init .cycle-direction-nav #cycle-next03:before { color: #aaaaaa; font-size: 45px; position: absolute; right: 0; text-align: center; width: 100%; top: 0; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; content: "\f105"; } #footer { padding: 10px; background-color: #808080; z-index: 1; -webkit-transition: height 0.5s ease 0s; -moz-transition: height 0.5s ease 0s; -o-transition: height 0.5s ease 0s; transition: height 0.5s ease 0s; } #footer:before, #footer:after { content: " "; display: table; } #footer:after { clear: both; } #footer { *zoom: 1; } #footer a { color: #fff; position: relative; } .csstransforms.csstransitions #footer a:after { background: none repeat scroll 0 0 #fff; bottom: -3px; content: ""; height: 1px; left: 1px; position: absolute; width: 0; -webkit-transform-origin: 0 50% 0; -moz-transform-origin: 0 50% 0; -o-transform-origin: 0 50% 0; -ms-transform-origin: 0 50% 0; transform-origin: 0 50% 0; -webkit-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s; -webkit-transform: scaleX(1); -moz-transform: scaleX(1); -o-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); } #footer a:hover { color: #fff; } .csstransforms.csstransitions #footer a:hover:after { width: 100%; } .no-csstransforms.no-csstransitions #footer a:hover { text-decoration: underline; } #footer:before, #footer:after { content: " "; display: table; } #footer:after { clear: both; } #footer { *zoom: 1; } #footer address { font-size: 14px; font-style: normal; padding: 10px 10px 0; color: #fff; } @media (min-width: 40em) { #footer address { width: 33%; float: left; } } .lt-ie9 #footer address { width: 33%; float: left; } #footer address.address.stadt b:before { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e600"; display: inline-block; padding: 0 3px 0 0px; color: #fff; font-size: 25px; } #footer address.address.oeffnungszeiten b:before { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e606"; display: inline-block; padding: 0 4px 0 0; color: #fff; font-size: 18px; } #footer #copyright { border-top: 1px solid #999999; color: #FFFFFF; float: left; font-size: 14px; margin: 30px 0 0; overflow: hidden; padding: 5px 10px 0; width: 100%; } #footer #copyright:before, #footer #copyright:after { content: " "; display: table; } #footer #copyright:after { clear: both; } #footer #copyright { *zoom: 1; } #footer .wrapcenter { position: relative; } #footer .telefonnummer:before, #footer #content .telefonnummer_fr:before, #content #footer .telefonnummer_fr:before, #footer #content .telefonnummer_ch:before, #content #footer .telefonnummer_ch:before, #footer #content .telefonnummer_es:before, #content #footer .telefonnummer_es:before, #footer #content .telefonnummer_it:before, #content #footer .telefonnummer_it:before, #footer #content .telefonnummer_pl:before, #content #footer .telefonnummer_pl:before, #footer #content .telefonnummer_cz:before, #content #footer .telefonnummer_cz:before, #footer #content .telefonnummer_dk:before, #content #footer .telefonnummer_dk:before, #footer #content .telefonnummer_at:before, #content #footer .telefonnummer_at:before, #footer #content02 .telefonnummer_fr:before, #content02 #footer .telefonnummer_fr:before, #footer #content02 .telefonnummer_ch:before, #content02 #footer .telefonnummer_ch:before, #footer #content02 .telefonnummer_es:before, #content02 #footer .telefonnummer_es:before, #footer #content02 .telefonnummer_it:before, #content02 #footer .telefonnummer_it:before, #footer #content02 .telefonnummer_pl:before, #content02 #footer .telefonnummer_pl:before, #footer #content02 .telefonnummer_cz:before, #content02 #footer .telefonnummer_cz:before, #footer #content02 .telefonnummer_dk:before, #content02 #footer .telefonnummer_dk:before, #footer #content02 .telefonnummer_at:before, #content02 #footer .telefonnummer_at:before { font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; content: "\f095"; display: inline-block; padding: 0 5px 0 1px; font-size: 15px; color: #fff; } #footer .faxnummer:before { font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; content: "\f02f"; display: inline-block; padding: 0 5px 0 1px; font-size: 15px; color: #fff; } #footer .mail:before { font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; content: "\f003"; display: inline-block; padding: 0 4px 0 1px; color: #fff; } #footer ul { list-style-type: none; } #footer .left { display: block; } @media (min-width: 48em) { #footer .left { float: left; width: 130px; display: inline; } } .lt-ie9 #footer .left { float: left; width: 130px; display: inline; } .mobilansicht.open #outer-wrap { -webkit-transform: translate3d(-70%, 0px, 0); -moz-transform: translate3d(-70%, 0px, 0); -o-transform: translate3d(-70%, 0px, 0); -ms-transform: translate3d(-70%, 0px, 0); transform: translate3d(-70%, 0px, 0); border-right: 1px solid #D7D7D7; -webkit-box-shadow: 1px 1px 2px #efefef; box-shadow: 1px 1px 2px #efefef; /******************** ACHTUNG WICHTIG !! ********************/ behavior: url(http://gerda-hirsch-woelfl.de/waldenburg-hohenlohe.t3/fileadmin/templates/css/PIE-2.0beta1/PIE.php); } @media (min-width: 40em) { .mobilansicht.open #outer-wrap { -webkit-transform: translate3d(-50%, 0px, 0); -moz-transform: translate3d(-50%, 0px, 0); -o-transform: translate3d(-50%, 0px, 0); -ms-transform: translate3d(-50%, 0px, 0); transform: translate3d(-50%, 0px, 0); } } .lt-ie9 .mobilansicht.open #outer-wrap { -webkit-transform: translate3d(-50%, 0px, 0); -moz-transform: translate3d(-50%, 0px, 0); -o-transform: translate3d(-50%, 0px, 0); -ms-transform: translate3d(-50%, 0px, 0); transform: translate3d(-50%, 0px, 0); } #inner-wrap { width: 100%; } @media (min-width: 60em) { #inner-wrap { top: 120px; padding: 0; z-index: 0; } } .lt-ie9 #inner-wrap { top: 120px; padding: 0; z-index: 0; } .suchbereich { /* firefox 19+ */ /* ie */ background: #cf173f; -webkit-transition: -webkit-transform 500ms cubic-bezier(0.49, 0.015, 0, 1.235); -moz-transition: -moz-transform 500ms cubic-bezier(0.49, 0.015, 0, 1.235); -o-transition: -o-transform 500ms cubic-bezier(0.49, 0.015, 0, 1.235); transition: transform 500ms cubic-bezier(0.49, 0.015, 0, 1.235); width: 255px; } .suchbereich ::-webkit-input-placeholder { color: #fff; font-size: 14px; } .suchbereich ::-moz-placeholder { color: #fff; font-size: 14px; } .suchbereich :-ms-input-placeholder { color: #fff; font-size: 14px; } .suchbereich input:-moz-placeholder { color: #fff; font-size: 14px; } .suchbereich:before, .suchbereich:after { content: " "; display: table; } .suchbereich:after { clear: both; } .suchbereich { *zoom: 1; } .desktopansicht #mainMenue .suchbereich { display: none; } .mobilansicht #outer-wrap .suchbereich.show { display: none; } .desktopansicht .suchbereich.show { position: absolute; right: -25px; top: 80px; } .no-touch.csstransforms .desktopansicht .suchbereich { -webkit-transform: translate3d(178px, 0px, 0); -moz-transform: translate3d(178px, 0px, 0); -o-transform: translate3d(178px, 0px, 0); -ms-transform: translate3d(178px, 0px, 0); transform: translate3d(178px, 0px, 0); } .no-touch.csstransforms .desktopansicht .suchbereich.sichtbar_hw { -webkit-transform: translate3d(0, 0px, 0); -moz-transform: translate3d(0, 0px, 0); -o-transform: translate3d(0, 0px, 0); -ms-transform: translate3d(0, 0px, 0); transform: translate3d(0, 0px, 0); } .desktopansicht.home .suchbereich.show { top: 15px; } .mobilansicht #header .suchbereich { background: transparent; left: 0; position: absolute; right: 50px; top: -67px; z-index: 2; } .suchbereich .suche { border: medium none; color: #fff; padding: 10px 10px 5px; background: transparent; border-bottom: 1px solid #cd5d74; } .mobilansicht #header .suchbereich .suche { width: 75%; border-bottom: 1px solid #C5C5C5; } .suchbereich .bereich2 { float: left; } .mobilansicht #header .suchbereich .bereich2 { display: none; } .suchbereich .bereich1 { float: right; } .mobilansicht #header .suchbereich .bereich1 { float: left; } .suchbereich .sucheAbsenden { border: medium none; height: 50px; width: 50px; position: relative; top: 0; background: url(../img/suche.png) center center no-repeat; } #season { color: #FFFFFF; margin: 0; overflow: hidden; padding: 0; position: absolute; height: 40px; right: 0px; top: 0px; width: 160px; z-index: 3; display: block; -webkit-transition: height 0.25s linear; -moz-transition: height 0.25s linear; -o-transition: height 0.25s linear; transition: height 0.25s linear; } @media (min-width: 30em) { #season { right: 10px; top: 16px; height: 50px; width: 200px; } } @media (min-width: 60em) { #season { padding: 0; width: 100px; z-index: 2; height: 100px; right: 0; top: 137px; display: block; } } .lt-ie9 #season { padding: 0; width: 100px; z-index: 2; height: 100px; right: 0; top: 137px; display: block; } .home.desktopansicht #season { top: 81px; } .open.mobilansicht #season, .no-js #season { display: none; } #season a { color: #fff; width: 25%; height: 100%; float: left; display: block; -webkit-transition: background-position 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275); -moz-transition: background-position 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275); -o-transition: background-position 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275); transition: background-position 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275); position: relative; background: url(../img/season.png) left top no-repeat; opacity: 0.5; background-color: #000; background-size: 130px auto; } @media (min-width: 30em) { #season a { background-size: auto auto; } } @media (min-width: 60em) { #season a { width: 50%; height: 50%; } } .lt-ie9 #season a { width: 50%; height: 50%; } #season a.fruehling { background-position: 9px 2px; } @media (min-width: 30em) { #season a.fruehling { background-position: 13px 4px; } } .lt-ie9 #season a.fruehling { background-position: 13px 4px; } #season a.sommer { background-position: -25px 4px; } @media (min-width: 30em) { #season a.sommer { background-position: -28px 5px; } } .lt-ie9 #season a.sommer { background-position: -28px 5px; } #season a.herbst { background-position: -62px 2px; } @media (min-width: 30em) { #season a.herbst { background-position: -72px 4px; } } .lt-ie9 #season a.herbst { background-position: -72px 4px; } #season a.winter { background-position: -97px 4px; } @media (min-width: 30em) { #season a.winter { background-position: -114px 7px; } } .lt-ie9 #season a.winter { background-position: -114px 7px; } #season a.fruehling.seasonActive, #season a.fruehling:hover { background-color: #6DC100; opacity: 1; } #season a.sommer.seasonActive, #season a.sommer:hover { background-color: #ffc600; opacity: 1; } #season a.herbst.seasonActive, #season a.herbst:hover { background-color: #C81300; opacity: 1; } #season a.winter.seasonActive, #season a.winter:hover { background-color: #03AFF2; opacity: 1; } @media (min-width: 60em) { .no-touch #top-link { text-indent: 0; position: fixed; right: 10px; bottom: 75px; } } .lt-ie9 .no-touch #top-link { text-indent: 0; position: fixed; right: 10px; bottom: 75px; } .touch .mobilansicht #top-link { display: none !Important; right: -4000em; } .js #notification_no-js { display: none !important; } #notification_no-js, .browsehappy, .notification-ajax-error { bottom: auto; color: #FFFFFF; font-size: 22px; left: 0; padding: 0.5em 0em 1em; position: fixed !important; right: auto; top: 55px; width: 100%; z-index: 10000 !important; font-size: 15px; background: deeppink; } @media (min-width: 60em) { #notification_no-js, .browsehappy, .notification-ajax-error { top: 0; } } .lt-ie9 #notification_no-js, .lt-ie9 .browsehappy, .lt-ie9 .notification-ajax-error { top: 0; } #notification_no-js a, .browsehappy a, .notification-ajax-error a { color: #FFFFFF; } #notification_no-js a:before, .browsehappy a:before, .notification-ajax-error a:before { font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; content: "\f08b"; display: inline-block; padding: 0 3px 0 2px; font-size: 16px; color: #FFFFFF; } #notification_no-js strong:before, .browsehappy strong:before, .notification-ajax-error strong:before { font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; content: "\f071"; display: inline-block; padding: 0 9px 0 2px; font-size: 21px; } .browsehappy { top: auto; bottom: 0; height: 50px; background: purple; } .notification-ajax-error { display: none; } .ajax-error .notification-ajax-error { display: block; } #imagelightbox { -webkit-box-shadow: 0 0 3.125em rgba(0, 0, 0, 0.75); box-shadow: 0 0 3.125em rgba(0, 0, 0, 0.75); /******************** ACHTUNG WICHTIG !! ********************/ behavior: url(http://gerda-hirsch-woelfl.de/waldenburg-hohenlohe.t3/fileadmin/templates/css/PIE-2.0beta1/PIE.php); cursor: pointer; position: fixed; z-index: 10000; } #imagelightbox-loading, #imagelightbox-loading div { border-radius: 50%; } #imagelightbox-loading { background-color: black; background-color: rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 0 2.5em rgba(0, 0, 0, 0.75); box-shadow: 0 0 2.5em rgba(0, 0, 0, 0.75); /******************** ACHTUNG WICHTIG !! ********************/ behavior: url(http://gerda-hirsch-woelfl.de/waldenburg-hohenlohe.t3/fileadmin/templates/css/PIE-2.0beta1/PIE.php); height: 2.5em; left: 50%; margin: -1.25em 0 0 -1.25em; padding: 0.625em; position: fixed; top: 50%; width: 2.5em; z-index: 10003; } #imagelightbox-loading div { width: 1.25em; /* 20 */ height: 1.25em; /* 20 */ background-color: #fff; -webkit-animation: imagelightbox-loading .5s ease infinite; -moz-animation: imagelightbox-loading .5s ease infinite; -o-animation: imagelightbox-loading .5s ease infinite; animation: imagelightbox-loading .5s ease infinite; } @-webkit-keyframes imagelightbox-loading { from { opacity: .5; -webkit-transform: scale(0.75); } 50% { opacity: 1; -webkit-transform: scale(1); } to { opacity: .5; -webkit-transform: scale(0.75); } } @-moz-keyframes imagelightbox-loading { from { opacity: .5; -moz-transform: scale(0.75); } 50% { opacity: 1; -moz-transform: scale(1); } to { opacity: .5; -moz-transform: scale(0.75); } } @-o-keyframes imagelightbox-loading { from { opacity: .5; -o-transform: scale(0.75); } 50% { opacity: 1; -o-transform: scale(1); } to { opacity: .5; -o-transform: scale(0.75); } } @keyframes imagelightbox-loading { from { opacity: .5; transform: scale(0.75); } 50% { opacity: 1; transform: scale(1); } to { opacity: .5; transform: scale(0.75); } } #imagelightbox-overlay, #iframe-overlay, #ajax-overlay { background-color: #fff; bottom: 0; left: 0; position: fixed; right: 0; top: 0; z-index: 9998; } .rgba #imagelightbox-overlay, .rgba #iframe-overlay, .rgba #ajax-overlay { background-color: white; background-color: rgba(255, 255, 255, 0.9); } #imagelightbox-close, #iframe-close, #ajax-overlay-close { background-color: #666666; -webkit-border-radius: 50%; border-radius: 50%; background-clip: padding-box; /******************** ACHTUNG WICHTIG !! ********************/ height: 2.5em; position: fixed; right: 2.5em; text-align: left; text-indent: -9999px; top: 2.5em; -webkit-transition: color 0.3s ease 0s; -moz-transition: color 0.3s ease 0s; -o-transition: color 0.3s ease 0s; transition: color 0.3s ease 0s; width: 2.5em; z-index: 10002; } #imagelightbox-close:hover, #iframe-close:hover, #ajax-overlay-close:hover { background-color: #111111; } #imagelightbox-close:before, #imagelightbox-close:after, #iframe-close:before, #iframe-close:after, #ajax-overlay-close:before, #ajax-overlay-close:after { background-color: #FFFFFF; bottom: 20%; content: ""; left: 50%; margin-left: -1px; position: absolute; top: 20%; width: 2px; } #imagelightbox-close:before, #iframe-close:before, #ajax-overlay-close:before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } #imagelightbox-close:after, #iframe-close:after, #ajax-overlay-close:after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } #imagelightbox-caption { text-align: center; color: #fff; background-color: #666; position: fixed; z-index: 10001; left: 0; right: 0; bottom: 0; padding: 0.625em; /* 10 */ } #imagelightbox-nav { background-color: #fff; -webkit-border-radius: 20px; border-radius: 20px; background-clip: padding-box; /******************** ACHTUNG WICHTIG !! ********************/ bottom: 3.75em; left: 50%; padding: 0.313em 0.313em 0; position: fixed; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); z-index: 10001; } .rgba #imagelightbox-nav { background-color: black; background-color: rgba(0, 0, 0, 0.5); } #imagelightbox-nav a { width: 1em; /* 20 */ height: 1em; /* 20 */ border: 1px solid #fff; display: inline-block; margin: 0 0.313em; /* 5 */ -webkit-border-radius: 50%; border-radius: 50%; background-clip: padding-box; /******************** ACHTUNG WICHTIG !! ********************/ } #imagelightbox-nav a.active { background-color: #FFFFFF; } #imagelightbox-loading, #imagelightbox-overlay, #imagelightbox-close, #imagelightbox-caption, #imagelightbox-nav, #iframe-overlay, #iframe-close, #ajax-overlay, #ajax-overlay-close { -webkit-animation: fade-in .25s linear; -moz-animation: fade-in .25s linear; -o-animation: fade-in .25s linear; -ms-animation: fade-in .25s linear; animation: fade-in .25s linear; } @-webkit-keyframes fade-in { from { opacity: 0; } to { opacity: 1; } } @-moz-keyframes fade-in { from { opacity: 0; } to { opacity: 1; } } @-o-keyframes fade-in { from { opacity: 0; } to { opacity: 1; } } @keyframes fade-in { from { opacity: 0; } to { opacity: 1; } } @media only screen and (max-width: 41.25em) { #container { width: 100%; } #imagelightbox-close, #ajax-overlay-close { top: 1.25em; /* 20 */ right: 1.25em; /* 20 */ } #imagelightbox-nav { bottom: 1.25em; /* 20 */ } } #slider_outer_wrap { position: relative; z-index: -1; } #slider_outer_wrap > img { width: 100%; } .cycle-pager { color: #FFFFFF; height: 20px; right: 0; position: absolute; top: 125px; display: inline-block; margin: 0; padding: 0; list-style: none; cursor: default; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } @media (min-width: 30em) { .cycle-pager { top: 325px; } } .lt-ie9 .cycle-pager { top: 325px; } .home .cycle-pager { display: none; } .no-js .cycle-pager, .touch .cycle-pager { display: none; } .cycle-pager span { position: relative; display: block; float: left; margin: 0 3px 0 0; width: 16px; height: 16px; cursor: pointer; } .cycle-pager span a { top: 0; left: 0; width: 100%; height: 100%; outline: none; -webkit-border-radius: 50%; border-radius: 50%; background-clip: padding-box; /******************** ACHTUNG WICHTIG !! ********************/ background-color: #fff; background-color: white; background-color: rgba(255, 255, 255, 0.6); text-indent: -999em; /* make the text accessible to screen readers */ cursor: pointer; position: absolute; } .cycle-pager span.cycle-pager-active a { background-color: transparent; } .cycle-pager > * { cursor: pointer; } .cycle-pager span { width: 18px; height: 18px; } .cycle-pager span a { top: 3px; left: 3px; width: 12px; height: 12px; background-color: #cf173f; -webkit-transition: opacity 0.3s ease; -moz-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .cycle-pager span svg { z-index: 10; } .cycle-pager span svg circle { opacity: 0; fill: none; stroke: #fff; stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; stroke-dasharray: 39 39; stroke-dashoffset: 39; /* length of circle path (pi*2r) */ -webkit-transition: stroke-dashoffset 0.3s, opacity 0.3s; transition: stroke-dashoffset 0.3s, opacity 0.3s; } .cycle-pager span.cycle-pager-active a, .cycle-pager span a:hover, .cycle-pager span a:focus { opacity: 0.5; background-color: #cf173f; } .cycle-pager span.cycle-pager-active svg circle { opacity: 1; stroke-dashoffset: 0; -webkit-transition: stroke-dashoffset 0.3s, opacity 0.15s; transition: stroke-dashoffset 0.3s, opacity 0.15s; } .js.no-touch .cycle-direction-nav { position: relative; } .js.no-touch .cycle-direction-nav #cycle-prev { cursor: pointer; display: block; left: 0; position: absolute; top: 170px; width: 50px; } @media (min-width: 60em) { .js.no-touch .cycle-direction-nav #cycle-prev { top: 230px; } } .lt-ie9 .js.no-touch .cycle-direction-nav #cycle-prev { top: 230px; } .js.no-touch .cycle-direction-nav #cycle-prev:before { color: #fff; font-size: 70px; position: absolute; right: 0; text-align: center; width: 100%; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; content: "\f104"; } .js.no-touch .cycle-direction-nav #cycle-next { cursor: pointer; display: block; right: 0; position: absolute; top: 170px; width: 50px; } @media (min-width: 60em) { .js.no-touch .cycle-direction-nav #cycle-next { top: 230px; } } .lt-ie9 .js.no-touch .cycle-direction-nav #cycle-next { top: 230px; } .js.no-touch .cycle-direction-nav #cycle-next:before { color: #fff; font-size: 70px; position: absolute; right: 0; text-align: center; width: 100%; top: 0; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; content: "\f105"; } .js.no-touch .home .cycle-direction-nav #cycle-next, .js.no-touch .home .cycle-direction-nav #cycle-prev { top: 175px; } @media (min-width: 30em) { .js.no-touch .home .cycle-direction-nav #cycle-next, .js.no-touch .home .cycle-direction-nav #cycle-prev { top: 195px; } } @media (min-width: 60em) { .js.no-touch .home .cycle-direction-nav #cycle-next, .js.no-touch .home .cycle-direction-nav #cycle-prev { top: 335px; } } .lt-ie9 .js.no-touch .home .cycle-direction-nav #cycle-next, .lt-ie9 .js.no-touch .home .cycle-direction-nav #cycle-prev { top: 335px; } .js.no-touch .home .cycle-direction-nav #cycle-prev { left: auto; right: 50px; } @media (min-width: 30em) { .js.no-touch .home .cycle-direction-nav #cycle-prev { left: 0; right: auto; } } .lt-ie9 .js.no-touch .home .cycle-direction-nav #cycle-prev { left: 0; right: auto; } #slider_wrap { bottom: 0; height: 100%; left: 0; margin: 0 auto; overflow: hidden; position: absolute; right: 0; top: 0; width: 100%; z-index: inherit; } #slider_wrap > div { display: none; } #slider_wrap > div:first-child { display: block; } @media (min-width: 40em) { #slider_wrap { background: url(../img/preloading.png) center center no-repeat; } } .lt-ie9 #slider_wrap { background: url(../img/preloading.png) center center no-repeat; } #slider_wrap .carousel > div { background-attachment: inherit; background-position: center center; background-repeat: no-repeat; background-color: #9c9c9c; height: 350px; } @media (min-width: 40em) { #slider_wrap .carousel > div { height: 100%; background-size: auto; } } .lt-ie9 #slider_wrap .carousel > div { height: 100%; background-size: auto; } @media (min-width: 120em) { #slider_wrap .carousel > div { background-size: 100% auto; } } .js .autumn #slider_wrap .carousel.autumn { display: block; } .js .spring #slider_wrap .carousel.spring { display: block; } .js .summer #slider_wrap .carousel.summer { display: block; } .js .winter #slider_wrap .carousel.winter { display: block; } .drucken-iframe { border: 1px solid #E1E1E1; background-color: #fff; height: 550px; left: 50%; margin-left: -415px; opacity: 1; overflow: scroll; overflow-x: hidden; position: fixed; top: 100px; width: 850px; z-index: 9999; -webkit-box-shadow: 0 0 9px #bababa; box-shadow: 0 0 9px #bababa; /******************** ACHTUNG WICHTIG !! ********************/ behavior: url(http://gerda-hirsch-woelfl.de/waldenburg-hohenlohe.t3/fileadmin/templates/css/PIE-2.0beta1/PIE.php); } #ajax-overlay { opacity: 0; z-index: 99999; visibility: hidden; -webkit-transition: opacity 200ms ease 0s; -moz-transition: opacity 200ms ease 0s; -o-transition: opacity 200ms ease 0s; transition: opacity 200ms ease 0s; } .ajax-load #ajax-overlay { opacity: 1; visibility: visible; } #ajax-overlay #loader { position: absolute; left: 50%; top: 50%; margin-left: -110px; margin-top: -9px; } iframe { width: 100%; } /*** Suche ***/ .tx-indexedsearch ul.browsebox { margin: 15px 0 0 0 !important; } .tx-indexedsearch .tx-indexedsearch-icon.icon { float: left; padding: 3px 0 0; } .tx-indexedsearch .tx-indexedsearch-res > .tx-indexedsearch-res { border-bottom: 1px solid #CCCCCC; overflow: hidden; margin: 20px 0; width: 100%; position: relative; } .tx-indexedsearch .tx-indexedsearch-result-number { display: none; } .tx-indexedsearch .tx-indexedsearch-title.title { font-size: 18px; padding: 0 30px 10px 0; } .tx-indexedsearch .tx-indexedsearch-percent.percent { position: absolute; right: 0; top: 0; } .tx-indexedsearch .tx-indexedsearch-info.info { margin: 15px 0 0; } /*** Startseite ***/ .home #content h1 { border: medium none; font-size: 28px; padding: 0; text-align: center; margin: 0 0 10px; text-transform: none; } @media (min-width: 60em) { .home .wrap { float: left; width: 45%; } } .lt-ie9 .home .wrap { float: left; width: 45%; } .home h2 { text-transform: uppercase; padding: 0 0 10px; margin: 0 0 5px; border-bottom: 1px solid #cacaca; } .home #aktuelles, .home #neuigkeitenbuecherei, .home #link { padding-left: 10px; padding-right: 10px; } @media (min-width: 60em) { .home #aktuelles, .home #neuigkeitenbuecherei, .home #link { padding-left: 0px; padding-right: 0px; } } .lt-ie9 .home #aktuelles, .lt-ie9 .home #neuigkeitenbuecherei, .lt-ie9 .home #link { padding-left: 0px; padding-right: 0px; } .home #aktuelles, .home #neuigkeitenbuecherei { padding-bottom: 30px; } @media (min-width: 60em) { .home #aktuelles, .home #neuigkeitenbuecherei { padding-bottom: 0; } } .lt-ie9 .home #aktuelles, .lt-ie9 .home #neuigkeitenbuecherei { padding-bottom: 0; } .home #neuigkeitenbuecherei { padding: 25px 0 0; } .home #news .hwnews { width: calc(100% + 20px); } .home #news { position: relative; padding: 0 10px 20px; } @media (min-width: 60em) { .home #news { padding: 0 0 20px; } } .lt-ie9 .home #news { padding: 0 0 20px; } .home #news #news02 { overflow: hidden; } .home #news .liste { width: calc(100% + 20px) !important; } .home #news h2 { border-color: #d6b2ae; text-align: center; margin: 0 0 20px; } .home #news .eintrag { -moz-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; padding: 0 20px 0 0; height: 175px; float: left; /******************** ACHTUNG WTF !! ********************/ opacity: 1 !important; } .no-js .home #news .eintrag { float: left; width: 25%; } .js .home #news .eintrag { display: none; } @media (max-width: 480px) { .home #news .eintrag { width: 50%; } .js .home #news .eintrag:nth-child(1), .js .home #news .eintrag:nth-child(2) { display: block; } } @media (min-width: 481px) and (max-width: 640px) { .home #news .eintrag { width: 33.333%; } .js .home #news .eintrag:nth-child(1), .js .home #news .eintrag:nth-child(2), .js .home #news .eintrag:nth-child(3) { display: block; } } @media (min-width: 641px) { .home #news .eintrag { width: 25%; } .js .home #news .eintrag:nth-child(1), .js .home #news .eintrag:nth-child(2), .js .home #news .eintrag:nth-child(3), .js .home #news .eintrag:nth-child(4) { display: block; } } .home #news .eintrag.cycle-slide { float: none; } .home #news .wrap-news { background: #FFFFFF; padding: 15px 10px 0 10px; height: 83px; overflow: hidden; } .home #news .author, .home #news .teasertext { display: none; } .home #news .erstelldatum { color: #cf173f; font-size: 14px; } .home #news h3 { height: 25px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #5b5b5b; } .home #news h3 a { font-size: 14px; color: #5b5b5b; } .home #news h3 a:hover { color: #cf173f; } .home #news .eintrag:hover h3 a { color: #cf173f; } .home #news .teaserbild { height: 80px; } .home #news .teaserbild img { width: 100%; /** !? **/ } .home #news .cycle-direction-nav { display: none; } .js.no-touch .home #news.hw_cycle_init .cycle-direction-nav { position: relative; display: block; } .js.no-touch .home #news.hw_cycle_init .cycle-direction-nav #cycle-prev02 { display: none; } @media (min-width: 75em) { .js.no-touch .home #news.hw_cycle_init .cycle-direction-nav #cycle-prev02 { cursor: pointer; display: block; left: -65px; position: absolute; top: -180px; width: 50px; } } .lt-ie9 .js.no-touch .home #news.hw_cycle_init .cycle-direction-nav #cycle-prev02 { cursor: pointer; display: block; left: -65px; position: absolute; top: -180px; width: 50px; } .js.no-touch .home #news.hw_cycle_init .cycle-direction-nav #cycle-prev02:before { color: #fff; font-size: 45px; position: absolute; right: 0; text-align: center; width: 100%; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; content: "\f104"; } .js.no-touch .home #news.hw_cycle_init .cycle-direction-nav #cycle-next02 { display: none; } @media (min-width: 75em) { .js.no-touch .home #news.hw_cycle_init .cycle-direction-nav #cycle-next02 { cursor: pointer; display: block; right: -65px; position: absolute; top: -180px; width: 50px; } } .lt-ie9 .js.no-touch .home #news.hw_cycle_init .cycle-direction-nav #cycle-next02 { cursor: pointer; display: block; right: -65px; position: absolute; top: -180px; width: 50px; } .js.no-touch .home #news.hw_cycle_init .cycle-direction-nav #cycle-next02:before { color: #fff; font-size: 45px; position: absolute; right: 0; text-align: center; width: 100%; top: 0; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; content: "\f105"; } #link { padding-top: 25px; } @media (min-width: 30em) { #link { width: 60%; float: left; } } @media (min-width: 60em) { #link { padding-top: 0px; width: 45%; float: right; } } .lt-ie9 #link { padding-top: 0px; width: 45%; float: right; } #link .csc-textpic-text a { padding: 15px 0 15px 5px; border-bottom: 1px solid #cacaca; color: #515151; display: block; position: relative; min-height: 75px; } .generatedcontent #link .csc-textpic-text a { padding-left: 50px; } #link .csc-textpic-text a:hover { color: #cf173f; } .generatedcontent #link .iconstar:before { color: #cf173f; font-size: 33px; position: absolute; left: 0; top: 20px; font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e607"; } .generatedcontent #link .iconlocation:before { color: #cf173f; font-size: 33px; position: absolute; left: 0; top: 20px; font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e608"; } .generatedcontent #link .iconnews:before { color: #cf173f; font-size: 33px; position: absolute; left: 0; top: 20px; font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e609"; } .generatedcontent #link .iconphoto:before { color: #cf173f; font-size: 33px; position: absolute; left: 0; top: 20px; font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e60a"; } .generatedcontent #link .iconwasserzaehler:before { color: #cf173f; font-size: 33px; position: absolute; left: 0; top: 20px; font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e631"; } .generatedcontent #link .iconweihnachtsmarkt:before { color: #cf173f; font-size: 41px; position: absolute; left: -8px; top: 13px; font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e601b"; } .generatedcontent #link .iconwahlen:before { color: #cf173f; font-size: 28px; position: absolute; left: 6px; top: 15px; font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e633"; } .home #aktuelles .eintrag { border-bottom: 1px solid #CACACA; padding: 15px 5px; } .home #aktuelles .eintrag:before, .home #aktuelles .eintrag:after { content: " "; display: table; } .home #aktuelles .eintrag:after { clear: both; } .home #aktuelles .eintrag { *zoom: 1; } .home #aktuelles h3 > a { color: #383838; display: block; font-size: 15px; font-weight: normal; padding: 5px 15px 0 0; position: relative; } .generatedcontent .home #aktuelles h3 > a:before { font-size: 18px; position: absolute; right: 0; top: 0px; color: #6a6a6a; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; content: "\f101"; } .home #aktuelles h3 > a:hover { color: #cf173f; } .home #aktuelles .bild { float: left; margin: 0 15px 5px 0; width: 90px; height: auto; } .home #aktuelles .datum { color: #383838; font-size: 14px; } .home #aktuelles .alle-veranstaltungen { border-bottom: 1px solid #CACACA; padding: 5px 0; color: #383838; font-size: 14px; display: block; } .home #aktuelles .alle-veranstaltungen a { color: #383838; position: relative; } .home #aktuelles .alle-veranstaltungen a:hover { color: #cf173f; } .generatedcontent .home #aktuelles .alle-veranstaltungen a:before { font-size: 18px; position: absolute; right: -20px; top: -2px; color: #555555; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; content: "\f101"; } .home #neuigkeitenbuecherei .eintrag { display: none; padding: 15px 0 0; } .home #neuigkeitenbuecherei .eintrag:before, .home #neuigkeitenbuecherei .eintrag:after { content: " "; display: table; } .home #neuigkeitenbuecherei .eintrag:after { clear: both; } .home #neuigkeitenbuecherei .eintrag { *zoom: 1; } .home #neuigkeitenbuecherei .eintrag:first-child { display: block; } .home #neuigkeitenbuecherei h3 > a { color: #383838; display: block; font-size: 15px; font-weight: normal; padding: 5px 15px 0 0; position: relative; } .generatedcontent .home #neuigkeitenbuecherei h3 > a:before { font-size: 18px; position: absolute; right: 0; top: 0px; color: #6a6a6a; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; content: "\f101"; } .home #neuigkeitenbuecherei h3 > a:hover { color: #cf173f; } .home #neuigkeitenbuecherei .bild { float: left; margin: 0 15px 5px 0; width: 150px; height: auto; } .home #neuigkeitenbuecherei .datum { color: #383838; font-size: 14px; } .home #neuigkeitenbuecherei .fusszeile { display: none; } /* ############################# # Ladeeffekt # ############################# */ #overlay-oben { background: none repeat scroll 0 0 #800080; left: 0; top: 0; } #overlay-unten { background: none repeat scroll 0 0 #FF1493; bottom: 0; left: 0; } .overlays { position: absolute; transition: all 0.5s ease 0s; z-index: 1; width: 100%; height: 0; } .lade-effekt .overlays#overlay-unten { height: 50%; } .lade-effekt .overlays#overlay-oben { height: 51%; } /* ############################# # Kalender Extension # ############################# */ #kalender, .liste { overflow: hidden; width: 100%; } .js .tx-hwkalender .liste .einzeleintrag .beschreibung { display: none; } #contentbereich .tx-hwkalender .link { display: block; margin: 5px 10px 0 2px; } #contentbereich .tx-hwkalender .link a:before { font-size: 18px; padding: 0 7px 0 1px; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; content: "\f138"; } #contentbereich .tx-hwkalender .liste .einzeleintrag { border-bottom: 1px dotted #CCCCCC; margin: 0; padding: 25px 0 20px; position: relative; clear: both; overflow: hidden; text-align: left; } #contentbereich .tx-hwkalender .einzelansicht .einzeleintrag { padding: 0 0 20px; position: relative; clear: both; overflow: hidden; text-align: left; } #contentbereich .tx-hwkalender .einzelansicht .einzeleintrag .titel a { text-decoration: none; font-weight: normal; font-size: 23px; } #contentbereich .tx-hwkalender .bild { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #E5E5E5; display: block; float: right; margin: 0 0 10px 25px; padding: 5px; } #contentbereich .tx-hwkalender .titel { margin: 0 0 10px; color: #cf173f; } #contentbereich .tx-hwkalender .zeit { padding: 5px 0 0; } #contentbereich .tx-hwkalender .zeit:before { font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; content: "\f017"; display: inline-block; padding: 0 5px 0 2px; font-size: 18px; color: #cf173f; } #contentbereich .tx-hwkalender .webseite { padding: 5px 0 0; } #contentbereich .tx-hwkalender .webseite:before { font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; content: "\f08b"; display: inline-block; padding: 0 4px 0 2px; font-size: 18px; color: #cf173f; } #contentbereich .tx-hwkalender .datum:before { font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; content: "\f133"; display: inline-block; padding: 0 6px 0 2px; font-size: 16px; color: #cf173f; } #contentbereich .tx-hwkalender .ort { vertical-align: baseline; padding: 5px 0 0 0; } #contentbereich .tx-hwkalender .ort:before { font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; content: "\f08d"; display: inline-block; padding: 0 10px 0 5px; font-size: 18px; color: #cf173f; } #contentbereich .tx-hwkalender .organisator { padding: 5px 0 0; } #contentbereich .tx-hwkalender .organisator:before { font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; content: "\f007"; display: inline-block; padding: 0 9px 0 4px; font-size: 16px; color: #cf173f; } #contentbereich .tx-hwkalender .beschreibung { padding: 5px 0; } #contentbereich .tx-hwkalender .beschreibung:before { font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; content: "\f05a"; display: inline-block; padding: 0 9px 0 2px; font-size: 18px; color: #cf173f; } #contentbereich .tx-hwkalender .kategorien-label { display: inline-block; } #contentbereich .tx-hwkalender .kategorien { margin: 15px 0 0; } #contentbereich .tx-hwkalender .kategorien a { text-decoration: none; } .content #contentbereich .tx-hwkalender .download:before { padding: 0 10px 0 2px; } fieldset { border: none; padding: 0; margin: 0; } label { display: block; margin: 0 0 3px; } /*** Importieren einer SCSS-Datei (mit Unterstrich zu Beginn des Dateinamens, also hier u.a. '_menue.scss') aus dem selben Verzeichnis ***/ #subnavi { display: none; width: 0; -webkit-transition: width 0.2s linear; -moz-transition: width 0.2s linear; -o-transition: width 0.2s linear; transition: width 0.2s linear; } @media (min-width: 60em) { #subnavi { background: #9c9c9c; display: block; float: left; width: 230px; margin: 12.5% 0px 50px; } } .lt-ie9 #subnavi { background: #9c9c9c; display: block; float: left; width: 230px; margin: 12.5% 0px 50px; } #subnavi ul { margin: 0; list-style-type: none; } #subnavi li a { color: #fff; display: block; padding: 6px 5px 5px 10px; font-size: 15px; } #subnavi li a:hover { background: #cf173f; color: #fff; } #subnavi li.act { margin: 0 0 5px; } #subnavi li.act a, #subnavi li.act a:hover { background: #cf173f; color: #fff; } #subnavi li.act ul { padding: 10px 0; background: #fff; } #subnavi li.act li { border: none !important; position: relative; margin: 0 0 5px; } #subnavi li.act li.act, #subnavi li.act li:hover { background: #cf173f; } #subnavi li.act li a { color: #4d4d4d; padding: 2px 10px 1px 18px; font-weight: normal; background: #fff; font-size: 14px; } #subnavi li.act li a.active, #subnavi li.act li a:hover { color: #4d4d4d; font-family: "Open Sans Bold", Arial, Helvetica, sans-serif; font-weight: normal; padding: 2px 5px 1px 8px; border-left: 10px solid #cf173f; background: #fff; } #subnavi li.act li li a { padding: 2px 5px 3px 24px; } #subnavi li.act li li.act a { padding: 2px 5px 3px 11px; } #subnavi li.act li li.act:before { font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; content: "\f0da"; display: inline-block; font-size: 20px; position: static; float: left; padding: 0 5px 0 11px; } .spring #subnavi li.act li li.act:before { color: #cf173f; } .summer #subnavi li.act li li.act:before { color: #cf173f; } .autumn #subnavi li.act li li.act:before { color: #cf173f; } .winter #subnavi li.act li li.act:before { color: #cf173f; } #subnavi li.act li li:hover a { font-family: "Open Sans Bold", Arial, Helvetica, sans-serif; font-weight: normal; padding: 2px 5px 3px 24px; } #subnavi li.act li li:hover:before { display: none; } #mainMenue { border: medium none; display: block; height: auto; min-height: 50px; -webkit-transform: translate3d(200%, 0px, 0); -moz-transform: translate3d(200%, 0px, 0); -o-transform: translate3d(200%, 0px, 0); -ms-transform: translate3d(200%, 0px, 0); transform: translate3d(200%, 0px, 0); } .js #mainMenue { overflow: hidden; } .desktopansicht #mainMenue { padding: 60px 0 0; float: right; width: 585px; } .desktopansicht.themaContent #mainMenue { display: none; } .mobilansicht #mainMenue h2 { display: none; } .mobilansicht.open #mainMenue { background: #EFEFEF; } .csstransforms .desktopansicht.home #mainMenue { -webkit-transform: translate3d(0%, -100%, 0); -moz-transform: translate3d(0%, -100%, 0); -o-transform: translate3d(0%, -100%, 0); -ms-transform: translate3d(0%, -100%, 0); transform: translate3d(0%, -100%, 0); } .csstransforms .desktopansicht.home.ani-buerger #mainMenue { -webkit-transform: translate3d(0%, 0%, 0); -moz-transform: translate3d(0%, 0%, 0); -o-transform: translate3d(0%, 0%, 0); -ms-transform: translate3d(0%, 0%, 0); transform: translate3d(0%, 0%, 0); } .home #mainMenue { -webkit-transition: all 200ms; -moz-transition: all 200ms; -o-transition: all 200ms; transition: all 200ms; -webkit-transition-delay: 0ms; -moz-transition-delay: 0ms; -o-transition-delay: 0ms; transition-delay: 0ms; } .home.ani-buerger #mainMenue { -webkit-transition-delay: 500ms; -moz-transition-delay: 500ms; -o-transition-delay: 500ms; transition-delay: 500ms; } @media (min-width: 60em) { #mainMenue { display: block; -webkit-transform: translate3d(0, 0px, 0); -moz-transform: translate3d(0, 0px, 0); -o-transform: translate3d(0, 0px, 0); -ms-transform: translate3d(0, 0px, 0); transform: translate3d(0, 0px, 0); } #mainMenue h2 { display: none; } } .lt-ie9 #mainMenue { display: block; -webkit-transform: translate3d(0, 0px, 0); -moz-transform: translate3d(0, 0px, 0); -o-transform: translate3d(0, 0px, 0); -ms-transform: translate3d(0, 0px, 0); transform: translate3d(0, 0px, 0); } .lt-ie9 #mainMenue h2 { display: none; } #mainMenue #nav:before, #mainMenue #nav:after { content: " "; display: table; } #mainMenue #nav:after { clear: both; } #mainMenue #nav { *zoom: 1; } @media (min-width: 60em) { #mainMenue #nav li.act { background: #cf173f; } } .lt-ie9 #mainMenue #nav li.act { background: #cf173f; } @media (min-width: 60em) { #mainMenue #nav li.act a { border-color: #cf173f; } } .lt-ie9 #mainMenue #nav li.act a { border-color: #cf173f; } #mainMenue #nav li.hover, #mainMenue #nav li.hover.sct { background: #9c9c9c; } #mainMenue #nav li.hover a, #mainMenue #nav li.hover.sct a { color: #fff; border-color: #9c9c9c; } .no-js #mainMenue #nav li li.submenue { position: relative; } .no-js #mainMenue #nav li li.submenue:before { font-size: 8pt; padding: 0 10px 0 0; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; content: "\f054"; position: absolute; right: 10px; top: 14px; } .no-js #mainMenue #nav li li { text-align: left; text-transform: none; width: 250px; } .no-js #mainMenue #nav li li a { text-transform: none; text-align: left; font-size: 16px !important; color: #8c8c8c; margin: 0; } .no-js .spring #mainMenue #nav li li a:hover { color: #fff !important; background-color: #cf173f; } .no-js .summer #mainMenue #nav li li a:hover { color: #fff !important; background-color: #cf173f; } .no-js .autumn #mainMenue #nav li li a:hover { color: #fff !important; background-color: #cf173f; } .no-js .winter #mainMenue #nav li li a:hover { color: #fff !important; background-color: #cf173f; } @media (min-width: 60em) { #mainMenue #nav li { color: #cf173f; float: left; list-style: none; position: relative; width: 20%; } } .lt-ie9 #mainMenue #nav li { color: #cf173f; float: left; list-style: none; position: relative; width: 20%; } @media (min-width: 60em) { #mainMenue #nav li a { text-transform: uppercase; color: #717171; display: block; font-size: 14px; font-weight: normal; padding: 3px 8px 20px; text-decoration: none; text-align: left; text-transform: uppercase; border-left: 1px solid #e6e6e6; margin: 12px 0 0; } } .lt-ie9 #mainMenue #nav li a { text-transform: uppercase; color: #717171; display: block; font-size: 14px; font-weight: normal; padding: 3px 8px 20px; text-decoration: none; text-align: left; text-transform: uppercase; border-left: 1px solid #e6e6e6; margin: 12px 0 0; } #mainMenue #nav li a.act, #mainMenue #nav li a:hover { color: #fff; } .mobilansicht.open.spring #mainMenue #nav li a.act, .mobilansicht.open.spring #mainMenue #nav li a:hover { color: #cf173f; } .mobilansicht.open.summer #mainMenue #nav li a.act, .mobilansicht.open.summer #mainMenue #nav li a:hover { color: #cf173f; } .mobilansicht.open.autumn #mainMenue #nav li a.act, .mobilansicht.open.autumn #mainMenue #nav li a:hover { color: #cf173f; } .mobilansicht.open.winter #mainMenue #nav li a.act, .mobilansicht.open.winter #mainMenue #nav li a:hover { color: #cf173f; } #mainMenue #nav li:first-child { padding-left: 0px; } .js #mainMenue #nav li.submenue.act ul ul ul { padding: 0 0 0 20px; } @media (min-width: 60em) { #mainMenue #nav li:hover { color: #ffff; background: #cf173f; } } .lt-ie9 #mainMenue #nav li:hover { color: #ffff; background: #cf173f; } @media (min-width: 60em) { #mainMenue #nav li:hover a { border-color: #cf173f; } } .lt-ie9 #mainMenue #nav li:hover a { border-color: #cf173f; } @media (min-width: 60em) { #mainMenue #nav li:hover div { display: block; left: 0; position: absolute; top: 74px; } } .lt-ie9 #mainMenue #nav li:hover div { display: block; left: 0; position: absolute; top: 74px; } @media (min-width: 60em) { #mainMenue #nav li:hover div ul.menueebene2 li.menueebene2, #mainMenue #nav li:hover div ul.menueebene2 li.menueebene3, #mainMenue #nav li:hover div ul.menueebene3 li.menueebene2, #mainMenue #nav li:hover div ul.menueebene3 li.menueebene3 { background-color: white; background-color: rgba(255, 255, 255, 0.9); border-bottom: 1px solid #ccc; list-style: none; position: relative; } } .lt-ie9 #mainMenue #nav li:hover div ul.menueebene2 li.menueebene2, .lt-ie9 #mainMenue #nav li:hover div ul.menueebene2 li.menueebene3, .lt-ie9 #mainMenue #nav li:hover div ul.menueebene3 li.menueebene2, .lt-ie9 #mainMenue #nav li:hover div ul.menueebene3 li.menueebene3 { background-color: white; background-color: rgba(255, 255, 255, 0.9); border-bottom: 1px solid #ccc; list-style: none; position: relative; } @media (min-width: 60em) { #mainMenue #nav li:hover div ul.menueebene2 li.menueebene2 a, #mainMenue #nav li:hover div ul.menueebene2 li.menueebene3 a, #mainMenue #nav li:hover div ul.menueebene3 li.menueebene2 a, #mainMenue #nav li:hover div ul.menueebene3 li.menueebene3 a { color: #717171; display: block; font-size: 18px; min-width: 200px; padding: 10px 35px 10px 15px; text-decoration: none; } } .lt-ie9 #mainMenue #nav li:hover div ul.menueebene2 li.menueebene2 a, .lt-ie9 #mainMenue #nav li:hover div ul.menueebene2 li.menueebene3 a, .lt-ie9 #mainMenue #nav li:hover div ul.menueebene3 li.menueebene2 a, .lt-ie9 #mainMenue #nav li:hover div ul.menueebene3 li.menueebene3 a { color: #717171; display: block; font-size: 18px; min-width: 200px; padding: 10px 35px 10px 15px; text-decoration: none; } @media (min-width: 60em) { #mainMenue #nav li:hover div ul.menueebene2 li.menueebene2 div, #mainMenue #nav li:hover div ul.menueebene2 li.menueebene3 div, #mainMenue #nav li:hover div ul.menueebene3 li.menueebene2 div, #mainMenue #nav li:hover div ul.menueebene3 li.menueebene3 div { display: none; left: 100%; position: absolute; top: 0; } } .lt-ie9 #mainMenue #nav li:hover div ul.menueebene2 li.menueebene2 div, .lt-ie9 #mainMenue #nav li:hover div ul.menueebene2 li.menueebene3 div, .lt-ie9 #mainMenue #nav li:hover div ul.menueebene3 li.menueebene2 div, .lt-ie9 #mainMenue #nav li:hover div ul.menueebene3 li.menueebene3 div { display: none; left: 100%; position: absolute; top: 0; } @media (min-width: 60em) { #mainMenue #nav li:hover div ul.menueebene2 li.menueebene2 div ul.menueebene3 li.menueebene3, #mainMenue #nav li:hover div ul.menueebene2 li.menueebene3 div ul.menueebene3 li.menueebene3, #mainMenue #nav li:hover div ul.menueebene3 li.menueebene2 div ul.menueebene3 li.menueebene3, #mainMenue #nav li:hover div ul.menueebene3 li.menueebene3 div ul.menueebene3 li.menueebene3 { background-color: white; background-color: rgba(255, 255, 255, 0.9); border-bottom: 1px solid #ccc; list-style: none; position: relative; } } .lt-ie9 #mainMenue #nav li:hover div ul.menueebene2 li.menueebene2 div ul.menueebene3 li.menueebene3, .lt-ie9 #mainMenue #nav li:hover div ul.menueebene2 li.menueebene3 div ul.menueebene3 li.menueebene3, .lt-ie9 #mainMenue #nav li:hover div ul.menueebene3 li.menueebene2 div ul.menueebene3 li.menueebene3, .lt-ie9 #mainMenue #nav li:hover div ul.menueebene3 li.menueebene3 div ul.menueebene3 li.menueebene3 { background-color: white; background-color: rgba(255, 255, 255, 0.9); border-bottom: 1px solid #ccc; list-style: none; position: relative; } @media (min-width: 60em) { #mainMenue #nav li:hover div ul.menueebene2 li.menueebene2 div ul.menueebene3 li.menueebene3 a, #mainMenue #nav li:hover div ul.menueebene2 li.menueebene3 div ul.menueebene3 li.menueebene3 a, #mainMenue #nav li:hover div ul.menueebene3 li.menueebene2 div ul.menueebene3 li.menueebene3 a, #mainMenue #nav li:hover div ul.menueebene3 li.menueebene3 div ul.menueebene3 li.menueebene3 a { color: #717171; display: block; min-width: 200px; padding: 10px 35px 10px 15px; text-decoration: none; } } .lt-ie9 #mainMenue #nav li:hover div ul.menueebene2 li.menueebene2 div ul.menueebene3 li.menueebene3 a, .lt-ie9 #mainMenue #nav li:hover div ul.menueebene2 li.menueebene3 div ul.menueebene3 li.menueebene3 a, .lt-ie9 #mainMenue #nav li:hover div ul.menueebene3 li.menueebene2 div ul.menueebene3 li.menueebene3 a, .lt-ie9 #mainMenue #nav li:hover div ul.menueebene3 li.menueebene3 div ul.menueebene3 li.menueebene3 a { color: #717171; display: block; min-width: 200px; padding: 10px 35px 10px 15px; text-decoration: none; } @media (min-width: 60em) { #mainMenue #nav li:hover div ul.menueebene2 li.menueebene2 div ul.menueebene3 li.menueebene3 div, #mainMenue #nav li:hover div ul.menueebene2 li.menueebene3 div ul.menueebene3 li.menueebene3 div, #mainMenue #nav li:hover div ul.menueebene3 li.menueebene2 div ul.menueebene3 li.menueebene3 div, #mainMenue #nav li:hover div ul.menueebene3 li.menueebene3 div ul.menueebene3 li.menueebene3 div { display: none; } } .lt-ie9 #mainMenue #nav li:hover div ul.menueebene2 li.menueebene2 div ul.menueebene3 li.menueebene3 div, .lt-ie9 #mainMenue #nav li:hover div ul.menueebene2 li.menueebene3 div ul.menueebene3 li.menueebene3 div, .lt-ie9 #mainMenue #nav li:hover div ul.menueebene3 li.menueebene2 div ul.menueebene3 li.menueebene3 div, .lt-ie9 #mainMenue #nav li:hover div ul.menueebene3 li.menueebene3 div ul.menueebene3 li.menueebene3 div { display: none; } @media (min-width: 60em) { #mainMenue #nav li:hover div ul.menueebene2 li.menueebene2:hover div, #mainMenue #nav li:hover div ul.menueebene2 li.menueebene3:hover div, #mainMenue #nav li:hover div ul.menueebene3 li.menueebene2:hover div, #mainMenue #nav li:hover div ul.menueebene3 li.menueebene3:hover div { display: block; } } .lt-ie9 #mainMenue #nav li:hover div ul.menueebene2 li.menueebene2:hover div, .lt-ie9 #mainMenue #nav li:hover div ul.menueebene2 li.menueebene3:hover div, .lt-ie9 #mainMenue #nav li:hover div ul.menueebene3 li.menueebene2:hover div, .lt-ie9 #mainMenue #nav li:hover div ul.menueebene3 li.menueebene3:hover div { display: block; } @media (min-width: 60em) { #mainMenue #nav li div { display: none; } } .lt-ie9 #mainMenue #nav li div { display: none; } @media (min-width: 60em) { #mainMenue #nav li.menueebene1:last-of-type:hover div { display: block; left: auto !important; right: -24px !important; } } .lt-ie9 #mainMenue #nav li.menueebene1:last-of-type:hover div { display: block; left: auto !important; right: -24px !important; } @media (min-width: 60em) { #mainMenue #nav li.menueebene1:last-of-type li:hover div { display: block; left: -100% !important; right: 0 !important; } } .lt-ie9 #mainMenue #nav li.menueebene1:last-of-type li:hover div { display: block; left: -100% !important; right: 0 !important; } #mainMenue #nav li li.menueebene3.submenue:hover div { display: block !important; } #mainMenue #nav li.menueebene1:last-child a:after { display: none; } #mainMenue #nav li.last a:after { display: none; } #mainMenue #menuDivSlide .open.mobilansicht, #mainMenue #menuDivSlide .no-js { display: none; } @media (min-width: 60em) { #mainMenue #menuDivSlide { height: 0; padding: 0; position: relative; width: 100%; float: left; z-index: 0; } } .lt-ie9 #mainMenue #menuDivSlide { height: 0; padding: 0; position: relative; width: 100%; float: left; z-index: 0; } #mainMenue #menuDivSlide > ul { float: left; margin: 0; padding: 5px 0 0; width: 100%; } #mainMenue #menuDivSlide > ul > li { float: left; list-style-type: none; margin: 0; position: relative; width: 50%; z-index: 10; } #mainMenue #menuDivSlide > ul > li.act a { padding-left: 25px; } #mainMenue #menuDivSlide > ul > li.act a:before { font-size: 14px; padding: 0 7px 0 0; position: absolute; top: 8px; left: 4px; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; content: "\f138"; } #mainMenue #menuDivSlide > ul > li > a { border-bottom: 1px solid #e6e6e6; color: #8c8c8c; display: block; float: left; letter-spacing: 0; margin: 3px 20px 3px 0 !important; padding: 5px 8px; text-align: left; text-decoration: none; text-transform: none; width: 90% !important; font-size: 15px; height: 33px; overflow: hidden; -webkit-transition: padding 0.2s ease 0s; -moz-transition: padding 0.2s ease 0s; -o-transition: padding 0.2s ease 0s; transition: padding 0.2s ease 0s; position: relative; white-space: nowrap; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; } #mainMenue #menuDivSlide > ul > li > a:before { font-size: 14px; position: absolute; left: -15px; top: 8px; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; content: "\f138"; -webkit-transition: all 0.1s ease 0s; -moz-transition: all 0.1s ease 0s; -o-transition: all 0.1s ease 0s; transition: all 0.1s ease 0s; -webkit-transition-delay: 0.1s; -moz-transition-delay: 0.1s; -o-transition-delay: 0.1s; transition-delay: 0.1s; } li.act #mainMenue #menuDivSlide > ul > li > a { padding-left: 25px; -webkit-transition: padding 0.1s ease 0s; -moz-transition: padding 0.1s ease 0s; -o-transition: padding 0.1s ease 0s; transition: padding 0.1s ease 0s; -webkit-transition-delay: 0.07s; -moz-transition-delay: 0.07s; -o-transition-delay: 0.07s; transition-delay: 0.07s; } .spring li.act #mainMenue #menuDivSlide > ul > li > a { color: #cf173f; } .summer li.act #mainMenue #menuDivSlide > ul > li > a { color: #cf173f; } .autumn li.act #mainMenue #menuDivSlide > ul > li > a { color: #cf173f; } .winter li.act #mainMenue #menuDivSlide > ul > li > a { color: #cf173f; } li.act #mainMenue #menuDivSlide > ul > li > a:before { left: 4px; -webkit-transition: all 0.1s ease 0s; -moz-transition: all 0.1s ease 0s; -o-transition: all 0.1s ease 0s; transition: all 0.1s ease 0s; } .spring #mainMenue #menuDivSlide > ul > li > a:hover { color: #cf173f; } .summer #mainMenue #menuDivSlide > ul > li > a:hover { color: #cf173f; } .autumn #mainMenue #menuDivSlide > ul > li > a:hover { color: #cf173f; } .winter #mainMenue #menuDivSlide > ul > li > a:hover { color: #cf173f; } #mainMenue #menuDivSlide > ul > li > a.active { color: #cf173f; } #mainMenue #menuDivSlide > ul > li > { display: none; } #mainMenue #menuDivSlide .menueebene2.submenue > div { display: none; } .open.mobilansicht #menuDivSlide, .no-js .open.mobilansicht #menuDivSlide { display: none; } .open.mobilansicht #slider { background-color: #efefef; /* Fallback Color */ background-image: -webkit-gradient(linear, left top, left bottom, from(white), to(#efefef)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, white, #efefef); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, white, #efefef); /* FF3.6 */ background-image: -ms-linear-gradient(top, white, #efefef); /* IE10 */ background-image: -o-linear-gradient(top, white, #efefef); /* Opera 11.10+ */ background-image: linear-gradient(top, #ffffff, #efefef); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='white', EndColorStr='#efefef'); } .open.mobilansicht #slider_wrap .carousel { -webkit-transform: translate3d(-70%, 0px, 0); -moz-transform: translate3d(-70%, 0px, 0); -o-transform: translate3d(-70%, 0px, 0); -ms-transform: translate3d(-70%, 0px, 0); transform: translate3d(-70%, 0px, 0); } @media (min-width: 40em) { .open.mobilansicht #slider_wrap .carousel { -webkit-transform: translate3d(-50%, 0px, 0); -moz-transform: translate3d(-50%, 0px, 0); -o-transform: translate3d(-50%, 0px, 0); -ms-transform: translate3d(-50%, 0px, 0); transform: translate3d(-50%, 0px, 0); } } .lt-ie9 .open.mobilansicht #slider_wrap .carousel { -webkit-transform: translate3d(-50%, 0px, 0); -moz-transform: translate3d(-50%, 0px, 0); -o-transform: translate3d(-50%, 0px, 0); -ms-transform: translate3d(-50%, 0px, 0); transform: translate3d(-50%, 0px, 0); } .open.mobilansicht #slider_wrap { background: none; } .open.mobilansicht #menue { bottom: 0px; height: 100%; left: 10px; max-height: 100%; position: absolute; right: 20px; top: 70px; } .open.mobilansicht #menue02 { height: 100%; overflow: scroll; width: 100%; } .open.mobilansicht #menue02 .dropdown { padding: 0 0 80px; } .open.mobilansicht #mainMenue { color: #474747; margin: 0; width: 70%; right: 0%; position: absolute; height: 100%; max-height: none; overflow: visible; -webkit-overflow-scrolling: touch; z-index: 1; display: block; padding: 55px 0 0; top: 0px; -webkit-transform: translate3d(0%, 0px, 0);; -moz-transform: translate3d(0%, 0px, 0);; -o-transform: translate3d(0%, 0px, 0);; -ms-transform: translate3d(0%, 0px, 0);; transform: translate3d(0%, 0px, 0);; } @media (min-width: 40em) { .open.mobilansicht #mainMenue { width: 50%; right: 00%; } } .lt-ie9 .open.mobilansicht #mainMenue { width: 50%; right: 00%; } .open.mobilansicht #mainMenue h2 { background: none repeat scroll 0 0 #8B8B8B; color: #FFFFFF; font-size: 22px; font-weight: normal; height: 55px; left: 0; line-height: 55px; padding: 0 10px 0 10px; position: absolute; top: 0px; width: 100%; display: block; z-index: 2; } .open.mobilansicht #mainMenue li { list-style: none outside none; position: relative; width: 100%; } .open.mobilansicht #mainMenue li div { display: block !important; } .open.mobilansicht #mainMenue li a { text-transform: uppercase; color: #717171; border-bottom: 1px solid #e9e9e9; display: block; margin: 0 0 10px; padding: 0 45px 10px 5px; text-decoration: none !important; } .open.mobilansicht #mainMenue li a.submenue:before { font-size: 14pt; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; content: "\f105"; position: absolute; top: 10px; right: 3px; -webkit-transform: translate3d(0, -50%, 0);; -moz-transform: translate3d(0, -50%, 0);; -o-transform: translate3d(0, -50%, 0);; -ms-transform: translate3d(0, -50%, 0);; transform: translate3d(0, -50%, 0);; } .open.mobilansicht #mainMenue li a.submenue.act:before { font-size: 14pt; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; content: "\f107"; position: absolute; top: 10px; right: 3px; } .open.mobilansicht #mainMenue li li { display: none; } .open.mobilansicht #mainMenue li.act ul { margin: 10px 0 10px 10px; } .open.mobilansicht #mainMenue li.act ul li { display: block; margin: 0; padding: 0; width: 100%; } .open.mobilansicht #mainMenue li.act ul li a { padding: 0 25px 8px 0; font-size: 16px; text-transform: none; display: block; } .open.mobilansicht #mainMenue li.act ul li ul.menueebene3 { display: none; } .open.mobilansicht #mainMenue li.act ul li.act.menueebene2 ul.menueebene3, .open.mobilansicht #mainMenue li.act ul li.act.menueebene3 ul.menueebene3 { display: block; } .open.mobilansicht #mainMenue li.act ul li ul { display: none; margin: 10px 0; border-bottom: 1px solid #e9e9e9; } .open.mobilansicht #mainMenue li.act ul li ul.act { display: block; } .open.mobilansicht #mainMenue li.act ul li ul li { display: block; margin: 0; padding: 0; width: 100%; } .open.mobilansicht #mainMenue li.act ul li ul li a { padding: 0 0px 0 15px; font-size: 16px; text-transform: none; display: block; border: none; } .open.mobilansicht #mainMenue li.act ul li ul li ul.menueebene3 { display: none; } .open.mobilansicht #mainMenue li.act ul li ul li.act.menueebene2 ul.menueebene3, .open.mobilansicht #mainMenue li.act ul li ul li.act.menueebene3 ul.menueebene3 { display: block; } .open.mobilansicht #mainMenue li ul, .open.mobilansicht #mainMenue li.act ul li ul, .open.mobilansicht #mainMenue li.act ul li.act ul li ul { display: none !important; } .open.mobilansicht #mainMenue li.act ul, .open.mobilansicht #mainMenue li.act ul li.act ul, .open.mobilansicht #mainMenue li.act ul li.act ul li.act ul { display: block !important; } #navbar-mobile { background-color: white; background-color: rgba(255, 255, 255, 0.85); width: 50px; height: 50px; z-index: 2; float: right; position: relative; right: 12px; top: 16px; } .spring #navbar-mobile { background: #cf173f; } .summer #navbar-mobile { background: #cf173f; } .autumn #navbar-mobile { background: #cf173f; } .winter #navbar-mobile { background: #cf173f; } .rgba .spring #navbar-mobile { background-color: #cf173f; background-color: rgba(207, 23, 63, 0.85); } .rgba .summer #navbar-mobile { background-color: #cf173f; background-color: rgba(207, 23, 63, 0.85); } .rgba .autumn #navbar-mobile { background-color: #cf173f; background-color: rgba(207, 23, 63, 0.85); } .rgba .winter #navbar-mobile { background-color: #cf173f; background-color: rgba(207, 23, 63, 0.85); } .open.mobilansicht #navbar-mobile { background-color: #fff; } .rgba .open.mobilansicht #navbar-mobile { background-color: white; background-color: rgba(255, 255, 255, 0.5); } #navbar-mobile:before, #navbar-mobile:after { content: " "; display: table; } #navbar-mobile:after { clear: both; } #navbar-mobile { *zoom: 1; } @media (min-width: 60em) { #navbar-mobile { display: none; } } .lt-ie9 #navbar-mobile { display: none; } .open.mobilansicht #navbar-mobile { color: #fff; top: 4px; } .open.mobilansicht #navbar-mobile.squareRound { height: 44px; width: 44px; } #navbar-mobile .navicon-button { cursor: pointer; display: none; height: 31px; left: 4px; padding: 14px 4px; position: absolute; top: 9px; transform: rotate(0deg); -webkit-transition: all 0.25s ease 0s; -moz-transition: all 0.25s ease 0s; -o-transition: all 0.25s ease 0s; transition: all 0.25s ease 0s; width: 41px; z-index: inherit; display: block; color: #fff; } .mobilansicht.open #navbar-mobile .navicon-button { left: 1px; top: 7px; } #navbar-mobile .navicon-button .navicon:before, #navbar-mobile .navicon-button .navicon:after { -webkit-transition: all 0.25s ease 0s; -moz-transition: all 0.25s ease 0s; -o-transition: all 0.25s ease 0s; transition: all 0.25s ease 0s; } #navbar-mobile .navicon-button:hover { -webkit-transition: all 0.25s ease 0s; -moz-transition: all 0.25s ease 0s; -o-transition: all 0.25s ease 0s; transition: all 0.25s ease 0s; opacity: 1; } #navbar-mobile .navicon-button:hover .navicon:before, #navbar-mobile .navicon-button:hover .navicon:after { -webkit-transition: all 0.25s ease 0s; -moz-transition: all 0.25s ease 0s; -o-transition: all 0.25s ease 0s; transition: all 0.25s ease 0s; } #navbar-mobile .navicon-button:hover .navicon:after { top: -0.825rem; } #navbar-mobile .navicon-button:hover .navicon:before { top: .825rem; } #navbar-mobile .navicon { color: #fff; transition: 0s; border-radius: 2.5rem; background: none padding-box #fff; border: 0 none; border-radius: 3px; height: 3px; position: relative; width: 100%; z-index: inherit; display: block; } #navbar-mobile .navicon:after, #navbar-mobile .navicon:before { display: block; content: ""; height: 3px; width: 32px; background: #fff; position: absolute; z-index: -1; transition: 0s 0s; border-radius: 1rem; } #navbar-mobile .navicon:after { top: -8px; } #navbar-mobile .navicon:before { top: 8px; } #navbar-mobile .open .navicon:before, #navbar-mobile .open .navicon:after { transition: 0s; } #navbar-mobile a.navbar:before { font-weight: normal; font-size: 20px; text-align: center; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -55%); -moz-transform: translate(-50%, -55%); -o-transform: translate(-50%, -55%); -ms-transform: translate(-50%, -55%); transform: translate(-50%, -55%); } @media (min-width: 60em) { #navbar-mobile a.navbar { display: none; } #navbar-mobile a.navbar:before { display: none; } } .lt-ie9 #navbar-mobile a.navbar { display: none; } .lt-ie9 #navbar-mobile a.navbar:before { display: none; } .mobilansicht.open #navbar-mobile .navicon-button.x .navicon { background: transparent; } .mobilansicht.open #navbar-mobile .navicon-button.x .navicon:after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .mobilansicht.open #navbar-mobile .navicon-button.x .navicon:before { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .mobilansicht.open #navbar-mobile:not(.steps) .navicon:before, .mobilansicht.open #navbar-mobile:not(.steps) .navicon:after { top: 0 !important; } #content .tx-hwfotoalbum, #content02 .tx-hwfotoalbum { min-width: 220px; -moz-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; color: #343434; font-size: 15px; line-height: 20px; } #content .tx-hwfotoalbum h3, #content .tx-hwfotoalbum h2.head-fotoalbum-name, #content02 .tx-hwfotoalbum h3, #content02 .tx-hwfotoalbum h2.head-fotoalbum-name { font-family: 'Arapey',serif; font-size: 22px; font-weight: normal; padding: 0 0px; } #content .tx-hwfotoalbum h4, #content02 .tx-hwfotoalbum h4 { color: #333333; font-size: 15px; font-weight: normal; padding: 10px 0 0; } #content .tx-hwfotoalbum .album, #content02 .tx-hwfotoalbum .album { width: 100%; margin-top: 20px; padding-bottom: 20px; border-bottom: 1px solid #EEEEEE; position: relative; clear: both; overflow: hidden; } #content .tx-hwfotoalbum .album:before, #content .tx-hwfotoalbum .album:after, #content02 .tx-hwfotoalbum .album:before, #content02 .tx-hwfotoalbum .album:after { content: " "; display: table; } #content .tx-hwfotoalbum .album:after, #content02 .tx-hwfotoalbum .album:after { clear: both; } #content .tx-hwfotoalbum .album, #content02 .tx-hwfotoalbum .album { *zoom: 1; } #content .tx-hwfotoalbum .album .image-preview-box, #content02 .tx-hwfotoalbum .album .image-preview-box { clear: both; overflow: visible; } #content .tx-hwfotoalbum .album .image-preview-box:before, #content .tx-hwfotoalbum .album .image-preview-box:after, #content02 .tx-hwfotoalbum .album .image-preview-box:before, #content02 .tx-hwfotoalbum .album .image-preview-box:after { content: " "; display: table; } #content .tx-hwfotoalbum .album .image-preview-box:after, #content02 .tx-hwfotoalbum .album .image-preview-box:after { clear: both; } #content .tx-hwfotoalbum .album .image-preview-box, #content02 .tx-hwfotoalbum .album .image-preview-box { *zoom: 1; } #content .tx-hwfotoalbum .album .weiter, #content02 .tx-hwfotoalbum .album .weiter { margin-top: 6px; } #content .tx-hwfotoalbum .album .show-link, #content02 .tx-hwfotoalbum .album .show-link { text-decoration: none; height: auto; display: none; } @media screen and (min-width: 361px) { #content .tx-hwfotoalbum .album .show-link, #content02 .tx-hwfotoalbum .album .show-link { display: block; width: 30%; float: left; margin: 1.5% 1.717% 0 0; } } @media screen and (min-width: 541px) { #content .tx-hwfotoalbum .album .show-link, #content02 .tx-hwfotoalbum .album .show-link { display: block; float: left; margin: 1.88% 1.717% 0 0; width: 22.75%; } } @media screen and (min-width: 961px) { #content .tx-hwfotoalbum .album .show-link, #content02 .tx-hwfotoalbum .album .show-link { display: block; float: left; margin: 1.88% 1.717% 0 0; width: 17.55%; } } #content .tx-hwfotoalbum .album .show-link.extra-480, #content02 .tx-hwfotoalbum .album .show-link.extra-480 { display: none; } @media screen and (min-width: 541px) { #content .tx-hwfotoalbum .album .show-link.extra-480, #content02 .tx-hwfotoalbum .album .show-link.extra-480 { display: block; } } #content .tx-hwfotoalbum .album .show-link.extra-960, #content02 .tx-hwfotoalbum .album .show-link.extra-960 { display: none; } @media screen and (min-width: 961px) { #content .tx-hwfotoalbum .album .show-link.extra-960, #content02 .tx-hwfotoalbum .album .show-link.extra-960 { display: block; } } #content .tx-hwfotoalbum .album .show-link.first-big, #content02 .tx-hwfotoalbum .album .show-link.first-big { width: auto; display: block; } @media screen and (min-width: 361px) { #content .tx-hwfotoalbum .album .show-link.first-big, #content02 .tx-hwfotoalbum .album .show-link.first-big { margin-right: 3.7%; width: 63%; } } @media screen and (min-width: 541px) { #content .tx-hwfotoalbum .album .show-link.first-big, #content02 .tx-hwfotoalbum .album .show-link.first-big { margin-right: 2.626%; width: 48.2%; } } @media screen and (min-width: 961px) { #content .tx-hwfotoalbum .album .show-link.first-big, #content02 .tx-hwfotoalbum .album .show-link.first-big { width: 38%; } } #content .tx-hwfotoalbum .album .img-frame, #content02 .tx-hwfotoalbum .album .img-frame { padding: 5px; position: relative; border: 1px solid #E5E5E5; overflow: hidden; } #content .tx-hwfotoalbum .album .img-frame:hover, #content02 .tx-hwfotoalbum .album .img-frame:hover { border: 1px solid #cf173f; } .no-touch #content .tx-hwfotoalbum .album .img-frame:hover .img-description-overlay, .no-touch #content02 .tx-hwfotoalbum .album .img-frame:hover .img-description-overlay { -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); -o-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } #content .tx-hwfotoalbum .album .img-frame img, #content02 .tx-hwfotoalbum .album .img-frame img { display: block; height: auto; width: 100%; } #content .tx-hwfotoalbum .album .img-frame .img-description-overlay, #content02 .tx-hwfotoalbum .album .img-frame .img-description-overlay { background-color: #464646; background-color: rgba(70, 70, 70, 0.8); border-bottom-left-radius: 8px; border-top-left-radius: 8px; bottom: 4%; max-height: 60%; overflow: hidden; padding: 5px 10px; position: absolute; right: -90%; width: 90%; color: white; -webkit-transition: transform 300ms cubic-bezier(0, 0, 0.58, 1); -moz-transition: transform 300ms cubic-bezier(0, 0, 0.58, 1); -o-transition: transform 300ms cubic-bezier(0, 0, 0.58, 1); transition: transform 300ms cubic-bezier(0, 0, 0.58, 1); /* ease-out */ -webkit-transition-timing-function: cubic-bezier(0, 0, 0.58, 1); -moz-transition-timing-function: cubic-bezier(0, 0, 0.58, 1); -o-transition-timing-function: cubic-bezier(0, 0, 0.58, 1); transition-timing-function: cubic-bezier(0, 0, 0.58, 1); /* ease-out */ } #content .tx-hwfotoalbum .teaser-text-box, #content02 .tx-hwfotoalbum .teaser-text-box { margin-bottom: 10px; } .tx-hwfotoalbum-einzelAlbumAnsicht { position: relative; } .tx-hwfotoalbum-einzelAlbumAnsicht h5 { font-style: italic; font-weight: 400; color: #101010; font-size: 16px; } .tx-hwfotoalbum-einzelAlbumAnsicht .image-block:before, .tx-hwfotoalbum-einzelAlbumAnsicht .image-block:after { content: " "; display: table; } .tx-hwfotoalbum-einzelAlbumAnsicht .image-block:after { clear: both; } .tx-hwfotoalbum-einzelAlbumAnsicht .image-block { *zoom: 1; } .tx-hwfotoalbum-einzelAlbumAnsicht .show-image-frame { float: left; width: 48%; height: auto; padding: 5px; position: relative; border: 1px solid #E5E5E5; overflow: hidden; margin: 2% 1% 0; } @media screen and (min-width: 361px) { .tx-hwfotoalbum-einzelAlbumAnsicht .show-image-frame { width: 31.3%; } } @media screen and (min-width: 541px) { .tx-hwfotoalbum-einzelAlbumAnsicht .show-image-frame { width: 23%; } } @media screen and (min-width: 731px) { .tx-hwfotoalbum-einzelAlbumAnsicht .show-image-frame { width: 19%; margin: 1% 0.5% 0; } } .tx-hwfotoalbum-einzelAlbumAnsicht .show-image-frame:hover { border: 1px solid #cf173f; } .tx-hwfotoalbum-einzelAlbumAnsicht .show-image-frame img { display: block; height: auto; width: 100%; } #contentbereich-wrap #contentbereich .tx-solr #tx-solr-search .results-list .results-topic i.facet-result-type-Seiten:after, #content #tx-solr-search-functions #tx-solr-faceting .facets ul.facet-option-list li.facet-option i.facet-result-type-Seiten:after, #contentbereich-wrap #contentbereich .tx-solr #tx-solr-search .results-list .results-topic i.facet-result-type-Dateien:after, #content #tx-solr-search-functions #tx-solr-faceting .facets ul.facet-option-list li.facet-option i.facet-result-type-Dateien:after, #contentbereich-wrap #contentbereich .tx-solr #tx-solr-search .results-list .results-topic i.facet-result-type-Veranstaltungen:after, #content #tx-solr-search-functions #tx-solr-faceting .facets ul.facet-option-list li.facet-option i.facet-result-type-Veranstaltungen:after, #contentbereich-wrap #contentbereich .tx-solr #tx-solr-search .results-list .results-topic i.facet-result-type-Nachrichten:after, #content #tx-solr-search-functions #tx-solr-faceting .facets ul.facet-option-list li.facet-option i.facet-result-type-Nachrichten:after { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; -webkit-touch-callout: none; } .tx-solr { clear: both; overflow: hidden; } .tx-solr .tx-solr-submit { width: 100%; margin-bottom: 10px; } @media screen and (min-width: 380px) { .tx-solr .tx-solr-submit { width: auto; } } #tx-solr-search { width: 100%; float: none; } @media screen and (min-width: 550px) { #tx-solr-search { width: 70%; float: left; } } #tx-solr-search-functions { width: 25%; float: right; display: none; } @media screen and (min-width: 550px) { #tx-solr-search-functions { display: block; } } #contentbereich-wrap #contentbereich #tx-solr-search #tx-solr-pagination-results-per-page select { width: auto; } .tx-solr-q { border: 1px solid #cfcecf; padding: 5px; width: 80%; } #tx-solr-search-form-pi-results { clear: both; overflow: hidden; } #contentbereich-wrap #contentbereich #tx-solr-search .results-list { margin: 25px 0 20px 0; padding: 0 2px; } #contentbereich-wrap #contentbereich .tx-solr .results-topic { font-size: 16px; } #tx-solr-pagination-results-per-page select { float: none; width: auto; } #tx-solr-pagination-results-per-page select { margin-left: 5px; } #tx-solr-search #tx-solr-pagination ul.tx-pagebrowse { margin: 0px; padding-top: 2px; } #tx-solr-search-functions div.secondaryContentSection { padding: 0px 0px 10px 0px; margin: 0px 10px 2.4em 0px; width: 100%; } #content #tx-solr-search-functions .secondaryContentSection .csc-header h3 { font-size: 16px; color: #666666; padding: 0; } #tx-solr-search-functions .secondaryContentSection .csc-header h1, #tx-solr-search-functions .secondaryContentSection .csc-header h2, #tx-solr-search-functions .secondaryContentSection .csc-header h3 { width: 100%; } #tx-solr-faceting .facets .csc-header { padding: 3px 0px 3px 10px; } #tx-solr-faceting .facets .facet-option-list { padding: 5px 0px 10px 0px; } #content #tx-solr-search-functions #tx-solr-faceting .facets ul.facet-option-list li.facet-option { list-style-type: none; } #contentbereich-wrap #contentbereich .tx-solr #tx-solr-search .results-list .results-topic i.facet-result-type-Seiten:after, #content #tx-solr-search-functions #tx-solr-faceting .facets ul.facet-option-list li.facet-option i.facet-result-type-Seiten:after { font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; content: "\f03c"; } #contentbereich-wrap #contentbereich .tx-solr #tx-solr-search .results-list .results-topic i.facet-result-type-Dateien:after, #content #tx-solr-search-functions #tx-solr-faceting .facets ul.facet-option-list li.facet-option i.facet-result-type-Dateien:after { font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; content: "\f115"; } #contentbereich-wrap #contentbereich .tx-solr #tx-solr-search .results-list .results-topic i.facet-result-type-Veranstaltungen:after, #content #tx-solr-search-functions #tx-solr-faceting .facets ul.facet-option-list li.facet-option i.facet-result-type-Veranstaltungen:after { font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; content: "\f133"; } #contentbereich-wrap #contentbereich .tx-solr #tx-solr-search .results-list .results-topic i.facet-result-type-Nachrichten:after, #content #tx-solr-search-functions #tx-solr-faceting .facets ul.facet-option-list li.facet-option i.facet-result-type-Nachrichten:after { font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; content: "\f05a"; } #contentbereich-wrap #contentbereich .tx-solr ul { margin: 0; margin-left: 15px; } #tx-solr-faceting .facets .facet-type-numericRange .facet-option-list { width: 85%; } #tx-solr-faceting .facets .facet-label { background-color: #cfcecf; color: #fff; font-weight: bold; } #tx-solr-faceting .facets .facet-result-count { color: #999999; } #tx-solr-faceting .facets .dateselector { margin-right: 5px; width: 85px; } #tx-solr-facets-in-use li { list-style-type: none; margin-left: 10px; } #tx-solr-facets-in-use .facets-remove-all { margin-top: 10px; } #tx-solr-faceting .facets li { list-style-type: none; margin-left: 0px; } #tx-solr-sorting li { list-style-type: none; margin-left: 10px; } #tx-solr-search .tx-solr-search-word { font-weight: bold; } #tx-solr-search .tx-pagebrowse { margin-top: 10px; } #tx-solr-search .results-list { margin-top: 10px; } #tx-solr-search .results-list li { list-style: none inside; margin-left: 0px; } .results-entry { border-bottom: 1px solid #cfcecf; margin-bottom: 20px; } .results-elevated { border: 1px solid #cfcecf; padding: 5px; background: #ffffef; } .results-elevated-label { font-size: 50%; color: #cfcecf; padding-bottom: 5px; } .results-topic { font-weight: bold; margin-bottom: 5px; } .result-content { clear: both; } .results-highlight { background: #ffc789; } .relevance { height: 20px; } .relevance-label, .relevance-bar, .relevance-percent { float: left; margin-right: 3px; } .relevance-bar { height: 20px; padding-top: 3px; } .tx-solr-relevance-bar { border: 1px solid #CCCCCC; height: auto; margin-top: 3px; overflow: hidden; width: 100px; padding: 1px; } .tx-solr-relevance, .tx-solr-relevance-fill { margin-right: 0px !important; height: 8px; padding: 0px; float: left; } .tx-solr-relevance { background-color: #ffc789; } .tx-solr-relevance-fill { background-color: #eeeeee; } #tx-solr-frequent-searches ul { padding-right: 10px; } #tx-solr-frequent-searches li { list-style-type: none; margin-left: 10px; display: inline; } .tx-solr-frequent-term-14 { font-size: 14px; } .tx-solr-frequent-term-15 { font-size: 15px; } .tx-solr-frequent-term-16 { font-size: 16px; } .tx-solr-frequent-term-16 { font-size: 16px; } .tx-solr-frequent-term-17 { font-size: 17px; } .tx-solr-frequent-term-18 { font-size: 18px; } .tx-solr-frequent-term-19 { font-size: 19px; } .tx-solr-frequent-term-20 { font-size: 20px; } .tx-solr-frequent-term-21 { font-size: 21px; } .tx-solr-frequent-term-22 { font-size: 22px; } .tx-solr-frequent-term-23 { font-size: 23px; } .tx-solr-frequent-term-24 { font-size: 24px; } .tx-solr-frequent-term-25 { font-size: 25px; } .tx-solr-frequent-term-26 { font-size: 26px; } .tx-solr-frequent-term-27 { font-size: 27px; } .tx-solr-frequent-term-28 { font-size: 28px; } .tx-solr-frequent-term-29 { font-size: 29px; } .tx-solr-frequent-term-30 { font-size: 30px; } .tx-solr-frequent-term-31 { font-size: 31px; } .tx-solr-frequent-term-32 { font-size: 32px; } .tx-solr-frequent-term-33 { font-size: 33px; } .tx-solr-frequent-term-34 { font-size: 34px; } .ui-helper-hidden-accessible { display: none; } .ui-autocomplete { position: absolute; top: 0; left: 0; cursor: default; z-index: 1; } .ui-autocomplete.ui-helper-hidden, .ui-autocomplete .ui-helper-hidden { display: none; } .ui-autocomplete.ui-helper-hidden-accessible, .ui-autocomplete .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .ui-autocomplete.ui-helper-reset, .ui-autocomplete .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-autocomplete.ui-helper-clearfix:before, .ui-autocomplete.ui-helper-clearfix:after, .ui-autocomplete .ui-helper-clearfix:before, .ui-autocomplete .ui-helper-clearfix:after { content: ""; display: table; border-collapse: collapse; } .ui-autocomplete.ui-helper-clearfix:after, .ui-autocomplete .ui-helper-clearfix:after { clear: both; } .ui-autocomplete.ui-helper-clearfix, .ui-autocomplete .ui-helper-clearfix { min-height: 0; } .ui-autocomplete.ui-helper-zfix, .ui-autocomplete .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter: Alpha(Opacity=0); } .ui-autocomplete.ui-front, .ui-autocomplete .ui-front { z-index: 100; } .ui-autocomplete.ui-state-disabled, .ui-autocomplete .ui-state-disabled { cursor: default !important; } .ui-autocomplete.ui-icon, .ui-autocomplete .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } .ui-autocomplete.ui-widget-overlay, .ui-autocomplete .ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; } .ui-autocomplete.ui-menu, .ui-autocomplete .ui-menu { list-style: none; padding: 2px; margin: 0; display: block; outline: none; } .ui-autocomplete.ui-menu .ui-menu, .ui-autocomplete .ui-menu .ui-menu { margin-top: -3px; position: absolute; } .ui-autocomplete.ui-menu .ui-menu-item, .ui-autocomplete .ui-menu .ui-menu-item { margin: 0; padding: 0; width: 100%; list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7); } .ui-autocomplete.ui-menu .ui-menu-divider, .ui-autocomplete .ui-menu .ui-menu-divider { margin: 5px -2px 5px -2px; height: 0; font-size: 0; line-height: 0; border-width: 1px 0 0 0; } .ui-autocomplete.ui-menu .ui-menu-item a, .ui-autocomplete .ui-menu .ui-menu-item a { text-decoration: none; display: block; padding: 2px .4em; line-height: 1.5; min-height: 0; font-weight: normal; } .ui-autocomplete.ui-menu .ui-menu-item a.ui-state-focus, .ui-autocomplete.ui-menu .ui-menu-item a.ui-state-active, .ui-autocomplete .ui-menu .ui-menu-item a.ui-state-focus, .ui-autocomplete .ui-menu .ui-menu-item a.ui-state-active { font-weight: normal; margin: -1px; } .ui-autocomplete.ui-menu .ui-state-disabled, .ui-autocomplete .ui-menu .ui-state-disabled { font-weight: normal; margin: .4em 0 .2em; line-height: 1.5; } .ui-autocomplete.ui-menu .ui-state-disabled a, .ui-autocomplete .ui-menu .ui-state-disabled a { cursor: default; } .ui-autocomplete.ui-menu-icons, .ui-autocomplete .ui-menu-icons { position: relative; } .ui-autocomplete.ui-menu-icons .ui-menu-item a, .ui-autocomplete .ui-menu-icons .ui-menu-item a { position: relative; padding-left: 2em; } .ui-autocomplete.ui-menu .ui-icon, .ui-autocomplete .ui-menu .ui-icon { position: absolute; top: .2em; left: 0.2em; } .ui-autocomplete.ui-menu .ui-menu-icon, .ui-autocomplete .ui-menu .ui-menu-icon { position: static; float: right; } .ui-autocomplete.ui-widget, .ui-autocomplete .ui-widget { font-family: Verdana, Arial, sans-serif; font-size: 16px; } .ui-autocomplete.ui-widget .ui-widget, .ui-autocomplete .ui-widget .ui-widget { font-size: 1em; } .ui-autocomplete.ui-widget input, .ui-autocomplete.ui-widget select, .ui-autocomplete.ui-widget textarea, .ui-autocomplete.ui-widget button, .ui-autocomplete .ui-widget input, .ui-autocomplete .ui-widget select, .ui-autocomplete .ui-widget textarea, .ui-autocomplete .ui-widget button { font-family: Verdana, Arial, sans-serif; font-size: 1em; } .ui-autocomplete.ui-widget-content, .ui-autocomplete .ui-widget-content { border: 1px solid #D7D7D7; background: #ffffff; color: #666666; } .ui-autocomplete.ui-widget-content a, .ui-autocomplete .ui-widget-content a { color: #666666; } .ui-autocomplete.ui-widget-header, .ui-autocomplete .ui-widget-header { border: 1px solid #D7D7D7; background: #FFFFFF; color: #666666; font-weight: bold; } .ui-autocomplete.ui-widget-header a, .ui-autocomplete .ui-widget-header a { color: #666666; } .ui-autocomplete.ui-state-default, .ui-autocomplete.ui-widget-content .ui-state-default, .ui-autocomplete.ui-widget-header .ui-state-default, .ui-autocomplete .ui-state-default, .ui-autocomplete .ui-widget-content .ui-state-default, .ui-autocomplete .ui-widget-header .ui-state-default { border: 1px solid #d3d3d3; background: #e6e6e6; font-weight: normal; color: #666666; } .ui-autocomplete.ui-state-default a, .ui-autocomplete.ui-state-default a:link, .ui-autocomplete.ui-state-default a:visited, .ui-autocomplete .ui-state-default a, .ui-autocomplete .ui-state-default a:link, .ui-autocomplete .ui-state-default a:visited { color: #666666; text-decoration: none; } .ui-autocomplete.ui-state-hover, .ui-autocomplete.ui-widget-content .ui-state-hover, .ui-autocomplete.ui-widget-header .ui-state-hover, .ui-autocomplete.ui-state-focus, .ui-autocomplete.ui-widget-content .ui-state-focus, .ui-autocomplete.ui-widget-header .ui-state-focus, .ui-autocomplete .ui-state-hover, .ui-autocomplete .ui-widget-content .ui-state-hover, .ui-autocomplete .ui-widget-header .ui-state-hover, .ui-autocomplete .ui-state-focus, .ui-autocomplete .ui-widget-content .ui-state-focus, .ui-autocomplete .ui-widget-header .ui-state-focus { border: 1px solid #cf173f; background: #cf173f; font-weight: normal; color: white; } .ui-autocomplete.ui-state-hover a, .ui-autocomplete.ui-state-hover a:hover, .ui-autocomplete.ui-state-hover a:link, .ui-autocomplete.ui-state-hover a:visited, .ui-autocomplete.ui-state-focus a, .ui-autocomplete.ui-state-focus a:hover, .ui-autocomplete.ui-state-focus a:link, .ui-autocomplete.ui-state-focus a:visited, .ui-autocomplete .ui-state-hover a, .ui-autocomplete .ui-state-hover a:hover, .ui-autocomplete .ui-state-hover a:link, .ui-autocomplete .ui-state-hover a:visited, .ui-autocomplete .ui-state-focus a, .ui-autocomplete .ui-state-focus a:hover, .ui-autocomplete .ui-state-focus a:link, .ui-autocomplete .ui-state-focus a:visited { text-decoration: none; } .ui-autocomplete.ui-state-active, .ui-autocomplete.ui-widget-content .ui-state-active, .ui-autocomplete.ui-widget-header .ui-state-active, .ui-autocomplete .ui-state-active, .ui-autocomplete .ui-widget-content .ui-state-active, .ui-autocomplete .ui-widget-header .ui-state-active { background: #FFC789; font-weight: normal; color: #666666; } .ui-autocomplete.ui-state-active a, .ui-autocomplete.ui-state-active a:link, .ui-autocomplete.ui-state-active a:visited, .ui-autocomplete .ui-state-active a, .ui-autocomplete .ui-state-active a:link, .ui-autocomplete .ui-state-active a:visited { color: #212121; text-decoration: none; } .ui-autocomplete.ui-state-highlight, .ui-autocomplete.ui-widget-content .ui-state-highlight, .ui-autocomplete.ui-widget-header .ui-state-highlight, .ui-autocomplete .ui-state-highlight, .ui-autocomplete .ui-widget-content .ui-state-highlight, .ui-autocomplete .ui-widget-header .ui-state-highlight { border: 1px solid #999999; background: #FFC789; color: #555555; } .ui-autocomplete.ui-state-highlight a, .ui-autocomplete.ui-widget-content .ui-state-highlight a, .ui-autocomplete.ui-widget-header .ui-state-highlight a, .ui-autocomplete .ui-state-highlight a, .ui-autocomplete .ui-widget-content .ui-state-highlight a, .ui-autocomplete .ui-widget-header .ui-state-highlight a { color: #555555; } .ui-autocomplete.ui-state-error, .ui-autocomplete.ui-widget-content .ui-state-error, .ui-autocomplete.ui-widget-header .ui-state-error, .ui-autocomplete .ui-state-error, .ui-autocomplete .ui-widget-content .ui-state-error, .ui-autocomplete .ui-widget-header .ui-state-error { border: 1px solid #cd0a0a; background: #fef1ec; color: #cd0a0a; } .ui-autocomplete.ui-state-error a, .ui-autocomplete.ui-widget-content .ui-state-error a, .ui-autocomplete.ui-widget-header .ui-state-error a, .ui-autocomplete .ui-state-error a, .ui-autocomplete .ui-widget-content .ui-state-error a, .ui-autocomplete .ui-widget-header .ui-state-error a { color: #cd0a0a; } .ui-autocomplete.ui-state-error-text, .ui-autocomplete.ui-widget-content .ui-state-error-text, .ui-autocomplete.ui-widget-header .ui-state-error-text, .ui-autocomplete .ui-state-error-text, .ui-autocomplete .ui-widget-content .ui-state-error-text, .ui-autocomplete .ui-widget-header .ui-state-error-text { color: #cd0a0a; } .ui-autocomplete.ui-priority-primary, .ui-autocomplete.ui-widget-content .ui-priority-primary, .ui-autocomplete.ui-widget-header .ui-priority-primary, .ui-autocomplete .ui-priority-primary, .ui-autocomplete .ui-widget-content .ui-priority-primary, .ui-autocomplete .ui-widget-header .ui-priority-primary { font-weight: bold; } .ui-autocomplete.ui-priority-secondary, .ui-autocomplete.ui-widget-content .ui-priority-secondary, .ui-autocomplete.ui-widget-header .ui-priority-secondary, .ui-autocomplete .ui-priority-secondary, .ui-autocomplete .ui-widget-content .ui-priority-secondary, .ui-autocomplete .ui-widget-header .ui-priority-secondary { opacity: .7; filter: Alpha(Opacity=70); font-weight: normal; } .ui-autocomplete.ui-state-disabled, .ui-autocomplete.ui-widget-content .ui-state-disabled, .ui-autocomplete.ui-widget-header .ui-state-disabled, .ui-autocomplete .ui-state-disabled, .ui-autocomplete .ui-widget-content .ui-state-disabled, .ui-autocomplete .ui-widget-header .ui-state-disabled { opacity: .35; filter: Alpha(Opacity=35); background-image: none; } .ui-autocomplete.ui-state-disabled .ui-icon, .ui-autocomplete .ui-state-disabled .ui-icon { filter: Alpha(Opacity=35); } .ui-autocomplete.ui-corner-all, .ui-autocomplete.ui-corner-top, .ui-autocomplete.ui-corner-left, .ui-autocomplete.ui-corner-tl, .ui-autocomplete .ui-corner-all, .ui-autocomplete .ui-corner-top, .ui-autocomplete .ui-corner-left, .ui-autocomplete .ui-corner-tl { border-top-left-radius: 0; } .ui-autocomplete.ui-corner-all, .ui-autocomplete.ui-corner-top, .ui-autocomplete.ui-corner-right, .ui-autocomplete.ui-corner-tr, .ui-autocomplete .ui-corner-all, .ui-autocomplete .ui-corner-top, .ui-autocomplete .ui-corner-right, .ui-autocomplete .ui-corner-tr { border-top-right-radius: 0; } .ui-autocomplete.ui-corner-all, .ui-autocomplete.ui-corner-bottom, .ui-autocomplete.ui-corner-left, .ui-autocomplete.ui-corner-bl, .ui-autocomplete .ui-corner-all, .ui-autocomplete .ui-corner-bottom, .ui-autocomplete .ui-corner-left, .ui-autocomplete .ui-corner-bl { border-bottom-left-radius: 0; } .ui-autocomplete.ui-corner-all, .ui-autocomplete.ui-corner-bottom, .ui-autocomplete.ui-corner-right, .ui-autocomplete.ui-corner-br, .ui-autocomplete .ui-corner-all, .ui-autocomplete .ui-corner-bottom, .ui-autocomplete .ui-corner-right, .ui-autocomplete .ui-corner-br { border-bottom-right-radius: 0; } .ui-autocomplete.ui-widget-overlay, .ui-autocomplete .ui-widget-overlay { background: #aaaaaa; opacity: .3; filter: Alpha(Opacity=30); } .ui-autocomplete.ui-widget-shadow, .ui-autocomplete .ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa; opacity: .3; filter: Alpha(Opacity=30); border-radius: 8px; } .tx-solr .ui-helper-hidden { display: none; } .tx-solr .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .tx-solr .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .tx-solr .ui-helper-clearfix:before, .tx-solr .ui-helper-clearfix:after { content: ""; display: table; border-collapse: collapse; } .tx-solr .ui-helper-clearfix:after { clear: both; } .tx-solr .ui-helper-clearfix { min-height: 0; } .tx-solr .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter: Alpha(Opacity=0); } .tx-solr .ui-front { z-index: 100; } #contentbereich-wrap #contentbereich .tx-solr .results-topic { font-size: 16px; font-weight: normal; } #contentbereich-wrap #contentbereich .tx-solr .results-entry p { margin-bottom: 16px; } #contentbereich-wrap #contentbereich .tx-pagebrowse { clear: both; overflow: hidden; margin: 0; } #contentbereich-wrap #contentbereich .tx-pagebrowse li a, #contentbereich-wrap #contentbereich .tx-pagebrowse ol li, #contentbereich-wrap #contentbereich .tx-pagebrowse .tx-pagebrowse-next, #contentbereich-wrap #contentbereich .tx-pagebrowse .tx-pagebrowse-prev, #contentbereich-wrap #contentbereich .tx-pagebrowse .tx-pagebrowse-last, #contentbereich-wrap #contentbereich .tx-pagebrowse .tx-pagebrowse-first { background: none repeat scroll 0 0 #EEEEEE; color: #717171; display: inline-block; font-size: 14px; height: 30px; line-height: 30px; text-align: center; width: 30px; } #contentbereich-wrap #contentbereich .tx-pagebrowse .tx-pagebrowse-pages ol li { display: none; } #contentbereich-wrap #contentbereich .tx-pagebrowse .tx-pagebrowse-pages ol li.tx-pagebrowse-current { display: block; } @media screen and (min-width: 375px) { #contentbereich-wrap #contentbereich .tx-pagebrowse .tx-pagebrowse-pages ol li.tx-pagebrowse-page { display: block; } } #contentbereich-wrap #contentbereich .tx-pagebrowse li a:hover { color: white; background-color: #cf173f; } #contentbereich-wrap #contentbereich .tx-pagebrowse li { float: left; list-style-type: none !important; margin: 0 7px 0 0; overflow: hidden; width: 30px; } #contentbereich-wrap #contentbereich .tx-pagebrowse .tx-pagebrowse-pages { width: auto; margin: 0; } #contentbereich-wrap #contentbereich .tx-pagebrowse .tx-pagebrowse-pages .tx-pagebrowse-current { color: white; background-color: #cf173f; } #contentbereich-wrap #contentbereich .tx-pagebrowse ol, #contentbereich-wrap #contentbereich .tx-solr .tx-pagebrowse { margin: 0; }