/* 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/) **/ *behavior: url("http://www.teinachtal.de/fileadmin/templates/css/box-sizing-polyfill/boxsizing.htc"); } @font-face { font-family: 'Source Sans Pro Light'; src: url("../font-face/sourcesanspro-light/sourcesanspro-light-webfont.eot"); src: url("../font-face/sourcesanspro-light/sourcesanspro-light-webfont.eot?#iefix") format("embedded-opentype"), local("Source Sans Pro Light"), url("../font-face/sourcesanspro-light/sourcesanspro-light-webfont.woff") format("woff"), url("../font-face/sourcesanspro-light/sourcesanspro-light-webfont.ttf") format("truetype"), url("../font-face/sourcesanspro-light/sourcesanspro-light-webfont.svg#source_sans_prolight") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'Source Sans Pro'; src: url("../font-face/sourcesanspro-regular/sourcesanspro-regular-webfont.eot"); src: url("../font-face/sourcesanspro-regular/sourcesanspro-regular-webfont.eot?#iefix") format("embedded-opentype"), local("Source Sans Pro"), url("../font-face/sourcesanspro-regular/sourcesanspro-regular-webfont.woff") format("woff"), url("../font-face/sourcesanspro-regular/sourcesanspro-regular-webfont.ttf") format("truetype"), url("../font-face/sourcesanspro-regular/sourcesanspro-regular-webfont.svg#source_sans_proregular") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'Source Sans Pro Semibold'; src: url("../font-face/sourcesanspro-semibold/sourcesanspro-semibold-webfont.eot"); src: url("../font-face/sourcesanspro-semibold/sourcesanspro-semibold-webfont.eot?#iefix") format("embedded-opentype"), local("Source Sans Pro Semibold"), url("../font-face/sourcesanspro-semibold/sourcesanspro-semibold-webfont.woff") format("woff"), url("../font-face/sourcesanspro-semibold/sourcesanspro-semibold-webfont.ttf") format("truetype"), url("../font-face/sourcesanspro-semibold/sourcesanspro-semibold-webfont.svg#source_sans_prosemibold") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'Source Sans Pro Bold'; src: url("../font-face/sourcesanspro-bold/sourcesanspro-bold-webfont.eot"); src: url("../font-face/sourcesanspro-bold/sourcesanspro-bold-webfont.eot?#iefix") format("embedded-opentype"), local("Source Sans Pro Bold"), url("../font-face/sourcesanspro-bold/sourcesanspro-bold-webfont.woff") format("woff"), url("../font-face/sourcesanspro-bold/sourcesanspro-bold-webfont.ttf") format("truetype"), url("../font-face/sourcesanspro-bold/sourcesanspro-bold-webfont.svg#source_sans_probold") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'MeteoconsRegular'; src: url("../media/meteocons-webfont.eot"); src: url("../media/meteocons-webfont.eot?#iefix") format("embedded-opentype"), url("../media/meteocons-webfont.woff") format("woff"), url("../media/meteocons-webfont.ttf") format("truetype"), url("../media/meteocons-webfont.svg#MeteoconsRegular") format("svg"); font-weight: normal; font-style: normal; } /*--Breakpoints--*/ /*** SASS-MIXINS / SASS-PLACEHOLDER ***/ #content #contentbereich .contentelement .print:before, #content02 #contentbereich .contentelement .print: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 .urlaubspostcontainer .download a:before, #content02 #contentbereich .urlaubspostcontainer .download a: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 .csc-textpic-image a.lightbox:after, #content02 #contentbereich .csc-textpic-image a.lightbox:after, #content .telefonnummer:before, #content02 .telefonnummer: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, #content .description p:first-child:before, #content .description P:first-of-type:before, #content02 .description p:first-child:before, #content02 .description P:first-of-type:before, #contentbereich #modul .description p:first-child:before, #icons a#fb:before, #icons a#multi:before, #icons a#urlaubspost:before, #icons a#room:before, #icons a#wheather:before, .sprachen #now span:before, #footer .telefonnummer:before, #footer .faxnummer:before, .suchbereich .sucheAbsenden:after, .no-js #mainMenue #nav li li.submenue:before, #mainMenue #menuDivSlide #menuDivSlideContent > ul li li li:before, .open.mobilansicht #mainMenue li a.submenue:before, .open.mobilansicht #mainMenue li a.submenue.act:before, #arrow:before, #footer.open #arrow:before, .no.js #arrow: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, .cycle-direction-nav #cycle-prev:before, .cycle-direction-nav #cycle-next:before, #ausblender.offen #ausblender_icon:before, #ausblender #ausblender_icon:before, #news .flex-prev:before, #news .flex-next:before, #info #links #anreise:before { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; -webkit-touch-callout: none; } @keyframes moveUp { to { -webkit-transform: translate3d(-50%, -8%,0); -moz-transform: translate3d(-50%, -8%,0); -o-transform: translate3d(-50%, -8%,0); -ms-transform: translate3d(-50%, -8%,0); transform: translate3d(-50%, -8%,0); } } @keyframes moveLeft { to { background-position: left bottom; } } #infoboxen { padding: 0px 0px 20px; -moz-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; background-color: #fff; } #infoboxen:before, #infoboxen:after { content: " "; display: table; } #infoboxen:after { clear: both; } #infoboxen { *zoom: 1; } @media (min-width: 60em) { #infoboxen { width: 275px; float: right; background-color: transparent; padding: 41px 10px 0; } } .lt-ie9 #infoboxen { width: 275px; float: right; background-color: transparent; padding: 41px 10px 0; } #infoboxen .boxelement { float: left; position: relative; margin: 10px 0 5px; width: 100%; border: 1px solid #cececf; -webkit-border-radius: 5px; border-radius: 5px; background-clip: padding-box; /******************** ACHTUNG WICHTIG !! ********************/ overflow: hidden; max-height: 180px; } #infoboxen .boxelement:first-child, #infoboxen .boxelement:first-of-type { margin-left: 0; } @media (min-width: 30em) { #infoboxen .boxelement:nth-child(3n) { margin-left: 0px; } } @media (min-width: 40em) { #infoboxen .boxelement:nth-child(3n) { margin-left: 15px; } } @media (min-width: 60em) { #infoboxen .boxelement:nth-child(3n) { margin-left: 0px; } } .lt-ie9 #infoboxen .boxelement:nth-child(3n) { margin-left: 0px; } @media (min-width: 30em) { #infoboxen .boxelement { width: 48%; margin-left: 15px; } } @media (min-width: 40em) { #infoboxen .boxelement { width: 31%; margin-left: 15px; } } @media (min-width: 60em) { #infoboxen .boxelement { float: none; margin: 0 0 10px; width: 100%; } } .lt-ie9 #infoboxen .boxelement { float: none; margin: 0 0 10px; width: 100%; } #infoboxen .boxelement h2 { position: absolute; left: 0; bottom: 0; padding: 29px 5px 10px 16px; font-size: 19px; z-index: 1; width: 100%; } .no-generatedcontent #infoboxen .boxelement h2 { background-color: #fff; } #infoboxen .boxelement h2:before { bottom: -9px; content: ""; height: 62px; left: -1px; position: absolute; transform: rotate(-4deg); width: 106%; z-index: -1; } .no-rgba #infoboxen .boxelement h2:before, .no-js #infoboxen .boxelement h2:before { background-color: #fff; } .rgba #infoboxen .boxelement h2:before { background-color: white; background-color: rgba(255, 255, 255, 0.9); } .ie.lt-ie10 .rgba #infoboxen .boxelement h2:before { background-color: transparent; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#E6FFFFFF,endColorstr=#E6FFFFFF); *zoom: 1; } .spring #infoboxen .boxelement h2:before { border-top: 2px solid #6dc100; } .summer #infoboxen .boxelement h2:before { border-top: 2px solid #ffcc00; } .autumn #infoboxen .boxelement h2:before { border-top: 2px solid #c81300; } .winter #infoboxen .boxelement h2:before { border-top: 2px solid #00baff; } #infoboxen .boxelement .csc-textpic-caption { display: none; } #infoboxen .boxelement div.csc-textpic-border div.csc-textpic-imagewrap img { border: none; padding: 0px; } #infoboxen .boxelement .csc-textpic-center .csc-textpic-imagewrap[data-csc-cols="1"], #infoboxen .boxelement .csc-textpic-center .csc-textpic-imagewrap[data-csc-cols="1"] div[class^="csc-textpic"], #infoboxen .boxelement .csc-textpic-center .csc-textpic-imagewrap[data-csc-cols="1"] figure, #infoboxen .boxelement .csc-textpic-center .csc-textpic-imagewrap[data-csc-cols="1"] img { width: 100%; } .home #content { padding-bottom: 50px; } #content, #content02 { -webkit-transition: -webkit-transform 300ms ease 0s; -moz-transition: -moz-transform 300ms ease 0s; -o-transition: -o-transform 300ms ease 0s; transition: transform 300ms ease 0s; padding: 150px 0px 0px; font-size: 16px; position: relative; } .no-js #content, .no-js #content02 { padding: 225px 0 350px; } @media (min-width: 30em) { #content, #content02 { padding-top: 230px; } } @media (min-width: 50em) { #content, #content02 { padding-top: 255px; } } @media (min-width: 60em) { #content, #content02 { padding-top: 0px; margin-top: 30%; padding-left: 0; padding-right: 0; padding-bottom: 50px; } } .lt-ie9 #content, .lt-ie9 #content02 { padding-top: 0px; margin-top: 30%; padding-left: 0; padding-right: 0; padding-bottom: 50px; } @media (min-width: 120em) { #content, #content02 { margin-top: 400px; } } #content.printcontent, #content02.printcontent { padding-top: 0; margin-top: 0; } #content.printcontent #contentbereich, #content02.printcontent #contentbereich { padding-left: 0; padding-right: 0; width: 100%; } .home #content, .home #content02 { padding-top: 350px; padding-bottom: 30px; padding-left: 15px; padding-right: 15px; } @media (min-width: 23em) { .home #content, .home #content02 { padding-top: 400px; } } .lt-ie9 .home #content, .lt-ie9 .home #content02 { padding-top: 400px; } @media (min-width: 30em) { .home #content, .home #content02 { padding-top: 450px; } } .lt-ie9 .home #content, .lt-ie9 .home #content02 { padding-top: 450px; } @media (min-width: 40em) { .home #content, .home #content02 { padding-top: 640px; } } .lt-ie9 .home #content, .lt-ie9 .home #content02 { padding-top: 640px; } @media (min-width: 60em) { .home #content, .home #content02 { padding-top: 0; padding-bottom: 50px; padding-left: 0; padding-right: 0; } } .lt-ie9 .home #content, .lt-ie9 .home #content02 { padding-top: 0; padding-bottom: 50px; padding-left: 0; padding-right: 0; } #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; } #content #contentbereich, #content02 #contentbereich { color: #5c5c5c; font-size: 15px; width: 100%; padding: 0 10px 30px; position: relative; background: #fff; -moz-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; background-clip: padding-box; /******************** ACHTUNG WICHTIG !! ********************/ -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; background-clip: padding-box; /******************** ACHTUNG WICHTIG !! ********************/ } @media (min-width: 60em) { #content #contentbereich, #content02 #contentbereich { width: 650px; float: left; padding: 41px 30px 50px; overflow: hidden; } .no-rgba #content #contentbereich, .no-rgba #content02 #contentbereich { background-color: #fff; } .rgba #content #contentbereich, .rgba #content02 #contentbereich { background-color: white; background-color: rgba(255, 255, 255, 0.9); } .ie.lt-ie10 .rgba #content #contentbereich, .ie.lt-ie10 .rgba #content02 #contentbereich { background-color: transparent; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#E6FFFFFF,endColorstr=#E6FFFFFF); *zoom: 1; } } .lt-ie9 #content #contentbereich, .lt-ie9 #content02 #contentbereich { width: 650px; float: left; padding: 41px 30px 50px; overflow: hidden; } .no-rgba .lt-ie9 #content #contentbereich, .no-rgba .lt-ie9 #content02 #contentbereich { background-color: #fff; } .rgba .lt-ie9 #content #contentbereich, .rgba .lt-ie9 #content02 #contentbereich { background-color: white; background-color: rgba(255, 255, 255, 0.9); } .ie.lt-ie10 .rgba .lt-ie9 #content #contentbereich, .ie.lt-ie10 .rgba .lt-ie9 #content02 #contentbereich { background-color: transparent; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#E6FFFFFF,endColorstr=#E6FFFFFF); *zoom: 1; } #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 .contentelement, #content02 #contentbereich .contentelement { overflow: hidden; width: 100%; margin-top: 25px; } #content #contentbereich .contentelement > iframe, #content02 #contentbereich .contentelement > iframe { height: 450px; } #content #contentbereich .contentelement .print, #content02 #contentbereich .contentelement .print { display: none; text-decoration: none; } html.no-touch.js #content #contentbereich .contentelement .print, html.no-touch.js #content02 #contentbereich .contentelement .print { display: inline-block; } #content #contentbereich .contentelement .print:before, #content02 #contentbereich .contentelement .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: #5b5b5b; padding: 0 10px 0 0; } #content #contentbereich .contentelement .today, #content #contentbereich .contentelement .tomorrow, #content02 #contentbereich .contentelement .today, #content02 #contentbereich .contentelement .tomorrow { margin-bottom: 10px; padding-bottom: 15px; } @media (min-width: 40em) { #content #contentbereich .contentelement .today, #content #contentbereich .contentelement .tomorrow, #content02 #contentbereich .contentelement .today, #content02 #contentbereich .contentelement .tomorrow { float: left; width: 49%; margin-bottom: 0; } } .spring #content #contentbereich .contentelement .today, .spring #content #contentbereich .contentelement .tomorrow, .spring #content02 #contentbereich .contentelement .today, .spring #content02 #contentbereich .contentelement .tomorrow { border: 1px solid #6dc100; } .summer #content #contentbereich .contentelement .today, .summer #content #contentbereich .contentelement .tomorrow, .summer #content02 #contentbereich .contentelement .today, .summer #content02 #contentbereich .contentelement .tomorrow { border: 1px solid #ffcc00; } .autumn #content #contentbereich .contentelement .today, .autumn #content #contentbereich .contentelement .tomorrow, .autumn #content02 #contentbereich .contentelement .today, .autumn #content02 #contentbereich .contentelement .tomorrow { border: 1px solid #c81300; } .winter #content #contentbereich .contentelement .today, .winter #content #contentbereich .contentelement .tomorrow, .winter #content02 #contentbereich .contentelement .today, .winter #content02 #contentbereich .contentelement .tomorrow { border: 1px solid #00baff; } .spring #content #contentbereich .contentelement .today, .spring #content #contentbereich .contentelement .tomorrow, .spring #content02 #contentbereich .contentelement .today, .spring #content02 #contentbereich .contentelement .tomorrow { background: #6dc100; } .summer #content #contentbereich .contentelement .today, .summer #content #contentbereich .contentelement .tomorrow, .summer #content02 #contentbereich .contentelement .today, .summer #content02 #contentbereich .contentelement .tomorrow { background: #ffcc00; } .autumn #content #contentbereich .contentelement .today, .autumn #content #contentbereich .contentelement .tomorrow, .autumn #content02 #contentbereich .contentelement .today, .autumn #content02 #contentbereich .contentelement .tomorrow { background: #c81300; } .winter #content #contentbereich .contentelement .today, .winter #content #contentbereich .contentelement .tomorrow, .winter #content02 #contentbereich .contentelement .today, .winter #content02 #contentbereich .contentelement .tomorrow { background: #00baff; } .rgba .spring #content #contentbereich .contentelement .today, .rgba .spring #content #contentbereich .contentelement .tomorrow, .rgba .spring #content02 #contentbereich .contentelement .today, .rgba .spring #content02 #contentbereich .contentelement .tomorrow { background-color: #6dc100; background-color: rgba(109, 193, 0, 0.4); } .ie.lt-ie10 .rgba .spring #content #contentbereich .contentelement .today, .ie.lt-ie10 .rgba .spring #content #contentbereich .contentelement .tomorrow, .ie.lt-ie10 .rgba .spring #content02 #contentbereich .contentelement .today, .ie.lt-ie10 .rgba .spring #content02 #contentbereich .contentelement .tomorrow { background-color: transparent; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#666DC100,endColorstr=#666DC100); *zoom: 1; } .rgba .summer #content #contentbereich .contentelement .today, .rgba .summer #content #contentbereich .contentelement .tomorrow, .rgba .summer #content02 #contentbereich .contentelement .today, .rgba .summer #content02 #contentbereich .contentelement .tomorrow { background-color: #ffcc00; background-color: rgba(255, 204, 0, 0.4); } .ie.lt-ie10 .rgba .summer #content #contentbereich .contentelement .today, .ie.lt-ie10 .rgba .summer #content #contentbereich .contentelement .tomorrow, .ie.lt-ie10 .rgba .summer #content02 #contentbereich .contentelement .today, .ie.lt-ie10 .rgba .summer #content02 #contentbereich .contentelement .tomorrow { background-color: transparent; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#66FFCC00,endColorstr=#66FFCC00); *zoom: 1; } .rgba .autumn #content #contentbereich .contentelement .today, .rgba .autumn #content #contentbereich .contentelement .tomorrow, .rgba .autumn #content02 #contentbereich .contentelement .today, .rgba .autumn #content02 #contentbereich .contentelement .tomorrow { background-color: #c81300; background-color: rgba(200, 19, 0, 0.4); } .ie.lt-ie10 .rgba .autumn #content #contentbereich .contentelement .today, .ie.lt-ie10 .rgba .autumn #content #contentbereich .contentelement .tomorrow, .ie.lt-ie10 .rgba .autumn #content02 #contentbereich .contentelement .today, .ie.lt-ie10 .rgba .autumn #content02 #contentbereich .contentelement .tomorrow { background-color: transparent; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#66C81300,endColorstr=#66C81300); *zoom: 1; } .rgba .winter #content #contentbereich .contentelement .today, .rgba .winter #content #contentbereich .contentelement .tomorrow, .rgba .winter #content02 #contentbereich .contentelement .today, .rgba .winter #content02 #contentbereich .contentelement .tomorrow { background-color: #00baff; background-color: rgba(0, 186, 255, 0.4); } .ie.lt-ie10 .rgba .winter #content #contentbereich .contentelement .today, .ie.lt-ie10 .rgba .winter #content #contentbereich .contentelement .tomorrow, .ie.lt-ie10 .rgba .winter #content02 #contentbereich .contentelement .today, .ie.lt-ie10 .rgba .winter #content02 #contentbereich .contentelement .tomorrow { background-color: transparent; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#6600BAFF,endColorstr=#6600BAFF); *zoom: 1; } #content #contentbereich .contentelement .tomorrow, #content02 #contentbereich .contentelement .tomorrow { margin-bottom: 0px; } @media (min-width: 40em) { #content #contentbereich .contentelement .tomorrow, #content02 #contentbereich .contentelement .tomorrow { float: right; } } #content #contentbereich .contentelement .daydate, #content02 #contentbereich .contentelement .daydate { 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: 0 5px 0 0; } #content #contentbereich .contentelement .picture img, #content02 #contentbereich .contentelement .picture img { width: 100%; } #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 fieldset li, #content02 #contentbereich .csc-mailform fieldset li { padding: 0.5em; list-style: none; } #content #contentbereich .csc-mailform label, #content02 #contentbereich .csc-mailform label { width: 100%; } @media (min-width: 48em) { #content #contentbereich .csc-mailform label, #content02 #contentbereich .csc-mailform label { width: 13em; } } .lt-ie9 #content #contentbereich .csc-mailform label, .lt-ie9 #content02 #contentbereich .csc-mailform label { width: 13em; } #content #contentbereich .csc-mailform .csc-form-5.csc-form-element-checkbox, #content02 #contentbereich .csc-mailform .csc-form-5.csc-form-element-checkbox { position: relative; } #content #contentbereich .csc-mailform .csc-form-5.csc-form-element-checkbox label, #content02 #contentbereich .csc-mailform .csc-form-5.csc-form-element-checkbox label { float: right; margin-left: 25px; width: calc(100% - 25px); margin-right: 0; } #content #contentbereich .csc-mailform .csc-form-5.csc-form-element-checkbox input[type='checkbox'], #content02 #contentbereich .csc-mailform .csc-form-5.csc-form-element-checkbox input[type='checkbox'] { float: left; position: absolute; top: 5px; left: 0; } #content #contentbereich .csc-mailform .csc-form-6.csc-form-element-textblock, #content02 #contentbereich .csc-mailform .csc-form-6.csc-form-element-textblock { padding-left: 25px; width: 100%; clear: both; } #content #contentbereich .hochkantbild .csc-textpic-imagewrap, #content02 #contentbereich .hochkantbild .csc-textpic-imagewrap { margin: 0 0 14px; } @media (min-width: 30em) { #content #contentbereich .hochkantbild .csc-textpic-imagewrap, #content02 #contentbereich .hochkantbild .csc-textpic-imagewrap { margin: 0; } } .lt-ie9 #content #contentbereich .hochkantbild .csc-textpic-imagewrap, .lt-ie9 #content02 #contentbereich .hochkantbild .csc-textpic-imagewrap { margin: 0; } @media (min-width: 30em) { #content #contentbereich .hochkantbild .csc-textpic-intext-right .csc-textpic-imagewrap, #content #contentbereich .hochkantbild .csc-textpic-intext-left .csc-textpic-imagewrap, #content02 #contentbereich .hochkantbild .csc-textpic-intext-right .csc-textpic-imagewrap, #content02 #contentbereich .hochkantbild .csc-textpic-intext-left .csc-textpic-imagewrap { max-width: 25%; } } .lt-ie9 #content #contentbereich .hochkantbild .csc-textpic-intext-right .csc-textpic-imagewrap, .lt-ie9 #content #contentbereich .hochkantbild .csc-textpic-intext-left .csc-textpic-imagewrap, .lt-ie9 #content02 #contentbereich .hochkantbild .csc-textpic-intext-right .csc-textpic-imagewrap, .lt-ie9 #content02 #contentbereich .hochkantbild .csc-textpic-intext-left .csc-textpic-imagewrap { max-width: 25%; } #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: 30em) { #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: 30em) { #content #contentbereich .csc-textpic-intext-left .csc-textpic-imagewrap, #content02 #contentbereich .csc-textpic-intext-left .csc-textpic-imagewrap { float: left; margin: 0 10px 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 10px 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 .csc-textpic-imagecolumn.csc-textpic-lastcol, #content02 #contentbereich .csc-textpic-imagecolumn.csc-textpic-lastcol { margin-right: 0% !important; } #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: 30em) { #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.5%; } } .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.5%; } #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: 30em) { #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.5%; } } .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.5%; } #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: 30em) { #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.25%; } } .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.25%; } #content #contentbereich .csc-textpic-intext-right .csc-textpic-imagerow, #content #contentbereich .csc-textpic-intext-left .csc-textpic-imagerow, #content02 #contentbereich .csc-textpic-intext-right .csc-textpic-imagerow, #content02 #contentbereich .csc-textpic-intext-left .csc-textpic-imagerow { margin-bottom: 10px; } @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 h2, #content02 #contentbereich .element3cols h2 { font-size: 19px; } #content #contentbereich .element3cols h2 + .csc-textpic-above .csc-textpic-center-inner, #content02 #contentbereich .element3cols h2 + .csc-textpic-above .csc-textpic-center-inner { margin-top: 0; } #content #contentbereich .element3cols, #content02 #contentbereich .element3cols { border-bottom: 1px solid #999; padding: 0 0 40px; } #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; } #content #contentbereich .element3cols h2, #content02 #contentbereich .element3cols h2 { color: #3f3f3f; font-size: 17px; font-weight: normal; line-height: 20px; padding: 0 0 15px; position: relative; text-transform: none; } #content #contentbereich .element3cols h2 a, #content02 #contentbereich .element3cols h2 a { text-decoration: none; } @media (min-width: 48em) { #content #contentbereich .element3cols .col1, #content02 #contentbereich .element3cols .col1 { width: 31%; float: left; } } .lt-ie9 #content #contentbereich .element3cols .col1, .lt-ie9 #content02 #contentbereich .element3cols .col1 { width: 31%; float: left; } @media (min-width: 48em) { #content #contentbereich .element3cols .col2, #content02 #contentbereich .element3cols .col2 { width: 31%; float: left; margin: 0 3.5%; } } .lt-ie9 #content #contentbereich .element3cols .col2, .lt-ie9 #content02 #contentbereich .element3cols .col2 { width: 31%; float: left; margin: 0 3.5%; } @media (min-width: 48em) { #content #contentbereich .element3cols .col3, #content02 #contentbereich .element3cols .col3 { width: 31%; float: left; } } .lt-ie9 #content #contentbereich .element3cols .col3, .lt-ie9 #content02 #contentbereich .element3cols .col3 { width: 31%; float: left; } #content #contentbereich .element3cols .csc-textpic-imagewrap, #content02 #contentbereich .element3cols .csc-textpic-imagewrap { margin: 0 0 10px; } #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 #3f3f3f; 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: #6dc100; } .summer #content #contentbereich .button, .summer #content02 #contentbereich .button { background: #ffcc00; } .autumn #content #contentbereich .button, .autumn #content02 #contentbereich .button { background: #c81300; } .winter #content #contentbereich .button, .winter #content02 #contentbereich .button { background: #00baff; } #content #contentbereich .button:hover, #content02 #contentbereich .button:hover { color: #FFFFFF; background: #4eaf14; } .spring #content #contentbereich .button:hover, .spring #content02 #contentbereich .button:hover { background: #5fa800; } .summer #content #contentbereich .button:hover, .summer #content02 #contentbereich .button:hover { background: #e6b800; } .autumn #content #contentbereich .button:hover, .autumn #content02 #contentbereich .button:hover { background: #af1100; } .winter #content #contentbereich .button:hover, .winter #content02 #contentbereich .button:hover { background: #00a7e6; } #content #contentbereich .contentelement + .slideblock, #content #contentbereich h1 + .slideblock, #content02 #contentbereich .contentelement + .slideblock, #content02 #contentbereich h1 + .slideblock { margin-top: 15px; } #content #contentbereich .slideblock .ui-accordion-content, #content02 #contentbereich .slideblock .ui-accordion-content { margin: 0 0 16px; padding: 15px 0 16px; } .spring #content #contentbereich .slideblock .ui-accordion-content, .spring #content02 #contentbereich .slideblock .ui-accordion-content { border-bottom: 1px dotted #6dc100; } .summer #content #contentbereich .slideblock .ui-accordion-content, .summer #content02 #contentbereich .slideblock .ui-accordion-content { border-bottom: 1px dotted #ffcc00; } .autumn #content #contentbereich .slideblock .ui-accordion-content, .autumn #content02 #contentbereich .slideblock .ui-accordion-content { border-bottom: 1px dotted #c81300; } .winter #content #contentbereich .slideblock .ui-accordion-content, .winter #content02 #contentbereich .slideblock .ui-accordion-content { border-bottom: 1px dotted #00baff; } #content #contentbereich .slideblock h2, #content02 #contentbereich .slideblock h2 { display: block; cursor: pointer; position: relative; margin: 0px 0 0; padding: 0 .5em .5em 35px; min-height: 0; /* support: IE7 */ font-size: 17px; text-transform: none; position: relative; margin: 0 0 8px; } .spring #content #contentbereich .slideblock h2, .spring #content02 #contentbereich .slideblock h2 { border-bottom: 1px dotted #6dc100; } .summer #content #contentbereich .slideblock h2, .summer #content02 #contentbereich .slideblock h2 { border-bottom: 1px dotted #ffcc00; } .autumn #content #contentbereich .slideblock h2, .autumn #content02 #contentbereich .slideblock h2 { border-bottom: 1px dotted #c81300; } .winter #content #contentbereich .slideblock h2, .winter #content02 #contentbereich .slideblock h2 { border-bottom: 1px dotted #00baff; } #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: 10px; 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 .contentelement .slideblock, #content02 #contentbereich .contentelement .slideblock { margin-top: 16px; } #content #contentbereich .contentbereichInfobox, #content #contentbereich .urlaubspostcontainer, #content02 #contentbereich .contentbereichInfobox, #content02 #contentbereich .urlaubspostcontainer { background: #F5F5F5; border: 1px solid #CBE2BD; margin: 16px 0 0; padding: 15px 16px; width: 100%; overflow: hidden; } .spring #content #contentbereich .contentbereichInfobox, .spring #content #contentbereich .urlaubspostcontainer, .spring #content02 #contentbereich .contentbereichInfobox, .spring #content02 #contentbereich .urlaubspostcontainer { border: 1px solid #6dc100; } .summer #content #contentbereich .contentbereichInfobox, .summer #content #contentbereich .urlaubspostcontainer, .summer #content02 #contentbereich .contentbereichInfobox, .summer #content02 #contentbereich .urlaubspostcontainer { border: 1px solid #ffcc00; } .autumn #content #contentbereich .contentbereichInfobox, .autumn #content #contentbereich .urlaubspostcontainer, .autumn #content02 #contentbereich .contentbereichInfobox, .autumn #content02 #contentbereich .urlaubspostcontainer { border: 1px solid #c81300; } .winter #content #contentbereich .contentbereichInfobox, .winter #content #contentbereich .urlaubspostcontainer, .winter #content02 #contentbereich .contentbereichInfobox, .winter #content02 #contentbereich .urlaubspostcontainer { border: 1px solid #00baff; } #content #contentbereich .contentbereichInfobox h2, #content #contentbereich .urlaubspostcontainer h2, #content02 #contentbereich .contentbereichInfobox h2, #content02 #contentbereich .urlaubspostcontainer h2 { font-size: 16px; padding-top: 0; text-transform: uppercase; } @media (min-width: 23em) { #content #contentbereich .urlaubspostcontainer .text, #content02 #contentbereich .urlaubspostcontainer .text { float: left; width: 80%; } } .lt-ie9 #content #contentbereich .urlaubspostcontainer .text, .lt-ie9 #content02 #contentbereich .urlaubspostcontainer .text { float: left; width: 80%; } #content #contentbereich .urlaubspostcontainer .datum, #content02 #contentbereich .urlaubspostcontainer .datum { font-size: 19px; } .spring #content #contentbereich .urlaubspostcontainer .datum, .spring #content02 #contentbereich .urlaubspostcontainer .datum { color: #6dc100; } .summer #content #contentbereich .urlaubspostcontainer .datum, .summer #content02 #contentbereich .urlaubspostcontainer .datum { color: #ffcc00; } .autumn #content #contentbereich .urlaubspostcontainer .datum, .autumn #content02 #contentbereich .urlaubspostcontainer .datum { color: #c81300; } .winter #content #contentbereich .urlaubspostcontainer .datum, .winter #content02 #contentbereich .urlaubspostcontainer .datum { color: #00baff; } #content #contentbereich .urlaubspostcontainer .download, #content02 #contentbereich .urlaubspostcontainer .download { margin: 16px 0 0; } #content #contentbereich .urlaubspostcontainer .download:before, #content02 #contentbereich .urlaubspostcontainer .download:before { display: none; } #content #contentbereich .urlaubspostcontainer .download a, #content02 #contentbereich .urlaubspostcontainer .download a { padding: 5px 10px; color: #fff; text-decoration: none; } .spring #content #contentbereich .urlaubspostcontainer .download a, .spring #content02 #contentbereich .urlaubspostcontainer .download a { background: #6dc100; } .summer #content #contentbereich .urlaubspostcontainer .download a, .summer #content02 #contentbereich .urlaubspostcontainer .download a { background: #ffcc00; } .autumn #content #contentbereich .urlaubspostcontainer .download a, .autumn #content02 #contentbereich .urlaubspostcontainer .download a { background: #c81300; } .winter #content #contentbereich .urlaubspostcontainer .download a, .winter #content02 #contentbereich .urlaubspostcontainer .download a { background: #00baff; } #content #contentbereich .urlaubspostcontainer .download a:before, #content02 #contentbereich .urlaubspostcontainer .download a:before { font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; content: "\f019"; display: inline-block; padding: 0 5px 0 0; color: #fff; } .spring #content #contentbereich .urlaubspostcontainer .download a:hover, .spring #content02 #contentbereich .urlaubspostcontainer .download a:hover { background: #508e00; } .summer #content #contentbereich .urlaubspostcontainer .download a:hover, .summer #content02 #contentbereich .urlaubspostcontainer .download a:hover { background: #cca300; } .autumn #content #contentbereich .urlaubspostcontainer .download a:hover, .autumn #content02 #contentbereich .urlaubspostcontainer .download a:hover { background: #950e00; } .winter #content #contentbereich .urlaubspostcontainer .download a:hover, .winter #content02 #contentbereich .urlaubspostcontainer .download a:hover { background: #0095cc; } @media (min-width: 23em) { #content #contentbereich .urlaubspostcontainer .bild, #content02 #contentbereich .urlaubspostcontainer .bild { float: right; width: 19%; margin: 0 0 5px 1%; } } .lt-ie9 #content #contentbereich .urlaubspostcontainer .bild, .lt-ie9 #content02 #contentbereich .urlaubspostcontainer .bild { float: right; width: 19%; margin: 0 0 5px 1%; } #content #contentbereich .urlaubspostcontainer .bild img, #content02 #contentbereich .urlaubspostcontainer .bild img { width: 100%; height: auto; display: block; } .spring #content #contentbereich .urlaubspostcontainer .bild img, .spring #content02 #contentbereich .urlaubspostcontainer .bild img { border: 1px solid #6dc100; } .summer #content #contentbereich .urlaubspostcontainer .bild img, .summer #content02 #contentbereich .urlaubspostcontainer .bild img { border: 1px solid #ffcc00; } .autumn #content #contentbereich .urlaubspostcontainer .bild img, .autumn #content02 #contentbereich .urlaubspostcontainer .bild img { border: 1px solid #c81300; } .winter #content #contentbereich .urlaubspostcontainer .bild img, .winter #content02 #contentbereich .urlaubspostcontainer .bild img { border: 1px solid #00baff; } #content #contentbereich .urlaubspostcontainer .keineDateiVorhanden, #content02 #contentbereich .urlaubspostcontainer .keineDateiVorhanden { padding: 5px 0 0; } #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 screen and (min-width: 60em) { #content #contentbereich #dynamischeListe2 ul li .newsText, #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 .weiter, #content02 #contentbereich .zurueck, #content02 #contentbereich .weiter { margin-top: 15px !important; display: block; } .no-js #content #contentbereich .zurueck.tourism, .no-js #content #contentbereich .weiter.tourism, .no-js #content02 #contentbereich .zurueck.tourism, .no-js #content02 #contentbereich .weiter.tourism { display: none; } #content #contentbereich .zurueck a, #content #contentbereich .weiter a, #content02 #contentbereich .zurueck a, #content02 #contentbereich .weiter a { padding: 5px 10px; background: #3f3f3f; color: #fff !important; display: inline-block; text-decoration: none !important; } .spring #content #contentbereich .zurueck a, .spring #content #contentbereich .weiter a, .spring #content02 #contentbereich .zurueck a, .spring #content02 #contentbereich .weiter a { background: #6dc100; } .summer #content #contentbereich .zurueck a, .summer #content #contentbereich .weiter a, .summer #content02 #contentbereich .zurueck a, .summer #content02 #contentbereich .weiter a { background: #ffcc00; } .autumn #content #contentbereich .zurueck a, .autumn #content #contentbereich .weiter a, .autumn #content02 #contentbereich .zurueck a, .autumn #content02 #contentbereich .weiter a { background: #c81300; } .winter #content #contentbereich .zurueck a, .winter #content #contentbereich .weiter a, .winter #content02 #contentbereich .zurueck a, .winter #content02 #contentbereich .weiter a { background: #00baff; } #content #contentbereich .zurueck a:hover, #content #contentbereich .weiter a:hover, #content02 #contentbereich .zurueck a:hover, #content02 #contentbereich .weiter a:hover { color: #666666; } .spring #content #contentbereich .zurueck a:hover, .spring #content #contentbereich .weiter a:hover, .spring #content02 #contentbereich .zurueck a:hover, .spring #content02 #contentbereich .weiter a:hover { background: #508e00; } .summer #content #contentbereich .zurueck a:hover, .summer #content #contentbereich .weiter a:hover, .summer #content02 #contentbereich .zurueck a:hover, .summer #content02 #contentbereich .weiter a:hover { background: #cca300; } .autumn #content #contentbereich .zurueck a:hover, .autumn #content #contentbereich .weiter a:hover, .autumn #content02 #contentbereich .zurueck a:hover, .autumn #content02 #contentbereich .weiter a:hover { background: #950e00; } .winter #content #contentbereich .zurueck a:hover, .winter #content #contentbereich .weiter a:hover, .winter #content02 #contentbereich .zurueck a:hover, .winter #content02 #contentbereich .weiter a:hover { background: #0095cc; } #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: #6dc100; } .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: #ffcc00; } .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: #c81300; } .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: #00baff; } #content #contentbereich .contentelement a, #content02 #contentbereich .contentelement a { text-decoration: underline; } #content #contentbereich .contentelement a:before, #content02 #contentbereich .contentelement a:before { text-decoration: none; } #content #contentbereich .csc-textpic-imagewrap, #content02 #contentbereich .csc-textpic-imagewrap { display: inline-block; } #content #contentbereich .csc-textpic-text > ul, #content02 #contentbereich .csc-textpic-text > ul { margin-top: 0; } #content #contentbereich .csc-textpic-text p + ul, #content02 #contentbereich .csc-textpic-text p + ul { margin-top: 15px; } #content #contentbereich ul, #content02 #contentbereich ul { margin-top: 15px; margin-left: 30px; } #content #contentbereich ul.checkboxSplitter, #content02 #contentbereich ul.checkboxSplitter { margin-left: 0; } #content #contentbereich ul.checkboxSplitter li, #content02 #contentbereich ul.checkboxSplitter li { list-style-type: none; } #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 .csc-textpic-border .csc-textpic-imagewrap IMG, #content02 #contentbereich .csc-textpic-border .csc-textpic-imagewrap IMG { border: 1px solid #e5e5e5; padding: 5px; background: #fff; } .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: 0px 7px 0 0; color: #595959; position: relative; text-align: right; float: right !important; } .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); } .ie.lt-ie10 #content #contentbereich .csc-textpic-image a.lightbox:after, .ie.lt-ie10 #content02 #contentbereich .csc-textpic-image a.lightbox:after { background-color: transparent; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#B33F3F3F,endColorstr=#B33F3F3F); *zoom: 1; } #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: 5px 0 0 0; position: relative; z-index: 1; -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; } @media (min-width: 60em) { #content #breadcrumb, #content02 #breadcrumb { overflow: hidden; padding: 0 10px 0; position: absolute; height: 41px; white-space: nowrap; left: 0; right: 0; top: 0; } } .lt-ie9 #content #breadcrumb, .lt-ie9 #content02 #breadcrumb { overflow: hidden; padding: 0 10px 0; position: absolute; height: 41px; white-space: nowrap; left: 0; right: 0; top: 0; } #content #breadcrumb:before, #content #breadcrumb:after, #content02 #breadcrumb:before, #content02 #breadcrumb:after { content: ""; position: absolute; height: 100%; width: 15px; top: 0; bottom: 0; left: 0; right: 0; z-index: -1; } @media (min-width: 60em) { #content #breadcrumb:before, #content #breadcrumb:after, #content02 #breadcrumb:before, #content02 #breadcrumb:after { display: none; } } .lt-ie9 #content #breadcrumb:before, .lt-ie9 #content #breadcrumb:after, .lt-ie9 #content02 #breadcrumb:before, .lt-ie9 #content02 #breadcrumb:after { display: none; } .spring #content #breadcrumb:before, .spring #content #breadcrumb:after, .spring #content02 #breadcrumb:before, .spring #content02 #breadcrumb:after { background-color: #6dc100; } .summer #content #breadcrumb:before, .summer #content #breadcrumb:after, .summer #content02 #breadcrumb:before, .summer #content02 #breadcrumb:after { background-color: #ffcc00; } .autumn #content #breadcrumb:before, .autumn #content #breadcrumb:after, .autumn #content02 #breadcrumb:before, .autumn #content02 #breadcrumb:after { background-color: #c81300; } .winter #content #breadcrumb:before, .winter #content #breadcrumb:after, .winter #content02 #breadcrumb:before, .winter #content02 #breadcrumb:after { background-color: #00baff; } #content #breadcrumb:before, #content02 #breadcrumb:before { left: -10px; right: auto !important; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; background-clip: padding-box; /******************** ACHTUNG WICHTIG !! ********************/ } #content #breadcrumb:after, #content02 #breadcrumb:after { left: auto !important; right: -10px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; background-clip: padding-box; /******************** ACHTUNG WICHTIG !! ********************/ } .spring #content #breadcrumb, .spring #content02 #breadcrumb { background-color: #6dc100; } .summer #content #breadcrumb, .summer #content02 #breadcrumb { background-color: #ffcc00; } .autumn #content #breadcrumb, .autumn #content02 #breadcrumb { background-color: #c81300; } .winter #content #breadcrumb, .winter #content02 #breadcrumb { background-color: #00baff; } #content #breadcrumb a, #content02 #breadcrumb a { font-size: 15px; color: #fff !important; display: inline-block; height: 41px; line-height: 41px; text-transform: uppercase; position: relative; padding: 0 30px 0 0; } @media (min-width: 60em) { #content #breadcrumb a, #content02 #breadcrumb a { padding: 0 15px 0; } } .lt-ie9 #content #breadcrumb a, .lt-ie9 #content02 #breadcrumb a { padding: 0 15px 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:after, #content02 #breadcrumb a:after { content: "|"; font-size: 43px; position: absolute; right: 8px; top: -6px; -webkit-transform: rotate(10deg); -moz-transform: rotate(10deg); -o-transform: rotate(10deg); -ms-transform: rotate(10deg); transform: rotate(10deg); } @media (min-width: 60em) { #content #breadcrumb a:after, #content02 #breadcrumb a:after { right: -7px; } } .lt-ie9 #content #breadcrumb a:after, .lt-ie9 #content02 #breadcrumb a:after { right: -7px; } #content #breadcrumb a:hover, #content02 #breadcrumb a:hover { color: #666 !important; } #content h1, #content02 h1 { font-size: 17px; font-weight: normal; margin: 0; padding: 15px 0 0; text-transform: uppercase; } #content h2, #content02 h2 { font-size: 22px; padding: 0px 0 10px; position: relative; font-weight: normal; text-transform: uppercase; color: #3f3f3f; } #content h3, #content02 h3 { font-size: 18px; padding: 0px 0 8px 0; font-weight: normal; position: relative; } .spring #content h3, .spring #content02 h3 { color: #6dc100; } .summer #content h3, .summer #content02 h3 { color: #cca300; } .autumn #content h3, .autumn #content02 h3 { color: #c81300; } .winter #content h3, .winter #content02 h3 { color: #00baff; } #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, #content02 .telefonnummer: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 #content02 .telefonnummer:before { color: #6dc100; } .summer #content .telefonnummer:before, .summer #content02 .telefonnummer:before { color: #ffcc00; } .autumn #content .telefonnummer:before, .autumn #content02 .telefonnummer:before { color: #c81300; } .winter #content .telefonnummer:before, .winter #content02 .telefonnummer:before { color: #00baff; } #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: #6dc100; } .summer #content .faxnummer:before, .summer #content02 .faxnummer:before { color: #ffcc00; } .autumn #content .faxnummer:before, .autumn #content02 .faxnummer:before { color: #c81300; } .winter #content .faxnummer:before, .winter #content02 .faxnummer:before { color: #00baff; } #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 #kalender:before, #content #kalender:after, #content02 #kalender:before, #content02 #kalender:after { content: " "; display: table; } #content #kalender:after, #content02 #kalender:after { clear: both; } #content #kalender, #content02 #kalender { *zoom: 1; } #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 .list, #content .list2, #content02 .list, #content02 .list2 { border-bottom: 1px solid #E5E5E5; list-style-type: none; margin: 0 0 0px; overflow: hidden; padding: 25px 0; } #content .list:before, #content .list:after, #content .list2:before, #content .list2:after, #content02 .list:before, #content02 .list:after, #content02 .list2:before, #content02 .list2:after { content: " "; display: table; } #content .list:after, #content .list2:after, #content02 .list:after, #content02 .list2:after { clear: both; } #content .list, #content .list2, #content02 .list, #content02 .list2 { *zoom: 1; } #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: #6dc100; } .summer #content .day, .summer #content02 .day { color: #cca300; } .autumn #content .day, .autumn #content02 .day { color: #c81300; } .winter #content .day, .winter #content02 .day { color: #00baff; } #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: #6dc100; } .summer #content .timeBlock:before, .summer #content02 .timeBlock:before { color: #ffcc00; } .autumn #content .timeBlock:before, .autumn #content02 .timeBlock:before { color: #c81300; } .winter #content .timeBlock:before, .winter #content02 .timeBlock:before { color: #00baff; } #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: #6dc100; } .summer #content .location:before, .summer #content02 .location:before { color: #ffcc00; } .autumn #content .location:before, .autumn #content02 .location:before { color: #c81300; } .winter #content .location:before, .winter #content02 .location:before { color: #00baff; } #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: #6dc100; } .summer #content .organizer:before, .summer #content02 .organizer:before { color: #ffcc00; } .autumn #content .organizer:before, .autumn #content02 .organizer:before { color: #c81300; } .winter #content .organizer:before, .winter #content02 .organizer:before { color: #00baff; } #content .description, #content02 .description { padding: 10px 0 0; } #content .description p:first-child, #content .description P:first-of-type, #content02 .description p:first-child, #content02 .description P:first-of-type { margin: 0; } #content .description p:first-child:before, #content .description P:first-of-type:before, #content02 .description p:first-child:before, #content02 .description P:first-of-type:before { font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; content: "\f05a"; display: inline-block; padding: 0 5px 10px 1px; font-size: 15px; float: left; } .spring #content .description p:first-child:before, .spring #content .description P:first-of-type:before, .spring #content02 .description p:first-child:before, .spring #content02 .description P:first-of-type:before { color: #6dc100; } .summer #content .description p:first-child:before, .summer #content .description P:first-of-type:before, .summer #content02 .description p:first-child:before, .summer #content02 .description P:first-of-type:before { color: #ffcc00; } .autumn #content .description p:first-child:before, .autumn #content .description P:first-of-type:before, .autumn #content02 .description p:first-child:before, .autumn #content02 .description P:first-of-type:before { color: #c81300; } .winter #content .description p:first-child:before, .winter #content .description P:first-of-type:before, .winter #content02 .description p:first-child:before, .winter #content02 .description P:first-of-type:before { color: #00baff; } #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 #6dc100; } .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 #ffcc00; } .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 #c81300; } .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 #00baff; } #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: right; background: #3f3f3f; } .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: #6dc100; } .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: #ffcc00; } .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: #c81300; } .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: #00baff; } #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: #262626; 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: #508e00; } .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: #cca300; } .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: #950e00; } .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: #0095cc; } #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-size: 85%; font-style: normal; text-transform: normal; } #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 { overflow: hidden; } #newsContent img { border: 1px solid #E5E5E5; padding: 5px; max-width: 100%; } #newsContent table { width: 100%; } @media all and (max-width: 479px) { #newsContent .news-image-wrapper { width: 100% !important; margin: 0 0 10px 0 !important; } } #newsContent .zurueck { width: 100%; float: left; } #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 5px; padding: 5px; } #contentbereich #modul .description { padding: 10px 0 0; } #contentbereich #modul .description p:first-child { margin: 0; } #contentbereich #modul .description p:first-child:before { font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; content: "\f05a"; display: inline-block; padding: 0 5px 0 1px; font-size: 15px; } .spring #contentbereich #modul .description p:first-child:before { color: #6dc100; } .summer #contentbereich #modul .description p:first-child:before { color: #ffcc00; } .autumn #contentbereich #modul .description p:first-child:before { color: #c81300; } .winter #contentbereich #modul .description p:first-child:before { color: #00baff; } #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; } #content .tx-hwfotoalbum, #content02 .tx-hwfotoalbum { min-width: 220px; -moz-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; line-height: 20px; } #content .tx-hwfotoalbum h4, #content02 .tx-hwfotoalbum h4 { 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 #dedede; position: relative; clear: both; overflow: hidden; } #content .tx-hwfotoalbum .album:last-of-type, #content02 .tx-hwfotoalbum .album:last-of-type { border: medium none; padding-bottom: 0; } #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 .show-link, #content02 .tx-hwfotoalbum .album .show-link { text-decoration: none; height: auto; display: none; } @media (min-width: 23em) { #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 (min-width: 30em) { #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 (min-width: 48em) { #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%; } } .lt-ie9 #content .tx-hwfotoalbum .album .show-link, .lt-ie9 #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 (min-width: 30em) { #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 (min-width: 48em) { #content .tx-hwfotoalbum .album .show-link.extra-960, #content02 .tx-hwfotoalbum .album .show-link.extra-960 { display: block; } } .lt-ie9 #content .tx-hwfotoalbum .album .show-link.extra-960, .lt-ie9 #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 (min-width: 23em) { #content .tx-hwfotoalbum .album .show-link.first-big, #content02 .tx-hwfotoalbum .album .show-link.first-big { margin-right: 3.7%; width: 63%; } } @media (min-width: 30em) { #content .tx-hwfotoalbum .album .show-link.first-big, #content02 .tx-hwfotoalbum .album .show-link.first-big { margin-right: 2.626%; width: 48.2%; } } @media (min-width: 48em) { #content .tx-hwfotoalbum .album .show-link.first-big, #content02 .tx-hwfotoalbum .album .show-link.first-big { width: 38%; } } .lt-ie9 #content .tx-hwfotoalbum .album .show-link.first-big, .lt-ie9 #content02 .tx-hwfotoalbum .album .show-link.first-big { width: 38%; } #content .tx-hwfotoalbum .album .img-frame, #content02 .tx-hwfotoalbum .album .img-frame { position: relative; border: 1px solid #DEDEDE; overflow: hidden; } #content .tx-hwfotoalbum .album .img-frame:hover, #content02 .tx-hwfotoalbum .album .img-frame:hover { border: 1px solid #3f3f3f; } .spring #content .tx-hwfotoalbum .album .img-frame:hover, .spring #content02 .tx-hwfotoalbum .album .img-frame:hover { border-color: #6dc100; } .summer #content .tx-hwfotoalbum .album .img-frame:hover, .summer #content02 .tx-hwfotoalbum .album .img-frame:hover { border-color: #ffcc00; } .autumn #content .tx-hwfotoalbum .album .img-frame:hover, .autumn #content02 .tx-hwfotoalbum .album .img-frame:hover { border-color: #c81300; } .winter #content .tx-hwfotoalbum .album .img-frame:hover, .winter #content02 .tx-hwfotoalbum .album .img-frame:hover { border-color: #00baff; } .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 */ } .ie.lt-ie10 #content .tx-hwfotoalbum .album .img-frame .img-description-overlay, .ie.lt-ie10 #content02 .tx-hwfotoalbum .album .img-frame .img-description-overlay { background-color: transparent; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC464646,endColorstr=#CC464646); *zoom: 1; } #content .tx-hwfotoalbum .teaser-text-box, #content02 .tx-hwfotoalbum .teaser-text-box { margin-bottom: 10px; } #content #contentbereich .tx-hwfotoalbum .tx-hwfotoalbum-liste > .contentelement { margin-top: 0px; } .tx-hwfotoalbum-einzelAlbumAnsicht { position: relative; } .tx-hwfotoalbum-einzelAlbumAnsicht h5 { font-style: italic; font-weight: 400; color: #5B5B5B; } .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; height: auto; position: relative; border: 1px solid #DEDEDE; overflow: hidden; margin: 1% 1% 0 0; } .tx-hwfotoalbum-einzelAlbumAnsicht .show-image-frame:hover { border-color: #3f3f3f; } .spring .tx-hwfotoalbum-einzelAlbumAnsicht .show-image-frame:hover { border-color: #6dc100; } .summer .tx-hwfotoalbum-einzelAlbumAnsicht .show-image-frame:hover { border-color: #ffcc00; } .autumn .tx-hwfotoalbum-einzelAlbumAnsicht .show-image-frame:hover { border-color: #c81300; } .winter .tx-hwfotoalbum-einzelAlbumAnsicht .show-image-frame:hover { border-color: #00baff; } .tx-hwfotoalbum-einzelAlbumAnsicht .show-image-frame img { display: block; height: auto; width: 100%; } .tx-hwfotoalbum-einzelAlbumAnsicht .show-image-frame figcaption.csc-textpic-caption { display: none; } .tx-hwfotoalbum-einzelAlbumAnsicht.columns-4 .show-image-frame { width: 49.5%; } @media (min-width: 23em) { .tx-hwfotoalbum-einzelAlbumAnsicht.columns-4 .show-image-frame { width: 32.6667%; } } @media (min-width: 40em) { .tx-hwfotoalbum-einzelAlbumAnsicht.columns-4 .show-image-frame { width: 24.25%; } } .lt-ie9 .tx-hwfotoalbum-einzelAlbumAnsicht.columns-4 .show-image-frame { width: 24.25%; } .tx-hwfotoalbum-einzelAlbumAnsicht.columns-4 .show-image-frame:nth-child(2n) { margin-right: 0; } @media (min-width: 23em) { .tx-hwfotoalbum-einzelAlbumAnsicht.columns-4 .show-image-frame:nth-child(2n) { margin: 1% 1% 0 0; } } @media (min-width: 23em) { .tx-hwfotoalbum-einzelAlbumAnsicht.columns-4 .show-image-frame:nth-child(3n) { margin-right: 0; } } @media (min-width: 40em) { .tx-hwfotoalbum-einzelAlbumAnsicht.columns-4 .show-image-frame:nth-child(3n) { margin: 1% 1% 0 0; } } .lt-ie9 .tx-hwfotoalbum-einzelAlbumAnsicht.columns-4 .show-image-frame:nth-child(3n) { margin: 1% 1% 0 0; } @media (min-width: 40em) { .tx-hwfotoalbum-einzelAlbumAnsicht.columns-4 .show-image-frame:nth-child(4n) { margin-right: 0; } } .lt-ie9 .tx-hwfotoalbum-einzelAlbumAnsicht.columns-4 .show-image-frame:nth-child(4n) { margin-right: 0; } * { margin: 0; padding: 0; } *:active, *:hover, *:focus { outline: 0; } html { height: 100%; max-height: 100%; min-height: 100%; } body { background: #ededed; font-family: "Source Sans Pro", Arial, Helvetica, sans-serif; font-size: 16px; max-height: 100%; min-height: 100%; left: 0; line-height: 1.4; position: absolute; overflow: hidden; right: 0; top: 0; bottom: 0; } img { border: none; } #preLoad, #styles, .unsichtbar { display: none; } a { color: #3f3f3f; cursor: hand; cursor: pointer; text-decoration: none; } .spring a:before { color: #6dc100; } .summer a:before { color: #ffcc00; } .autumn a:before { color: #c81300; } .winter a:before { color: #00baff; } .spring a:before:hover { color: #508e00; } .summer a:before:hover { color: #cca300; } .autumn a:before:hover { color: #950e00; } .winter a:before:hover { color: #0095cc; } .spring a:hover { color: #508e00; } .summer a:hover { color: #cca300; } .autumn a:hover { color: #950e00; } .winter a:hover { color: #0095cc; } 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; } .teinachtal.home .typo3-feedit-element { outline: medium none !important; } .teinachtal.home .typo3-feedit-element > .publishSystemNotify, .teinachtal.home .typo3-feedit-element > form { display: none; } b, strong { font-family: 'Source Sans Pro Semibold', 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: 940px !important; max-width: 940px !important; } } .lt-ie9 .wrapcenter { width: 940px !important; max-width: 940px !important; } .ie8 .wrapcenter, .ie7 .wrapcenter { width: 940px; } #outer-wrap { left: 0; max-width: 100%; min-width: 100%; overflow: hidden; position: absolute; bottom: 0; top: 0; -webkit-overflow-scrolling: touch; -webkit-transition: transform 300ms ease 0s; -moz-transition: transform 300ms ease 0s; -o-transition: transform 300ms ease 0s; transition: transform 300ms ease 0s; } #slider { overflow: hidden; position: relative; width: 100%; margin: 0 auto; max-height: 100%; min-height: 100%; z-index: -1; } #slider:before, #slider:after { content: " "; display: table; } #slider:after { clear: both; } #slider { *zoom: 1; } #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: #FFFFFF; } #slider ul.flex-direction-nav { display: none; } #logo { float: left; height: 68px; margin: 5px 0 0 5px; position: relative; width: 150px; -webkit-transition: -webkit-transform 400ms linear 0s; -moz-transition: -moz-transform 400ms linear 0s; -o-transition: -o-transform 400ms linear 0s; transition: transform 400ms linear 0s; } #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: 220px; height: 97px; margin: 23px 0 25px; } } .lt-ie9 #logo { width: 220px; height: 97px; margin: 23px 0 25px; } .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); } .desktopansicht.scrollpos #logo { height: 58px; margin: 53px 0 0; overflow: hidden; width: 124px; } #header { left: 0; position: absolute; width: 100%; top: 0; z-index: 1; background: #fff; height: 80px; -webkit-transition: background 0.5s linear 0s, top 0.5s linear 0s; -moz-transition: background 0.5s linear 0s, top 0.5s linear 0s; -o-transition: background 0.5s linear 0s, top 0.5s linear 0s; transition: background 0.5s linear 0s, top 0.5s linear 0s; } #header:before, #header:after { content: " "; display: table; } #header:after { clear: both; } #header { *zoom: 1; } .rgba.no-touch #header { background-color: white; background-color: rgba(255, 255, 255, 0.9); } .ie.lt-ie10 .rgba.no-touch #header { background-color: transparent; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#E6FFFFFF,endColorstr=#E6FFFFFF); *zoom: 1; } @media (min-width: 60em) { .rgba.no-touch #header, #header .no-rgba { background: transparent; height: auto; } } .lt-ie9 .rgba.no-touch #header, .lt-ie9 #header .no-rgba { background: transparent; height: auto; } .mobilansicht #header { -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://www.teinachtal.de/fileadmin/templates/css/PIE/PIE-2.0beta1/PIE.php); } .desktopansicht.scrollpos #header { background: #fff; top: -49px; -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://www.teinachtal.de/fileadmin/templates/css/PIE/PIE-2.0beta1/PIE.php); } .rgba.no-touch .desktopansicht.scrollpos #header { background-color: white; background-color: rgba(255, 255, 255, 0.9); } .ie.lt-ie10 .rgba.no-touch .desktopansicht.scrollpos #header { background-color: transparent; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#E6FFFFFF,endColorstr=#E6FFFFFF); *zoom: 1; } .desktopansicht.scrollpos #header #mainMenue { background: transparent; clear: right; } .mobilansicht.open #header { background: transparent; box-shadow: none; } .win .desktopansicht #header { overflow-y: scroll; } #icons { left: 15px; position: absolute; top: 15px; width: 80%; display: none; } @media (min-width: 30em) { #icons { top: 25px; width: auto; } } @media (min-width: 40em) { #icons { top: 33px; } } @media (min-width: 50em) { #icons { top: 33px; } } @media (min-width: 60em) { #icons { left: 0; top: -70px; width: 100%; } } @media (min-width: 75em) { #icons { top: 200px; width: auto; } } .lt-ie9 #icons { top: 200px; width: auto; } .generatedcontent #icons { display: blocK; } @media (min-width: 75em) { .no-touch #icons { position: fixed; top: 200px; } } .lt-ie9 .no-touch #icons { position: fixed; top: 200px; } @media (min-width: 60em) { .home #icons { margin-top: 104px; } } @media (min-width: 75em) { .home #icons { margin-top: 0; } } .lt-ie9 .home #icons { margin-top: 0; } #icons a { -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; width: 50px; height: 50px; display: block; margin: 0 0 0 15px; position: relative; z-index: 1; float: left; } .borderradius #icons a { -webkit-borderright-top-radius: 5px; borderright-top-radius: 5px; background-clip: padding-box; /******************** ACHTUNG WICHTIG !! ********************/ -webkit-borderright-bottom-radius: 5px; borderright-bottom-radius: 5px; background-clip: padding-box; /******************** ACHTUNG WICHTIG !! ********************/ } .spring #icons a, .spring #icons a:hover { background: #6dc100; } .summer #icons a, .summer #icons a:hover { background: #ffcc00; } .autumn #icons a, .autumn #icons a:hover { background: #c81300; } .winter #icons a, .winter #icons a:hover { background: #00baff; } .rgba .spring #icons a { background-color: #6dc100; background-color: rgba(109, 193, 0, 0.7); } .ie.lt-ie10 .rgba .spring #icons a { background-color: transparent; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#B36DC100,endColorstr=#B36DC100); *zoom: 1; } .rgba .spring #icons a:hover { background: #6dc100; } .rgba .summer #icons a { background-color: #ffcc00; background-color: rgba(255, 204, 0, 0.7); } .ie.lt-ie10 .rgba .summer #icons a { background-color: transparent; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#B3FFCC00,endColorstr=#B3FFCC00); *zoom: 1; } .rgba .summer #icons a:hover { background: #ffcc00; } .rgba .autumn #icons a { background-color: #c81300; background-color: rgba(200, 19, 0, 0.7); } .ie.lt-ie10 .rgba .autumn #icons a { background-color: transparent; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#B3C81300,endColorstr=#B3C81300); *zoom: 1; } .rgba .autumn #icons a:hover { background: #c81300; } .rgba .winter #icons a { background-color: #00baff; background-color: rgba(0, 186, 255, 0.7); } .ie.lt-ie10 .rgba .winter #icons a { background-color: transparent; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#B300BAFF,endColorstr=#B300BAFF); *zoom: 1; } .rgba .winter #icons a:hover { background: #00baff; } .no-rgba .open.mobilansicht #icons a { background-color: #fff; } .rgba .open.mobilansicht #icons a { background-color: white; background-color: rgba(255, 255, 255, 0.5); } .ie.lt-ie10 .rgba .open.mobilansicht #icons a { background-color: transparent; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80FFFFFF,endColorstr=#80FFFFFF); *zoom: 1; } @media (min-width: 30em) { #icons a { margin: 15px 0 0; float: none; } } .lt-ie9 #icons a { margin: 15px 0 0; float: none; } @media (min-width: 60em) { #icons a { float: left; margin: 0 0 0 15px; } } @media (min-width: 75em) { #icons a { margin: 15px 0 0; float: none; } } .lt-ie9 #icons a { margin: 15px 0 0; float: none; } #icons a:first-child, #icons a:first-of-type { margin-left: 0; margin-top: 0; } #icons a#fb:before { font-size: 24pt; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; content: "\f09a"; position: absolute; left: 17px; top: 5px; color: #fff; } .csstransforms.csstransitions #icons a#fb:before { left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } #icons a#webcam:before { content: ""; background: url("../img/webcam-icon.png") no-repeat; width: 33px; height: 33px; position: absolute; left: 17px; top: 5px; } .csstransforms.csstransitions #icons a#webcam:before { left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } #icons a#multi:before, #icons a#urlaubspost:before { font-size: 22pt; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; content: "\f129"; position: absolute; color: #fff; left: 8px; top: 5px; } .csstransforms.csstransitions #icons a#multi:before, .csstransforms.csstransitions #icons a#urlaubspost:before { left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } #icons a#urlaubspost:before { font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; content: "\f129"; } #icons a#room:before { font-size: 19pt; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; content: "\f236"; position: absolute; color: #fff; left: 10px; top: 9px; } .csstransforms.csstransitions #icons a#room:before { left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } #icons a#wheather:before { font-size: 27pt; font-family: 'MeteoconsRegular'; font-style: normal; font-weight: normal; text-decoration: inherit; content: "B"; position: absolute; color: #fff; left: 5px; top: 5px; } .csstransforms.csstransitions #icons a#wheather:before { left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } #icons a:hover:before { -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -o-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3); } .sprachen { left: 0; position: absolute; top: 85px; width: 164px; height: 50px; overflow: hidden; /*++++++ bei Bedarf einblenden ++++++++*/ display: none; -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; } @media (min-width: 30em) { .sprachen { position: absolute; right: 0px; top: 21px; width: 114px; left: auto; height: 200px; } } @media (min-width: 60em) { .sprachen { height: 50px; left: auto; position: absolute; right: 0; top: 129px; width: 114px; } } .lt-ie9 .sprachen { height: 50px; left: auto; position: absolute; right: 0; top: 129px; width: 114px; } @media (min-width: 75em) { .sprachen { left: 0; position: absolute; top: 295px; width: 164px; right: auto; height: 200px; } } @media (min-width: 64em) { .no-touch .home .sprachen { position: fixed; } } .lt-ie9 .no-touch .home .sprachen { position: fixed; } @media (min-width: 75em) { .no-touch .sprachen { position: fixed; } } .lt-ie9 .no-touch .sprachen { position: fixed; } .sprachen #now { color: #FFFFFF; height: 50px; left: 0; line-height: 50px; position: absolute; text-align: center; top: 0; width: 114px; cursor: pointer; cursor: hand; z-index: 2; } @media (min-width: 30em) { .sprachen #now { display: none; } } @media (min-width: 60em) { .sprachen #now { display: block; } } .lt-ie9 .sprachen #now { display: block; } @media (min-width: 75em) { .sprachen #now { display: none; } } .sprachen #now span:before { font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; content: "\f0d7"; display: inline-block; padding: 1px 0px 0 5px; } .spring .sprachen #now { background: #6dc100; } .summer .sprachen #now { background: #ffcc00; } .autumn .sprachen #now { background: #c81300; } .winter .sprachen #now { background: #00baff; } .no-touch .sprachen:hover, .sprachen_offen .sprachen { height: 200px; } .no-touch .sprachen:hover #now, .sprachen_offen .sprachen #now { display: none; } .sprachen_offen .sprachen, .no-js .sprachen { height: 200px; } .sprachen_offen .sprachen #now, .no-js .sprachen #now { display: none; } .sprachen ul { list-style-type: none; } .sprachen ul li { height: 50px; } .sprachen ul li span { width: 0; overflow: hidden; display: none; height: 50px; line-height: 50px; color: #fff; text-align: center; -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; } @media (min-width: 75em) { .sprachen ul li span { display: inline-block; } } .lt-ie9 .sprachen ul li span { display: inline-block; } .spring .sprachen ul li span { background: #6dc100; } .summer .sprachen ul li span { background: #ffcc00; } .autumn .sprachen ul li span { background: #c81300; } .winter .sprachen ul li span { background: #00baff; } .rgba .spring .sprachen ul li span { background-color: #6dc100; background-color: rgba(109, 193, 0, 0.9); } .ie.lt-ie10 .rgba .spring .sprachen ul li span { background-color: transparent; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#E66DC100,endColorstr=#E66DC100); *zoom: 1; } .rgba .spring .sprachen ul li span:hover { background: #6dc100; } .rgba .summer .sprachen ul li span { background-color: #ffcc00; background-color: rgba(255, 204, 0, 0.9); } .ie.lt-ie10 .rgba .summer .sprachen ul li span { background-color: transparent; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#E6FFCC00,endColorstr=#E6FFCC00); *zoom: 1; } .rgba .summer .sprachen ul li span:hover { background: #ffcc00; } .rgba .autumn .sprachen ul li span { background-color: #c81300; background-color: rgba(200, 19, 0, 0.9); } .ie.lt-ie10 .rgba .autumn .sprachen ul li span { background-color: transparent; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#E6C81300,endColorstr=#E6C81300); *zoom: 1; } .rgba .autumn .sprachen ul li span:hover { background: #c81300; } .rgba .winter .sprachen ul li span { background-color: #00baff; background-color: rgba(0, 186, 255, 0.9); } .ie.lt-ie10 .rgba .winter .sprachen ul li span { background-color: transparent; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#E600BAFF,endColorstr=#E600BAFF); *zoom: 1; } .rgba .winter .sprachen ul li span:hover { background: #00baff; } .sprachen ul li.act span, .sprachen ul li:hover span { width: 50px; overflow: hidden; } .sprachen ul li.act a, .sprachen ul li:hover a { text-decoration: underline; } .sprachen ul li.act a:before, .sprachen ul li:hover a:before { -webkit-transform: translate(0%, 0%); -moz-transform: translate(0%, 0%); -o-transform: translate(0%, 0%); -ms-transform: translate(0%, 0%); transform: translate(0%, 0%); } .sprachen a { text-transform: uppercase; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; color: #fff !important; line-height: 50px; padding: 0 0 0 18px; width: 114px; height: 50px; display: block; position: relative; z-index: 1; float: left; } .sprachen a:hover { color: #fff; } .spring .sprachen a { background: #6dc100; } .summer .sprachen a { background: #ffcc00; } .autumn .sprachen a { background: #c81300; } .winter .sprachen a { background: #00baff; } .rgba .spring .sprachen a { background-color: #6dc100; background-color: rgba(109, 193, 0, 0.9); } .ie.lt-ie10 .rgba .spring .sprachen a { background-color: transparent; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#E66DC100,endColorstr=#E66DC100); *zoom: 1; } .rgba .summer .sprachen a { background-color: #ffcc00; background-color: rgba(255, 204, 0, 0.9); } .ie.lt-ie10 .rgba .summer .sprachen a { background-color: transparent; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#E6FFCC00,endColorstr=#E6FFCC00); *zoom: 1; } .rgba .autumn .sprachen a { background-color: #c81300; background-color: rgba(200, 19, 0, 0.9); } .ie.lt-ie10 .rgba .autumn .sprachen a { background-color: transparent; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#E6C81300,endColorstr=#E6C81300); *zoom: 1; } .rgba .winter .sprachen a { background-color: #00baff; background-color: rgba(0, 186, 255, 0.9); } .ie.lt-ie10 .rgba .winter .sprachen a { background-color: transparent; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#E600BAFF,endColorstr=#E600BAFF); *zoom: 1; } .no-rgba .open.mobilansicht .sprachen a { background-color: #fff; } .rgba .open.mobilansicht .sprachen a { background-color: white; background-color: rgba(255, 255, 255, 0.5); } .ie.lt-ie10 .rgba .open.mobilansicht .sprachen a { background-color: transparent; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80FFFFFF,endColorstr=#80FFFFFF); *zoom: 1; } .sprachen a:first-child, .sprachen a:first-of-type { margin-left: 0; margin-top: 0; } #footer { height: 54px; padding: 0 10px; left: 0; right: 0; bottom: 0; position: absolute; background-color: #fff; border-top: 2px solid #e3e3e3; z-index: 1; -webkit-overflow-scrolling: touch; -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://www.teinachtal.de/fileadmin/templates/css/PIE/PIE-2.0beta1/PIE.php); -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; } .mobilansicht.open #footer { -webkit-transition: transform 300ms ease 0s; -moz-transition: transform 300ms ease 0s; -o-transition: transform 300ms ease 0s; transition: transform 300ms ease 0s; -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) { .mobilansicht.open #footer { -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 #footer { -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); } #footer .telefonnummer: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 #footer .telefonnummer:before { color: #6dc100; } .summer #footer .telefonnummer:before { color: #ffcc00; } .autumn #footer .telefonnummer:before { color: #c81300; } .winter #footer .telefonnummer:before { color: #00baff; } #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; } .spring #footer .faxnummer:before { color: #6dc100; } .summer #footer .faxnummer:before { color: #ffcc00; } .autumn #footer .faxnummer:before { color: #c81300; } .winter #footer .faxnummer:before { color: #00baff; } #footer:before, #footer:after { content: " "; display: table; } #footer:after { clear: both; } #footer { *zoom: 1; } @media (min-width: 60em) { #footer { padding: 0; height: 50px; } } .lt-ie9 #footer { padding: 0; height: 50px; } #footer div.csc-textpic-imagecolumn, #footer td.csc-textpic-imagecolumn .csc-textpic-image { margin-right: 30px; } #footer h2 { color: #3F3F3F; font-size: 19px; font-weight: normal; padding: 0 0 10px; position: relative; text-transform: uppercase; } #footer #imprint { display: block; float: left; clear: left; } #footer #imprint a { color: #3F3F3F; font-size: 16px; } @media (min-width: 60em) { #footer #openhours { float: left; width: 63%; } } .lt-ie9 #footer #openhours { float: left; width: 63%; } #footer #openhours p { margin-top: 14px; } #footer #openhours p:first-child, #footer #openhours p:first-of-type { margin-top: 0; } #footer #openhours .csc-textpic-imagewrap { display: none; margin: 0 20px 20px 0; } @media (min-width: 30em) { #footer #openhours .csc-textpic-imagewrap { display: block; width: 220px; } } .lt-ie9 #footer #openhours .csc-textpic-imagewrap { display: block; width: 220px; } #footer #openhours .csc-textpic-imagewrap[data-csc-cols="1"] div[class^="csc-textpic"], #footer #openhours .csc-textpic-imagewrap[data-csc-cols="1"] figure, #footer #openhours .csc-textpic-imagewrap[data-csc-cols="1"] img { width: 100%; padding: 0; border: none; } #footer #form { margin: 15px 0 0; } #footer #form:before, #footer #form:after { content: " "; display: table; } #footer #form:after { clear: both; } #footer #form { *zoom: 1; } @media (min-width: 60em) { #footer #form { float: right; width: 35%; margin: 0 0 20px 0; } } .lt-ie9 #footer #form { float: right; width: 35%; margin: 0 0 20px 0; } #footer #form ol li { list-style: none; } @media (min-width: 60em) { #footer #form .csc-form-element-textline { float: right; width: 48%; } } .lt-ie9 #footer #form .csc-form-element-textline { float: right; width: 48%; } @media (min-width: 60em) { #footer #form .csc-form-element-textline:first-child { float: left; } } .lt-ie9 #footer #form .csc-form-element-textline:first-child { float: left; } #footer #form .csc-form-element-textarea { margin: 10px 0; } @media (min-width: 60em) { #footer #form .csc-form-element-textarea { width: 100%; overflow: hidden; clear: both; float: left; } } .lt-ie9 #footer #form .csc-form-element-textarea { width: 100%; overflow: hidden; clear: both; float: left; } #footer #form .csc-form-element-checkbox { margin: 0; position: relative; } @media (min-width: 60em) { #footer #form .csc-form-element-checkbox { width: 100%; overflow: hidden; clear: both; float: left; } } .lt-ie9 #footer #form .csc-form-element-checkbox { width: 100%; overflow: hidden; clear: both; float: left; } #footer #form .csc-form-element-checkbox label { float: right; margin-left: 0px; width: calc(100% - 25px); margin-right: 0; } #footer #form .csc-form-element-checkbox input[type="checkbox"] { float: left; position: absolute; top: 3px; left: 0; width: auto; } #footer #form .csc-form-element-textblock { padding-left: 25px; width: 100%; clear: both; margin-bottom: 15px; } #footer #form .csc-form-element-textblock .check_agreement_show_more { display: block; text-align: center; text-decoration: underline; cursor: pointer; } #footer #form .csc-form-element-textblock .check_agreement_more { display: none; } #footer #form .csc-form-element-textblock .check_agreement_more a { text-decoration: underline; } #footer #form .csc-form-element-textblock .check_agreement_show_less { display: none; text-align: center; text-decoration: underline; cursor: pointer; } #footer #form .csc-form-element-textblock.open .check_agreement_show_more { display: none; } #footer #form .csc-form-element-textblock.open .check_agreement_more { display: block; } #footer #form .csc-form-element-textblock.open .check_agreement_show_less { display: block; } @media (min-width: 60em) { #footer #form .csc-form-element-submit { width: 100%; overflow: hidden; clear: both; float: left; } } .lt-ie9 #footer #form .csc-form-element-submit { width: 100%; overflow: hidden; clear: both; float: left; } #footer #form input, #footer #form textarea { line-height: normal; width: 100%; border: 1px solid #e1e1e1; background: #fff; padding: 5px; } #footer #form div.csc-mailform li label { float: left; margin-right: 0; vertical-align: baseline; width: 100%; } #footer #form input[type="submit"], #footer #form input[type="reset"], #footer #form .descriptionOpenCloseBlock, #footer #form .outlook { border: none; color: #ffffff; cursor: pointer; padding: 5px 10px; float: right; background: #3f3f3f; padding: 3px 8px; } .spring #footer #form input[type="submit"], .spring #footer #form input[type="reset"], .spring #footer #form .descriptionOpenCloseBlock, .spring #footer #form .outlook { background: #6dc100; } .summer #footer #form input[type="submit"], .summer #footer #form input[type="reset"], .summer #footer #form .descriptionOpenCloseBlock, .summer #footer #form .outlook { background: #ffcc00; } .autumn #footer #form input[type="submit"], .autumn #footer #form input[type="reset"], .autumn #footer #form .descriptionOpenCloseBlock, .autumn #footer #form .outlook { background: #c81300; } .winter #footer #form input[type="submit"], .winter #footer #form input[type="reset"], .winter #footer #form .descriptionOpenCloseBlock, .winter #footer #form .outlook { background: #00baff; } #footer #form input[type="submit"]:hover, #footer #form input[type="reset"]:hover, #footer #form .descriptionOpenCloseBlock:hover, #footer #form .outlook:hover { color: #ffffff; background: #262626; border: none; } .spring #footer #form input[type="submit"]:hover, .spring #footer #form input[type="reset"]:hover, .spring #footer #form .descriptionOpenCloseBlock:hover, .spring #footer #form .outlook:hover { background: #508e00; } .summer #footer #form input[type="submit"]:hover, .summer #footer #form input[type="reset"]:hover, .summer #footer #form .descriptionOpenCloseBlock:hover, .summer #footer #form .outlook:hover { background: #cca300; } .autumn #footer #form input[type="submit"]:hover, .autumn #footer #form input[type="reset"]:hover, .autumn #footer #form .descriptionOpenCloseBlock:hover, .autumn #footer #form .outlook:hover { background: #950e00; } .winter #footer #form input[type="submit"]:hover, .winter #footer #form input[type="reset"]:hover, .winter #footer #form .descriptionOpenCloseBlock:hover, .winter #footer #form .outlook:hover { background: #0095cc; } #footer #form .csc-form-5.csc-form-element.csc-form-element-submit { clear: both; margin: 15px 0 0; } #footer #form label em, #footer #form legend em { color: deeppink; display: inline; font-size: 85%; font-style: normal; text-transform: normal; } #footer #sponsor { width: auto; overflow: hidden; padding: 40px 20px 0 0; } @media (min-width: 60em) { #footer #sponsor { float: left; } } .lt-ie9 #footer #sponsor { float: left; } #footer #sponsor div.csc-textpic-imagecolumn, #footer #sponsor td.csc-textpic-imagecolumn .csc-textpic-image { margin-right: 30px; margin-bottom: 30px; } #footer address { font-size: 14px; font-style: normal; padding: 10px 35px 0 0; } #footer .footercontent { padding: 30px 0 0; -webkit-transform: translate(-300%, 0%); -moz-transform: translate(-300%, 0%); -o-transform: translate(-300%, 0%); -ms-transform: translate(-300%, 0%); transform: translate(-300%, 0%); -webkit-transition: -webkit-transform 400ms linear 0s; -moz-transition: -moz-transform 400ms linear 0s; -o-transition: -o-transform 400ms linear 0s; transition: transform 400ms linear 0s; overflow: hidden; color: #555555; } #footer .footercontent .line { border-top: 1px solid #dadada; border-bottom: 1px solid #ffffff; width: 100%; margin: 15px 0; } #footer .footercontent ul { list-style-type: none; } #footer .footercontent li { padding: 0 0 6px 0; } @media (min-width: 30em) { #footer .footercontent li { padding: 0 0 0 0; } } .lt-ie9 #footer .footercontent li { padding: 0 0 0 0; } #footer .footercontent li b { font-size: 16px; padding: 0 0 5px; } @media (min-width: 30em) { #footer .footercontent li b { font-size: 14px; padding: 0 0 5px; } } .lt-ie9 #footer .footercontent li b { font-size: 14px; padding: 0 0 5px; } #footer.open { height: 490px; overflow-y: scroll; background: #f2f2f2; } @media (min-width: 60em) { #footer.open { height: 490px; } } .lt-ie9 #footer.open { height: 490px; } .mobilansicht #footer.open { height: 190px; } #footer.open .footercontent { height: 100%; -webkit-transform: translate(0%, 0%); -moz-transform: translate(0%, 0%); -o-transform: translate(0%, 0%); -ms-transform: translate(0%, 0%); transform: translate(0%, 0%); } .no-js #footer { height: 290px; overflow-y: scroll; } .no-js #footer .footercontent { height: 100%; -webkit-transform: translate(0%, 0%); -moz-transform: translate(0%, 0%); -o-transform: translate(0%, 0%); -ms-transform: translate(0%, 0%); transform: translate(0%, 0%); } #footer .wrapcenter { position: relative; } .mobilansicht.open #inner-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://www.teinachtal.de/fileadmin/templates/css/PIE/PIE-2.0beta1/PIE.php); } @media (min-width: 40em) { .mobilansicht.open #inner-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 #inner-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 { overflow-y: scroll; position: absolute; bottom: 50px; -webkit-overflow-scrolling: touch; z-index: 1; top: 80px; width: 100%; left: 0; right: auto; } @media (min-width: 60em) { #inner-wrap { top: 0px; padding: 0; z-index: 0; } .spring #inner-wrap { background: url(../img/welle_fruehling02.png) right bottom no-repeat; } .summer #inner-wrap { background: url(../img/welle_sommer02.png) right bottom no-repeat; } .autumn #inner-wrap { background: url(../img/welle_herbst02.png) right bottom no-repeat; } .winter #inner-wrap { background: url(../img/welle_winter02.png) right bottom no-repeat; } } .lt-ie9 #inner-wrap { top: 0px; padding: 0; z-index: 0; } .spring .lt-ie9 #inner-wrap { background: url(../img/welle_fruehling02.png) right bottom no-repeat; } .summer .lt-ie9 #inner-wrap { background: url(../img/welle_sommer02.png) right bottom no-repeat; } .autumn .lt-ie9 #inner-wrap { background: url(../img/welle_herbst02.png) right bottom no-repeat; } .winter .lt-ie9 #inner-wrap { background: url(../img/welle_winter02.png) right bottom no-repeat; } .scrollpos #inner-wrap { top: 0px; } .scrollpos.mobilansicht #inner-wrap { top: 80px; } @media (min-width: 120em) { body.teinachtal #inner-wrap { background-size: 100% auto; } } .suchbereich:before, .suchbereich:after { content: " "; display: table; } .suchbereich:after { clear: both; } .suchbereich { *zoom: 1; } .desktopansicht #mainMenue .suchbereich { display: none; } .mobilansicht #header .suchbereich.show { display: none; } .no-js #header .suchbereich.show { display: none; } @media (min-width: 60em) { .no-js #header .suchbereich.show { display: block; } } .lt-ie9 .no-js #header .suchbereich.show { display: block; } .desktopansicht .suchbereich.show { float: right; margin: 7px 0 15px; } .mobilansicht #header .suchbereich { margin: 0px 0 0; position: absolute; left: 10px; bottom: 2px; right: 10px; } .suchbereich .suche { border: medium none; color: #363636; padding: 5px 10px; -webkit-border-radius: 0; border-radius: 0; background-clip: padding-box; /******************** ACHTUNG WICHTIG !! ********************/ } .mobilansicht #header .suchbereich .suche { width: 100%; } .suchbereich .bereich2 { float: left; } .mobilansicht #header .suchbereich .bereich2 { width: 10%; } @media (min-width: 30em) { .mobilansicht #header .suchbereich .bereich2 { width: 20%; } } .suchbereich .bereich1 { float: right; } .mobilansicht #header .suchbereich .bereich1 { width: 90%; } @media (min-width: 30em) { .mobilansicht #header .suchbereich .bereich1 { width: 80%; } } .suchbereich .sucheAbsenden { border: medium none; height: 31px; width: 31px; position: relative; top: -2px; } .mobilansicht #header .suchbereich .sucheAbsenden { width: 100%; } .spring .suchbereich .sucheAbsenden { background: #6dc100; } .summer .suchbereich .sucheAbsenden { background: #ffcc00; } .autumn .suchbereich .sucheAbsenden { background: #c81300; } .winter .suchbereich .sucheAbsenden { background: #00baff; } .suchbereich .sucheAbsenden:after { font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; content: "\f002"; font-weight: normal; font-size: 18px; color: #fff; position: absolute; right: 50%; -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); bottom: 3px; color: #fff; } #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); } .desktopansicht #mainMenue { border: 1px solid #cfcfcf; } .desktopansicht.scrollpos #mainMenue { border: 1px solid transparent; } .js #mainMenue { overflow: hidden; } .desktopansicht #mainMenue { background-color: #fff; -webkit-border-radius: 5px; border-radius: 5px; background-clip: padding-box; /******************** ACHTUNG WICHTIG !! ********************/ width: 100%; } .rgba .desktopansicht #mainMenue { background-color: white; background-color: rgba(255, 255, 255, 0.9); } .ie.lt-ie10 .rgba .desktopansicht #mainMenue { background-color: transparent; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#E6FFFFFF,endColorstr=#E6FFFFFF); *zoom: 1; } .mobilansicht #mainMenue h2 { display: none; } @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; } .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: #717171; } .no-js .spring #mainMenue #nav li li a:hover { color: #fff !important; background-color: #6dc100; } .no-js .summer #mainMenue #nav li li a:hover { color: #fff !important; background-color: #ffcc00; } .no-js .autumn #mainMenue #nav li li a:hover { color: #fff !important; background-color: #c81300; } .no-js .winter #mainMenue #nav li li a:hover { color: #fff !important; background-color: #00baff; } @media (min-width: 60em) { #mainMenue #nav li { color: #3f3f3f; float: left; list-style: none; position: relative; width: auto; padding: 0 11px; } } .lt-ie9 #mainMenue #nav li { color: #3f3f3f; float: left; list-style: none; position: relative; width: auto; padding: 0 11px; } .desktopansicht #mainMenue #nav li a:after { background: none repeat scroll 0 0 #969696; content: ""; height: 20px; position: absolute; right: -12px; top: 18px; width: 1px; } @media (min-width: 60em) { #mainMenue #nav li a { display: block; font-size: 15px; font-weight: normal; padding: 17px 9px; text-decoration: none; text-align: center; position: relative; } } .lt-ie9 #mainMenue #nav li a { display: block; font-size: 15px; font-weight: normal; padding: 17px 9px; text-decoration: none; text-align: center; position: relative; } #mainMenue #nav li a.act, #mainMenue #nav li a:hover { color: #3f3f3f; text-decoration: underline; } .mobilansicht.open.spring #mainMenue #nav li a.act, .mobilansicht.open.spring #mainMenue #nav li a:hover { color: #6dc100; } .mobilansicht.open.summer #mainMenue #nav li a.act, .mobilansicht.open.summer #mainMenue #nav li a:hover { color: #ffcc00; } .mobilansicht.open.autumn #mainMenue #nav li a.act, .mobilansicht.open.autumn #mainMenue #nav li a:hover { color: #c81300; } .mobilansicht.open.winter #mainMenue #nav li a.act, .mobilansicht.open.winter #mainMenue #nav li a:hover { color: #00baff; } #mainMenue #nav li.hover a { color: #3f3f3f; text-decoration: underline; } .js #mainMenue #nav li.submenue.act ul ul ul { padding: 0 0 0 20px; } @media (min-width: 60em) { .no-js #mainMenue #nav li:hover div { display: block; left: 0; position: absolute; top: 55px; } } .lt-ie9 .no-js #mainMenue #nav li:hover div { display: block; left: 0; position: absolute; top: 55px; } @media (min-width: 60em) { .no-js #mainMenue #nav li:hover div ul.menueebene2 li.menueebene2, .no-js #mainMenue #nav li:hover div ul.menueebene2 li.menueebene3, .no-js #mainMenue #nav li:hover div ul.menueebene3 li.menueebene2, .no-js #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; } .ie.lt-ie10 .no-js #mainMenue #nav li:hover div ul.menueebene2 li.menueebene2, .ie.lt-ie10 .no-js #mainMenue #nav li:hover div ul.menueebene2 li.menueebene3, .ie.lt-ie10 .no-js #mainMenue #nav li:hover div ul.menueebene3 li.menueebene2, .ie.lt-ie10 .no-js #mainMenue #nav li:hover div ul.menueebene3 li.menueebene3 { background-color: transparent; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#E6FFFFFF,endColorstr=#E6FFFFFF); *zoom: 1; } } .lt-ie9 .no-js #mainMenue #nav li:hover div ul.menueebene2 li.menueebene2, .lt-ie9 .no-js #mainMenue #nav li:hover div ul.menueebene2 li.menueebene3, .lt-ie9 .no-js #mainMenue #nav li:hover div ul.menueebene3 li.menueebene2, .lt-ie9 .no-js #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; } .ie.lt-ie10 .lt-ie9 .no-js #mainMenue #nav li:hover div ul.menueebene2 li.menueebene2, .ie.lt-ie10 .lt-ie9 .no-js #mainMenue #nav li:hover div ul.menueebene2 li.menueebene3, .ie.lt-ie10 .lt-ie9 .no-js #mainMenue #nav li:hover div ul.menueebene3 li.menueebene2, .ie.lt-ie10 .lt-ie9 .no-js #mainMenue #nav li:hover div ul.menueebene3 li.menueebene3 { background-color: transparent; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#E6FFFFFF,endColorstr=#E6FFFFFF); *zoom: 1; } @media (min-width: 60em) { .no-js #mainMenue #nav li:hover div ul.menueebene2 li.menueebene2 a, .no-js #mainMenue #nav li:hover div ul.menueebene2 li.menueebene3 a, .no-js #mainMenue #nav li:hover div ul.menueebene3 li.menueebene2 a, .no-js #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 .no-js #mainMenue #nav li:hover div ul.menueebene2 li.menueebene2 a, .lt-ie9 .no-js #mainMenue #nav li:hover div ul.menueebene2 li.menueebene3 a, .lt-ie9 .no-js #mainMenue #nav li:hover div ul.menueebene3 li.menueebene2 a, .lt-ie9 .no-js #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) { .no-js #mainMenue #nav li:hover div ul.menueebene2 li.menueebene2 div, .no-js #mainMenue #nav li:hover div ul.menueebene2 li.menueebene3 div, .no-js #mainMenue #nav li:hover div ul.menueebene3 li.menueebene2 div, .no-js #mainMenue #nav li:hover div ul.menueebene3 li.menueebene3 div { display: none; left: 100%; position: absolute; top: 0; } } .lt-ie9 .no-js #mainMenue #nav li:hover div ul.menueebene2 li.menueebene2 div, .lt-ie9 .no-js #mainMenue #nav li:hover div ul.menueebene2 li.menueebene3 div, .lt-ie9 .no-js #mainMenue #nav li:hover div ul.menueebene3 li.menueebene2 div, .lt-ie9 .no-js #mainMenue #nav li:hover div ul.menueebene3 li.menueebene3 div { display: none; left: 100%; position: absolute; top: 0; } @media (min-width: 60em) { .no-js #mainMenue #nav li:hover div ul.menueebene2 li.menueebene2 div ul.menueebene3 li.menueebene3, .no-js #mainMenue #nav li:hover div ul.menueebene2 li.menueebene3 div ul.menueebene3 li.menueebene3, .no-js #mainMenue #nav li:hover div ul.menueebene3 li.menueebene2 div ul.menueebene3 li.menueebene3, .no-js #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; } .ie.lt-ie10 .no-js #mainMenue #nav li:hover div ul.menueebene2 li.menueebene2 div ul.menueebene3 li.menueebene3, .ie.lt-ie10 .no-js #mainMenue #nav li:hover div ul.menueebene2 li.menueebene3 div ul.menueebene3 li.menueebene3, .ie.lt-ie10 .no-js #mainMenue #nav li:hover div ul.menueebene3 li.menueebene2 div ul.menueebene3 li.menueebene3, .ie.lt-ie10 .no-js #mainMenue #nav li:hover div ul.menueebene3 li.menueebene3 div ul.menueebene3 li.menueebene3 { background-color: transparent; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#E6FFFFFF,endColorstr=#E6FFFFFF); *zoom: 1; } } .lt-ie9 .no-js #mainMenue #nav li:hover div ul.menueebene2 li.menueebene2 div ul.menueebene3 li.menueebene3, .lt-ie9 .no-js #mainMenue #nav li:hover div ul.menueebene2 li.menueebene3 div ul.menueebene3 li.menueebene3, .lt-ie9 .no-js #mainMenue #nav li:hover div ul.menueebene3 li.menueebene2 div ul.menueebene3 li.menueebene3, .lt-ie9 .no-js #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; } .ie.lt-ie10 .lt-ie9 .no-js #mainMenue #nav li:hover div ul.menueebene2 li.menueebene2 div ul.menueebene3 li.menueebene3, .ie.lt-ie10 .lt-ie9 .no-js #mainMenue #nav li:hover div ul.menueebene2 li.menueebene3 div ul.menueebene3 li.menueebene3, .ie.lt-ie10 .lt-ie9 .no-js #mainMenue #nav li:hover div ul.menueebene3 li.menueebene2 div ul.menueebene3 li.menueebene3, .ie.lt-ie10 .lt-ie9 .no-js #mainMenue #nav li:hover div ul.menueebene3 li.menueebene3 div ul.menueebene3 li.menueebene3 { background-color: transparent; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#E6FFFFFF,endColorstr=#E6FFFFFF); *zoom: 1; } @media (min-width: 60em) { .no-js #mainMenue #nav li:hover div ul.menueebene2 li.menueebene2 div ul.menueebene3 li.menueebene3 a, .no-js #mainMenue #nav li:hover div ul.menueebene2 li.menueebene3 div ul.menueebene3 li.menueebene3 a, .no-js #mainMenue #nav li:hover div ul.menueebene3 li.menueebene2 div ul.menueebene3 li.menueebene3 a, .no-js #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 .no-js #mainMenue #nav li:hover div ul.menueebene2 li.menueebene2 div ul.menueebene3 li.menueebene3 a, .lt-ie9 .no-js #mainMenue #nav li:hover div ul.menueebene2 li.menueebene3 div ul.menueebene3 li.menueebene3 a, .lt-ie9 .no-js #mainMenue #nav li:hover div ul.menueebene3 li.menueebene2 div ul.menueebene3 li.menueebene3 a, .lt-ie9 .no-js #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) { .no-js #mainMenue #nav li:hover div ul.menueebene2 li.menueebene2 div ul.menueebene3 li.menueebene3 div, .no-js #mainMenue #nav li:hover div ul.menueebene2 li.menueebene3 div ul.menueebene3 li.menueebene3 div, .no-js #mainMenue #nav li:hover div ul.menueebene3 li.menueebene2 div ul.menueebene3 li.menueebene3 div, .no-js #mainMenue #nav li:hover div ul.menueebene3 li.menueebene3 div ul.menueebene3 li.menueebene3 div { display: none; } } .lt-ie9 .no-js #mainMenue #nav li:hover div ul.menueebene2 li.menueebene2 div ul.menueebene3 li.menueebene3 div, .lt-ie9 .no-js #mainMenue #nav li:hover div ul.menueebene2 li.menueebene3 div ul.menueebene3 li.menueebene3 div, .lt-ie9 .no-js #mainMenue #nav li:hover div ul.menueebene3 li.menueebene2 div ul.menueebene3 li.menueebene3 div, .lt-ie9 .no-js #mainMenue #nav li:hover div ul.menueebene3 li.menueebene3 div ul.menueebene3 li.menueebene3 div { display: none; } @media (min-width: 60em) { .no-js #mainMenue #nav li:hover div ul.menueebene2 li.menueebene2:hover div, .no-js #mainMenue #nav li:hover div ul.menueebene2 li.menueebene3:hover div, .no-js #mainMenue #nav li:hover div ul.menueebene3 li.menueebene2:hover div, .no-js #mainMenue #nav li:hover div ul.menueebene3 li.menueebene3:hover div { display: block; } } .lt-ie9 .no-js #mainMenue #nav li:hover div ul.menueebene2 li.menueebene2:hover div, .lt-ie9 .no-js #mainMenue #nav li:hover div ul.menueebene2 li.menueebene3:hover div, .lt-ie9 .no-js #mainMenue #nav li:hover div ul.menueebene3 li.menueebene2:hover div, .lt-ie9 .no-js #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) { .no-js #mainMenue #nav li.menueebene1:last-of-type:hover div { display: block; left: auto !important; right: -24px !important; } } .lt-ie9 .no-js #mainMenue #nav li.menueebene1:last-of-type:hover div { display: block; left: auto !important; right: -24px !important; } @media (min-width: 60em) { .no-js #mainMenue #nav li.menueebene1:last-of-type li:hover div { display: block; left: -100% !important; right: 0 !important; } } .lt-ie9 .no-js #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 { -moz-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } #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 #menuDivSlideContent > ul { float: left; width: 100%; margin: 0; padding: 0 10px 10px 10px; } #mainMenue #menuDivSlide #menuDivSlideContent > ul > li { list-style-type: none; position: relative; width: 22.5%; margin: 0 0 0 2.5%; z-index: 10; float: left; } #mainMenue #menuDivSlide #menuDivSlideContent > ul > li:first-child { margin: 0; } .spring #mainMenue #menuDivSlide #menuDivSlideContent > ul > li.act > a { color: #508e00; } .summer #mainMenue #menuDivSlide #menuDivSlideContent > ul > li.act > a { color: #cca300; } .autumn #mainMenue #menuDivSlide #menuDivSlideContent > ul > li.act > a { color: #950e00; } .winter #mainMenue #menuDivSlide #menuDivSlideContent > ul > li.act > a { color: #0095cc; } #mainMenue #menuDivSlide #menuDivSlideContent > ul > li > a { color: #3f3f3f; display: block; float: left; letter-spacing: 0; margin: 3px 15px 6px 0 !important; padding: 5px 8px 0px 0; text-align: left; width: 90% !important; font-size: 16px; 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; font-weight: normal; position: relative; } .spring #mainMenue #menuDivSlide #menuDivSlideContent > ul > li > a { border-bottom: 1px solid #6dc100; } .summer #mainMenue #menuDivSlide #menuDivSlideContent > ul > li > a { border-bottom: 1px solid #ffcc00; } .autumn #mainMenue #menuDivSlide #menuDivSlideContent > ul > li > a { border-bottom: 1px solid #c81300; } .winter #mainMenue #menuDivSlide #menuDivSlideContent > ul > li > a { border-bottom: 1px solid #00baff; } .spring #mainMenue #menuDivSlide #menuDivSlideContent > ul > li > a.act { color: #508e00; } .summer #mainMenue #menuDivSlide #menuDivSlideContent > ul > li > a.act { color: #cca300; } .autumn #mainMenue #menuDivSlide #menuDivSlideContent > ul > li > a.act { color: #950e00; } .winter #mainMenue #menuDivSlide #menuDivSlideContent > ul > li > a.act { color: #0095cc; } #mainMenue #menuDivSlide #menuDivSlideContent > ul > li .menueebene3 { height: auto !important; } #mainMenue #menuDivSlide #menuDivSlideContent > ul li li { list-style-type: none; position: relative; float: left; width: 100%; } #mainMenue #menuDivSlide #menuDivSlideContent > ul li li:before, #mainMenue #menuDivSlide #menuDivSlideContent > ul li li:after { content: " "; display: table; } #mainMenue #menuDivSlide #menuDivSlideContent > ul li li:after { clear: both; } #mainMenue #menuDivSlide #menuDivSlideContent > ul li li { *zoom: 1; } #mainMenue #menuDivSlide #menuDivSlideContent > ul li li a { margin: 0 0 0 0px !important; font-size: 15px; border: none; } .spring #mainMenue #menuDivSlide #menuDivSlideContent > ul li li a.act { color: #508e00; } .summer #mainMenue #menuDivSlide #menuDivSlideContent > ul li li a.act { color: #cca300; } .autumn #mainMenue #menuDivSlide #menuDivSlideContent > ul li li a.act { color: #950e00; } .winter #mainMenue #menuDivSlide #menuDivSlideContent > ul li li a.act { color: #0095cc; } #mainMenue #menuDivSlide #menuDivSlideContent > ul li li li { list-style-type: none; position: relative; margin-left: 10px; float: left; width: 100%; } #mainMenue #menuDivSlide #menuDivSlideContent > ul li li li:before, #mainMenue #menuDivSlide #menuDivSlideContent > ul li li li:after { content: " "; display: table; } #mainMenue #menuDivSlide #menuDivSlideContent > ul li li li:after { clear: both; } #mainMenue #menuDivSlide #menuDivSlideContent > ul li li li { *zoom: 1; } #mainMenue #menuDivSlide #menuDivSlideContent > ul li li li:before { font-size: 13px; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; content: "\f0da"; position: absolute; left: -10px; top: 4px; color: #999; } #mainMenue #menuDivSlide #menuDivSlideContent > ul li li li a { font-size: 14px; margin: 0 0 0 0px !important; } .spring #mainMenue #menuDivSlide #menuDivSlideContent > ul li li li a.act { color: #508e00; } .summer #mainMenue #menuDivSlide #menuDivSlideContent > ul li li li a.act { color: #cca300; } .autumn #mainMenue #menuDivSlide #menuDivSlideContent > ul li li li a.act { color: #950e00; } .winter #mainMenue #menuDivSlide #menuDivSlideContent > ul li li li a.act { color: #0095cc; } #mainMenue #menuDivSlide #t_1, #mainMenue #menuDivSlide #t_2, #mainMenue #menuDivSlide #t_3, #mainMenue #menuDivSlide #t_4 { width: 1px; position: absolute; background: #cecece; top: 10px; left: 0; bottom: 10px; opacity: 0; } #mainMenue #menuDivSlide #t_1 { left: 23%; } #mainMenue #menuDivSlide #t_2 { left: 47.5%; } #mainMenue #menuDivSlide #t_3 { left: 72%; } #mainMenue #menuDivSlide #t_4 { left: 83%; } #mainMenue #menuDivSlide.t_1 #t_1 { opacity: 1; } #mainMenue #menuDivSlide.t_2 #t_1, #mainMenue #menuDivSlide.t_2 #t_2 { opacity: 1; } #mainMenue #menuDivSlide.t_3 #t_1, #mainMenue #menuDivSlide.t_3 #t_2, #mainMenue #menuDivSlide.t_3 #t_3 { opacity: 1; } #mainMenue #menuDivSlide.t_4 #t_1, #mainMenue #menuDivSlide.t_4 #t_2, #mainMenue #menuDivSlide.t_4 #t_3 { opacity: 1; } #mainMenue #menuDivSlide:before, #mainMenue #menuDivSlide:after { content: ""; position: absolute; top: 0; height: 100%; width: 0; opacity: 0; -webkit-transition: height 0s 0.3s, opacity 0.3s; -moz-transition: height 0s 0.3s, opacity 0.3s; -o-transition: height 0s 0.3s, opacity 0.3s; transition: height 0s 0.3s, opacity 0.3s; } .spring #mainMenue #menuDivSlide:before, .spring #mainMenue #menuDivSlide:after { background: #6dc100; } .summer #mainMenue #menuDivSlide:before, .summer #mainMenue #menuDivSlide:after { background: #ffcc00; } .autumn #mainMenue #menuDivSlide:before, .autumn #mainMenue #menuDivSlide:after { background: #c81300; } .winter #mainMenue #menuDivSlide:before, .winter #mainMenue #menuDivSlide:after { background: #00baff; } #mainMenue #menuDivSlide:before { left: 0; } #mainMenue #menuDivSlide:after { right: 0; } #mainMenue #menuDivSlide.schliesst_bald:before, #mainMenue #menuDivSlide.schliesst_bald:after { height: 0%; width: 2px; opacity: 1; -webkit-transition: height 1.5s linear 0.3s,opacity 0.3s; -moz-transition: height 1.5s linear 0.3s,opacity 0.3s; -o-transition: height 1.5s linear 0.3s,opacity 0.3s; transition: height 1.5s linear 0.3s,opacity 0.3s; } .no-js #header { background: none repeat scroll 0 0 transparent; height: auto; } .no-js #mainMenue { position: relative; top: 0px; z-index: 1; } .no-js #mainMenue ul#nav { float: left; background: none repeat scroll 0 0 #fff; } .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 #header { height: 100%; } .open.mobilansicht #header > .wrapcenter { height: 100%; } .open.mobilansicht #slider_wrap { background: none; } .open.mobilansicht #mainMenue { color: #474747; margin: 0; width: 70%; right: -70%; position: absolute; max-height: none; overflow: visible; -webkit-overflow-scrolling: touch; z-index: 1; display: block; padding: 80px 10px 10px; top: 0px; bottom: 0; height: 100%; -webkit-transform: translate3d(-100%, 0px, 0);; -moz-transform: translate3d(-100%, 0px, 0);; -o-transform: translate3d(-100%, 0px, 0);; -ms-transform: translate3d(-100%, 0px, 0);; transform: translate3d(-100%, 0px, 0);; } .open.mobilansicht #mainMenue #menue { overflow-y: scroll; height: 100%; padding: 0 0 50px; } @media (min-width: 40em) { .open.mobilansicht #mainMenue { width: 50%; right: -50%; } } .lt-ie9 .open.mobilansicht #mainMenue { width: 50%; right: -50%; } .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; } .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 45px 8px 20px; 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 45px 0 30px; 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 { -webkit-border-radius: 50%; border-radius: 50%; background-clip: padding-box; /******************** ACHTUNG WICHTIG !! ********************/ 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; } .ie.lt-ie10 #navbar-mobile { background-color: transparent; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#D9FFFFFF,endColorstr=#D9FFFFFF); *zoom: 1; } #navbar-mobile.squareRound { -webkit-border-radius: 5px; border-radius: 5px; background-clip: padding-box; /******************** ACHTUNG WICHTIG !! ********************/ } .spring #navbar-mobile { background: #6dc100; } .summer #navbar-mobile { background: #ffcc00; } .autumn #navbar-mobile { background: #c81300; } .winter #navbar-mobile { background: #00baff; } .rgba .spring #navbar-mobile { background-color: #6dc100; background-color: rgba(109, 193, 0, 0.85); } .ie.lt-ie10 .rgba .spring #navbar-mobile { background-color: transparent; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#D96DC100,endColorstr=#D96DC100); *zoom: 1; } .rgba .summer #navbar-mobile { background-color: #ffcc00; background-color: rgba(255, 204, 0, 0.85); } .ie.lt-ie10 .rgba .summer #navbar-mobile { background-color: transparent; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#D9FFCC00,endColorstr=#D9FFCC00); *zoom: 1; } .rgba .autumn #navbar-mobile { background-color: #c81300; background-color: rgba(200, 19, 0, 0.85); } .ie.lt-ie10 .rgba .autumn #navbar-mobile { background-color: transparent; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#D9C81300,endColorstr=#D9C81300); *zoom: 1; } .rgba .winter #navbar-mobile { background-color: #00baff; background-color: rgba(0, 186, 255, 0.85); } .ie.lt-ie10 .rgba .winter #navbar-mobile { background-color: transparent; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#D900BAFF,endColorstr=#D900BAFF); *zoom: 1; } .open.mobilansicht #navbar-mobile { background-color: #fff; } .rgba .open.mobilansicht #navbar-mobile { background-color: white; background-color: rgba(255, 255, 255, 0.5); } .ie.lt-ie10 .rgba .open.mobilansicht #navbar-mobile { background-color: transparent; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80FFFFFF,endColorstr=#80FFFFFF); *zoom: 1; } #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; } #arrow { color: #FFFFFF; display: block; position: absolute; right: 0px; top: 8px; width: 32px; z-index: inherit; height: 32px; background: #3f3f3f; cursor: hand; cursor: pointer; display: none; -webkit-border-radius: 50%; border-radius: 50%; background-clip: padding-box; /******************** ACHTUNG WICHTIG !! ********************/ } .generatedcontent #arrow { display: blocK; } #arrow:before { font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; content: "\f106"; font-weight: normal; font-size: 18px; color: #fff; position: absolute; right: 5px; bottom: 5px; } .csstransforms.csstransitions #arrow:before { right: 50%; bottom: 50%; -webkit-transform: translate(50%, 50%); -moz-transform: translate(50%, 50%); -o-transform: translate(50%, 50%); -ms-transform: translate(50%, 50%); transform: translate(50%, 50%); } #footer.open #arrow:before, .no.js #arrow:before { font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; content: "\f107"; } #season { color: #FFFFFF; display: none; font-size: 16px; margin: 0; overflow: hidden; padding: 0; position: absolute; right: 50px; text-transform: uppercase; top: 14px; width: 125px; z-index: inherit; height: 25px; -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: 48em) { #season { display: block; } } .lt-ie9 #season { display: block; } #season:hover, #season.act { height: 243px; } .open.mobilansicht #season, .no-js #season { display: none; } #season a { color: #fff; width: 25px; height: 25px; 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; margin: 0 3px; } #season a.fruehling { background-position: 3px 0; } #season a.sommer { background-position: -31px 0; } #season a.herbst { background-position: -63px 0; } #season a.winter { background-position: -96px 0; } #season a.fruehling.seasonActive, #season a.fruehling:hover { background-position: 3px -26px; } #season a.sommer.seasonActive, #season a.sommer:hover { background-position: -31px -26px; } #season a.herbst.seasonActive, #season a.herbst:hover { background-position: -63px -26px; } #season a.winter.seasonActive, #season a.winter:hover { background-position: -96px -26px; } #top-link { display: none; position: absolute; right: 0; bottom: 0; } @media (min-width: 60em) { #top-link { text-indent: 0; position: fixed; right: 10px; bottom: 75px; } } .lt-ie9 #top-link { text-indent: 0; position: fixed; right: 10px; bottom: 75px; } .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: #ff0000; } @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; } #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; } .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://www.teinachtal.de/fileadmin/templates/css/PIE/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://www.teinachtal.de/fileadmin/templates/css/PIE/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; } .ie.lt-ie10 #imagelightbox-loading { background-color: transparent; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000,endColorstr=#80000000); *zoom: 1; } #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); } .ie.lt-ie10 .rgba #imagelightbox-overlay, .ie.lt-ie10 .rgba #iframe-overlay, .ie.lt-ie10 .rgba #ajax-overlay { background-color: transparent; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#E6FFFFFF,endColorstr=#E6FFFFFF); *zoom: 1; } #imagelightbox-close, #iframe-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 { background-color: #111111; } #imagelightbox-close:before, #imagelightbox-close:after, #iframe-close:before, #iframe-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 { -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 { -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); } .ie.lt-ie10 .rgba #imagelightbox-nav { background-color: transparent; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000,endColorstr=#80000000); *zoom: 1; } #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 { -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 { top: 1.25em; /* 20 */ right: 1.25em; /* 20 */ } #imagelightbox-nav { bottom: 1.25em; /* 20 */ } } #content #contentbereich #tabs h3 { padding-bottom: 0; } #content #contentbereich #tabs .rahmen { overflow: hidden; padding: 15px 0 0; } #content #contentbereich #tabs div.tab { display: none; } #content #contentbereich #tabs div.tab:first-child { display: block; } #content #contentbereich #tabs .tab { border: 1px solid #ccc; padding: 5px 10px 10px; overflow: hidden; background: #fff; } .spring #content #contentbereich #tabs .tab { border: 1px solid #6dc100; } .summer #content #contentbereich #tabs .tab { border: 1px solid #ffcc00; } .autumn #content #contentbereich #tabs .tab { border: 1px solid #c81300; } .winter #content #contentbereich #tabs .tab { border: 1px solid #00baff; } #content #contentbereich #tabs ul.tabs { overflow: hidden; margin-left: 0; } #content #contentbereich #tabs ul.tabs li { border-bottom-width: 0; float: left; margin: 1px 0.2em 0 0; padding: 0; position: relative; top: 0; white-space: nowrap; list-style-type: none; padding: 3px 10px; -webkit-border-top-left-radius: 3px; border-top-left-radius: 3px; background-clip: padding-box; /******************** ACHTUNG WICHTIG !! ********************/ -webkit-border-top-right-radius: 3px; border-top-right-radius: 3px; background-clip: padding-box; /******************** ACHTUNG WICHTIG !! ********************/ overflow: hidden; border-bottom: none !important; color: #fff; background: #fff; } .spring #content #contentbereich #tabs ul.tabs li { border: 1px solid #6dc100; } .summer #content #contentbereich #tabs ul.tabs li { border: 1px solid #ffcc00; } .autumn #content #contentbereich #tabs ul.tabs li { border: 1px solid #c81300; } .winter #content #contentbereich #tabs ul.tabs li { border: 1px solid #00baff; } #content #contentbereich #tabs ul.tabs li a { text-decoration: none; color: #CBCBCB; } .spring #content #contentbereich #tabs ul.tabs li.ui-state-active { background-color: #6dc100; } .summer #content #contentbereich #tabs ul.tabs li.ui-state-active { background-color: #ffcc00; } .autumn #content #contentbereich #tabs ul.tabs li.ui-state-active { background-color: #c81300; } .winter #content #contentbereich #tabs ul.tabs li.ui-state-active { background-color: #00baff; } #content #contentbereich #tabs ul.tabs li.ui-state-active a { text-decoration: none; color: #fff; } #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: 15px; } } @media (min-width: 60em) { .cycle-pager { top: 0; } } .lt-ie9 .cycle-pager { top: 0; } @media (min-width: 60em) { .home .cycle-pager { right: 0px; top: 0px; } } .lt-ie9 .home .cycle-pager { right: 0px; top: 0px; } .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; } .ie.lt-ie10 .cycle-pager span a { background-color: transparent; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99FFFFFF,endColorstr=#99FFFFFF); *zoom: 1; } .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; -webkit-transition: opacity 0.3s ease; -moz-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .spring .cycle-pager span a { background-color: #6dc100; } .summer .cycle-pager span a { background-color: #ffcc00; } .autumn .cycle-pager span a { background-color: #c81300; } .winter .cycle-pager span a { background-color: #00baff; } .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; } .spring .cycle-pager span.cycle-pager-active a, .spring .cycle-pager span a:hover, .spring .cycle-pager span a:focus { background-color: #6dc100; } .summer .cycle-pager span.cycle-pager-active a, .summer .cycle-pager span a:hover, .summer .cycle-pager span a:focus { background-color: #ffcc00; } .autumn .cycle-pager span.cycle-pager-active a, .autumn .cycle-pager span a:hover, .autumn .cycle-pager span a:focus { background-color: #c81300; } .winter .cycle-pager span.cycle-pager-active a, .winter .cycle-pager span a:hover, .winter .cycle-pager span a:focus { background-color: #00baff; } .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; } .cycle-direction-nav #cycle-prev { bottom: 0; cursor: pointer; display: none; float: left; height: 100%; left: 0; position: fixed; top: 0; width: 25%; } .cycle-direction-nav #cycle-prev:before { bottom: 10%; color: #fff; font-size: 150px; position: absolute; right: 0; text-align: center; width: 100%; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; content: "\f104"; } .inhalte_ausgeblendet .cycle-direction-nav #cycle-prev { display: block; } .inhalte_ausgeblendet .cycle-direction-nav #cycle-prev:hover { background-color: white; background-color: rgba(255, 255, 255, 0.25); } .ie.lt-ie10 .inhalte_ausgeblendet .cycle-direction-nav #cycle-prev:hover { background-color: transparent; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#40FFFFFF,endColorstr=#40FFFFFF); *zoom: 1; } .cycle-direction-nav #cycle-prev:hover { background-color: white; background-color: rgba(255, 255, 255, 0.25); } .ie.lt-ie10 .cycle-direction-nav #cycle-prev:hover { background-color: transparent; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#40FFFFFF,endColorstr=#40FFFFFF); *zoom: 1; } .cycle-direction-nav #cycle-next { bottom: 0; cursor: pointer; display: none; float: left; height: 100%; right: 0; position: fixed; top: 0; width: 25%; } .cycle-direction-nav #cycle-next:before { bottom: 10%; color: #fff; font-size: 150px; position: absolute; right: 0; text-align: center; width: 100%; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; content: "\f105"; } .inhalte_ausgeblendet .cycle-direction-nav #cycle-next { display: block; } .inhalte_ausgeblendet .cycle-direction-nav #cycle-next:hover { background-color: white; background-color: rgba(255, 255, 255, 0.25); } .ie.lt-ie10 .inhalte_ausgeblendet .cycle-direction-nav #cycle-next:hover { background-color: transparent; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#40FFFFFF,endColorstr=#40FFFFFF); *zoom: 1; } .cycle-direction-nav #cycle-next:hover { background-color: white; background-color: rgba(255, 255, 255, 0.25); } .ie.lt-ie10 .cycle-direction-nav #cycle-next:hover { background-color: transparent; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#40FFFFFF,endColorstr=#40FFFFFF); *zoom: 1; } #slider_wrap { background: url(../img/preloading.png) center top no-repeat; 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; } .js .home #slider_wrap { background: #e6e6e6; } #slider_wrap .carousel > div { -webkit-transition: -webkit-transform 300ms ease 0s; -moz-transition: -moz-transform 300ms ease 0s; -o-transition: -o-transform 300ms ease 0s; transition: transform 300ms ease 0s; background-attachment: inherit; background-position: center top; background-size: 160% auto; background-repeat: no-repeat; background-color: #e6e6e6; height: 100%; } @media (min-width: 40em) { #slider_wrap .carousel > div { background-size: contain; } } .lt-ie9 #slider_wrap .carousel > div { background-size: contain; } .home #slider_wrap .carousel > div { background-size: cover; } @media (min-width: 60em) { #slider_wrap .carousel > div { background-size: cover; background-position: left bottom; background-color: transparent; } } .lt-ie9 #slider_wrap .carousel > div { background-size: cover; background-position: left bottom; background-color: transparent; } .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; 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://www.teinachtal.de/fileadmin/templates/css/PIE/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%; height: 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; } /*** Ausblender ***/ #ausblender { color: #fff; cursor: pointer; height: 50px; overflow: hidden; position: fixed; right: 0px; top: 215px; width: 50px; display: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; -webkit-transition: width 0.3s ease-in-out, background-color 0s 0.3s ease-in-out; -moz-transition: width 0.3s ease-in-out, background-color 0s 0.3s ease-in-out; -o-transition: width 0.3s ease-in-out, background-color 0s 0.3s ease-in-out; transition: width 0.3s ease-in-out, background-color 0s 0.3s ease-in-out; } .spring #ausblender, .spring #ausblender:hover { background: #6dc100; } .summer #ausblender, .summer #ausblender:hover { background: #ffcc00; } .autumn #ausblender, .autumn #ausblender:hover { background: #c81300; } .winter #ausblender, .winter #ausblender:hover { background: #00baff; } .rgba .spring #ausblender { background-color: #6dc100; background-color: rgba(109, 193, 0, 0.7); } .ie.lt-ie10 .rgba .spring #ausblender { background-color: transparent; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#B36DC100,endColorstr=#B36DC100); *zoom: 1; } .rgba .spring #ausblender:hover { background: #6dc100; } .rgba .summer #ausblender { background-color: #ffcc00; background-color: rgba(255, 204, 0, 0.7); } .ie.lt-ie10 .rgba .summer #ausblender { background-color: transparent; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#B3FFCC00,endColorstr=#B3FFCC00); *zoom: 1; } .rgba .summer #ausblender:hover { background: #ffcc00; } .rgba .autumn #ausblender { background-color: #c81300; background-color: rgba(200, 19, 0, 0.7); } .ie.lt-ie10 .rgba .autumn #ausblender { background-color: transparent; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#B3C81300,endColorstr=#B3C81300); *zoom: 1; } .rgba .autumn #ausblender:hover { background: #c81300; } .rgba .winter #ausblender { background-color: #00baff; background-color: rgba(0, 186, 255, 0.7); } .ie.lt-ie10 .rgba .winter #ausblender { background-color: transparent; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#B300BAFF,endColorstr=#B300BAFF); *zoom: 1; } .rgba .winter #ausblender:hover { background: #00baff; } @media (min-width: 60em) { #ausblender { display: block; } } .lt-ie9 #ausblender { display: block; } @media (min-width: 75em) { #ausblender { top: 60px; z-index: 1; } } #ausblender.offen { width: 120px; -webkit-transition: width 0.3s ease-in-out, background-color 0s ease-in-out; -moz-transition: width 0.3s ease-in-out, background-color 0s ease-in-out; -o-transition: width 0.3s ease-in-out, background-color 0s ease-in-out; transition: width 0.3s ease-in-out, background-color 0s ease-in-out; } #ausblender.offen #ausblender_textContent { color: inherit; } #ausblender.offen #ausblender_icon:before { color: #fff; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; content: "\f066"; } #ausblender #ausblender_text { font-size: 13px; left: 9px; line-height: 16px; position: absolute; top: 9px; width: 80px; opacity: 0; color: #333; -webkit-transition: opacity 0.15s 0.15s ease-in-out; -moz-transition: opacity 0.15s 0.15s ease-in-out; -o-transition: opacity 0.15s 0.15s ease-in-out; transition: opacity 0.15s 0.15s ease-in-out; } .spring #ausblender #ausblender_text { color: #fff; } .summer #ausblender #ausblender_text { color: #333; } .autumn #ausblender #ausblender_text { color: #fff; } .winter #ausblender #ausblender_text { color: #fff; } #ausblender.offen #ausblender_text { opacity: 1; } #ausblender #ausblender_textContent { color: transparent; font-size: 13px; line-height: 1.1; padding: 5px 0 5px 20px; } #ausblender #ausblender_icon { border: 0 none; font-size: 30px; height: 50px; line-height: 50px; overflow: hidden; position: absolute; right: 0; text-align: center; top: 0; width: 50px; } #ausblender #ausblender_icon:before { color: #fff; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; content: "\f065"; } /****************************************************************** ADMIN PANEL TYPO3 ******************************************************************/ #TSFE_ADMIN_PANEL_FORM { left: 0; top: 0; } /****************************************************************** Datepicker ******************************************************************/ .ui-datepicker { background: none repeat scroll 0 0 #fff; border: 1px solid #aaaaaa; color: #222222; padding: 0.2em 0.2em 0; width: 17em; } .ui-datepicker .ui-widget-header { background: #cccccc; border: 1px solid #aaaaaa; color: #222222; font-family: 'Source Sans Pro Semibold', Arial, Helvetica, sans-serif; font-weight: normal; position: relative; } .ui-datepicker .ui-datepicker-title { line-height: 1.8em; margin: 0 2.3em; text-align: center; } .ui-datepicker table { border-collapse: collapse; font-size: 0.9em; margin: 0 0 0.4em; width: 100%; } .ui-datepicker th { border: 0 none; font-family: 'Source Sans Pro Semibold', Arial, Helvetica, sans-serif; font-weight: normal; padding: 0.7em 0.3em; text-align: center; } .ui-datepicker .ui-state-disabled, .ui-datepicker .ui-widget-content .ui-state-disabled, .ui-datepicker .ui-widget-header .ui-state-disabled { background-image: none; opacity: 0.35; } .ui-datepicker td { border: 0 none; padding: 1px; } .ui-datepicker .ui-widget-header .ui-icon { background-image: url("../images/ui-icons_222222_256x240.png"); } .ui-datepicker .ui-icon, .ui-datepicker .ui-widget-content .ui-icon { background-image: url("../images/ui-icons_222222_256x240.png"); } .ui-datepicker .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-datepicker .ui-icon, .ui-datepicker .ui-widget-content .ui-icon { background-image: url("../images/ui-icons_222222_256x240.png"); } .ui-datepicker .ui-icon { height: 16px; width: 16px; } .ui-datepicker .ui-icon { background-repeat: no-repeat; display: block; overflow: hidden; text-indent: -99999px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; left: 50%; margin-left: -8px; margin-top: -8px; position: absolute; top: 50%; } .ui-datepicker .ui-widget-header .ui-icon { background-image: url("../images/ui-icons_222222_256x240.png"); } .ui-datepicker .ui-icon, .ui-datepicker .ui-widget-content .ui-icon { background-image: url("../images/ui-icons_222222_256x240.png"); } .ui-datepicker .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-datepicker .ui-icon, .ui-datepicker .ui-widget-content .ui-icon { background-image: url("../images/ui-icons_222222_256x240.png"); } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { height: 1.8em; position: absolute; top: 2px; width: 1.8em; } .ui-datepicker .ui-state-default, .ui-datepicker .ui-widget-content .ui-state-default, .ui-datepicker .ui-widget-header .ui-state-default { background: url("../images/ui-bg_glass_75_e6e6e6_1x400.png") repeat-x scroll 50% 50% #e6e6e6; border: 1px solid #d3d3d3; color: #555555; font-weight: normal; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: 0.2em; text-align: right; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane.ui-widget-content { margin: 5px 0 8px; } .ui-datepicker button { padding: 1px 3px; } .ui-datepicker .ui-datepicker-close { float: right; } .ui-datepicker .ui-datepicker-next { right: 2px; } .ui-datepicker .ui-datepicker-prev { left: 2px; } .ui-datepicker .ui-state-highlight, .ui-datepicker .ui-widget-content .ui-state-highlight, .ui-datepicker .ui-widget-header .ui-state-highlight { background: url("../images/ui-bg_glass_55_fbf9ee_1x400.png") repeat-x scroll 50% 50% #fbf9ee; border: 1px solid #fcefa1; color: #363636; } .ui-datepicker .ui-state-active, .ui-datepicker .ui-widget-content .ui-state-active, .ui-datepicker .ui-widget-header .ui-state-active { background: url("../images/ui-bg_glass_65_ffffff_1x400.png") repeat-x scroll 50% 50% white; border: 1px solid #aaaaaa; color: #212121; font-weight: normal; } #video-outer, .video-outer { padding: 75% 0 0; width: 100%; position: relative; } @media (min-width: 60em) { #video-outer, .video-outer { padding: 56.25% 0 0; } } .lt-ie9 #video-outer, .lt-ie9 .video-outer { padding: 56.25% 0 0; } #video-outer #map, #video-outer #video, #video-outer iframe, #video-outer .video, .video-outer #map, .video-outer #video, .video-outer iframe, .video-outer .video { position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; } /*** Importieren einer SCSS-Datei (mit Unterstrich zu Beginn des Dateinamens, also hier _main_queries.scss) aus dem selben Verzeichnis ***/ object { max-width: 100%; } embed { max-width: 100%; } /*** Startseite ***/ @media (min-width: 60em) { .home #content > section { float: left; margin-right: 20px; margin-top: 202px; } } .lt-ie9 .home #content > section { float: left; margin-right: 20px; margin-top: 202px; } /* ███████ ██ ██ ███████ ███ ██ ████████ ███████ ██ ██ ██ ██ ████ ██ ██ ██ █████ ██ ██ █████ ██ ██ ██ ██ ███████ ██ ██ ██ ██ ██ ██ ██ ██ ██ ███████ ████ ███████ ██ ████ ██ ███████ */ #events { display: none !important; } /* #events { position: relative; @include mxn_border-radius("", "5px"); overflow: hidden; background-color: #fff; height: 386px; padding: 0 0 30px; margin-bottom: 20px !important; margin-left: 15px !important; margin-right: 15px !important; width: 90%; width: calc(100% - 30px); position: absolute; left: 0; top: 690px; @include at-breakpoint( $break-360 $class_ie) { top: 740px; } @include at-breakpoint( $break-480 $class_ie) { top: 790px; } @include at-breakpoint( $break-640 $class_ie) { top: 980px; } @include at-breakpoint($break-960 $class_ie) { width: auto; position: relative;; left: auto; top: auto; margin: 0px !important; } .rgba & { @include at-breakpoint($break-960 $class_ie) { @include mxn_rgba(#ffffff, 90/100); } } > h2 { left: 0; position: absolute; right: 0; top: 0; width: 100%; } // @include at-breakpoint($break-480) { // width: 38%; // float: right; // // margin-bottom: 0; // // } @include at-breakpoint($break-960 $class_ie) { max-width: 220px; } .bild { width: 100%; height: 175px; overflow: hidden; // background: url(../img/veranstaltungen.jpg) center center no-repeat; background: url(../img/Weihnachtsmarkt_Zavelsteiner_Burgweihnacht.jpg) center center no-repeat; background-size: cover; .spring & { border-bottom: 4px solid $clr_spring; } .summer & { border-bottom: 4px solid $clr_summer; } .autumn & { border-bottom: 4px solid $clr_autumn; } .winter & { border-bottom: 4px solid $clr_winter; } } .wrap-outer { width: 100%; height: 205px; } .wrap { padding: 0 13px; .entries { overflow: hidden; padding: 10px 0; } .entries:first-child { .spring & { border-bottom: 1px solid #D7EEBA; } .summer & { border-bottom: 1px solid #feeba0; } .autumn & { border-bottom: 1px solid #F0BFBA; } .winter & { border-bottom: 1px solid #BAECFF; } } } #content & .date { width: 19%; float: left; display: block; } .teinachtal #content & .day { color: #383838; font-size: 26px; line-height: 18px; padding: 0; text-align: left; } #content & .month { color: #666666; font-size: 18px; padding: 2px 0 0; text-align: left; } .text { float: right; width: 76%; } .time { color: #383838; font-size: 15px; } .teinachtal #content & h3 { color: #333333; font-size: 16px; font-weight: normal; padding: 0; position: relative; } .city { color: #6b6b6b; font-size: 15px; @include mxn_ph_ellipsis; } #alle { bottom: 5px; left: 13px; position: absolute; z-index: 1; } .flex-direction-nav { bottom: 4px; list-style-type: none; overflow: hidden; position: absolute; right: 8px; width: 45px; .touch & { display: none; } } .flex-prev { float: left; &:before { @include mxn_font_awesome("\f053"); font-size: 18px; color: #383838; } } .flex-next { float: right; &:before { @include mxn_font_awesome("\f054"); font-size: 18px; color: #383838; } } } */ /* ███ ██ ███████ ██ ██ ███████ ████ ██ ██ ██ ██ ██ ██ ██ ██ █████ ██ █ ██ ███████ ██ ██ ██ ██ ██ ███ ██ ██ ██ ████ ███████ ███ ███ ███████ */ #news { height: 360px; background-color: #ffffff; position: relative; margin-bottom: 20px; -webkit-border-radius: 5px; border-radius: 5px; background-clip: padding-box; /******************** ACHTUNG WICHTIG !! ********************/ } @media (min-width: 30em) { #news { height: 206px; } } .lt-ie9 #news { height: 206px; } @media (min-width: 60em) { #news { height: 184px; margin-bottom: 0; width: 460px; margin-left: 240px; } } .lt-ie9 #news { height: 184px; margin-bottom: 0; width: 460px; margin-left: 240px; } #news .bild { width: 100%; height: 114px; overflow: hidden; display: none; background: url(../img/Ostermarkt.jpg) center center no-repeat; background-size: cover; } @media (min-width: 60em) { #news .bild { display: none !important; } } .spring #news .bild { border-bottom: 4px solid #6dc100; } .summer #news .bild { border-bottom: 4px solid #ffcc00; } .autumn #news .bild { border-bottom: 4px solid #c81300; } .winter #news .bild { border-bottom: 4px solid #00baff; } @media (min-width: 60em) { .rgba #news { background-color: white; background-color: rgba(255, 255, 255, 0.9); } .ie.lt-ie10 .rgba #news { background-color: transparent; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#E6FFFFFF,endColorstr=#E6FFFFFF); *zoom: 1; } } .lt-ie9 .rgba #news { background-color: white; background-color: rgba(255, 255, 255, 0.9); } .ie.lt-ie10 .lt-ie9 .rgba #news { background-color: transparent; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#E6FFFFFF,endColorstr=#E6FFFFFF); *zoom: 1; } #news .entries { overflow: hidden; height: 326px; } @media (min-width: 30em) { #news .entries { height: 171px; } } .lt-ie9 #news .entries { height: 171px; } @media (min-width: 60em) { #news .entries { height: 184px; } } .lt-ie9 #news .entries { height: 184px; } #news .text { padding: 10px 10px; height: 184px; float: left; width: 100%; } @media (min-width: 30em) { #news .text { padding: 10px 10px 0 0; float: none; width: auto; } } .teinachtal #news .text h3 a, .teinachtal #news .text h3 { color: #383838; } #news > h2 { position: static; } @media (min-width: 60em) { #news > h2 { bottom: 0; left: 0; position: absolute; width: 200px; z-index: 1; } } @media (min-width: 60em) { #news .alle { float: right; margin: 25px 0 0; } } .lt-ie9 #news .alle { float: right; margin: 25px 0 0; } #news .flex-control-nav.flex-control-paging { bottom: 8px; list-style-type: none; overflow: hidden; position: absolute; right: 25px; width: 155px; list-style-type: none; z-index: 1; display: none; } @media (min-width: 60em) { #news .flex-control-nav.flex-control-paging { display: block; } } .lt-ie9 #news .flex-control-nav.flex-control-paging { display: block; } .touch #news .flex-control-nav.flex-control-paging { display: none; } #news .flex-control-nav.flex-control-paging > li { float: left; font-size: 17px; padding: 0 5px; } #news .flex-control-nav.flex-control-paging a { color: #969696; } #news .flex-control-nav.flex-control-paging a.flex-active { color: #383838; } #news .flex-direction-nav { bottom: 4px; list-style-type: none; overflow: hidden; position: absolute; right: 8px; width: 55px; } @media (min-width: 60em) { #news .flex-direction-nav { width: 240px; } } .lt-ie9 #news .flex-direction-nav { width: 240px; } .touch #news .flex-direction-nav { display: none; } #news .flex-prev { float: left; } #news .flex-prev:before { font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; content: "\f053"; font-size: 18px; color: #383838; } #news .flex-next { float: right; } #news .flex-next:before { font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; content: "\f054"; font-size: 18px; color: #383838; } #news .pic { float: left; width: 100%; overflow: hidden; height: 184px; } @media (min-width: 30em) { #news .pic { width: 200px; margin: 0 15px 0 0; height: auto; } } #news .pic > img { height: auto; width: 100%; } @media (min-width: 30em) { #news .pic > img { height: 184px; width: auto; } } .spring #news .pic { border-right: 4px solid #6dc100; } .summer #news .pic { border-right: 4px solid #ffcc00; } .autumn #news .pic { border-right: 4px solid #c81300; } .winter #news .pic { border-right: 4px solid #00baff; } #news .slide, #news .flex-viewport { overflow: hidden; height: 326px; } @media (min-width: 30em) { #news .slide, #news .flex-viewport { height: 171px; } } .lt-ie9 #news .slide, .lt-ie9 #news .flex-viewport { height: 171px; } @media (min-width: 60em) { #news .slide, #news .flex-viewport { height: 184px; } } .lt-ie9 #news .slide, .lt-ie9 #news .flex-viewport { height: 184px; } #speciallink { display: none !important; background: url("../img/SaveTheDate675Jahre-old2.jpg") no-repeat center top transparent; background-size: cover; overflow: hidden; border: 1px solid #cfcfcf; max-width: 458px; width: 100%; height: 230px; position: absolute; left: 0; top: -250px; -webkit-border-radius: 5px; border-radius: 5px; background-clip: padding-box; /******************** ACHTUNG WICHTIG !! ********************/ } /* ███████ ██ ██ ███████ ███ ██ ████████ ███████ ███ ██ ███████ ██ ██ ███████ ██ ██ ██ ██ ████ ██ ██ ██ ████ ██ ██ ██ ██ ██ █████ ██ ██ █████ ██ ██ ██ ██ ███████ ██ ██ ██ █████ ██ █ ██ ███████ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ███ ██ ██ ███████ ████ ███████ ██ ████ ██ ███████ ▄█ ██ ████ ███████ ███ ███ ███████ */ #infonew h2, #news h2 { color: #fff; font-size: 18px; padding: 5px 10px; } .spring #infonew h2, .spring #news h2 { background: #6dc100; } .summer #infonew h2, .summer #news h2 { background: #ffcc00; } .autumn #infonew h2, .autumn #news h2 { background: #c81300; } .winter #infonew h2, .winter #news h2 { background: #00baff; } @media (min-width: 60em) { .spring #infonew h2, .spring #news h2 { background: #6dc100; } .summer #infonew h2, .summer #news h2 { background: #ffcc00; } .autumn #infonew h2, .autumn #news h2 { background: #c81300; } .winter #infonew h2, .winter #news h2 { background: #00baff; } .rgba .spring #infonew h2, .rgba .spring #news h2 { background-color: #6dc100; background-color: rgba(109, 193, 0, 0.9); } .ie.lt-ie10 .rgba .spring #infonew h2, .ie.lt-ie10 .rgba .spring #news h2 { background-color: transparent; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#E66DC100,endColorstr=#E66DC100); *zoom: 1; } .rgba .summer #infonew h2, .rgba .summer #news h2 { background-color: #ffcc00; background-color: rgba(255, 204, 0, 0.9); } .ie.lt-ie10 .rgba .summer #infonew h2, .ie.lt-ie10 .rgba .summer #news h2 { background-color: transparent; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#E6FFCC00,endColorstr=#E6FFCC00); *zoom: 1; } .rgba .autumn #infonew h2, .rgba .autumn #news h2 { background-color: #c81300; background-color: rgba(200, 19, 0, 0.9); } .ie.lt-ie10 .rgba .autumn #infonew h2, .ie.lt-ie10 .rgba .autumn #news h2 { background-color: transparent; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#E6C81300,endColorstr=#E6C81300); *zoom: 1; } .rgba .winter #infonew h2, .rgba .winter #news h2 { background-color: #00baff; background-color: rgba(0, 186, 255, 0.9); } .ie.lt-ie10 .rgba .winter #infonew h2, .ie.lt-ie10 .rgba .winter #news h2 { background-color: transparent; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#E600BAFF,endColorstr=#E600BAFF); *zoom: 1; } } .spring .lt-ie9 #infonew h2, .spring .lt-ie9 #news h2 { background: #6dc100; } .summer .lt-ie9 #infonew h2, .summer .lt-ie9 #news h2 { background: #ffcc00; } .autumn .lt-ie9 #infonew h2, .autumn .lt-ie9 #news h2 { background: #c81300; } .winter .lt-ie9 #infonew h2, .winter .lt-ie9 #news h2 { background: #00baff; } .rgba .spring .lt-ie9 #infonew h2, .rgba .spring .lt-ie9 #news h2 { background-color: #6dc100; background-color: rgba(109, 193, 0, 0.9); } .ie.lt-ie10 .rgba .spring .lt-ie9 #infonew h2, .ie.lt-ie10 .rgba .spring .lt-ie9 #news h2 { background-color: transparent; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#E66DC100,endColorstr=#E66DC100); *zoom: 1; } .rgba .summer .lt-ie9 #infonew h2, .rgba .summer .lt-ie9 #news h2 { background-color: #ffcc00; background-color: rgba(255, 204, 0, 0.9); } .ie.lt-ie10 .rgba .summer .lt-ie9 #infonew h2, .ie.lt-ie10 .rgba .summer .lt-ie9 #news h2 { background-color: transparent; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#E6FFCC00,endColorstr=#E6FFCC00); *zoom: 1; } .rgba .autumn .lt-ie9 #infonew h2, .rgba .autumn .lt-ie9 #news h2 { background-color: #c81300; background-color: rgba(200, 19, 0, 0.9); } .ie.lt-ie10 .rgba .autumn .lt-ie9 #infonew h2, .ie.lt-ie10 .rgba .autumn .lt-ie9 #news h2 { background-color: transparent; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#E6C81300,endColorstr=#E6C81300); *zoom: 1; } .rgba .winter .lt-ie9 #infonew h2, .rgba .winter .lt-ie9 #news h2 { background-color: #00baff; background-color: rgba(0, 186, 255, 0.9); } .ie.lt-ie10 .rgba .winter .lt-ie9 #infonew h2, .ie.lt-ie10 .rgba .winter .lt-ie9 #news h2 { background-color: transparent; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#E600BAFF,endColorstr=#E600BAFF); *zoom: 1; } /* ██ ███ ██ ███████ ██████ ███ ██ ███████ ██ ██ ██ ████ ██ ██ ██ ██ ████ ██ ██ ██ ██ ██ ██ ██ ██ █████ ██ ██ ██ ██ ██ █████ ██ █ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ███ ██ ██ ██ ████ ██ ██████ ██ ████ ███████ ███ ███ */ #infonew { background-color: #ffffff; margin-bottom: 20px !important; overflow: hidden; padding: 0; position: relative; -webkit-border-radius: 5px; border-radius: 5px; background-clip: padding-box; /******************** ACHTUNG WICHTIG !! ********************/ } @media (min-width: 30em) { #infonew { float: right; height: 184px; width: 37%; margin-left: 3%; } .csscalc #infonew { width: calc(40% - 15px); margin-left: 15px; } } .lt-ie9 #infonew { float: right; height: 184px; width: 37%; margin-left: 3%; } .csscalc .lt-ie9 #infonew { width: calc(40% - 15px); margin-left: 15px; } @media (min-width: 60em) { #infonew { height: 184px; margin: 202px 0 0 0 !important; width: 220px !important; } } .lt-ie9 #infonew { height: 184px; margin: 202px 0 0 0 !important; width: 220px !important; } @media (min-width: 60em) { .rgba #infonew { background-color: white; background-color: rgba(255, 255, 255, 0.9); } .ie.lt-ie10 .rgba #infonew { background-color: transparent; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#E6FFFFFF,endColorstr=#E6FFFFFF); *zoom: 1; } } .lt-ie9 .rgba #infonew { background-color: white; background-color: rgba(255, 255, 255, 0.9); } .ie.lt-ie10 .lt-ie9 .rgba #infonew { background-color: transparent; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#E6FFFFFF,endColorstr=#E6FFFFFF); *zoom: 1; } #infonew div.csc-textpic .csc-textpic-imagewrap figure { display: block; } #infonew img { max-width: none !important; } /* ██ ███ ██ ███████ ██████ ██ ████ ██ ██ ██ ██ ██ ██ ██ ██ █████ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ████ ██ ██████ */ #info { display: none; float: left; margin-top: 0; width: 100%; } @media (min-width: 30em) { #info { width: 60%; } } @media (min-width: 60em) { #info { width: 220px; height: 184px; margin: 202px 0 0 0; position: absolute; left: 0px; bottom: 50px; } } .lt-ie9 #info { width: 220px; height: 184px; margin: 202px 0 0 0; position: absolute; left: 0px; bottom: 50px; } .generatedcontent #info { display: blocK; } #info #wheather { height: 83px; overflow: hidden; margin: 0 0 18px; width: 100%; -webkit-border-radius: 5px; border-radius: 5px; background-clip: padding-box; /******************** ACHTUNG WICHTIG !! ********************/ } @media (min-width: 30em) { #info #wheather { float: left; } } @media (min-width: 60em) { #info #wheather { float: none; } } .lt-ie9 #info #wheather { float: none; } .spring #info #wheather { background: #6dc100; } .summer #info #wheather { background: #ffcc00; } .autumn #info #wheather { background: #c81300; } .winter #info #wheather { background: #00baff; } @media (min-width: 60em) { .spring #info #wheather { background: #6dc100; } .summer #info #wheather { background: #ffcc00; } .autumn #info #wheather { background: #c81300; } .winter #info #wheather { background: #00baff; } .rgba .spring #info #wheather { background-color: #6dc100; background-color: rgba(109, 193, 0, 0.9); } .ie.lt-ie10 .rgba .spring #info #wheather { background-color: transparent; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#E66DC100,endColorstr=#E66DC100); *zoom: 1; } .rgba .summer #info #wheather { background-color: #ffcc00; background-color: rgba(255, 204, 0, 0.9); } .ie.lt-ie10 .rgba .summer #info #wheather { background-color: transparent; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#E6FFCC00,endColorstr=#E6FFCC00); *zoom: 1; } .rgba .autumn #info #wheather { background-color: #c81300; background-color: rgba(200, 19, 0, 0.9); } .ie.lt-ie10 .rgba .autumn #info #wheather { background-color: transparent; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#E6C81300,endColorstr=#E6C81300); *zoom: 1; } .rgba .winter #info #wheather { background-color: #00baff; background-color: rgba(0, 186, 255, 0.9); } .ie.lt-ie10 .rgba .winter #info #wheather { background-color: transparent; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#E600BAFF,endColorstr=#E600BAFF); *zoom: 1; } } .spring .lt-ie9 #info #wheather { background: #6dc100; } .summer .lt-ie9 #info #wheather { background: #ffcc00; } .autumn .lt-ie9 #info #wheather { background: #c81300; } .winter .lt-ie9 #info #wheather { background: #00baff; } .rgba .spring .lt-ie9 #info #wheather { background-color: #6dc100; background-color: rgba(109, 193, 0, 0.9); } .ie.lt-ie10 .rgba .spring .lt-ie9 #info #wheather { background-color: transparent; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#E66DC100,endColorstr=#E66DC100); *zoom: 1; } .rgba .summer .lt-ie9 #info #wheather { background-color: #ffcc00; background-color: rgba(255, 204, 0, 0.9); } .ie.lt-ie10 .rgba .summer .lt-ie9 #info #wheather { background-color: transparent; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#E6FFCC00,endColorstr=#E6FFCC00); *zoom: 1; } .rgba .autumn .lt-ie9 #info #wheather { background-color: #c81300; background-color: rgba(200, 19, 0, 0.9); } .ie.lt-ie10 .rgba .autumn .lt-ie9 #info #wheather { background-color: transparent; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#E6C81300,endColorstr=#E6C81300); *zoom: 1; } .rgba .winter .lt-ie9 #info #wheather { background-color: #00baff; background-color: rgba(0, 186, 255, 0.9); } .ie.lt-ie10 .rgba .winter .lt-ie9 #info #wheather { background-color: transparent; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#E600BAFF,endColorstr=#E600BAFF); *zoom: 1; } #info #wheather .picture { float: left; width: 80px; margin: 0 5px 0 0; } #info #wheather .picture img { width: 100%; } #info #wheather .info { color: #FFFFFF; padding: 7px 0 0; } #info #wheather .temperature { font-size: 33px; } #info #links { height: 83px; overflow: hidden; position: relative; width: 100%; -webkit-border-radius: 5px; border-radius: 5px; background-clip: padding-box; /******************** ACHTUNG WICHTIG !! ********************/ } @media (min-width: 30em) { #info #links { float: left; } } @media (min-width: 60em) { #info #links { float: none; } } .lt-ie9 #info #links { float: none; } .no-rgba #info #links, .no-js #info #links { background-color: #fff; } .rgba #info #links { background-color: white; background-color: rgba(255, 255, 255, 0.9); } .ie.lt-ie10 .rgba #info #links { background-color: transparent; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#E6FFFFFF,endColorstr=#E6FFFFFF); *zoom: 1; } #info #links > a { display: block; float: left; height: 100%; text-align: center; width: 50%; color: #656565; position: relative; text-transform: uppercase; padding: 52px 0 0; font-size: 15px; } #info #links:before { bottom: -9px; content: ""; height: 0; left: 50%; position: absolute; transform: rotate(-4deg); width: 106%; z-index: -1; border-top: 2px solid #656565; } #info #links #webcam { border-right: 3px solid #656565; } #info #links #webcam:before { content: ''; background: url("../img/webcam.png") no-repeat; width: 35px; height: 35px; position: absolute; top: 14px; left: 50%; font-size: 35px; -webkit-transform: translate3d(-50%, 0%,0); -moz-transform: translate3d(-50%, 0%,0); -o-transform: translate3d(-50%, 0%,0); -ms-transform: translate3d(-50%, 0%,0); transform: translate3d(-50%, 0%,0); color: #656565; } .spring #info #links #webcam:hover { color: #6dc100; } .summer #info #links #webcam:hover { color: #ffcc00; } .autumn #info #links #webcam:hover { color: #c81300; } .winter #info #links #webcam:hover { color: #00baff; } .no-touch.cssanimations #info #links #webcam:hover:before { -webkit-animation: moveUp 0.3s linear infinite alternate; -moz-animation: moveUp 0.3s linear infinite alternate; -o-animation: moveUp 0.3s linear infinite alternate; -ms-animation: moveUp 0.3s linear infinite alternate; animation: moveUp 0.3s linear infinite alternate; } #info #links #anreise:before { font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; content: "\f041"; position: absolute; top: 4px; left: 50%; font-size: 42px; -webkit-transform: translate3d(-50%, 0%,0); -moz-transform: translate3d(-50%, 0%,0); -o-transform: translate3d(-50%, 0%,0); -ms-transform: translate3d(-50%, 0%,0); transform: translate3d(-50%, 0%,0); color: #656565; } .spring #info #links #anreise:hover { color: #6dc100; } .summer #info #links #anreise:hover { color: #ffcc00; } .autumn #info #links #anreise:hover { color: #c81300; } .winter #info #links #anreise:hover { color: #00baff; } .no-touch.cssanimations #info #links #anreise:hover:before { -webkit-animation: moveUp 0.3s linear infinite alternate; -moz-animation: moveUp 0.3s linear infinite alternate; -o-animation: moveUp 0.3s linear infinite alternate; -ms-animation: moveUp 0.3s linear infinite alternate; animation: moveUp 0.3s linear infinite alternate; } /* ██ ██ ██████ ██████ ██ ██ ██ ██ ███████ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ █████ ██████ ██ ██ █████ ██ ██ ███████ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██████ ██ ██ ██████ ███████ */ #krokus { height: 184px; overflow: hidden; width: 100%; } @media (min-width: 60em) { #krokus { float: none; width: 100%; margin-right: 0; } } .lt-ie9 #krokus { float: none; width: 100%; margin-right: 0; } #krokus .contentelement { -webkit-border-radius: 5px; border-radius: 5px; background-clip: padding-box; /******************** ACHTUNG WICHTIG !! ********************/ overflow: hidden; position: relative; float: left; } #krokus .contentelement img { display: block; height: auto; position: relative; width: 100%; } @media (min-width: 30em) { #krokus .contentelement img { height: 184px; width: auto; } } @media (min-width: 47em) { #krokus .contentelement img { height: auto; width: 100%; } } @media (min-width: 60em) { #krokus .contentelement img { height: 184px; width: auto; } } #krokus .contentelement h2 { color: #fff; font-size: 18px; padding: 5px 10px; left: 0; position: absolute; right: 0; top: 0; width: 100%; z-index: 1; } #krokus .contentelement h2 a { color: #fff; } .spring #krokus .contentelement h2 { background: #6dc100; } .summer #krokus .contentelement h2 { background: #ffcc00; } .autumn #krokus .contentelement h2 { background: #c81300; } .winter #krokus .contentelement h2 { background: #00baff; } .rgba .spring #krokus .contentelement h2 { background-color: #6dc100; background-color: rgba(109, 193, 0, 0.9); } .ie.lt-ie10 .rgba .spring #krokus .contentelement h2 { background-color: transparent; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#E66DC100,endColorstr=#E66DC100); *zoom: 1; } .rgba .summer #krokus .contentelement h2 { background-color: #ffcc00; background-color: rgba(255, 204, 0, 0.9); } .ie.lt-ie10 .rgba .summer #krokus .contentelement h2 { background-color: transparent; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#E6FFCC00,endColorstr=#E6FFCC00); *zoom: 1; } .rgba .autumn #krokus .contentelement h2 { background-color: #c81300; background-color: rgba(200, 19, 0, 0.9); } .ie.lt-ie10 .rgba .autumn #krokus .contentelement h2 { background-color: transparent; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#E6C81300,endColorstr=#E6C81300); *zoom: 1; } .rgba .winter #krokus .contentelement h2 { background-color: #00baff; background-color: rgba(0, 186, 255, 0.9); } .ie.lt-ie10 .rgba .winter #krokus .contentelement h2 { background-color: transparent; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#E600BAFF,endColorstr=#E600BAFF); *zoom: 1; } #krokus .contentelement div.csc-textpic-border div.csc-textpic-imagewrap img { border: none; padding: 0; } #cookie-law { position: fixed; bottom: 0; left: 0; right: 0; z-index: 9999; background: rgba(0, 0, 0, 0.8); display: block; color: #fff; text-align: center; font-size: 15px; line-height: 1; padding: 10px 1em; } @media only screen and (min-width: 360px) { #cookie-law { padding: 10px 1.6em; } } @media only screen and (min-width: 640px) { #cookie-law { padding: 10px 2em; } } @media only screen and (min-width: 960px) { #cookie-law { padding: 10px 2em; } } @media only screen and (min-width: 1280px) { #cookie-law { padding: 10px 2em; } } #cookie-law p .more-cookie-banner { color: #fff; text-decoration: underline; white-space: nowrap; -webkit-transition: color 200ms ease 0s; -moz-transition: color 200ms ease 0s; -o-transition: color 200ms ease 0s; transition: color 200ms ease 0s; } #cookie-law p .more-cookie-banner:hover { color: #d9d9d9; } #cookie-law p .close-cookie-banner { color: #000; text-decoration: none; display: inline-block; padding: 6px 25px; background: #fff; border-radius: 4px; width: 100%; margin-top: 12px; -webkit-transition: background 200ms ease 0s; -moz-transition: background 200ms ease 0s; -o-transition: background 200ms ease 0s; transition: background 200ms ease 0s; } @media only screen and (min-width: 480px) { #cookie-law p .close-cookie-banner { margin-left: 12px; margin-top: 0; width: auto; } } #cookie-law p .close-cookie-banner:hover { background: #cccccc; } #cookie-law ~ #outer-wrap #footer { margin-bottom: 104px; } @media only screen and (min-width: 348px) { #cookie-law ~ #outer-wrap #footer { margin-bottom: 86px; } } @media only screen and (min-width: 360px) { #cookie-law ~ #outer-wrap #footer { margin-bottom: 89px; } } @media only screen and (min-width: 480px) { #cookie-law ~ #outer-wrap #footer { margin-bottom: 62px; } } @media only screen and (min-width: 770px) { #cookie-law ~ #outer-wrap #footer { margin-bottom: 47px; } } #cookie-law ~ #outer-wrap #inner-wrap { margin-bottom: 104px; } @media only screen and (min-width: 348px) { #cookie-law ~ #outer-wrap #inner-wrap { margin-bottom: 86px; } } @media only screen and (min-width: 360px) { #cookie-law ~ #outer-wrap #inner-wrap { margin-bottom: 89px; } } @media only screen and (min-width: 480px) { #cookie-law ~ #outer-wrap #inner-wrap { margin-bottom: 62px; } } @media only screen and (min-width: 770px) { #cookie-law ~ #outer-wrap #inner-wrap { margin-bottom: 47px; } } #footer .footercontent #form .csc-form-element-checkbox, #footer .footercontent #form .csc-form-element-textblock { float: left; padding-left: 2rem; position: relative; } #footer .footercontent #form .csc-form-element-checkbox input[type="checkbox"] { position: absolute; top: 6px; left: 4px; } #footer .footercontent #form .csc-form-element-textblock { margin-bottom: 16px; } #abkochwasser{ position: absolute; background-color: rgba(202,0,0,0.92); margin-top: 93px; padding: 1em 0; width: 100%; text-align: center; border-radius: 7px; color: white; } @media only screen and (max-width: 960px) { #abkochwasser {margin-top: -105px; width: 97%;} } @media only screen and (max-width: 580px) { #abkochwasser {margin-top: -125px; width: 95%;} } @media only screen and (max-width: 391px) { #abkochwasser {margin-top: -160px; width: 92%;} }