/* open-sans-regular - latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: url('../fonts/open-sans-v15-latin-regular.eot'); /* IE9 Compat Modes */ src: local('Open Sans Regular'), local('OpenSans-Regular'), url('../fonts/open-sans-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/open-sans-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/open-sans-v15-latin-regular.woff') format('woff'), /* Modern Browsers */ url('../fonts/open-sans-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/open-sans-v15-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-600 - latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 600; src: url('../fonts/open-sans-v15-latin-600.eot'); /* IE9 Compat Modes */ src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url('../fonts/open-sans-v15-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/open-sans-v15-latin-600.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/open-sans-v15-latin-600.woff') format('woff'), /* Modern Browsers */ url('../fonts/open-sans-v15-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/open-sans-v15-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* schoolbell-regular - latin */ @font-face { font-family: 'Schoolbell'; font-style: normal; font-weight: 400; src: url('../fonts/schoolbell-v9-latin-regular.eot'); /* IE9 Compat Modes */ src: local('Schoolbell Regular'), local('Schoolbell-Regular'), url('../fonts/schoolbell-v9-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/schoolbell-v9-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/schoolbell-v9-latin-regular.woff') format('woff'), /* Modern Browsers */ url('../fonts/schoolbell-v9-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/schoolbell-v9-latin-regular.svg#Schoolbell') format('svg'); /* Legacy iOS */ } html { /* scrollbar fix (prevent ugly left pull for lower content sites) */ overflow-y: scroll;height:100% } body {height:100%;margin:0;padding:0;font-family: 'Open Sans', sans-serif;font-size:15px; color: #333; background-color:#fff;} button, input, optgroup, select, textarea {color:#333!important;} a{color : #177948; text-decoration : none; } a:hover{color:#679ab7;} a.readmore:before {content:'\e661';font-family:'Themify';font-size:12px;color:#177948;} #right a{color: #fff;} #menu_top a{color:#fff;} h1, h2, .jevbootstrap h2 , h3, h4, h5, h6, .h3{margin:0;padding:0;font-weight:normal;font-family: 'Schoolbell', cursive;} h1, .jevbootstrap h2 {font-size:40px;color:#2649A5;padding:0 0 15px 0;} h2{font-size:28px;} h3, .h3{font-size:22px;} h4{font-size:20px;} #right h3{text-transform:uppercase;font-size:20px;} p{margin:0;padding:4px 0 10px 0;} p.readmore{padding:0 0 14px 0;} /* dd { display:none; }*/ dl{margin-bottom:0px;} dt, dd{margin:0;padding:0;} dd.published{font-size:12px;} .clr{clear:both;} figure {margin:0;padding:0;} img{max-width:100%;height:auto;} figcaption{font-size:13px;font-style:italic;margin-bottom:10px;} .catdesc{border-bottom:dotted 1px #cccccc;margin-bottom:20px;padding-bottom:20px;} .blog-item{border-bottom:dotted 1px #cccccc;margin-bottom:20px;padding-bottom:20px;} #logo img{width:96%;height:auto;max-width:748px;padding:0 2%;} #top_right p{padding:0 20px 0 0;line-height:1.3;font-size:12px;} #mobil{position:absolute;width:50px;max-width:15%;bottom:50px;right:2%;} #mobil img{width:100%;height:auto;} #wrapper{width:100%; max-width:1023px;margin:auto;} #head{width:100%;background-color: #be1522; color:#fff;position:relative;} .feld1{background-color:#451f74;} .feld2{background-color:#741573;} .feld3{background-color:#b40471;} .feld4{background-color:#2649a5;} .feld5{background-color:#1c62b7;} .feld6{background-color:#3f81cb;} .feld7{background-color:#177948;} .feld8{background-color:#53a036;} .feld9{background-color:#81bc2e;} .feld10{background-color:#f78512;} .feld11{background-color:#fab10a;} .schrift1{color:#451f74;} .schrift2{color:#741573;} .schrift3{color:#b40471;} .schrift4{color:#2649a5;} .schrift5{color:#1c62b7;} .schrift6{color:#3f81cb;} .schrift7{color:#177948;} .schrift8{color:#53a036;} .schrift9{color:#81bc2e;} .schrift10{color:#f78512;} .schrift11{color:#fab10a;} .schrift12{color:#be1522;} .rot{color:#be1522;} .dlila{color:#451f74;} .lila{color:#741573;} .pink{color:#b40471;} .dblau{color:#2649a5;} .blau{color:#1c62b7;} .hblau{color:#3f81cb;} .dgruen{color:#177948;} .gruen{color:#53a036;} .hgrun{color:#81bc2e;} .orange{color:#f78512;} .gelb{color:#fab10a;} #felder, #left{display:none;} #top_right{display:none;} #main{position:relative;} #right {color:#fff;} #right0,#right1{background-color:#b40471;} #right2{background-color:#2649a5;font-size:12px;} #right3{background-color:#177948;} #right4{background-color:#fab10a;} #right5{background-color:#3f81cb;} #right5b{background-color:#b40471;} #right6{background-color:#be1522;} #right7{background-color:#fab10a;} #right1, #right2, #right3, #right4, #right5,#right5b, #right6, #right7{width:96%; padding: 10px 2%;} #right1:after, #right2:after, #right3:after, #right4:after, #right5:after,#right5b:after, #right6:after, #right7:after{display:table;clear:both;content:"";} #right1 label.element-invisible{font-family: 'Schoolbell', cursive;font-size:22px;text-transform:uppercase;} #right2 ul {list-style-type:none;margin:0;padding:0;} #right2 ul li{margin:0;padding:10px 0 0 0;} #right1 img,#right7 img{float:left;width:46%;max-width:150px;height:auto;padding:5px 2%;} #menu_top {font-family: 'Schoolbell', cursive;text-transform:uppercase;background-color:#1c62b7;width:96%;padding:0 2%;clear:both;} #menu_top ul {list-style-type:none; margin:0; padding:8px 0; } #menu_top ul li{width:23%; height:19px; display:inline-block; margin:0;padding:3px 1%;} #menu_main{display:none;position:absolute;color:#fff;z-index:99;width:96%;padding:0;margin:0;} #menu_main ul {margin:0; padding:0;list-style-type: none; width:100%;padding:0;} #menu_main ul li{ margin:0; font-weight:bold;padding:0 2% 0 20px;} #menu_main ul li a{color:#fff;display:block;padding:10px 2% 10px 2%;} #menu_main ul li ul li ul{padding:0 0 12px 0; } #menu_main ul li ul li ul li{font-style:italic;font-size:12px;} #menu_main ul li ul li ul li a{padding:6px 2% 6px 2%;} ul.fastmenu{margin:0;padding:0;list-style:none;display: grid;grid-gap: 20px 5%;grid-template-columns: 1fr;align-items: center;} ul.fastmenu li{text-align:center;background-color:#f78512;display:grid;height:100%;align-items: center;} ul.fastmenu li img{max-width:100%;height:auto;} ul.fastmenu li a{display:block;padding:20px;font-family: 'Schoolbell', cursive;font-size:30px;color:#ffffff;line-height:1;} ul li.item-132{background-color: #be1522;} ul li.item-133{background-color: #f78512;} ul li.item-134{background-color: #53a036;} ul li.item-135{background-color: #741573;} ul li.item-132 ul {background-color: #be1522!important;opacity:0.85;} ul li.item-133 ul {background-color: #f78512!important;opacity:0.85;} ul li.item-134 ul {background-color: #53a036!important;opacity:0.85;} ul li.item-135 ul {background-color: #741573!important;opacity:0.85;} ul li.item-132 ul li ul {opacity:0.95;} ul li.item-133 ul li ul {opacity:0.95;} ul li.item-134 ul li ul {opacity:0.95;} ul li.item-135 ul li ul {opacity:0.95;} /* Felder */ ul.fields-container{margin:0;padding:0;list-style:none;} ul.fields-container li{margin:0!important;padding:0;} /* Galerie */ ul.sigFreeClassic{margin:0;padding:0;list-style:none;} ul.sigFreeClassic li.sigFreeThumb{margin:0 6px 6px 0!important;} .spalte6{width:80%;float:left;} #krumen{font-size:12px;font-style:italic;color:#2649A5;padding:6px 0 0 0%;} #krumen ul {list-style-type:none; margin:0; padding:0; } #krumen ul li{display:inline-block; margin:0;padding:0 ;} #krumen ul li:after{content:'-';padding:0 6px;} #krumen ul li:last-child:after{content:'';} #content{width: 96%; max-width:750px;padding: 20px 2%;margin:auto;} #cont{position:relative;} #cont li{margin-left:14px;} #main #cont ul{padding:4px 0 10px 0!important;} #btn{position:absolute;z-index:90;top:-0px;right:10px;max-width:25%} #btn img{width:100%;height:auto;} #content_top{padding-bottom:20px;margin-bottom:30px;border-bottom:dotted 1px #177948;} #content_top .moduleItemIntrotext{padding-bottom:30px;} a.aktuell{display:inline-block;background-color:#177948;color:#ffffff;padding:6px 8px;font-size:20px;font-family: 'Schoolbell',cursive;} #content_bottom{padding:20px 2%;margin:auto;width:96%;max-width:750px;} .itemImageBlock img, .itemListCategory img {width:100% !important;max-width:100%;height:auto;} #k2Container img {max-width:100%;height:auto;} .mod_termine{padding:4px 0 0 0;} .catItemDateCreated {font-size:12px;} .subCategory{padding-bottom:20px;height:auto!important;} .subCategoryMore{font-size:12px;} .bildunterschrift{font-size:12px;} .itemImageCredits{font-size:12px;} .buttonbild{padding:10px;margin:0;} img.buttonbild{width:auto!important;} .catItemReadMore{padding-bottom:18px;} /* jevents */ .mod_events_latest_first, .mod_events_latest {padding:6px 0;} .mod_events_latest_first p, .mod_events_latest p {padding:0; margin:0!important;} #jevents_body {background:none!important;border:none!important;} #jevents_body ul.ev_ul li.ev_td_li {border:none!important;margin:0!important;padding:8px 4px!important;} div.jev_daysnames {display:none;} #main ul {margin:0!important;padding:0!important;} .jevbootstrap p{margin:0!important;padding:0!important;} #jev_maincal {background:none!important;} #bottom{border-top:solid 1px #f78512;border-bottom:solid 1px #f78512;margin:20px auto;} .moduletable.logos {padding:0px;text-align:center;} .moduletable.logos p{display:inline;} .moduletable.news{padding:40px 0 0 0;} .moduletable.news p.readmore{margin-top:-10px;margin-bottom:20px;} /* Cookies */ .jb.cookie h2{font-weight:normal!important;margin:0!important;padding:0!important;line-height:auto!important;font-size:14px!important;color:#555555!important;display: inline!important;font-family: 'Open Sans', sans-serif;} .blue{background-color:#888687!important;text-shadow:none!important;} .jb.bottom.blue .jb.cookie-bg.white, .jb.bottom.blue .jb.cookie-bg.black { border-top: 1px solid #999999!important;} .btn.btn-primary.jb.accept.blue{width:40px;border:solid 1px #777777;} .jb.accept:hover {box-shadow: 0 0 0px #000!important;} .jb.cookie.blue p a {color: #555555!important;text-decoration:underline} .jb.cookie p {margin:0!important;font-size:14px!important;color:#555555!important;display: inline!important;} /* Downloads */ a.download{margin:0 0 0 16px;padding:0 0 10px 0;display:block;position:relative;} a.download:before{content: '\e632';font-family: 'themify';position: absolute;text-align: center;font-size:12px;font-weight:400;left:-16px;top:4px;} a.download span.dlfile{hyphens: auto;hyphenate-limit-chars: auto 6;hyphenate-limit-lines: 6;-webkit-hyphens: auto;-webkit-hyphenate-limit-chars: auto 3; -webkit-hyphenate-limit-lines: 4;-ms-hyphens: auto;-ms-hyphenate-limit-chars: auto 3;-ms-hyphenate-limit-lines: 4;} a.download span.dltitle + span {display:none;} a.download span.dltitle + span.dlfile {display:block;} /* Pagination */ .pagination, .counter{font-size:12px;} .pagination li{margin:0!important;} .pagination > li > a, .pagination > li > span { line-height: 1.4; color:#be1522!important;} .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { z-index: 2; color: #fff!important; cursor: default; background-color: #be1522!important; border-color: #be1522!important;} /* MEDIA QUERIES *********************************************/ @media (min-width: 400px) { .itemLeft{float:left;width:43%;padding-right:2%;} .itemRight{float:left;width:54%;} .itemLeft img{width:100%; height:auto;} } @media (min-width: 600px) { ul.fastmenu{margin:0;padding:0;list-style:none;display: grid;grid-gap: 20px 5%;grid-template-columns: 1fr 1fr 1fr;align-items: start;} #btn{max-width:150px} #btn img{width:auto;} } /* Extra small devices (phones, less than 768px) */ /* No media query -> mobile first strategy */ /* Small devices (tablets, 768px and up) */ @media (min-width: 768px) { .spalte1, .spalte1g{width:12.5%;float:left; height:25px;} .spalte2{width:25%;float:left;} .spalte3{width:37.5%;float:left;} .spalte4{width:50%;float:left;} .spalte6{width:50%;float:left;} .spalte7{width:50%;float:left;} .spalte8{width:100%;float:none;} .feld9, .feld10, .feld11, #mobil{display:none;} .itemLeft, .itemContent .imgBlock{width:35%;float:left;padding-top:0px;} .itemRight, .itemContent .txtBlock{width:61%;float:right;} #right0 {clear:both;} #felder{display:block;} #head{height:155px;} #logo{float:left;height:130px;margin-top:22px;} #top_right{height:110px;overflow:hidden;float:right;text-align:right;margin:20px 0 0 0;display:block;} #menu_top{float:right;height:25px;width:50%;padding:0;clear:none;} #menu_top ul {margin:0; padding:0; } #menu_main{display:block;position:relative;font-size:13px; width:auto;padding:0;width:100%;float:none;} #menu_main ul {width:100%;position:relative; float:left;} #menu_main ul li{width:23%; height:21px; margin:0;padding:6px 1% 6px 1%; display:inline-block;position: relative;font-weight:bold;} #menu_main ul li a{padding:0;} #menu_main ul li a::before{ content:url('../images/punkt.png');margin-right:5px;} #menu_main ul li ul li ul li a::before{content:none;} #menu_main ul li ul li a.ohnepunkt{padding-left:10px;} #menu_main ul li ul li a.ohnepunkt::before{content:none;} /*Top 2. Ebene */ #menu_main ul li ul { display:none; position: absolute; top: 1.7em; left: 0; margin:10px 0 10px 0; padding:0; width:100%;} #menu_main ul li:hover ul { display:block; z-index:500;} #menu_main ul li ul li{ padding:2px 0px 5px 15px; line-height:20px; width:95%; font-weight:normal;} #menu_main ul li ul li a{border-bottom: solid 0px #d4d2b9; padding-top:0px;} /*Top 3. Ebene */ #menu_main ul li:hover ul li ul{ display:none; position: absolute; top: 0em; left: -0.4em; } #menu_main ul li ul li:hover ul { display:block; z-index:500;} #menu_main ul li ul li ul{ margin:0 0 0 99.9%; border:solid 0px; width:97%;} #menu_main ul li ul li ul li{padding-left:15px;font-style:italic;font-size:12px;height:16px;} /*Top 4. Ebene */ #menu_main ul li ul li:hover ul li ul{ display:none; position: absolute; top: 0em; left: -0.4em; } #menu_main ul li ul li ul li:hover ul { display:block; z-index:500;} #menu_main ul li ul li ul li ul{ margin:0 0 0 100%; padding:0; border:solid 0px; width:100%;} #menu_main ul li ul li ul li ul li{padding-left:15px;} #main{min-height:300px;} #btn{right:10%;} } @media (min-width: 1023px) { .spalte1g{width:93px;float:left; height:25px;} .spalte1{width:93px;float:left; height:25px;} .spalte2{width:186px;float:left;} .spalte3{width:279px;float:left;} .spalte4{width:372px;float:left;} .spalte6{width:558px;float:left;} .spalte7{width:651px;float:left;} .spalte8{width:744px;float:left;} .feld9, .feld10, .feld11{display:block;} #logo img{padding: 0 0 0 5%;width:95%;} #menu_top{width:372px;} #menu_top ul li{width:77px; height:19px; display:inline-block; margin:0;padding:3px 6px 3px 10px;} .maingrid{display: grid;grid-gap: 0;grid-template-columns:744px 279px;align-items: start;margin-bottom:20px;} #right{float:right;color:#fff;width:279px;display:grid;height:100%;align-items: start;background-color:#fab10a;} #right .right_inner{} #right0{float:right;height:33px;width:279px;clear:none;} #right1, #right2, #right3, #right4, #right5,#right5b, #right6, #right7{width:auto;} #right1 {padding:0 30px 18px 20px;} #right2, #right3, #right4, #right5,#right5b, #right6, #right7{padding:10px 30px 10px 20px;} #right2{min-height:260px;} #krumen{padding-left:4%;} #content{width:92%;padding: 20px 4% 20px 4%; margin:0;position:relative;} #content_bottom{padding:20px 4% 0 4%;margin:auto;width:92%;max-width:750px;} #menu_main{width:744px;float:left;} #menu_main ul li{width:171px; height:21px; margin:0;padding:6px 3px 6px 12px; display:inline-block;position: relative;font-weight:bold;} #menu_main ul li ul li{padding:2px 3px 5px 12px; width:95%;} body.fullsize #content{width:92%;} .buttonbild{position:relative;right:-30px;top:-20px;padding:0;} #btn{right:70px;} } /* for higher resolutions (android and retina) */ @media screen and (-webkit-min-device-pixel-ratio: 1.5), screen and (max--moz-device-pixel-ratio: 1.5) { }