/**************************************************************** CSS LRA ADK 2018 *****************************************************************/ /********** COLORS ********** Dunkelblau: color: rgba(0, 37, 84, 1); Hellblau: color: rgba(68, 131, 185, 1); Neu, damit BFO passt: #336699 Gelb: color: rgba(250, 225, 165, 1) */ /* pt-sans-regular - latin */ @font-face { font-family: 'PT Sans'; font-style: normal; font-weight: 400; src: url('fonts/pt-sans-v10-latin-regular.eot'); /* IE9 Compat Modes */ src: local('PT Sans'), local('PTSans-Regular'), url('fonts/pt-sans-v10-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/pt-sans-v10-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/pt-sans-v10-latin-regular.woff') format('woff'), /* Modern Browsers */ url('fonts/pt-sans-v10-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/pt-sans-v10-latin-regular.svg#PTSans') format('svg'); /* Legacy iOS */ } @font-face { font-family: 'FontAwesome Light'; font-style: normal; font-weight: 300; src: url('fonts/fa-light-300.eot'); src: url('fonts/fa-light-300.eot?#iefix') format('embedded-opentype'), url('fonts/fa-light-300.woff2') format('woff2'), url('fonts/fa-light-300.woff') format('woff'), url('fonts/fa-light-300.ttf') format('truetype'), url('fonts/fa-light-300.svg#fontawesome') format('svg'); } @font-face { font-family: 'FontAwesome Regular'; font-style: normal; font-weight: 400; src: url('fonts/fa-regular-400.eot'); src: url('fonts/fa-regular-400.eot?#iefix') format('embedded-opentype'), url('fonts/fa-regular-400.woff2') format('woff2'), url('fonts/fa-regular-400.woff') format('woff'), url('fonts/fa-regular-400.ttf') format('truetype'), url('fonts/fa-regular-400.svg#fontawesome') format('svg'); } @font-face { font-family: 'FontAwesome'; font-style: normal; font-weight: 900; src: url('fonts/fa-solid-900.eot'); src: url('fonts/fa-solid-900.eot?#iefix') format('embedded-opentype'), url('fonts/fa-solid-900.woff2') format('woff2'), url('fonts/fa-solid-900.woff') format('woff'), url('fonts/fa-solid-900.ttf') format('truetype'), url('fonts/fa-solid-900.svg#fontawesome') format('svg'); } /* BASIC ------------------------------------------------------------------------------------------ */ html { box-sizing: border-box; font-size: 100%; } body { font-family: 'Open Sans', sans-serif !important; background-color: rgba(255,255,255,1); margin: 0; padding: 0; font-size: 100%; color: rgba(51,51,51,1); overflow-x: hidden; } .the-wrapper { background-color: rgba(68, 131, 185, 0.1); padding-bottom: 5rem; } .home .the-wrapper { background-color: none; padding-bottom: 0; } .content-container { position: relative; z-index: 10; padding-top: 212px;/*top: 300px;*/ /*display: inline-block; height: 100%; width: 100%;*/ } .home .content-container {padding-top: 270px;} .home #content { background-color: rgba(255,255,255,0); } #content { background-color: rgba(255,255,255,1); } #main { float: left; width: 100%; height: 100%; margin-bottom: 0.5rem; background-color: rgba(255,255,255,1); /*margin-bottom: 22rem;*/ } .ym-col1 { float: right; width: 25%; padding-top: 5%; font-size: 85%; } .ym-col2 { float: left; width: 65%; padding: 5%; } .ym-cbox { padding: 0 !important; } /* muss auf Seiten beschraenkt werden, werden Navi rechts*/ .ym-col2wide { float:left; width: 65%; margin-left: 0 !important; } /* Seiten ohne Navi rechts */ .knot_15089026 .ym-col2wide, .knot_2917315 .ym-col2wide { float:left; width: 90%; margin-left: 0 !important; } /*** -------- Hintergrundbild ---------- ***/ /* kein bg-image voranden .background-img { display: block !important; height: 100vh; left: 0; position: fixed; top: 204px; width: 100%; z-index: 1; background-position: 50% 50%; background-size: cover; overflow: hidden; background-image: url("../img/bgimage-mobil.jpg"); }*/ .background-img { display: block !important; height: 100vh; left: 0; position: fixed; top: 204px; width: 100%; z-index: 1; background-position: 50% 50%; background-size: cover; overflow: hidden; } .background-img a { display: none;} .background-img > div { padding: 0px;} .background-img figure { margin: 0px;} .background-img img { height: 50vh; object-fit: cover; position: relative; width: 100vw; } .home .background-img img { height: 100vh; object-fit: cover; position: relative; width: 100vw; } .background-img .basecontent-image { float: none !important; border-bottom: 100px solid rgba(0, 37, 84, 1); } /*** -------- Hintergrundbild alt---------- ***/ /* .background-img { height: 40%; overflow: hidden; position: absolute; width: 100%; top: 200px; } .home .background-img { height: 100%; position: fixed; } .background-img .composedcontent-preset_box > div + div { margin: 0 auto; position: relative; top: -300px; width: 945px; z-index: 2; } .background-img .image-inner { /*height:300px; overflow: hidden; } .background-img img { height: auto; left: 50%; margin: 0; position: absolute; top: 0%; transform: translate(-50%, 0%); width: auto; } */ .gradient { display: none; z-index: 1; height: 51%; width: 100%; background-color: rgba(234,234,234, 0.92); position: absolute; top: 50%; background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 20%, rgba(255,255,255,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0% ,rgba(255,255,255,1) 20%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(255,255,255,0) 0% ,rgba(255,255,255,1) 20%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ } /* HEADER ------------------------------------------------------------------------------------------ */ #header { position: fixed; left: 0; top: 0; right: 0; z-index: 100000; } #header div.logo { position: absolute; top: 0; width: 995px; height: 100px; } #header .logo img { width: 335px; max-width: 100%;} #header .toprow-1 { background-color: #fff; height: 100px; } #header .toprow-2 { background-color: rgba(0, 37, 84, 1); height: 100px; } #header .toprow-2 .home-icon a{float: left; width: 55px; height: 55px; padding: 20px; margin-left: -100px; color: #ffffff;} #header .toprow-2 .home-icon a:before { font-family: FontAwesome;content: "\f015\A";font-size: 50px;} #header .toprow-2 .home-icon a:hover {text-decoration: none; color: #336699 } #header .toprow-3 {margin-top: 4px;} /* zum testen wie es aussieht ohne Anmeldung .knot_2920655 .toprow-3 {display: none;}*/ .home #header .toprow-3 { } .ym-wrapper { max-width: 995px; margin:0 auto; height: 100%; } /*.composedcontent-preset_module { margin-bottom: 2rem; }*/ .home .clear { display: none; } /* Suche-Button Fokus*/ .sb-search-submit:focus, .sb-search-submit:focus-visible{outline: 2px solid #000; outline-offset: -4px;} .sb-search-submit:focus + span, .sb-search-submit:focus-visible + span {outline: 2px solid #000; outline-offset: -4px;} /* HOME ------------------------------------------------------------------------------------------ */ .home h1 { text-transform: uppercase; font-size: 140%; text-shadow: 0px 0px 5px rgba(255, 255, 255, 1); } .home h2 { font-size: 1.8rem; font-weight: 700; color: rgba(0, 37, 84, 1); margin-bottom: 1.4rem; } /*** -------- Topnews ---------- ***/ #id13824162 { margin-bottom: 1rem; overflow: hidden; } .home .pm-topnews { position: relative; min-height: 250px; overflow: hidden; background: #ffffff;} .home .pm-meldung {padding: 3%; display: flex; flex-wrap: wrap; justify-content: space-between; } /*.home .pm-topnews .pm-bild { width: 40%; float: right; margin: 0 1em 0 1em; }*/ .home .pm-topnews .pm-text-block{width: 50%;} .home .pm-topnews .pm-bild { width: 47%; } .home .pm-topnews .pm-bild img {width: 100%;} /*home .pm-topnews .pm-detaillink-image > img { width: 100%; }*/ /*.home .pm-topnews .pm-head { width: 55%;}*/ /*.home .pm-topnews .pm-head { width: 50%;}*/ .home .pm-topnews .pm-head .pm-pubDate { font-size: 75%;} .home .pm-topnews .pm-head a {color: rgba(0, 37, 84, 1); } /*.home .pm-topnews .pm-content {width: 55%;}*/ /*.home .pm-topnews .pm-content {width: 50%;}*/ /*.home .pm-topnews .pm-content .pm-anreisser { display: none; }*/ .home .pm-topnews .pm-content .pm-anreisser a.pm-detaillink {display: block; width: 4em; margin-top: 1em; padding: 5px 10px; background: rgba(0, 37, 84, 1); color: #ffffff;} .home .mehr-presse a {font-size: 1.1em; padding: 5px 10px; background: rgba(0, 37, 84, 1); color: #ffffff; margin: 3%;} .home .mehr-presse a:hover {text-decoration: underline;} .home .ui-widget-content a { color: rgba (0, 37, 84, 1); } .home-tabs.ui-tabs .basecontent-list.align-left > ul { font-size: 90% !important; } .home-tabs.ui-tabs .basecontent-list.align-left li { margin-bottom: 1rem; } .home .ui-widget-content .dateiGroesse { display: none; } /*** -------- Topnews und Top-Themen NEU---------- ***/ .box-startseite.aktuelles .composedcontent-preset_box { padding: 1%; display: block; } .box-startseite.top-themen .composedcontent-preset_zeile { padding: 1%; display: block; width: 96%; margin: 0 auto; } /* #cc_20349119.box-startseite.top-themen {width: 98%;} fuer Testseite*/ /*#cc_20379589.box-startseite.top-themen {width: 98%;}*/ .box-startseite.top-themen h2 {margin: 0 -1% 3% -1%;} /* fuer Testseite*/ #cc_20259677.box-startseite.top-themen h2 {margin: 0;} /* fuer Testseite*/ .box-startseite.top-themen h2 {margin: 0 0 1.4rem 0;} .home .aktuelles .pm-meldung {position: relative;} .home .owl-item .pm-meldung {padding: 0 3%; } .box-startseite.aktuelles .owl-carousel i, .box-startseite.top-themen .owl-carousel i{font-family:'FontAwesome';color:rgba(0, 37, 84, 1);font-size:35px;transition:all 0.3s ease;outline:0px;} .box-startseite.aktuelles .owl-carousel i:hover, .box-startseite.top-themen .owl-carousel i:hover{color:rgba(250, 225, 165, 1);} /*.box-startseite.aktuelles .owl-nav{position: relative;}*/ .box-startseite.aktuelles .owl-dots, .box-startseite.top-themen .owl-dots {height: 50px;} .box-startseite.aktuelles .owl-prev, .box-startseite.top-themen .owl-prev{ position: absolute; left: 0px; bottom: 4%; } .box-startseite.aktuelles .owl-next, .box-startseite.top-themen .owl-next{ position: absolute; right: 0px; bottom: 4%; } /*** -------- Top Themen ----------***/ #id15872113 {margin: 0 0 3em 0; min-height: 300px;} #id15872113 .bx-wrapper { border: 0 solid #fff !important; box-shadow: 0 0 0 transparent !important; left: 0 !important; margin: 0 !important; width: 100%; min-height: 280px; } #id15872113 .boxborder {padding: 3%;} #id15872113 .basecontent-image.image {float: right; } #id15872113 .bx-wrapper .bx-pager {padding: 20px 0; background: #ffffff; width: 100%; text-align: center;} #id15872113 .bx-wrapper .bx-controls-direction a { top: 100% !important; margin-top: -10px !important; } #id15872113 .bx-wrapper .bx-prev { background: url("../img/owl/left.png") no-repeat; width: 30px; height: 30px; } /*#id15872113 .bx-wrapper .bx-prev { background: rgba(0, 0, 0, 1) url("../img/arrow-left.svg") no-repeat; width: 30px; height: 30px; }*/ #id15872113 .bx-wrapper .bx-prev { left: 5px; } #id15872113 .bx-wrapper .bx-next { background: url("../img/owl/right.png") no-repeat; width: 30px; height: 30px; } /*#id15872113 .bx-wrapper .bx-next { background: rgba(0, 0, 0, 1) url("../img/arrow-right.svg") no-repeat; width: 30px; height: 30px; }*/ #id15872113 .bx-wrapper .bx-next { right: 5px; } #id15872113 a.internerLink, #id15872113 a.externerLink, #id15872113 a.httpsLink {background: rgba(0, 37, 84, 1); color: #ffffff; padding: 5px;} /*** -------- Top Themen NEU ----------***/ #cc_20259677.top-themen {margin: 0 0 2em 0; padding: 0 0 2em 0; min-height: 300px;} .top-themen .bx-wrapper { border: 0 solid #fff !important; box-shadow: 0 0 0 transparent !important; left: 0 !important; margin: 0 !important; width: 100%; min-height: 280px; } .top-themen .boxborder {padding: 1% !important; width: 98%;} .top-themen .basecontent-image.image {width: 94%; margin-left: 3%;} /*.top-themen .bx-wrapper .bx-pager {padding: 20px 0; background: #ffffff; width: 100%; text-align: center;} .top-themen .bx-wrapper .bx-controls-direction a { top: 100% !important; margin-top: -10px !important; } .top-themen .bx-wrapper .bx-prev { background: url("../img/owl/left.png") no-repeat; width: 30px; height: 30px; } */ /*.top-themen .bx-wrapper .bx-prev { background: rgba(0, 0, 0, 1) url("../img/arrow-left.svg") no-repeat; width: 30px; height: 30px; }*/ /*.top-themen .bx-wrapper .bx-prev { left: 5px; } .top-themen .bx-wrapper .bx-next { background: url("../img/owl/right.png") no-repeat; width: 30px; height: 30px; } */ /*.top-themen .bx-wrapper .bx-next { background: rgba(0, 0, 0, 1) url("../img/arrow-right.svg") no-repeat; width: 30px; height: 30px; }*/ /*.top-themen .bx-wrapper .bx-next { right: 5px; } */ .top-themen a.internerLink, #id15872113 a.externerLink, #id15872113 a.httpsLink {background: rgba(0, 37, 84, 1); color: #ffffff; padding: 5px;} .top-themen .bxSlider {text-align: center;} /*.top-themen .composedcontent-preset_box {width: 100%; text-align: left;}*/ .top-themen .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {margin-left: 0.5rem;} .top-themen .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {margin-right: 0.5rem;margin-bottom: 15px;} .top-themen .bx-wrapper .bx-pager {bottom: -15px;} .top-themen .composedcontent-preset_spalte { margin: 0 auto; display: flex; flex-wrap: wrap;} .top-themen .composedcontent-preset_spalte>div {width: 50%;} .box-startseite.top-themen h3 { font-size: 1.8rem; font-weight: 700; color: rgba(0, 37, 84, 1) !important; margin-bottom: 1.4rem; text-transform: none; background: none !important; border-bottom: 0px solid #000 !important; text-align: left !important; } /* .top-themen .bx-wrapper .bx-next { right: 10px; background: url('../img/owl/controls.png') no-repeat -43px -32px;} */ @media (max-width: 890px){ .top-themen .basecontent-image.image { width: 100%; float: none; margin: 1em 0; } .top-themen .basecontent-image.image img{width: 100%;} .top-themen .bx-wrapper .bx-controls-direction a {top: 97%} .top-themen .composedcontent-preset_spalte>div {width: 100%;} } /*** -------- Im-Blick-Box ---------- .home .bx-wrapper { border: 0 solid #fff !important; box-shadow: 0 0 0 transparent !important; left: 0 !important; margin: 0 !important; width: 100%; } .home .bx-wrapper .bx-controls-direction a { top: 0 !important; margin-top: 14px !important; } .home .bx-wrapper .bx-pager { display: none; } .home .bx-wrapper .bx-prev { background: rgba(0, 0, 0, 0) url("../img/arrow-left.svg") no-repeat; width: 15px; height: 15px; } .home .bx-wrapper .bx-prev { left: 5px; } .home .bx-wrapper .bx-next { background: rgba(0, 0, 0, 0) url("../img/arrow-right.svg") no-repeat; width: 15px; height: 15px; } .home .bx-wrapper .bx-next { right: 5px; } .home .bx-wrapper .bx-controls-direction a.disabled { display: block; } .home .bx-wrapper .bx-next:hover { background-position: 0 0 !important; } .home .bx-wrapper .block_13824172 div + div + div, .home .bx-wrapper .block_13917571 div + div + div { position: relative; top: -75px; } .home .bx-wrapper p { padding: 0.5rem; color: rgba(255, 255, 255, 1); background-color: rgba(0, 0, 0, 0.5); } .home .bx-wrapper img { display: inherit; height: 100%; left: 50%; margin: 0; position: absolute; top: 50%; transform: translate(-50%, -50%); width: auto; } */ .home .block_15872110 .boxChild {width: 95%; padding: 3%; min-height: 200px;} .home .block_15872110 .boxChild a { margin: 0; } /* NAVIGATOR ------------------------------------------------------------------------------------------ */ .navigator { /*float:right; width: 100px; height: 100px;*/ display: flex;} /*Style for the first level menu bar*/ .info-navigator{position: relative; display: none;} .navigator-menu{background: rgba(0, 37, 84, 1); margin-left: 0px; padding-left: 0px; display: block;} .navigator-menu .open-navigator button {background: transparent; border: none; box-shadow: none; width: 100%; height: 100%; cursor: pointer;} .navigator-menu label::before, .navigator-menu .open-navigator button i:before {content:"\f05a"; font-family: FontAwesome; font-size: 50px; color: #fff; font-style: normal;} .navigator-menu ul#menu, .navigator-menu .open-navigator{ width: 100px; height: 100px; margin:0; color: rgba(250, 225, 165, 1); } .navigator-menu ul#menu > li { float:left; list-style-type:none; position:relative; padding:0; margin:0; } .navigator-menu label{ color: transparent; position:relative; display:block; transition:background 0.3s; cursor:pointer; font-weight: 700; padding: 36px 0px 0px 25px; } /*.navigator-menu label:after{ content:""; position:absolute; display:block; /*top:50%; right:5px;*//* width:0; height:0; border-top: 4px solid rgba(255,255,255,.5); border-bottom: 0 solid rgba(255,255,255,.5); border-left:4px solid transparent; border-right:4px solid transparent; transition:border-bottom .1s, border-top .1s .1s; }*/ .navigator-menu label:hover, .navigator-menu input:checked ~ label{ } .navigator-menu input:checked ~ label:after{ border-top:0 solid rgba(255,255,255,.5); border-bottom:4px solid rgba(255,255,255,.5); transition:border-top .1s, border-bottom .1s .1s; } /*hide the inputs*/ .navigator-menu input{ display:none } /*show the second levele menu of the selected voice*/ .navigator-menu input:checked ~ ul.submenu, .navigator-menu ul.submenu.show{ max-height: 500px; transition:max-height 0.5s ease-in; visibility: visible;} /*style for the second level menu*/ /*.navigator-menu ul.submenu{ max-height:0; padding:0; overflow:hidden; list-style-type:none; background: rgba(240,210,130,.9); box-shadow:0 0 1px rgba(0,0,0,.3); transition:max-height 0.5s ease-out; position: absolute; min-width: 100%; margin-left: -158px; margin-top: 6px; padding: 0; z-index: 100; }*/ .navigator-menu ul.submenu{ display: flex; flex-wrap: wrap; justify-content: space-between; flex: 0 0 24%; align-items: start; max-height:0; padding:30px; margin-top: 2px; overflow:hidden; list-style-type:none; background: rgba(0, 37, 84, 1); /*box-shadow:0 0 1px rgba(0,0,0,.3);*/ transition:max-height 0.5s ease-out; position: absolute; min-width: 100%; width: 1200px; /*margin-right: -2px;*/ margin-left: -1100px; left: 0; z-index: 100; border-left: 4px solid #ffffff; border-right: 4px solid #ffffff; border-bottom: 4px solid #ffffff;} .info-navigator ul.submenu{margin-top: 0; visibility: hidden; transition: all 0.5s ease-in-out} .navigator-menu ul.submenu li { width: 25%; height: 25%; flex: 0 0 23%; margin: 1% 0; margin-left: 0 !important; list-style-type: none;} .navigator-menu ul.submenu li:last-child {margin-bottom: 3%;} .navigator-menu ul.submenu li a { min-height: 130px; display:block; text-align: center; font-size: 100%; padding: 10px; border: 1px solid rgba(255, 255, 255, 0.5); color: #fff; text-decoration:none; transition:background .3s; font-weight: normal; } .navigator-menu ul.submenu li a:hover, .navigator-menu ul.submenu li a:focus-visible { background: rgba(255,255,255,1); color: rgba(0, 37, 84, 1);} /* NAVIGATOR mit Icons im mm-menu ------------------------------------------------------------------------------------------ */ .mm-menu li#hg-titel:after {border-bottom: 0px; } .mm-menu li#hg-titel {border-top: 3px solid #ffffff;} .mm-menu #hg-titel span {font-weight: 600; font-size: 1em;} .mm-menu li#hg-titel {background: #336699;} .mm-menu li#hg-titel {-webkit-box-shadow: inset 0px 10px 10px 0px rgba(0,0,0,0.25); -moz-box-shadow: inset 0px 10px 10px 0px rgba(0,0,0,0.25); box-shadow: inset 0px 10px 10px 0px rgba(0,0,0,0.25);} .mm-menu ul#hg-list {border-bottom: 3px solid #ffffff;} .mm-menu ul#hg-list li{background: #336699; border-top: 1px solid #ffffff;} .mm-menu #hg-list li a {display: block; color: #ffffff; padding:10px 30px; display: flex;} .mm-menu #hg-list li a:hover {text-decoration: none; background: rgba(0, 37, 84, 1);} .mm-menu #hg-list li a:before {font-family: FontAwesome Light; font-size: 150%; margin-right: 0.5em;} /* NAVIGATOR mit Icons oben in Navi ------------------------------------------------------------------------------------------ */ /*.navigator-menu li a{font-size: 0.9em; background: rgba(0, 37, 84, 1); color: #ffffff; display: block; float: left; text-align: center; line-height: 1.2em; width: 130px; height: 130px; padding: 5px; border: 5px solid #ffffff; }*/ .navigator-menu li a:hover{text-decoration: none;background: #336699;} .navigator-menu li a:before {font-family: FontAwesome Light; font-size: 200%; padding: 15px 20px 20px 20px; /* display: block; text-align: center; padding: 40px 20px 10px 20px;*/ } /* NAVIGATOR mit Icons im Content ------------------------------------------------------------------------------------------ */ /*.navigator-menu-content p.gesucht {width: 100px; height: 100px; margin: 0; color: rgba(250, 225, 165, 1); background: rgba(0, 37, 84, 1) url(../img/navigator-bg.svg) no-repeat;}*/ .navigator-menu-content {float: left; padding-left: 60px; margin-top: 60px;} .navigator-menu-content .ym-g20 {width: 180px;} .navigator-menu-content p a{font-size: 0.9em; background: rgba(0, 37, 84, 1); color: #ffffff; display: block; float: left; text-align: center; line-height: 1.2em; min-width: 130px; height: 130px; padding: 5px; border: 5px solid #ffffff; transition: all 0.3 ease;} /*#node15969955 .navigator-menu-content p a {border: 5px solid #336699;}*/ .navigator-menu-content p a:hover{text-decoration: none;background: #336699;} .navigator-menu-content p a:before {font-family: FontAwesome Light; display: block; font-size: 350%; padding: 40px 0px 25px 0px;} /*Icon Zuweisung ------------------------------------------------------------------------------------------ */ .navigator-menu .submenu a[title*="Termin"]:before {content: "\f017"; font-family: "FontAwesome Light"; display: block;} .navigator-menu .submenu a[title*="Veranstaltung"]:before {content: "\f073"; font-family: "FontAwesome Light"; display: block;} .navigator-menu .submenu a[title*="Standort"]:before {content: "\f041"; font-family: "FontAwesome Light"; display: block;} .navigator-menu .submenu a[title*="KFZ"]:before {content: "\f1b9"; font-family: "FontAwesome Light"; display: block;} .navigator-menu .submenu a[title*="Führerschein"]:before {content: "\f2c2"; font-family: "FontAwesome Light"; display: block;} .navigator-menu .submenu a[title*="Abfall"]:before {content: "\f1f8"; font-family: "FontAwesome Light"; display: block;} .navigator-menu .submenu a[title*="Belehrung"]:before {content: "\f075"; font-family: "FontAwesome Light"; display: block;} .navigator-menu .submenu a[title*="recht"]:before {content: "\f1dd"; font-family: "FontAwesome Light"; display: block;} .navigator-menu .submenu a[title*="Recht"]:before {content: "\f1dd"; font-family: "FontAwesome Light"; display: block;} .navigator-menu .submenu a[title*="Karte"]:before {content: "\f279"; font-family: "FontAwesome Light"; display: block;} .mm-menu li a.abfall:before, .navigator-menu li a.abfall:before, .navigator-menu-content p.abfall a:before { content: "\f1f8";} .mm-menu li a.kfz:before, .navigator-menu-content p.kfz a:before { content: "\f1b9";} .mm-menu li a.formulare:before, .navigator-menu li a.formulare:before, .navigator-menu-content p.formulare a:before { content: "\f570";} .mm-menu li a.bekanntmachungen:before, .navigator-menu li a.bekanntmachungen:before, .navigator-menu-content p.bekanntmachungen a:before { content: "\f675";} .mm-menu li a.ausschreibungen:before, .navigator-menu li a.ausschreibungen:before, .navigator-menu-content p.ausschreibungen a:before { content: "\f573";} .mm-menu li a.standorte:before, .navigator-menu li a.standorte:before, .navigator-menu-content p.standorte a:before { content: "\f5a0";} .mm-menu li a.stellenangebote:before, .navigator-menu li a.stellenangebote:before, .navigator-menu-content p.stellenangebote a:before { content: "\f234";} .mm-menu li a.ausbildung:before, .navigator-menu li a.ausbildung:before, .navigator-menu-content p.ausbildung a:before { content: "\f2b5";} .mm-menu li a.veranstaltungen:before, .navigator-menu li a.veranstaltungen:before, .navigator-menu-content p.veranstaltungen a:before { content: "\f073";} .mm-menu li a.ausstellungen:before, .navigator-menu li a.ausstellungen:before, .navigator-menu-content p.ausstellungen a:before { content: "\f03e";} .mm-menu li a.organigramm:before, .navigator-menu li a.organigramm:before, .navigator-menu-content p.organigramm a:before { content: "\f66f";} .mm-menu li a.infoportal:before, .navigator-menu li a.infoportal:before, .navigator-menu-content p.infoportal a:before { content: "\f0c0";} /* MM-Menu */ .mm-menu .mm-panel a:focus-visible{ outline: 2px solid white; } /* NAVIGATION ------------------------------------------------------------------------------------------ */ #nav { max-width: 995px !important; width: 100%; float:left; } /*** -------- Hilfsnavigation ---------- ***/ .hilfsnavi { position: relative; width: 200px; left: 995px; z-index: 9; } .hilfsnavi ul { margin: 0; padding: 0.5rem 0 0 0; } .hilfsnavi li { list-style: none; line-height: 100%; } .hilfsnavi a { font-weight: 700; text-transform: uppercase; font-size: 80%;} /*.hilfsnavi .language a:first-child::after { content: " / "; }*/ .hilfsnavi .language a.current { color: #092555; } .language {display: none;} /*** -------- Subnavigation ---------- ***/ .ym-col1 .vlist { margin-bottom: 2rem; } .ym-col1 .vlist ul { margin: 0; padding: 0; } .ym-col1 .vlist li:first-child { border-top: 1px dashed rgba(0, 37, 84, 1);} .ym-col1 .vlist li { list-style: none; border-bottom: 1px dashed rgba(0, 37, 84, 1); padding: 0.5rem 0; margin-right: 1rem; margin-left: 0;} .ym-col1 .vlist li:first-child { border-top: 1px dashed rgba(0, 37, 84, 1);} .ym-col1 .vlist li a { color: rgba(0, 37, 84, 1); } .ym-col1 .vlist li.current a { font-weight: 700; } .ym-col1 .vlist li a:hover { text-decoration: none; font-weight: 700; } .ym-col1 .vlist li ul li { display: none; } /*** Externe Seiten bekommen eine Kennzeichnung - Navi recht***/ .ym-col1 .vlist li.nav_2920644 a, .ym-col1 .vlist li.nav_13951936 a, .ym-col1 .vlist li.nav_13951981 a, .ym-col1 .vlist li.nav_13951954 a, .ym-col1 .vlist li.nav_13951963 a, .ym-col1 .vlist li.nav_13951972 a, .ym-col1 .vlist li.nav_13951927 a, .ym-col1 .vlist li.nav_13952848 a {display: flex; justify-content: space-between;} .ym-col1 .vlist li.nav_2920644 a:after, .ym-col1 .vlist li.nav_13951936 a:after, .ym-col1 .vlist li.nav_13951981 a:after, .ym-col1 .vlist li.nav_13951954 a:after, .ym-col1 .vlist li.nav_13951963 a:after, .ym-col1 .vlist li.nav_13951972 a:after, .ym-col1 .vlist li.nav_13951927 a:after, .ym-col1 .vlist li.nav_13952848 a:after {font-family: FontAwesome Light; font-size: 100%; content: "\f08b"; padding-left: 1em;} .ym-col1 .vlist li.nav_13951963 a:after {padding-left: 1.5em;} /*** Externe Seiten bekommen eine Kennzeichnung - Navi oben***/ li.nav_2920644 a, li.nav_13951936 a, li.nav_13951981 a, li.nav_13951954 a, li.nav_13951963 a, li.nav_13951972 a, li.nav_13951927 a, li.nav_13952848 a {display: flex !important; justify-content: space-between;} li.nav_2920644 a:after, li.nav_13951936 a:after, li.nav_13951981 a:after, li.nav_13951954 a:after, li.nav_13951963 a:after, li.nav_13951972 a:after, li.nav_13951927 a:after, /*li.nav_13952848 a:after {font-family: FontAwesome Light; font-size: 100%; content: "\f08b"; padding-left: 1em;}*/ li.nav_13952848 a:not(.mm-next):after {font-family: FontAwesome Light; font-size: 100%; content: "\f08b"; padding-left: 1em;} li.nav_13951963 a:after {padding-left: 1.5em;} /* Allgemeine Fomatierungen ------------------------------------------------------------------------------------------ */ .float-right {margin-left: 1em;} .float-left {margin-right: 1em;} /*** -------- Links ---------- ***/ a, #lpSeite a { color: #336699; text-decoration: none; } a:hover, #lpSeite a:hover { text-decoration: underline; } a:focus, #lpSeite a:focus { outline: 2px solid #000; border: 1px solid #fff; } a.invers, a.invers:visited, a.invers:active { color: rgba(35,85,120,1); } .ym-col2 a:hover { text-decoration: underline; } a.neuFensterLink, a.dateiLink { text-decoration: none; background: none; padding: 0; } .ym-col2 li { line-height: 1.8rem; margin-bottom: 10px; } .ym-col2 .basecontent-list h5 { font-size: 100%; color: rgba(0, 37, 84, 1); } article a { } article .basecontent-line-break-text a:before { } article .basecontent-line-break-text a.mailLink:before { /*font-family: FontAwesome; color: #235578 !important; content: "\f0e0\A";*/ } p { font-size: 1rem; line-height: 1.8rem; margin-bottom: 1rem;} li { list-style-type: square; } ol li { list-style-type: decimal; } /*** -------- Headlines ---------- ***/ h1,h2,h3,h4,h5,h6 { font-family: 'Open Sans', sans-serif ; font-weight: 400; font-style: normal; color: inherit; /*text-rendering: optimizeLegibility;*/ margin-top: 0; margin-bottom: 0.5rem; line-height: 1.4; } h1 { font-size: 1.8rem; font-weight: 700; color: rgba(0, 37, 84, 1); margin-bottom: 1.4rem; } h2 { font-size: 1.4rem; /*padding: 20px 0 10px;*/ width: auto; color: rgba(0, 37, 84, 1); font-weight: 600; /*margin-bottom: 0 !important;*/ } #lpSeite h2{padding: 20px 0 10px;} h3 { font-size: 1.2rem; font-weight:600;} h4 { font-size: 1.0rem; } h5 { font-size: 1.0rem; } h6 { font-size: 1.0rem; } /*Bilder ausrichten --------------------- */ .float_left { display: inline; float: left; margin-bottom: 0.15rem; margin-right: 2rem; } .float_right { display: inline; float: right; margin: 0rem 0rem 1rem 1.5rem; } .center { margin-left: auto; margin-right: auto; display: block; } iframe { border: none; } #jquery-lightbox { z-index: 100001 !important; } #jquery-overlay{ z-index: 100000 !important; } /*damit die Bilder nicht über den Inhalt raus laufen */ .basecontent-image {max-width: 100%;} .basecontent-image img {max-width: 100%;} .basecontent-image a, .logo a {display: inline-block;} .simu img {width: 80%;} /* Bildergalerie ausrichten --------------------- */ .imageGallery .composedcontent-image-gallery__images { display: flex; flex-wrap: wrap; gap: 0.5rem; } /*.galleryImage {margin: 0 1em 1em 0;}*/ /* Video Player Eingebunden über iframe --------------------- */ iframe {max-width: 100%;} /*** -------- Trenner ---------- ***/ .basecontent-dvv-trenner .sep{ color:transparent; border: 0; border-bottom:1px transparent solid; background:transparent; padding:10px 0; margin: 0px auto; } .composedcontent-preset_trennlinie .basecontent-dvv-trenner .sep{ color:transparent; border: 0; border-bottom:1px rgba(153, 153, 153, 0.8) solid; background:transparent; padding:0px; margin: 40px auto; } /*** -------- ToTop ---------- ***/ a.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; } /*** -------- Ausblenden ---------- ***/ .subscriptionDivBox { display: none; } .boxborder { border: 0px solid rgba(0, 37, 84, 0) !important; } a.mailLink { background: none; text-decoration: none; } span.tel { background: none; } .zoomIcon { display: none; } #pirobaseButton { display: none; } /*** -------- Wayhome ---------- ***/ .wayhome .nav_2864959 a:before {font-family: FontAwesome; content: "\f015\A"; font-size: 120%;} .wayhome { font-size: 95%; margin-bottom: 0.5rem; background-color: rgba(255, 255, 255, 1); padding: 0.3rem 1rem 0.3rem 5%; } .wayhome + #main + .wayhome { clear: both; margin-bottom: 5rem; } .wayhome span { padding: 0; } .wayhome a { color: rgba(0, 37, 84, 1); font-weight: 400; } .wayhome .current a { font-weight: 700; } /*** -------- Funktions ---------- ***/ span.wayhome + .functions {display: none;} /* functions oben weg */ .functions { float: right; text-align: right; background: #fff; height: 30px; width: 100%; /* padding: 4px; */ display: flex; align-items: center; flex-direction: row-reverse; } .functions span { margin-left: 0.5rem; } .functions a:hover { text-decoration: none !important; } .printpage > a::before { color: rgba(35, 85, 120, 1); content: "\f02f"; font-family: FontAwesome; margin-right: 5px; } .printpdf > a::before { color: rgba(35, 85, 120, 1); content: "\f1c1"; font-family: FontAwesome; margin-right: 5px; } .recommend > a::before { color: rgba(35, 85, 120, 1); content: "\f1e0"; font-family: FontAwesome; margin-right: 5px; } /* functions obern über Navi*/ .nav-outer .functions {margin-right: 1rem; float: none; width: auto;} /* INFOSLOT ------------------------------------------------------------------------------------------ */ #service { background-color: rgba(255,255,255,1); } #service a:hover { text-decoration: underline; } #service h2 { font-size: 100%; font-weight: 700; color: rgba(255, 255, 255, 1); text-transform: uppercase; background-color: rgba(0, 37, 84, 1); padding: 0.5rem; margin-bottom: 15px; } #service h5 { font-size: 100%; font-weight: 700; color: rgba(0, 37, 84, 1); } #service p { padding: 0rem 0.5rem 0.5rem 0rem !important; line-height:160%; font-size: 100%; } #service li { margin-bottom: 10px; } /*---- vCard Infoslot --- */ #service .basecontent-dvv-zm-ez-person { background-color: rgba(250, 225, 165, 0.5); padding: 1rem; margin: 1rem 0px 1rem 0px; line-height:140%; } #service .basecontent-dvv-zm-ez-person .mail span.bez { display:none; } #service .basecontent-dvv-zm-ez-person .titles { color: rgba(0, 37, 84, 1); font-weight: 700; margin-bottom:0.5rem; } #service .basecontent-dvv-zm-ez-person .vCardLink { float:right; width: auto; } #service .basecontent-dvv-zm-ez-person .vCard .mail { margin-top:0.5rem;} #service .basecontent-dvv-zm-ez-person .vCard .mail a { font-weight: 400; } #service .basecontent-dvv-zm-ez-person .vCard .fn { font-weight: 400; } #service .basecontent-dvv-zm-ez-person .bez { font-weight: 400; width: auto; } /* RUBRIKSEITEN (Menü 1 & 5) ------------------------------------------------------------------------------------------ */ #node4427134 .ym-col1, #node13824355 .ym-col1 { display: none; } #node4427134 .ym-col2, #node13824355 .ym-col2 { width: 90%; padding: 5% 5% 0; } #node4427134 .ym-col2 .basecontent-list ul, #node13824355 .ym-col2 .basecontent-list ul { margin: 0; } #node4427134 .ym-col2 .basecontent-list ul li, #node13824355 .ym-col2 .basecontent-list ul li { list-style: none; border: none; margin: 0 10px 10px 0; float: left; width: calc(50% - 5px); } #node4427134 .ym-col2 .basecontent-list ul li:nth-child(2n+0), #node13824355 .ym-col2 .basecontent-list ul li:nth-child(2n+0) { margin: 0 0 10px 0; } #node4427134 .ym-col2 .basecontent-list ul li a, #node13824355 .ym-col2 .basecontent-list ul li a { color: rgb(255,255,255); font-size: 1.5rem; background-color: rgb(0, 37, 84); padding: 15px; width: calc(100% - 100px); display: block; border-width: 5px; border-style: solid; border-top-color: rgb(240,210,130); border-left-color: rgb(240,210,130); border-right-color: rgb(68,131,185); border-bottom-color: rgb(68,131,185); border-radius: 15px; margin: 20px; min-height: 60px; line-height: 2.25rem; transition: color 1s ease-in-out 0s, background-color 1s ease-in-out 0s; hyphens: auto; hyphenate-limit-chars: 5; } #node4427134 .ym-col2 .basecontent-list ul li a:hover, #node13824355 .ym-col2 .basecontent-list ul li a:hover { color: rgb(0,37,84); background-color: rgb(225, 235, 255); } /* Datei-Icons ------------------------------------------------------------------------------------------ */ a.internerLink, a.externerLink { background: rgba(0, 0, 0, 0) none no-repeat scroll right center; padding: 0; text-decoration: none; } a.externerLink:before { /*content: "\f08b"; font-family: 'FontAwesome'; padding-right:0.3rem; color:#336699; font-size:110%; text-decoration:none;*/ } a.httpLink:before { content: "\f08b"; font-family: 'FontAwesome'; padding-right:0.3rem; color: #336699; font-size:110%; text-decoration:none; } /*a.remail:before, a.mailLink:before { content: "\f003"; font-family: 'FontAwesome'; padding-right:0.3rem; color:#336699; font-size:100%; text-decoration:none; }*/ a.pdfLink:before { content: "\f1c1"; font-family: 'FontAwesome'; padding-right:0.3rem; color:#336699; font-size:100%; text-decoration:none; } a.linkTyp_xls:before, a.linkTyp_xlsx:before { content: "\f1c3"; font-family: 'FontAwesome'; padding-right:0.3rem; color:#336699; font-size:100%; text-decoration:none; } a.linkTyp_doc:before, a.linkTyp_docx:before { content: "\f1c2"; font-family: 'FontAwesome'; padding-right:0.3rem; color:#336699; font-size:100%; text-decoration:none; } a.linkTyp_ppt:before, a.linkTyp_pptx:before { content: "\f1c4"; font-family: 'FontAwesome'; padding-right:0.3rem; color:#336699; font-size:100%; text-decoration:none; } a.linkTyp_jpg:before, a.linkTyp_gif:before { content: "\f1c5"; font-family: 'FontAwesome'; padding-right:0.3rem; color:#336699; 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; } .image-inner a:before { content: ""; } /* Tabellen --------------------------------------------- */ .basecontent-table table{ width:100%; max-width: 100%;} .basecontent-table table { border-collapse: collapse; margin: 1rem 0 2rem 0; border:none !important; } .basecontent-table th { border-bottom: 2px solid #336699; padding: 0.25rem 0.5rem; vertical-align: top; } .basecontent-table table p { margin: 0 0 10px; } .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: #336699 !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: #336699 !important; } .basecontent-table table tr.even { background-color: rgba(250, 225, 165, 0.2); } .basecontent-table table th { vertical-align: top; } .odd { background-color:transparent !important; } /*** ---------- Dateiliste ----------- ***/ .border0 { border: 0; } table.downloadlist { border: none; } .downloadlist { margin: 10px 0 30px; width: 100%; } .downloadlist.noDate .dlDate { display: none; } .downloadlist.noDate .dlSize { min-width: 60px; } .downloadlist th { border: medium none; padding: 7px 10px; } .downloadlist th a { color: #336699 !important; font-weight: 700; } .downloadlist td { padding: 0.5rem 1rem; } .downloadlist td, .downloadlist th { border: none; } .downloadlist td a:hover { } .downloadlist td.dlDate, .downloadlist td.dlSize { font-size: 75%; } .downloadlist .dlName .description { font-size: 90%; padding-top: 3px; } .downloadlist tr:first-child { background-color: rgba(255,255,255,1); border-bottom: 1px solid rgba(0, 37, 84, 0.5); } .downloadlist tr.even { background-color: rgba(250, 225, 165, 0); } .downloadlist .even td { background-color: rgba(250, 225, 165, 0.2); } .downloadlist .dlType { text-align: left; width: 10%; } .downloadlist td.dlType img { padding: 0.25rem; float:left; } .downloadlist .dlName { font-weight: 400; padding-left: 0; width: 60%; } .downloadlist .dlSize, .downloadlist .dlDate { width: 15%; } .downloadlist .ui-state-default, .ui-widget-content .ui-state-default, .downloadlist .ui-widget-header .ui-state-default { background: rgba(255, 255, 255, 1) none repeat scroll 0 0; } /*** ---------- Dynamic Content ----------- ***/ .basecontent-dynamic-content .date, .basecontent-dynamic-content .element { display: none;} .basecontent-dynamic-content h2 { display: none; } .basecontent-dynamic-content .title { margin-bottom: 0.5rem; } .basecontent-dynamic-content .title a { background-color: #fff; border: 1px solid rgba(0, 37, 84, 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); } .basecontent-dynamic-content .title a:after { float: right; content: "\f0da"; font-family: 'FontAwesome'; font-style: normal; text-decoration:none; color: rgba(0, 37, 84, 0.25); line-height: 140%; } .basecontent-dynamic-content .title a.externerLink:after { float: right; content: "\f08b"; font-family: 'FontAwesome'; font-style: normal; text-decoration:none; color: rgba(0, 37, 84, 0.25); line-height: 140%; } .basecontent-dynamic-content .title a:hover:after { color: rgba(0, 37, 84, 1); font-weight: 400; } .basecontent-dynamic-content .title a:hover { border: 1px solid rgba(0, 37, 84, 1); color: rgba(0, 37, 84, 1); font-weight: 700; } /* EFFEKTE ALLGEMEIN ------------------------------------------------------------------------------------------ */ .ui-widget { font-family: 'Open Sans', sans-serif !important; background-color: rgba(255,255,255,0); border: none !important; } .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { border-top-left-radius: 0 !important; } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-top-right-radius: 0 !important; } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { border-bottom-left-radius: 0 !important; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-bottom-right-radius: 0 !important; } .home .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { background: none rgba(0, 37, 84, 1); border: none !important; color: rgba(255, 255, 255, 1); margin-bottom: 1px; padding: 0.755rem 0.857rem !important; } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { background: none rgba(0, 37, 84, 1); border: none !important; color: rgba(255, 255, 255, 1); margin-bottom: 1px; padding: 0.25rem 0.75rem !important; } .toggle_container { padding: 1rem 0rem 0rem 0rem; background-color: rgba(255, 255, 255, 1); } .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: "\f078"; font-family: 'FontAwesome'; padding-right:0.3rem; color:rgba(255, 255, 255, 1); font-size:100%; text-decoration:none; } .toggle_title.ui-state-default.ui-corner-all.active:after { float:right; content: "\f077"; font-family: 'FontAwesome'; padding-right:0.3rem; color:rgba(255, 255, 255, 1); font-size:100%; text-decoration:none; } .toggle_title .ui-icon { background-image: none; } h3.toggle_title { font-size: 1.0rem; } h3.toggle_title:hover, h3.ui-accordion-header:hover { background-color: #336699; color: rgba(255,255,255,1) !important; transition: all 0.5s ease 0s; cursor: pointer; } .toggle-icon { right: 0.5rem; margin-top: -8px; position: absolute; top: 50%; } .ui-accordion { margin-bottom: 2rem; } .ui-accordion .ui-accordion-header { padding: 0.6em 0.5em 0.6em 0.7em !important; margin-top: 1px !important; display: block;} .ui-accordion .ui-accordion-content { padding: 1rem 0rem 0rem 0rem; border: none; overflow: hidden; } .ui-accordion .ui-accordion-icons { padding-left: 0.75rem;} h3.ui-accordion-header a { color: rgba(255,255,255,1) !important; font-size: 1rem; } h3.ui-accordion-header a:hover { text-decoration: none; } .ui-accordion-header.ui-state-default:after, .ui-accordion-header.ui-widget-content .ui-state-default:after, .ui-accordion-header.ui-widget-header .ui-state-default:after { float:right; content: "\f078"; font-family: 'FontAwesome'; padding-right:0.3rem; color:rgba(255, 255, 255, 1); font-size:100%; text-decoration:none; } .ui-accordion .ui-icon, .ui-accordion .ui-widget-content .ui-icon { background-image: none !important; display: none;} /* EFFEKT Tabs - Startseite ------------------------------------------------------------------------------------------ */ .home-tabs .ui-widget-header { border: medium none !important; font-weight: bold; background: none !important; } .home-tabs.ui-tabs .ui-state-default { border: 0px solid #cccccc !important;} .home-tabs.ui-tabs { margin: 0 !important; padding: 0 !important; position: relative; } .home-tabs.ui-tabs .clearDvv {display: none;} .home-tabs.ui-tabs .ui-tabs-panel { border-width: 0; padding: 0; float: left; clear: both; width: 100%; background-color: rgba(255,255,255,1); /*max-height: 304px !important;*/ height: 100%; } /* Tab Ausschreibungen + Amtl. Bekanntmachungen */ #id13824169.ym-g100.ui-tabs-panel.ui-widget-content.ui-corner-bottom, #id13824166.ym-g100.ui-tabs-panel.ui-widget-content.ui-corner-bottom { border-width: 0; padding: 20px 5% !important; float: left; clear: both; width: 90%; background-color: rgba(255,255,255,1); height: 263px; } .home-tabs.ui-tabs .ui-tabs-nav { padding: 0;} .home-tabs.ui-tabs ul { width: 100%; float: left; } .home-tabs.ui-tabs .ui-tabs-nav li { width: 25%; list-style: none outside none; margin: 0 !important; padding: 0 !important; white-space: nowrap; } .home-tabs.ui-tabs .ui-tabs-nav li + li { width: 45%; } .home-tabs.ui-tabs .ui-tabs-nav li + li +li { width: 30%; } .home-tabs.ui-tabs .ui-tabs-nav li a { width: 100%; border-bottom: 4px solid rgba(255, 255, 255, 1) !important; background-color: rgba(0, 37, 84, 1); text-align: center !important; font-weight: 700; font-size: 90%; color: rgba(255, 255, 255, 1); text-transform: uppercase; padding: 0.5rem 0; } .home-tabs.ui-tabs .ui-tabs-nav li a:hover { color: rgba(0, 37, 84, 1); background-color: rgba(255,255,255,1); border-bottom: 4px solid rgba(0, 37, 84, 1) !important; transition: all 0.5s ease 0s; } .home-tabs.ui-tabs .ui-tabs-nav li.ui-tabs-active.ui-state-hover a, .home-tabs.ui-tabs .ui-tabs-nav li.ui-state-hover, .home-tabs.ui-tabs .ui-tabs-nav li.ui-tabs-active { color: rgba(0, 37, 84, 1); background-color: rgba(255,255,255,1); float: left; list-style: none outside none; position: relative; top: 0; white-space: nowrap; } .home-tabs.ui-tabs .ui-tabs-nav li.ui-tabs-active a { color: rgba(0, 37, 84, 1); background-color: rgba(255, 255, 255, 1); border-bottom: 4px solid rgba(0, 37, 84, 1) !important; } /*.home-tabs .boxborder { background-color: rgba(255,255,255,1); }*/ .home-tabs .ui-state-default:after, .home-tabs .ui-widget-content .ui-state-default:after, .home-tabs .ui-widget-header .ui-state-default:after { float:right; content: ""; font-family: 'FontAwesome'; padding-right:0.3rem; color:rgba(255, 255, 255, 1); font-size:100%; text-decoration:none; } /*#col_15872113{max-width:900px;}*/ .box-startseite { background: #fff; height: 100%; } .box-startseite h2 { color: rgba(0, 37, 84, 1); /*background-color: rgba(255, 255, 255, 1); border-bottom: 4px solid rgba(0, 37, 84, 1) !important;*/ background-color: rgba(0, 37, 84, 1); text-align: center !important; font-weight: 700; font-size: 100%; padding: 0.5rem 0; /*color: rgba(0, 37, 84, 1);*/ color: #ffffff; text-transform: uppercase; } .box-startseite .composedcontent-preset_box { padding: 1% 3% 3% 3%; display: inline-block; } .box-startseite .composedcontent-preset_box h2 { font-size: 1.8rem; font-weight: 700; color: rgba(0, 37, 84, 1) !important; margin-bottom: 1.4rem; text-transform: none; background: none !important; border-bottom: 0px solid #000 !important; text-align: left !important; } .box-startseite .composedcontent-preset_box a.internerLink, .box-startseite .composedcontent-preset_box a.externerLink { background: rgba(0, 37, 84, 1); color: #ffffff; padding: 5px; } .box-startseite li {margin-bottom: 7px;} /* SERVICE-BW ------------------------------------------------------------------------------------------ */ #lpSeite a.showmemore { margin-bottom: 2rem; display: block; } #lpSeite .lpLLBaum ul::after { clear: both; content: "."; display: block; float: none; font-size: 0; height: 0; line-height: 0; } #lpSeite .lpLLZumBaum { margin-bottom: 1rem; float: left; } #lpSeite .lpLLZumBaum span.lpLLWayhTrenner { display: none; } #lpSeite .lpLLZumBaum span.lpLLWayh.root a:before { color: rgba(0, 37, 84, 1); content: "\f0ca"; font-family: FontAwesome; margin-right: 5px; } #lpSeite .lpLLZumBaum span.lpLLWayh a { float: left; background-color: rgba(250, 225, 165, 0.65); color: rgba(0, 37, 84, 1); font-weight: 400; padding: 0.3rem 1rem; margin: 0 10px 10px 0; text-decoration: none; } #lpSeite .lpLLZumBaum span.lpLLWayh a:hover { background-color: rgba(250, 225, 165, 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 */ } #lpSeite .lpLLKinder { margin-bottom: 1rem; clear: both; } #lpSeite .lpLLKinder ul { margin: 0 !important; padding: 0 !important; } #lpSeite .lpLLKinder li { list-style-type: none; margin: 0; } #lpSeite .lpLLKinder a:before { color: rgba(0, 37, 84, 1); content: "\f0da"; font-family: FontAwesome; margin-right: 5px; } #lpSeite .lpLLKinder a { float: left; background-color: rgba(250, 225, 165, 0.2); color: rgba(0, 37, 84, 1); font-weight: 400; padding: 0.3rem 1rem; margin: 0 10px 10px 0; text-decoration: none; } #lpSeite .lpLLKinder a:hover { background-color: rgba(250, 225, 165, 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 */ } #lpSeite #lpLLBeTitel > h2 { clear: both; margin-bottom: 15px; } #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 { display: inline-block; text-align: center; width: 3%; background-color: rgba(0, 37, 84, 0.4); color: rgba(255, 255, 255, 1); padding: 0rem 0.4rem; margin-bottom: 0.5rem; } #lpSeite #anfangsbuchstaben a:hover { background-color: rgba(0, 37, 84, 1); transition: all 0.5s ease 0s; text-decoration: none; } #lpSeite #anfangsbuchstaben .inaktiv { display: none; } #lpSeite #anfangsbuchstaben a.aktivAktuelleAuswahl { background-color: rgba(0, 37, 84, 1); } .bwKontakt { background-color: rgba(250, 225, 165, 0.5); line-height: 140%; margin: 1rem 0; padding: 1rem; } .bwKontakt .vCard .mail span.bez { display: none; } .bwKontakt .vCard .kopf .fn { color: rgba(0, 37, 84, 1); font-weight: 700; margin-bottom: 0.5rem; } .bwKontakt .vCard .vCardLink { float: right; width: auto; } .bwKontakt .vCard .mail { margin-top: 0.5rem; } .bwKontakt .vCard .mail a { font-weight: 400; } /* Wegweiser*/ #bwDienstleistungen select { width: 60%; border: 1px solid #a0a0a0 !important; box-sizing: content-box; display: inline-block; font-family: "Open Sans",sans-serif; font-size: 100%; margin-bottom: 0.5rem; padding: 0.5rem 0.25rem; } #bwDienstleistungen input { background-color: rgba(0, 37, 84, 1); border: 0 none; color: rgba(255, 255, 255, 1); cursor: pointer; display: inline-block; font-family: "Open Sans",sans-serif; font-size: 100%; height: 40px; line-height: 100%; margin-bottom: 1rem; padding: 0 0.5rem; text-decoration: none; white-space: nowrap; } #bwDienstleistungen input:hover { background-color: #336699; -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 */ } /*#node11413031 h3 { margin-top: 2rem; }*/ #landeszusatz { border: 1px dashed rgba(68, 131, 185, 0.75); padding: 1rem; color: #336699; margin-top: 2rem; } .behoerde .ui-state-default a, .behoerde .ui-state-default a:link {color: #ffffff !important;} .behoerde .ui-widget-header {background: none; border: none;} .behoerde .ui-tabs .ui-tabs-nav li.ui-tabs-active{margin-bottom: 0px; background: #336699;} .behoerde .ui-tabs .ui-tabs-nav .ui-tabs-anchor {padding: 0.5em;} .behoerde .ui-state-default, .behoerde .ui-widget-content .ui-state-default, .behoerde .ui-widget-header .ui-state-default {padding: 0px !important;} /* Verfahren*/ .verfahren .ui-state-default {display: inline-block; margin-bottom: 10px;} .verfahren .ui-state-default a{color: #ffffff;} .verfahren .search {margin: 2em 0;} .verfahren #leistungSearch{line-height: 2em;} /*Ergänzungen SSL 20.07.2023*/ .service-bw-Verfahren h2, .service-bw-Verfahren h3 {margin-top: 2rem;} .service-bw-Verfahren ul.prozesse {margin: 0;padding: 0;} .service-bw-Verfahren ul.prozesse li {list-style: none;margin: 0;} .service-bw-Verfahren .prozesse a { background: rgba(0, 37, 84, 1); color: #ffffff; padding: 5px 20px; display: inline-block; } .service-bw-Verfahren .section-zustaendigkeit .stelle a { background: rgba(0, 37, 84, 1); color: #ffffff; padding: 10px 20px; display: inline-block; } .service-bw-Verfahren .folderRegister { margin-bottom: 2rem; } .verfahren .modul {display: none;} /* PRESSEMELDUNGEN ------------------------------------------------------------------------------------------ */ .presse-uebersicht .pm-datefilter button, .presse-uebersicht .pm-search input.submit { cursor: pointer; border: none; font-family: "Open Sans", sans-serif !important; background-color: rgba(0, 37, 84, 1); color: rgba(255, 255, 255, 1); font-weight: 700; padding: 0.3rem 1rem; text-decoration: none; } .presse-uebersicht .pm-datefilter button:hover, .presse-uebersicht .pm-search input.submit:hover { background-color: #336699; color: rgba(255,255,255,1) !important; transition: all 0.5s ease 0s; } .presse-uebersicht .pm-datefilter select, .presse-uebersicht .pm-search input#pm-suchfeld { border: 1px solid #ccc; padding: 0.3rem 1rem; } .presse-uebersicht .pm-rss { float: right; } .presse-uebersicht .pm-suche { float: left; width: 100%; margin-bottom: 3rem; } .presse-uebersicht .pm-datefilter { float: left;} .presse-uebersicht .pm-search { float: right; } .presse-uebersicht .pm-neue-seite, .presse-uebersicht .pm-options { border: 1px dashed rgba(68, 131, 185, 0.75) !important; padding: 1rem !important; color: #336699 !important; margin-top: 1rem !important; margin-bottom: 1rem; } .presse-uebersicht .pm-detaillink, .presse-uebersicht .pm-detaillink:link { text-decoration: none !important; } .presse-uebersicht .pm-meldung { margin-bottom: 3rem; float: left; width: 100%;} .presse-uebersicht .pm-bild { float: right; margin: 0.5rem 0 0.5rem 1rem; } .presse-uebersicht .pm-head h3 { color: #336699; font-size: 140%; border: 1px solid rgba(68, 131, 185, 0.5); padding: 0.5rem; background-color: #fafafa; margin-bottom: 1rem; } .presse-uebersicht .pm-from { font-weight: 400; font-size: 65%; display: block; } .presse-uebersicht .pm-from:before, .pm-detail .pm-from:before { content: "\f073"; font-family: 'FontAwesome'; padding-right:0.3rem; color:#336699; font-size:100%; } .pm-detail .pm-from { color: #336699; margin-top: 3rem; float: left; width: 100%;} .pm-detail .pm-parentRubrik {float: left;} .pm-detail .pm-parentRubrik:before { content: "\f0ca"; font-family: 'FontAwesome'; padding-right:0.3rem; color:#336699; font-size:100%; } .composedcontent-preset_aktuelles .basecontent-image { float: right; margin: 0.5rem 0 0.5rem 1rem; } .basecontent-image .caption { color: #336699; font-style: italic; } .composedcontent-preset_aktuelles .composedcontent-kiru-pm-einleitung p { color: rgba(0, 37, 84, 1); font-weight: 700; } .presse-uebersicht .pm-meldung .pm-bild {display: none;} /*.pm-meldung .pm-bild { background: rgba(0, 0, 0, 0) url("http://cms7.alb-donau-kreis.de/site/LRA-ADK-Internet/get/documents/lra-adk/LRA_ADK_Internet_Datenquellen/Beispieldateien/news_default.jpg") no-repeat scroll 0 0 / 250px auto; }*/ /* ZUSATZMODULE staedteverzeichnis 3135340 veranstaltungskalender 15886667 ------------------------------------------------------------------------------------------ */ #zmEListe #zmvs, #zmEListe #kategorieid, #zmEListe #zeitid {padding-top: 1em;} #zmEListe #zmvs input {width: 60%;} #zmEListe #zmf input, #zmEListe #zmf select {padding: 0.2em;} #zmEListe .von.ym-fbox-text {float: left; margin-right: 1em;} #zmEListe #zmf {margin-bottom: 2em;} #zmEListe #zmf fieldset {padding: 0.5em;} #zmEListe #zmf .zmVolltextSuche label{display: none;} #zmEListe .zmSuchButton {float: right;} /*.Termine_und_Veranstaltungen #zmEListe #zmf {display:none;}*/ .Termine_und_Veranstaltungen #zmEListe #zmf {margin-bottom: 0;} #zmEListe #zmf .zmsuchbutton{background: rgba(35, 85, 120, 1); border: 1px solid #2c343b; color: #fff; padding: 0.5em; cursor: pointer;} #zmEListe #zmf .zmsuchbutton:hover {background: #2c343b} #zmEListe .zmnavnext{margin-top: 2em;} #zmEListe .zmRegister {margin-top: 2em;} .veranstaltungskalender #zmEListe div.zmRegister:before { content:"Monatsauswahl"; display: block;} .zmsuchecontent { width: 100%; } .zmsuchecontent .zmVolltextSuche { width: 50%; float:left; } .zmsuchecontent .zmVolltextSuche label { display: none; } .zmsuchecontent .zmSuchButton { width: 50%; float:right; } .zmsuchecontent fieldset { border: none; } .zmsuchecontent legend { display: none; } .zmsuchecontent .feld input { border: 1px solid #a0a0a0; box-sizing: content-box; display: inline-block; font-family: "Open Sans",sans-serif; font-size: 100%; margin-bottom: 0.5rem; padding: 0.5rem 0.25rem; width: 100%; } .zmsuchecontent .zmSuchButton input { background-color: rgba(0, 37, 84, 1); border: 0 none; color: rgba(255, 255, 255, 1); cursor: pointer; display: inline-block; font-family: "Open Sans",sans-serif; font-size: 100%; height: 40px; line-height: 100%; margin-bottom: 1rem; margin-left: 1rem; padding: 0 0.5rem; text-decoration: none; white-space: nowrap; } .zmsuchecontent .zmSuchButton input:hover { background-color: #336699; transition: all 0.5s ease 0s; } #zmEListe .zmhitsfound { margin-bottom: 1rem; } #zmEListe .vCalendarLink {float: right;} #zmEListe .zmanschrift h4.label, #zmDetail .mail .bez { display: none; } #zmEListe .zmanschrift, #zmEListe .zmOrt, #zmEListe .zmVeranstalter, #zmEListe .zmkurzbeschreibung, #zmEListe .zmbeschreibung { display: none; } #zmEListe .zmItem h4, #zmEListe .zmItem br { display: none; } #zmEListe .zmItem h3 {font-weight: 100;} #zmEListe .zmItem h3 a{ font-weight: 400; float: left; margin-right: 2rem; width: 8rem; } .veranstaltungskalender #zmEListe .zmItem .summary a {font-weight: 600; float: none; width: auto; display: block;} #zmEListe .zmnavnext a { display: inline-block; background-color: rgba(0, 37, 84, 1); border: 0 none; color: rgba(255, 255, 255, 1); cursor: pointer; font-family: "Open Sans",sans-serif; font-size: 100%; margin-bottom: 1rem; padding: 0.5rem; text-decoration: none; white-space: nowrap; } #zmEListe .zmnavnext a:hover { background-color: #336699; -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 */ } #zmEListe .zmNAV { clear: both; float:left; margin-top: 2rem; } #zmEListe .zmNavigClassItem a, #zmEListe .zmNavigClassForward a , #zmEListe .zmNavigClassBack a { margin-right: 0.5rem; display: inline-block; background-color: rgba(0, 37, 84, 1); border: 0 none; color: rgba(255, 255, 255, 1); cursor: pointer; font-family: "Open Sans",sans-serif; font-size: 100%; margin-bottom: 1rem; padding: 0.5rem; text-decoration: none; white-space: nowrap; } #zmEListe .zmNavigClassItem a:hover, #zmEListe .zmNavigClassForward a:hover, #zmEListe .zmNavigClassBack a:hover { background-color: #336699; transition: all 0.5s ease 0s; } #zmEListe .current { display: inline-block; background-color: rgba(0, 37, 84, 1); border: 0 none; color: rgba(255, 255, 255, 1); cursor: pointer; font-family: "Open Sans",sans-serif; font-size: 100%; margin-bottom: 1rem; padding: 0 0.4rem; text-decoration: none; white-space: nowrap; } .staedteverzeichnis #zmEListe .current {margin-right: 0.5rem; padding: 0.5rem;} #zmEListe .zmnavseparator { display: none; } #zmEListe .monatChange {border-bottom: 1px solid rgba(153, 153, 153, 0.8); margin: 2em 0 1em 0; font-size: 1.4rem; font-weight: 600; color: rgba(0, 37, 84, 1); } #zmEListe .summary {margin-bottom: 2em;} #zmDetail .label {font-weight: bold;} #zmDetail .zmkurzbeschreibung .label, #zmDetail .zmbeschreibung .label {display: none;} #zmDetail section {margin-bottom: 2em;} #zmDetail section.zeitraum {margin-bottom: 0;} #zmDetail .zmitem .zmanschrift h3, #zmDetail .zmitem h4, #zmDetail .kopf h3.titel { font-weight: 600 !important; font-size: 1rem !important; margin-bottom: 0px;} #zmDetail .vCard .cityline, #zmDetail .vCard .mail { margin-bottom: 1rem; } #zmDetail .vCard {background: rgba(68, 131, 185, .2); padding: 10px;} #zmDetail .vCard .vCardLink .vCard {background: none;} #zmDetail .vCard .vCardLink { float: right; } #zmDetail .zeitraum h2{margin-bottom: 0; font-weight: 400;} #zmDetail .vCalendarLink {float: right;} #zmDetail .zmVeranstalter {margin-bottom: 2em;} .veranstaltungskalender #zmDetail .zmVeranstalter .titel{display: none;} #zmDetail .bildcss {float: right; margin: 0 0 1em 1em;} #zmDetail .bildcss .caption { color: #336699; font-style: italic;} #zmDetail .buergermeister .value, #zmDetail .homepage .value{background: rgba(68, 131, 185, .2); padding: 10px; display: block;} .veranstaltungskalender #zmDetail .homepage .label{display: none;} .veranstaltungskalender #zmDetail .homepage .value{background: none; padding: 0px; display: block;} .veranstaltungskalender #zmDetail .homepage .value a {display: block; text-align: center; background-color: rgba(0, 37, 84, 1); border: 0 none; color: rgba(255, 255, 255, 1); cursor: pointer; font-family: "Open Sans",sans-serif; font-size: 100%; margin-top: 0rem; padding: 0.5rem; text-decoration: none; white-space: nowrap; } .veranstaltungskalender #zmDetail .homepage .value a:hover {text-decoration: underline; background-color: #336699; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .zmnav li {list-style-type: none; margin: 0; padding: 0;} .zmzursuche a, .zmzureu a { display: inline-block; background-color: rgba(0, 37, 84, 1); border: 0 none; color: rgba(255, 255, 255, 1); cursor: pointer; font-family: "Open Sans",sans-serif; font-size: 100%; margin-top: 2rem; padding: 0.5rem; text-decoration: none; white-space: nowrap; } .zmzursuche a:hover, .zmzureu a:hover { background-color: #336699;-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 */ } .zmRegister { line-height: 2em !important; } .zmRegister p { line-height: 2em !important; } .zmRegister .noprint { display: none; } .zmRegister { margin-bottom: 1rem; } .zmRegister a { background-color: rgba(0, 37, 84, 0.4); color: rgba(255, 255, 255, 1); display: inline-block; margin-bottom: 0.5rem; padding: 0rem 0.4rem; text-align: center; width: auto; min-width: 15px; } .zmRegister a:hover { background-color: rgba(0, 37, 84, 1); text-decoration: none; transition: all 0.5s ease 0s; } .zmRegister .inaktiv { display: none; } .zmRegister a.aktivAktuelleAuswahl { background-color: rgba(0, 37, 84, 1); } .zmRegister .skip, .zmRegister .hideme { display: none; } /* ZUSATZMODULE dolmetscherpool 22049189 SSL - 15.02.2024 ------------------------------------------------------------------------------------------ */ .Dolmetscher-Pool .zmsuchecontent .zmVolltextSuche {width: 100%;} .Dolmetscher-Pool .zmsuchecontent .feld input {width: 50%; margin-right: 10px;} .Dolmetscher-Pool .zmsuchecontent select {padding: 0.5rem 0.25rem; font-size: 100%; width: 51%; border-radius: 0;border: 1px solid #a0a0a0;} .Dolmetscher-Pool .zmsuchecontent .zmSuchButton {float: none;} .Dolmetscher-Pool .zmsuchecontent .zmSuchButton input {margin: 2rem 0;padding: 0.5rem 1rem;} .Dolmetscher-Pool .zmsuchecontent label {margin-bottom: 0.5rem; display: block;} .Dolmetscher-Pool .zmsuchecontent .gesamt { display: none;} .Dolmetscher-Pool .zmSuche ul.zmVkat li {list-style: none;} .Dolmetscher-Pool .zmsuchecontent .zmVolltextSuche label {display: block;} .Dolmetscher-Pool .zmNAV a {display:inline-block; margin-top:2rem; padding: 0.5rem 1rem;background-color: rgba(0, 37, 84, 1);border: 0 none;color: rgba(255, 255, 255, 1);} .Dolmetscher-Pool .zmNAV a:hover {background-color: #336699;transition: all 0.5s ease 0s;text-decoration: none;} /*.Dolmetscher-Pool .zm-eliste .zmitem {border-bottom:1px solid rgba(0, 37, 84, 1);}*/ .Dolmetscher-Pool .zm-eliste .zmhitsfound { margin-bottom: 2rem;} .Dolmetscher-Pool .zm-eliste .zmitem { background-color: #f0f0f0;} .Dolmetscher-Pool .zmitem .zmanrede {color: rgba(0, 37, 84, 1);font-weight: bold;} .Dolmetscher-Pool .zmitem h3.zmtitel {font-size: 1.4rem;padding: 10px 0 10px;width: auto;color: rgba(0, 37, 84, 1);font-weight: 600;} .Dolmetscher-Pool .zmitem { line-height: 140%; padding: 2rem; } .Dolmetscher-Pool .Rumpf {line-height: 140%; padding: 0rem 2rem 2rem 2rem; } .Dolmetscher-Pool .Rumpf .organization {display: none;} .Dolmetscher-Pool .Kopf {padding: 2rem 0 0rem 2rem; } .Dolmetscher-Pool .Kopf .anrede {color: rgba(0, 37, 84, 1);font-weight: bold;} .Dolmetscher-Pool .zmitem .zmkurzbeschreibung .label, .Dolmetscher-Pool .zmitem .zmbeschreibung .label, .Dolmetscher-Pool .zmitem .zmausg-themen .label, .Dolmetscher-Pool .zmitem .zmanmerkungen .label, .Dolmetscher-Pool .zmitem .zmkontakt .label {font-weight: bold;} .Dolmetscher-Pool .zmitem__kategorien { margin-top: 2rem;} .Dolmetscher-Pool .zmitem__kurzbeschreibung,.Dolmetscher-Pool .zmitem__beschreibung {margin-top: 1rem;} .Dolmetscher-Pool .zmitem-feld__anmerkungen, .Dolmetscher-Pool .zmitem-feld__kontakt, .Dolmetscher-Pool .zmitem-feld__ausg-themen{margin-top: 1rem;} .Dolmetscher-Pool .zmitem__kategorien h3{font-size: 100%;margin: 0;} .Dolmetscher-Pool .zmitem .organization, .Dolmetscher-Pool .zmitem .zmkontaktdaten .label{display: none;} .Dolmetscher-Pool .zmitem span.bez {width: 60px; display: inline-block;} .Dolmetscher-Pool .zmitem__kategorien span.zmitem__kategorie:after {content: ', ';} .Dolmetscher-Pool .zmitem__kategorien span.zmitem__kategorie:last-child:after { content: none;} .Dolmetscher-Pool .zm-eliste__footer {margin-top: 2rem;} .Dolmetscher-Pool .zm-eliste__footer span {margin-left: 5px;} .Dolmetscher-Pool .zm-eliste__footer a{display: inline-block;border: 1px solid rgba(0, 37, 84, 1);background-color: rgba(0, 37, 84, 1);border: 0 none;color: rgba(255, 255, 255, 1); cursor: pointer;font-family: "Open Sans",sans-serif;font-size: 100%;margin-top: 2rem;padding: 0.5rem 1rem;text-decoration: none; white-space: nowrap;} .Dolmetscher-Pool .zm-eliste__footer .current { display: inline-block;border: 1px solid rgba(0, 37, 84, 1);color: rgba(0, 37, 84, 1); cursor: pointer;font-family: "Open Sans",sans-serif;font-size: 100%; margin-top: 2rem; padding: 0.5rem 1rem; text-decoration: none;} .Dolmetscher-Pool .zm-eliste__footer .zmnavseparator {display: none;} .Dolmetscher-Pool .zmzursuche a, .Dolmetscher-Pool .zmzureu a { display: inline-block; background-color: rgba(0, 37, 84, 1); border: 0 none; color: rgba(255, 255, 255, 1); cursor: pointer; font-family: "Open Sans",sans-serif; font-size: 100%; margin-top: 2rem; padding: 0.5rem 1rem; text-decoration: none; white-space: nowrap; } .Dolmetscher-Pool .zm-eliste__footer a:hover, .Dolmetscher-Pool .zmzursuche a:hover, .Dolmetscher-Pool .zmzureu a:hover {background-color: #336699;transition: all 0.5s ease 0s;} .Dolmetscher-Pool .ym-col2wide {width: 100%;} .Dolmetscher-Pool .leaflet-popup-content h4.zm-0-marker-popup-kat.popup-kat:before {content:'Sprache: ';} .Dolmetscher-Pool .leaflet-popup-content .standort-adresse {display: none;} .Dolmetscher-Pool #zmDetail section {margin-bottom: 1em;} .Dolmetscher-Pool #zmDetail .vCard {background: none;padding:0;} .Dolmetscher-Pool #zmDetail .mail .bez {display: inline-block;} .Dolmetscher-Pool #zmDetail .mapsLink {display: none;} .Dolmetscher-Pool #zmDetail .vCard .cityline, .Dolmetscher-Pool #zmDetail .vCard .mail {margin-bottom: 0rem;} .Dolmetscher-Pool #zmDetail .zmanschrift .label {display: none;} .Dolmetscher-Pool #zmDetail .zusatzbezeichnung {display: none;} .Dolmetscher-Pool #zmDetail .zmkurzbeschreibung .label, .Dolmetscher-Pool #zmDetail .zmbeschreibung .label {display: block;} .Dolmetscher-Pool #zmDetail .category .label br {display: none;} .Dolmetscher-Pool #zmDetail .vCardLink {display: none;} /* FOOTER ------------------------------------------------------------------------------------------ */ /*#footer-content .ym-wrapper {display: flex; flex-wrap: wrap; justify-content: space-between;}*/ #footer-content .composedcontent-preset_zeile {display: flex; flex-wrap: wrap; justify-content: space-between;} #footer { position: relative; z-index: 2; left: 0; right: 0; } footer #kreislinks { background-color: rgba(215, 220, 225, 1); float:left; clear: both; padding: 1rem 0; width: 100%; margin-top: 7px; } footer #kreislinks{border-top: 4px solid #ffffff;} footer #kreislinks h2 { font-size: 1.4rem; color: rgba(0, 37, 84, 1); margin: 0 !important; text-transform: uppercase; } footer #footer-content { color: rgba(255,255,255,1); } footer #footer-content p { line-height: 140% !important; font-size: 0.75rem; } footer #footer-content p span { font-weight: 700; width: 50px; display: inline-block; } footer #footer-content p span.poweredby-label { font-weight: normal; width: auto; display: inline-block; } footer #footer-content a { color: rgba(255,255,255,1); font-size: 0.75rem; } footer #footer-content h2{ color: rgba(255,255,255,1); font-weight: 400; margin-bottom: 0.5rem !important; text-transform: uppercase; } footer #footer-content ul { margin: 0 !important; padding: 0 !important; } footer #footer-content li { list-style: none; margin: 0 !important; padding: 0 !important; line-height: 100%; } footer #footer-content { background-color: rgba(0, 37, 84, 1); float:left; clear: both; padding-top: 1rem; padding-bottom: 1rem; width: 100%; } footer #footer-content .info-box { float: left; width: 22%; margin-right: 1%; min-width: 205px; } footer #footer-content .info-box.last{width: auto; } footer #footer-content .info-box-unten { width: 100%; margin-right: 1%;margin-top: 3%; text-align: right; min-width: 230px; } /*Owl Carousel Kreislinks --------------------- */ /* UNNÖTIG? .owl-stage-outer { top: 20px;} .owl-stage-outer .basecontent-line-break-text { font-size: 150%; padding: 0; text-align: center; } .owl-stage-outer p { margin-left: 15px; width: 185px; } .owl-carousel .owl-nav { display: table; width: 100%; } .owl-carousel .owl-nav .owl-prev { border: 0px; background: url("../img/owl/left.png") no-repeat scroll 0 45%; font-size: 0; left: -40px; position: absolute; top: 20%; width: 30px; height: 30px; } .owl-carousel .owl-nav .owl-next {border: 0px; background: url("../img/owl/right.png") no-repeat scroll right 45%; font-size: 0; position: absolute; right: -40px; width: 30px; height: 30px; text-align: right; top: 20%; } .owl-carousel .owl-dots {display: none;} .owl-stage { left: 0; } .owl-stage-outer .externerLink { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; color: rgba(0,0,0,1s); } .owl-stage-outer .externerLink:hover { text-decoration: none; } .owl-carousel { margin: 0 auto !important; max-width: 995px; } .owl-carousel::before { content: ""; float: left; margin: 0 0 0 -10px; width: 10px; } .composedcontent-preset_spalte.owl-carousel::after { content: ""; float: right;margin: -90px -10px 0 0; width: 10px; } */ .owl-stage-outer .externerLink { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; color: rgba(0,0,0,1s); } .owl-stage-outer .externerLink:hover { text-decoration: none; } a.kreislink1 { background: rgba(0, 0, 0, 0) url("../img/kreislinks/jobcenter.png") no-repeat scroll center center; width: 230px; height: 135px; float: left; transition:all 0.3s ease;} a.kreislink1:hover { background: rgba(0, 0, 0, 0) url("../img/kreislinks/jobcenter-mo.png") no-repeat scroll center center; width: 230px; height: 135px; } a.kreislink2 { background: rgba(0, 0, 0, 0) url("../img/kreislinks/geopark.png") no-repeat scroll center center; width: 230px; height: 135px; float: left; transition:all 0.3s ease;} a.kreislink2:hover { background: rgba(0, 0, 0, 0) url("../img/kreislinks/geopark-mo.png") no-repeat scroll center center; } a.kreislink3 { background: rgba(0, 0, 0, 0) url("../img/kreislinks/staerke.png") no-repeat scroll center center; width: 230px; height: 135px; float: left; transition:all 0.3s ease;} a.kreislink3:hover { background: rgba(0, 0, 0, 0) url("../img/kreislinks/staerke-mo.png") no-repeat scroll center center; } a.kreislink4 { background: rgba(0, 0, 0, 0) url("../img/kreislinks/berufundfamilie.png") no-repeat scroll center center; width: 230px; height: 135px; float: left; transition:all 0.3s ease;} a.kreislink4:hover { background: rgba(0, 0, 0, 0) url("../img/kreislinks/berufundfamilie-mo.png") no-repeat scroll center center; } a.kreislink5 { background: rgba(0, 0, 0, 0) url("../img/kreislinks/weltkultursprung.png") no-repeat scroll center center; width: 230px; height: 135px; float: left; transition:all 0.3s ease;} a.kreislink5:hover { background: rgba(0, 0, 0, 0) url("../img/kreislinks/weltkultursprung-mo.png") no-repeat scroll center center; } a.kreislink6 { background: rgba(0, 0, 0, 0) url("../img/kreislinks/bildungsbuero.png") no-repeat scroll center center; width: 230px; height: 135px; float: left; transition:all 0.3s ease;} a.kreislink6:hover { background: rgba(0, 0, 0, 0) url("../img/kreislinks/bildungsbuero-mo.png") no-repeat scroll center center; } a.kreislink7 { background: rgba(0, 0, 0, 0) url("../img/kreislinks/lev.png") no-repeat scroll center center; width: 230px; height: 135px; float: left; transition:all 0.3s ease;} a.kreislink7:hover { background: rgba(0, 0, 0, 0) url("../img/kreislinks/lev-mo.png") no-repeat scroll center center; } a.kreislink8 { background: rgba(0, 0, 0, 0) url("../img/kreislinks/Alb-Donau-Business-Logo-MO.png") no-repeat scroll center center; width: 230px; height: 135px; float: left; transition:all 0.3s ease;} a.kreislink8:hover { background: rgba(0, 0, 0, 0) url("../img/kreislinks/Alb-Donau-Business-Logo.png") no-repeat scroll center center; } #kreislinks .owl-carousel i{font-family:'FontAwesome';color:rgba(0, 37, 84, 1);font-size:35px;transition:all 0.3s ease;outline:0px;} #kreislinks .owl-carousel i:hover{color:rgba(250, 225, 165, 1);} #kreislinks .owl-prev{ position: absolute; left: -30px; top: 30px; } #kreislinks .owl-next{ position: absolute; right: -30px; top: 30px; } #kreislinks .owl-dots{ display: none; } @media( max-width: 1100px ) { #kreislinks .owl-stage-outer {margin: 0 30px;} #kreislinks .owl-prev{left: 0px;top: 30px;} #kreislinks .owl-next{right: 0px;top: 30px;} } /* LOGIN ------------------------------------------------------------------------------------------ */ #loginForm { background: #f0f0f0 none repeat scroll 0 0; padding: 2rem; width: 80%; margin-bottom: 1rem; } .home #loginForm { width: 55%; margin-bottom: 5rem; } #loginForm fieldset { border: 0 none; margin: 0; padding: 0; } #loginForm fieldset legend { font-size: 1.3rem; font-weight: bold; margin-bottom: 1rem; } #loginForm .type-text { margin-bottom: 1rem; } #loginForm.ym-columnar .ym-fbox-select select, #loginForm.ym-columnar .ym-fbox-text input, #loginForm.ym-columnar .ym-fbox-text textarea { border: 1px solid rgba(215, 220, 225, 1); font-size: 1.2rem; padding: 0.25rem 0.5rem; width: 60%; background: none rgba(255,255,255,1); margin-bottom: 1rem; } #loginForm .type-text label { width: 220px; display: inline-block; } #loginForm .type-button { margin: 1rem 0rem; } #loginForm.ym-form .ym-fbox-button input { margin-right: 0.5rem; margin-bottom: 0; cursor: pointer; font-size: 1.2rem; padding: 0.25rem 0.5rem; background-color: rgba(204, 204, 204, 1); border: none; } #loginForm.ym-form .ym-fbox-button input:hover { background-color: rgba(153, 153, 153, 1); } #loginForm .ym-fbox-button { margin-top: 1rem; } /* FORMULARE ------------------------------------------------------------------------------------------ */ .basecontent-form-editor form fieldset { border: none !important; } .basecontent-form-editor .small.editable { display: block; font-size: 85%; color: rgba(51,51,51,0.6); } .basecontent-form-editor .ym-columnar .ym-fbox-select select, .basecontent-form-editor .ym-columnar .ym-fbox-text input, .basecontent-form-editor .ym-columnar .ym-fbox-text textarea { font-size: 100%; font-family: "Open Sans",sans-serif; margin-bottom: 0.5rem; padding: 0.5rem 0.25rem; border: 1px solid #a0a0a0 !important; box-sizing: content-box; display: inline-block; } .basecontent-form-editor .ym-columnar .ym-fbox-select select { width: 67%; } .basecontent-form-editor .formElementRow.senderCc.ym-fbox-check { margin-bottom: 1rem; } .basecontent-form-editor .formElement.formTitle { margin-bottom: 1rem; } .basecontent-form-editor .formButtonContainer { margin-top: 1rem; } .ym-form .ym-fbox-button input { background-color: rgba(0, 37, 84, 1); border: 0 none; color: rgba(255,255,255,1); cursor: pointer; display: inline-block; float: left; font-family: "Open Sans",sans-serif; height: 40px; line-height: 100%; margin-bottom: 1rem; padding: 0 0.5rem; text-decoration: none; white-space: nowrap; font-size: 100%; } .ym-form .ym-fbox-button input:hover { background-color: #336699; transition: all 0.5s ease 0s; } input[type=button] { background-color: rgba(0, 37, 84, 1); border: 0 none; color: rgba(255,255,255,1); cursor: pointer; display: inline-block; float: left; font-family: "Open Sans",sans-serif; height: 40px; line-height: 100%; margin-bottom: 1rem; padding: 0 0.5rem; text-decoration: none; white-space: nowrap; font-size: 100%; } input[type=button]:hover { background-color: #336699; transition: all 0.5s ease 0s; } .basecontent-form-editor .ym-columnar fieldset .ym-fbox-button, .basecontent-form-editor fieldset.ym-columnar .ym-fbox-button { float: left; padding-left: 0 !important; margin-right: 1rem; } .basecontent-form-editor .ym-g30.ym-gl { width: 30%; } .basecontent-form-editor input.inputRight { width: 44.4% !important; float: left !important; margin-left: 0.5rem; } .basecontent-form-editor .ym-columnar .ym-fbox-text label { clear: both !important; } .basecontent-form-editor .formElement.ym-fbox-check { margin-bottom: 2rem; } .basecontent-form-editor .ym-fbox-check input[name=Datenschutz]{margin-left: 0;} .basecontent-form-editor .ym-fbox-text label.captchaQuestionLabel {float: none;} /* 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;} #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{ font-size: 100%; border: 1px solid rgba(160,160,160,1) !important; background: none !important; margin-bottom: 1rem !important; width: 70%; } #recommend_form .ym-fbox-button { margin-top: 2rem; } /*Suchergebnisse --------------------- */ .home.body_search #content { background-color: rgba(255,255,255,1); float:left; padding: 5%; } .body_search #search_form .searchSort { display: none; } .body_search #search_form button, .body_search #search_form button{ background-color: rgba(0, 37, 84, 1); border: 0 none; color: rgba(255,255,255,1); cursor: pointer; font-family: "Open Sans",sans-serif; height: 40px; line-height: 100%; margin-bottom: 1rem; padding: 0 0.5rem; text-decoration: none; white-space: nowrap; font-size: 100%; } .body_search #search_form button:hover, .body_search #search_form button:hover { background-color: #336699; } .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%; } .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; width: 100%; } .body_search #search_form #ergebnisse #ergebnisseRumpf h3 { font-size: 1.45rem; font-weight: 400; margin-bottom: 0 !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 li { border-bottom: 1px dashed rgba(0, 37, 84, 1); padding: 2rem 0rem; margin-left: 0; list-style: none; } .body_search #search_form #ergebnisse #ergebnisseRumpf span.resultScore { color: rgba(0, 37, 84, 1); padding: 0.3rem; } .body_search #search_form #ergebnisse #ergebnisseRumpf .info { margin-top: 1rem; } .body_search #search_form .ergebnisseRumpf ul li.jpeg { content: "\f1c5"; font-family: 'FontAwesome Light'; 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 Light'; 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 Light'; font-weight: normal; color: rgba(153,153,153,1); padding-right: 0.5rem; } .body_search #search_form .ergebnisseRumpf ul li.plain h3:before { content: "\f15b"; font-family: 'FontAwesome Light'; 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.sbw .wayhome { display: none; } .body_search #search_form .ergebnisseRumpf ul li.sbw a { margin-left: 0rem; } .body_search #search_form .ergebnisseRumpf ul li.sbw h3 { margin-left: 0rem; padding-left: 2rem; background: url("../img/links/service-bw-icon.png") no-repeat scroll 0px center rgba(0, 0, 0, 0); } .body_search #ergebnisse #ergebnisseRumpf li div.info .score-bar { border: 1px solid rgba(0, 84, 61, 1); margin: 0 3px -2px; } .body_search #ergebnisse #ergebnisseRumpf li div.info .score-bar .score-bar-inner { background: rgba(250, 225, 165, 1) none repeat scroll 0 0; } .body_search #ergebnisse #ergebnisseRumpf .wayhome { padding: 0 !important; margin: 1rem 0rem !important; display: block; } /*** ---------- Erweiterte Suche ----------- ***/ .extendedSearch { clear: both; margin: 2rem 0rem 1rem 0rem; } .searchFilterHead { margin: 2rem 0rem; } .searchFilterBody select { margin-bottom: 2rem; } /*** ---------- Sitemap ----------- ***/ .home.body_sitemap #content { background-color: rgba(255,255,255,1); float:left; padding: 5%; width: 90%; } /*** ---------- Hamburger ----------- ***/ #hamburger { background-color: rgba(0, 37, 84, 0.8) !important; box-sizing: border-box; /*display: block;*/ height: 100px !important; position: absolute; left: 0 !important; top: 0px !important; width: 100px !important; z-index: 1000000 !important; } #hamburger::before, #hamburger::after, #hamburger span { background: #ffffff none repeat scroll 0 0 !important; border: 0 none !important; content: ""; display: block; height: 4px; left: 30px !important; position: absolute; width: 40px !important; } #hamburger::before { top: 10px; } #hamburger span { top: 20px; } #hamburger::after { top: 30px; } #hamburger::before, #hamburger::after, #hamburger span { transition-delay: 0.5s; transition-duration: 0.5s; transition-property: transform, top, bottom, left, opacity; transition-timing-function: ease; } /* MMMENU ------------------------------------------------------------------------------------------ */ @media ( min-width: 995px) { #my-menu { display: none; } #hamburger { display: none !important; } } #mmenu-search { padding: 0px; display: block;} #mmenu-search .quicksearchtext-container { width: 75%; background-color: rgba(255, 255, 255, 1); height: 100px; float: left; } #mmenu-search .quicksearchimg-container { width: 25%; background-color: #336699; height: 100px; float: right; } #mmenu-search input.quicksearchtext { font-size: 140%; border-radius: 0; border: 1px solid #fff; color: rgba(204, 204, 204, 1) !important; padding: 1rem; margin-top: 20px; } #mmenu-search .quicksearchimg { margin-top: 16px; width: 65px; } #my-menu { background-color: rgba(0, 37, 84, 1); z-index: 100000; display: block;} #my-menu .mm-navbar-top{display: block;} .mm-menu--opened > .mm-panels > .mm-panel{ visibility: visible; display: block !important; } .mm-menu:not(.mm-menu--opened) .mm-panel{ visibility: hidden; display: none; } .mm-menu{ --mm-color-focusring: #fff; } /* Hamburger 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; margin-top: 20px; color: rgba(255, 255, 255, 1); font-weight: 700; font-size: 90%; } html.mm-opening #hamburger:before, html.mm-opening #hamburger:after {top: 20px;} html.mm-opening #hamburger span {left: -50px;opacity: 0;} html.mm-opening #hamburger:before { transform: rotate( 45deg ); } html.mm-opening #hamburger:after { transform: rotate( -45deg ); } /* 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); } /* READ SPEAKER ----------------------------------------------------------------------------------------*/ #readspeaker_button1 {z-index: 1000;} /* beim runterscrollen verschwindet der button sonst*/ /* Button soll wieder eingeblendet werden 29.9.23 Mail von Frau Frauenlob .knot_2920801 #readspeaker_button1 {display: none;}*/ #node15757608 #readspeaker_button1 {display: none;} /*Kreislinks werden nicht geladen */ .knot_2920801 footer #kreislinks {display: none;} /*FontAwesome wird nicht geladen */ .knot_2920801 .navigator-menu {display: none;} /* HINWEIS - BANNER ----------------------------------------------------------------------------------------*/ .banner {background:#ffcc00; padding: 3% 5%;margin-bottom: 0.5rem; color: #000;} .banner h1, .banner h2, .banner h3 {color: #000;} .banner a{color: #000; text-decoration: underline;} .home .banner {margin-top: -50px; margin-bottom: 20px; padding: 3%;} /* RESPONSIVE ------------------------------------------------------------------------------------------ */ /*Stage Social Media*/ .stage-box iframe {max-height: 350px;} @media (min-width: 2100px) { .background-img img { width: 100%; } } @media ( max-width: 1300px) { .hilfsnavi { left: 745px; } .hilfsnavi a { color: rgba(0, 37, 84, 1) !important; } .home-icon {display: none;} } /* responsive Navi erscheint*/ @media ( max-width: 995px) { body{background-color: rgba(0, 37, 84, 1);} .the-wrapper{background-color:rgba(0, 37, 84, 1)} .background-img{display: none !important;} #header {position: absolute; background: #ffffff;} .ym-wrapper { padding: 0rem 1rem; } #header .toprow-1 { background-color: #336699; } #header .toprow-2 #nav { display: none; } #header .toprow-2 .navigator { position: absolute; right: 0; top: 0; } #header div.logo { background-color: rgba(255, 255, 255, 1); position: absolute; top: 100px; left: 0; right: 0; width: 100%; text-align: center; } .hilfsnavi { left: 110px; } .hilfsnavi a { color: rgba(255, 255, 255, 1) !important; } .gradient { top: 45%; } #img_13846152 > img {display: none; } .zulassung-list ul { max-width: 100% !important; margin-top: 0rem !important; float: left; } #searchbutton { display: none; } #node4427134 .ym-col2 .basecontent-list ul li a, #node13824355 .ym-col2 .basecontent-list ul li a { font-size: 2.25vw; } .ym-col1 { width: 90%; padding: 5%; } .ym-col2,.ym-col2wide { width: 90%; padding: 5%; } .nav-outer { display: none; } /*Haeufig gesucht in Navi*/ /*.navigator {display: none;}*/ /*.navigator-menu{background: rgba(0, 37, 84, 1); margin-left: -10px; padding-left: 5px;}*/ /*Stage Social Media*/ .stage-box iframe {max-height: 500px;} .navigator-menu-content .ym-g20 { width: 50%; flex: 0 0 48%; height: 50%; } #footer-content .composedcontent-preset_zeile .ym-g25 { width: 100%; flex: 0 0 100%; } .navigator-menu ul.submenu li { flex: 0 0 100%; } .navigator-menu ul.submenu li a { max-height: 60px; min-height: auto; } .navigator-menu input:checked ~ ul.submenu { max-height: auto; } .navigator-menu ul.submenu { width: auto; margin-left: -250px; border: 0px; } .navigator-menu .submenu a::before {float: left;} .navigator-menu li a::before {padding: 0;} } @media( max-width: 890px ) { .hilfsnavi { left: 90px; max-width: 150px; } footer #footer-content .info-box { padding-bottom: 1rem; } .news .c50l, .news .c50r { width: 100%; } .home-tabs.ui-tabs .ui-tabs-panel {width: 100%;} .home-tabs.ui-tabs ul {width: 100%;} .home-tabs.ui-tabs .ui-tabs-nav li { width: 100% !important; } /*.home-tabs.ui-tabs {margin: 100px 0px 30px 0px !important; float: left;}*/ .home-tabs.ui-tabs .ui-tabs-nav li.ui-tabs-active a {border-bottom: 0px !important;} #id15872113 .basecontent-image.image {float: none;} .home .pm-topnews .pm-text-block {width: 100%;} .home .pm-topnews .pm-bild { width: 100%; float: none; margin: 1em auto; text-align: center;} .home .pm-topnews .pm-head { width: 100%;} .home .pm-topnews .pm-content { width: 100%;} .auskunft .c50l, .auskunft .c50r { width: 100%; float:left; margin-left: 0 !important; } .topthemen { -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .owl-carousel .owl-controls .owl-nav .owl-prev { left: 0; } .owl-carousel .owl-controls .owl-nav .owl-next { right: 0; } .background-img { display: none; /*top: 200px;*/ } .background-img img { min-height: 220px; width: 100%; } #id13824162, #id13917555, #id15637933 { width: 100%; max-width: 100% !important; float: none; } #id15637933 .basecontent-list ul li a::before { background-color: rgba(0, 37, 84, 1); transform: scaleX(0.0075); } #id15637933 .basecontent-list ul li a { color: rgba(0, 37, 84, 1); } #id15637933 .basecontent-list ul li a:hover:before { background-color: rgba(0, 37, 84, 0.5); border-right: 5px solid rgba(0, 37, 84, 1); } #id15637933 .basecontent-list ul li a:hover { color: rgba(255, 255, 255, 1); } .home .bx-wrapper img { height: auto; } } @media( max-width: 600px ) { #node4427134 .ym-col2 .basecontent-list ul li, #node13824355 .ym-col2 .basecontent-list ul li, #node4427134 .ym-col2 .basecontent-list ul li:nth-child(2n), #node13824355 .ym-col2 .basecontent-list ul li:nth-child(2n) { margin: 0; float: left; width: 100%; } #node4427134 .ym-col2 .basecontent-list ul li a, #node13824355 .ym-col2 .basecontent-list ul li a { font-size: 1.25rem; margin: 0 0 10px; width: auto; min-height: auto; } } @media( max-width: 500px ) { #quickLink1 { display: none; } .topthemen .flex-item { margin-right: 0px; } .topthemen { -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .home .bx-wrapper .bx-viewport { left: 0 !important; } .downloadlist .dlSize, .downloadlist .dlDate { display: none; } .float-left, .float-right, .center { float: left !important; margin-left: 0px !important; margin-bottom: 1rem; width: 100%; } .basecontent-image .caption { float:left; } #loginForm { width: 90% !important; padding: 5%; } .ym-columnar .ym-fbox-check input, .ym-columnar .ym-error .ym-message { margin-left: 0;} .basecontent-form-editor .ym-columnar .ym-fbox-select select, .basecontent-form-editor .ym-columnar .ym-fbox-text input, .basecontent-form-editor .ym-columnar .ym-fbox-text textarea { width: 90% !important; } .basecontent-form-editor input.inputRight { float: left !important; margin-left: 0rem; margin-bottom: 0.5rem !important; } .home .pm-topnews .pm-text-block { width: 100%; } .home .pm-topnews .pm-head a { font-size: 85% !important; } .home .pm-head > h2 { line-height: 120%; width: 90%; } .auskunft .ym-g50.ym-gl, .auskunft .ym-g50.ym-gr { width: 100%; margin-bottom: 2rem; } #id13824172 { width: 100%; max-width: 100% !important; } #content p { /*float: left;*/ } .gradient { top: 150px; } .home .bx-wrapper img { height: 100%; } .basecontent-table table.hide-grid td { float: left !important; } .presse-uebersicht .pm-datefilter {float: none;} .presse-uebersicht .pm-search {float: none; margin: 1rem 0;} .composedcontent-preset_aktuelles .basecontent-image {float: none; margin: 0.5rem 0;} } /* extra Anpassungen responsive*/ @media( max-width: 750px ) { .no-mobil {display: none;} } @media( max-width: 760px ) { /*Stage Social Media*/ .stage-box iframe {max-height: 750px;} } @media( max-width: 600px ) { /*Stage Social Media*/ .stage-box iframe {max-height: 650px;} } @media( max-width: 500px ) { /*Stage Social Media*/ .stage-box iframe {max-height: 550px;} } .home #content { display: flex; flex-wrap: wrap; } .home #content>article { width: 100%; } /* Display Grid .navigator-menu-content { float: none; padding-left: 0px; margin-top: 60px; display: grid; display:-ms-grid; grid-gap: 35px 35px; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr; } @media (max-width: 995px) { .navigator-menu-content { grid-gap: 35px 35px; grid-template-columns: 1fr 1fr 1fr 1fr; -ms-grid-columns: 1fr 1fr 1fr 1fr; } } @media (max-width: 600px) { .navigator-menu-content { grid-gap: 35px 35px; grid-template-columns: 1fr 1fr 1fr; -ms-grid-columns: 1fr 1fr 1fr; } } @media (max-width: 480px) { .navigator-menu-content { grid-gap: 35px 35px; grid-template-columns: 1fr 1fr; -ms-grid-columns: 1fr 1fr; } } .navigator-menu-content p a { width: inherit; float: inherit; } .navigator-menu-content .ym-g20 { width: 100% !important; } */ .navigator-menu-content { float: none; padding-left: 0px; margin-top: 60px; display: flex; flex-wrap: wrap; justify-content:space-between; } .navigator-menu-content p a { width: inherit; float: inherit; } /* 4 pro Zeile */ .navigator-menu-content .ym-g20 { width: 24%; flex: 0 0 24%; height: 24%; } /* 3 pro Zeile */ @media (max-width: 890px) { .navigator-menu-content .ym-g20 { width: 33%; flex: 0 0 32%; height: 33%; } #footer-content .composedcontent-preset_zeile .ym-g25 { width: 50%; flex: 0 0 48%; height: 50%; } } /* 2 pro Zeile */ @media (max-width: 600px) { } /* 1 pro Zeile */ @media (max-width: 360px) { .navigator-menu-content .ym-g20 { width: 100%; flex: 0 0 100%; height: 50%; } #footer-content .composedcontent-preset_zeile .ym-g25 { width: 100%; flex: 0 0 100%; } .owl-carousel .owl-stage {padding: 0px !important;} } .content-icons {background:#fff;margin-top:0.5rem;} /* bei Browser Druck Funktion ---------------------------*/ @media print { #header .toprow-1, #hamburger, #readspeaker_button1, #kreislinks, .background-img {display: none !important;} .content-container {padding-top: 12px;} } /* Social Media */ /* FontAwesome Brand (Social Media Icons) */ @font-face { font-family: 'FontAwesome Brands'; font-style: normal; font-weight: 400; src: url('../fonts/fa-brands-400.eot'); src: url('../fonts/fa-brands-400.eot?#iefix') format('embedded-opentype'), url('../fonts/fa-brands-400.woff2') format('woff2'), url('../fonts/fa-brands-400.woff') format('woff'), url('../fonts/fa-brands-400.ttf') format('truetype'), url('../fonts/fa-brands-400.svg#fontawesome') format('svg'); } .socialmedia-links{margin-bottom: 1rem;} .socialmedia-links ul{list-style:none;margin:0;padding:0;display:-webkit-box;display:-ms-flexbox;display:flex; -ms-flex-wrap: wrap;flex-wrap: wrap;} .socialmedia-links li{ margin: 0 !important;padding:0; list-style: none;padding-right:10px; width: 100%;} .socialmedia-links a{display: -webkit-box;display: -ms-flexbox;display: flex;padding: 10px 0;} .socialmedia-links a:hover{text-decoration:underline;} .socialmedia-links a:before{ display: block; width: 20px; padding-right: 7px; font-size:24px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center;} .socialmedia-links a[title*="Facebook"]:before{content: "\f082" !important;font-family: FontAwesome Brands;} .socialmedia-links a[title*="Instagram"]:before{content: "\f16d" !important;font-family: FontAwesome Brands;} .socialmedia-links a[title*="YouTube"]:before{content: "\f167" !important;font-family: FontAwesome Brands;} .socialmedia-links a[title*="LinkedIn"]:before{content: "\f08c" !important;font-family: FontAwesome Brands;}