/* ----------------------------------------- */
/* Custom CSS Gemeinde Feldkirchen-Westerham */
/* ----------------------------------------- */
body{line-height: 1.5em;}
p {hyphens: auto; word-break:normal;}
h1{font-size: 2.2rem;font-weight: 700; margin: 0 0 .9rem;}
h2{font-size: 1.65rem; font-weight: 600; margin: 0 0 .9rem;}
h3{font-size: 1.5rem;}
a {text-decoration: none;}
.sloganstart {font-size: 1.6rem;}
.maincontent {padding: 55px 40px;}
.header_main {background-image: none; box-shadow: none; padding: inherit;}
.header_top {min-height: 15px;}
.module:first-of-type .module_surround {padding-top: 30px;}
.module .module_surround, .module_menu .module_surround {padding: 0 20px 30px;}
.module .module_header h3, .module_menu .module_header h3 {padding: 5px 2px 5px 0px; font-size: 1.2em; font-weight: 600;}
.sidecol-b .module_header h3 span {border-bottom: 1px solid #c2c2c2;}
.fa, .fab, .fad, .fal, .far, .fas {padding: 0 5px 0 3px; color: rgba(56,121,200,0.7);}
.module .module_header h3[class^="fa-"]::before, .module_menu .module_header h3[class^="fa-"]::before, .module .module_header h3[class*=" fa-"]::before, .module_menu .module_header h3[class*=" fa-"]::before {color: rgba(255,255,255,0.7);}
.wrapper_contenttop {padding: 35px 20px 10px 20px;}
.text-light [class^="fa-"]::before, .text-light [class*=" fa-"]::before {color: rgba(255,255,255,0.7);}
.text-dark [class^="fa-"]::before, .text-dark [class*=" fa-"]::before {color: rgba(56,121,299,0.7);}
#logo {padding: 0px 20px;}
.cw-margin-bottom {margin-bottom: 0px !important;}
.cw-panel-box {padding: 1px !important;}
.pull-left.item-image {border: 1px solid #e3e3e3;box-shadow:2px 2px 12px #a2a2a2;}
.hornav > ul {text-align: left;}
.hornav > ul > li > a::after {background-color: inherit;}
.hornav > ul > li > a {font-size: 1em !important; font-weight: 500 !important; text-align: left !important; padding: 10px 0 !important;}
.hornav {justify-content: center;}
.hornav > ul > li > ul, .hornav > ul > li > ul > li > ul, .hornav > ul > li > ul > li > ul > li > ul {min-width: 235px; line-height: 1.5em;}
.hornav > ul > li > ul > li > a, .hornav > ul > li ul > li > ul > li > a {font-size: 0.8rem;}
.hornav > ul > li > ul > li:hover > ul, .hornav > ul > li > ul > li > ul > li:hover > ul {left: 225px;}
.hornav > ul > li {margin: 0 9px;}
.hornav .menu li a[class^="fa-"]::before, .hornav .menu li a[class*=" fa-"]::before {left: 0px;}
/* .sidecol_b {border: 0.5px solid #1c70b8;margin: 0px 0 40px 0;} */
.showcase-1a {z-index: 50;}
div.top-3b .module:first-of-type .module_surround {padding: 90px 10px 0px 10px !important;}
div.top-3b .module_surround {padding: 10px 10px;}
div.top-3b .module_header {border-top: 1px solid #555; border-left: 1px solid #555; border-right: 1px solid #555; padding: 3px 5px 0 5px; margin-bottom: 0px !important; background-color: #e8e8e8;}
div.top-3b .module_content {border-bottom: 1px solid #555; border-left: 1px solid #555; border-right: 1px solid #555; padding: 0 5px 20px 5px !important; background-color: #e8e8e8;}
.sidecol-a:first-of-type .module:first-of-type .module_surround, .sidecol-b:first-of-type .module:first-of-type .module_surround {padding-top: 1px;}
li {line-height: 1.6em;}
input.search-query {border-radius: 0px;}
.breadcrumb {padding: 4px 5px 0 11% !important;}
#container_base1_modules [class^="fa-"]::before, #container_base1_modules a [class^="fa-"]::before {color: rgba(255,255,255,0.7);}
.clsDropBtn {background-color: transparent; color: #3c3c3c; padding: 30px 12px 5px 12px; border: none; font-weight: 600; text-transform: uppercase;}
.clsDropBtn:hover {background-color: transparent; color:#3c3c3c;}
.clsDropDown {position: relative;display: inline-block;margin-left: 12%;}
.clsDropDownContent {display: none; position: absolute; background-color: #fff; min-width: 450px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); padding: 10px 15px; margin-left: 115px; margin-top: -15px; z-index: 1001;}
.clsDropDownContent a:hover {background-color: #f0f0f0;}
.clsDropDownContent [class^="fa-"]::before, .clsDropDownContent [class*=" fa-"]::before {color: rgba(255,213,0,0.8); padding: 0 5px 0 1px;}
.clsDropDown:hover .clsDropDownContent {display: block;}
.clsDropdwnBtmLine {border-bottom: #f2f2f2 solid 0.1px; display: inline-block; font-size: 1em;}
.menu_red_underline {border-bottom: 10px solid #f39200; width: 130px;}
.menu_blue_underline {border-bottom: 10px solid #1c70b8; width: 130px;}
.menu_green_underline {border-bottom: 10px solid #6dac48; width: 160px;}
.menu_yellow_underline {border-bottom: 10px solid #ffd500; width: 130px;}
.menu_grey_underline {border-bottom: 10px solid #998c87; width: 110px;}
.menu_white_underline {border-bottom: 10px solid #fff; width: 30px;}
.clsGemTxtStart {font-size: 1.3em; font-weight: 600;}
.clsTxtStartWidth {display: flex; max-width: 700px; text-align: center; margin-left: auto; margin-right: auto;}
.clsPartnerStart {display:flex; justify-content: center; margin-top: 35px;}
.clsPartnerTxtStart {display: inline; margin-top: auto; margin-bottom: auto; padding-right: 15px; font-size: 1.2em; font-weight: 600}
.clsImgBorderStripe {border-left: 5px solid transparent; padding-left: 5px; border-image: url(/images/design/GFW_Farbbalken.jpg) 11% fill;}
.clsSearchMod {height: 50%; padding-top: 80px;}
.finder {padding-right: 55px; font-weight: 600; text-transform: uppercase;}
.mod-finder {padding: 5%; padding-left: 15%;}
.clsH3Oeffent {text-align: center !important; line-height: 1.3em !important;}

.clsIconsBlauStart {margin-bottom: 10px; max-width: 100px;}
.clsIconsBlauFont {text-transform: uppercase; color: #555;}
.clsIconRIS {word-break: break-word; hyphens: auto; font-size: 0.9em;}
.clsIconWSH {word-break: break-word; hyphens: auto;}

#idBtn a {display: block; height: 100%;}
.clsBoxCalStartOuter {width: 100%; border: 1px solid #555; text-align: center; box-shadow: 2px 2px 8px #e1e1e1; background-color: #fff;}
.clsBoxCalStartInner {padding: 15px; text-transform: uppercase; letter-spacing: 2px; font-size: 1.4em; vertical-align: middle; display: inline;}

.mwall-list .mwall-item-inner {padding-left: 0 !important;}
.top-3b .mwall-date {padding: 0 !important;}
.top-3b h3.mwall-title a {color: #1c70b8 !important; font-size: 15px !important; font-weight: 400; padding: 0 !important;}
.top-3b h3.mwall-title {line-height: 18px; padding: 0;}
.top-3a .mwall-item-outer-cont {border: 1px solid #c4c4c4;}
.contentbottom  .mwall-item-outer-cont {border: 1px solid #c4c4c4;}
/* .top-3a .mwall-item-outer-cont {max-height: 400px;} */
#mwall_items_1 .mwall-vertical .mwall-photo-link {height: 50% !important;}
#mwall_items_1 .mwall-vertical .mwall-item-outer-cont .mwall-item-inner {height: 50% !important; border-top: 1px solid #e6e6e6;}
#mwall_items_4 .mwall-vertical .mwall-item-outer-cont .mwall-item-inner {border-top: 1px solid #e6e6e6;}

div.clsRoundIconsGrid {display: grid; grid-template-columns: repeat(auto-fit, minmax(100px,1fr)); grid-gap: 0.05rem; justify-items: center; margin: 0; padding: 0;}
div.clsRoundIconsBox {display: block; position: relative; text-align: center; word-break: break-word; color: #3c3c3c; width: 75%;}
.mod-articlesnews__item {border-bottom: 1px solid; margin-bottom: 10px;}
.newsflash-title {line-height: 1.2em !important; font-weight: 500;}


div.clsKachelMainGrid {display: grid; grid-template-columns: repeat(auto-fit, minmax(400px,1fr)); grid-gap: 0.5rem; justify-items: center; margin: 0; padding: 0;}
div.clsKachelMainBox {display: block; padding: 5px;}
div.clsKachelTxtBox {width: 100%; color: #fff; text-align: center; text-transform: uppercase; letter-spacing: 3px; font-size: 1.8em; font-weight: 600; padding: 7px 0;}
.clsImgHovKacheln {transition: filter .3s ease-in-out;}
.clsImgHovKacheln:hover {  -webkit-filter: grayscale(50%); filter: grayscale(50%);}

div.clsKachelSmallGrid {display: grid; grid-template-columns: repeat(auto-fit, minmax(165px,1fr)); grid-gap: 0.1rem; justify-items: center; margin: 0; padding: 0;}
div.clsKachelSmallBox {display: block; padding: 5px; margin-bottom: 5px;}
.clsImgSmallKacheln {transition: filter .3s ease-in-out;}
.clsImgSmallKacheln:hover {  -webkit-filter: brightness(150%) saturate(2); filter: brightness(150%);}

.branchen-headline {color: #1c70b8; font-size: 2.2em; text-align: center;}
.breadcrumb_yellow {background-color: #ffd500;}
.blick-rot-bg {background-color: #e94e0f; padding: 3px 5px; width: 100%;display: inline-block; color:#fff; margin-bottom: 4px; font-weight: 600;}
.blick-rot-bg:hover{color:#fff;}
.blick-grau-bg {background-color: #998c87; padding: 3px 5px; width: 100%;display: inline-block; color:#fff; margin-bottom: 4px;}
.blick-grau-bg:hover{background-color: #615b56; color:#fff;}
.blick-blau-bg {background-color: #1c70b8; padding: 3px 5px; width: 100%;display: inline-block; color:#fff; margin-bottom: 4px;}
.blick-blau-bg:hover{background-color: #003f61; color:#fff;}
div.lightgreybox {padding: 5px 15px; border: 1px solid #998c87; background-color: #f7f7f7; margin: 20px;}
.subheader-background-orange { background-image: url('/images/header/GFW_Header_Buerger_Subseiten_150px.jpg'); line-height: 150px; text-transform: uppercase; letter-spacing: 15px; Font-size: 3em; color: #fff; text-align: center;}
.subheader-background-gelb { background-image: url('/images/header/GFW_Header_Gemeinde_Subseiten_150px.jpg'); line-height: 150px; text-transform: uppercase; letter-spacing: 15px; Font-size: 3em; color: #fff; text-align: center;}
.subheader-background-blau { background-image: url('/images/header/GFW_Header_Gewerbe_Subseiten_150px.jpg'); line-height: 150px; text-transform: uppercase; letter-spacing: 15px; Font-size: 3em; color: #fff; text-align: center;}
.subheader-background-gruen { background-image: url('/images/header/GFW_Header_Kultur_Subseiten_150px.jpg'); line-height: 150px; text-transform: uppercase; letter-spacing: 15px; Font-size: 3em; color: #fff; text-align: center;}
.background-rot-einstieg { background-color: #f39200; text-transform: uppercase; letter-spacing: 4px; color: #fff; text-align: center; font-size: 1.4em; width: 100% !important; display: inline-block; padding: 5px 0; margin-top: -20px;}
.background-gelb-einstieg { background-color: #ffd500; text-transform: uppercase; letter-spacing: 4px; color: #fff; text-align: center; font-size: 1.4em; width: 100% !important; display: inline-block; padding: 5px 0; margin-top: -20px;}
.background-gruen-einstieg { background-color: #6dac48; text-transform: uppercase; letter-spacing: 4px; color: #fff; text-align: center; font-size: 1.4em; width: 100% !important; display: inline-block; padding: 5px 0; margin-top: -20px;}
.background-blau-einstieg { background-color: #1c70b8; text-transform: uppercase; letter-spacing: 4px; color: #fff; text-align: center; font-size: 1.4em; width: 100% !important; display: inline-block; padding: 5px 0; margin-top: -20px;}
.bg-module {background-color: #f3f3f3;}
hr.startpage {max-width: 99%;margin: 15px auto 20px 0;background-color: none;border: 1px solid #999;}
.span_img{width: 410px;}
.base_header_center {text-align: center !important;}
.mail-big {font-size: 1.2em;}

/* - DJTabs - */
.dj-custom-blue-FK .djtabs-date-in {font-style: italic; text-align: right;}
.dj-custom-blue-FK .djtabs-title {font: 600 14px Open Sans, arial, sans-serif !important; line-height: 31px !important; letter-spacing: 1px !important;}
.dj-custom-blue-FK .djtabs-panel-title {font: 600 13px Open Sans,arial, sans-serif !important; text-transform: none !important; margin-left: 5px !important; line-height: 24px !important;}
.Kinder-und-Jugend .djtabs-panel-title {text-transform: none !important; font-weight: normal; margin-top: 4px; padding-left: 5px;}
.Kinder-und-Jugend .accordion-body .djtabs-panel {height: 36px;}
.Kinder-und-Jugend .djtabs-panel-active .djtabs-title-in {font-weight: bold; background-color: #e3f2c5; padding: 5px;}
.Kinder-und-Jugend .djtabs-group-active .djtabs-article-content {padding: 5px;  background-color: #e3f2c5;}

/* opening hours */
.openinghours-open, .openinghours-closed {text-align: center; font-weight: 600; text-transform: uppercase;}
  /* - DJMediaTools - */
.djmt_date {font-size: 0.7em; color: #868686; font-style: italic;}
.dj-slide-description {line-height: 1.3em;}

/* - RSdirectory - */
.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {z-index: 0 !important;}


/* - Search Result - */
.search-results dt.result-title {font-size: 120%;line-height: 1.2em;}

/* responsive men� */
.slicknav_menu .slicknav_nav > ul > li {background: #fff;}
.slicknav_menu .slicknav_nav a {color: #615b56;}
.slicknav_menu .slicknav_menutxt {font-weight: normal; font-size:14px;}
.slicknav_menu .slicknav_btn {margin: 2px 5px 6px; padding: .35em .5em;}
.slicknav_menu .slicknav_nav a:hover {background: rgba(149,194,61, 0.6);}
.slicknav_menu .slicknav_nav > ul > li > li {background: rgba(149,194,61, 0.3);}
.slicknav_menu .slicknav_nav > ul > li > li > li {background: rgba(149,194,61, 0.3);}
.slicknav_menu .slicknav_nav .slicknav_item:hover {background: rgba(149,194,61, 0.6);}
.mm-spn li::after, .mm-spn li::before, .mm-spn.mm-spn--navbar::after {opacity: .85;}
.menu-toggle {margin: 12px 10px 10px 10px; padding: 1px 5px; box-shadow: 1px 1px 3px #808080;}

@media only screen and (min-width: 1220px) {
.uk-grid + .uk-grid, .uk-grid-margin, .uk-grid > * > .uk-panel + .uk-panel {margin-top: 15px !important;}
[class*="span_img"] {float: right;min-height: 1px;margin-left: 17px;}
}

@media only screen and ( max-width: 420px ) {
h1 {font-size: 1.65rem;}
h2 {font-size: 1.5rem; margin: 0 0 .5rem; line-height: 2rem;}
h3 {font-size: 1.3rem;}
body {font-size: 15px !important;}
.branchen-headline {font-size: 1.6em;}
.header-2 {font-size: .75em;}
.imgsize50 {width:50%;}
.menu_grey_underline, .menu_yellow_underline, .menu_red_underline, .menu_green_underline, .menu_blue_underline {width: 150px !important;}
.subheader-background-rot {line-height: 100px; font-size: 2em; letter-spacing: 3px;}
.subheader-background-gelb {line-height: 100px; font-size: 2em; letter-spacing: 3px;}
.subheader-background-blau {line-height: 100px; font-size: 2em; letter-spacing: 3px;}
.subheader-background-gruen {line-height: 100px; font-size: 2em; letter-spacing: 3px;}
.sm-parent .menu-icon-cont, .menu-icon-cont.sm-close {display: none;}
.dropdown-content {
  min-width: 350px;
  margin-left: -35px;
  margin-top: -15px;
  z-index: 1001;}
.slicknav_menu .slicknav_btn {background: #615b56;}
.menu_search {content: "Suche"; background-image: url("/images/design/mobile_suche.png");background-repeat: no-repeat;width: 75px;display: inline-block !important;}
.sloganstart {font-size: 1rem; line-height: normal;}
.mail-big {font-size: 0.9em;}
.clsSearchMod {padding-top: 20px;}
/* blue icons startpage */
div.clsRoundIconsGrid {grid-template-columns: repeat(auto-fit, minmax(24%,1fr));}
.clsIconsBlauStart {max-width: 60px;}
div.clsRoundIconsBox {width: 95%;}
.clsIconsBlauFont {font-size: 0.8em;}
/* Suchfeld - ich moechte */
.mod-finder {padding: 2%;}
.clsDropBtn {padding: 15px 12px 5px 12px;}
.awesomplete > input {max-width: 150px; height: 30px;}
.finder {padding-right: 35px;padding-left: 50px;}
.clsImgIchMoechte {width: 150px;}
.clsDropDown {margin-left: 7%;}
.clsDropDownContent {margin-left: -25px; padding: 10px 1px; min-width: 350px; font-size: 0.9em;}
.clsBoxCalStartInner {padding: 8px; font-size: 1.1em;}
div.clsKachelMainGrid {grid-template-columns: repeat(auto-fit, minmax(330px,1fr));}
.clsTxtStartWidth {max-width: 380px;}
.clsPartnerStart {margin-top: 15px;}
/* Phocadownload */
.phoca-dl-file-box-mod .pd-document32, #phoca-dl-file-box .pd-document32, #phoca-dl-category-box .pd-document32, #phoca-dl-most-viewed-box .pd-document32, #phoca-dl-download-box .pd-document32 {line-height: 20px; font-size: 12px !important;}
.phocadownloadfile {border: none; margin: 0 0 70px 0;}
/*mwall*/
.mwall-masonry #mwall_items_1 .mwall-item-outer-cont .mwall-photo-link {
  width: 60% !important;
  margin-left: auto;
  margin-right: auto;
}

}

@media only screen and (min-width: 421px) and (max-width: 1024px) {
h1 {font-size: 1.8rem;}
h2 {font-size: 1.5rem;}
h3 {font-size: 1.3rem;}
body, .hornav ul ul, .hornav ul ul a {font-size: 15px !important;}
.imgsize50 {width:50%;}
.menu_grey_underline, .menu_yellow_underline, .menu_red_underline, .menu_green_underline, .menu_blue_underline {width: 150px !important;}
.subheader-background-rot {line-height: 100px; font-size: 2em; letter-spacing: 3px;}
.subheader-background-gelb {line-height: 100px; font-size: 2em; letter-spacing: 3px;}
.subheader-background-blau {line-height: 100px; font-size: 2em; letter-spacing: 3px;}
.subheader-background-gruen {line-height: 100px; font-size: 2em; letter-spacing: 3px;}
.sm-parent .menu-icon-cont, .menu-icon-cont.sm-close {display: none;}
.dropdown-content {
  min-width: 350px;
  margin-left: 65px;
  margin-top: -15px;
  z-index: 1001;}
.slicknav_menu .slicknav_btn {background: #615b56;}
.menu_search {content: "Suche"; background-image: url("/images/design/mobile_suche.png");background-repeat: no-repeat;width: 75px;display: inline-block !important;}
.clsSearchMod {padding-top: 20px;}
/* blue icons startpage */
div.clsRoundIconsGrid {grid-template-columns: repeat(auto-fit, minmax(60px,1fr));}
.clsIconsBlauStart {max-width: 60px;}
div.clsRoundIconsBox {width: 95%;}
/* Suchfeld - ich moechte */
.mod-finder {padding: 3%;}
.clsDropBtn {padding: 15px 12px 5px 12px;}
.awesomplete > input {max-width: 230px;}
.finder {padding-right: 45px;}
/* Phocadownload */
.phoca-dl-file-box-mod .pd-document32, #phoca-dl-file-box .pd-document32, #phoca-dl-category-box .pd-document32, #phoca-dl-most-viewed-box .pd-document32, #phoca-dl-download-box .pd-document32 {line-height: 20px; font-size: 14px !important;}
.phocadownloadfile {border: none; margin: 0 0 30px 0;}
}