/* Schrift auf 100%: */ /* Farben: #627497 blau, Linien, Überschriften #546382 blau dunkler ([^\s])\{ $1 { */ /* Pixel=em 8=0.5em 9=0.563em 10=0.625em 11=0.688em 12=0.75em 13=0.813em 14=0.875em 15=0.938em 16=1em 17=1.063em 18=1.125em 19=1.188em 20=1.25em 21=1.313em 22=1.375em 23=1.438em 24=1.5em 25=1.563em 26=1.625em 27=1.688em 28=1.75em 29=1.813em 30=1.875em 31=1.938em 32=2em Element font-size margin line-height p 1em 1em 1.2em 0.875em 16px 16px 19.2px 14px h1 2em 1.3400em 2.34em 1.5em 32px 21.44px 37.44px 24px h2 1.5em 1.2450em 1.74em 1.375em 24px 19.92px 27.84px 22px h3 1.17em 1.1699em 1.41em 1.25em 18.72px 18.7184px 22.56px 20px h4 1em 1.3300em 1.2em 1.125em 16px 21.28px 19.2px 18px h5 0.83em 1.3860em 0.92em 1em 13.28px 22.176px 14.72px 16px h6 0.67em 1.5611em 0.76em 0.875em 10.72px 24.9776px 12.16px 14px ul 1em 1em 1.2em 0.875em 16px 16px 19.2px 14px li 1em 0em 1.2em 0.875em 16px 0px 19.2px 14px table, 1em 0em 1.2em 0.875em td 16px 0px 19.2px 14px pre 0.8125em 0.8125em 0.92em 0.75em 13px 13px 14.72px 12px div, 1em 0em 1.2em 0.875em section 16px 0px 19.2px 14px input, 0.6876em 0.125em 0.8125em 0.875em button 11.0016px 2px 13px 14px Element font-size margin line-height */ /* roboto-regular - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Roboto'; font-style: normal; font-weight: 400; src: url('fonts/roboto-v30-latin-regular.eot'); /* IE9 Compat Modes */ src: url('fonts/roboto-v30-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/roboto-v30-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('fonts/roboto-v30-latin-regular.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('fonts/roboto-v30-latin-regular.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('fonts/roboto-v30-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */ } /* roboto-700 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Roboto'; font-style: normal; font-weight: 700; src: url('fonts/roboto-v30-latin-700.eot'); /* IE9 Compat Modes */ src: url('fonts/roboto-v30-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/roboto-v30-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('fonts/roboto-v30-latin-700.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('fonts/roboto-v30-latin-700.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('fonts/roboto-v30-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */ } /* open-sans-regular - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: url('fonts/open-sans-v40-latin-regular.eot'); /* IE9 Compat Modes */ src: url('fonts/open-sans-v40-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/open-sans-v40-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('fonts/open-sans-v40-latin-regular.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('fonts/open-sans-v40-latin-regular.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('fonts/open-sans-v40-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-700 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: url('fonts/open-sans-v40-latin-700.eot'); /* IE9 Compat Modes */ src: url('fonts/open-sans-v40-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/open-sans-v40-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('fonts/open-sans-v40-latin-700.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('fonts/open-sans-v40-latin-700.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('fonts/open-sans-v40-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* montserrat-regular - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Montserrat'; font-style: normal; font-weight: 400; src: url('fonts/montserrat-v26-latin-regular.eot'); /* IE9 Compat Modes */ src: url('fonts/montserrat-v26-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/montserrat-v26-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('fonts/montserrat-v26-latin-regular.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('fonts/montserrat-v26-latin-regular.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('fonts/montserrat-v26-latin-regular.svg#Montserrat') format('svg'); /* Legacy iOS */ } /* montserrat-700 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Montserrat'; font-style: normal; font-weight: 700; src: url('fonts/montserrat-v26-latin-700.eot'); /* IE9 Compat Modes */ src: url('fonts/montserrat-v26-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/montserrat-v26-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('fonts/montserrat-v26-latin-700.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('fonts/montserrat-v26-latin-700.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('fonts/montserrat-v26-latin-700.svg#Montserrat') format('svg'); /* Legacy iOS */ } /* lato-regular - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Lato'; font-style: normal; font-weight: 400; src: url('fonts/lato-v24-latin-regular.eot'); /* IE9 Compat Modes */ src: url('fonts/lato-v24-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/lato-v24-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('fonts/lato-v24-latin-regular.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('fonts/lato-v24-latin-regular.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('fonts/lato-v24-latin-regular.svg#Lato') format('svg'); /* Legacy iOS */ } /* lato-700 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Lato'; font-style: normal; font-weight: 700; src: url('fonts/lato-v24-latin-700.eot'); /* IE9 Compat Modes */ src: url('fonts/lato-v24-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/lato-v24-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('fonts/lato-v24-latin-700.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('fonts/lato-v24-latin-700.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('fonts/lato-v24-latin-700.svg#Lato') format('svg'); /* Legacy iOS */ } /* Variables */ :root { /* Font Family */ --global--font-primary: 'Open Sans', Arial, Helvetica, sans-serif; --global--font-secondary: 'Open Sans', Arial, Helvetica, sans-serif;/* im Moment noch nicht genutzt */ --header--hoehe: 112px; --linke--spalte-breite: 230px; --rechte--spalte-breite: 230px; --button--background-color: rgba(68, 114, 196, 0.9); --button--background-color-hover: rgba(68, 114, 196, 0.95); --button--box-shadow: 0px 3px 5px rgba(50, 50, 50, 0.5); --button--box-shadow-hover: 0px 5px 7px rgba(50, 50, 50, 0.5); } html { width: 100%; height: 100%; } body { /* width: 100%; */ /* height: 100%; */ font-size: 100.01%; margin: 0; padding: 0; border: 0; font-family: var(--global--font-primary); color: #333; background-color: #fff; } *:focus { /* outline: none; outline: 1px dashed red; */ } body, p, td, div, span { font-family: var(--global--font-primary) !important; } A, A:visited { color: #006699; text-decoration: underline; } A:hover { color: #999999; text-decoration: none; } IMG { font-size: 1%; } #divContent IMG { display: inline; } A IMG { border: none; } SUB, SUP { line-height: 0px; font-size: 60%; } #divContent p.text-center { text-align: center; } #divContent H1, #divContent H2, #divContent H3, #divContent H4, #divContent H5, #divContent H6, DIV.csc-header H1, DIV.csc-header H2, DIV.csc-header H3, DIV.csc-header H4, DIV.csc-header H5, DIV.csc-header H6, H1, H2, H3, H4, H5, H6 { color: #627497; font-weight: bold; margin: 0; padding: 0; } #divContent H1, H1 { font-size: 1.5em; padding-bottom: 9px; } #divContent H2, H2 { font-size: 1.375em; padding-bottom: 8px; } #divContent H3, H3 { font-size: 1.25em; padding-bottom: 6px; } #divContent H4, H4 { font-size: 1.125em; padding-bottom: 5px; } #divContent H5, H5 { font-size: 1em; padding-bottom: 3px; } #divContent H6, H6 { font-size: 0.875em; padding-bottom: 2px; } #divContent H1::first-child, H1::first-child { font-size: 0.875em; padding-bottom: 9px; padding-top: 50px; } div.csc-frame-rulerBefore hr { margin: 15px 0 12px 0; padding: 0; } div.csc-frame-rulerAfter hr { margin: 15px 0 12px 0; padding: 0; } .unsichtbar { display: none; font-size: 1%; } #tablePageWrapper { width: 100%; table-layout: fixed; margin: 0; padding: 0; border: 0; border-spacing: 0; } #tdMenuUndContent { width: auto; position: relative; vertical-align: top; padding: 0; } /* start - Header ################################################################################################################################ */ #divMobileHeaderIconMenu { display: none; } #divTopLine { width: 100%; height: 10px; background-color: #627497; } #divHeaderWrapper { width: 85%; margin: 0 auto; position: relative; } #divMenuLeftMobile { display: none; } @media all and (max-width: 1320px) { #divHeaderWrapper { width: 92%; margin: 0 auto; } }/* @media all and (max-width: 1300px) { */ @media all and (max-width: 1220px) { #divHeaderWrapper { width: 98%; margin: 0 auto; } }/* @media all and (max-width: 1220px) { */ @media all and (min-width: 971px) { #divMenuLeftMobile { display: none !important; } }/* @media all and (min-width: 921px) { */ @media all and (max-width: 990px) { #divMobileHeaderIconMenu { display: inline-block; position: absolute; z-index: 4; top: 157px; right: 10px; border: none; } #divMobileHeaderIconMenu.sticky, body.sticky_header #divMobileHeaderIconMenu { position: fixed; top: 90px; right: 10px; transition: top 0.2s; } #divMobileHeaderIconMenu.sticky { top: 10px; } }/* @media all and (max-width: 990px) { */ @media all and (max-width: 920px) { #divMobileHeaderIconMenu.sticky, body.sticky_header #divMobileHeaderIconMenu { top: 59px; } #divMobileHeaderIconMenu.sticky { top: 10px; } } @media all and (max-width: 440px) { #divMobileHeaderIconMenu { top: 105px; } }/* @media all and (max-width: 440px) { */ /* ende - Header ################################################################################################################################ */ /* start - 2Columns ############################################################################################################################## */ #tableColumns { width: 85%; margin: 40px auto; padding: 0; table-layout: fixed; } body.mobile_menu_open #tableColumns { display: none; } @media all and (max-width: 1220px) { #tableColumns { width: 98%; margin: 20px auto; } } #tdColumnsLeft { width: var(--linke--spalte-breite); vertical-align: top; } #tdColumnsContent { width: auto; vertical-align: top; } #tdColumnsRight { width: var(--rechte--spalte-breite); vertical-align: top; border-spacing: 0 !important; } #tdColumnsRight img { max-width: 100%; height: auto; } @media all and (max-width: 740px) { #tdColumnsContent { width: 100% !important; display: block; } #tdColumnsRight { width: 100% !important; display: block; } #tdColumnsRight img { max-width: 100%; height: auto; } } /* Rechte Spalte, Button, Bild darunter > .frame-custom-23 */ .frame-custom-23 { background-color: transparent; transition: background 0.1s ease-in-out 0.1s; } .frame-custom-23:hover { background-color: rgba(68, 114, 196, 0.1); transition: background 0.1s ease-in-out 0.1s; } .frame-custom-23 header h1, .frame-custom-23 header h1:visited, .frame-custom-23 header h2, .frame-custom-23 header h2:visited, .frame-custom-23 header h3, .frame-custom-23 header h3:visited, .frame-custom-23 header h4, .frame-custom-23 header h4:visited, .frame-custom-23 header h5, .frame-custom-23 header h5:visited { padding: 0 !important; } .frame-custom-23 header h1 a, .frame-custom-23 header h1 a:visited, .frame-custom-23 header h2 a, .frame-custom-23 header h2 a:visited, .frame-custom-23 header h3 a, .frame-custom-23 header h3 a:visited, .frame-custom-23 header h4 a, .frame-custom-23 header h4 a:visited, .frame-custom-23 header h5 a, .frame-custom-23 header h5 a:visited { color: #fff !important; background-color: var(--button--background-color); display: block; margin: 0; padding: 3px 6px; text-decoration: none !important; width: calc(var(--rechte--spalte-breite)-12px); transition: color 0.1s ease-in-out 0.1s; } .frame-custom-23 header h1 a:hover, .frame-custom-23 header h2 a:hover, .frame-custom-23 header h3 a:hover, .frame-custom-23 header h4 a:hover, .frame-custom-23 header h5 a:hover { color: #fdd500 !important; background-color: var(--button--background-color-hover); transition: color 0.1s ease-in-out 0.1s; } @media all and (max-width: 970px) { #divContent DIV.csc-textpic-right DIV.csc-textpic-imagewrap .csc-textpic-image, #divContent DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image, #divContent DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap .csc-textpic-image { display: block !important; margin: 0 !important; } } /* ende - 2Columns ############################################################################################################################## */ /* start - Footer ################################################################################################################################ */ #divFooterWrapper { background-color: #e5e5e5; border-top: 10px solid #627497; padding: 30px 0; -webkit-box-shadow: 0px -3px 3px rgba(50, 50, 50, 0.5); -moz-box-shadow: 0px -3px 3px rgba(50, 50, 50, 0.5); box-shadow: 0px -3px 3px rgba(50, 50, 50, 0.5); } #divFooterWrapper A, #divFooterWrapper A:visited { color: #333; text-decoration: underline; } #divFooterWrapper A:hover { color: #546382; text-decoration: none; } #divFooter { width: 85%; margin: 0 auto; } #divFooter p { font-size: 0.875em; } td#tdFooter { vertical-align: bottom; } /* start - Footer gridelements ################################################################################################################### */ #divFooter div { /* display: none; */ } #divFooter div.grid4cols_footer { display: block; } #divFooter div.grid4cols_footer > div { display: block; } #divFooter div.grid4cols_footer > div div { display: block; } #divFooter .gridClearer { display: block; } /* start 4 Spalten mit id: 204,205,206,207 ####### */ div.grid4cols_footer { width: 100%; } div.grid4cols_footer_col1 { display: none !important; float: left; width: 24%; min-width: 230px; min-height: 230px; margin-right: 1%; margin-bottom: 50px; word-wrap: break-word; background: url('../layout/logo-vgem-footer.png') no-repeat 0 0; } div.grid4cols_footer_col2 { display: inline; float: left; width: 33.33%; margin-right: 1%; margin-bottom: 50px; word-wrap: break-word; } div.grid4cols_footer_col3 { display: inline; float: left; width: 33.33%; margin-right: 1%; margin-bottom: 50px; word-wrap: break-word; } div.grid4cols_footer_col4 { display: inline; float: left; width: 31.34%; margin-bottom: 50px; word-wrap: break-word; } div.gridClearer { width: 100%; height: 1px; clear: both; } @media all and (max-width: 1000px) { div.grid4cols_footer_col1 { display: none !important; } div.grid4cols_footer_col2, div.grid4cols_footer_col3 { margin-right: 0; } div.grid4cols_footer_col2, div.grid4cols_footer_col3, div.grid4cols_footer_col4 { width: 100%; margin-bottom: 20px; } } /* ende 4 Spalten mit id: 204,205,206,207 ####### */ /* ende - Footer gridelements ################################################################################################################### */ @media all and (max-width: 1220px) { #divFooter { width: 98%; margin: 0 auto; } }/* @media all and (max-width: 1200px) { */ /* ende - Footer ################################################################################################################################ */ /* start - Menü Left ############################################################################################################################# */ #tdMenuLeft { width: var(--linke--spalte-breite); } #divMenuLeft, #divMenuLeftMobile { width: var(--linke--spalte-breite); margin: 0 0 0 0; overflow: hidden; } #divMenuLeftMobile { position: absolute; top: 54px; left: 0px; width: 99%; background-color: #fff; z-index: 4; border-bottom: 10px solid #ccc; padding-bottom: 400px; } .menuMobileHeader { font-weight: bold; color: #627497; background-color: #f0cc00; margin-bottom: 20px; } /* start - alle ebenen */ .divMenuItemE1 A, .divMenuItemE1 A:visited, .divMenuItemE1aktiv A, .divMenuItemE1aktiv A:visited, .divMenuItemE1sub A, .divMenuItemE1sub A:visited, .divMenuItemE1subaktiv A, .divMenuItemE1subaktiv A:visited, .divMenuItemE2 A, .divMenuItemE2 A:visited, .divMenuItemE2aktiv A, .divMenuItemE2aktiv A:visited, .divMenuItemE2sub A, .divMenuItemE2sub A:visited, .divMenuItemE2subaktiv A, .divMenuItemE2subaktiv A:visited, .divMenuItemE3 A, .divMenuItemE3 A:visited, .divMenuItemE3aktiv A, .divMenuItemE3aktiv A:visited, .divMenuItemE3sub A, .divMenuItemE3sub A:visited, .divMenuItemE3subaktiv A, .divMenuItemE3subaktiv A:visited, .divMenuItemE4 A, .divMenuItemE4 A:visited, .divMenuItemE4aktiv A, .divMenuItemE4aktiv A:visited, .divMenuItemE4sub A, .divMenuItemE4sub A:visited, .divMenuItemE4subaktiv A, .divMenuItemE4subaktiv A:visited, .divMenuItemE5 A, .divMenuItemE5 A:visited, .divMenuItemE5aktiv A, .divMenuItemE5aktiv A:visited, .divMenuItemE5sub A, .divMenuItemE5sub A:visited, .divMenuItemE5subaktiv A, .divMenuItemE5subaktiv A:visited, .divMenuItemE6 A, .divMenuItemE6 A:visited, .divMenuItemE6aktiv A, .divMenuItemE6aktiv A:visited, .divMenuItemE6sub A, .divMenuItemE6sub A:visited, .divMenuItemE6subaktiv A, .divMenuItemE6subaktiv A:visited, .divMenuItemE7 A, .divMenuItemE7 A:visited, .divMenuItemE7aktiv A, .divMenuItemE7aktiv A:visited, .divMenuItemE7sub A, .divMenuItemE7sub A:visited, .divMenuItemE7subaktiv A, .divMenuItemE7subaktiv A:visited, .divMenuItemE8 A, .divMenuItemE8 A:visited, .divMenuItemE8aktiv A, .divMenuItemE8aktiv A:visited, .divMenuItemE8sub A, .divMenuItemE8sub A:visited, .divMenuItemE8subaktiv A, .divMenuItemE8subaktiv A:visited, .divMenuItemE9 A, .divMenuItemE9 A:visited, .divMenuItemE9aktiv A, .divMenuItemE9aktiv A:visited, .divMenuItemE9sub A, .divMenuItemE9sub A:visited, .divMenuItemE9subaktiv A, .divMenuItemE9subaktiv A:visited { font-weight: normal; color: #333; display: block; text-decoration: none; border-bottom: #dcdcdc 1px solid; } .divMenuItemE1aktiv A, .divMenuItemE1aktiv A:visited, .divMenuItemE1sub A, .divMenuItemE1sub A:visited, .divMenuItemE1subaktiv A, .divMenuItemE1subaktiv A:visited { background: transparent url(../layout/nav-arrow-grey.png) no-repeat left center; } .divMenuItemE2aktiv A, .divMenuItemE2aktiv A:visited, .divMenuItemE2sub A, .divMenuItemE2sub A:visited, .divMenuItemE2subaktiv A, .divMenuItemE2subaktiv A:visited { background: transparent url(../layout/nav-arrow-grey.png) no-repeat 7px center; } .divMenuItemE3aktiv A, .divMenuItemE3aktiv A:visited, .divMenuItemE3sub A, .divMenuItemE3sub A:visited, .divMenuItemE3subaktiv A, .divMenuItemE3subaktiv A:visited { background: transparent url(../layout/nav-arrow-grey.png) no-repeat 14px center; } .divMenuItemE4aktiv A, .divMenuItemE4aktiv A:visited, .divMenuItemE4sub A, .divMenuItemE4sub A:visited, .divMenuItemE4subaktiv A, .divMenuItemE4subaktiv A:visited { background: transparent url(../layout/nav-arrow-grey.png) no-repeat 21px center; } .divMenuItemE5aktiv A, .divMenuItemE5aktiv A:visited, .divMenuItemE5sub A, .divMenuItemE5sub A:visited, .divMenuItemE5subaktiv A, .divMenuItemE5subaktiv A:visited { background: transparent url(../layout/nav-arrow-grey.png) no-repeat 28px center; } .divMenuItemE6aktiv A, .divMenuItemE6aktiv A:visited, .divMenuItemE6sub A, .divMenuItemE6sub A:visited, .divMenuItemE6subaktiv A, .divMenuItemE6subaktiv A:visited { background: transparent url(../layout/nav-arrow-grey.png) no-repeat 35px center; } .divMenuItemE7aktiv A, .divMenuItemE7aktiv A:visited, .divMenuItemE7sub A, .divMenuItemE7sub A:visited, .divMenuItemE7subaktiv A, .divMenuItemE7subaktiv A:visited { background: transparent url(../layout/nav-arrow-grey.png) no-repeat 42px center; } .divMenuItemE8aktiv A, .divMenuItemE8aktiv A:visited, .divMenuItemE8sub A, .divMenuItemE8sub A:visited, .divMenuItemE8subaktiv A, .divMenuItemE8subaktiv A:visited { background: transparent url(../layout/nav-arrow-grey.png) no-repeat 49px center; } .divMenuItemE9aktiv A, .divMenuItemE9aktiv A:visited, .divMenuItemE9sub A, .divMenuItemE9sub A:visited, .divMenuItemE9subaktiv A, .divMenuItemE9subaktiv A:visited { background: transparent url(../layout/nav-arrow-grey.png) no-repeat 56px center; } /* ende - alle ebenen */ /* start - ebene 1 */ .divMenuItemE1 A, .divMenuItemE1 A:visited, .divMenuItemE1aktiv A, .divMenuItemE1aktiv A:visited, .divMenuItemE1sub A, .divMenuItemE1sub A:visited, .divMenuItemE1subaktiv A, .divMenuItemE1subaktiv A:visited { font-size: 0.875em; font-weight: bold; padding: 8px 5px 8px 10px; } .divMenuItemE1 A, .divMenuItemE1sub A, .divMenuItemE2 A, .divMenuItemE2sub A, .divMenuItemE3 A, .divMenuItemE3sub A, .divMenuItemE4 A, .divMenuItemE4sub A, .divMenuItemE5 A, .divMenuItemE5sub A, .divMenuItemE6 A, .divMenuItemE6sub A, .divMenuItemE7 A, .divMenuItemE7sub A, .divMenuItemE8 A, .divMenuItemE8sub A, .divMenuItemE9 A, .divMenuItemE9sub A { /* background-color: #8fa9dc; background-color: #d8d8d8; */ background-color: #e1e5ed; } .divMenuItemE1 A:hover, .divMenuItemE1aktiv A, .divMenuItemE1aktiv A:visited { background-color: #627497; color: #fff; } .divMenuItemE1sub A:hover, .divMenuItemE1subaktiv A, .divMenuItemE1subaktiv A:visited { background: url(../layout/nav-arrow-white.png) no-repeat left center; background-color: #627497; color: #fff; } /* ende - ebene 1 */ /* start - ebene 2 */ .divMenuItemE2 A, .divMenuItemE2 A:visited, .divMenuItemE2aktiv A, .divMenuItemE2aktiv A:visited, .divMenuItemE2sub A, .divMenuItemE2sub A:visited, .divMenuItemE2subaktiv A, .divMenuItemE2subaktiv A:visited { font-size: 0.875em; padding: 5px 5px 5px 17px; } .divMenuItemE2 A:hover, .divMenuItemE2aktiv A, .divMenuItemE2aktiv A:visited { background: none; background-color: #627497; color: #fff; } .divMenuItemE2sub A:hover, .divMenuItemE2subaktiv A, .divMenuItemE2subaktiv A:visited { background: url(../layout/nav-arrow-white.png) no-repeat 7px center; background-color: #627497; color: #fff; } /* ende - ebene 2 */ /* start - ebene 3 */ .divMenuItemE3 A, .divMenuItemE3 A:visited, .divMenuItemE3aktiv A, .divMenuItemE3aktiv A:visited, .divMenuItemE3sub A, .divMenuItemE3sub A:visited, .divMenuItemE3subaktiv A, .divMenuItemE3subaktiv A:visited { font-size: 0.813em; padding: 5px 5px 5px 24px; } .divMenuItemE3 A:hover, .divMenuItemE3aktiv A, .divMenuItemE3aktiv A:visited { background: none; background-color: #627497; color: #fff; } .divMenuItemE3sub A:hover, .divMenuItemE3subaktiv A, .divMenuItemE3subaktiv A:visited { background: url(../layout/nav-arrow-white.png) no-repeat 14px center; background-color: #627497; color: #fff; } /* ende - ebene 3 */ /* start - ebene 4 */ .divMenuItemE4 A, .divMenuItemE4 A:visited, .divMenuItemE4aktiv A, .divMenuItemE4aktiv A:visited, .divMenuItemE4sub A, .divMenuItemE4sub A:visited, .divMenuItemE4subaktiv A, .divMenuItemE4subaktiv A:visited { font-size: 0.813em; padding: 5px 5px 5px 31px; } .divMenuItemE4 A:hover, .divMenuItemE4aktiv A, .divMenuItemE4aktiv A:visited { background: none; background-color: #627497; color: #fff; } .divMenuItemE4sub A:hover, .divMenuItemE4subaktiv A, .divMenuItemE4subaktiv A:visited { background: url(../layout/nav-arrow-white.png) no-repeat 21px center; background-color: #627497; color: #fff; } /* ende - ebene 4 */ /* start - ebene 5 */ .divMenuItemE5 A, .divMenuItemE5 A:visited, .divMenuItemE5aktiv A, .divMenuItemE5aktiv A:visited, .divMenuItemE5sub A, .divMenuItemE5sub A:visited, .divMenuItemE5subaktiv A, .divMenuItemE5subaktiv A:visited { font-size: 0.813em; padding: 5px 5px 5px 38px; } .divMenuItemE5 A:hover, .divMenuItemE5aktiv A, .divMenuItemE5aktiv A:visited { background: none; background-color: #627497; color: #fff; } .divMenuItemE5sub A:hover, .divMenuItemE5subaktiv A, .divMenuItemE5subaktiv A:visited { background: url(../layout/nav-arrow-white.png) no-repeat 28px center; background-color: #627497; color: #fff; } /* ende - ebene 5 */ /* start - ebene 6 */ .divMenuItemE6 A, .divMenuItemE6 A:visited, .divMenuItemE6aktiv A, .divMenuItemE6aktiv A:visited, .divMenuItemE6sub A, .divMenuItemE6sub A:visited, .divMenuItemE6subaktiv A, .divMenuItemE6subaktiv A:visited { font-size: 0.813em; padding: 5px 5px 5px 45px; } .divMenuItemE6 A:hover, .divMenuItemE6aktiv A, .divMenuItemE6aktiv A:visited { background: none; background-color: #627497; color: #fff; } .divMenuItemE6sub A:hover, .divMenuItemE6subaktiv A, .divMenuItemE6subaktiv A:visited { background: url(../layout/nav-arrow-white.png) no-repeat 35px center; background-color: #627497; color: #fff; } /* ende - ebene 6 */ /* start - ebene 7 */ .divMenuItemE7 A, .divMenuItemE7 A:visited, .divMenuItemE7aktiv A, .divMenuItemE7aktiv A:visited, .divMenuItemE7sub A, .divMenuItemE7sub A:visited, .divMenuItemE7subaktiv A, .divMenuItemE7subaktiv A:visited { font-size: 0.813em; padding: 5px 5px 5px 52px; } .divMenuItemE7 A:hover, .divMenuItemE7aktiv A, .divMenuItemE7aktiv A:visited { background: none; background-color: #627497; color: #fff; } .divMenuItemE7sub A:hover, .divMenuItemE7subaktiv A, .divMenuItemE7subaktiv A:visited { background: url(../layout/nav-arrow-white.png) no-repeat 42px center; background-color: #627497; color: #fff; } /* ende - ebene 7 */ /* start - ebene 8 */ .divMenuItemE8 A, .divMenuItemE8 A:visited, .divMenuItemE8aktiv A, .divMenuItemE8aktiv A:visited, .divMenuItemE8sub A, .divMenuItemE8sub A:visited, .divMenuItemE8subaktiv A, .divMenuItemE8subaktiv A:visited { font-size: 0.813em; padding: 5px 5px 5px 59px; } .divMenuItemE8 A:hover, .divMenuItemE8aktiv A, .divMenuItemE8aktiv A:visited { background: none; background-color: #627497; color: #fff; } .divMenuItemE8sub A:hover, .divMenuItemE8subaktiv A, .divMenuItemE8subaktiv A:visited { background: url(../layout/nav-arrow-white.png) no-repeat 49px center; background-color: #627497; color: #fff; } /* ende - ebene 8 */ /* start - ebene 9 */ .divMenuItemE9 A, .divMenuItemE9 A:visited, .divMenuItemE9aktiv A, .divMenuItemE9aktiv A:visited, .divMenuItemE9sub A, .divMenuItemE9sub A:visited, .divMenuItemE9subaktiv A, .divMenuItemE9subaktiv A:visited { font-size: 0.813em; padding: 5px 5px 5px 66px; } .divMenuItemE9 A:hover, .divMenuItemE9aktiv A, .divMenuItemE9aktiv A:visited { background: none; background-color: #627497; color: #fff; } .divMenuItemE9sub A:hover, .divMenuItemE9subaktiv A, .divMenuItemE9subaktiv A:visited { background: url(../layout/nav-arrow-white.png) no-repeat 56px center; background-color: #627497; color: #fff; } /* ende - ebene 9 */ .divMenuItemEmpty { height: 20px; font-size: 1.25em; } /* ende - Menü Left ############################################################################################################################# */ /* ##################### start - Main ######################## */ #divContentWrapper { width: auto; padding: 5px 20px 20px 20px; float: none; } #divContent { text-align: left; } #divContent TABLE { } #divContent H1 A, #divContent H2 A, #divContent H3 A, #divContent H4 A, #divContent H5 A, #divContent H6 A, #divContent H1 A:link, #divContent H2 A:link, #divContent H3 A:link, #divContent H4 A:link, #divContent H5 A:link, #divContent H6 A:link, #divContent H1 A:visited, #divContent H2 A:visited, #divContent H3 A:visited, #divContent H4 A:visited, #divContent H5 A:visited, #divContent H6 A:visited, #divContent H1 A:active, #divContent H2 A:active, #divContent H3 A:active, #divContent H4 A:active, #divContent H5 A:active, #divContent H6 A:active { color: #627497; text-decoration: underline; } #divContent H1 A:hover, #divContent H2 A:hover, #divContent H3 A:hover, #divContent H4 A:hover, #divContent H5 A:hover, #divContent H6 A:hover { color: #999; text-decoration: none; } P A, P A:link, P A:visited, P A:active { color: #006699; text-decoration: underline; } P A:hover { color: #999999; text-decoration: none; } #divContent UL { margin: 0 0 0 15px; padding: 0 0 0 0; } #divContent p { font-size: 0.875em; margin: 0 0 8px 0; padding: 0 0 0 0; } #divContent a, #divContent .ce-bodytext ul li, #divContent .ce-bodytext ol li { font-size: 0.875em; } /* Schrift auf 100%: */ #divContent p a { font-size: 100%; } body > ul, body > ol { font-size: 0.85em; } #divContent .ce-border img, #divContent .ce-border iframe{ border: none !important; } #divContent .ce-intext.ce-left .ce-gallery{ margin-right: 40px; } #divContent .ce-intext.ce-right .ce-gallery, .ce-intext.ce-left .ce-gallery, .ce-above .ce-gallery{ margin-bottom: 5px; } /* ##################### ende - Main ######################## */ /* Begin - Forms */ #powermail_field_ihrenachrichtanuns{ width: 400px; max-width: 100% !important; } .powermail_input, .powermail_captcha{ width: 400px; max-width: 100% !important; } .powermail_captcha{ width: 50px; } fieldset.powermail_fieldset{ border: none; margin: 0; padding: 0; } .powermail_fieldwrap{ clear: both; } .powermail_field{ margin-bottom: 15px; } .powermail_fieldwrap_datenschutz .powermail_field, .powermail_fieldwrap_agbsundwiderrufsbelehrung .powermail_field{ margin-bottom: 0; } form#Formular textarea{ width: 350px; height: 91px; border-bottom: 1px #999 solid; border-right: 1px #999 solid; border-left: 1px #999 solid; border-top: 1px #999 solid; font-family: var(--global--font-primary); background-color: #e5e5e5; } form#Formular input.formsTextFields{ width: 350px; max-width: 100% !important; border-bottom: 1px #999 solid; border-right: 1px #999 solid; border-left: 1px #999 solid; border-top: 1px #999 solid; font-family: var(--global--font-primary); background-color: #e5e5e5; margin-bottom: 15px; } img.powermail_captchaimage{ display: block; } ul.parsley-errors-list li, .powermail_message_error{ font-size: 120%; font-weight: bold; color: #D50007; } .powermail_fieldwrap_type_submit{ margin: 20px 0 50px 0; } .btn-group form{ float: left; margin-right: 20px; } .powermail_create table, .powermail_confirmation table{ margin: 0; padding: 0; } .powermail_create table td, .powermail_confirmation table td{ margin: 0; } .powermail_create td.powermail_all_label, .powermail_confirmation td.powermail_all_label{ width: 25%; background: rgba(255, 255, 255, 0.3); padding: 10px 0 10px 5px; } .powermail_create td.powermail_all_value, .powermail_confirmation td.powermail_all_value{ width: 75%; background: rgba(255, 255, 255, 0.3); padding: 10px 0 10px 20px; } label.powermail_label, .powermail_field { font-size: 0.875em; } .powermail_field label, #divContent .powermail_field a { font-size: 100%; } @media all and (max-width: 485px) { div.tx-powermail input.powermail_input, div.tx-powermail #powermail_field_ihrenachrichtanuns { width: 90%; } } /* ##################### ende - Forms ##################### */ /* ##################### start - tt_content ##################### */ /* Margins around images: */ /* Pictures on left, add margin on right */ #divContent DIV.csc-textpic-left DIV.csc-textpic-imagewrap .csc-textpic-image, #divContent DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image, #divContent DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap .csc-textpic-image { display: inline; /* IE fix for double-margin bug */ margin-right: 5px; } /* Pictures on right, add margin on left */ #divContent DIV.csc-textpic-right DIV.csc-textpic-imagewrap .csc-textpic-image, #divContent DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image, #divContent DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap .csc-textpic-image { display: inline; /* IE fix for double-margin bug */ margin-left: 5px; } /* Pictures centered, add margin on left */ #divContent DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image { display: inline; /* IE fix for double-margin bug */ margin-left: 5px; } /* Bild Untertext */ #divContent DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption { font-size: 80%; color: #666; padding: 3px 0px 0px 0px; } DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image IMG { margin: 0 0 0 0; } /* Space below each image (also in-between rows) */ DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image { margin: 0 0 0 0; padding: 0 0 0 0; } DIV.csc-textpic-equalheight DIV.csc-textpic-imagerow { margin-bottom: 5px; display: block; } DIV.csc-textpic DIV.csc-textpic-imagerow { clear: both; } /* No margins around the whole image-block */ DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-firstcol { margin: 0 0 12px 0; } DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-lastcol { margin: 0 0 12px 0; } /* Add margin from image-block to text (in case of "Text w/ images") */ DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap, DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap { margin-right: 5px !important; } DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap, DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap { margin-left: 5px !important; } /* ##################### Rahmen für die Bilder ##################### */ DIV.csc-textpic-border DIV.csc-textpic-imagewrap .csc-textpic-image IMG { border: 2px solid #666; } /* ##################### ende - tt_content ##################### */ /* ##################### start - damit Aufzählungspunkte nicht hinter dem Bild verschwinden ##################### */ DIV.csc-textpic-text LI { margin: 0 0 0 5px; padding: 0 0 0 0; } /* ##################### ende - damit Aufzählungspunkte nicht hinter dem Bild verschwinden ##################### */ TABLE.contenttable P P IMG { border: none; } /* ##################### start - News ##################### */ /*----------------------------------- clearer -----------------------------------*/ /* prevent floated images from overlapping the div-containers they are wrapped in */ .news-list-container HR.clearer, .news-single-item HR.clearer, .news-latest-container HR.clearer { clear: right; height: 1px; border: none; } .news-latest-container HR.clearer { clear: left; } /*----------------------------------- tt_news LATEST view -----------------------------------*/ .news-latest-container { margin: 5px 0 0 5px; padding: 0 0 0 0; } .news-latest-container P { margin: 0 0 0 0; padding: 0 0 0 0; } .news-latest-category { float: right; } * html .news-latest-category { /* für IE 5 + 6 */ margin-top: 10px; } .news-latest-container .news-latest-item H5 { color: #27A689; margin: 0 0 0 0; padding: 0 0 0 0; } .news-latest-container .news-latest-item P { margin: 0 0 0 0; padding: 0 0 0 0; } .news-latest-gotoarchive { font-weight: bold; margin-top: 5px; } .news-latest-item IMG { margin: 0 5px 5px 0; border: 1px solid #666666; float: left; } .news-latest-category IMG { float: none; border: none; margin: 0px; } .news-latest-container .news-latest-date { margin: 0 0 0 0; padding: 0 0 0 0; } .news-latest-morelink { font-size: 80%; margin: 0 0 0 0; padding: 0 0 0 0; } .news-latest-morelink A, .news-latest-morelink A:link, .news-latest-morelink A:visited, .news-latest-morelink A:active { color: #666; text-decoration: underline; } .news-latest-morelink A:hover { color: #999; text-decoration: none; } /*------------ tt_news LIST view (Übersichts-Startseite der Nachrichten und Termine) -----------*/ .news-list-container { margin: 0 0 0 0; padding: 0 0 0 0; } .news-list-item-extrafields-entry.thema { min-width: 90%; } #tableNews-list-container { width: 100%; } .news-list-container p { margin: 0 0 0 0; } .news-list-gotoarchive { font-weight: bold; margin-top: 5px; } .news-list-item { padding: 0 0 0 0; margin: 0 0 0 0; } .news-list-item p { } H4.news-list-item { margin: 5px 0 5px 0; } TR.news-list-item { } TD.news-list-item-trenner { margin: 0 0 0 0; padding: 0 0 0 0; height: 2px; } TD.news-list-item-trenner hr { border: 0; border-bottom: 1px dashed #ccc; background: #fff; margin: 25px 0 25px 0; } .news-list-item-extrafields { font-weight: bold; } .news-list-item-extrafields-entry { } .news-list-item-extrafields-entry.start-vgem { } .news-list-item-extrafields-entry.start-vgem .title { } .news-list-item-extrafields-entry.start-vgem .subheader { margin: 10px 0 20px 0; border-bottom: 1px solid #ccc; padding-bottom: 20px; min-height: 70px; } .news-list-item-extrafields-entry.cat { color: #ccc; } TR.trVeranstaltungenZeile:hover { /* background-color: #FBF4E0; */ } .news-list-category IMG { float: none; border: none; margin: 0px; } .news-list-date,.news-list-category { } .news-list-container H3 { margin-bottom: 5px; padding: 2px; border-bottom: 1px solid #769024; background-color: #769024; } .news-list-container H4 { margin: 3px 0 3px 0; } .news-list-container H3 A:LINK,.news-list-container H3 A:VISITED,.news-list-container H3 A:HOVER { color: #FFFFFF; padding-left: 2px; } .news-list-container H3 A { } .news-list-imgcaption { float: right; padding-top: 3px; padding-right: 3px; } .news-list-image { margin: 0 0 0 0; float: right; } * html .news-list-image { /* für IE 5 + 6 */ margin: 0 0 0 0; } .news-list-container IMG { float: left; margin: 0 20px 20px 0; } .news-list-image A { padding: 0 0 0 0; } .news-list-morelink { display: block; padding: 0 0 0 0; } div.news-list-browse div.showResultsWrap { font-size: 90%; margin-top: 30px; } div.news-list-browse div.browseLinksWrap { font-size: 90%; } .news-single-rightbox, .news-single-imgcaption, .news-latest-date, .news-latest-morelink, .news-latest-category, .news-list-category, .news-list-author, .news-list-imgcaption, .news-list-date, .news-list-browse, .news-amenu-container, .news-catmenu { font-size: unset; } .news-list-browse { text-align: center; } /*--------------------------------- tt_news search ---------------------------------*/ .news-search-emptyMsg { margin: 0px; } .news-search-form { border-top: 1px solid #e4e4e4; padding: 3px; margin-bottom: 5px; } .news-search-form FORM { margin: 0px; } /*--------------------------------- tt_news Page-Browser ---------------------------------*/ .tx-ttnews-browsebox { } .tx-ttnews-browsebox TD { } .tx-ttnews-browsebox-strong, .tx-ttnews-browsebox-SCell { font-weight: bold; } .tx-ttnews-browsebox-SCell P,.tx-ttnews-browsebox TD P { margin: 0px; } .tx-ttnews-browsebox-SCell { } /*--------------------------------- tt_news SINGLE view ---------------------------------*/ .news-single-item { } .news-single-item { margin: 0 40px 0 0; } .news-single-item UL { margin: 0 40px 0 0; } .news-single-img { float: right; margin: 5px; } .news-single-img A { padding: 0 0 0 0; } .news-single-imgcaption { padding: 3px; clear: both; } .news-single-category { float: right; text-align: right; } .news-single-backlink { font-weight: normal; margin: 10px 0 2px 0; } .news-single-backlink A, .news-single-backlink A:link, .news-single-backlink A:visited, .news-single-backlink A:active { color: #333; text-decoration: underline; } .news-single-backlink A:hover { color: #666; text-decoration: none; } .news-single-timedata { float: right; } .news-single-timedata, .news-single-author,.news-single-imgcaption { } .news-single-author { padding-bottom: 3px; } .news-single-additional-info { margin-top: 15px; border: 1px solid #CCCCCC; padding: 3px 3px 3px 0; padding-bottom: 0px; } .news-single-related,.news-single-files,.news-single-links { margin: 0 0 3px 0; padding: 3px 3px 3px 0; } .news-single-related DD, .news-single-links DD, .news-single-files DD { margin-left: 15px; } .news-single-related DT, .news-single-links DT, .news-single-files DT { font-weight: bold; margin: 0 0 2px 0; padding: 0 0 0 0; } /*--------------------------------- tt_news Archivemenu (AMENU) --------------------------------- */ .news-amenu-container { float: right; margin: 0 0 6px 6px; } .news-amenu-container LI { padding-bottom: 1px; } .news-amenu-container UL { padding: 0 0 3px 3px; list-style-type: none; } .news-amenu-item-year { font-weight: bold; padding: 6px 0 0 0; } /*--------------------------------- tt_news Categorymenu (CATMENU) --------------------------------- */ .news-catmenu { padding: 5px; margin: 10px 0px 10px 10px; border: 1px solid #666666; background-color: #F9FFE5; } .news-catmenu-header { font-weight: bold; } .news-catmenu DIV { white-space: nowrap; } .news-catmenu DIV img, .news-catmenu img, .news-catmenu-header img { margin: 0px; padding: 0px; vertical-align: middle; } .news-catmenu-ACT { font-weight: bold; } /* Styles for catmenu mode "nestedWraps" */ .level1 { padding: 1px; padding-left: 10px; background-color: #EBF8BF; border-left: 1px solid #666666; border-top: 1px solid #666666; } .level2 { padding: 1px; padding-left: 10px; background-color: #DDF393; border-left: 1px solid #666666; } .level3 { padding: 1px; padding-left: 10px; background-color: #CAE46E; border-left: 1px solid #666666; border-top: 1px solid #666666; } .level4 { padding: 1px; padding-left: 10px; background-color: #B0CB51; border-left: 1px solid #666666; } /* ##################### ende - News ##################### */ /* ##################### start - indexed_search ##################### */ .tx-indexedsearch TD{ font-family: var(--global--font-primary); } .tx-indexedsearch-browsebox LI{ display: inline; margin-right: 5px; } .tx-indexedsearch-whatis{ margin-top: 10px; margin-bottom: 5px; } .tx-indexedsearch-whatis .tx-indexedsearch-sw{ font-weight: bold; font-style: italic; } .tx-indexedsearch-noresults{ text-align: center; font-weight: bold; } .tx-indexedsearch-res{ margin: 50px 0; } .tx-indexedsearch-res TD.tx-indexedsearch-description{ font-style: italic; } .tx-indexedsearch-res .tx-indexedsearch-description .tx-indexedsearch-redMarkup{ color: red; } .tx-indexedsearch-res .tx-indexedsearch-info{ background: #e5e3cf; } .tx-indexedsearch-res .tx-indexedsearch-secHead{ margin-top: 20px; margin-bottom: 5px; } .tx-indexedsearch-res .tx-indexedsearch-secHead H2{ margin-top:0px; margin-bottom:0px; } .tx-indexedsearch-res .tx-indexedsearch-secHead TD{ background-color: #cccccc; vertical-align: middle; } .tx-indexedsearch-res .noResume{ color: #666666; } .tx-indexedsearch-category{ background-color: #cccccc; font-size: 100%; font-weight: bold; } /* Additional styles, needed for the tableless template_css.tmpl (styles don't conflict with the original template) */ .res-tmpl-css{ clear: both; margin-bottom: 16px; } .searchbox-tmpl-css LABEL{ margin-right: 16px; width: 10em; float: left; } .result-count-tmpl-css, .percent-tmpl-css{ letter-spacing: 0.05em; font-weight: normal; margin-top: -20px; float: right; } .info-tmpl-css dt, .tx-indexedsearch dl.info-tmpl-css dd{ float: left; } .info-tmpl-css dd.item-mtime{ float: none; } .info-tmpl-css dd.item-path{ float: none; } DIV.tx-indexedsearch-rules H3{ padding: 10px 0 0 0; margin: 0 0 0 0; } DIV.tx-indexedsearch-rules P{ padding: 0 0 0 0; margin: 0 0 0 0; } #divSuche{ margin: 24px 0 0 12px; } #divSuche .inputTextfeldSuche { width: 150px; height: 15px; margin: 0 0 0 0; padding: 0 0 0 1px; border: 1px solid #7A84B4; font-family: var(--global--font-primary); font-size: 0.875em; color: #203A73; background-color: #F1EED8; display: inline; } .tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-sword { margin: 0 0 5px 5px; } #divSuche .inputButtonSuche{ width: 15px; height: 15px; margin: 3px 0 0 0px; padding: 0 0 0 0; display: inline; } .tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-sword, .tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-button { font-size: 1em; } .tx-indexedsearch-searchbox TD{ font-family: var(--global--font-primary); font-size: 0.938em; } .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-sword{ width: 300px; height: 16px; margin: 0 0 0 0; padding: 0 2px 0 2px; border: 1px solid #333; font-family: var(--global--font-primary); font-size: 0.938em; color: #333; background-color: #fff; } .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-button{ width: auto; margin: 1px 0 1px 0; font-family: var(--global--font-primary); font-size: 0.938em; color: #333; border: 1px solid #333; } .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-sword, .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-button{ font-size: 100%; } #tx_indexedsearch fieldset{ border: none; margin: 20px 0; } #tx_indexedsearch fieldset legend{ display: none; } /* ##################### ende - indexed_search ##################### */ /* Left, center, right and justify alignment of text in block elements*/ .align-right { text-align: right; } .align-left { text-align: left; } .align-center { text-align: center; } .align-justify { text-align: justify; } #divBigImage { position: relative; clear: left; width: 100%; height: auto; margin: 0; padding: 0; /*background-color: #fff;*/ /*overflow: hidden;*/ border-bottom: 10px solid #627497; -webkit-box-shadow: 0px 3px 3px rgba(50, 50, 50, 0.5); -moz-box-shadow: 0px 3px 3px rgba(50, 50, 50, 0.5); box-shadow: 0px 3px 3px rgba(50, 50, 50, 0.5); } /* Sliderhöhe bei Full-HD auf bestimmte Höhe begrenzen: */ /* Restliche Seiten: */ #divBigImage { height: 220px; max-height: 220px; overflow: hidden; } /*body.sticky_header #divBigImage { background: rgba(255, 255, 255, 0.7); }*/ @media all and (max-width: 485px) { #divBigImage { height: auto; } } .sliderWrapper { display: none; } /* Startseiten mit großem Kopfbild: */ body.pid-21 #divBigImage, body.pid-55 #divBigImage, body.pid-60 #divBigImage, body.pid-35 #divBigImage, body.pid-67 #divBigImage, body.pid-74 #divBigImage, body.pid-81 #divBigImage, body.pid-297 #divBigImage { height: auto; max-height: 540px;/*vorher 700px*/ overflow: hidden; } body.pid-21 .sliderWrapper, body.pid-55 .sliderWrapper, body.pid-60 .sliderWrapper, body.pid-35 .sliderWrapper, body.pid-67 .sliderWrapper, body.pid-74 .sliderWrapper, body.pid-81 .sliderWrapper, body.pid-297 .sliderWrapper { /*display: block;*/ display: none; } /* start - Menü Top ############################################################################################################################## */ #divMenuTopWrapper { position: absolute; top: 188px !important; z-index: 9; width: 100%; background: rgba(255, 255, 255, 0.7); box-shadow: 0px 1px 1px rgba(0, 0, 0, .12); -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, .12); -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, .12); /*transition: top 0.2s;*/ } body.sticky_header #divMenuTopWrapper { border-bottom: 3px solid #627497; position: fixed; top: 87px !important; /*transition: top 0.2s;*/ } #divMenuTop { padding: 0; text-align: center; font-size: 1px; } @media all and (max-width: 1200px) { #divMenuTop { width: 100%; margin: 0; font-size: 14px !important; } } .menu-top-single, .menu-top-single-aktiv { display: inline-block; margin-right: 20px; font-size: 14px !important; position: relative; } @media all and (max-width: 1200px) { .menu-top-single, .menu-top-single-aktiv { margin-right: 15px; font-size: 14px !important; } } @media all and (max-width: 1100px) { .menu-top-single, .menu-top-single-aktiv { margin-right: 10px; font-size: 14px !important; } } .menu-top-single a, .menu-top-single a:visited, .menu-top-single-aktiv a, .menu-top-single-aktiv a:visited { color: #333; text-decoration: none; font-size: 14px !important; font-weight: bold; padding: 0 5px 3px 5px; display: block; } .menu-top-single-aktiv a, .menu-top-single-aktiv a:visited, .menu-top-single a:hover { color: #fff; background-color: #627497; } .menu-top-sub-single-wrapper { position: absolute; } .menu-top-sub-single { position: relative; } @media all and (max-width: 990px) { #divMenuTopWrapper { display: none; } } /* ende - Menü Top ############################################################################################################################## */ .headerWappen { position: relative; width: 85%; margin: 0 auto; table-layout: fixed; } @media all and (max-width: 1400px) { .headerWappen { width: 98%; margin: 0 auto; } } .headerWappenLogoVgem { position: absolute; top: 10px; left: 0; animation-duration: 1.5s; animation-name: turn; animation-iteration-count: 2; animation-direction: alternate-reverse; animation-timing-function: linear; } .headerWappenLogoVgem:hover { animation-duration: 1.5s; animation-name: turn; animation-iteration-count: infinite; animation-direction: alternate-reverse; animation-timing-function: linear; } @keyframes turn { 0% { transform: rotateY(30deg); transform-origin: 50% 50px; } 100% { transform: rotateY(0deg); transform-origin: 100% 100px; } } .headerWappenVgemSchriftzug { position: absolute; /*font-family: Times, "Times New Roman", serif !important;*/ font-family: var(--global--font-primary); font-weight: bold; color: #515f7d; } .headerWappenVgemSchriftzug a, .headerWappenVgemSchriftzug a:visited { text-decoration: none; color: #515f7d; } .headerWappenVgemSchriftzug a:hover { color: #627497; } @media all and (min-width: 651px) { .headerWappenVgemSchriftzug { top: 10px; left: 120px; } .headerWappenVgemSchriftzug, .headerWappenVgemSchriftzug a, .headerWappenVgemSchriftzug a:visited { font-size: 151% !important; } } @media all and (max-width: 650px) { .headerWappenVgemSchriftzug { top: 11px; left: 110px; } .headerWappenVgemSchriftzug, .headerWappenVgemSchriftzug a, .headerWappenVgemSchriftzug a:visited { font-size: 150% !important; } } @media all and (max-width: 600px) { .headerWappenVgemSchriftzug { top: 18px; left: 110px; } .headerWappenVgemSchriftzug, .headerWappenVgemSchriftzug a, .headerWappenVgemSchriftzug a:visited { font-size: 138% !important; } } @media all and (max-width: 530px) { .headerWappenVgemSchriftzug { top: 28px; } .headerWappenVgemSchriftzug, .headerWappenVgemSchriftzug a, .headerWappenVgemSchriftzug a:visited { font-size: 122% !important; } .tx-ws-flexslider .flexslider .flex-control-nav { display: none; } } @media all and (max-width: 440px) { .headerWappenWrapper { height: 68px; } .headerWappenLogoVgem img { width: 85px; height: auto; } .headerWappenLogoVgem { position: absolute; top: 10px; left: 0; } .headerWappenVgemSchriftzug { top: 25px; left: 90px; } .headerWappenVgemSchriftzug, .headerWappenVgemSchriftzug a, .headerWappenVgemSchriftzug a:visited { font-size: 110% !important; } } @media all and (max-width: 360px) { .headerWappenVgemSchriftzug { top: 30px; left: 90px; } .headerWappenVgemSchriftzug, .headerWappenVgemSchriftzug a, .headerWappenVgemSchriftzug a:visited { font-size: 101% !important; } } .headerWappenSegnitz, .headerWappenMartinsheim, .headerWappenSeinsheim, .headerWappenObernbreit, .headerWappenMarktsteft, .headerWappenMarktbreit { float: right; text-align: center; margin: 30px 0 0 30px; } .headerWappenSegnitz:hover, .headerWappenMartinsheim:hover, .headerWappenSeinsheim:hover, .headerWappenObernbreit:hover, .headerWappenMarktsteft:hover, .headerWappenMarktbreit:hover { animation-duration: 1.5s; animation-name: bend; animation-iteration-count: infinite; animation-direction: alternate-reverse; animation-timing-function: linear; opacity: 1; } @keyframes bend { 0% { -webkit-transform: rotateX(10deg) scale(0.9); -moz-transform: rotateX(10deg) scale(0.9); -ms-transform: rotateX(10deg) scale(0.9); -o-transform: rotateX(10deg) scale(0.9); transform: rotateX(10deg) scale(0.9); -webkit-transform: skew(2deg, 2deg); -moz-transform: skew(2deg, 2deg); -ms-transform: skew(2deg, 2deg); -o-transform: skew(2deg, 2deg); transform: skew(2deg, 2deg); } 50% { -webkit-transform: rotateX(20deg) scale(0.8); -moz-transform: rotateX(20deg) scale(0.8); -ms-transform: rotateX(20deg) scale(0.8); -o-transform: rotateX(20deg) scale(0.8); transform: rotateX(20deg) scale(0.8); -webkit-transform: skew(-2deg, -2deg); -moz-transform: skew(-2deg, -2deg); -ms-transform: skew(-2deg, -2deg); -o-transform: skew(-2deg, -2deg); transform: skew(-2deg, -2deg); } 100% { -webkit-transform: rotateX(0deg) scale(1); -moz-transform: rotateX(0deg) scale(1); -ms-transform: rotateX(0deg) scale(1); -o-transform: rotateX(0deg) scale(1); transform: rotateX(0deg) scale(1); -webkit-transform: skew(0deg, 0deg); -moz-transform: skew(0deg, 0deg); -ms-transform: skew(0deg, 0deg); -o-transform: skew(0deg, 0deg); transform: skew(0deg, 0deg); } } @media all and (max-width: 1180px) { .headerWappenSegnitz, .headerWappenMartinsheim, .headerWappenSeinsheim, .headerWappenObernbreit, .headerWappenMarktsteft, .headerWappenMarktbreit { display: none; } } @media all and (max-width: 1220px) { body.sticky_header .headerWappenSegnitz, body.sticky_header .headerWappenMartinsheim, body.sticky_header .headerWappenSeinsheim, body.sticky_header .headerWappenObernbreit, body.sticky_header .headerWappenMarktsteft, body.sticky_header .headerWappenMarktbreit { display: block; } } @media all and (max-width: 920px) { body.sticky_header .headerWappenSegnitz, body.sticky_header .headerWappenMartinsheim, body.sticky_header .headerWappenSeinsheim, body.sticky_header .headerWappenObernbreit, body.sticky_header .headerWappenMarktsteft, body.sticky_header .headerWappenMarktbreit { display: none; } } .headerWappenSegnitz a, .headerWappenMartinsheim a, .headerWappenSeinsheim a, .headerWappenObernbreit a, .headerWappenMarktsteft a, .headerWappenMarktbreit a { /*font-family: Times, "Times New Roman", serif !important;*/ font-family: var(--global--font-primary); font-weight: bold; color: #3a455a; text-decoration: none; } .wappenschrift { /*font-family: Times, "Times New Roman", serif !important;*/ font-family: var(--global--font-primary); font-size: 12px !important; } body.sticky_header .wappenschrift { font-size: 10px !important; } .headerWappenSegnitz a:hover, .headerWappenMartinsheim a:hover, .headerWappenSeinsheim a:hover, .headerWappenObernbreit a:hover, .headerWappenMarktsteft a:hover, .headerWappenMarktbreit a:hover, .wappenschrift:hover { color: #627497; } .headerWappenWrapper { position: absolute; top: 40px; left: 0; width: 100%; z-index: 3; height: 160px; background: rgba(255, 255, 255, 0.7); } body.sticky_header .headerWappenWrapper { position: fixed; top: 0; height: var(--header--hoehe); background-image: url('../images/kopfbild-animation-1920x870/jahreszeiten/vgem-winter.jpg'); background-position: left -220px; transition: height 0.2s; } body.sticky_header .headerWappenWrapper:after { content: ''; width: 100%; height: var(--header--hoehe); display: block; background: rgba(255, 255, 255, 0.7); } body.sticky_header .headerWappenLogoVgem img { width: 70px; height: auto; transition: width 0.2s; } body.sticky_header .headerWappenVgemSchriftzug { top: 14px; left: 80px; line-height: 30px; } body.sticky_header .headerWappenVgemSchriftzug a { font-size: 30px !important; transition: font-size 0.2s; } @media all and (max-width: 530px) { body.sticky_header .headerWappenVgemSchriftzug { top: 15px; font-size: 25px !important; } body.sticky_header .headerWappenVgemSchriftzug a { font-size: 25px !important; } } @media all and (max-width: 440px) { body.sticky_header .headerWappenVgemSchriftzug { top: 20px; font-size: 20px !important; line-height: 24px; } body.sticky_header .headerWappenVgemSchriftzug a { font-size: 20px !important; } } @media all and (max-width: 360px) { body.sticky_header .headerWappenVgemSchriftzug { top: 23px; font-size: 17px !important; line-height: 22px; } body.sticky_header .headerWappenVgemSchriftzug a { font-size: 17px !important; } } /*@media all and (max-width: 360px) { body.sticky_header .headerWappenVgemSchriftzug { top: 19px; } body.sticky_header .headerWappenVgemSchriftzug a { font-size: 21px !important; } }*/ body.sticky_header .headerWappenSegnitz, body.sticky_header .headerWappenMartinsheim, body.sticky_header .headerWappenSeinsheim, body.sticky_header .headerWappenObernbreit, body.sticky_header .headerWappenMarktsteft, body.sticky_header .headerWappenMarktbreit { float: right; text-align: center; margin: 10px 0 0 20px; } body.sticky_header .headerWappenSegnitz img, body.sticky_header .headerWappenMartinsheim img, body.sticky_header .headerWappenSeinsheim img, body.sticky_header .headerWappenObernbreit img, body.sticky_header .headerWappenMarktsteft img, body.sticky_header .headerWappenMarktbreit img { height: 50px; width: auto; transition: height 0.2s; } body.sticky_header .headerWappenSegnitz .wappenschrift, body.sticky_header .headerWappenMartinsheim .wappenschrift, body.sticky_header .headerWappenSeinsheim .wappenschrift, body.sticky_header .headerWappenObernbreit .wappenschrift, body.sticky_header .headerWappenMarktsteft .wappenschrift, body.sticky_header .headerWappenMarktbreit .wappenschrift { margin-top: 3px; } /* start - Slider auf der rechten Seite ########################################################################################################## */ #divSliderSearch { position: absolute; right: -80px; width: 120px; height: 53px; background: #fff url(../layout/icon-search35x35.png) no-repeat 10px 8px; padding: 0px; margin: 10px 0px 10px 10px; -moz-border-radius-topleft: 15px; -khtml-border-top-left-radius: 15px; -webkit-border-top-left-radius: 15px; border-top-left-radius: 15px; -moz-border-radius-bottomleft: 15px; -khtml-border-bottom-left-radius: 15px; -webkit-border-bottom-left-radius: 15px; border-bottom-left-radius: 15px; border-top: 2px solid #ccc; border-left: 2px solid #ccc; border-bottom: 2px solid #ccc; z-index: 11; } #divSliderSearch a, #divSliderSearch div { display: inline-block; float: left; } #divSliderSearch div { float: left; font-size: 0.875em; margin-top: 17px; } #divSliderSearch div A, #divSliderSearch div A:visited { color: #757575; text-decoration: none; } #divSliderSearch div A:hover { color: #333; text-decoration: underline; } #divSliderContact { position: absolute; right: -90px; width: 130px; height: 46px; background: #fff url(../layout/icon-mail-envelope40x26.png) no-repeat 10px 8px; padding: 0px; margin: 10px 0px 10px 10px; -moz-border-radius-topleft: 15px; -khtml-border-top-left-radius: 15px; -webkit-border-top-left-radius: 15px; border-top-left-radius: 15px; -moz-border-radius-bottomleft: 15px; -khtml-border-bottom-left-radius: 15px; -webkit-border-bottom-left-radius: 15px; border-bottom-left-radius: 15px; border-top: 2px solid #ccc; border-left: 2px solid #ccc; border-bottom: 2px solid #ccc; z-index: 11; } #divSliderContact a, #divSliderContact div { display: inline-block; float: left; } #divSliderContact div { float: left; font-size: 0.875em; margin-top: 12px; } #divSliderContact div A, #divSliderContact div A:visited { color: #757575; text-decoration: none; } #divSliderContact div A:hover { color: #333; text-decoration: underline; } #divSliderNews { position: absolute; right: -120px; width: 160px; height: 52px; /*background: #fff url(../layout/icon-calendar40x33.png) no-repeat 10px 8px;*/ background: #fff url(../layout/icon-digitales-rathaus.png) no-repeat 8px 7px; padding: 0px; margin: 10px 0px 10px 10px; -moz-border-radius-topleft: 15px; -khtml-border-top-left-radius: 15px; -webkit-border-top-left-radius: 15px; border-top-left-radius: 15px; -moz-border-radius-bottomleft: 15px; -khtml-border-bottom-left-radius: 15px; -webkit-border-bottom-left-radius: 15px; border-bottom-left-radius: 15px; border-top: 2px solid #ccc; border-left: 2px solid #ccc; border-bottom: 2px solid #ccc; z-index: 11; } #divSliderNews a, #divSliderNews div { display: inline-block; float: left; } #divSliderNews div { float: left; font-size: 0.875em; margin-top: 0px; line-height: 16px; width: 90px; } #divSliderNews div A, #divSliderNews div A:visited { color: #757575; text-decoration: none; white-space: nowrap; } #divSliderNews div A:hover { color: #333; text-decoration: underline; } #divSliderTodo { position: absolute; right: -110px; width: 150px; height: 52px; background: #fff url(../layout/icon-todo44x44.png) no-repeat 10px 5px; padding: 0px; margin: 10px 0px 10px 10px; -moz-border-radius-topleft: 15px; -khtml-border-top-left-radius: 15px; -webkit-border-top-left-radius: 15px; border-top-left-radius: 15px; -moz-border-radius-bottomleft: 15px; -khtml-border-bottom-left-radius: 15px; -webkit-border-bottom-left-radius: 15px; border-bottom-left-radius: 15px; border-top: 2px solid #ccc; border-left: 2px solid #ccc; border-bottom: 2px solid #ccc; z-index: 11; } #divSliderTodo a, #divSliderTodo div { display: inline-block; float: left; } #divSliderTodo div { float: left; font-size: 0.875em; margin-top: 0px; line-height: 16px; } #divSliderTodo div A, #divSliderTodo div A:visited { color: #757575; text-decoration: none; } #divSliderTodo div A:hover { color: #333; text-decoration: underline; } #divSliderSearch { bottom: 349px; } #divSliderContact { bottom: 290px; } #divSliderNews { bottom: 225px; } #divSliderTodo { bottom: 160px; } @media all and (min-width: 971px) { #divSliderSearch {bottom: calc(349px - 160px);} #divSliderContact {bottom: calc(290px - 160px);} #divSliderNews {bottom: calc(225px - 160px);} #divSliderTodo {bottom: calc(160px - 160px);} } @media all and (max-width: 970px) { #divSliderSearch, #divSliderContact, #divSliderNews, #divSliderTodo { display: none; } } /* ende - Slider auf der rechten Seite ########################################################################################################## */ /* start - ws_flexslider ######################################################################################################################### */ .flexslider { margin: 0; background: transparent; border: none; position: relative; border-radius: unset; box-shadow: none; } .tx-ws-flexslider .flexslider ul.slides .caption-text { display: none; } /* Navigation > Punkte: */ .tx-ws-flexslider .flexslider .flex-control-nav { position: absolute; bottom: 20px; z-index: 2; } @media all and (min-width: 1500px) { .tx-ws-flexslider .flexslider .flex-control-nav { bottom: unset; top: 650px; } } .flex-control-paging li a { background: rgba(255, 255, 255, 0.4); border: 1px solid rgba(0, 0, 0, 0.5); } .flex-control-paging li a:hover { background: rgba(255, 255, 255, 1); } .flex-control-paging li a.flex-active { background: rgba(255, 255, 255, 0.8); } /* Navigation > Pfeile: */ .flex-direction-nav { display: none; } .flex-direction-nav a::before { color: rgba(255, 255, 255, 0.8); text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.5); } /* ende - ws_flexslider ######################################################################################################################### */ /* start - Bild statt ws_flexslider ############################################################################################################## */ #divBigImage .frame .frame .ce-image .ce-gallery { margin-bottom: 0; } #divBigImage .frame .frame .ce-image .ce-gallery img.image-embed-item, #divBigImage img.alternativBigImage { display: inherit; position: relative; clear: left; width: 100%; height: auto; margin: 0; padding: 0; background-color: #fff; overflow: hidden; } /* ende - Bild statt ws_flexslider ############################################################################################################## */ #divContent table.contenttable { width: 100% !important; overflow: auto; } #divContent table.contenttable td { width: auto !important; height: auto !important; } /* start - accordion ############################################################################################################################# */ .gridAccordion { margin: 0 0 3px 0; position: relative; clear: both; } .gridAccordion .gridAccordion_title { background-color: #546382; cursor: pointer; margin: 0; padding: 3px 5px 5px 25px; transition: all .1s ease-in-out; -moz-transition: all .1s ease-in-out; -webkit-transition: all .1s ease-in-out; -o-transition: all .1s ease-in-out; } .gridAccordion .gridAccordion_title::before { content: '›'; position: absolute; top: 2px; color: #fff; font-size: 1.125em; font-weight: bold; margin-left: -18px; transition: all .1s ease-in-out; -moz-transition: all .1s ease-in-out; -webkit-transition: all .1s ease-in-out; -o-transition: all .1s ease-in-out; } .gridAccordion .gridAccordion_title:hover::before, .gridAccordion .gridAccordion_title.ui-accordion-header-active::before { top: 4px; transform: rotate(90deg); margin-left: -15px; } #divContent .gridAccordion .gridAccordion_title H2 { color: #fff; font-size: 1.125em; padding-bottom: 0; } .gridAccordion .gridAccordion_title:hover, .gridAccordion .gridAccordion_title.ui-accordion-header-active { background-color: #649B6E; } .gridAccordion .gridAccordion_content { padding: 20px 20px 20px 20px; border: 1px solid #ccc; border-top: none; } /* ende - accordion ############################################################################################################################# */ /* start - mobile ################################################################################################################################ */ #iframeStaticMobile { display: none; } @media all and (min-width: 971px) { /* Damit, wenn man sich im mobilen Layout befindet, Menü ausgeklappt hat und dann das Fenster vergrößert, sich wieder das mobile Menü versteckt. Bringt allerdings nur etwas wenn die IDs der Menüs unterschiedliche Namen haben. */ /* #divMenuLeftMobile { display: none !important; } */ /* Bei gleichen ID-Namen dann dies hier: */ #divMenuLeft { display: block !important; } } @media all and (max-width: 970px) { #divContent .table-startseite-wappen table.contenttable td { width: 100%; display: block; } #divContent .table-startseite-wappen table.contenttable td:nth-child(1), #divContent .table-startseite-wappen table.contenttable td:nth-child(3) { margin-top: 30px; } #divContent .table-startseite-wappen table.contenttable td:nth-child(1) img, #divContent .table-startseite-wappen table.contenttable td:nth-child(3) img { float: left; margin-right: 10px; } .bigImageWrapper { margin-top: 60px; } #iframeStaticMobile { display: block; } #tablePageWrapper { } #tdColumnsLeft, #divSuche { display: none !important; } #divContentWrapper { width: auto; padding: 30px 10px 10px 10px; float: none; } body { background: none; background-color: #fff; } #divMenuLeftMobile { display: none; } /* start - Menü Left ############################################################################################################################# */ #tdMenuLeft { width: auto !important; } #divMenuLeft { width: 400px; margin: 0 0 0 0; overflow: hidden; display: none; } /* ende - Menü Left ############################################################################################################################# */ #divContentWrapper { max-width: 100%; width: auto; height: auto; } #divContent table, #divContent table td { width: auto; height: auto; } #tablePageTop { display: none; } /* CSS-Styled-Content Regeln überschreiben */ DIV.csc-textpic-above DIV.csc-textpic-imagewrap, DIV.csc-textpic-below DIV.csc-textpic-imagewrap, DIV.csc-textpic DIV.csc-textpic-imagewrap UL LI, DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image { float: none; display: inline-block; vertical-align: top; } DIV.csc-textpic-left DIV.csc-textpic-imagewrap .csc-textpic-image, DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image, DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap .csc-textpic-image { display: inline-block; } DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-text { display: block !important; margin-left: 0 !important; /* width: auto !important; */ } DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagerow { /* display: inline; */ } DIV.csc-textpic-imagewrap UL.csc-textpic-imagerow-none .csc-textpic-image { display: block; } DIV.csc-textpic-intext-right-nowrap .csc-textpic-text, DIV.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap { display: block; width: 100% !important; margin-right: auto; } DIV.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap img { display: block; width: auto !important; } DIV.csc-textpic-intext-right .csc-textpic-text, DIV.csc-textpic-intext-right .csc-textpic-imagewrap { display: block; width: 100% !important; margin-right: auto; } DIV.csc-textpic-intext-right .csc-textpic-imagewrap img { display: block; width: auto !important; } DIV.csc-textpic .csc-textpic-imagewrap img { width: 100% !important; height: auto !important; display: block; } .csc-default {clear: both;} #lbOuterImageContainer, #lbImageContainer, #lbLightboxImage, #lbImageDataContainer { width: 95% !important; height: auto !important; } #lbCenter { width: auto !important; } /* start - html5videoplayer mobile ############################################################################################################### */ div.video-js-box div.video-js { width: auto !important; background-color: #fff !important; } div.video-js-box div.vjs-poster { border: none !important; } div.vjs-big-play-button { width: 70px !important; height: 50px !important; top: 50% !important; left: 20% !important; } div.vjs-default-skin .vjs-big-play-button:before { line-height: 50px; } /* ende - html5videoplayer mobile ############################################################################################################### */ /* start - tt_news ################################# */ .news-list-container { width: 100%; } TD.news-list-item-trenner hr { border-bottom: 2px dashed #ccc; } div.news-list-browse div.showResultsWrap { margin: 15px 0; } div.news-list-browse div.browseLinksWrap { line-height: 40px; } .news-list-browse { width: 100%; } /* ende - tt_news ################################# */ /* start - Grafiken automatisch an der Breite anpassen */ #divContent div.csc-default, #divContent div.csc-default div.csc-textpic, #divContent div.csc-default div.csc-textpic div.csc-textpic-imagewrap, #divContent div.csc-default div.csc-textpic div.csc-textpic-imagewrap div.csc-textpic-imagerow, #divContent div.csc-default div.csc-textpic div.csc-textpic-imagewrap div.csc-textpic-imagerow div.csc-textpic-image table td img { width: 100% !important; } #divContent .csc-textpic-image img, #divContent .csc-textpic .csc-textpic-imagewrap, #divContent .csc-textpic .csc-textpic-imagewrap img { height: auto !important; display: block; } #divContent table.contenttable img { width: auto; height: auto; display: block; max-width: 100%; } /* start - einzelne Grafiken (nach Content-ID) in maximaler Breite anzeigen */ /* start - html5video ############################################################################################################################ */ div#c747 div.tx-html5video-pi1 { max-width: 400px; width: auto !important; } /* ende - html5video ############################################################################################################################ */ /* ende - einzelne Grafiken (nach Content-ID) in maximaler Breite anzeigen */ }/* @media all and (max-width: 970px) { */ @media all and (max-width: 800px) { #tableNews-list-container tbody tr.trHeader { display: none; } #tableNews-list-container td { border: none !important; } #tableNews-list-container td::before { font-size: 0.875em; } #tableNews-list-container td.date::before { content: 'Datum: '; font-weight: bold; } #tableNews-list-container td.title::before { content: 'Titel: '; font-weight: bold; } #tableNews-list-container.satzungen td.title::before { content: ''; } #tableNews-list-container td.cat::before { content: 'Kategorie: '; font-weight: bold; } #tableNews-list-container td.wo::before { content: 'Wo: '; font-weight: bold; } #tableNews-list-container td.news-list-item-trenner { height: 10px; } div.ansprechpartner table.contenttable td::before::first-child { content: 'Zi.Nr.: '; } #tableColumns #tableNews-list-container td { display: block; } div.tx-indexedsearch-res td { display: inline !important; } #divContent .csc-default iframe { /* width: 410px !important; *//* nächste, kleinere größe minus 70 */ } }/* @media all and (max-width: 800px) */ @media all and (max-width: 700px) { figure.image img{ width: 100% !important; height: auto !important; } .ce-left .ce-gallery, .ce-column, .ce-right .ce-gallery, .ce-column{ float: none; display: block; } .ce-left .ce-gallery, .ce-column .ce-gallery, .ce-right .ce-gallery, .ce-column .ce-gallery{ /* margin: 0 0 30px 0 !important; */ } .ce-intext.ce-right .ce-gallery { margin-left: 0; } } /* bilder mit schmaler höhe 220px: */ #divBigImage .frame-layout-1 figure.image img, #divBigImage img.alternativSmallImage { width: auto !important; height: auto !important; } @media all and (max-width: 480px) { #divContent, #divContent table, #divContent table td, ul, ol, li { -moz-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; -o-hyphens: auto; hyphens: auto; word-wrap: break-word; /* word-break: break-all; */ } #divContent .news-single-img { float: none; } }/* @media all and (max-width: 480px) */ /* ende - Grafiken automatisch an der Breite anpassen */ /* ende - in style-screen.css entfernen ########### */ /* ende - mobile ################################################################################################################################ */ #cookieChoiceInfo { margin: 0; padding-bottom: 30px; border-top: 2px solid #000; background-color: #eee; text-align: center; width: 100%; max-width: auto; } #cookieChoiceInfo span { padding: 30px 15px 10px 15px; display: block; } #cookieChoiceInfo a, #cookieChoiceInfo a:visited { } /* Eingabegerät mit limitierter Präzision (z.B. Touch): */ @media (pointer: coarse){ #divSliderSearch, #divSliderContact, #divSliderNews, #divSliderTodo { right: 0 !important; } } /* img:not([alt]) { border: 10px red dashed !important; } */ iframe#responsive-iframe { height: 1500px !important; } /* kleines Bild links, Text rechts */ .frame-custom-22 { margin-top: 15px; } #divContent .frame-custom-22 .ce-intext.ce-left .ce-gallery { margin-right: 20px; } @media all and (max-width: 700px) { .frame-custom-22 .ce-left .ce-gallery { float: left !important; } #divContent .frame-custom-22 .ce-intext.ce-left .ce-gallery { margin: 5px 10px 5px 0 !important; } } @media all and (max-width: 570px) { #bayernatlas { width: 100% !important; } .frame-indent-left, .frame-indent-right, .frame-indent { margin-left: unset; margin-right: unset; } .news-single-item div { padding-left: 0 !important; padding-right: 0 !important; } .news-single-item { padding-left: 0 !important; padding-right: 0 !important; margin-right: 0 !important; } .news-single-img { margin-left: 0; } } .ce-intext.ce-left ol, .ce-intext.ce-left ul { padding-left: 30px; margin: 0 0 30px 0; } .ce-gallery figcaption { font-size: 60%; text-align: center; margin-bottom: 20px; } /* .om-cookie-info table td { text-align: left !important; } .om-cookie-info table thead { display: none; } .om-cookie-info table th, .om-cookie-info table td { padding: 0; border: none; } .om-cookie-info table { border: none; } .om-cookie-panel .cookie-panel__button--color--green { background-color: #60761e; } */ /* start - om_cookie_manager ##################################################################################################################### */ .om-cookie-info table td { text-align: left !important; } .om-cookie-info table thead { display: none; } .om-cookie-info table th, .om-cookie-info table td { padding: 0; border: none; } .om-cookie-info table { border: none; } .om-cookie-panel .cookie-panel__button--color--green { background-color: #60761e; margin-bottom: 10px; } .om-cookie-info table td { text-align: left !important; } .om-cookie-panel .cookie-panel__button--color--green:hover, .om-cookie-panel .cookie-panel__button:hover { background-color: #2f8abe; } .om-cookie-panel { bottom: -1px; } /* ende - om_cookie_manager ##################################################################################################################### */ blockquote p { font-style: italic; } blockquote p:before { content: '„'; } blockquote p:after { content: '“'; } .tx-powermail .powermail_create { border: 5px dashed #0061c2; margin: 0 0 30px 0; padding: 10px; } /* Seite "Grundlegende Tastaturkombinationen für (fast) alle Browser" */ body.pid-270 #divContent table.contenttable { width: unset !important; border-spacing: 0 0; } body.pid-270 #divContent table.contenttable td { vertical-align: top; } body.pid-270 #divContent table.contenttable td:first-child { padding-right: 20px; } body.pid-270 #divContent table.contenttable tr:nth-child(even) { background-color: #ccc; } body.pid-270 #divContent table.contenttable tr:nth-child(odd) { background-color: transparent; } /* Label beginnt mit powermail_hp_: */ label[for^="powermail_hp_"], input[id^="powermail_hp_"] { display: none; } /* start - Mitgliederverzeichnis ################################################################################################################# */ .maWrapperTABLE { display: table; table-layout: fixed; width: 100%; border-spacing: 0 0; /*border-bottom: 1px solid #eee;*/ } .maWrapperTR { display: table-row; } .maWrapperTR.odd { background-color: #f5f5f5; } .maWrapperTR.even { /*background-color: #fcfcfc;*/ } .maWrapperTR:hover { background-color: #e6e6e6; } .maTD { display: table-cell; padding: 5px 20px 10px 0; -ms-hyphens: auto; -moz-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; } .maTD:nth-child(1) { width: 18%; padding-left: 10px; } .maTD:nth-child(2) { width: 27%; } .maTD:nth-child(3) { width: 15%; } .maTD:nth-child(4) { width: 24%; } .maTD:nth-child(4) a { font-size: 16px !important; -moz-hyphens: none; -webkit-hyphens: none; -ms-hyphens: none; -o-hyphens: none; hyphens: none; } .maTD:nth-child(5) { width: 18%; } .maTD:last-child { padding-right: 0; border-right: none; } /* Alle ausblenden */ #c1208/*Plugin*/, .maHideAll/*Link*/ { display: none; } a.maShowAll, a.maHideAll { color: #627497; background-color: #fff; margin-left: 50px; padding: 8px 10px; border: 1px solid #eee; text-decoration: none; } a.maShowAll:hover, a.maHideAll:hover { background-color: #627497; color: #fff; } @media all and (max-width: 510px) { input#maInput { display: block; } .maShowAll, .maHideAll { margin: 10px 0 0 0 !important; } .maShowAll { display: inline-block; } .maShowHideBlock { display: inline-block !important; } } #maInput { line-height: 30px; } a.maPhone[href^="tel"]:link, a.maPhone[href^="tel"]:visited, a.maPhone[href^="tel"]:hover { text-decoration: none; color: #333; font-size: 16px !important; /*pointer-events: none;*/ } a.maPhone[href^="tel"]:hover { cursor: text !important; color: #333; } @media (pointer: coarse) { a.maPhone[href^="tel"]:link, a.maPhone[href^="tel"]:visited, a.maPhone[href^="tel"]:hover { text-decoration: underline; color: #006699; pointer-events: unset; } a.maPhone[href^="tel"]:hover { color: #999; cursor: pointer !important; } } @media all and (max-width: 600px) { .maTD { display: block; width: 100% !important; padding-left: 10px; } .maTD:nth-child(1):before { content: 'Name: '; color: #627497; } .maTD:nth-child(3):before { content: 'Tel.: '; color: #627497; } .maTD:nth-child(4):before { content: 'E-Mail: '; color: #627497; } .maTD:nth-child(5):before { content: 'Raum: '; color: #627497; } .maTD:empty { display: none !important; } } /* ende - Mitgliederverzeichnis ################################################################################################################# */ /* start - Kacheln ############################################################################################################################### */ :root { --kachel--font-size: 22px; --kachel--breite: 296px; --kachel--hoehe: 180px; --kachel--hoehe-minus: -180px; --kachel--abstand-rechts: 40px; --kachel--abstand-unten: 40px; } .gridKacheln { position: relative; width: 100%; /*Boxen zentrieren:*/ display: flex; justify-content: center; flex-wrap: wrap; } .gridKacheln > .frame { display: flex; align-items: center; float: left; position: relative; margin-right: var(--kachel--abstand-rechts); margin-bottom: var(--kachel--abstand-unten); width: var(--kachel--breite); height: var(--kachel--hoehe); overflow: hidden; box-shadow: var(--button--box-shadow); background-color: var(--button--background-color); transition: all 0.3s ease-in-out 0.1s; } .gridKacheln > .frame:hover { background-color: var(--button--background-color-hover); transition: all 0.1s ease-in-out 0.1s; box-shadow: var(--button--box-shadow-hover); } .gridKacheln > .frame:has(.ce-gallery) { background-color: transparent !important; } .gridKacheln > .frame:has(.ce-gallery) header { background-color: var(--button--background-color); } @media all and (max-width: 919px) { .gridKacheln > .frame { float: none; margin-right: auto; margin-left: auto; } } .gridKacheln .frame .ce-textpic .ce-gallery, .gridKacheln .frame .ce-textpic .ce-gallery .ce-outer, .gridKacheln .frame .ce-textpic .ce-gallery .ce-outer .ce-inner, .gridKacheln .frame .ce-textpic .ce-gallery img { width: var(--kachel--breite); height: var(--kachel--hoehe); margin-bottom: 0; } .gridKacheln .frame .ce-textpic .ce-gallery, .gridKacheln .frame .ce-textpic .ce-gallery img { width: var(--kachel--breite); } .gridKacheln .frame header, .gridKacheln .frame .ce-textpic .ce-bodytext { width: var(--kachel--breite); } .gridKacheln .frame .ce-textpic .ce-gallery .ce-outer, .gridKacheln .frame .ce-textpic .ce-gallery .ce-outer .ce-inner { position: absolute; float: none; right: unset; } .gridKacheln .frame header { z-index: 1; position: absolute; transition-duration: 1s; transition-delay: 0.1s; text-align: center; } .gridKacheln .frame header h2 { padding: 0 10px !important; color: #fff !important; } .gridKacheln .frame header h2 a, .gridKacheln .frame header h2 a:visited { font-size: var(--kachel--font-size) !important; color: #fff !important; text-decoration: none !important; hyphens: auto; display: contents; width: calc(var(--kachel--breite)-var(--kachel--abstand-rechts)); height: var(--kachel--hoehe); align-items: center; transition: color 0.3s ease-in-out 0.1s; } .gridKacheln > .frame:has(.ce-gallery) header h2 a, .gridKacheln .frame header h2 a:visited { display: block; height: unset; } .gridKacheln .frame header h2 a:hover { color: #fdd500 !important; transition: color 0.1s ease-in-out 0.1s; } .gridKacheln .frame .ce-textpic .ce-gallery img { z-index: -1; object-fit: cover; position: absolute; bottom: 0; left: 0; } .gridKacheln .frame .ce-textpic .ce-bodytext { position: absolute; bottom: var(--kachel--hoehe-minus); height: var(--kachel--hoehe); left: 0; text-align: center; overflow: hidden; transition-duration: 0.5s; transition-delay: 0.1s; background-color: rgba(68, 114, 196, 1); color: #fff; z-index: 1; } .gridKacheln > .frame:hover .ce-textpic .ce-bodytext { bottom: 0; width: calc(var(--kachel--breite) - 10px); height: calc(var(--kachel--hoehe) - 10px); padding: 5px; } .gridKacheln .frame .ce-textpic .ce-bodytext h1 a, .gridKacheln .frame .ce-textpic .ce-bodytext h1 a:visited, .gridKacheln .frame .ce-textpic .ce-bodytext h2 a, .gridKacheln .frame .ce-textpic .ce-bodytext h2 a:visited, .gridKacheln .frame .ce-textpic .ce-bodytext h3 a, .gridKacheln .frame .ce-textpic .ce-bodytext h3 a:visited, .gridKacheln .frame .ce-textpic .ce-bodytext h4 a, .gridKacheln .frame .ce-textpic .ce-bodytext h4 a:visited, .gridKacheln .frame .ce-textpic .ce-bodytext h5 a, .gridKacheln .frame .ce-textpic .ce-bodytext h5 a:visited, .gridKacheln .frame .ce-textpic .ce-bodytext h6 a, .gridKacheln .frame .ce-textpic .ce-bodytext h6 a:visited { color: #fff !important; display: block; } .gridKacheln .frame .ce-textpic .ce-bodytext h1 a:hover, .gridKacheln .frame .ce-textpic .ce-bodytext h2 a:hover, .gridKacheln .frame .ce-textpic .ce-bodytext h3 a:hover, .gridKacheln .frame .ce-textpic .ce-bodytext h4 a:hover, .gridKacheln .frame .ce-textpic .ce-bodytext h5 a:hover, .gridKacheln .frame .ce-textpic .ce-bodytext h6 a:hover { color: #fdd500 !important; text-decoration: none !important; } .gridKacheln .frame .ce-textpic .ce-bodytext a, .gridKacheln .frame .ce-textpic .ce-bodytext a:visited { color: #fff; } .gridKacheln .frame .ce-textpic .ce-bodytext a:hover { color: #fdd500; text-decoration: none; } @media (pointer: coarse){ .gridKacheln .frame header, .gridKacheln > .frame:hover header { top: 10px; } .gridKacheln .frame .ce-textpic .ce-bodytext, .gridKacheln > .frame:hover .ce-textpic .ce-bodytext { bottom: 0px; } } /* ende - Kacheln ############################################################################################################################### */ /* start - Kacheln klein ######################################################################################################################### */ :root { --kachel--klein--font-size: 18px; --kachel--klein--breite: 195px; --kachel--klein--hoehe: 120px; --kachel--klein--hoehe-minus: -180px; --kachel--klein--abstand-rechts: 25px; --kachel--klein--abstand-unten: 25px; } .gridKachelnKlein { position: relative; width: 100%; /*Boxen zentrieren:*/ display: flex; justify-content: center; flex-wrap: wrap; } .gridKachelnKlein > .frame { display: flex; align-items: center; float: left; position: relative; margin-right: var(--kachel--klein--abstand-rechts); margin-bottom: var(--kachel--klein--abstand-unten); width: var(--kachel--klein--breite); height: var(--kachel--klein--hoehe); overflow: hidden; box-shadow: var(--button--box-shadow); background-color: var(--button--background-color); transition: all 0.3s ease-in-out 0.1s; } .gridKachelnKlein > .frame:hover { background-color: var(--button--background-color-hover); transition: all 0.1s ease-in-out 0.1s; box-shadow: var(--button--box-shadow-hover); } .gridKachelnKlein > .frame:has(.ce-gallery) { background-color: transparent !important; } .gridKachelnKlein > .frame:has(.ce-gallery) header { background-color: var(--button--background-color); } @media all and (max-width: 919px) { .gridKachelnKlein > .frame { float: none; margin-right: auto; margin-left: auto; } } .gridKachelnKlein .frame .ce-textpic .ce-gallery, .gridKachelnKlein .frame .ce-textpic .ce-gallery .ce-outer, .gridKachelnKlein .frame .ce-textpic .ce-gallery .ce-outer .ce-inner, .gridKachelnKlein .frame .ce-textpic .ce-gallery img { width: var(--kachel--klein--breite); height: var(--kachel--klein--hoehe); margin-bottom: 0; } .gridKachelnKlein .frame .ce-textpic .ce-gallery, .gridKachelnKlein .frame .ce-textpic .ce-gallery img { width: var(--kachel--klein--breite); } .gridKachelnKlein .frame header, .gridKachelnKlein .frame .ce-textpic .ce-bodytext { width: var(--kachel--klein--breite); } .gridKachelnKlein .frame .ce-textpic .ce-gallery .ce-outer, .gridKachelnKlein .frame .ce-textpic .ce-gallery .ce-outer .ce-inner { position: absolute; float: none; right: unset; } .gridKachelnKlein .frame header { z-index: 1; position: absolute; transition-duration: 1s; transition-delay: 0.1s; text-align: center; } .gridKachelnKlein .frame header h2 { padding: 0 5px !important; color: #fff !important; } .gridKachelnKlein .frame header h2 a, .gridKachelnKlein .frame header h2 a:visited { font-size: var(--kachel--klein--font-size) !important; color: #fff !important; text-decoration: none !important; hyphens: auto; display: contents; width: calc(var(--kachel--klein--breite)-var(--kachel--klein--abstand-rechts)); height: var(--kachel--klein--hoehe); align-items: center; transition: color 0.3s ease-in-out 0.1s; } .gridKachelnKlein > .frame:has(.ce-gallery) header h2 a, .gridKachelnKlein .frame header h2 a:visited { display: block; height: unset; } .gridKachelnKlein .frame header h2 a:hover { color: #fdd500 !important; transition: color 0.1s ease-in-out 0.1s; } .gridKachelnKlein .frame .ce-textpic .ce-gallery img { z-index: -1; object-fit: cover; position: absolute; bottom: 0; left: 0; } .gridKachelnKlein .frame .ce-textpic .ce-bodytext { position: absolute; bottom: var(--kachel--klein--hoehe-minus); height: var(--kachel--klein--hoehe); left: 0; text-align: center; overflow: hidden; transition-duration: 0.5s; transition-delay: 0.1s; background-color: rgba(68, 114, 196, 1); color: #fff; z-index: 1; } .gridKachelnKlein > .frame:hover .ce-textpic .ce-bodytext { bottom: 0; width: calc(var(--kachel--klein--breite) - 10px); height: calc(var(--kachel--klein--hoehe) - 10px); padding: 5px; } .gridKachelnKlein .frame .ce-textpic .ce-bodytext h1 a, .gridKachelnKlein .frame .ce-textpic .ce-bodytext h1 a:visited, .gridKachelnKlein .frame .ce-textpic .ce-bodytext h2 a, .gridKachelnKlein .frame .ce-textpic .ce-bodytext h2 a:visited, .gridKachelnKlein .frame .ce-textpic .ce-bodytext h3 a, .gridKachelnKlein .frame .ce-textpic .ce-bodytext h3 a:visited, .gridKachelnKlein .frame .ce-textpic .ce-bodytext h4 a, .gridKachelnKlein .frame .ce-textpic .ce-bodytext h4 a:visited, .gridKachelnKlein .frame .ce-textpic .ce-bodytext h5 a, .gridKachelnKlein .frame .ce-textpic .ce-bodytext h5 a:visited, .gridKachelnKlein .frame .ce-textpic .ce-bodytext h6 a, .gridKachelnKlein .frame .ce-textpic .ce-bodytext h6 a:visited { color: #fff !important; display: block; } .gridKachelnKlein .frame .ce-textpic .ce-bodytext h1 a:hover, .gridKachelnKlein .frame .ce-textpic .ce-bodytext h2 a:hover, .gridKachelnKlein .frame .ce-textpic .ce-bodytext h3 a:hover, .gridKachelnKlein .frame .ce-textpic .ce-bodytext h4 a:hover, .gridKachelnKlein .frame .ce-textpic .ce-bodytext h5 a:hover, .gridKachelnKlein .frame .ce-textpic .ce-bodytext h6 a:hover { color: #fdd500 !important; text-decoration: none !important; } .gridKachelnKlein .frame .ce-textpic .ce-bodytext a, .gridKachelnKlein .frame .ce-textpic .ce-bodytext a:visited { color: #fff; } .gridKachelnKlein .frame .ce-textpic .ce-bodytext a:hover { color: #fdd500; text-decoration: none; } @media (pointer: coarse){ .gridKachelnKlein .frame header, .gridKachelnKlein > .frame:hover header { top: 10px; } .gridKachelnKlein .frame .ce-textpic .ce-bodytext, .gridKachelnKlein > .frame:hover .ce-textpic .ce-bodytext { bottom: 0px; } } /* ende - Kacheln klein ######################################################################################################################### */ /*#tablePageWrapper::before { content: 'Website Kopie'; width: 50px; height: 34px; top: 0; right: 60px; font-size: 12px; color: red; background-color: #fff; position: fixed; z-index: 10; text-align: center; }*/ #back-top { position: fixed; width: 64px; height: 64px; } #back-top a span { display: inline-block; width: 64px; height: 64px; background-image: url('../layout/to-top.png'); } #c1480 {/*OpenStreetMap Karte in Verwaltung > Über uns > So finden Sie uns*/ z-index: 0; position: relative; } /* start - Seite: marktbreit.info/buergerservice/steuern-gebuehren-beitraege */ body.pid-239 #divContent table.contenttable { width: unset !important; height: unset !important; font-size: 100%; margin-bottom: 30px; } body.pid-239 #divContent table.contenttable td { font-size: 14px; } body.pid-239 #divContent table.contenttable td:first-child { padding-right: 20px !important; } /* ende - Seite: marktbreit.info/buergerservice/steuern-gebuehren-beitraege */ /* start - Link Icons ############################################################################################################################ */ #divMenuLeft a[href^="http"]:not([href*="marktbreit.info"])::after, #divMenuLeft a[href^="https"]:not([href*="marktbreit.info"])::after { content: "➚"; position: relative; color: #333; font-weight: bold; font-size: 120%; } #divMenuLeft a[href^="http"]:not([href*="marktbreit.info"]):hover::after, #divMenuLeft a[href^="https"]:not([href*="marktbreit.info"]):hover::after { color: #fff; } #divContent header a[href^="http"]:not([href*="marktbreit.info"])::after, #divContent header a[href^="https"]:not([href*="marktbreit.info"])::after, #divContent .gridKachelnKlein a[href^="http"]:not([href*="marktbreit.info"])::after, #divContent .gridKachelnKlein a[href^="https"]:not([href*="marktbreit.info"])::after, #divContent .gridKacheln a[href^="http"]:not([href*="marktbreit.info"])::after, #divContent .gridKacheln a[href^="https"]:not([href*="marktbreit.info"])::after { content: "➚"; position: relative; font-weight: bold; font-size: 120%; } #divContent a[href^="http"]:not([href*="marktbreit.info"])::after, #divContent a[href^="https"]:not([href*="marktbreit.info"])::after { content: "➚"; position: relative; font-weight: bold; font-size: 120%; } #divFooter a[href^="http"]:not([href*="marktbreit.info"])::after, #divFooter a[href^="https"]:not([href*="marktbreit.info"])::after { content: "➚"; position: relative; font-weight: bold; font-size: 120%; } #divContent a[href$=".pdf"]::after { content: " (PDF)" !important; position: relative; font-weight: bold; font-size: 100% !important; } #divContent a[href^="http"]:not([href*="marktbreit.info"])[href$=".pdf"]::after, #divContent a[href^="https"]:not([href*="marktbreit.info"])[href$=".pdf"]::after { content: "➚ (PDF)" !important; position: relative; font-weight: bold; font-size: 100% !important; } #divContent a[href^="http"]:not([href*="marktbreit.info"])[href$=".pdf"]:has(img), #divContent a[href^="https"]:not([href*="marktbreit.info"])[href$=".pdf"]:has(img) { position: relative !important; } #divContent a[href^="http"]:not([href*="marktbreit.info"])[href$=".pdf"]:has(img)::after, #divContent a[href^="https"]:not([href*="marktbreit.info"])[href$=".pdf"]:has(img)::after { content: '➚ (PDF)' !important; position: absolute !important; font-weight: unset !important; font-size: unset !important; bottom: 4px; right: 0px; color: #000; background: rgba(255, 255, 255, 0.7); padding: 0px 5px 3px 5px; border-radius: 10px; } #divContent a[href^="http"]:not([href*="marktbreit.info"])[href$=".pdf"]:has(img):hover::after, #divContent a[href^="https"]:not([href*="marktbreit.info"])[href$=".pdf"]:has(img):hover::after { color: #fff; background: rgba(0, 0, 0, 0.7); } #divContent a:has(img) { position: relative !important; } #divContent a:has(img)::after { content: '➚' !important; position: absolute !important; font-weight: unset !important; font-size: unset !important; bottom: 4px; right: 0px; color: #000; background: rgba(255, 255, 255, 0.7); padding: 0px 5px 3px 5px; border-radius: 10px; } #divContent a:has(img):hover::after { color: #fff; background: rgba(0, 0, 0, 0.7); } /* ende - Link Icons ############################################################################################################################ */ .iframe-ticker { width: 100%; height: 40px; border: none; position: absolute; top: 10px; z-index: 2; }