/* TANNHEIM HOME CSS*/ #main { background: none !important; } .home .ym-col1 { float: left; height: auto; margin: 0 !important; padding: 0 !important; width: 100% !important; z-index: 800; } .nav-outer { display:none !important; } #metro { width: 100%; } #metro .subcl, #metro .subc, #metro .subcr {padding: 0;} #metro .subcolumns {margin: 0;} /* BOXEN ------------------------------------------------------------------------------------------ #metro .composedcontent-preset_box{ float: left; height: auto; background-color: rgba(50, 90, 50, 1); } */ /*** NEU 2025 ***/ #metro .composedcontent-preset_box{ float: left; height: auto; background-color: rgba(248,130,96, 1); } /*** -------- Boxen Größen allgemein fest ---------- ***/ #metro .composedcontent-preset_box.small { width: 163px; height: 150px; } #metro .composedcontent-preset_box.medium { width: 326px; height: 150px; } #metro .composedcontent-preset_box.large { width: 489px; height: 300px; } /*** -------- Boxen Größen allgemein ---------- ***/ #metro .composedcontent-preset_box.large.home-buergerservice { float:right; } /*** -------- Boxen Farben ---------- #metro .composedcontent-preset_box.dunkelgruen { background-color: rgba(35, 65, 35, 1); } #metro .composedcontent-preset_box.blau { background-color: rgba(40, 100, 140, 1); } #metro .composedcontent-preset_box.hellgruen { background-color: rgba(180, 190, 190, 1); } #metro .composedcontent-preset_box .weiss { background-color: rgba(255, 255, 255, 1); } ***/ /*** -------- Boxen Farben NEU 2025---------- ***/ #metro .composedcontent-preset_box.dunkelgruen { background-color: rgba(19,89,84, 1); } #metro .composedcontent-preset_box.blau { background-color: rgba(154, 220, 255, 1); } #metro .composedcontent-preset_box.hellgruen { background-color: rgba(174,221,176, 1); } #metro .composedcontent-preset_box .weiss { background-color: rgba(255, 255, 255, 1); } /*** -------- Boxen Schrift ---------- ***/ #metro .composedcontent-preset_box h2 { color: rgba(255, 255, 255, 1) !important; font-size: 1.6rem; font-weight: normal; text-align:center; margin: 1em 0.5em; } #metro .composedcontent-preset_box p { color: rgba(255, 255, 255, 1) !important; font-size: 1.6rem; font-weight: normal; text-align:center; /*margin: 1em 0.5em;*/ padding: 0 !important; margin: 0 !important; line-height: 1.5em; } #metro .composedcontent-preset_box p.ico-neubuerger a { width: 80%; display:block; color: #333 !important; padding:10%; } #metro .composedcontent-preset_box p.ico-neubuerger a::before { font-family: FontAwesome; content: "\f0c0\A"; font-size: 180%; white-space: pre; } #metro .composedcontent-preset_box p.ico-neubuerger a:hover, #metro .composedcontent-preset_box p.ico-neubuerger a:focus, #metro .composedcontent-preset_box p.ico-neubuerger a:active { color: rgba(255, 255, 255, 1) !important; text-decoration: none !important; } /*#metro .composedcontent-preset_box p.ico-haus a { width: 80%; height: 90px; display:block; color: rgba(255, 255, 255, 1) !important; padding: 30px 10%; }*/ /* NEU 2025*/ #metro .composedcontent-preset_box p.ico-haus a { width: 80%; height: 90px; display:block; padding: 30px 10%; } #metro .composedcontent-preset_box p.ico-haus a::before { font-family: FontAwesome; content: "\f015\A"; font-size: 180%; white-space: pre; } /*#metro .composedcontent-preset_box p.ico-haus a:hover, #metro .composedcontent-preset_box p.ico-haus a:focus, #metro .composedcontent-preset_box p.ico-haus a:active { text-decoration: none !important; color: #ccc !important; }*/ /* NEU 2025*/ #metro .composedcontent-preset_box p.ico-haus a:hover, #metro .composedcontent-preset_box p.ico-haus a:focus, #metro .composedcontent-preset_box p.ico-haus a:active { text-decoration: none !important; color: #000 !important; } #metro .composedcontent-preset_box p.ico-muellabfuhr a { width: 80%; height: 90px; display:block; color: rgba(255, 255, 255, 1) !important; padding: 30px 10%; } #metro .composedcontent-preset_box p.ico-muellabfuhr a::before { font-family: FontAwesome; content: "\f014\A"; font-size: 180%; white-space: pre; } /*#metro .composedcontent-preset_box p.ico-muellabfuhr a:hover, #metro .composedcontent-preset_box p.ico-muellabfuhr a:focus, #metro .composedcontent-preset_box p.ico-muellabfuhr a:active { text-decoration: none !important; color: #ccc !important;}*/ /* NEU 2025*/ #metro .composedcontent-preset_box p.ico-muellabfuhr a:hover, #metro .composedcontent-preset_box p.ico-muellabfuhr a:focus, #metro .composedcontent-preset_box p.ico-muellabfuhr a:active { text-decoration: none !important; color: #000 !important;} /*#metro .composedcontent-preset_box p.ico-mitteilung a { width: 80%; display:block; color: rgba(255, 255, 255, 1) !important; padding:10%; }*/ /* NEU 2025*/ #metro .composedcontent-preset_box p.ico-mitteilung a { width: 80%; display:block; padding:10%; } #metro .composedcontent-preset_box p.ico-mitteilung a::before { font-family: FontAwesome; content: "\f0e6\A"; font-size: 180%; white-space: pre; } /*#metro .composedcontent-preset_box p.ico-mitteilung a:hover, #metro .composedcontent-preset_box p.ico-mitteilung a:focus, #metro .composedcontent-preset_box p.ico-mitteilung a:active { text-decoration: none !important; color:#ccc !important; }*/ /* NEU 2025*/ #metro .composedcontent-preset_box p.ico-mitteilung a:hover, #metro .composedcontent-preset_box p.ico-mitteilung a:focus, #metro .composedcontent-preset_box p.ico-mitteilung a:active { text-decoration: none !important; color:#000 !important; } /*#metro .composedcontent-preset_box p.ico-veranstaltungen a { width: 80%; display:block; color: rgba(255, 255, 255, 1) !important; padding:30px 10%; }*/ /* NEU 2025*/ #metro .composedcontent-preset_box p.ico-veranstaltungen a { width: 80%; display:block; padding:30px 10%; } #metro .composedcontent-preset_box p.ico-veranstaltungen a::before { font-family: FontAwesome; content: "\f073\A"; font-size: 180%; white-space: pre; } /*#metro .composedcontent-preset_box p.ico-veranstaltungen a:hover, #metro .composedcontent-preset_box p.ico-veranstaltungen a:focus, #metro .composedcontent-preset_box p.ico-veranstaltungen a:active { text-decoration: none !important; color: #ccc !important; }*/ /* NEU 2025*/ #metro .composedcontent-preset_box p.ico-veranstaltungen a:hover, #metro .composedcontent-preset_box p.ico-veranstaltungen a:focus, #metro .composedcontent-preset_box p.ico-veranstaltungen a:active { text-decoration: none !important; color: #000 !important; } /*#metro .composedcontent-preset_box p.veranstaltungen {width: 163px; position: absolute; background-color: rgba(40, 100, 140, 1); height: 300px; left: 0; text-align: center;}*/ /* NEU 2025*/ #metro .composedcontent-preset_box p.veranstaltungen {width: 163px; position: absolute; height: 300px; left: 0; text-align: center;} #metro .composedcontent-preset_box div.veranstaltungen-termin .zmBox {padding: 25px; -moz-hyphens: auto; -o-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; overflow: hidden;} #metro .composedcontent-preset_box div.veranstaltungen-termin {width: 326px; margin-left: 163px; position: absolute; height: 300px; overflow: hidden;} #metro .composedcontent-preset_box div.veranstaltungen-termin .date {font-weight: bold;} #metro .composedcontent-preset_box div.veranstaltungen-termin h2 { color: #01649b !important; font-size: 1.6rem; font-weight: normal; text-align:left; margin: 0 0 1.5rem 0; line-height: 120%; } #metro .composedcontent-preset_box div.veranstaltungen-termin h4 {font-weight: bold; margin-bottom: 0;} /*#metro .composedcontent-preset_box div.veranstaltungen-termin .zmlinktodata {display: none;} Mit Update 07/21 Titel nicht mehr verlinkt*/ #metro .composedcontent-preset_box div.veranstaltungen-termin .zmlinktodata {display: block; margin-top: 1.5rem;} #metro .composedcontent-preset_box div.veranstaltungen-termin .zmOrt .label {font-weight: bold;} #metro .composedcontent-preset_box div.veranstaltungen-termin .zmOrt .data{display: none;} #metro .composedcontent-preset_box div.veranstaltungen-termin .zmVeranstalter .label {font-weight: bold;} #metro .composedcontent-preset_box p.ico-aktuell a { width: 80%; display:block; color: rgba(255, 255, 255, 1) !important; padding: 6% 10%;} #metro .composedcontent-preset_box p.ico-aktuell a::before { font-family: FontAwesome; content: "\f1ea\A"; font-size: 180%; white-space: pre; } #metro .composedcontent-preset_box p.ico-aktuell a:hover, #metro .composedcontent-preset_box p.ico-aktuell a:focus, #metro .composedcontent-preset_box p.ico-aktuell a:active { text-decoration: none !important; color: #ccc !important; } #metro .composedcontent-preset_box p.ico-ortsplan a { width: 80%; display:block; color: rgba(255, 255, 255, 1) !important; padding: 30px 10%;} #metro .composedcontent-preset_box p.ico-ortsplan a::before { font-family: FontAwesome; content: "\f278\A"; font-size: 180%; white-space: pre; } #metro .composedcontent-preset_box p.ico-ortsplan a:hover, #metro .composedcontent-preset_box p.ico-ortsplan a:focus, #metro .composedcontent-preset_box p.ico-ortsplan a:active { text-decoration: none !important; color: #ccc !important; } #metro .composedcontent-preset_box p.ico-kontakt a { width: 80%; display:block; color: rgba(255, 255, 255, 1) !important; padding: 30px 10%;} #metro .composedcontent-preset_box p.ico-kontakt a::before { font-family: FontAwesome; content: "\f0e0\A"; font-size: 180%; white-space: pre; } /*#metro .composedcontent-preset_box p.ico-kontakt a:hover, #metro .composedcontent-preset_box p.ico-kontakt a:focus, #metro .composedcontent-preset_box p.ico-kontakt a:active { text-decoration: none !important; color: #ccc !important; }*/ /* NEU 2025*/ #metro .composedcontent-preset_box p.ico-kontakt a:hover, #metro .composedcontent-preset_box p.ico-kontakt a:focus, #metro .composedcontent-preset_box p.ico-kontakt a:active { text-decoration: none !important; color: #000 !important; } #metro .composedcontent-preset_box p.ico-ferienprogramm a { width: 80%; display:block; color: rgba(255, 255, 255, 1) !important; padding:10%; } #metro .composedcontent-preset_box p.ico-ferienprogramm a::before { font-family: FontAwesome; content: "\f25a\A"; font-size: 180%; white-space: pre; } #metro .composedcontent-preset_box p.ico-ferienprogramm a:hover, #metro .composedcontent-preset_box p.ico-zeitung a:focus, #metro .composedcontent-preset_box p.ico-zeitung a:active { text-decoration: none !important; color: #ccc !important; } /*#metro .composedcontent-preset_box p.ico-buergerservice a { width: 80%; height: 90%; display:block; color: rgba(255, 255, 255, 1) !important; padding: 30px 10%; }*/ /* NEU 2025*/ #metro .composedcontent-preset_box p.ico-buergerservice a { width: 80%; height: 90%; display:block; color: #333 !important; padding: 30px 10%; } #metro .composedcontent-preset_box p.ico-buergerservice a::before { font-family: FontAwesome; content: "\f192\A"; font-size: 180%; white-space: pre; } /*#metro .composedcontent-preset_box p.ico-buergerservice a:hover, #metro .composedcontent-preset_box p.ico-zeitung a:focus, #metro .composedcontent-preset_box p.ico-zeitung a:active { text-decoration: none !important; color: #ccc !important; }*/ /* NEU 2025 */ #metro .composedcontent-preset_box p.ico-buergerservice a:hover, #metro .composedcontent-preset_box p.ico-zeitung a:focus, #metro .composedcontent-preset_box p.ico-zeitung a:active { text-decoration: none !important; color: #fff !important; } /*#metro .composedcontent-preset_box p.buergerservice {position: absolute; background-color: rgba(50, 90, 50, 1); height: 300px; width: 163px; right: 0;}*/ /*** NEU 2025 ***/ #metro .composedcontent-preset_box p.buergerservice {position: absolute; background-color: rgba(174,221,176, 1); height: 300px; width: 163px; right: 0;} /*** NEU 925 Jahre ***/ #metro .composedcontent-preset_box.jahre925{background: url(../img/925-Jahre.png) right 20px top 20px #AEDDB0 no-repeat;position: relative;background-size: 100px auto;} #metro .composedcontent-preset_box.jahre925:hover, #metro .composedcontent-preset_box.jahre925:focus-within{background-image: url(../img/925-Jahre-weiss.png);} #metro .composedcontent-preset_box.jahre925:hover p a, #metro .composedcontent-preset_box.jahre925:focus-within p a{color:#FFFFFF !important;} #metro .composedcontent-preset_box.jahre925 .boxChild:first-child{display: flex;text-align: center;flex-wrap: wrap;justify-content: center;align-content: space-around;width: 150px;height: 150px;} #metro .composedcontent-preset_box.jahre925 .boxChild:first-child p{width: 120px;height: 120px;} #metro .composedcontent-preset_box.jahre925 .boxChild:first-child p a{text-decoration: none;color: #135954 ;} #metro .composedcontent-preset_box.jahre925 .boxChild:first-child p a:after{position: absolute;top:0;right:0;bottom:0;left:0;display:block; content:"";} .home #loginForm {position: relative; width: 457px; height: 269px;} /*Suchergebnisse --------------------- */ .body_search #metro .composedcontent-preset_module {display: none;} .body_search .searchDiv {float: left; background: #fff; padding: 20px;} /* Responsive Desin Startseite ------------------------------------------------------------------------------------------ */ @media ( max-width: 995px) { /* BOXEN Responsive ------------------------------------------------------------------------------------------ */ #metro .ym-gl, #metro .ym-gr {float: none; margin: 0;} #metro .subcolumns {float: left;} #metro .ym-g50 {width: 100%;} #main {width: 489px;} #metro .composedcontent-preset_box.large.home-buergerservice {float: left;} #metro .composedcontent-preset_box p.buergerservice {left: 326px;} } @media( max-width: 815px ) { .ym-col1 {display: block;} #main {padding: 0px;} } @media( max-width: 489px ) { #main {width: 326px;} #metro .composedcontent-preset_box.large { width: 326px;} #metro .composedcontent-preset_box p.veranstaltungen {display: none;} #metro .composedcontent-preset_box div.veranstaltungen-termin {margin-left: 0px;} #metro .composedcontent-preset_box p.buergerservice {left: 0;} #metro .composedcontent-preset_box.large.home-buergerservice {overflow: hidden;} }