/* Webfonts */
@font-face {
  font-family: 'Muli';
  font-style: normal;
  font-weight: 200;
  src: local('Muli ExtraLight'), local('Muli-ExtraLight'), url(webfonts/7Au_p_0qiz-adf3nOCX2z24PMFk.woff2) format('woff2'), url('webfonts/Muli-ExtraLight.ttf') format('truetype');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Muli';
  font-style: normal;
  font-weight: 300;
  src: local('Muli Light'), local('Muli-Light'), url(webfonts/7Au_p_0qiz-adZnkOCX2z24PMFk.woff2) format('woff2'), url('webfonts/Muli-Light.ttf') format('truetype');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Muli';
  font-style: normal;
  font-weight: 400;
  src: local('Muli Regular'), local('Muli-Regular'), url(webfonts/7Auwp_0qiz-afTLGLQjUwkQ.woff2) format('woff2'), url('webfonts/Muli-Regular.ttf') format('truetype');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Muli';
  font-style: normal;
  font-weight: 600;
  src: local('Muli SemiBold'), local('Muli-SemiBold'), url(webfonts/7Au_p_0qiz-ade3iOCX2z24PMFk.woff2) format('woff2'), url('webfonts/Muli-SemiBold.ttf') format('truetype');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Muli';
  font-style: normal;
  font-weight: 700;
  src: local('Muli Bold'), local('Muli-Bold'), url(webfonts/7Au_p_0qiz-adYnjOCX2z24PMFk.woff2) format('woff2'), url('webfonts/Muli-Bold.ttf') format('truetype');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Muli';
  font-style: normal;
  font-weight: 800;
  src: local('Muli ExtraBold'), local('Muli-ExtraBold'), url(webfonts/7Au_p_0qiz-adZXgOCX2z24PMFk.woff2) format('woff2'), url('webfonts/Muli-ExtraBold.ttf') format('truetype');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Muli';
  font-style: italic;
  font-weight: 400;
  src: local('Muli Italic'), local('Muli-Italic'), url(webfonts/7Au-p_0qiz-afTf2LwLT4EYFOA.woff2) format('woff2'), url('webfonts/Muli-Italic.ttf') format('truetype');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Muli';
  font-style: italic;
  font-weight: 800;
  src: local('Muli ExtraBold Italic'), local('Muli-ExtraBoldItalic'), url(webfonts/7Au9p_0qiz-afTf-iCTGzWQIElsO0w.woff2) format('woff2'), url('webfonts/Muli-ExtraBoldItalic.ttf') format('truetype');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


html {
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	word-wrap: normal;
  word-break: break-word;
  font-variant-ligatures: common-ligatures;
  -webkit-font-feature-settings: "liga", "clig";
  -moz-font-feature-settings: "liga", "clig";
  font-feature-settings: "liga", "clig";
  -webkit-font-feature-settings: "liga", "lnum";
  -moz-font-feature-settings: "liga", "lnum";
  font-feature-settings: "liga", "lnum";
  position: relative;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}
body {
  margin: 0;
  padding: 0;
  font-family: 'Muli', Arial, Helvetica, sans-serif;
  font-size: 16px;
  position: relative;
}

@font-face {
  font-family: 'kirchemvicons';
  src:  url('webfonts/kirchemvicons.eot?g48ld8');
  src:  url('webfonts/kirchemvicons.eot?g48ld8#iefix') format('embedded-opentype'),
    url('webfonts/kirchemvicons.ttf?g48ld8') format('truetype'),
    url('webfonts/kirchemvicons.woff?g48ld8') format('woff'),
    url('webfonts/kirchemvicons.svg?g48ld8#kirchemvicons') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"], .list_download li::before, a[target="_blank"]::after, .ui-icon.ui-icon-circle-triangle-w, .ui-icon.ui-icon-circle-triangle-e {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'kirchemvicons' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-spinner:before {
  content: "\e921";
}
.icon-event:before {
  content: "\e920";
}
.icon-file:before {
  content: "\e91e";
}
.icon-news:before {
  content: "\e91f";
}
.icon-address:before {
  content: "\e91d";
}
.icon-trash:before {
  content: "\e91b";
}
.icon-eye:before {
  content: "\e91c";
}
.icon-pen:before {
  content: "\e91a";
}
.icon-account:before {
  content: "\e919";
}
.icon-btn-text:before {
  content: "\e918";
}
.icon-btn-download:before {
  content: "\e912";
}
.icon-btn-route:before {
  content: "\e913";
}
.icon-clock:before {
  content: "\e914";
}
.icon-datepicker:before {
  content: "\e915";
}
.icon-filter:before {
  content: "\e916";
}
.icon-marker:before {
  content: "\e917";
}
.icon-arr-down-long:before {
  content: "\e900";
}
.icon-arr-down:before {
  content: "\e901";
}
.icon-arr-left-long:before {
  content: "\e902";
}
.icon-arr-left:before {
  content: "\e903";
}
.icon-arr-right-long:before {
  content: "\e904";
}
.icon-arr-right:before {
  content: "\e905";
}
.icon-arr-up-long:before {
  content: "\e906";
}
.icon-arr-up:before {
  content: "\e907";
}
.icon-close:before {
  content: "\e908";
}
.icon-download:before {
  content: "\e909";
}
.icon-external-link:before {
  content: "\e90a";
}
.icon-facebook:before {
  content: "\e90b";
}
.icon-instagram:before {
  content: "\e90c";
}
.icon-kirche-mv:before {
  content: "\e90d";
}
.icon-login:before {
  content: "\e90e";
}
.icon-play:before {
  content: "\e90f";
}
.icon-search:before {
  content: "\e910";
}
.icon-youtube:before {
  content: "\e911";
}





/* pure overwrite */
.pure-g {
    letter-spacing: 0;
}
html, button, input, select, textarea,.pure-g [class *= "pure-u"],.pure-g {
    font-family: 'Muli', Arial, Helvetica, sans-serif;
}
.pure-g > div {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 15px;
}
article .pure-g > div {
    padding-bottom: 30px;
}
.pure-g .pure-g > div {
    padding-left: 0;
    padding-right: 0;
    /*
    padding-bottom: 0;
    */
}
/*
.pure-g .pure-g > div {
    padding-bottom: 0;
}
*/
/*
.content .content {
    margin: 0 -15px;
}
*/
/*
article > .content > .pure-g > div {
    padding-left: 0;
    padding-right: 0;
}
*/
.pure-g.grid > div {
    padding: 0 15px;
}
.pure-g .grid {
    margin: 0 -15px;
}


/* Landingpage */
.template_landingpage article .pure-g{
    justify-content: center;
}
section {
    padding: 30px 0;
    margin-bottom: 30px;
}
section.section_lightblue {
    background-color: #eff4f4;
}


body > header {
    position: fixed;
    background-color: #fff;
    z-index: 2;
    width: 100%;
    top: 0;
    transition: all ease 0.25s;
    height: 60px;
}

body > header.hide{
    top: -65px;
}

article {
    margin-bottom: 50px;
    padding-top: 60px;
}

.iframe article{
  margin: 0;
  padding: 30px;
}
iframe#losung {
    width: 100% !important;
}

#topbar {
    background-color: #eff4f4;
    font-size: 14px;
    font-weight: 700;
    color: #003b5b;
    padding: 0;
    display: none;
}
#topbar a {
    padding: 16px 0;
    display: inline-block;
}
#topbar a:hover {
    color: #00b5b5;
}
#breadcrumb {
    display: inline-block;
    float: left;
    font-size: 13px;
    font-weight: 700;
}
#breadcrumb a {
    float: none;
    padding: 6px 0;
    display: block;
}
#breadcrumb a::before {
    display: inline-block;
    width: 10px;
    content: "›";
    text-align: left;
    margin-left: 1px;
}
#breadcrumb .icon-kirche-mv {
    font-size: 22px;
    position: relative;
    top: 5px;
    margin-right: 5px;
    line-height: 5px;
}

#topbar_content_right {
    float: right;
}
#topbar_content_right a {
    padding-left: 12px;
    padding-right: 12px;
}
#topbar_content_right > a, #topbar_content_right > ul {
    float: left;
}
#topbar_content_right > a:last-child {
    padding-right: 0;
}
#topbar_content_right .icon {
    font-size: 19px;
    position: relative;
    top: 3px;
    margin-right: 4px;
    line-height: 5px;
}

#logo {
    width: 187px;
    margin-top: 11px;
    margin-bottom: 11px;
    z-index: 1;
    position: relative;
}

.line {
    background-color: #003b5b;
    height: 2px;
    max-width: 1120px;
    margin: 0 auto;
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: -1;
}

/* Mobile Search Button */
#mobile_searchbutton {
    position: absolute;
    top: 0;
    right: 55px;
    width: 58px;
    height: 58px;
    z-index: 1;
    transition: 0.5s width;
    background-color: #fff;
}
#mobile_searchbutton.active {
    width: calc(100% - 55px);
    background-color: #eff4f4;
}
#mobile_searchbutton input {
    background-color: transparent;
    border: 0;
    margin: 0;
    height: 40px;
    padding: 8px 0 11px 55px!important;
    width: calc(100% - 58px);
    font-size: 16px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: clip;
}
#mobile_searchbutton .icon-search {
    top: 0;
    position: absolute;
    left: 0;
    font-size: 30px;
    color: #00b5b5;
    padding: 14px;
    cursor: pointer;
}
.icon-search.icon-search-loading-ani {
}
.icon-search.icon-search-loading-ani::before {
    content:"\e921";
    animation: rotating 2s linear infinite;
    position: absolute;
}

/* Autocomplete */
.search-autocomplete {
    background-color: #eff4f4;
    width: 100%;
    position: fixed;
    top: 58px;
    left: 0;
    display: none;
    border-top: 1px solid #c3ccce;
}
.search-autocomplete ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
.search-autocomplete a {
    display: block;
    padding: 10px 15px 12px 55px;
    border-bottom: 1px solid #d4dddf;
    font-weight: 600;
    font-size: 16px;
    color: #003b5b;
}
.search-autocomplete a:hover {
    background-color: #f4f9fa;
    color: #00b5b5;
}


/* Autocomplete KMV */
.tx-solr-autosuggest {
    border: none;
    background-color: #fff;
    color: #003b5b;
    font-size: 17px;
    box-shadow: 0 8px 15px rgba(0, 60, 80, 0.1);
}
.tx-solr-autosuggest .autocomplete-suggestion {
    padding: 10px 15px 12px 17px;
    border-top: 1px solid #e4edef;
}
.tx-solr-autosuggest .autocomplete-suggestion:hover {
    background-color: #f4f9fa;
    cursor: pointer;
}
.tx-solr-autosuggest strong, .tx-solr-autosuggest em {
    color: inherit;
    font-weight: 700;
    font-style: normal;
}
.tx-solr-autosuggest .autocomplete-group {
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-size: 13px;
    padding: 20px 18px 10px 18px;
    font-weight: bold;
    color: #6f8490;
}
.autosuggestlist-1 {
    width: 100% !important;
    position: fixed !important;
    top: 60px !important;
}

.search-indicator-address::after{
    display: block;
    content: "\e91d";
    float: right;
    font-family: 'kirchemvicons';
    margin-left: 25px;
    margin-right: 1px;
    font-size: 25px;
    color: #afb9bd;
}
.search-indicator-news::after{
    display: block;
    content: "\e91f";
    float: right;
    font-family: 'kirchemvicons';
    margin-left: 25px;
    margin-right: 1px;
    font-size: 25px;
    color: #afb9bd;
}
.search-indicator-file::after{
    display: block;
    content: "\e91e";
    float: right;
    font-family: 'kirchemvicons';
    margin-left: 25px;
    margin-right: 1px;
    font-size: 25px;
    color: #afb9bd;
}
.search-indicator-event::after{
    display: block;
    content: "\e920";
    float: right;
    font-family: 'kirchemvicons';
    margin-left: 25px;
    margin-right: 1px;
    font-size: 25px;
    color: #afb9bd;
}


/* Navigation */

/* Burger Button */
.burgerbutton {
    cursor: pointer;
    height: 30px;
    padding: 19px 15px 9px;
    position: absolute;
    right: 0;
    width: 25px;
    top: 0;
}
.burgerbutton.active {
    background: #eff4f4;
}
.burgerbutton-line {
    background-color: #00b5b5;
    height: 2px;
    margin-bottom: 6px;
    transition: all 0.4s ease 0s;
    width: 100%;
}

.burgerbutton.active .burgerbutton-line:nth-child(1) {
    -webkit-transform: translateY(8px) rotate(45deg);
    -ms-transform: translateY(8px) rotate(45deg);
    transform: translateY(8px) rotate(45deg);
}
.burgerbutton.active .burgerbutton-line:nth-child(2) {
    width: 0;
    margin-left: 50%;
}
.burgerbutton.active .burgerbutton-line:nth-child(3) {
    -webkit-transform: translateY(-8px) rotate(-45deg);
    -ms-transform: translateY(-8px) rotate(-45deg);
    transform: translateY(-8px) rotate(-45deg);
}



/* Main Menu */

#navigation_main{
    margin: 0 -15px;
    display: none;
    max-height: calc(100% - 60px);
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
    position: fixed;
    width: 100%;
    top: 58px;
}
#navigation_main > ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: block;
}
#navigation_main ul > li {
    font-size: 18px;
    font-weight: bold;
    color: #00b5b5;
    display: block;
    float: none;
    padding: 0;
    border-bottom: 1px solid #d4dddf;
    background: #eff4f4;
    position: relative;
    min-height: 53px;
}
#navigation_main ul > li.open {
    border-bottom: 1px solid #eff4f4;
}
#navigation_main ul > li.open > .navigation_main_sub_1 {
    display: block;
}
#navigation_main ul > li > a {
    padding: 14px 15px 16px;
    display: block;
    width: calc(100% - 30px);
}
#navigation_main ul > li > a.has_children {
    width: calc(100% - 85px);
}
.navigation_landingpagelink{
    display: none;
}
#navigation_main .subopen, .sidenavigation .subopen {
    height: 35px;
    padding: 0 !important;
    position: absolute;
    right: 0;
    top: 10px;
    width: 55px;
    border-left: 1px solid #d4dddf;
    border-top: 0;
}
.subopen::after {
    content: "+";
    width: 100%;
    text-align: center;
    display: block;
    font-size: 32px;
    font-weight: 300;
    line-height: 27px;
}
.open .subopen::after {
    content: "-";
}
.navigation_main_sub_1 {
    background-color: #eff4f4;
    display: none;
    padding-left: 15px;
}
.navigation_main_sub_1 > a {
    color: #00b5b5;
    font-weight: 700;
}
.navigation_main_sub_1 ul {
    list-style: none;
    padding: 0;
}
#navigation_main .navigation_main_sub_1 > ul > li > a{
    font-weight: 700;
    font-size: 16px;
    padding: 16px 15px 16px;
}
#navigation_main .navigation_main_sub_1 ul > li.special_links > a {
    display: none;
}
.special_links .navigation_main_sub_2 {
    display: block;
    padding-left: 0;
}

.navigation_main_sub_2 {
    display: none;
    padding-left: 15px;
}
.navigation_main_sub_2 > ul > li > a {
    font-size: 16px;
}


#mobile_menu_additional_links {
    background-color: #eff4f4;
    border-bottom: 1px solid #d4dddf;
}
#mobile_menu_additional_links a {
    padding: 8px 15px 10px;
    font-weight: 700;
    display: block;
    font-size: 14px;
}
#mobile_menu_additional_links a:first-child {
  padding-top: 18px;
}
#mobile_menu_additional_links a:last-child {
  padding-bottom: 21px;
}
#mobile_menu_additional_links .icon {
    font-size: 19px;
    top: 3px;
    position: relative;
    margin-right: 4px;
    line-height: 5px;
}
#mobile_menu_additional_links.logged_in .icon {
  top: 6px;
  float: right;
}


/* Jump Menu */


/* Content Elemente */
.frame{
    clear: both;
    margin-bottom: 18px;
}


/* Images */
figure{
    margin: 0 0 10px;
    display: block;
    max-width: 100%;
}
.image-column figure {
    margin-bottom: 0;
}
picture {
    display: block;
}
img, svg{
	width: 100%;
    height: auto;
	display: block;
	margin: 0;
    image-rendering: auto;
}
.noimage {
    width: 1px;
    height: 1px;
}
a img:hover {
    opacity: 0.8;
}
.swiper-container a img:hover {
    opacity: 1;
}
figcaption {
    background-color: #eff4f4;
    display: inline-block;
    padding: 5px 12px 8px;
    font-size: 15px;
    top: -17px;
    position: relative;
    left: 17px;
    max-width: calc(100% - 58px);
}
#topvisual {
    padding-bottom: 20px;
    margin: 0 auto;
}
.content #topvisual {
    margin: 0 -15px;
    width: auto;
}
#topvisual .pure-g > div {
    padding-bottom: 0;
}
.headerimage{
    max-width: 1440px;
    margin: 0 auto;
}

.headerimage figcaption {
    right: 15px;
    top: auto;
    position: absolute;
    left: auto;
    bottom: 12px;
    margin-left: 15px;
}
article .headerimage .pure-g > div {
    padding-bottom: 0;
}

/* Video */
video {
    display: block;
    width: 100%;
    height: auto;
}

/* Header Slider */
.headerimage .swiper-container .content {
  padding: 0;
}
.headerimage .swiper-container .swiper-slide figcaption{
  padding:  5px 12px 8px;
  right: auto;
  left: 0;
}

/* Search Page */
.result-found {
    font-weight: bold;
}


/* Accordion */
.accordion{
    background-color: #eff4f4;
}
.accordion-title{
    color: #003b5b;
    padding: 15px 52px 18px 22px;
    border-top: 1px solid #d4dddf;
    font-weight: 700;
    cursor: pointer;
    position: relative;
}
.accordion > .accordion-title:first-child {
    border-top: none;
}
.accordion-title:hover {
    background-color: #f4f9fa;
    color: #00b5b5;
}
.accordion-title:hover + .accordion-content {
    background-color: #f4f9fa;
}
.accordion-title::after {
    height: 35px;
    position: absolute;
    right: 0;
    top: 10px;
    width: 55px;
    text-align: center;
    display: block;
    font-size: 32px;
    font-weight: 300;
    line-height: 27px;
    content: "+";
}
.accordion-title.open {
    font-weight: 700;
}
.accordion-title.open::after {
    content: "-";
}
.accordion-content {
    padding: 10px 22px 25px;
    display: none;
}
.accordion-title.open, .accordion-content.open {
    display: block;
}
.accordion-title.open, .accordion-title.open + .accordion-content {
    background-color: #f6faf9;
}

/* Read More */
.read-more-text {
  display: none;
}
.read-more-link a {
    cursor: pointer;
}
.read-more-link a::after {
    top: -4px;
    position: relative;
    width: 7px;
    height: 7px;
    border-right: 2px solid;
    border-bottom: 2px solid;
    display: inline-block;
    content: "";
    transform: rotate(45deg);
    margin-left: 8px;
}
.read-more-link.open a::after {
    top: 1px;
    transform: rotate(225deg);
}

/* Gemeindebrief */ 
.gemeindebrief-cover {
    margin-bottom: 25px;
}
.gemeindebrief-cover img {
    margin-bottom: 12px;
    border: 1px solid #e2ebed;
}
.gemeindebrief-ansehenlink {
    margin: 5px 0 12px;
    display: inline-block;
}
.gemeindebrief-downloadlink {
    font-size: 14px;
    display: block;
    margin-top: 4px;
    font-weight: 600;
}
.gemeindebrief-downloadlink .icon {
    top: 3px;
    position: relative;
    font-size: 19px;
    left: -2px;
}
.gemeindebrief-cover a {
    color: #003b5b;
}
.gemeindebrief-cover a:hover {
    color: #00b5b5;
}
.gemeindebrief-cover small {
    margin: 5px 0 12px;
    display: block;
}


/* Content Slider */
.swiper-slide {
  background-color: #eff4f4;
}
.slider_content .swiper-slide {
    padding-bottom: 16px;
    height: auto;
}
.swiper-slide figcaption {
    top: auto;
    left: auto;
    max-width: inherit;
    padding: 15px 20px 10px;
}
.swiper-slide figcaption + .format_source {
    top: auto;
    margin-bottom: auto;
    margin-top: auto;
    padding: 0 20px 0;
}
.swiper-pagination-progressbar {
    height: 7px!important;
    position: relative!important;
    background: #dfe4e4 !important;
}
.picture_in_slide {
    height: 414px;
    position: relative;
    overflow: hidden;
}
.picture_in_slide img{
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
}
.picture_in_slide img.portrait_image {
    top: auto;
    left: 50%;
    transform: translateX(-50%);
    width: auto;
    height: 100%;
}
.swiper-button-prev, .swiper-button-next{
    filter: drop-shadow(0 4px 12px rgba(0,0,0,0.4));
}
.swiper-arrows-on-hover .swiper-button-next, .swiper-arrows-on-hover .swiper-button-prev {
    display: none;
}
.swiper-arrows-on-hover:hover .swiper-button-next, .swiper-arrows-on-hover:hover .swiper-button-prev {
    display: block;
}


/* Home Slider */
.slider_home .swiper-slide{
    background: #003b5b;
    height: auto;
}
.slider_home_infobox {
    padding: 20px 15px 20px 15px;
    color: #fff;
}
.slider_home_overtitle {
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-size: 13px;
    margin-bottom: 5px;
    font-weight: 600;
}
.slider_home_title {
    font-size: 26px;
    font-weight: 300;
}
.slider_home .swiper-button-prev, .slider_home .swiper-button-next {
    top: 30%;
}
.slider_home .swiper-pagination-progressbar {
    background: #003b5b!important;
}
.swiper-pagination-progressbar-fill {
    background: #3dd5c6!important;
}






sub, sup {
  font-size: 0.85em;
}
.clear{
    clear: both;
}
.space-down {
    margin-bottom: 30px;
}
.space-down-small {
    margin-bottom: 8px;
}
.space-down-medium {
    margin-bottom: 16px;
}
.content {
    margin: 0 auto;
    max-width: 1150px;
    clear: both;
    position: relative;
    padding: 0;
}
article .content {
    padding-bottom: 30px;
}

.content.fullsize, .content.fullsize_mobile {
    margin: 0;
    width: 100%;
    padding: 0;
}
.content.fullsize{
    max-width: none;
}
.content.fullsize .pure-u-1, .content.fullsize_mobile .pure-u-1 {
    padding-left: 0;
    padding-right: 0;
}

p{
    margin: 0;
    line-height: 1.35em;
}
a {
    color: #003b5b;
    text-decoration: none;
}
a:hover {
    color: #003b5b;
}
p a, ul li a, ol li a {
    color: #00b5b5;
    font-weight: 700;
    text-decoration: none;
}
article a[target="_blank"]:not(.no_linkintent)::after {
    display: inline-block;
    content: "\e90a";
    transform: scale(1.15);
    top: 1px;
    position: relative;
    padding: 0 0 0 3px;
}

#title_gemeinde {
    font-weight: 700;
    font-size: 16px;
    padding: 9px 0 8px;
    width: calc(100% - 100px);
}
header.has-background-color #title_gemeinde{
  width: calc(100% - 115px);
  padding-left: 15px;
  padding-right: 15px;
  margin-left: -15px;
}
#gemeinde_main_left {
    display: table-cell;
    vertical-align: middle;
    height: 41px;
}
#gemeinde_main_right {
    display: none;
}






h1, h2, h3, h4, h5{
    color: #003b5b;
    margin: 20px 0 10px;
}

h1 {
    font-size: 26px;
    font-weight: 300;
    margin: 0 0 20px;
}
h1 > span {
    font-size: 14px;
    font-weight: 700;
    display: block;
    margin-bottom: 3px;
}
h2, h5 {
    font-size: 20px;
    display: block;
}
.frame h2:first-child {
    margin-top: 0;
}
.iframe h2:first-child {
    margin-top: 0;
}
h2 > span {
    font-size: 14px;
    font-weight: 700;
    display: block;
    margin-bottom: 6px;
}
a h2:hover{
    color: #00b5b5;
}
.div_list_item h2 {
    font-weight: 800;
}
h3 {
    color: #000;
    margin: 0;
    font-size: 16px;
    font-weight: 800;
}
a h3{
    color: #003b5b;
}
a h3:hover{
    color: #00b5b5;
}

.smaller {
    font-size: 0.9em;
}

.format_date_place {
    font-weight: 800;
    text-transform: uppercase;
    font-size: 0.9em;
    color: #454555;
    letter-spacing: 0.02em;
    padding-right: 7px;
}
.format_date_place_single {

}


.format_event_date_place {
    margin-bottom: 16px;
    font-size: 0.9em;
}
.format_event_date_place div{
    padding-left: 22px;
    position: relative;
}

.format_event_date {
    margin-bottom: 4px;
}
.format_event_place {
}
.format_event_date_place .icon {
    color: #003b5b;
    position: absolute;
    left: 0;
    top: 3px;
}
.format_event_place ul {
    padding-left: 0;
    list-style: none;
    margin: 0;
}
.format_event_place ul li {
    padding-bottom: 1px;
}

.calendar_sheet {
    width: 65px;
    background: #eff4f4;
    border-top: 3px solid #3dd5c6;
    padding: 9px 6px 11px;
    text-align: center;
    font-size: 0.65em;
    font-weight: 600;
    color: #003b5b;
    float: left;
    margin-right: 20px;
    margin-bottom: 15px;
}
.calendar_sheet_day {
    font-size: 3.2em;
    font-weight: 300;
}
.calendar_sheet_today {
    background: #003b5b;
    color: #fff;
}
.calendar_sheet_today .calendar_sheet_weekday {
    text-transform: uppercase;
    color: #3dd5c6;
}
.div_list_item_text {
    overflow: hidden;
}


.format_introtext {
    font-size: 1.35em;
    margin-bottom: 25px;
    font-weight: 300;
}
.format_introtext.format_introtext_news {
    font-size: inherit;
    font-weight: 600;
}
.format_source {
    margin-top: 25px;
    font-size: 0.75em;
    color: #61616d;
    position: relative;
}
figure .format_source {
    margin-top: 0;
    padding: 5px 28px 5px;
}
figcaption + .format_source {
    top: -17px;
    margin-bottom: -17px;
}
.format_autor {
    margin-bottom: 14px;
    font-style: italic;
}

.centered, .h-center, .center {
    text-align: center;
}

.heading {
    font-size: 22px;
    color: #003b5b;
    font-weight: 800;
    margin: 10px 0;
    text-align: center;
    clear: both;
}
.heading_underline {
    font-size: 24px;
    text-align: center;
    color: #003b5b;
    font-weight: 600;
    margin: 10px 0;
    margin-bottom: 24px;
    clear: both;
}
.heading_underline span {
    border-bottom: 2px solid #3dd5c6;
    padding-bottom: 3px;
}
.heading_underline a:hover {
    color: #00b5b5;
}
.heading_underline_left {
    margin: 0 auto 25px;
    text-align: left;
}
.infobox {
    padding: 20px 20px 30px;
    background-color: #eff4f4;
}
.infobox > :last-child {
    margin-bottom: 0;
}
.infobox.infobox_var_2 {
    background-color: inherit;
    border: 2px solid #6f8490;
}
.infobox_with_overtitle {
    margin-top: 40px;
}
.infobox h2:first-of-type {
    margin-top: 0;
}
.overtitle {
    position: relative;
    top: -33px;
    text-align: center;
    margin-bottom: -12px;
}
.overtitle span {
    background: #3dd5c6;
    color: #003b5b;
    padding: 7px 24px;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 0.05em;
    font-weight: 600;
}
.infobox_var_2 .overtitle span {
    background-color: #6F8690;
    color: #fff;
}

.tags {
    margin-bottom: 10px;
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
}

.tags a {
    color: #00b5b5;
    font-weight: 700;
    padding: 10px 18px 11px;
    border: 2px solid #dde2e2;
    border-radius: 11px;
    display: inline-block;
    margin-bottom: 13px;
    margin-right: 8px;
    font-size: 15px;
}
.tags a:hover {
    background-color: #f5fafa;
}
.category-list a {
  color: #00b5b5;
  font-weight: 700;
  display: block;
  padding: 11px 0 15px;
  border-bottom: 2px solid #e4e7e9;
}
.category-list a:first-child {
  border-top: 2px solid #e4e7e9;
}
.category-list a:hover {
  color: #003b5b;
}

a.ghost_btn {
    font-weight: 700;
    color: #00b5b5;
    border: 2px solid;
    border-radius: 8px;
    padding: 10px 30px 12px;
    display: inline-block;
    font-size: 16px;
}
a.ghost_btn:hover {
    color: #003b5b;
}
.ghost_btn.ghost_btn_icon {
    padding-left: 50px;
    position: relative;
}
.ghost_btn .icon {
    font-size: 1.7em;
    position: absolute;
    left: 13px;
    top: 7px;
}
.ghost_btn.btn_loading, .ghost_btn.btn_loading:hover {
    color: #6f8490;
    cursor: default;
    border-color: #fff;
    padding-left: 47px;
    position: relative;
}
@keyframes rotating {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.ghost_btn.btn_loading::before {
    content: "l";
    width: 18px;
    height: 18px;
    position: absolute;
    display: block;
    border-radius: 50%;
    left: 15px;
    top: 9px;
    color: #fff;
    border: 2px solid #7f94a0;
    font-size: 27px;
    font-weight: 800;
    line-height: 9px;
    animation: rotating 2s linear infinite;
}
.ghost_btn + .ghost_btn {
    margin-left: 12px;
}


.eventbox .cta_buttons {
    margin-top: 30px;
}
.eventbox .cta_buttons .ghost_btn {
    margin: 0 18px 25px 0;
}

hr {
    width: 100%;
    clear: both;
    margin: 30px 0;
    height: 0;
    border-bottom: 2px solid #efefef;
    border-top: 0;
    border-right: 0;
    border-left: 0;
}
.no_overflow {
    overflow: hidden;
}

.equal_gallery {
    margin:0 auto 20px;
    left: -5px;
    position: relative;
    max-width: 1440px;
}
.equal_gallery figure {
    float: left;
    padding-right: 0;
    margin-right: -5px;
    border-left: 5px solid #fff;
    margin-bottom: 5px;
    width: 25%;
}
.equal_gallery a:hover img {
    opacity: 1;
}
.equal_gallery figcaption {
    margin-bottom: 20px;
}
.equal_gallery figcaption + .format_source {
    top: -37px;
}

.equal_gallery_2[data-cols="3"] figcaption,
.equal_gallery_2[data-cols="4"] figcaption,
.equal_gallery_2[data-cols="5"] figcaption,
.equal_gallery_2[data-cols="6"] figcaption,
.equal_gallery_2[data-cols="7"] figcaption,
.equal_gallery_2[data-cols="8"] figcaption,
.equal_gallery_2[data-cols="9"] figcaption,
.equal_gallery_2[data-cols="10"] figcaption {
  display: none;
}
.equal_gallery_2_inner {
  display: flex;
  grid-column-gap: 4px;
}
.equal_gallery_2_inner figure {
  margin-bottom: 4px;
}
.equal_gallery_2_inner img {
  max-height: 300px;
  width: auto;
  max-width: 100%;
  height: auto;
}


/* Filter Switch */
.filter-switch {
    color: #6f8490;
    font-weight: 600;
    display: inline-block;
    float: right;
    padding: 12px 18px;
    cursor: pointer;
    font-size: 16px;
}
.filter-switch.active {
    color: #003b5b;
    background-color: #e8f7f7;
}
.filter-switch .icon {
    font-size: 1.1em;
    position: relative;
    top: 2px;
    padding-left: 3px;
}
.filter-switch + hr {
    margin-bottom: 0;
}
.filter-switch.active + hr {
    display: none;
}



/* Filter */
.filter-box {
    clear: both;
    margin: 0 -15px;
}
.filter-box-invisible {
  display: none;
}
.filter-box-news{
    display: none;
}
.filter-box input[type="text"], .filter-box input[type="search"], .filter-box input[type="date"] {
}
.filter-box input{
    /* border: 2px solid #c3d6da; */
}
.filter-row{
    clear: both;
}
.filter-row-tags {
    margin: 10px 0 20px;
}
.filter-col{
}
.filter-col.filter-col-searchterm {
}
.filter-box-search .filter-col-searchterm input {
    margin-bottom: 16px;
}
.filter-box-search .filter-col-searchbutton {
    width: 100%;
}
.filter-box-search .filter-col-searchbutton input {
    width: 100%;
    height: 41px;
}
.filter-col.filter-col-category {
}
.filter-col.filter-col-category .selectric-wrapper, .selectric-wrapper {
}
.filter-col-period {
    width: 100%;
    position: relative;
    margin-bottom: 16px;
}
.filter-period {
    cursor: pointer;
    background-color: #fff;
    padding: 8px 16px 10px;
    -webkit-appearance: none;
    appearance: none;
    border-top: 2px solid #c3d6da;
    width: calc(100% - 32px);
}
.filter-col-period .icon-arr-down {
    position: absolute;
    right: 12px;
    top: 33px;
    font-size: 20px;
    transition: 0.5s;
    cursor: pointer;
}
.filter-col-period.active .icon-arr-down {
    transform: rotate(180deg);
}
.filter-period-dropdown {
    background-color: #fff;
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
    display: none;
    box-shadow: 0 8px 15px rgba(0, 60, 80, 0.1);
    position: absolute;
    z-index: 1;
}
.filter-period-dropdown ul {
    padding: 0;
    list-style: none;
    margin: 0;
}
.filter-period-dropdown li {
    padding: 10px 16px 12px;
    cursor: pointer;
}
.filter-period-dropdown ul li:hover {
    background-color: #eff4f4;
}
.filter-period-dropdown li:last-child {
    border-bottom: none;
}
.filter-col-date {
    width: 50%;
    position: relative;
    margin: 0;
    z-index: 0;
    float: left;
}
.filter-col-date:hover {
    background-color: #eff4f4;
}
input.filter-date {
    background-color: transparent;
}
.filter-box input.datepicker.filter-date {
    margin-bottom: 0;
    border-left: none;
    border-bottom: none;
    border-right: none;
    border-top: 0;
    padding-left: 17px;
    width: calc(100% - 33px);
    padding-top: 8px;
    padding-bottom: 12px;
}
.filter-box .filter-col-date .icon.icon-datepicker {
    position: absolute;
    top: 12px;
    left: 15px;
    font-size: 15px;
    color: #b1b1b1;
    display: none;
    z-index: -1;
}
input[type=date]::-webkit-datetime-edit-field{
    padding: 0;
}
.filter-col:last-child{
    margin-right: 0;
}

/* Filter Tags */
.filter-dropdown {
    padding: 10px 18px 11px 40px;
    font-weight: 600;
    border: 2px solid #c3d6da;
    border-radius: 11px;
    cursor: pointer;
    color: #003b5b;
    position: relative;
}
.filter-dropdown.active {
    border-radius: 11px 11px 0 0;
    border-bottom-width: 0;
}
.filter-dropdown .icon-filter {
    position: absolute;
    left: 16px;
    top: 13px;
}
.filter-dropdown .icon-arr-down {
    position: absolute;
    right: 14px;
    top: 10px;
    font-size: 20px;
    transition: 0.5s;
}
.filter-dropdown.active .icon-arr-down {
    transform: rotate(180deg);
    top: 12px;
}
.tags {
    display: none;
}
.tags a {
    color: #7f9aa8;
    border-color: #c3d6da;
    padding: 10px 18px 12px 40px;
    display: block;
    margin-right: 0;
    margin-bottom: 0;
    border-radius: 0;
    border-bottom-width: 0;
    position: relative;
}
.tags a:hover {
    color: #003b5b;
    background-color: transparent;
}
.tags a.picked {
    color: #003b5b;
}
.tags a.picked::before {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    content: "";
    background-color: #003b5b;
    position: absolute;
    left: 21px;
    top: 18px;
}
.tags a:last-child {
    border-bottom-width: 2px;
    border-radius: 0 0 11px 11px;
}
.filter-box sup {
    top: 0px;
    padding: 0 0 0 17px;
    font-size: 90%;
    font-weight: 600;
    float: right;
    top: 10px;
}
.filter-box input[type="submit"], .pure-control-group button[type="submit"] {
    float: right;
    height: 41px;
}

/* Datepicker */
#ui-datepicker-div {
    background-color: #fff;
    border-top: 2px solid #c3d6da;
    box-shadow: 0 8px 15px rgba(0, 60, 80, 0.1);
    padding: 7px 15px 20px;
    display: none;
}
#ui-datepicker-div table {
    background-color: #fff;
}
.ui-datepicker-title {
    font-weight: bold;
    display: block;
    text-align: center;
    padding: 10px 0;
    color: #003b5b;
}
.ui-icon.ui-icon-circle-triangle-w, .ui-icon.ui-icon-circle-triangle-e {
    width: 0;
    display: block;
    overflow: hidden;
    height: 0;
}
.ui-icon.ui-icon-circle-triangle-w:hover, .ui-icon.ui-icon-circle-triangle-e:hover {
    color: #00b5b5;
}
.ui-icon.ui-icon-circle-triangle-w::before, .ui-icon.ui-icon-circle-triangle-e:before {
    width: 42px;
    display: block;
    background-color: #fff;
    top: 0;
    position: absolute;
    text-align: center;
    padding: 10px;
    font-weight: bold;
    font-size: 22px;
    cursor: pointer;
    line-height: 38px;
}
.ui-icon.ui-icon-circle-triangle-w:before {
  content: "\e903";
    left: 0;
}
.ui-icon.ui-icon-circle-triangle-e:before {
    content: "\e905";
    right: 0;
}

#ui-datepicker-div tr:nth-child(odd) {
    background-color: inherit;
}
#ui-datepicker-div th {
    padding: 9px 11px 8px 11px;
    background-color: inherit;
    color: inherit;
    text-align: center;
}
#ui-datepicker-div td {
    padding: 0;
    text-align: center;
}
#ui-datepicker-div td a {
    padding: 7px 0;
    display: block;
}
#ui-datepicker-div td a:hover {
    background-color: #eff4f4;
}
.ui-state-default.ui-state-active {
    font-weight: 800;
    background-color: #eff4f4;
}
#ui-datepicker-div td.ui-state-disabled {
    padding: 7px 0;
    color: #ddd;
}
.ui-datepicker-today a {
    color: #00b5b5;
    font-weight: 800;
}


/* Datepicker inline */
#ui-datepicker-div.datepicker-inline {
    display: block;
    box-shadow: none;
    background-color:transparent;
    border-top: 0;
    padding: 0;
    position: relative;
}
#ui-datepicker-div.datepicker-inline .ui-datepicker-title {
    padding: 7px 0 17px;
}
#ui-datepicker-div.datepicker-inline table {
    background-color: transparent;
    display: table;
}
#ui-datepicker-div.datepicker-inline th {
    padding: 0;
}
#ui-datepicker-div.datepicker-inline .ui-icon.ui-icon-circle-triangle-w::before, .ui-icon.ui-icon-circle-triangle-e::before {
    width: auto;
    background-color: transparent;
    padding: 0 3px;
}
#ui-datepicker-div.datepicker-inline td a:hover {
    background-color: #fff;
}


/* Show more link */
.show_all_container{
  display: none;
}


/* Teaser */
.teaser {
    font-size: 16px;
}
.teaser picture{
    margin-bottom: 15px;
}
.teaser_titel {
    color: #003b5b;
    font-weight: 800;
    font-size: 20px;
    margin-bottom: 10px;
}
.teaser_titel a:hover {
    color: #00b5b5;
}
.teaser_link {
    color: #00b5b5;
    font-weight: 700;
    text-decoration: none;
    margin-top: 10px;
    display: inline-block;
}
a.teaser_link.hover {
    color: #003b5b;
}


/* MV Map Interactive */
#map-mv-i > g:hover, #map-mv-i > g.hover{
    opacity: 0.80;
    cursor: pointer;
}

/* Icon Links */
.icon_link {
    color: #00b5b5;
    font-weight: 700;
    text-decoration: none;
    padding: 18px 0 0px 30px;
    display: inline-block;
    position: relative;
}
.icon_link span {
    font-size: 27px;
    top: 16px;
    position: absolute;
    left: -4px;
    width: 29px;
    display: inline-block;
}


/* Lists */
article li {
    padding-bottom: 10px;
}
.list_download {
    padding-left: 0;
    margin: 0;
    list-style: none;
}
.list_download li {
    border-bottom: 2px solid #efefef;
    padding: 13px 0 19px 52px;
    position: relative;
}
.list_download li::before {
    content: "\e909";
    position: absolute;
    left: 0;
    top: 15px;
    color: #00b5b5;
    font-size: 46px;
}
.div_list {
    margin-bottom: 15px;
}
.div_list_item {
    border-bottom: 2px solid #efefef;
    padding: 25px 0 5px 0;
    position: relative;
}
.div_list_item:last-child {
    border-bottom: 0;
}
.grid.div_list_item{
    border-bottom: none;
}
.grid.div_list_item::after {
    content: "";
    width: calc(100% - 30px);
    height: 2px;
    background-color: #efefef;
    position: absolute;
    left: 15px;
    bottom: 0;
}
.div_list_item_smaller_spacing {
    padding-bottom: 0;
}
.content-type {
    color: #6f8490;
    font-weight: 600;
    font-size: 0.8em;
    margin-bottom: 10px;
    display: inline-block;
    text-transform: uppercase;
    letter-spacing: 0.02em;
}
.content-type-address::before {
    display: inline;
    content: "\e91d";
    font-family: 'kirchemvicons';
    margin-left: -2px;
    margin-right: 4px;
    font-size: 20px;
    color: #899eaa;
    font-weight: normal;
    top: 3px;
    position: relative;
}
.content-type-news::before {
    display: inline;
    content: "\e91f";
    font-family: 'kirchemvicons';
    margin-left: -2px;
    margin-right: 4px;
    font-size: 20px;
    color: #899eaa;
    font-weight: normal;
    top: 3px;
    position: relative;
}
.content-type-file::before {
    display: inline;
    content: "\e91e";
    font-family: 'kirchemvicons';
    margin-left: -2px;
    margin-right: 4px;
    font-size: 20px;
    color: #899eaa;
    font-weight: normal;
    top: 3px;
    position: relative;
}
.content-type-event::before {
    display: inline;
    content: "\e920";
    font-family: 'kirchemvicons';
    margin-left: -2px;
    margin-right: 4px;
    font-size: 20px;
    color: #899eaa;
    font-weight: normal;
    top: 3px;
    position: relative;
}
.div_list_item h2 {
    margin-top: 0;
}
.div_list_short .div_list_item {
    padding: 0 0 20px;
    border: 0;
}
.div_list_short .div_list_item:last-child {
    padding-bottom: 0;
}
.div_list_short a {
    color: #003b5b;
}
.div_list_short a:hover {
    color:#00b5b5;
}
.div_list_short .format_date_place {
    display: block;
    padding: 0;
    font-weight: 700;
    font-size: 0.8em;
    color: #6F8690;
}


/* Ongoing Events */
.ongoing_events_box {
    background-color: #f4f9fa;
    padding: 20px 15px;
    margin: -2px -15px 0;
    position: relative;
    border-top: 10px solid #fff;
    border-bottom: 20px solid #fff;
}
.ongoing_events_box_title {
    margin-left: 97px;
    font-size: 0.85em;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    padding: 10px 0;
}
.calendar_sheet_ongoing {
    width: 67px;
    margin-right: 30px;
    float: left;
    min-height: 1px;
}


/* Single Event */
.eventbox {
    padding: 25px 25px 20px;
    background-color: #eff4f4;
    margin: 20px 0 0;
}
.eventbox .figure_right img {
    max-height: 350px;
    object-fit: contain;
}
.eventbox picture {
    margin-bottom: 20px;
}
.eventbox figcaption {
    background-color: #fff;
}
.between_title{
    color: #003b5b;
    font-weight: 700;
    margin-top: 20px;
}
.pdf_file_preview {
    display: inline-block;
}
.pdf_file_preview img{
    width: 130px;
    margin: 10px 0;
}
.event_map{
    border-top: 2px solid #fff;
}
.event_backlink {
    margin-top: 20px;
    font-size: 16px;
}



/* Form */
article form {
    background-color: #e8f7f7;
    padding: 16px 15px 18px;
}
article .infobox form {
    background: transparent;
    padding: 0;
}
form h2 {
    margin: 0 0 20px;
}
fieldset, .powermail_fieldwrap_type_check, .powermail_fieldwrap_type_radio {
    border: 0;
    margin: 0 0 22px 0;
    padding: 0;
}
.pure-control-group{
    position: relative;
}
.pure-form-aligned .pure-control-group label {
    margin: 0 3px 0 0;
}
.pure-form input:not([type]):focus, .pure-form input[type="password"]:focus, .pure-form input[type="email"]:focus, .pure-form input[type="url"]:focus, .pure-form input[type="date"]:focus, .pure-form input[type="month"]:focus, .pure-form input[type="time"]:focus, .pure-form input[type="datetime"]:focus, .pure-form input[type="datetime-local"]:focus, .pure-form input[type="week"]:focus, .pure-form input[type="tel"]:focus, .pure-form input[type="color"]:focus, .pure-form input[type="number"]:focus, .pure-form input[type="search"]:focus, .pure-form input[type="text"]:focus, .pure-form select:focus, .pure-form textarea:focus {
    outline: 0;
    border-color: #3dd5c6;
}
.pure-form input:focus:invalid, .pure-form select:focus:invalid, .pure-form textarea:focus:invalid {
    color: #b94a48;
    border-color: #af423a;
}
input, textarea {
    border-width: 2px 0 0 0 !important;
    border-style: solid;
    padding: 8px 16px 10px !important;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    margin-bottom: 16px;
    border-radius: 0 !important;
    box-shadow: none !important;
}
input:focus, textarea:focus {
    outline: none;
}
form input, form textarea{
    border-top-color: #c3d6da;
}
input[type="text"], input[type="search"], input[type="email"], input[type="password"], input[type="file"] {
    width: calc(100% - 32px);
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
}
.pure-form input[type="file"].pure-input-1{
    width: calc(100% - 32px);
}
button, .pure-form button, input[type="submit"] {
    color: #fff;
    border: none;
    padding: 10px 35px 12px;
    -webkit-appearance: none;
    appearance: none;
    margin-bottom: 0;
    border-radius: 0;
    margin-top:0;
    background-color: #b0bfc0;
    font-weight: 600;
}
input[type="submit"], button[type="submit"], .pure-form button[type="submit"], button.btn-primary {
    background-color: #00b5b5;
    font-weight: 700;
}
input[type="submit"]:hover, button[type="submit"]:hover {
    opacity: 0.8;
}
input[type="reset"], button[type="reset"] {
    -webkit-appearance: none;
    appearance: none;
    color: #6f8490;
    background: transparent;
    border: 0;
    padding: 14px 0 10px 0;
    font-size: 0.85em;
    font-weight: 600;
    vertical-align: bottom;
    margin: 0;
    padding-left: 0 !important;
}
input[type="reset"]:hover, button[type="reset"]:hover {
    color: #003b5b;
    background: transparent;
}
input[type="file"] {
    background-color: #fff;
}
label, legend {
    display: block;
    font-weight: bold;
    font-size: 0.9em;
    padding: 0 0 5px;
    width: auto !important;
}
textarea {
    width: calc(100% - 32px);
}
input.searchfield-compact {
    width: calc(100% - 152px);
}
input[type="submit"].btn-search-compact {
    padding: 9px 25px 11px;
    width: 120px;
    float: right;
}


.input_cta {
    font-weight: bold;
    font-size: 0.9em;
    border-radius: 4px;
    margin-left: 20px;
    float: right;
}
.input_cta:hover {
    color: #00b5b5;
}

#time-fields_to{
  display: none;
}

#date_expander {
    padding: 0;
    position: relative;
}
#date_expander_inner {
    width: 30px;
    height: 30px;
    position: absolute;
    top: 34px;
    left: -15px;
    cursor: pointer;
}
#date_expander_inner.active {
    transform: rotate(180deg);
}
#date_expander_inner::before {
    width: 11px;
    height: 11px;
    border-top: 2px solid #003b5b;
    border-right: 2px solid #003b5b;
    content: "";
    position: absolute;
    transform: rotate(45deg);
    left: 5px;
    top: 8px;
}




form .powermail_legend {
    margin: 5px 0 20px;
    font-weight: normal;
    font-size: 1em;
}
.tx-powermail form .powermail_fieldset .parsley-errors-list {
    background-color: transparent;
    border: 0;
    margin: -16px 0 20px 0;
    font-size: 15px;
    font-weight: 700;
}
.tx-powermail form .powermail_fieldset .parsley-errors-list > li {
    padding: 0;
    color:#C24452;
}
.tx-powermail form .powermail_fieldset .powermail_field_error, .tx-powermail form .powermail_fieldset .parsley-error, .tx-powermail form .powermail_fieldset .powermail_form .parsley-error:focus, .tx-powermail form .powermail_fieldset div.error {
    background-color: #fff;
    color:#C24452;
    border-color:#C24452;
}
#powermail_captchaimage {
    width: 220px;
}

/* FORM Reiter*/ 
form .btn-group {
    border-bottom: 2px solid #00b5b5;
    margin: 20px 0;
    position: relative;
}
form .btn-group button {
    background-color: transparent;
    border: 2px solid transparent;
    color: #003b5b;
    font-weight: bold;
    padding: 10px 20px;
    position: relative;
    bottom: -2px;
}
form .btn-group button.btn-primary {
    border: 2px solid #00b5b5;
}
form .btn-group button.btn-primary::after {
    height: 2px;
    background-color: #e8f7f7;
    width: 100%;
    position: absolute;
    bottom: -2px;
    left: 0;
    content: "";
}

/* +/- Button */
.minibutton {
    background-color: #fff;
    border-radius: 20px;
    width: 30px;
    height: 30px;
    display: inline-block;
    text-align: center;
    font-weight: bold;
    color: #003b5b;
    font-size: 20px;
    margin-bottom: 10px;
    cursor: pointer;
}
.pure-form .input_repeater input {
    width: calc(100% - 40px);
}
#minustel {
    float: right;
    margin-top: 7px;
}



#uploadcontainer {
    display: block!important;
}
#imageTable {
    background-color: transparent;
}
#imageTable tr {
    background-color: transparent;
}
#imageTable td {
    padding: 0 0 20px;
}
#imageTable .editcolumn {
    padding-left: 20px;
}

/* Location Map in Form */
.map_outer {
    position: relative;
}
.marker {
    position: absolute;
    top: 37%;
    left: 47%;
    width: 40px;
    height: 50px;
    background-image: url(img/marker.svg);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 100% auto;
    cursor: grab;
}
.map_overlay {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-color: rgba(20,70,90,0.5);
    cursor: not-allowed;
}
.map_markerinfo {
    margin-top: 8px;
    display: none;
}


/* New Form and Filters*/
article .filter-box form {
}
article .pure-g form .pure-g {
    margin: 0 -15px;
}
article .pure-g form .pure-g > div {
    padding: 0 15px 0;
}
.form-oneliner-content, .form-oneliner-button {
    vertical-align: top;
    display: inline-block;
    float: left;
    width: 100%;
}
.form-oneliner-content {
}
.form-oneliner-button {
}
.filter-box .form-oneliner-button input[type="submit"] {
    float: none;
    width: 100%;
}

.fastfilter input, form input[type="search"] {
    margin: 0;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border-radius: 0!important;
}
#fastfilter_noelements {
    display: none;
    margin-bottom: 30px;
    padding-top: 20px;
}
.fastfilter .pure-u-1 {
    padding: 0;
}

.inputouter {
    position: relative;
}
.clearinput {
    position: absolute;
    right: 12px;
    background-color: #eff4f4;
    width: 24px;
    height: 24px;
    text-align: center;
    border-radius: 50%;
    top: 9px;
    cursor: pointer;
    display: none;
}



/* Form Info Button */
.info_help_button {
    width: 18px;
    height: 18px;
    display: inline-block;
    border-radius: 50%;
    text-align: center;
    font-weight: 800;
    color: #e8f7f7;
    font-size: 15px;
    background-color: #c3d6da;
    line-height: 18px;
    cursor: pointer;
}
.info_help_button::before {
    content: "i";
}
.info_help_button:hover .info_help_content {
    display: block;
}
.info_help_content {
    position: absolute;
    bottom: calc(100% + 4px);
    left: 0;
    width: auto;
    max-width: 400px;
    background-color: #fff;
    font-size: 15px;
    padding: 12px 16px 14px;
    box-shadow: 0 2px 15px rgba(0, 60, 80, 0.1);
    border-radius: 10px;
    text-align: left;
    font-weight: normal;
    color: #000;
    line-height: initial;
    display: none;
}
.info_help_content .triangle {
    content: "";
    width: 18px;
    height: 18px;
    background-color: #fff;
    position: absolute;
    bottom: -7px;
    left: 22px;
    transform: rotate(45deg);
}


/* TABLE */
table {
    overflow: scroll;
    overflow-y: hidden;
    max-width: 100%;
    display: block;
    background-color: #eff4f4;
    width: 100%;
}
tr:nth-child(odd) {
    background-color: #f7fbfc;
}
th, td {
    text-align: left;
    word-break: initial;
    padding: 9px 22px 10px 14px;
    font-size: 0.9em;
}
th {
    background-color: #003b5b;
    color: #fff;
}
table a:hover {
    color: #00b5b5;
}

table.sortable {
    display: table;
}
table.sortable th:not(.sorttable_sorted):not(.sorttable_sorted_reverse):not(.sorttable_nosort):after {
    content: " \25B2\25BC";
    opacity: 0.25;
    padding-left: 7px;
    position: relative;
    top: -1px;
    font-family: Arial Narrow;
    font-size: 14px;
    letter-spacing: -3px;
}
#sorttable_sortrevind, #sorttable_sortfwdind {
    top: -1px;
    position: relative;
    padding-left: 7px;
    font-family: Arial Narrow;
    font-size: 14px;
    letter-spacing: -3px;
}
.sortable th {
    cursor: pointer;
}
.sortable th, .sortable td{
    border: none;
}
.label-inline {
    font-size: 0.8em;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    background-color: #00b5b5;
    padding: 2px 6px;
    margin-left: 5px;
    color: #fff;
    font-weight: bold;
}

table.table {
    display: table;
}
table.lighthead th {
    background-color: #eff4f4;
    color: #000;
}

/* Table for editing */
table.editinglist {
    background-color: transparent;
    display: table;
}
table.editinglist tr:nth-child(2n+1) {
    background-color: transparent;
}
table.editinglist td {
    padding: 0 22px 6px 10px;
    vertical-align: top;
    display: block;
}
table.editinglist td:first-child {
    border-top: 2px solid #efefef;
    padding-top: 10px;
}
table.editinglist a, table.editinglist strong{
  color: #003b5b;
}
table.editinglist a:hover{
  color: #00b5b5;
}
.editinglist h3 {
  margin-bottom: 8px;
  color: #003b5b;
}
table.editinglist .editcolumn {
    font-size: 20px;
    padding: 0;
    width: 41px;
    float: right;
}
table.editinglist .editcolumn a {
    padding: 15px 10px 10px;
    display: block;
    color: #00b5b5;
}
table.editinglist .editcolumn a:hover {
  color: #003b5b;
}
table.editinglist tr[data-href]:hover{
    background-color: #f4f9fa;
    cursor: pointer;
}


/* Search Table */
.dataTables_wrapper .dataTables_filter input {
    background-color: #eff4f4!important;
    border-top: 2px solid #c3d6da!important;
    font-weight: normal;
    font-size: 1.1em;
    position: relative;
    padding: 9px 16px 10px !important;
}
.dataTables_wrapper .dataTables_filter input[type="search"] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='100' viewBox='0 0 150 100'%3E%3Ctitle%3Esearch%3C/title%3E%3Cpath d='M55.74,10.36a33.87,33.87,0,0,0-26.1,55.49L10.35,85.14l4.51,4.5L34.14,70.35a33.89,33.89,0,1,0,21.6-60Zm0,61.42A27.53,27.53,0,1,1,83.28,44.25,27.56,27.56,0,0,1,55.74,71.78Z' style='fill:%23003b5b'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 35px;
    background-position: right;
}



/* Address */
.adressen {
    padding-left: 0;
    list-style: none;
    border-top: 2px solid #efefef;
    clear: both;
    padding-top: 30px;
}
.adressen:first-of-type {
    padding-top: 0;
    border-top: 0;
}
.div_list_item .adressen {
    margin-top: 0;
}
.adressen li, #navigation_footer ul.adressen > li {
    padding-bottom: 2px;
}
.adressen img {
    width: 200px;
    margin: 0 auto 30px;
}
.adressen .org a {
    font-weight: 800;
    color: #003b5b;
    font-size: 1.2em;
}
.adressen .org a:hover {
    color: #00b5b5;
}

/* Sortieren */
#sorter {
    width: calc(100% - 30px);
    margin: 0 auto;
}
#sorter .adressen {
    padding-left: 40px;
    position: relative;
}
#sorter .adressen.fixed {
    padding-left: 70px !important;
}
#sorter .adressen.fixed + .adressen {
    border-top: 0;
    padding-top: 10px;
}
#sorter .adressen:not(.fixed) {
    cursor: grab;
}
#sorter .adressen:not(.fixed)::before {
    content: "";
    width: 22px;
    height: 3px;
    position: absolute;
    display: block;
    left: 0;
    top: calc(50% - 2px);
    border-top: 2px solid #e1e1e1;
    border-bottom: 2px solid #e1e1e1;
}



#navigation_footer ul.adressen {
  /*
    padding-top: 20px;
    border-top: 1px solid #d4dddf;
    */
}
footer .adressen img {
    display: none;
}


/* Pagebrowse */
.pagebrowse {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center;
}
.pagebrowse_page {
    padding: 0;
    display: inline-block;
    margin: 0 10px 0 0;
}
.pagebrowse_page a {
    background-color: #eff4f4;
    display: block;
    height: 50px;
    min-width: 50px;
    text-align: center;
    font-weight: bold;
    line-height: 48px;
    color: #003b5b;
}
.pagebrowse_current a {
    color: #00b5b5;
}
.pagebrowse_page a:hover {
    color: #00b5b5;
}

body .dataTables_wrapper .dataTables_paginate .paginate_button {
    font-size: 0.9em;
    font-weight: bold;
    color: #003b5b !important;
    border: 0;
}
body .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    color: #00b5b5 !important;
}
body .dataTables_wrapper .dataTables_paginate .paginate_button.current, 
body .dataTables_wrapper .dataTables_paginate .paginate_button:hover, 
body .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    border: 0;
    background: #eff4f4!important;
    border-radius: 0;
    color: #00b5b5 !important;
}
#myTable_info {
    font-size: 0.9em;
}


/* Export Dropdown */
.export_dropdown {
    font-size: 16px;
    color: #6f8490;
    font-weight: 600;
    margin: 20px 0 20px;
    position: relative;
}
.export_dropdown_title {
    cursor: pointer;
    padding: 10px 0;
    display: inline-block;
}
.export_dropdown_title .icon {
    margin-left: 5px;
    top: 12px;
    position: absolute;
    font-weight: bold;
}
.export_dropdown_title.active > .icon {
    transform: rotate(180deg);
    top: 13px;
}
.export_dropdown ul {
    margin: 0;
    padding: 0;
    list-style: none;
    position: absolute;
    left: 0;
    top: 40px;
    z-index: 100;
    box-shadow: 0 6px 7px rgba(0,0,0,0.04);
    display: none;
}

.export_dropdown li {
    padding: 0;
}
.export_dropdown li a {
    display: block;
    padding: 13px 54px 13px 19px;
    background-color: #eff4f4;
    border-bottom: 2px solid #dbe2e4;
    position: relative;
}
.export_dropdown li:last-child a {
    border-bottom: 0;
}
.export_dropdown li a:hover {
    background-color: #f4f9fa;
}
.export_dropdown ul .icon {
    font-size: 25px;
    right: 14px;
    top: 11px;
    position: absolute;
}



/* Navigation */

/* Sidenavigation */
article nav{
    margin: 0 0 40px 0;
}
.sidenavigation_dropdown {
    font-weight: 600;
    line-height: 1.35em;
    color: #003b5b;
    border-bottom: 1px solid #d4dddf;
    background-color: #eff4f4;
    cursor: pointer;
    position: relative;
}
.sidenavigation_dropdown:hover {
    background-color: #f4f9fa;
    color: #00b5b5;
}

.sidenavigation_dropdown .icon-arr-left, .sidenavigation .icon-arr-left {
    font-size: 21px;
    position: relative;
    top: 3px;
    padding: 0 10px 0 0;
}

.sidenavigation_dropdown .subopen {
    height: 35px;
    padding: 0 !important;
    position: absolute;
    right: 0;
    top: 10px;
    width: 55px;
    border-left: 1px solid #d4dddf;
}
.sidenavigation_dropdown .menutitle {
    padding: 15px 22px 18px;
    display: block;
    width: calc(100% - 100px);
}

.sidenavigation {
    background-color: #eff4f4;
    padding: 0;
    margin: 0;
    list-style: none;
    line-height: 1.35em;
    word-wrap: break-word;
    display: none;
    position: relative;
}
.sidenav_main {
    margin-bottom: 0;
}

.sidenavigation li {
    padding: 0;
    position: relative;
}
.sidenavigation a {
    color: #003b5b;
    text-decoration: none;
    padding: 15px 22px 18px;
    display: block;
    border-top: 1px solid #d4dddf;
    font-weight: 600;
}
.sidenavigation > li:first-child a {
    border-top: none;
}
.sidenavigation a:hover {
    background-color: #f4f9fa;
    color: #00b5b5;
}
.sidenavigation .active {
    border-bottom: 2px solid #3dd5c6;
    padding-bottom: 3px;
}
.sidenavigation ul li:last-child a{
    padding-bottom: 20px;
}
.sidenavigation ul li:last-child a span.active {
    margin-bottom: 8px;
}

.sidenavigation a.subopen:hover {
    background: transparent;
}
.sidenavigation .open ul {
    display: block;
}

/* zweite Ebene */
.sidenavigation ul {
    list-style: none;
    padding: 0;
    display: none;
}
.sidenavigation ul a {
    border-top: 0;
    padding: 7px 20px 10px 40px;
    font-size: 16px;
}




/* Login Screen */
.login-screen {
    background-size: cover;
    background-position: center center;
    height: calc(100% - 60px);
    width: 100%;
    position: fixed;
}
.login-box {
    background-color: #e8f7f7;
    max-width: 290px;
    margin: 0 auto;
    top: 50%;
    position: relative;
    transform: translateY(-50%);
    padding-bottom: 20px;
    padding: 16px 15px 1px;
}
.login-screen .login-box form {
    padding: 20px 0 0;
}
.login-box input[type="submit"] {
    float: right;
}
.login-error{
  font-size: 15px; 
  color:#C24452;
  margin-bottom: 20px;
}
.login-box h2 {
    margin-bottom: 5px;
}
.login-box label:first-of-type {
    margin-top: 20px;
}
.tx-felogin-pi1 fieldset {
    margin: 0;
}
.login-screen legend {
 display:none;
}
.login-box label:first-of-type {
    margin-top: 0;
}



/* Special */
.hidden_content{
    display: none;
    padding-top: 20px;
}
.link_hidden_content, .link_hidden_content > span{
    transition: 0.5s;
}
.link_hidden_content_open > span {
    width: 0;
    overflow: hidden;
}
.link_hidden_content_open {
    padding-left: 0;
    color: #000;
}

/* Back to top */

#backtotop {
    display: block;
    width: 54px;
    height: 54px;
    right: 20px;
    border-radius: 50%;
    position: fixed;
    cursor: pointer;
    background-color: #eff4f4;
    bottom: -60px;
    opacity: 0;
    transition: opacity 0.5s;
    z-index: 1;
}
#backtotop::after {
    content: "";
    display: block;
    position: absolute;
    width: 14px;
    height: 14px;
    border-top: 2px solid #003b5b;
    border-left: 2px solid #003b5b;
    transform: rotate(45deg);
    left: 19px;
    top: 22px;
}

#backtotop:hover{
}
#backtotop:hover::after{
    border-color: #00b5b5;
}

#backtotop.fixed {
    bottom: 20px;
    opacity: 1;
}


/* Footer */
footer {
    z-index: 1;
    position: relative;
}
footer .map {
    margin-top: 30px;
}
#navigation_footer {
    background-color: #eff4f4;
    border-top: 2px solid #003b5b;
    padding: 30px 0;
    display: none;
}
.template-gemeinde #navigation_footer {
    display: block;
}
#navigation_footer a{
    color: #003b5b;
}
#navigation_footer a:hover {
    color: #00b5b5;
}
.navigation_footer_subtitle {
    font-weight: 700;
}
#navigation_footer ul {
    list-style: none;
    padding: 0;
}
#navigation_footer ul > li, #navigation_footer p {
    font-size: 15px;
    font-weight: 600;
    display: block;
    padding: 0 0 14px;
}
#footer_dark {
    background-color: #003b5b;
    color: #eff4f4;
    text-align: center;
    font-size: 15px;
    padding: 40px 0 50px;
}
#footer_dark p {
    margin-bottom: 14px;
}
#footer_dark p a{
    color: #fff;
    font-weight: initial;
}
#footer_dark p a:hover{
    border-bottom: 1px solid;
}
#footer_dark .icon-kirche-mv {
    line-height: 5px;
    position: relative;
    top: 3px;
    font-size: 20px;
    margin-right: 5px;
}
#navigation_meta ul {
    padding: 0;
    margin: 0 auto;
    display: inline-block;
}
#navigation_meta ul li {
    padding: 0 10px 20px;
    display: inline-block;
    float: left;
}
#navigation_meta ul li a{
    color: #fff;
}
#navigation_meta ul li a:hover{
    border-bottom: 1px solid;
}


/* Gemeindeseiten Footer */
#navigation_footer #breadcrumb {
    margin-top: -25px;
    margin-bottom: 30px;
}
#navigation_footer h2 {
    margin-top: 0;
}


/* Map Popup */
.leaflet-popup-content-wrapper {
    border-radius: 7px!important;
}
.leaflet-popup-content {
    font-family: 'Muli',Arial,Helvetica,sans-serif;
    font-size: 1.2em;
    margin: 12px 42px 14px 18px!important;
}
.leaflet-popup-content ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.leaflet-popup-content li {
    padding: 0;
}
.leaflet-container a.leaflet-popup-close-button {
    padding: 14px!important;
    width: 20px!important;
    height: 20px!important;
    font-size: 23px!important;
    font-weight: normal!important;
}




/* Cookie Banner */
#cookiedingsbums{
    text-align:left;
    background:#003b5b;
    color: #fff;
    position:fixed;
    bottom:0;
    z-index:10000;
    width:100%;
    font-size:13px;
    line-height:18px
}
#cookiedingsbums div{
    padding:10px 60px 14px 25px;
}
#cookiedingsbums a{
    color:#3dd5c6;
    text-decoration:none;
}
#cookiedingsbums a:hover{
    text-decoration:underline;
}
#cookiedingsbumsCloser {
    position: absolute;
    right: 0;
    top: calc(50% - 22px);
    height: 20px;
    font-size: 18px;
    padding: 12px 20px;
    cursor: pointer;
}


/* Cookie-Banner 2020 */
.cookie-consent-container {
    height: auto!important;
    bottom: 0;
    top: auto!important;
    /* box-shadow: 0 0 30px -10px rgba(0,0,0,0.3); */
}
.cookie-consent-container .consent-modal {
    position: relative!important;
    height: auto!important;
    top: auto!important;
    left: auto!important;
    transform: none!important;
    bottom: 0!important;
    width: 90%!important;
    border-radius: 0!important;
    box-shadow: none!important;
    padding: 20px 5%!important;
    max-width: none!important;
    min-height: inherit!important;
    border-top: 2px solid #003b5b;
    background-color: #f4f8f8!important;
}
#cookie-consent {
    font-family: 'Muli',Arial,Helvetica,sans-serif!important;
    font-weight: 400!important;
    font-size: 0.9em!important;
}
.cookie-consent-container .consent-modal .cookie-headline {
    text-transform: none!important;
    letter-spacing: 0!important;
    font-weight: 700!important;
    color: #003b5b!important;
    margin-bottom: 5px!important;
}
.cookie-consent-container .label {
    font-weight: 600!important;
    font-size: 1em!important;
    padding: 0 0 0 35px!important;
}
.cookie-consent-container .label .checkmark::after {
    border-color: #707070!important;
}
.cookie-consent-container .label .checkmark,
.cookie-consent-container .label input:checked ~ .checkmark,
.cookie-consent-container .label.partially-checked .checkmark {
    background-color: #fff!important;
}
.cookie-consent-container .label input:disabled:checked ~ .checkmark {
    opacity: .4!important;
}
.cookie-consent-container .consent-modal .option-wrapper .label .checkmark{
  left: 0!important;
}
.cookie-consent-container .buttons .btn {
    font-weight: 700!important;
    text-transform: none!important;
    letter-spacing: 0!important;
    font-size: 1.2em!important;
    border-radius: 0!important;
    background-color: #00b5b5!important;
    border: 0!important;
}
.cookie-consent-container .buttons .btn:hover {
    transition: none!important;
}
.cookie-consent-container .buttons .btn--secondary {
    background-color: #e7ebee!important;
    color: #7d7d7d!important;
    opacity: 1!important;
}
.cookie-consent-container .buttons .btn--primary:hover,
.cookie-consent-container .buttons .btn--secondary:hover{
  border: 0!important;
  opacity: 0.8!important;
}
.cookie-consent-container .consent-modal .option-wrapper {
    background: #fff!important;
}
.cookie-consent-container .consent-modal .option-wrapper .option-detail-wrapper {
    border-bottom: 2px solid #dee2e2!important;
}
.cookie-consent-container .consent-modal .option-wrapper .option-detail-wrapper .option-detail.cookie-option,
.cookie-consent-container .consent-modal .option-wrapper .option-detail-wrapper .option-detail.cookie-option:hover {
    background: #e7ebee!important;
}
.cookie-consent-container .consent-modal .option-wrapper .option-headline {
    text-transform: none!important;
    font-weight: bold!important;
    letter-spacing: unset!important;
    color: #2C2C2C !important;
    font-size: 1.1em!important;
}



/* Important Notice */
#important-notice {
    background-color: #f9e966;
    padding: 8px 15px 15px;
    font-weight: 600;
    color: #342407;
    font-size: 15px;
    cursor: pointer;
}
#important-notice a {
    color: #03a1a1;
}
#important-notice a:hover {
    color: #342407;
}
#important-notice-close {
    width: 23px;
    height: 25px;
    float: right;
    margin: 3px 0 10px 10px;
    position: relative;
}
#important-notice-close::before, #important-notice-close::after {
    content: "";
    width: 2px;
    height: 25px;
    background-color: #948407;
    transform: rotate(45deg);
    position: absolute;
    right: 11px;
}
#important-notice-close::after {
    transform: rotate(-45deg);
}


/* Fancybox */

.fancybox-theme-light .fancybox-slide--iframe .fancybox-content {
    max-width: 900px;
}
.fancybox-theme-light .fancybox-bg {
    background: #dde4e4;
}
.fancybox-theme-light.fancybox-is-open .fancybox-bg {
    opacity: .8;
}







@media (min-width: 340px) {
    #logo {
        width: 200px;
        margin-top: 10px;
        margin-bottom: 11px;
    }
}


@media (min-width: 370px) {
    .filter-box input.datepicker.filter-date {
        padding-left: 38px!important;
        width: calc(100% - 54px);
    }
    .filter-box .filter-col-date .icon.icon-datepicker {
        display: block;
    }
    /*
    .filter-box-search form {
        padding-bottom: 0;
    }
    .filter-box-search .filter-col.filter-col-searchterm {
        width: calc(100% - 160px);
    }
    */
    .filter-box-search .filter-col-searchbutton {
        margin-right: 0;
        width: 140px;
    }
    .form-oneliner-break-xs {
        padding-bottom: 10px;
    }
    .form-oneliner-break-xs .form-oneliner-content {
        width: calc(100% - 180px);
    }
    .form-oneliner-break-xs .form-oneliner-button {
      width: 150px;
      float: right;
    }
    .form-oneliner-button {
        width: auto;
        float: right;
    }
    .form-oneliner-break-xs.combibox-xs .form-oneliner-content {
        width: calc(100% - 150px);
    }
}


/* MQ Phablet */
@media (min-width: 568px) {
    body > header{
        height: 85px;
    }
    body > header.hide{
        top: -90px;
    }
    #logo {
        width: 325px;
    }
    #breadcrumb{
        font-size: 14px;
    }
    #breadcrumb a{
        float: left;
        padding: 16px 0;
        display: inline-block;
    }
    #breadcrumb a::before {
        width: 25px;
        text-align: center;
    }
    #breadcrumb span:first-child a::before {
        content: "";
        padding: 0;
        width: 0;
    }
    #navigation_footer #breadcrumb {
        margin-bottom: 15px;
    }
    #mobile_searchbutton {
        height: 83px;
        right: 75px;
        width: 78px;
    }
    #mobile_searchbutton .icon-search {
        padding: 24px;
    }
    #mobile_searchbutton input {
        padding: 18px 0 25px 68px!important;
        width: calc(100% - 78px);
    }
    #mobile_searchbutton.active {
        width: calc(100% - 75px);
    }
    .search-autocomplete {
        top: 83px;
    }
    .search-autocomplete a {
        padding-left: 68px;
    }
    .autosuggestlist-1 {
        position: fixed !important;
        top: 85px !important;
    }
    .burgerbutton {
        padding: 30px 25px 23px;
    }
    #navigation_main {
        margin: 0 -25px;
        top: 83px;
    }
    #navigation_main ul > li > a, #navigation_main ul > li > a.has_children, .sidenavigation li > a.has_children {
        padding-left: 22px;
        padding-right: 65px;
        width: calc(100% - 87px);
        word-break: normal;
    }
    .login-screen .login-box {
        max-width: 350px;
        padding: 25px 30px 10px;
    }
    article {
        padding-top: 85px;
    }
    #topvisual {
        padding-bottom: 30px;
    }
    article > .content, article > .content.fullsize_mobile {
        width: calc(100% - 20px);
        padding: 0 10px;
        margin: 0 auto;
    }
    .content.fullsize_mobile .pure-u-1 {
        padding-left: 15px;
        padding-right: 15px;
    }

    .slider_home .swiper-button-prev, .slider_home .swiper-button-next {
        top: 35%;
    }
    .slider_home_infobox {
        padding: 20px 25px 23px 25px;
    }

    #title_gemeinde {
        font-size: 19px;
        width: calc(100% - 150px);
        display: table;
        height: 66px;
    }
    header.has-background-color #title_gemeinde {
      width: calc(100% - 175px);
      padding-left: 25px;
      padding-right: 25px;
    }

    #gemeinde_main_left, #gemeinde_main_right {
        display: table-cell;
        width: calc(100% - 140px);
        vertical-align: middle;
        height: auto;
    }
    #gemeinde_main_right {
        width: 140px;
        padding-left: 15px;
    }
    #logo_gemeinde {
        max-width: 140px;
        max-height: 50px;
        margin-bottom: 5px;
        width: auto;
		    float: right;
    }

    h1 {
        font-size: 36px;
        font-weight: 200;
    }
    h1 > span {
        font-size: 17px;
    }
    h2, h5 {
        font-size: 24px;
    }
    h2 > span, h5 > span {
        font-size: 17px;
    }
    body, h3{
        font-size: 18px;
    }
    .teaser {
        font-size: 17px;
    }
    .figcaption {
        font-size: 16px;
    }
    .teaser_titel {
        font-size: 24px;
    }
    figure {
        margin-bottom: 25px;
    }
    .figure_right {
        width: calc(50% - 15px);
        float: right;
        padding-left: 30px;
    }
    .figure_left {
        width: calc(50% - 15px);
        float: left;
        padding-right: 30px;
    }
    .headerimage figcaption {
        right: 25px;
        bottom: 20px;
        margin-left: 25px;
    }
    .spacer{
        height: 40px;
    }
    .div_list_news_home .div_list_item {
        padding: 18px 0 25px 0;
    }
    .div_list_news_home .div_list_item h2 {
        font-size: 22px;
    }
    .div_list_news_home p, .div_list_news .teaser_link {
        font-size: 0.9em;
    }
    .calendar_sheet {
        width: 90px;
        padding: 14px 10px 18px;
        font-size: 0.8em;
        margin-right: 30px;
    }
    .ongoing_events_box {
        padding: 20px 25px;
        margin: -2px -25px 0;
    }
    .ongoing_events_box_title {
      margin-left: 140px;
    }
    .calendar_sheet_ongoing {
        width: 110px;
    }
    article form {
        padding: 25px 30px 30px;
    }
    .filter-box {
        margin: 0 -25px;
    }
    .filter-row-tags {
        margin-bottom: 10px;
    }
    .filter-col-period {
        margin-bottom: 22px;
    }
    .filter-box input.datepicker.filter-date {
        padding-top: 11px!important;
    }
    .filter-box .filter-col-date .icon.icon-datepicker {
        top: 15px!important;
        font-size: 16px;
    }
    .filter-col-period .icon-arr-down {
        top: 36px;
    }
    .filter-box-search .filter-col.filter-col-searchterm {
        width: 50%;
    }
    .filter-box-search form {
        padding-bottom: 12px;
    }
    .filter-box-search .filter-col-searchbutton input {
        height: 43px;
    }
    /* Filterbox Tags */
    .filter-dropdown {
        display: none;
    }
    .tags {
        display: block!important;
    }
    .tags a {
        border-radius: 11px;
        display: inline-block;
        margin-bottom: 13px;
        margin-right: 8px;
        border-bottom-width: 2px;
        padding-left: 18px;
    }
    .tags a:hover {
        color: #003b5b;
    }    
    .tags a.picked {
        border-color: #003b5b;
    }
    .tags a.picked::before {
        display: none;
    }
    .tags a:last-child {
        border-radius: 11px;
    }
    .filter-box sup {
        float: none;
        top: auto;
    }
    input, textarea {
        margin-bottom: 22px;
    }
    .filter-box input[type="submit"], .pure-control-group button[type="submit"] {
        height: 43px;
    }

    .clearinput {
        right: 10px;
        width: 28px;
        height: 27px;
    }



    .form-oneliner-break-sm {
        padding-bottom: 10px;
    }
    .form-oneliner-break-sm .form-oneliner-content {
        width: calc(100% - 180px);
    }
    .form-oneliner-break-sm .form-oneliner-button {
      width: 150px;
      float: right;
    }



    /* Address */
    .adressen img {
	    float: right;
	    margin-left: 30px;
	}




    footer .map {
        margin-top: 0;
    }

    /* Important Notice */
    #important-notice {
      padding: 12px 25px 18px;
      font-size: 16px;
    }

    /* Login Screen */
    .login-screen {
        height: calc(100% - 85px);
    }
}

/* MQ Tablet  */
@media (min-width: 700px) {
    .filter-box-events .filter-col.filter-col-searchterm {
    }
    .filter-box-news .filter-col.filter-col-searchterm {
    }
    .filter-col.filter-col-category {
    }
    .filter-col-period {
    }
    .filter-col-date {
        width: 50%;
    }
    input[type="reset"], button[type="reset"] {
        padding: 21px 0 4px 0;
        padding-left: 0 !important;
    }

    table.editinglist td {
        border-top: 2px solid #efefef;
        padding: 17px 22px 17px 0px;
        display: table-cell;
    }
    table.editinglist td:first-child {
        padding-left: 15px;
        padding-top: 17px;
    }
    table.editinglist .editcolumn {
      float: none;
    }
}

/* MQ Tablet  */
@media (min-width: 768px) {

    /* Home Slider */
    .slider_home_infobox {
        position: absolute;
        bottom: 30px;
        left: 50px;
        background: rgba(0,59,91,0.9);
        padding: 24px 60px 25px 30px;
        margin-right: 50px;
    }
    .slider_home_overtitle {
        font-size: 14px;
        margin-bottom: 5px;
    }
    .slider_home_title {
        font-size: 30px;
    }
    .slider_home .swiper-button-prev, .slider_home .swiper-button-next {
        top: calc(50% - 10px);
    }
    #navigation_footer{
        display: block;
    }
    .div_list_item_text .image-column {
        padding-left: 30px !important;
    }
    .template-gemeinde .div_list_item_text .image-column {
        padding-left: 15px !important;
    }
    .div_list_item .space-down, .div_list_item .space-down-medium {
        margin-bottom: 0;
    }
    .filter-box {
        margin: 0;
    }
    .form-oneliner-break-md {
        padding-bottom: 10px;
    }
    .form-oneliner-break-md .form-oneliner-content {
        width: calc(100% - 180px);
    }
    .form-oneliner-break-md .form-oneliner-button {
      width: 150px;
      float: right;
    }

}

/* MQ Desktop */
@media (min-width: 1024px) {
    body > header {
        position: relative;
        height: auto;
    }
    #topbar {
        display: block;
    }
    #topbar ul {
      padding: 0;
      margin: 0;
      list-style: none;
    }
    #topbar_content_right > ul > li {
      position: relative;
    }
    #topbar_content_right > ul:hover > a {
      border-bottom: 2px solid #00b5b5;
      height: 16px;
      color: #00b5b5;
    }
    .login-optionlist {
      top: 50px;
      background-color: #eff4f4;
      z-index: 1;
      display: none;
      position: absolute;
      top: 0;
      width: 100%;
    }
    #topbar_content_right > ul:hover .login-optionlist {
      display: block;
    }
    .login-optionlist a {
      width: calc(100% - 24px);
      color: #003b5b;
      font-weight: 600;
      border-bottom: 1px solid #d4dddf;
    }
    .login-optionlist a:hover {
      background-color: #f4f9fa;
    }
    #logo {
        margin-top: 20px;
    }

    #mobile_searchbutton{
        display: block;
        width: 0;
        right: 15px;
        top: -50px;
        height: 48px;
        border-bottom: 2px solid #00b5b5;
        background-color: #eff4f4;
        overflow: hidden;
    }
    #mobile_searchbutton.active{
        display: block;
        width: 350px;
        overflow: inherit;
    }
    #mobile_searchbutton .icon-search {
        padding: 10px 12px 10px 10px;
        left: auto;
        right: 0px;
    }
    .icon-search.icon-search-loading-ani::before {
      right: 10px;
    }
    #mobile_searchbutton input {
        padding: 5px 0 3px 18px!important;
        width: calc(100% - 65px);
    }
    .search-autocomplete {
        top: 50px;
        border-top: 0;
        width: 350px;
        right: 0;
        left: auto;
        position: absolute;
    }
    .search-autocomplete a {
        padding-left: 18px;
    }

    .autosuggestlist-1 {
        width: 350px !important;
        position: absolute !important;
        top: 50px !important;
    }

    .burgerbutton {
        display: none;
    }
    #navigation_main {
        position: absolute;
        right: 0;
        top: 32px;
        width: 100%;
        margin: 0;
        display: block !important;
        float: right;
        max-height: none;
        overflow: visible;
    }
    .template-gemeinde #navigation_main {
        display: none !important;
    }
    #navigation_main > ul {
        float: right;
    }
    #navigation_main ul > li {
        border: none;
        float: left;
        background: none;
    }
    #navigation_main ul > li > a {
        display: inline-block;
        width: auto;
        background: none;
        font-size: 22px;
        padding: 14px 20px 18px;
        color: #00b5b5;
    }
    #navigation_main ul > li > a, #navigation_main ul > li > a.has_children {
        width: auto;
        padding-right: 20px;
        padding-left: 20px;
    }
    #navigation_main > ul > li:hover > a {
        color: #003b5b;
    }
    #navigation_main ul > li.active > a {
        background: #eff4f4;
        color: #003b5b;
    }
    #navigation_main ul > li.last > a {
        padding-right: 25px;
    }
    /*
    .navigation_landingpagelink{
        display: inline-block;
        margin-bottom: 20px;
    }
    */
    #navigation_main .subopen {
        display: none!important;
    }
    .navigation_main_sub_1 {
        position: absolute;
        right: 0;
        top: 60px;
        width: calc(100% - 52px);
        display: none;
        border-bottom: 2px solid #003b5b;
        padding: 30px 26px 0;
    }
    .navigation_main_sub_1 > ul > li {
        width: calc(25% - 30px);
        margin-right: 30px;
    }
    .navigation_main_sub_1.navigation_main_sub_1_5_columns > ul > li {
        width: calc(25% - 30px);
    }
    #navigation_main .navigation_main_sub_1 ul > li > a {
        font-size: 16px;
        padding: 0;
        color: #003b5b;
        display: inline-block;
        width: auto;
        margin-bottom: 5px;
    }
    #navigation_main .navigation_main_sub_1 ul > li > a:hover {
        color: #00b5b5;
    }
    #navigation_main .navigation_main_sub_1 ul > li.special_links a {
        color: #00b5b5;
        font-weight: 700;
    }
    #navigation_main .navigation_main_sub_1 ul > li.special_links a:hover {
        color: #003b5b;
    }
    #navigation_main ul > li.special_links {
        width: 25%;
        margin: 0;
        top: -11px;
    }
    #navigation_main .special_links .navigation_main_sub_2 > ul > li {
        border-bottom: 1px solid #d7d7db;
    }
    #navigation_main .special_links .navigation_main_sub_2 > ul > li > a {
        padding: 13px 15px 9px;
        font-size: 17px;
        display: block;
    }
    .navigation_main_sub_2 {
        display: block;
        padding: 0 0 30px;
    }
    #navigation_main .navigation_main_sub_2 ul > li {
        float: none;
        min-height: auto;
        padding: 0;
    }
    #navigation_main .navigation_main_sub_2 ul > li > a {
        font-weight: 600;
    }
    /* Zur Portalseite */
    #navigation_main > ul > li.active > a::after {
        content: "Zur Portalseite ›";
        position: absolute;
        top: 45px;
        z-index: 1;
        left: 20px;
        font-size: 14px;
        color: #00b5b5;
        font-weight: 800;
    }
    #navigation_main > ul > li.active.last > a::after,
    #navigation_main ul > li > a[title="mehr..."]::after {
      display: none;
    }
    #mobile_menu_additional_links {
        display: none;
    }
    .line {
        width: calc(100% - 50px);
        position: relative;
    }
    .line_before_headerimage {
        display: none;
    }
    article {
        padding-top: 0;
    }
    #topvisual {
        padding-bottom: 40px;
    }


    /* Sidenavigation */
    .sidenav_main{
        display: none;
    }
    .fixed_column_right.fixed{
        position: fixed;
        top: 20px
    }
    .fixed_column_right.fixed.fixed_bottom {
        top: auto;
        bottom: 0;
        position: absolute;
    }


    /* Jump Menu */
    #jump_menu ul {
        text-align: center;
        display: block!important;
        border-bottom: 1px solid #d4dddf;
    }
    #jump_menu ul.fixed {
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 100;
        left: 0;
    }
    #jump_menu li {
        display: inline-block;
    }
    #jump_menu a {
        padding: 15px 16px 18px;
    }
    #jump_menu .sidenavigation a {
        border-top: 0;
    }
    #jump_menu a:hover {
        background-color: inherit;
    }
    .sidenavigation_dropdown {
        display: none;
    }



    /* Home Slider */
    .slider_home_infobox {
        bottom: 40px;
    }
    .slider_home_overtitle {
        font-size: 15px;
    }
    .slider_home_title {
        font-size: 33px;
    }

    #title_gemeinde {
        font-size: 26px;
        padding: 20px 0 15px;
        width: 100%;
        height: auto;
    }
    header.has-background-color #title_gemeinde{
      width: calc(100% - 40px);
      padding-left: 20px;
      padding-right: 20px;
      margin-left: 0;
    }
    header.has-background-color #title_gemeinde > * {
      vertical-align: middle;
    }
    #logo_gemeinde {
        max-width: 200px;
        max-height: 80px;
        margin-bottom: 5px;
    }
    #gemeinde_main_left, #gemeinde_main_right {
        display: inline-block;
        width: calc(100% - 215px);
        vertical-align: bottom;
    }
    #gemeinde_main_right {
        width: 200px;
    }



    h1 {
        font-size: 42px;
    }
    .sidenavigation{
        display: block;
    }


    /* Landingpage */
    .template_landingpage article .figure_right {
        width: calc(60% - 15px);
        padding-left: 30px;
        margin-right: -25%;
    }
    .template_landingpage article .figure_left {
        width: calc(60% - 15px);
        padding-left: 30px;
        margin-left: -25%;
    }

    /* Important Notice */
    #important-notice-outer { 
      padding: 0 25px;
    }
    #important-notice {
        margin: 0 auto;
        max-width: 1084px;
        padding-left: 20px;
        padding-right: 16px;
    }

    /* Login Screen */
    .login-screen {
        height: calc(100% - 142px);
    }
    .login-screen h1 {
        font-size: 36px;
    }

    /* Cookie-Banner */
    .cookie-consent-container .hint {
        width: calc(100% - 540px)!important;
        float: left!important;
    }
    .cookie-consent-container .consent-modal .options {
        width: 230px!important;
        float: left!important;
        margin-left: 30px!important;
    }
    .cookie-consent-container .consent-modal .options li {
        width: auto!important;
    }
    .cookie-consent-container .buttons {
        width: 250px!important;
        float: right!important;
        margin-left: 30px!important;
    }
    .show-details {
        clear: both!important;
        width: 200px!important;
        text-align: right!important;
        float: right!important;
    }
    .cookie-consent-container .consent-modal .footer-links {
        float: left!important;
        width: 200px!important;
        text-align: left!important;
    }
}



@media (min-width: 1250px) {
    .ongoing_events_box {
        padding: 20px 30px;
        margin: -2px -30px 0;
    }
} 


@media (min-width: 1500px) {
  .cookie-consent-container .consent-modal {
      width: 70% !important;
      padding: 20px 15% !important;
  }
}




/* MQ Correction */
@media (max-width: 480px) {
  .pure-form-aligned .pure-control-group label {
      margin-bottom: initial;
      display: inline-block;
  }
}



.text-center {
text-align: center;
}
.text-right {
text-align: right;
}

.text-justify {
text-align: justify; 
}