/**************************************************************** CSS Mutlangen 2017 *****************************************************************/ /* COLORS Dunkelgrün: color: rgba(0, 150, 150, 1); Hellgrün: color: rgba(105, 200, 175, 1); Dunkelblau: color: rgba(0, 45, 75, 1); Hellblau: color: rgba(10, 85, 135, 1); */ /* FONTS */ /* @import url('https://fonts.googleapis.com/css?family=Archivo+Black|Archivo+Narrow:400,400i,700,700i');*/ /* archivo-black-regular - latin */ @font-face { font-family: 'Archivo Black'; font-style: normal; font-weight: 400; src: local(''), url('../fonts/archivo-black-v17-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('../fonts/archivo-black-v17-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* archivo-narrow-regular - latin */ @font-face { font-family: 'Archivo Narrow'; font-style: normal; font-weight: 400; src: local(''), url('../fonts/archivo-narrow-v28-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('../fonts/archivo-narrow-v28-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* archivo-narrow-700 - latin */ @font-face { font-family: 'Archivo Narrow'; font-style: normal; font-weight: 700; src: local(''), url('../fonts/archivo-narrow-v28-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('../fonts/archivo-narrow-v28-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* archivo-narrow-italic - latin */ @font-face { font-family: 'Archivo Narrow'; font-style: italic; font-weight: 400; src: local(''), url('../fonts/archivo-narrow-v28-latin-italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('../fonts/archivo-narrow-v28-latin-italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* archivo-narrow-700italic - latin */ @font-face { font-family: 'Archivo Narrow'; font-style: italic; font-weight: 700; src: local(''), url('../fonts/archivo-narrow-v28-latin-700italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('../fonts/archivo-narrow-v28-latin-700italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* BASICS ------------------------------------------------------------------------------------------ */ body { margin: 0; padding: 0; font-family: 'Archivo Narrow', sans-serif; overflow-x: hidden; font-size: 100%; } .wrapper > * { position: relative; } p { margin: 0; } #pirobaseButton { display: none; } .innerline { max-width: 1170px; margin: 0 auto; } .main { height: auto; padding-bottom: 50px; box-sizing: border-box; z-index: 2;} /*** -------- Hintergrundbild ---------- ***/ .background-img { display: block !important; height: 100vh; left: 0; position: fixed; top: 0; width: 100%; z-index: 1; background-position: 50% 50%; background-size: cover; overflow: hidden; background-image: url("../img/bgimage-mobil.jpg"); } .background-img a { display: none;} .background-img > div { padding: 0px;} .background-img figure { margin: 0px;} .background-img img { height: 100vh; object-fit: cover; position: relative; width: 100vw; } .background-img .basecontent-image { float: none !important; } nav#nav { position: relative; } /* FORMATE ------------------------------------------------------------------------------------------ */ /*** -------- Links ---------- ***/ a { color: rgba(10, 85, 135, 0.85); text-decoration: none; } a:hover { text-decoration: none; -webkit-transition: all 0.5s ease; /* Firefox */ -moz-transition: all 0.5s ease; /* WebKit */ -o-transition: all 0.5s ease; /* Opera */ transition: all 0.5s ease; /* Standard */ color: rgba(10, 85, 135, 1); } a.invers, a.invers:visited, a.invers:active { color: rgba(10, 85, 135, 0.85); } .ym-col2 a:hover { text-decoration: none; } a.neuFensterLink, a.dateiLink { text-decoration: none; background: none; padding: 0; } article { clear: both; } article .basecontent-line-break-text a.mailLink:before { content: "\f0e0"; font-family: 'FontAwesome'; padding-right:0.5rem; color: rgba(0, 150, 150, 1); font-size:100%; text-decoration:none; } p { font-size: 1.2rem; line-height: 1.8rem; margin-bottom: 2rem;} input, select { font-family: "Archivo Narrow",sans-serif; font-size: 1rem; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 3px; padding: 0.5rem; } .align-center { text-align: center; } /*** -------- Listen ---------- ***/ .basecontent-list h5, .basecontent-numbered-list h5 { font-weight: 700; color: rgba(10, 85, 135, 1); font-size: 1.2rem !important; margin-bottom: 0.5rem; } #service .basecontent-list h5, #service .basecontent-numbered-list h5 { color: rgba(255, 255, 255, 1); } .basecontent-list ul, .basecontent-numbered-list ol { margin: 0 0.5rem 1rem 0 !important; } .basecontent-list li, .basecontent-numbered-list li { list-style-type: disc; font-size: 1.2rem; line-height: 140%; } /*** -------- Headlines ---------- ***/ h1,h2,h3,h4,h5,h6 { font-family: 'Archivo Narrow', sans-serif; font-weight: 400; font-style: normal; color: inherit; margin-top: 0; margin-bottom: 0.5rem; line-height: 1.4; } h1 { font-size: 1.8rem; font-weight: 700; color: rgba(10, 85, 135, 1); margin-bottom: 1rem; margin-top: 0.5em; text-transform: uppercase; } h2 { font-size: 1.4rem; width: auto; color: rgba(10, 85, 135, 1); font-weight: 600; margin-bottom: 1rem; } h3 { font-size: 1.2rem; color: rgba(10, 85, 135, 1); font-weight:600; } h4 {font-size: 1.125rem; } h5 {font-size: 1.0625rem; } h6 {font-size: 1rem; } /* SIDEMENUS ------------------------------------------------------------------------------------------ */ .leftmenu { background: rgba(0,85,150,0.75); background: -moz-linear-gradient(left, rgba(0,85,150,0.75) 0%, rgba(0,85,150,0.75) 89%, rgba(255,255,255,1) 89%, rgba(255,255,255,1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,85,150,0.75)), color-stop(89%, rgba(0,85,150,1)), color-stop(89%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1))); background: -webkit-linear-gradient(left, rgba(0,85,150,0.75) 0%, rgba(0,85,150,0.75) 89%, rgba(255,255,255,1) 89%, rgba(255,255,255,1) 100%); background: -o-linear-gradient(left, rgba(0,85,150,0.75) 0%, rgba(0,85,150,0.75) 89%, rgba(255,255,255,1) 89%, rgba(255,255,255,1) 100%); background: -ms-linear-gradient(left, rgba(0,85,150,0.75) 0%, rgba(0,85,150,0.75) 89%, rgba(255,255,255,1) 89%, rgba(255,255,255,1) 100%); background: linear-gradient(to right, rgba(0,85,150,0.75) 0%, rgba(0,85,150,0.75) 89%, rgba(255,255,255,1) 89%, rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005596', endColorstr='rgba(255,255,255,1)', GradientType=1 ); position: absolute; top: 215px; /*height: 280px;*/ width: 180px; padding: 1rem; margin-bottom: 15px; left: 0; border: 2px solid rgba(255,255,255,1); border-left: 0px solid transparent; border-radius: 0 5px 5px 0; } .rightmenu { background: rgba(255,255,255,1); background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 11%, rgba(0,85,150,0.75) 11%, rgba(0,85,150,0.5) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(11%, rgba(255,255,255,1)), color-stop(11%, rgba(0,85,150,0.75)), color-stop(100%, rgba(0,85,150,0.75))); background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 11%, rgba(0,85,150,0.75) 11%, rgba(0,85,150,0.5) 100%); background: -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 11%, rgba(0,85,150,0.75) 11%, rgba(0,85,150,0.75) 100%); background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 11%, rgba(0,85,150,0.75) 11%, rgba(0,85,150,0.75) 100%); background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 11%, rgba(0,85,150,0.75) 11%, rgba(0,85,150,0.75) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(255,255,255,1)', endColorstr='#005596', GradientType=1 ); position: absolute; top: 215px; /*height: 280px;*/ width: 180px; padding: 1rem; margin-bottom: 15px; right: 0; border: 2px solid rgba(255,255,255,1); border-right: 0px solid transparent; border-radius: 5px 0 0 5px; } .leftmenu ul, .rightmenu ul { margin: 0 !important; padding: 0 !important; } .leftmenu ul li { list-style: none; margin-right: 1rem; font-size: 1.1rem; line-height: 140%; } .rightmenu ul li { list-style: none; margin-left: 1rem; font-size: 1.1rem; line-height: 140%; } .leftmenu ul li a, .rightmenu ul li a { font-size: 100%; color: rgba(255,255,255,1); text-decoration: none; /*text-transform: uppercase;*/ font-weight: 700; line-height: 150%; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease;} .leftmenu ul li a:hover, .rightmenu ul li a:hover { text-decoration: underline; } /*** -------- Menü Rechts ---------- ***/ #slidemenu-left { z-index: 10; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; opacity: 1; } #slidemenu-right { z-index: 10; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; opacity: 1; } .hide-left { left: -190px; } .hide-right { right: -190px; } .show-left { left: 0; } .show-right { right:0; } #showmenu-left { margin-left: 78%; margin-top: 32%; position: absolute; top: 0; padding: 6px 10px 7px 10px; font-size: 1.3em; color: rgba(0, 85, 150, 0.8); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s linear; transition: all 0.3s ease; } #showmenu-right { right: 90.5%; margin-top: 35%; position: absolute; top: 0; font-size: 1.3em; color: rgba(0, 85, 150, 0.8); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } /*** -------- Wetter-Box ---------- ***/ .weather-box { left: 0; background-color: rgba(0, 85, 150, 0.75); padding: 0.4rem 1em; border: 2px solid rgba(255,255,255,1); border-left: 0 solid transparent; border-radius: 0 5px 5px 0; position: absolute; top: 115px; width: 180px; z-index: 2; } .weatherBox .kopf { width: 40%; float: left; } .weatherBox .kopf img { width: 100%; } .weatherBox .rumpf { width: 55%; float: right; margin-top: 3px; margin-bottom: 3px; } .weatherBox .rumpf .temperature, .weatherBox .rumpf .condition { color: rgba(255,255,255,1); font-size: 100%; font-weight: 700; } .weatherBox .kopf .title, .weatherBox .rumpf .wind { display: none; } /*** -------- Search-Box ---------- ***/ .search-box { background-color: rgba(0, 85, 150, 0.75); border-color: rgba(255, 255, 255, 1); border-image: none; border-radius: 5px 0 0 5px; border-style: solid none solid solid; border-width: 2px; color: rgba(255, 255, 255, 1); font-size: 1.5rem; font-weight: 700; padding: 1rem; position: absolute; right: 0; top: 115px; width: 180px; z-index: 1; } #searchclick { width: 100%; } #searchclick span.searchlabel { width: 75%; display: inline-block; /*float: left;*/ margin-top: 5%; cursor: pointer; } #searchclick .search-icon { display: inline-block; position: relative; width: 25%; /*float: right;*/ cursor: pointer; } #searchclick .search-icon-close {display: none; position: relative; width: 25%; float: right; } #search-target-box { background-color: rgba(0, 85, 150, 1); /*border: 2px solid rgba(255, 255, 255, 1);*/ border-radius: 5px; position: absolute; top: 110px; left: 0; right: 0; margin: 0 auto; width: 100%; max-width: 1170px; box-sizing: border-box; z-index: 10000; } .search-target { display: none; padding: 5rem 2rem; } .search-target input#qs_query { padding: 20px 10px; width: 90%; border: 0px; border-radius: 5px; font-size: 2rem; color: rgba(153,153,153,0.75); } .search-target .sb-search-submit { background: rgba(0, 0, 0, 0) url("../img/icon-search-glas.svg") no-repeat scroll 0 0px !important; border: 1px solid rgba(255,255,255,0); cursor: pointer; width: 70px; height: 80px; margin-left: 10px; float: right; margin-top: 5px; } /* MAINMENU ------------------------------------------------------------------------------------------ */ #megamenu { background-color: rgba(0, 85, 150, 0.75); box-sizing: border-box; border-top: 0px transparent rgba(255,255,255,0); border-left: 2px solid rgba(255,255,255,1); border-right: 2px solid rgba(255,255,255,1); border-bottom: 2px solid rgba(255,255,255,1); border-radius: 0 0 5px 5px; position: fixed; max-width: 1170px; z-index: 999; width: 100%; } /*** -------- Scroll Tranparency ---------- ***/ body.scrolled #megamenu { opacity: 0.3; transition: opacity .4s; } body.scrolled #megamenu:hover { opacity: 1.0; transition: opacity .4s; background-color: rgba(0, 85, 150, 0.9); } #megamenu { opacity: 1; transition: opacity .4s; } #megamenu:hover { opacity: 1.0; transition: opacity 0.4s ease 0s; background-color: rgba(0, 85, 150, 0.9); } /*** -------- Mega Menu ---------- ***/ ul.mega-menu { list-style-type: none !important; } .mega-menu ul, .mega-menu ul li { list-style-type: none !important; } .mega-menu ul { margin: 0; padding: 0; position: relative; } .mega-menu ul li ul { display: none; } .mega-menu .sub { display: none; } .mega-menu .sub ul { display: block; } ul.mega-menu, ul.mega-menu li { border: medium none; margin: 0; padding: 0; } ul.mega-menu { border-left: 0 none; position: relative; width: 100%; } ul.mega-menu li { float: left; margin: 0; padding: 0;} ul.mega-menu li a { list-style: none !important; color: rgba(255,255,255,1); /*float: left;*/ font-size: 1.33rem; font-weight: 600; line-height: 1.5rem; padding: 20px 25%; text-decoration: none; display: block; } ul.mega-menu li a.dc-mega { position: relative; } ul.mega-menu li a .dc-mega-icon { display: block; height: 6px; position: absolute; right: 15px; top: 18px; width: 8px; } ul.mega-menu li .sub-container { padding-left: 0; position: absolute; top: 95px !important; } ul.mega-menu li .sub { background-color: rgba(0, 85, 150, 1); box-sizing: border-box; border-top: 0px transparent rgba(255,255,255,0); border-left: 2px solid rgba(255,255,255,1); border-right: 2px solid rgba(255,255,255,1); border-bottom: 2px solid rgba(255,255,255,1); border-radius: 0 0 5px 5px; box-sizing: border-box; max-width: 1170px; position: fixed; width: 100%; z-index: 999; margin-left: -2px !important; } ul.mega-menu li .sub-container.mega .sub { padding: 0; } ul.mega-menu li .sub .row { clear: both; height: auto !important; overflow: hidden; width: 100% !important; padding-bottom: 1rem; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,0.15+100,0.05+100 */ background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.05) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.05) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0.05) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#0dffffff',GradientType=0 ); /* IE6-9 */ } ul.mega-menu li .sub li { float: none; font-weight: normal; list-style: outside none none; /*margin-right: 50px !important;*/ width: 20%; } ul.mega-menu li .sub li.mega-hdr { /*background: rgba(255, 255, 255, 0.25);*//*display: inline-block;*/ float: left; /*margin: 0 10px 10px 0;*//*margin: 1rem; padding: 0 0.5em;*/ } ul.mega-menu li .sub li.mega-hdr:last-child { border-right: 0px solid rgba(255,255,255,0.75); } ul.mega-menu li .sub li.mega-hdr.last { margin-right: 0; } ul.mega-menu li .sub a { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: medium none; color: rgba(255,255,255,1); display: block; float: none; font-size: 0.9em; padding: 5px 0; text-decoration: none; } ul.mega-menu li .sub li.mega-hdr a.mega-hdr-a { color: rgba(255,255,255,1); /*margin-bottom: 5px;*//*padding: 5px 5px 5px 15px;*/ } ul.mega-menu li .sub li.mega-hdr a.mega-hdr-a:hover { text-shadow: none; } ul.mega-menu .sub li.mega-hdr li a { /*background: rgba(0, 0, 0, 0) url("images/arrow_off.png") no-repeat scroll 5px 8px;*/ font-weight: normal; padding: 0px; } ul.mega-menu .sub li.mega-hdr li a:before { content: "\f105"; font-family: FontAwesome; font-size: 17pt; margin-right: 6px; } ul.mega-menu .sub li.mega-hdr li a:hover { text-decoration: underline; } ul.mega-menu .sub ul li { padding-right: 0; } ul.mega-menu li.ebene1 { font-family: 'Archivo Narrow', sans-serif; font-size: 13pt; font-weight: normal; } ul.mega-menu li.ebene2 { height: auto !important; } ul.mega-menu li.ebene2 a { /*border-bottom: 1px solid #cccccc;*/ display: block !important; font-family: 'Archivo Narrow', sans-serif; font-size: 120% !important; font-weight: 400; height: auto !important; /*line-height: 1.5em !important;*/ } ul.mega-menu li.ebene3 a { border: 0 none; color: rgba(255,255,255,1); font-family: 'Archivo Narrow', sans-serif; font-size: 110% !important; font-weight: normal !important; line-height: 140% !important; } #megamenu.flyerNav ul.ebene3 { max-height: 20px !important; overflow: hidden; } #megamenu.flyerNav ul.ebene3:hover { height: auto !important; max-height: inherit !important; overflow: inherit !important; } #megamenu.flyerNav ul.ebene3/* li.ebene3:nth-child(1):*/:before { content: "\f13a"; font-family: FontAwesome; float: right; color: rgba(255,255,255,1); font-size: 17pt; font-weight: bold; z-index: 999; width: 100%; } #megamenu.flyerNav ul li.ebene1:nth-child(8) { display: none !important; } .flyerNav ul.ebene2 { max-width: 1170px !important; } .flyerNav .row { max-width: 1170px !important; } .flyerNav ul li.ebene0 { font-size: 12pt; } ul.mega-menu li .sub li ul { width: 100% !important; } ul.mega-menu li .sub li ul li { width: 150% !important; } /*Gesundheit & Soziales*/ .nav_14242587.ebene2.child_3.mega-unit.mega-hdr.last { width: 25%; } #mmenu-search input.quicksearchtext { border-radius: 3px; border: 0 none; padding: 0.5rem 1rem !important; font-size: 1rem; color: rgba(153, 153, 153, 1); width: 60%; position: absolute; left: 10%; } #mmenu-search .quicksearchimg { position: absolute; top: 3px; left: 70%; margin-left: 10px; width: 35px; height: 35px; border: none; } a.mm-bottomlinks { color: rgba(255,255,255,1) !important; margin-right: 10px; } /*** -------- Quicklinks ---------- ***/ .quicklinks { border-radius: 0 0 5px 5px; border-top: 0 solid transparent; max-width: calc(1170px - 0px); width: 100%; position: absolute; top: 358px; z-index: 9999; } .dvvToolbar .tb-menu-root { font-size: 100%; } /* News auf Startseite ----------------------------------------------------------------------------------------------*/ .pm-box { background-color: rgba(0, 44, 73, 0.33); border-radius: 5px; } .pm-box, .pm-box a { color: rgba(255,255,255,1); text-decoration: none; } .pm-box > div { display: inline-block; } .pm-box .arrow { width: 10%; } .pm-box .arrow.right:after, .pm-box .arrow.left:before { font-family: FontAwesome; font-size: 2rem; padding: 33% 0; } .pm-box .arrow.left:before { content: "\f137"; float: left; padding-left: 33%; } .pm-box .arrow.right:after { content: "\f138"; float: right; padding-right: 33%; } .home .bx-wrapper { margin: 0 !important; } .pm-meldung { padding: 20px 0; width: calc(80% - 10px); } .pm-pubDate { font-style: italic; color: rgba(255,255,255,1); } .pm-meldung h2 { margin: 0.75rem 0; max-width: 80%; } .pm-meldung h2 a { font-size: 1.8rem; line-height: 1.8rem; color: rgba(255,255,255,1); text-decoration: none; } .home .pm-anreisser { font-size: 1.3rem; color: rgba(255,255,255,1); max-width: 80%; line-height: 140%; } .home .pm-anreisser a { color: rgba(0, 85, 150, 1); background: rgba(255,255,255,1) none repeat scroll 0 0; padding: 0rem 0.25rem; border-radius: 2px; } .pm-box .pm-detaillink { display: none; } .fourcircles { margin-top: 10px; } .fourcircles:after { color: rgba(255,255,255,1); content: "\f111 \f1db \f111 \f111"; font-family: FontAwesome; letter-spacing: 0.2rem; margin: 0 45%; width: 10%; } p.more-news { background: rgba(0, 85, 150, 0.75) none repeat scroll 0 0; border-radius: 3px; padding: 5px 10px; display: inline-block; /*float: right;*/ margin-top: 20px; } .more-news a { color: rgba(255, 255, 255, 1) !important; } .more-news a:after { color: rgba(255, 255, 255, 1) !important; content: "\f138"; font-family: FontAwesome; padding-left: 10px; } /* Boxen auf Startseite ----------------------------------------------------------------------------------------------*/ /* //.boxes { clear: both; padding-top: 20px; height: 400px; margin-bottom: 50px; } */ .boxes {clear:both;display:flex;gap:1.5%;margin-top:20px;} .boxes > [class^="box"] { background-color:rgba(255, 255, 255, 0.9); background-size:cover; border:4px solid #fff; border-radius:5px; opacity: 0.75; flex-basis:25%; height:400px; -webkit-transition: opacity 0.5s ease-in-out; -moz-transition: opacity 0.5s ease-in-out; -ms-transition: opacity 0.5s ease-in-out; -o-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out; } .boxes > [class^="box"] > div {box-sizing:border-box;width:100%;height:100%;padding:10px;} .boxes > [class^="box"] > div p {flex-basis:100%;font-size:1.5rem;font-weight:700;margin-bottom:0;text-align:center;text-transform:uppercase;} .boxes > [class^="box"] > div .H1-startseite {color:rgba(0,45,75,1);} .boxes .termine > div, .boxes .service > div, .boxes .specials > div {display:flex;align-items:flex-end;} /*.boxes .termine { background-color: rgba(52, 104, 153, 0.9); border-radius: 5px; } */ .boxes .termine {background-color:rgba(255,255,255,0.9);background-image:url("../img/energie_bg.jpg");} .boxes .termine:hover { opacity: 1; } .boxes .kalender { background-color: rgba(255, 255, 255, 0.9); border-radius: 0px 5px 5px 0px; } .boxes .kalender:hover { opacity: 1; } .boxes .service { background-image: url("../img/waldnaturkindergarten.jpg"); background-size: cover; opacity: 0.75; -webkit-transition: opacity 0.5s ease-in-out; -moz-transition: opacity 0.5s ease-in-out; -ms-transition: opacity 0.5s ease-in-out; -o-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out; border: 4px solid rgba(255,255,255,1); } .boxes .service:hover { opacity: 1; } /*.boxes .service p.H1-startseite a { color: rgba(0, 45, 75, 1); left: 0; right: 0; padding-top: 20rem; padding-bottom: 2rem; } .boxes .specials p.H1-startseite a { color: rgba(255, 255, 255, 1); position: absolute; left: 0; right: 0; padding-top: 21rem; padding-bottom: 2rem; } .boxes .specials { background-color: rgba(52, 104, 153, 0.9); background-size: cover; opacity: 0.75; color: #fff; padding: 20px 20px; -webkit-transition: opacity 1s ease-in-out; -moz-transition: opacity 1s ease-in-out; -ms-transition: opacity 1s ease-in-out; -o-transition: opacity 1s ease-in-out; transition: opacity 1s ease-in-out; border: 4px solid rgba(255,255,255,1); box-sizing: border-box; } .boxes .specials:hover { opacity: 1; } .boxes .basecontent-dvv-wetter .rumpf { clear: after; margin-bottom: 40px; } .boxes .basecontent-dvv-wetter .forecast img { float: right; } */ .boxes .specials p { width: 100%; text-align: center; text-transform: uppercase; font-weight: 700; font-size: 2rem; line-height: 100%; margin-bottom: 0px !important; } /* .boxes .specials p.H1-startseite a { color: rgba(0, 45, 75, 1); position: absolute; left: 0; right: 0; padding: 16rem 20px 2rem 20px; hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; } */ .boxes .specials { background-image: url("../img/specials_bg.jpg"); background-size: cover; opacity: 0.75; -webkit-transition: opacity 1s ease-in-out; -moz-transition: opacity 0.5s ease-in-out; -ms-transition: opacity 0.5s ease-in-out; -o-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out; border: 4px solid rgba(255,255,255,1); } .boxes .specials:hover { opacity: 1; } .logo { text-align: center; width: 100%; } .logo svg { max-width: 550px; padding: 150px 0 50px 0; width: 90% !important; } .logo svg .st0{ fill:rgba(255,255,255,1); } .logo svg .st1{ fill:#BE1622; } .zitat { float: left; clear: both; background-color: rgba(0, 150, 150, 1); color: rgba(255, 255, 255, 1); /*! float: left; */ padding: 20px 0 0px 0; width: 100%; min-height: 140px; z-index: 10; } .zitat .basecontent-image { float: left; /*margin: 0 20px 20px 0;*/ } .zitat .image-inner { border-radius: 50px; height: 100px; overflow: hidden; width: 100px; } .zitat img { height: 100px; } /*left: -8px; position: relative;*/ .zitat .innerline .zitattext { font-style: italic; /*padding: 10px 5em 0px 5em;*/ text-align: center; font-size: 120%; /*margin-bottom: 0 !important;*/ } .zitat .innerline .zitierter { margin-top: 1rem; text-align: center; padding: 0 5em; font-size: 120%; } .zitat .innerline .more { text-decoration: underline; margin-left: 10px; color: rgba(255, 255, 255, 1); } .bigbox{background:none;text-align: center;} .bigbox figure{margin:0;} .bigbox .basecontent-image{margin:0;float:inherit;} .bigbox img{max-width: 100%; border: 4px solid rgba(255,255,255,1); border-radius: 5px;} /* Aktuelles auf Startseite ----------------------------------------------------------------------------------------------*/ .home .bx-wrapper .bx-viewport { background: rgba(0,85,150,0.75); border: 0px; box-shadow: 0 0; border-radius: 7px; left: 0px; padding: 30px 0px 30px 0px; } .home .bx-wrapper .bx-viewport .pm-meldung { padding: 0px 80px; margin-right: 100px; } .home .bx-wrapper .bx-pager { text-align: center; font-size: .85em; font-weight: bold; color: #666; background: transparent !important; /*top: 180px !important;*/ position: relative; } .home .bx-wrapper .bx-pager.bx-default-pager a { background: rgba(255,255,255,0.3); text-indent: -9999px; display: block; width: 5px; height: 12px; margin: 0 5px; outline: 0; -moz-border-radius: 9px; -webkit-border-radius: 9px; border-radius: 9px; border: 2px solid rgba(255,255,255,1); color: transparent !important; } a.bx-pager-link.active { background: rgba(255, 255, 255, 1) !important; } .home .bx-wrapper .bx-pager.bx-default-pager a:hover { background: rgba(255,255,255,1); -webkit-transition: all 0.5s ease; /* Firefox */ -moz-transition: all 0.5s ease; /* WebKit */ -o-transition: all 0.5s ease; /* Opera */ transition: all 0.5s ease; /* Standard */} .home .bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -35px; outline: 0; width: 32px; height: 32px; text-indent: -9999px; z-index: 2; } .home .bx-wrapper .bx-prev { display: inline; background: rgba(0, 0, 0, 0) url("../img/icon-arrow-right.svg") no-repeat scroll 0 0px !important; left: 10px; } .home .bx-wrapper .bx-next { display: inline; background: rgba(0, 0, 0, 0) url("../img/icon-arrow-left.svg") no-repeat scroll 0 0px !important; right: 10px; } /* Effekt Tabs auf Startseite -----------------------------------------*/ .kontaktline { width: 100%; background-color: rgba(0, 44, 73, 1); } .kontaktline .home-tabs .ui-corner-all { border-radius: 0px; border: 0px; padding: 0px;} /*TAB-Kopfzeile*/ .home-tabs ul.tabsHeaders { position: relative; width: 100%; height: 40px; box-sizing: border-box; border-radius: 0px; background: none; padding: 0px; margin-top: 0px !important; } .home-tabs ul.tabsHeaders li { height: 100%; font-family: 'Archivo Narrow', sans-serif; text-transform: uppercase; font-weight: 700; float: none; display: inline-block; width: 50%; border-radius: 0px; box-sizing: border-box; font-style: normal;} .home-tabs ul.tabsHeaders li:first-child { padding-left: calc((100% - 1170px) / 2) !important; background-color: rgba(105, 200, 175, 1); margin: 0px; position: absolute; left: 0px; border: 0px !important; padding-bottom: 0px;} .home-tabs .ui-tabs .ui-tabs-nav li.ui-tabs-active:first-child { background-color: rgba(105,200,175,1); } .home-tabs ul.tabsHeaders li:hover { background-color: rgba(0, 150, 150, 1) !important; transition: all 1s; cursor: pointer; } /*Inhalt*/ .home-tabs .ui-tabs .ui-tabs-panel { background: rgba(0, 45, 75, 1) none repeat scroll 0 0; padding: 0; } .kontaktline .home-tabs .composedcontent-mutlangen---box { clear: both; overflow: hidden; } .kontaktline .home-tabs .composedcontent-mutlangen---box > div { float: left; /*min-height: 250px;*/ width: 50%; } /*Inhalt - links*/ .kontaktline .basecontent-table table.hide-grid td { padding: 0rem !important; } .kontaktline .home-tabs .composedcontent-mutlangen---box > div:nth-child(1) { background: rgb(0, 45, 75) none repeat scroll 0 0; box-sizing: border-box; color: rgb(255, 255, 255); font-family: "Archivo Narrow",sans-serif; /*height: 450px;*/ padding-left: calc((100% - 1170px) / 2); padding-top: 10px; } /*Inhalt - rechts*/ .kontaktline .home-tabs .composedcontent-mutlangen---box > div:nth-child(2) { background: rgb(0, 45, 75) none repeat scroll 0 0; } .kontaktline .home-tabs .composedcontent-mutlangen---box > div:nth-child(2) .basecontent-dvv-karte #cmsmap #basetable .map.leaflet-container { height: 50vh; width: 100%; } /*Hoehenbegrenzung beider Boxen*/ .kontaktline .home-tabs .composedcontent-mutlangen---box, .kontaktline .home-tabs .composedcontent-mutlangen---box > div:nth-child(2) .basecontent-dvv-karte #cmsmap #basetable .map.leaflet-container { max-height: 505px; } .home-tabs ul.tabsHeaders li a { color: rgba(255,255,255,1); } .home-tabs ul.tabsHeaders li:first-child a { margin-left:0 !important; padding-left:0 !important; } .home-tabs ul.tabsHeaders li:last-child { background: rgba(0,45,75,1); border: 0px; margin: 0px; position: absolute; left: 50%; padding-left: 10px; } .home-tabs br.clearDvv { display: none; } /* ICON Sprechzeiten, Kontakt */ .home-tabs ul.tabsHeaders li:first-child a:before { content: "\f138"; font-family: FontAwesome; float: left; color: rgba(255,255,255,1); margin-right: 0.5rem; font-size: 120%; } .home-tabs ul.tabsHeaders li:last-child a:before { content: "\f138"; float: left; font-family: FontAwesome; color: rgba(255,255,255,1); margin-right: 0.5rem; font-size: 120%; } /* Reiter aktiv - ohne ICON */ .ui-tabs .ui-tabs-nav li.ui-tabs-active a:before, .ui-tabs .ui-tabs-nav li.ui-state-disabled a:before, .ui-tabs .ui-tabs-nav li.ui-tabs-loading a:before { cursor: text; content: "\f13a" !important; float: right; font-family: FontAwesome !important; color: rgba(255,255,255,1); margin-left: 0em !important; } .home-tabs .ui-state-active a:link {border: none;} /*** -------- Formular Startseite Bottom ---------- ***/ .home-tabs .basecontent-form-editor.emailForm { background: rgba(105,200,175,1); padding: 1rem 2rem; } .home-tabs .formElementRow.ym-fbox-text > label, .home-tabs .formElement.ym-fbox-text .fullWidth { display: none; } .home-tabs .ui-widget input, .home .ui-widget select, .home-tabs .ui-widget textarea { width: 90%; max-width: 300px; font-family: 'Archivo Narrow', sans-serif !important; font-size: 1em; border: 0px !important; border-radius: 3px; margin-bottom: 0.5rem; padding: 0.25rem 0.5rem; color: rgba(153,153,153,1); } .home-tabs .ui-widget .formButton input { width: 150px; background: rgba(0, 150, 150, 1); font-family: 'Archivo Narrow', sans-serif !important; font-size: 1em; border: 0px !important; border-radius: 3px; margin-bottom: 0.5rem; padding: 0.25rem; color: rgba(255,255,255,1); } .home-tabs .basecontent-form-editor.emailForm .small.fullWidth.editable { display: none; } .kontaktline .home-tabs .composedcontent-mutlangen---box > div:first-child a { color: rgba(255,255,255,1) !important; } .kontaktline .home-tabs .composedcontent-mutlangen---box > div:last-child { background: rgba(255,255,255,1) !important;} .kontaktline .home-tabs .composedcontent-mutlangen---box .basecontent-form-editor fieldset { border: 0px !important; } /*.home .kontaktline .composedcontent-mutlangen---box .basecontent-form-editor fieldset label { display: inline-block; width: 100px;}*/ .kontaktline .home-tabs .composedcontent-mutlangen---box .basecontent-form-editor #Element2-Text { height: 60px !important; max-width: 300px;} .home-tabs .ui-tabs .ui-tabs-nav li a { width: 100% !important; display: table-cell !important; margin-top: -10px; height: 100%; /*padding: 0.0em !important; /*margin-top: 10px;*/ text-decoration: none; line-height: 100%; padding-left:0 !important; } .home-tabs .ui-tabs .ui-tabs-nav li.ui-tabs-active:last-child { background: rgba(0,45,75,1); } .home-tabs .ui-tabs .ui-tabs-nav li.ui-tabs-active a { color: rgba(255,255,255,1) !important; width: 100%; /*padding-left: 0 !important;*/ } /*.home .ui-tabs .ui-tabs-nav li.ui-tabs-active a:before { content: "\f017"; float: left; font-family: FontAwesome; color: rgba(255,255,255,1); }*/ /*** -------- Sprechzeiten ---------- ***/ footer .basecontent-table { text-align: left; margin-top: 20px; } footer .basecontent-table caption { text-align: left; margin-bottom: 1rem; } /* TERMINE Startseite ----------------------------------------------------------------------------------------------*/ /* Box Ukraine (deaktiviert 27.10.22, fv) .box01 {background: rgb(0,91,187); background: linear-gradient(180deg, rgba(0,91,187,1) 0%, rgba(0,91,187,1) 50%, rgba(255,213,0,1) 50%, rgba(255,213,0,1) 69%);} */ .termine .composedcontent-mutlangen---modul { padding: 10px 20px; } .termine h1 { text-align:center; color: rgba(255,255,255,1); text-transform: uppercase; margin-top: 0.25rem !important; } .termine ul { list-style-type: none; margin-left: 0px; padding-left: 0px; color: rgba(255,255,255,1); font-size: 1.1rem;} .termine ul li { list-style-type: none; margin-left: 0px; } .termine ul li .datum { padding: 5px 0px 5px 20px; } .termine ul li a { font-weight: 700; text-decoration: none; color: #1D345D; background: rgba(255,255,255,0.8); display: block; padding: 5px 20px 5px 20px; border-radius: 2px; margin-bottom: 10px; } /* -- Veranstaltungs-Kalenderblatt -- */ .kalender p a {display: inline-block; margin: 20px 20px; text-decoration: none; font-size: 1.4rem; } .kalender .containerCalendarMonth .containerCalendarMonthInner a {color: rgba(10, 85, 135, 0.85) !important;} .basecontent-dvv-zm-kalenderblatt { width: calc(100% - 20px); padding: 0px 10px; overflow: hidden; } .basecontent-dvv-zm-kalenderblatt a { color: #1D345D; } .containerCalendarOuter { margin-top: 20px;} .containerCalendarMonth { display: flex; justify-content: space-between; flex-wrap: wrap;} .containerCalendarMonthPrev { flex-basis: 10%;} .containerCalendarMonthPrev a { font-size: 1.3rem; color: rgba(255,255,255,1) !important; background: #3F709B; display: inline-block; width: 30px; height: 30px; border-radius: 20px;} .containerCalendarMonthInner { display: block; flex-basis: 70%; text-align: center;} .containerCalendarMonthInner a { display: inline-block;text-transform: uppercase; font-size: 2rem !important; width: 100%; text-align: center !important; } .zmcalyear { display: block !important; font-size: 1rem; margin: 0px 40px;} .containerCalendarMonthNext { flex-basis: 10%;} .containerCalendarMonthNext a { font-size: 1.3rem; color: rgba(255,255,255,1) !important; background: #3F709B; display: inline-block; width: 30px; height: 30px; border-radius: 20px;} div.containerCalendarDays { height:1%;} div.containerCalendarClear { display: none; } div.containerCalendarMonth { text-align: center; font-weight: normal; margin: 0; /*padding: 5px;*/ text-transform:none; } .containerCalendarMonth a { color: rgba(0, 45, 75, 1); text-decoration: none; font-weight: 700 !important;} .containerCalendarMonth {font-size: 12px; text-decoration: none; color: rgba(0, 45, 75, 1); font-weight: 700 !important;} .containerCalendarMonthPrev,.containerCalendarMonthInner,.containerCalendarMonthNext { display: inline;} .containerCalendarMonthInner { margin-bottom: 0.5rem} ul.containerCalendarDays { display: flex; justify-content: flex-start; padding-left: 0px; margin: 8px 0px 8px 10px;} ul.containerCalendarClear { line-height: 0; font-size: 0; height: 0; } ul.containerCalendarDays li { flex-basis: 32px; /*! padding: 1px 4px; */ margin:0; list-style: none; text-align: center;} ul.containerCalendarDays li a { text-align: center; padding: 3px; text-decoration: none; color: rgba(255,255,255,1) !important; background: rgba(0, 85, 150, 0.8); display: inline-block; width: 19px; height: 19px; border-radius: 15px; font-size: 0.9rem; } li.containerCalendarDayNames,#service .composedcontent-dvv-box li.containerCalendarDayNames:hover { text-align:center; } .containerCalendarDays li.filler,#service .composedcontent-dvv-box .containerCalendarDays li.filler:hover { flex-basis:31px; /*! padding:1px 4px; */ margin:0;text-align : right;float: left;list-style:none;height:1.5em;} .containerCalendarDays li {color: #1D345D; } li.Sa { margin:0; padding: 0 1px; } li.So { margin:0 ; padding: 0 1px; } .zmcalDates { background-color: rgba(0, 45, 75, 1); border-color: rgba(255, 255, 255, 1); border-style: solid; border-width: 0px; color: rgba(255, 255, 255, 1); font-weight: normal; left: 0; line-height: 160%; padding: 1em; position: absolute; text-align: left; top: -50%; width: 87%; z-index: 10000; display: inline-block; border-radius: 5px; } .zmcalDates > div:before { content: "\f133"; font-family: FontAwesome; float: left; color: rgba(255,255,255,1); margin-right: 0.5rem; } /* CONTENT ----------------------------------------------------------------------------------------------*/ .home #content { background: rgba(255,255,255,0); border-radius: 0px; width: 100%; padding: 0%; } #maincontent { overflow: hidden; border-radius: 5px; padding-bottom: 2rem; } .home #maincontent { border-radius: 0; } .ym-col2wide { background: rgba(255,255,255,1); width: 96% !important; float: left; padding: 2% !important; border-radius: 0 0 5px 5px !important; margin-bottom: 0px !important; /*padding-bottom: 5000px; margin-bottom: -5000px;*/ min-height: 250px; } .ym-col2 { background: rgba(255,255,255,1); border-radius: 0 0 0px 5px; width: 76%; float: left; padding: 2%; float:left; padding-bottom: 5000px; margin-bottom: -5000px; min-height: 250px; } .ym-col3 { width: 18%; float: right; background: rgba(0, 150, 150, 1); float:left; padding-left: 1%; padding-right: 1%; padding-top: 2%; padding-bottom: 10000px; margin-bottom: -10000px; } /*** -------- Datei-Icons ---------- ***/ a.internerLink, a.externerLink { background: rgba(0, 0, 0, 0) none no-repeat scroll right center; padding: 0; text-decoration: none; } .ym-col2 a.internerLink:before, .ym-col2 a.externerLink:before, .ym-col3 a.internerLink:before, .ym-col3 a.externerLink:before { content: "\f0a9"; font-family: 'FontAwesome'; padding-right: 0.3rem; color: rgba(0, 150, 150, 1); font-size:110%; text-decoration:none; } a.httpLink:before { content: "\f08b"; font-family: 'FontAwesome'; padding-right:0.5rem; color: rgba(0, 150, 150, 1); font-size:110%; text-decoration:none; } a.email:before, a.mailLink:before { content: "\f0e0"; font-family: 'FontAwesome'; padding-right:0.5rem; color: rgba(0, 150, 150, 1); font-size:100%; text-decoration:none; } a.pdfLink:before { content: "\f1c1"; font-family: 'FontAwesome'; padding-right:0.5rem; color: rgba(0, 150, 150, 1); font-size:100%; text-decoration:none; } #cc_14372210 a.pdfLink:before { content: ""; font-family: 'FontAwesome'; padding-right:0rem; color: rgba(0, 150, 150, 1); font-size:100%; text-decoration:none; } a.linkTyp_xls:before, a.linkTyp_xlsx:before { content: "\f1c3"; font-family: 'FontAwesome'; padding-right:0.5rem; color: rgba(0, 150, 150, 1); font-size:100%; text-decoration:none; } a.linkTyp_doc:before, a.linkTyp_docx:before { content: "\f1c2"; font-family: 'FontAwesome'; padding-right:0.5rem; color: rgba(0, 150, 150, 1); font-size:100%; text-decoration:none; } a.linkTyp_ppt:before, a.linkTyp_pptx:before { content: "\f1c4"; font-family: 'FontAwesome'; padding-right:0.5rem; color: rgba(0, 150, 150, 1); font-size:100%; text-decoration:none; } a.linkTyp_jpg:before, a.linkTyp_gif:before { content: "\f1c5"; font-family: 'FontAwesome'; padding-right:0.5rem; color: rgba(0, 150, 150, 1); font-size:100%; text-decoration:none; } .image-inner a.internerLink:before, .image-inner a.externerLink:before, .basecontent-verlinkbare--berschrift a.internerLink:before { content:""; padding:0 !important; } a.linkTyp_jpg.externerLink:before, a.linkTyp_gif.externerLink:before { content:""; padding:0 !important; } /*** -------- Datei-Icons im Infoslot ---------- ***/ #service a.httpLink:before, #service a.pdfLink:before, #service a.linkTyp_xls:before, #service a.linkTyp_xlsx:before, #service a.linkTyp_doc:before, #service a.linkTyp_docx:before, #service a.linkTyp_ppt:before, #service a.linkTyp_pptx:before, #service a.linkTyp_jpg:before, #service a.linkTyp_gif:before, #service .image-inner a.internerLink:before, #service .image-inner a.externerLink:before, .basecontent-verlinkbare--berschrift a.internerLink:before, #service a.linkTyp_jpg.externerLink:before, #service a.linkTyp_gif.externerLink:before, #service a.internerLink:before, #service a.externerLink:before, #service a.remail:before, #service a.mailLink:before, #service a.email:before { color: rgba(255, 255, 255, 0.85); } .dateiGroesse { display: none; } /*** -------- Bilder ---------- ***/ figure { margin: 0; } .basecontent-image { float: right; margin: 0px 25px 25px 25px; } #service .basecontent-image { float: none; margin: 0px 0px 25px 0px; } .float-left { display: inline; float: left; margin: 0px 25px 25px 0px !important; } .float-right { display: inline; float: right; margin: 0px 0px 25px 25px !important; } .center { display: inline-block; float: none !important; margin-bottom: 25px; text-align: center; width: 100% !important; } .bwfoerderung { border-color: rgba(0, 150, 150, 1); border-style: solid; border-width: 2px 0 2px 2px; box-sizing: border-box; margin: 0 -24px 0 25px; padding: 5px 20px 15px 15px; width: 240px !important; } .clearleft { clear: left; } /*.vollebreite img{width:100%;height:100%;}*/ /*** -------- Videos ---------- ***/ .basecontent-external-multimedia.multimedia { margin-bottom: 2rem; float: left; } /*** -------- Bildergalerie ---------- ***/ .composedcontent-image-gallery .galleryImage { display: inline-block; margin: 5px; } .pagerInner a { border: 1px solid; border-radius: 3px; color: rgb(0, 45, 75); float: left; margin: 0 7px 14px 0; padding: 5px 10px; text-decoration: none !important; } .pagerInner span.padMe { color: #ffffff !important; background-color: rgba(0, 45, 75, 1); border: 1px solid rgba(0, 45, 75, 1); border-radius: 3px; float: left; margin: 0 7px 14px 0; padding: 5px 10px; text-decoration: none !important; } .pagerInner a:hover { color: #ffffff !important; background-color: rgba(0, 45, 75, 1); border: 1px solid rgba(0, 45, 75, 1); } .pagerInner .ui-state-default, .pagerInner .ui-widget-content .ui-state-default, .pagerInner .ui-widget-header .ui-state-default, .pagerInner .ui-button, html .pagerInner .ui-button.ui-state-disabled:hover, html .pagerInner .ui-button.ui-state-disabled:active { border: none !important; } /*** -------- Wayhome ---------- ***/ .home .wayhome { display: none; } .wayhome { background: rgba(0, 45, 75, 0.95); color: rgba(255, 255, 255, 1); padding: 0.5em 2%; font-size: 110%; } .wayhome a { color: rgba(255, 255, 255, 1); } .wayhome span { background: rgba(0, 45, 75, 0); padding: 0 !important; } /*** -------- ToTop ---------- ***/ a.goPageTop { display: none; } .home .goPageTop { display:none; } .cd-top.cd-is-visible { /* the button becomes visible */ visibility: visible; opacity: 1; } .cd-top.cd-fade-out { /* if the user keeps scrolling down, the button is out of focus and becomes less visible */ opacity: 1; } /*** -------- Dateiliste ---------- ***/ .downloadlist { margin: 10px 0 30px; width: 100%; } .downloadlist.noDate .dlDate { display: none; } .downloadlist.noDate .dlSize { min-width: 60px; } .downloadlist th { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: medium none; padding: 7px 10px; } .downloadlist th a { color: inherit; } .downloadlist td { padding: 15px 10px; font-size: 120%; } .downloadlist td.dlDate, .downloadlist td.dlSize { font-size: 90%; } .downloadlist .dlName .description { font-size: 90%; padding-top: 3px; } .downloadlist tr:first-child { background-color: rgba(10, 85, 135, 0.15); border-bottom: 2px solid rgba(183, 158, 94, 1); } .downloadlist tr.even { background-color: rgba(10, 85, 135, 0.05); } .downloadlist td.dlType img { height: 20px; padding-top: 5px; } /*** -------- Trenner ---------- ***/ .basecontent-dvv-trenner .sep { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background: transparent none repeat scroll 0 0; border-color: -moz-use-text-color -moz-use-text-color transparent; border-image: none; border-style: none none solid; border-width: 0 0 1px; color: transparent; margin: 0 auto; padding: 10px 0; } .composedcontent-mutlangen---modul hr.noprint { display: none; } .basecontent-dvv-trenner {clear: both;} /* MODULE ----------------------------------------------------------------------------------------------*/ /*** -------- Verzeichnisse ---------- ***/ #zmSuche form fieldset { border: none; } #zmSuche #zmf legend { display: none; } #zmSuche input { border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 3px; font-size: 1rem; margin-bottom: 0; margin-right: 1%; padding: 0.4rem; /*width: 66%; */} #zmSuche .zmSuchButton input { background: rgba(10, 85, 135, 1) none repeat scroll 0 0; border: 0 none !important; border-radius: 3px; color: rgba(255, 255, 255, 1); cursor: pointer; font-family: "Archivo Narrow",sans-serif !important; font-size: 1em; margin-bottom: 1rem; padding: 0.4rem; width: 150px; } #zmSuche .zmSuchButton input:hover { background: rgba(0, 45, 75, 1) none repeat scroll 0 0; -webkit-transition: all 0.5s ease; /* Firefox */ -moz-transition: all 0.5s ease; /* WebKit */ -o-transition: all 0.5s ease; /* Opera */ transition: all 0.5s ease; /* Standard */ } .zmitem header.titel h3.zmtitel { background-color: rgba(237, 107, 6, 1); color: white !important; font-family: 'Archivo Narrow', sans-serif; font-size: 1.4em; line-height: 1.2em; margin: -15px -20px 20px; padding: 15px 20px; } .zmRegister .aktiv, .zmRegister .selected { color: rgba(237, 107, 6, 1) !important; border: 1px solid; border-radius: 3px; float: left; margin: 0 7px 14px 0; padding: 5px 10px; text-decoration: none !important; } .zmRegister .selected { background-color: rgba(237, 107, 6, 0.25); } .zmRegister .aktiv:hover { background-color: rgba(237, 107, 6, 1); color: #ffffff !important; } #ulkategorieid { list-style: none; margin: 40px 0 40px 0px; padding: 0 !important; } #ulkategorieid > li { float: left; list-style: none; margin: 0; width: 33%; font-size: 120%; line-height: 140%; } #ulkategorieid > li:last-child { float: none; } #ulkategorieid li > input { border: none; border-radius: 0; box-sizing: initial; color: inherit; display: inline; font-size: inherit; font-weight: inherit; margin: 0 7px 0 0; padding: 0; width: auto; } .zmitem header.titel h3.zmtitel { background-color: rgba(10, 85, 135, 1); color: white !important; font-family: 'Archivo Narrow', sans-serif; font-size: 1.4em; line-height: 1.2em; margin: -15px -20px 20px; padding: 15px 20px; } .zmRegister .aktiv, .zmRegister .selected { color: rgba(105, 200, 175, 1) !important; border: 1px solid; border-radius: 3px; float: left; margin: 0 7px 14px 0; padding: 5px 10px; text-decoration: none !important; } .zmRegister .selected { background-color: rgba(144, 36, 93, 0.25); } .zmRegister .aktiv:hover { background-color: rgba(105, 200, 175, 1); color: #ffffff !important; } #zmDetail header.label { border: 1px solid; color: rgba(105, 200, 175, 1); font-weight: 600; margin: 20px 0 10px; padding: 10px; border-radius: 5px; } #zmDetail section.summary header h2.titel { color: rgba(0, 45, 75, 1); display: block; font-size: 3.6em; line-height: 1.1em; margin: 0; padding: 30px 0 20px; } #zmDetail section.summary header h2.titel { -moz-hyphens: none; -o-hyphens: none; -webkit-hyphens: none; -ms-hyphens: none; hyphens: none; } #zmDetail #map_canvas { width: 100% !important; } #zmDetail .titel h2, #zmDetail section.summary header h2.titel { font-family: "Archivo Narrow",sans-serif; font-size: 2em; font-weight: 500 !important; line-height: 1.2em; color: rgba(10, 85, 135, 1); } #zmDetail .titles, #zmDetail .fn { font-weight: 700; } #zmDetail .zmperson0, #zmDetail .zmperson1, #zmDetail .zmperson3 { margin-top: 20px; } /*#zmDetail section.summary header h2.titel { color: rgba(105, 200, 175, 1); display: block; font-size: 1.8em; line-height: 1.1em; margin: 0; padding: 30px 0 20px; }*/ #zmDetail .vCardLink, #zmDetail .mail .bez { display: none; } #zmEListe .mail .bez, #zmEListe .homepage .label { display: none; } #zmDetail .vCard .mail, #zmEListe .vCard .mail { margin-top: 20px; } .zmnav .zmNavigClass { margin-bottom: 2rem; } .zmnav .zmnavseparator { display: none; } .zmnav .zmNavigClassItem { border: 1px solid; border-radius: 3px; color: rgba(0, 45, 75, 1) !important; margin: 0 7px 14px 0; padding: 5px 10px;text-decoration: none !important; } .zmnav .zmNavigClassItem a { color: rgba(0, 45, 75, 1) !important; } .zmnav .zmNavigClassInnen span.current { background: rgba(0, 45, 75, 1) !important; color: rgba(255, 255, 255, 1) !important; border: 1px solid rgba(0, 45, 75, 1); border-radius: 3px; margin: 0 7px 14px 0; padding: 5px 10px;} .zmnav footer a { color: rgba(10, 85, 135, 0.85) !important; } .zmnav footer p a:before { content: "\f060"; display: inline; font-size: 18px; font-family: "FontAwesome"; margin-right: 7px; } /*** -------- Veranstaltungen ---------- ***/ #zmtopnav .zmnavnext { float: right; } #zmtopnav .zmnavnext a:after { content: "\f061"; display: inline; font-size: 18px; font-family: "FontAwesome"; margin-left: 7px; } #zmtopnav a.align-left:before { content: "\f060"; display: inline; font-size: 18px; font-family: "FontAwesome"; margin-right: 7px; } .zmRegister { float: left; margin: 20px 0; width: 100%; } .zmRegister .skip { display: none; } .zmRegister .inaktiv { display: none; } .zmRegister .aktiv { color: rgba(0, 45, 75, 1) !important; border: 1px solid; border-radius: 3px; float: left; margin: 0 7px 14px 0; padding: 5px 10px; text-decoration: none !important; } .zmRegister .selected { background-color: rgba(0, 45, 75, 1); color: rgba(255, 255, 255, 1) !important; border: 1px solid rgba(0, 45, 75, 1); border-radius: 3px; float: left; margin: 0 7px 14px 0; padding: 5px 10px; text-decoration: none !important; } .zmRegister .aktiv:hover { background-color: rgba(0, 45, 75, 1); color: #ffffff !important; border: 1px solid rgba(0, 45, 75, 1); } .zmitem { font-size: 1.2em; line-height: 140%; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 4px; clear: both; margin-bottom: 30px; overflow: hidden; padding: 15px 20px 20px; } .zmitem header.titel h3.datumzmtitel { background-color: rgba(105, 200, 175, 1); margin: -15px -20px 20px; padding: 15px 20px; font-family: 'Archivo Narrow', sans-serif; font-size: 1.4em; line-height: 1.2em; } .zmitem header.titel h3.titelzmtitel { font-family: 'Archivo Narrow', sans-serif; font-size: 2em; font-weight: 500 !important; line-height: 1.2em; } .zmitem header.titel h3 span { color: #ffffff; font-weight: 300; } .zmitem header.titel h3.datumzmtitel:before { color: #ffffff; font-weight: 300; content: "\f133"; display: inline; font-family: "FontAwesome"; font-size: 19px; margin-right: 7px; } .zmitem section.zmbeschreibung { display: none; } .zmitem footer a.details:after { content: "\f138"; display: inline; font-family: "FontAwesome"; font-size: 19px; margin-left: 7px; } .zmitem footer a.details { display: block; margin-top: 12px; color: rgba(10, 85, 135, 0.85) !important; } .zmitem .category { margin-top: 20px; margin-bottom: 20px; } .zmitem .category span.value a.zmkatLink, #zmDetail .category a.zmTagxLink { border: 1px solid rgba(0, 45, 75, 1); border-radius: 3px; color: rgba(0, 45, 75, 1) !important; font-size: 0.75em; padding: 3px 10px; } .zmitem .category span.value a.zmkatLink:hover, #zmDetail .category a.zmTagxLink:hover { background-color: rgba(0, 45, 75, 1); color: white !important; } #zmDetail { font-size: 1.2em; line-height: 140%; } #zmDetail > aside { padding: 10px 0; } #zmDetail section.titel h2 a.summary { color: rgba(105, 200, 175, 1); display: block; font-size: 1.2em; line-height:1.1em; padding: 30px 0 20px; } #zmDetail > footer { padding: 0 0 30px; } #zmDetail footer a { color: rgba(10, 85, 135, 0.85); } .zmzureu a { display: block !important; text-align: right; width: 100%; margin-bottom: 1em; } .zmzureu a:after { content: "\f060"; display: inline; font-size: 18px; font-family: "FontAwesome"; margin-left: 7px; } .zmzursuche { display: none !important; } #content #zmEListe figure { display: none; } #zmEListe .zmhitsfound{ margin-bottom: 1rem; } #zmEListe .zmRegister .hideme { display: none; } #zmEListe .vCardLink { display: none; } #zmEListe header.label { font-size: 1.4rem; color: rgba(10, 85, 135, 1); font-weight:400; margin-top: 20px; margin-bottom: 10px; } #zmEListe .zmVeranstalter, #zmEListe .zmOrt { display: none; } #zmEListe .datumzmtitel.vb { color: rgba(255, 255, 255, 1); } #zeitid .element { margin: 20px 0px; font-size: 1.2em; line-height: 140%; } #zmSuche select { margin-bottom: 0; margin-right: 1%; padding: 0.4rem; margin-bottom: 1rem; } #zmSuche #zeitid input { width: auto !important; } .ui-dialog .ui-dialog-content { background: rgba(255,255,255,1) !important; /*color: rgba(255, 255, 255, 1) !important;*/ } .ui-dialog .ui-dialog-titlebar-close { background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important; border: 2px solid #ffffff !important; visibility: visible; } .ui-dialog .ui-widget-content { background: #fff url("images/ui-bg_flat_75_ffffff_40x100.png") repeat-x scroll 50% 50% !important; } .ui-dialog-titlebar .ui-button { background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important; border: 2px solid #ffffff !important; color: transparent; visibility: visible; } .ui-dialog-titlebar .ui-button::after { color: white; content: "x"; display: block; font-weight: 900; left: 2px; right: 2px; position: absolute; top: -4px; } /*** -------- Pressemodul ---------- ***/ .presse-uebersicht .pm-neue-seite, .presse-uebersicht .pm-options { border: 1px solid red; margin: 0 0 10px; padding: 10px; } .presse-uebersicht .pm-neue-seite { display: none; } .presse-uebersicht .pm-options:before { content: "Liebe Autoren, der rot umrahmte Inhalt wird nur im eingeloggten Zustand angezeigt!"; color: red; display: block; font-size: 1em; font-weight: 600; } .presse-uebersicht .pager.pm-pager { margin-bottom: 1rem; } .pm-suche .pm-filter { margin-bottom: 20px; padding-bottom: 20px; } .pm-suche .pm-filter button, .pm-suche .pm-filter .pm-search form .submit { background: rgba(10, 85, 135, 1) none repeat scroll 0 0; border: 0 none !important; border-radius: 3px; color: rgba(255, 255, 255, 1); cursor: pointer; font-family: "Archivo Narrow",sans-serif !important; font-size: 1em; margin-bottom: 1rem; padding: 0.4rem; width: 150px; } .pm-suche .pm-filter button:hover, .pm-suche .pm-filter .pm-search form .submit:hover { background: rgba(0, 45, 75, 1) none repeat scroll 0 0; -webkit-transition: all 0.5s ease; /* Firefox */ -moz-transition: all 0.5s ease; /* WebKit */ -o-transition: all 0.5s ease; /* Opera */ transition: all 0.5s ease; /* Standard */ } .pm-suche .pm-filter select { border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 3px; cursor: pointer; font-family: "Archivo Narrow",sans-serif !important; font-size: 1em; margin-bottom: 1rem; padding: 0.4rem; width: 150px; border: 1px solid rgba(0, 0, 0, 0.2); } .pm-suche .pm-filter .pm-search form #pm-suchfeld { float: left; margin-bottom: 0; margin-right: 1%; width: 66%; padding: 0.4rem; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 3px; font-size: 1rem; } .pm-meldung-author .checkboxAdmim.pm-options { border-width: 0px 1px 0 1px ; margin-bottom: 0; background: none; } .pm-meldung-author .checkboxAdmim.pm-options:before { content: "Autorenhinweis: Diese Werte gelten f\00fc r die dar\00fc ber stehende Meldung."; } .pm-meldung-author .checkboxAdmim.pm-options:after { content: "\f062"; color: red; font-family: FontAwesome; float: right; position: relative; right: 3px; bottom: 25px; } .pm-meldung-author .checkboxAdmim.pm-options + .checkboxAdmim.pm-options { border-width: 0px 1px 1px 1px ; } .pm-meldung-author .checkboxAdmim.pm-options + .checkboxAdmim.pm-options:before, .pm-meldung-author .checkboxAdmim.pm-options + .checkboxAdmim.pm-options:after { content: none; } .presse-uebersicht .pm-rss { float: right; display: none; } .presse-uebersicht .pm-meldung { width: 87%; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 5px; margin-bottom: 30px; overflow: hidden; padding: 15px 20px 20px; } .presse-uebersicht .pm-head h3 { margin: -15px -20px 20px; padding: 15px 20px 0px 20px; } .presse-uebersicht .pm-head h3 a.pm-detaillink { color: rgba(10, 85, 135, 1) !important; font-family: 'Archivo Narrow', sans-serif; font-size: 1.4em; line-height: 1.2em; } .presse-uebersicht .pm-head h3 span { /*color: #ffffff;*/ display: block; font-size: 0.66em; font-weight: 300; } .presse-uebersicht .pm-anreisser a.pm-detaillink, .presse-uebersicht .pm-anreisser-bild a.pm-detaillink { color: rgba(87, 87, 86, 1) !important; } .presse-uebersicht .pm-anreisser a.pm-mehrlink, .presse-uebersicht .pm-anreisser-bild a.pm-mehrlink { display: block; margin-top: 20px; } /*.presse-uebersicht .pm-anreisser a.pm-mehrlink:before, .presse-uebersicht .pm-anreisser-bild a.pm-mehrlink:before { content: "\f03c"; display: inline; font-family: "FontAwesome"; font-size: 19px; margin-right: 7px; }*/ .presse-uebersicht .pm-meldung .pm-bild { float: right; margin-left: 20px; } .composedcontent-kiru-pm-einleitung p { font-size: 1.4rem; width: auto; color: rgba(10, 85, 135, 1); font-weight: 600; margin-bottom: 1rem; } .pm-detail .pm-from { margin-bottom: 2rem; } .pm-detail { clear: both; } .presse-administration .pm-meldung-author.entry { border: 1px solid #cccccc; margin-bottom: 40px; } .presse-administration .pm-meldung-author.entry .pm-meldung { margin: 0; } .presse-administration .pm-meldung h3.pm-title a.pm-detaillink { line-height: 1.6em; } .presse-administration .pm-meldung h3.pm-title span.pm-title-bezeichnung { display: block; font-size: 1.5em; padding-top: 10px; } .presse-administration .pm-meldung-author.entry .pm-options { background-color: #eeeeee; padding: 0 20px; } .presse-administration .pm-meldung-author.entry .pm-options:before { content: "Optionen: L\00f6 schen / Referenzieren (Rubriken) / Bearbeiten / Sortieren (Standard: Nach Datum)"; display: block; font-size: 0.8em; } .presse-administration .pm-meldung-author.entry .pm-options > * { display: inline-flex; } .presse-administration .pm-rubriken { display: block; width: 100%; } .presse-administration .pm-rubriken > * { display: inline-block; } .composedcontent-mutlangen---aktuelles img { max-width: 865px; } /* SERVICE-BW ----------------------------------------------------------------------------------------------*/ /*** -------- Einzelner Kontakt ---------- ***/ .basecontent-dvv-service-bw-einzelner-kontakt { padding-bottom: 1rem; } .basecontent-dvv-kontaktdaten .vCard {font-size:1.2rem;} .bwKontakt .vCard { margin-top: 1rem; margin-bottom: 1rem; color: rgba(255, 255, 255, 0.85); font-size: 1.2rem; } .bwKontakt .vCard .zustaendigkeit { display: none; } .bwKontakt .vCard .mail .bez { display: none; } .bwKontakt .vCard .vCardLink { float: right; } .bwKontakt .vCard .kopf { font-weight: 600; color: rgba(255, 255, 255, 1); } .bwKontakt .vCard .kopf .funktion { font-weight: 400; margin-bottom: 0rem !important; border-top: 1px solid; line-height: 120%; padding: 0.5rem 0 0rem 0 !important; } .bwKontakt .vCard .kopf .funktion p { margin-bottom: 0rem !important; } .bwKontakt .vCard .kopf .fn .anrede { display: table-row; } .bwKontakt .rumpf { margin-top: 0.5rem; } #service .bwKontakt .vCard .kopf .foto { display: none; } #lpSeite span.fax { background: none; padding-left: 0; } #lpSeite #anfangsbuchstaben { line-height: 2em !important;} #lpSeite #anfangsbuchstaben p { line-height: 2em !important; } #lpSeite #anfangsbuchstaben .noprint { display: none; } #lpSeite #anfangsbuchstaben { margin-bottom: 1rem; } #lpSeite #anfangsbuchstaben a { border-radius: 3px; display: inline-block; text-align: center; width: 3%; background-color: rgba(10, 85, 135, 1); color: rgba(255, 255, 255, 1); padding: 0rem 0.2rem; margin-bottom: 0.5rem; } #lpSeite #anfangsbuchstaben a:hover { background-color: rgba(0, 45, 75, 1); -webkit-transition: all 0.5s ease; /* Firefox */ -moz-transition: all 0.5s ease; /* WebKit */ -o-transition: all 0.5s ease; /* Opera */ transition: all 0.5s ease; /* Standard */ text-decoration: none; } #lpSeite #anfangsbuchstaben a.aktivAktuelleAuswahl { background-color: rgba(0, 37, 84, 1); } #lpSeite .showmemore { margin-bottom: 2rem; display: block; } #lpSeite li { font-size: 1.2rem; } #lpSeite .lpLLZumBaum { margin-bottom: 1rem; } /*** -------- Mitarbeiterverzeichnis ---------- ***/ #lpSeite { font-size: 1.2rem; } #lpSeite .lpBAnsprechpartnerEintrag { float: left; width: 96%; margin-bottom: 1rem; font-size: 1.2rem; border: 2px solid rgba(10, 85, 135, 0.25); border-radius: 3px; padding: 2% 2% 1% 2%; } #lpSeite .lpBAnsprechpartnerEintrag .lpBAnsprech1 { font-weight: 700; } #lpSeite .lpBAnrede, #lpSeite .lpBAnsprechNameDiv { color: rgba(10, 85, 135, 1); font-size: 1.4rem; font-weight: 600; margin-bottom: 0.5rem; width: auto; } #lpSeite .lpBAnrede { float: left;} #lpSeite .lpBAnsprechNameDiv { display: inline-block; margin-left: 0.5rem; } #lpSeite .lpBAnsprechpartnerEintrag .lpBAnsprechEMail span.lpBAnsprech1 { display: none; } #lpSeite .lpBAnsprechpartnerEintrag .lpBAnsprechEMail span.lpBAnsprech2 a:before { content: "\f0e0"; font-family: 'FontAwesome'; padding-right:0.5rem; color: rgba(0, 150, 150, 1); font-size:100%; text-decoration:none; } #lpSeite .lpBAnsprechpartnerEintrag .lpBAnsprechEMail { margin-bottom: 1rem;} #lpSeite .lpBAnsprechpartnerEintrag .lpBAnsprechFoto { float: right; } #lpSeite .lpBAnsprechOE .lpBAnsprechSprech { display: none; } #lpSeite .lpBAnsprechOE .lpBAnsprechFunktion { color: rgba(10, 85, 135, 1);font-weight: 600; margin-bottom: 1rem; font-size: 1.2rem; line-height: 1.8rem; margin-bottom: 2rem; } #lpSeite .lpBAnsprechOE .lpBAnsprechRaum { margin-bottom: 0.5rem; } #lpSeite.maliste .lpBAnsprechOE h2, .kontakt-7011, .kontakt-7017 , .kontakt-7013 , .kontakt-7009, .kontakt-7007, .kontakt-7005, .kontakt-7019, .kontakt-7001, .kontakt-7015, .kontakt-69166, .kontakt-69168 { display:none; } /* REST Schnittstelle Service bw */ #lpSeite .ui-widget-header { border: 1px solid #ddd; background-color: #0C3753; border: 3px solid rgba(10, 85, 135, 1); border-bottom: none; color: #333; font-weight: bold; } #lpSeite .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active { border-bottom-width: 1px; background: #007fff; font-weight: normal; color: #fff; font-style: italic; background-color: rgba(0, 85, 150, 0.25); border-radius: 5px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; border: 3px solid #fff; border-bottom: none; text-decoration: none; padding: 0px 5px; display: inline-block; text-align: center; } #lpSeite .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover { border-bottom-width: 1px; background: #007fff; font-weight: normal; color: rgb(0, 37, 84); background-color: #fff; border-radius: 5px; border: 3px solid #fff; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; border-bottom: none; text-decoration: none; padding: 0; } #lpSeite .ui-tabs-tab.ui-corner-top.ui-state-default.ui-tab:hover { background-color: #fff; } #lpSeite .ui-tabs-tab a.ui-tabs-anchor:hover { color: rgb(0, 37, 84); } #lpSeite #tabs a { color: #475987;} #lpSeite #tabs a.ui-tabs-anchor { color: #fff;} #lpSeite #tabs .ui-state-active a.ui-tabs-anchor { color: #475987;} #lpSeite #tabs a.ui-tabs-anchor:hover { color: #475987;} #lpSeite .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { border-radius: 5px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; border-bottom: none; text-decoration: none; padding: 0px 5px; display: inline-block; text-align: center; color: rgb(0, 37, 84); text-decoration: none; border: 3px solid rgba(0, 85, 150, 0.25); } /* lebenslagen */ #lpSeite.lebenslagen .kinder li { border: 3px solid rgba(10, 85, 135, 1); border-radius: 5px; list-style-type: none; padding: 5px 5px; margin: 5px; } #lpSeite.lebenslagen .kinder li:hover { background-color: rgba(10, 85, 135, 1); } #lpSeite.lebenslagen .kinder li:hover a { color: #fff; } /* Listenansichten fuer Lebenslagen & Behoerdenwegweiser & Verfahren & Stichwortverzeichnis & Formulare */ #lpSeite.lebenslagen h2, #lpSeite.verfahren h2, #lpSeite.stichworte h2, #lpSeite.formulare h2 { font-size: 1.4rem; width: auto; color: rgba(10, 85, 135, 1); font-weight: 600; margin: 2rem 0px 10px 0px; display: inline-block; } #lpSeite.lebenslagen .lpLLKinder > ul, #lpSeite.lebenslagen .lpLLKinder > ul li, #lpSeite.behoerde #bwFormulare > ul, #lpSeite.behoerde #bwFormulare > ul li, #lpSeite.verfahren #byAnfangsbuchstabe > ul, #lpSeite.verfahren #byAnfangsbuchstabe > ul li, #lpSeite.stichworte #byAnfangsbuchstabe > ul, #lpSeite.stichworte #byAnfangsbuchstabe > ul li, #lpSeite.formulare #byAnfangsbuchstabe > ul, #lpSeite.formulare #byAnfangsbuchstabe > ul li { list-style-type: none; padding: 0; margin: 0; } #lpSeite.lebenslagen .lpLLKinder ul li > a, #lpSeite.behoerde ul#lpOrgEinheiten li a, #lpSeite.behoerde #bwFormulare > ul li > a, #lpSeite.verfahren #byAnfangsbuchstabe ul li > a, #lpSeite.stichworte #byAnfangsbuchstabe ul li > a, #lpSeite.formulare #byAnfangsbuchstabe ul li > a { font-style: italic; font-weight: 700; background-color: #fff; border-radius: 5px; border: 3px solid rgba(0, 85, 150, 0.25); float: left; height: auto; margin: 0 0 1%; padding: 0.6rem 0.5rem 0.6rem 0.7rem; text-decoration: none; width: calc(96% - 2px); } #lpSeite.lebenslagen .lpLLKinder ul li > a:after, #lpSeite.behoerde ul#lpOrgEinheiten li a:after, #lpSeite.behoerde #bwFormulare > ul li > a:after, #lpSeite.verfahren #byAnfangsbuchstabe ul li > a:after, #lpSeite.stichworte #byAnfangsbuchstabe ul li > a:after, #lpSeite.formulare #byAnfangsbuchstabe ul li > a:after { float: right; content: "\f138"; font-family: 'FontAwesome'; font-style: normal; padding-right:0.3rem; font-size:110%; text-decoration:none; } #lpSeite.lebenslagen .lpLLKinder ul li > a, #lpSeite.behoerde ul#lpOrgEinheiten li a, #lpSeite.behoerde #bwFormulare > ul li > a, #lpSeite.verfahren #byAnfangsbuchstabe ul li > a, #lpSeite.stichworte #byAnfangsbuchstabe ul li > a, #lpSeite.formulare #byAnfangsbuchstabe ul li > a { -webkit-hyphens: auto; -moz-hyphens: auto; -o-hyphens: auto; hyphens: auto; } #lpSeite.lebenslagen .lpLLKinder ul li > a:hover, #lpSeite.behoerde ul#lpOrgEinheiten li a:hover, #lpSeite.behoerde #bwFormulare > ul li > a:hover, #lpSeite.verfahren #byAnfangsbuchstabe ul li > a:hover, #lpSeite.stichworte #byAnfangsbuchstabe ul li > a:hover, #lpSeite.formulare #byAnfangsbuchstabe ul li > a:hover { border: 3px solid rgb(0, 37, 84); } #lpSeite .ym-skiplinks { display: block; margin-bottom: 1em; } #lpSeite.vwp.formulare h1.hauptueberschrift {display: none;} #lpSeite.vwp.formulare .folderRegister {display: none;} /*** -------- Behördenwegweiser (Rathaus) ---------- ***/ #lpSeite #bwUnter ul { list-style: none; margin: 0; padding: 0; } #lpSeite.behoerde > div { margin-bottom: 2rem; display: grid; } #lpSeite input#Submit { background: rgb(10, 85, 135) none repeat scroll 0 0; border: 0 none !important; border-radius: 3px; color: rgb(255, 255, 255); cursor: pointer; font-family: "Archivo Narrow",sans-serif !important; font-size: 1rem; margin-top: 1rem; padding: 0.4rem; width: 150px; } #lpSeite input#Submit:hover { background: rgb(0, 45, 75) none repeat scroll 0 0; transition: all 0.5s ease 0s; } /*** -------- Einzelner Kontakt ---------- ***/ .basecontent-dvv-service-bw-einzelner-kontakt .mapsLink, .basecontent-dvv-service-bw-einzelner-kontakt .efaLink {display:none;} /*Organisationseinheiten*/ .knot_14221398 .basecontent-dvv-service-bw-kontakte .bwKontakt .vCard .kopf {color: rgba(0, 150, 150, 1);} .knot_14221398 .basecontent-dvv-service-bw-kontakte .bwKontakt .vCard {color:#000;} .knot_14221398 .basecontent-dvv-service-bw-kontakte .vCard { float: left; width: 96%; margin-bottom: 1rem; font-size: 1.2rem; border: 2px solid rgba(10, 85, 135, 0.25); border-radius: 3px; padding: 2% 2% 1% 2%; } .knot_14221398 .basecontent-dvv-service-bw-kontakte .vCard a.vCard {border: 0px solid rgba(10, 85, 135, 0.25); background-color:rgba(10, 85, 135, 0.25);padding: 5px 10px;border-radius:0px;} .knot_14221398 .basecontent-dvv-service-bw-kontakte .mapsLink,.knot_14221398 .basecontent-dvv-service-bw-kontakte .efaLink {display:none;} /* INFOSLOT ----------------------------------------------------------------------------------------------*/ #service { color: rgba(255, 255, 255, 0.85); overflow: hidden; } #service h2 { text-transform: uppercase; font-size: 1.8em; color: rgba(255, 255, 255, 1); margin-bottom: 1rem; margin-top: 0.5em; } #service h3 { font-size: 1.4em; color: rgba(255, 255, 255, 1); margin-top: 0.5em; font-weight: 600; border: 1px solid rgba(255, 255, 255, .75); clear: both; border-radius: 3px; padding: 3px 5px; } #service a, #service p { color: rgba(255, 255, 255, 0.85); } #service a:hover { -webkit-transition: all 0.5s ease; /* Firefox */ -moz-transition: all 0.5s ease; /* WebKit */ -o-transition: all 0.5s ease; /* Opera */ transition: all 0.5s ease; /* Standard */ color: rgba(255, 255, 255, 1); } /*** -------- Functions ---------- ***/ .sitefunctions { margin: 0 0 30px; padding: 2rem 0rem 0rem 0rem !important; float: left; width: 100%; font-size: 110%; } .sitefunctions > div, .sitefunctions li { float: right; margin: 0 12px 0 0; } .sitefunctions .shariff { margin: 0; } .sitefunctions a { /*border: 1px solid;*/ color: rgb(0, 45, 75); font-size: 0.8em; padding: 5px; } .sitefunctions a span.fa { margin-right: 5px; } .sitefunctions a:hover { text-decoration: none; color: white; } .sitefunctions div > a { display: none; } .sitefunctions div > a + a { display: inherit; } .sitefunctions ul, .sitefunctions li { list-style-type: none; } .sitefunctions ul { margin: 0; } .sitefunc_print > a:before { content: "\f02f"; font-family: FontAwesome; margin-right: 5px; } .sitefunc_pdf > a:before { content: "\f1c1"; font-family: FontAwesome; margin-right: 5px; } .sitefunc_recomm > a:before { content: "\f004"; font-family: FontAwesome; margin-right: 5px; } #node11390242 .sitefunc_pdf { display: none; } /* Knotenabsturz bei PDF auf MitarbeiterInnen Liste*/ /* Farben */ .shariff-button.facebook a:hover { background-color: #3b5998; border-color: #3b5998; border-radius: 5px; } .shariff-button.twitter a:hover { background-color: #55acee; border-color: #55acee; border-radius: 5px; } .shariff-button.googleplus a:hover { background-color: #d34836; border-color: #d34836; border-radius: 5px; } .shariff-button.whatsapp a:hover { background-color: #5cbe4a; border-color: #5cbe4a; border-radius: 5px; } .shariff-button.info a:hover, .sitefunc_print a:hover, .sitefunc_pdf a:hover, .sitefunc_recomm a:hover { background-color: rgb(0, 45, 75); border-radius: 5px; } /* FOOTER ----------------------------------------------------------------------------------------------*/ footer { position: relative; z-index: 1; float: left; width: 100%; } footer .finalline { font-size: 90%; font-weight: 700; background-color: rgba(0, 150, 150, 1); float: left; width: 100%; padding: 10px 0; } footer .impr { float: left; text-transform: uppercase; } footer .kiru { float: right; color: rgba(255,255,255,0.75); font-weight: 400; } footer a { text-decoration: none; color: rgba(255,255,255,0.75); } footer .impr a { margin-right: 15px; color: rgba(255,255,255,0.75); } footer .impr a:hover { color: rgba(255, 255, 255, 1); -webkit-transition: all 0.5s ease; /* Firefox */ -moz-transition: all 0.5s ease; /* WebKit */ -o-transition: all 0.5s ease; /* Opera */ transition: all 0.5s ease; /* Standard */ } footer a.hidethis { color: inherit; cursor: text; margin: 0 !important; } footer .impr ul {display: flex; flex-wrap: wrap; list-style-type: none; padding: 0; margin: 0;} .leaflet-popup-content-wrapper .marker .title { font-family: 'Archivo Narrow', sans-serif; font-size: 1.2rem; margin-bottom: 0.25rem !important; } .leaflet-popup-content{ font-family: 'Archivo Narrow', sans-serif; font-size: 1rem; } /* Spielplätze */ #node14234720 .leaflet-popup-content header{ font-family: 'Archivo Narrow', sans-serif; font-size: 1.4rem; width: auto; color: rgba(10, 85, 135, 1); font-weight: 600; margin-bottom: 1rem; } /* SITEMAP ----------------------------------------------------------------------------------------------*/ .sitemap { font-size: 140% !important; line-height: 160% !important; } .home.body_sitemap #content { background-color: rgba(255,255,255,1); float:left; padding: 5%; width: 90%; border-radius: 5px; } /* TABLES ----------------------------------------------------------------------------------------------*/ .basecontent-table table { width:100%; font-size: 1.2rem; border-collapse: collapse; margin: 1rem 0 2rem 0; border:none !important; } .basecontent-table th { border-bottom: 2px solid rgba(68, 131, 185, 1); padding: 0.25rem 0.5rem; vertical-align: top; } .basecontent-table table p { margin: 0 0 10px; } .basecontent-table td.valign-top { vertical-align: top; } .basecontent-table table.show-grid { border: 0px solid #ccc !important; } .basecontent-table table.show-grid td { border-bottom: 0px solid #ccc; padding: 0.5rem; border:none !important; vertical-align: top; } .basecontent-table table.show-grid th { padding: 0.5rem 0 !important; background-color: rgba(255,255,255,0); border-bottom: 1px solid rgba(0, 37, 84, 0.5); padding: 0.25rem 0.5rem; text-align: left; vertical-align: top; font-weight: 700; color: rgba(68, 131, 185, 1) !important; } .basecontent-table table.hide-grid td { padding: 0.5rem; text-align: left; vertical-align: top; } .basecontent-table table ul { margin: 0px 0px!important; padding: 0px 0px 0px 10px; } .basecontent-table table.hide-grid th { padding: 0.5rem 0 !important; text-align: left; vertical-align: top; background-color: rgba(255,255,255,0); border-bottom: 1px solid rgba(0, 37, 84, 0.5); color: rgba(68, 131, 185, 1) !important; } .basecontent-table table tr.even { background-color: rgba(10, 85, 135, 0.05); } .basecontent-table table th { vertical-align: top; } .odd { background-color:transparent; } /* FORMULARE ----------------------------------------------------------------------------------------------*/ .ym-form .ym-fbox-button input { border: none !important; width: 150px; background: rgba(0, 150, 150, 1); font-family: 'Archivo Narrow', sans-serif !important; font-size: 1em; border: 0px !important; border-radius: 3px; margin-bottom: 0.5rem; padding: 0.25rem; color: rgba(255,255,255,1); cursor: pointer; } .ym-form .ym-fbox-button input:hover { background-color: rgba(0, 130, 130, 1); -webkit-transition: all 0.5s ease; /* Firefox */ -moz-transition: all 0.5s ease; /* WebKit */ -o-transition: all 0.5s ease; /* Opera */ transition: all 0.5s ease; /* Standard */ } .ym-fbox-text.ym-hideme.ym-ie-clearing { display: none; } #content .basecontent-form-editor form fieldset { border: none !important; padding: 0 !important; } #content .basecontent-form-editor .small.editable { font-size: 85%; color: rgba(51,51,51,0.6); } #content .basecontent-form-editor .ym-columnar .ym-fbox-select select, #content .basecontent-form-editor .ym-columnar .ym-fbox-text input, #content .basecontent-form-editor .ym-columnar .ym-fbox-text textarea { font-size: 100%; margin-bottom: 0.5rem; padding: 0.5rem 0.25rem; border: 1px solid #a0a0a0 !important; box-sizing: content-box; display: inline-block; width: 100%; font-family: 'Archivo Narrow', sans-serif; } #content .basecontent-form-editor .ym-columnar .ym-fbox-select select { width: 100%; } #content .basecontent-form-editor .formElementRow.senderCc.ym-fbox-check { margin-bottom: 1rem; } #content .basecontent-form-editor .formElement.formTitle { margin-bottom: 1rem; } #content .basecontent-form-editor .formButtonContainer { margin-top: 1rem; } #content .basecontent-form-editor .ym-columnar fieldset .ym-fbox-button, #content .basecontent-form-editor fieldset.ym-columnar .ym-fbox-button { float: left; padding-left: 0 !important; margin-right: 1rem; } #content .basecontent-form-editor .ym-g30.ym-gl { width: 30%; } #content .basecontent-form-editor input.inputRight { width: 44.4% !important; float: left !important; margin-left: 0.5rem; } #content .basecontent-form-editor .formElement.ym-fbox-text { margin-bottom: 1rem; } #content .basecontent-form-editor .ym-columnar .ym-fbox-text label { clear: both !important; } #content .basecontent-form-editor .formElement.ym-fbox-check { margin-bottom: 1rem; } .requiredMark { font-size: 120%; } .datenschutz.startseite .formElementOption > label { font-size: 80% !important; color: rgba(255, 255, 255, 1) !important; width: 50%; } .datenschutz.startseite .formElementOption a { color: rgba(255, 255, 255, 1) !important; text-decoration: underline; } /* SEITE EMPFEHLEN FORMULARE ------------------------------------------------------------------------------------------ */ #recommend_form { width: 100%; } #recommend_form legend { font-size: 1.6rem; font-weight: 700; color: rgba(0, 37, 84, 1); margin-bottom: 1rem; } #recommend_form fieldset { border: none; padding-left: 0 !important; } #recommend_form input, #recommend_form textarea { padding: 0.5rem !important; margin-left: 0 !important; } #recommend_form #an, #recommend_form #absender, #recommend_form #von, #recommend_form #text{ border-radius: 3px; font-size: 100%; font-family: 'Archivo Narrow', sans-serif; margin-bottom: 0.5rem; padding: 0.5rem 0.25rem; border: 1px solid #a0a0a0 !important; box-sizing: content-box; display: inline-block; width: 70%; } #recommend_form .ym-fbox-button { margin-top: 2rem; } #recommend_form .ym-fbox-check { margin-bottom: 2rem; } /* EFFEKTE ALLGEMEIN ------------------------------------------------------------------------------------------ */ .ui-widget { font-family: 'Archivo Narrow', sans-serif !important; background-color: rgba(255,255,255,0); border: none !important; font-size: 1.2em !important; } .toggle_container { /*padding: 1rem 0.75rem 0rem 0.75rem;*/ padding: 1rem; background-color: rgba(255, 255, 255, 0); /*display: inline-block;*/ width: 100%; min-height: unset !important; } footer .ui-state-default, footer .ui-widget-content .ui-state-default, footer .ui-widget-header .ui-state-default { background: none; border: 3px solid rgba(0, 85, 150, 0.25); color: rgba(255, 255, 255, 1); margin-bottom: 1px; padding: 0.755rem 0.857rem !important; } .home .toggle_container { padding: 0rem !important; } .home .toggle_container p, .home .toggle_container .basecontent-table { padding: 1rem; } .toggle_title.ui-state-default:after, .toggle_title.ui-widget-content .ui-state-default:after, .toggle_title.ui-widget-header .ui-state-default:after { float:right; content: "\f13a"; font-family: 'FontAwesome'; font-style: normal; padding-right:0.3rem; font-size:110%; text-decoration:none; /*! width: 0%; */} .toggle_title.ui-state-default.ui-corner-all.active:after { float:right; content: "\f139"; font-family: 'FontAwesome'; padding-right:0.3rem; font-size:110%; text-decoration:none; } .toggle_title .ui-icon { background-image: none; } #content .toggle_title { border: 2px solid rgba(0, 150, 150, 1); } #content h3.toggle_title { padding-left: 10px; } h3.toggle_title, h3.ui-accordion-header a { background: none; border: 3px solid rgba(0, 85, 150, 0.25); color: rgba(0, 150, 150, 1) !important; font-style: italic; font-weight: 700; margin-bottom: 7px; padding: 0.6rem 0.5rem 0.6rem 0.7rem !important; } h3.ui-state-active a, h3.toggle_title.active { color: rgba(10, 85, 135, 1) !important; } h3.toggle_title:hover, h3.ui-accordion-header a:hover { background-color: rgba(105, 200, 175, 1); color: rgba(255,255,255,1) !important; -webkit-transition: all 0.5s ease; /* Firefox */ -moz-transition: all 0.5s ease; /* WebKit */ -o-transition: all 0.5s ease; /* Opera */ transition: all 0.5s ease; /* Standard */ cursor: pointer; } .toggle-icon { right: 0.5rem; margin-top: -8px; position: absolute; top: 50%; } .ui-accordion { margin-bottom: 2rem; } .ui-accordion .ui-accordion-content { padding: 0 0.75rem; border: none; overflow: hidden; background: none; } h3.ui-accordion-header { background: transparent none repeat scroll 0 0; border: medium none; } h3.ui-accordion-header a { border-radius: 4px; display: block; } h3.ui-accordion-header a:hover { text-decoration: none; color: rgba(255,255,255,1) !important; } .ui-accordion-header.ui-state-default a:after, .ui-accordion-header.ui-widget-content .ui-state-default:after, .ui-accordion-header.ui-widget-header .ui-state-default:after { float:right; content: "\f13a"; font-family: 'FontAwesome'; font-style: normal; padding-right:0.3rem; font-size:110%; text-decoration:none; } .ui-accordion .ui-icon, .ui-accordion .ui-widget-content .ui-icon { background-image: none !important; } .ui-accordion-header .ui-icon { display: none; } /*Suchergebnisse --------------------- */ .home.body_search #content { background-color: rgba(255,255,255,1); float:left; padding: 5%; border-radius: 5px; width: 90%; } .body_search #search_form .searchSort { display: none; } .body_search #search_form button, .body_search #search_form button{ background: rgba(0, 150, 150, 1) none repeat scroll 0 0; border: 0 none; color: rgba(255,255,255,1); border-radius: 3px; cursor: pointer; font-family: 'Archivo Narrow', sans-serif; height: 40px; line-height: 100%; margin-bottom: 1rem; padding: 0.25rem; text-decoration: none; white-space: nowrap; font-size: 100%; } .body_search #search_form button:hover, .body_search #search_form button:hover { background-color: rgba(0, 130, 130, 1); -webkit-transition: all 0.5s ease; /* Firefox */ -moz-transition: all 0.5s ease; /* WebKit */ -o-transition: all 0.5s ease; /* Opera */ transition: all 0.5s ease; /* Standard */ } .body_search #search_form input { float: left; margin-bottom: 1rem; margin-right: 1rem; width: 40%; padding:0.56rem; border:1px solid rgba(160,160,160,1); font-size: 100%; border-radius: 3px; } .body_search #search_form .searchFilterHead input { float: left; margin-bottom: 1rem; margin-right: 1rem; width: 10%; padding:0.56rem; border:1px solid rgba(160,160,160,1); font-size: 100%; } .body_search #search_form #ergebnisse { float:left; clear: both; margin-top: 2rem; } .body_search #search_form #ergebnisse #ergebnisseRumpf h3 { font-size: 1.45rem; font-weight: 700; margin-bottom: 0.5rem !important; } .body_search #search_form #ergebnisse #ergebnisseRumpf ul { margin:1rem 0rem !important; padding:0 !important; list-style:none; } .body_search #search_form #ergebnisse #ergebnisseRumpf ul hr { display: none; } .body_search #search_form #ergebnisse #ergebnisseRumpf ul li { border-bottom: 1px dashed rgba(0, 37, 84, 1); padding: 2rem 0rem; margin-left: 0; list-style: none; width: 90%; } .body_search #search_form #ergebnisse #ergebnisseRumpf span.resultScore { color: rgba(0, 37, 84, 1); padding: 0.3rem 0rem; } .body_search #search_form #ergebnisse #ergebnisseRumpf .info { margin-top: 1rem; } .body_search #search_form #ergebnisse #ergebnisseRumpf .description { font-size: 1.2rem; line-height: 1.8rem; margin-bottom: 2rem; } .body_search #search_form .ergebnisseRumpf ul li.jpeg { content: "\f1c5"; font-family: 'FontAwesome'; font-weight: normal; color: rgba(153,153,153,1); padding-right: 0.5rem; } .body_search #search_form .ergebnisseRumpf ul li.msword h3:before { content: "\f1c2"; font-family: 'FontAwesome'; font-weight: normal; color: rgba(153,153,153,1); padding-right: 0.5rem; } .body_search #search_form .ergebnisseRumpf ul li.pdf h3:before { content: "\f1c1"; font-family: 'FontAwesome'; font-weight: normal; color: rgba(153,153,153,1); padding-right: 0.5rem; } .body_search #search_form .ergebnisseRumpf ul li.plain h3:before { content: "\f016"; font-family: 'FontAwesome'; font-weight: normal; color: rgba(0, 37, 84, 0.3); padding-right: 0.5rem; } /*Service-BW*/ .body_search #search_form .ergebnisseRumpf ul li a[href*="vbid"] { background: url("../img/links/service-bw-icon.png") no-repeat scroll 0px center rgba(0, 0, 0, 0); padding-left: 19px; } .body_search #search_form .ergebnisseRumpf ul li a[href*="llid"] { background: url("../img/links/service-bw-icon.png") no-repeat scroll 0px center rgba(0, 0, 0, 0); padding-left: 19px; } .body_search #search_form .ergebnisseRumpf ul li a[href*="amtsID"] { background: url("../img/links/service-bw-icon.png") no-repeat scroll 0px center rgba(0, 0, 0, 0); padding-left: 19px; } .body_search #search_form .ergebnisseRumpf ul li a[href*="stmid"] { background: url("../img/links/service-bw-icon.png") no-repeat scroll 0px center rgba(0, 0, 0, 0); padding-left: 19px; } .body_search #search_form .ergebnisseRumpf ul li a[href*="leb"] { background: url("../img/links/service-bw-icon.png") no-repeat scroll 0px center rgba(0, 0, 0, 0); padding-left: 19px; } .body_search #search_form .ergebnisseRumpf .sbw .wayhome > a { background: none !important;margin-left: 0rem; padding-left:0rem; } .body_search #search_form .ergebnisseRumpf ul li.sbw a { margin-left: 0rem; padding-left:2rem; } .body_search #ergebnisse #ergebnisseRumpf li div.info .score-bar { border: 1px solid rgba(0, 150, 150, 1); margin: 0 3px -2px; border-radius: 2px; } .body_search #ergebnisse #ergebnisseRumpf li div.info .score-bar .score-bar-inner { background: rgba(105, 200, 175, 1) none repeat scroll 0 0; } .body_search #ergebnisse #ergebnisseRumpf .wayhome { margin: 1rem 0rem !important; display: block; background: rgba(105, 200, 175, 1) none repeat scroll 0 0; border-radius: 3px; padding: 0.25rem; font-size: 100% !important; } .body_search footer { display: none; } /*** ---------- Erweiterte Suche ----------- ***/ .extendedSearch { clear: both; margin: 2rem 0rem 1rem 0rem; } .searchFilterHead { margin: 2rem 0rem; } .searchFilterBody select { margin-bottom: 2rem; } /* LOGIN ----------------------------------------------------------------------------------------------*/ #loginForm { background: rgba(105, 200, 175, 0.8); border-radius: 5px; padding: 5px 5px 20px; width: 49.3%; } #loginForm fieldset { border: 0 none; margin: 20px 0 0 40px; padding-top: 10px; } #loginForm fieldset legend { font-size: 1.3em; font-weight: bold; color: rgba(255,255,255,1); } #loginForm div.ym-fbox-text { margin-bottom: 20px; color: rgba(255,255,255,1); width: 100%; } #loginForm div.ym-fbox-text label { display: inline-block; width: 30%; font-weight: 700; } #loginForm div.ym-fbox-text input { font-size: 1.2em; padding-left: 5px; border-radius: 3px; border: 0px solid rgba(255,255,255,1); width: 50%; } #loginForm div.ym-fbox-button { margin-left: 40px; } /* -------------- Hamburger Menu ----------------------- */ #hamburger { background: rgba(0, 85, 150, 0.6) none repeat scroll 0 0; border-color: #ffffff #ffffff #ffffff transparent; border-radius: 0 7px 7px 0; border-style: solid; border-width: 2px 2px 2px 0; box-sizing: border-box; display: block; height: 60px; position: fixed; left: 0; top: 10px; width: 60px; z-index: 999; } html.mm-opened #hamburger { background: #2265a4 none repeat scroll 0 0; } /*#hamburger { box-sizing: border-box; display: block; height: 43px !important; position: fixed; top: 28px !important; right: 0px !important; width: 40px !important; z-index: 40 !important; background: #3b4f5f !important; }*/ #hamburger::before, #hamburger::after, #hamburger span { background: rgba(255, 255, 255, 1) none repeat scroll 0 0; border: 0 none; content: ""; display: block; height: 5px; left: 11px; position: absolute; width: 35px; } /*#hamburger:before, #hamburger:after, #hamburger span { background: rgba(255,255,255,1) !important; content: ''; display: block; width: 25px !important; height: 5px; position: absolute; left: 8px !important; border: 0px !important; }*/ #hamburger:before { top: 15px; } #hamburger span { top: 25px; } #hamburger:after { top: 35px; } /* Animation */ #hamburger:before, #hamburger:after, #hamburger span { -webkit-transition: none 0.5s ease 0.5s; transition: none 0.5s ease 0.5s; -webkit-transition-property: transform, top, bottom, left, opacity; transition-property: transform, top, bottom, left, opacity; } html.mm-opened #hamburger:before, html.mm-opened #hamburger:after { top: 25px; } html.mm-opened #hamburger span { left: -50px; opacity: 0; } html.mm-opened #hamburger:before { transform: rotate( 45deg ); } html.mm-opened #hamburger:after { transform: rotate( -45deg ); } /* geoeffnetes Menue*/ .mm-menu.mm-pageshadow.mm-theme-white::after { box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); } .mm-menu.mm-theme-white { background: #2265a4 none repeat scroll 0 0; } .mm-listview > li > a, .mm-listview > li > span { color: #ffffff; font-size: 1.4rem; } .mm-navbar-top-2 a { color: #ffffff !important; } body > div.mm-opened.mm-current + a.cd-top + div.mm-page + script + script + script + noscript + script + script + script + script + div.mm-slideout + a#hamburger { left: 0; } body > div.mm-opened.mm-current + a.cd-top + div.mm-page + footer + script + script + script + noscript + script + script + script + script + div.mm-slideout + a#hamburger { left: calc(80% - 48px); } body > div.mm-opened.mm-current + a.cd-top + div.mm-page div#slidemenu-left { display: none; } body > div.mm-opened.mm-current div.mm-navbar-top-1 div.logo { display: none; } /* LOOL etwas lang, aber Hamburger und Slidemenü left verhalten sich nun so wie gewünscht beim Aufklappen xD */ #mm-my-menu .mm-navbar-top-1 { background: rgba(0, 0, 0, 0) url("https://aipcms7.dvvbw.de/site/Mutlangen-2017/resourceCached/9.2.1/img/logo-white.svg") no-repeat scroll 70px 0 / 140px auto; height: 80px; top: 10px; width: inherit; } /* STYLEGUIDE ----------------------------------------------------------------------------------------------*/ h2.styleguide { border: 3px solid rgba(0, 85, 150, 0.25); border-radius: 5px; font-style: italic; padding: 0.5em; color: rgba(0, 150, 150, 0.95); margin-top: 2rem !important } h2.styleguide:after { content: "\f0eb"; font-family: FontAwesome; float: right; color: rgba(0, 150, 150, 0.95); margin-right: 0.5rem; font-style: normal; } /* DRUCK ----------------------------------------------------------------------------------------*/ .body_print #main { max-width: 100%; padding: 0; } .body_print section#content { margin: 20px; } .body_print #contentFooter, .body_print #footer { display: none; } .body_print .bwKontakt { background-color: rgba(250, 225, 165, 0); } .body_print .wayhome { margin: 20px 20px 20px 5px; background: rgba(0, 45, 75, 0) none repeat scroll 0 0; color: rgba(0, 45, 75, 1) !important; } .body_print .wayhome a { color: rgba(10, 85, 135, 0.85); } .body_print .ym-grid { margin: 20px; text-align: center; } /* RESPONSIVE ----------------------------------------------------------------------------------------------*/ @media (max-width : 1598px) { /* Summe aus 1170px Contentbreite + margin-left & margin-right (je 216px) */ /*.innerline { margin-left: calc(180px + 2px + 2rem); margin-right: calc(180px + 2px + 2rem); } */ /* 1rem = 16px - damit sind das 216px */ .hide-right.show-right.rightmenu { right: -190px; } .hide-right.rightmenu { right: 0px; } .hide-left.show-left.leftmenu { left: -190px; } .hide-left.leftmenu { left: 0px; } } @media (max-width : 1200px) { .kontaktline .h4box h4 { width: calc(100% - 15px); } .zitat { box-sizing: border-box; } .home ul.tabsHeaders li:first-child, .home ul.tabsHeaders li:last-child { padding: 0px 20px; box-sizing: border-box; } .home .kontaktline .composedcontent-mutlangen---box > div:first-child { padding: 10px 2% 0; box-sizing: border-box; } footer .kontaktline .home-tabs .composedcontent-mutlangen---box, .kontaktline .home-tabs .composedcontent-mutlangen---box > div:nth-child(2) .basecontent-dvv-karte #cmsmap #basetable .map.leaflet-container { max-height: 100%; } footer .finalline { padding: 10px 2%; box-sizing: border-box; } .home-tabs ul.tabsHeaders li:first-child a { margin-left: 4% !important; } footer .basecontent-table { margin-left: 4% !important; } #maincontent { margin-left: 2%; margin-right: 2%; } } @media (max-width : 1000px) { .innerline { max-width: 100%; } /*.main { display: inline-block; }*/ .boxes { height: auto; float: left; } .boxes > div { margin-bottom: 20px; width: calc(50% - 20px); } .boxes > div:first-child { width: calc(50% + 20px); } .boxes .kalender { margin-right: 0; } .boxes .service { width: 50%; } .boxes > div:last-child { width: calc(50% - 20px); } .mainmenu ul.ebene1 li.ebene1 a { font-size: 120%; } } @media (min-width : 960px) { #my-menu { display: none; } #mm-my-menu { display: none !important; } #hamburger { display: none !important; } } @media ( max-width : 960px) { .weather-box { display: none; } .search-box { display: none; } .leftmenu, .rightmenu { top: 100px; } /*.mainmenu ul.ebene1 li.ebene1 a { width: 70%; padding: 20px 15%; } MENÜ früher weg */ .mainmenu { display: none; } .kontaktline { width: 100%; } .ym-col2, .ym-col2wide { width: 92% !important; float: left; padding: 4% !important; margin-bottom: 0px; border-radius: 0px; } .ym-col3 { width: 92%; float: left; padding-left: 4%; padding-right: 4%; padding-bottom: 0px; margin-bottom: 0px; border-radius: 0px 0px 5px 5px; } } @media (max-width : 660px) { .sprechzeiten, .kontakt { max-width: 100%; min-height: 250px; } .kontaktline .composedcontent-mutlangen---box { display: block; } .kontaktline .home-tabs .composedcontent-mutlangen---box > div { width: 100%; height: 100% !important; } #maincontent .basecontent-image { float: left !important; margin: 0px 0px 25px 0px !important; width: 100% !important; } #maincontent .basecontent-image img { width: 100% !important; } .sitefunctions { display: none; } .quicklinks { display: none; } #ulkategorieid > li { width: 100%; } } @media (min-width : 600px) { html.mm-opened .mm-slideout { transform: translate(440px, 0px); } body > div.mm-current.mm-opened + a.cd-top + div#mm-0 + script + script + script + noscript + script + script + script + script + div#mm-blocker + a#hamburger, body > div.mm-current.mm-opened + a.cd-top + div#mm-0 + script + script + script + noscript + script + script + script + script + script + div#mm-blocker + a#hamburger { left: 0; } } @media (max-width : 599px) { #my-menu { display: none; } .logo { min-height: 280px; padding-left: 5%; padding-right: 5%; width: 90%; } .logo svg { width: 80%; } /*.main { padding: 0 1rem; }*/ .mm-menu { max-width: none; } body > div.mm-current.mm-opened + a.cd-top + div#mm-0 + script + script + script + noscript + script + script + script + script + div#mm-blocker + a#hamburger, body > div.mm-current.mm-opened + a.cd-top + div#mm-0 + script + script + script + noscript + script + script + script + script + script + div#mm-blocker + a#hamburger { left: calc(80% - 48px)/*-48px*/; } html.mm-opened .mm-slideout { transform: translate(80%, 0px); } /*html.mm-opened a#hamburger { background: none ; border: none; }*/ #lpSeite .lpBAnsprechpartnerEintrag .lpBAnsprechFoto { float:left; } #lpSeite .lpBAnsprechTable { float:left; } } @media (max-width : 500px) { .home-tabs .basecontent-table td.valign-top { float:left; } .boxes > div { margin-right: 0 !important; width: 100% !important; } .boxes .termine, .boxes .kalender { border-radius: 5px; } .bx-controls-direction { display: none; } .home .bx-wrapper .bx-viewport { padding: 20px 0px 10px 0px; } .home .bx-wrapper .bx-viewport .pm-meldung { margin-right: 20px; padding: 0 20px; } .home .pm-anreisser, .home .pm-meldung h2 { max-width: 90% !important; } div.containerCalendarDays { font-size: 140%; } .zitat .basecontent-image { margin-left: 38%; margin-bottom: 10px; float: none; } .zitat .innerline .zitattext { padding: 0 20px; } .zitat .innerline .zitierter { margin-bottom: 1em; padding: 0 20px; } footer .kontaktline .home-tabs .composedcontent-mutlangen---box, .kontaktline .home-tabs .composedcontent-mutlangen---box > div:nth-child(2) .basecontent-dvv-karte #cmsmap #basetable .map.leaflet-container { max-height: 100% !important; } .leftmenu { background: rgba(0,85,150,1); background: -moz-linear-gradient(left, rgba(0,85,150,1) 0%, rgba(0,85,150,1) 89%, rgba(255,255,255,1) 89%, rgba(255,255,255,1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,85,150,1)), color-stop(89%, rgba(0,85,150,1)), color-stop(89%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1))); background: -webkit-linear-gradient(left, rgba(0,85,150,1) 0%, rgba(0,85,150,1) 89%, rgba(255,255,255,1) 89%, rgba(255,255,255,1) 100%); background: -o-linear-gradient(left, rgba(0,85,150,1) 0%, rgba(0,85,150,1) 89%, rgba(255,255,255,1) 89%, rgba(255,255,255,1) 100%); background: -ms-linear-gradient(left, rgba(0,85,150,1) 0%, rgba(0,85,150,1) 89%, rgba(255,255,255,1) 89%, rgba(255,255,255,1) 100%); background: linear-gradient(to right, rgba(0,85,150,1) 0%, rgba(0,85,150,1) 89%, rgba(255,255,255,1) 89%, rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005596', endColorstr='rgba(255,255,255,1)', GradientType=1 ); } .rightmenu { background: rgba(255,255,255,1); background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 11%, rgba(0,85,150,1) 11%, rgba(0,85,150,1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(11%, rgba(255,255,255,1)), color-stop(11%, rgba(0,85,150,1)), color-stop(100%, rgba(0,85,150,1))); background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 11%, rgba(0,85,150,1) 11%, rgba(0,85,150,1) 100%); background: -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 11%, rgba(0,85,150,1) 11%, rgba(0,85,150,1) 100%); background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 11%, rgba(0,85,150,1) 11%, rgba(0,85,150,1) 100%); background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 11%, rgba(0,85,150,1) 11%, rgba(0,85,150,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(255,255,255,1)', endColorstr='#005596', GradientType=1 );} #content p { display: inline-block; } .downloadlist td.dlSize, .downloadlist .dlSize.ui-state-default.cursorPointer { display: none; } .home .bx-wrapper .bx-viewport, .boxes .termine { background: rgba(0, 85, 150, 0.85) none repeat scroll 0 0; } .boxes .service, .boxes .bauplatz { opacity: 1; } footer .kiru { float: left; } .kalender p a { margin: 0px 20px 20px 20px; } .presse-uebersicht .pm-meldung .pm-bild { float: left; margin-left: 0; } .body_search #search_form #ergebnisse #ergebnisseRumpf ul li { width: 80%; } } /* Landscape */ /* Portrait */ @media (orientation: portrait) { .background-img figure .image-inner { top: 50%; left: 50%; position: absolute; } .background-img img { height: inherit; left: -50%; margin-top: -30%; object-fit: none; position: relative; width: inherit; } } /* Aktuelle Meldungen */ /*#content .presse-uebersicht .pm-bild { margin-top: -80px;margin-right: 20px; } #content .presse-uebersicht .pm-bild img { max-height: 157px; margin-top: 30px;}*/ /*Schadensbegrenzung nach Update SSL 12.02.21*/ .pm-teaser a { color: #000;font-size: 1.2rem;line-height: 1.8rem;margin-bottom: 2rem; } h3.pm-title {font-size: 1.4rem; width: auto; color: rgba(10, 85, 135, 1); font-weight: 600; margin-bottom: 1rem;} /* Aktuelles Corona */ #node16830990 .subcolumns img { width: 300px; } #node16830990 .subcolumns .noresize img { width: auto; } /* .pm-meldung .pm-bild { float: left; width: 200px; height: 100px; background: url("../img/Logo_PR.jpg") 0px 30px no-repeat; padding-bottom: 10px;} */ img[src*='Logo_PR.jpg'] {display:none;}