/*
    Theme Name: Gapa
    Description: Einfaches Theme, das mit Bootstrap 4 aufgebaut ist
    Version: 1.1.3
    License: -
    License URI: -
    Text Domain: gapa
    Domain Path: /languages
    Tags: grid-layout
*/

/*http://freakfonts.com/free/hypatia-sans-pro-font-download.html*/


@font-face {font-family: 'Hypatia Sans Pro';font-style: normal;font-weight: 400;src: url('./assets/fonts/HypatiaSansPro-Regular.otf') format('opentype');}
@font-face {font-family: 'Hypatia Sans Pro Bold';font-style: normal;font-weight: 600;src: url('./assets/fonts/HypatiaSansPro-Bold.otf') format('opentype');}
html {font-size: 18px;}

body {height: 100% !important;flex-direction: column !important;display: flex !important;font-family: "Hypatia Sans Pro", sans-serif;color: #766e66;font-size: 1rem;line-height: 1.33rem; background-color:#f6f6f6;}

.slick-dots {bottom: 0;z-index: 2;}
.slick-prev, .slick-next {z-index:2}
.slick-prev {left: -11px;}
.slick-next {right: -11px;}
.slick-prev:before, .slick-next:before {color: #9b9b9b;}
.affix {position: fixed;top: 0;right: 0;left: 0;z-index: 3;}
.affix-container .nav-box {background-color: #ffffff;}

a, a:hover {color: #1c2129;text-decoration: underline;}
#navbarNavDropdown a, #navbarNavDropdown a:hover {text-decoration: none;}
.desktop-visible {display: none;}
.smaller-device-visible {display: block;}
.smaller-device-visible .heading-darkgrey-lower {cursor: pointer;}
.first-info-box {height: 50px;background-image: url(./assets/images/common/bg-first-info-box.png);background-repeat: repeat-x;background-position-y: -13px;}
.first-info-box .gapa-logo-2, .first-info-box .gapa-logo-3 {margin-top: 10px;}
.first-info-box .gapa-logo-2 {margin-left: 7px;}
.first-info-box form.headerform {display: inline-block;margin-top: 13px;float: right;text-align: right;margin-left: 0;}
.first-info-box form.headerform input {width: 125px;}
.first-info-box span {display: inline-block;margin-top: 14px;float: right;text-align: right;}
.first-info-box span.head-phonenumber {display: none;width: 109px;background-image: url(./assets/images/common/icon-phone.png);background-repeat: no-repeat;background-position: 0 0;}
.first-info-box span.head-email {display: none;width: 135px;background-image: url(./assets/images/common/envelope.png);background-repeat: no-repeat;background-position: 0 2px;margin-left: 36px;}
.first-info-box span, .first-info-box span a, .first-info-box span a:hover {color: #1c2129;font-family: 'Hypatia Sans Pro';font-style: normal;font-weight: 300;font-size: 0.89rem;line-height: 1.06rem;}
.first-info-box span.head-phonenumber:before {width: 17px;height: 14px;content: "";position: absolute;left: 68px;top: 21px;}
/*.nav-box {height: 86px;padding-top: 21px;background-image: url(./assets/images/common/bg-nav-box.png);background-repeat: repeat-x;background-position-y: -18px;}
nav.navbar.navbar-expand-lg {padding: 0;margin: 0;}*/
.head-logo {margin-top: -16px;height: 55px;width: auto;}
.nav-box {height: 84px;padding-top: 25px;}
nav.navbar.navbar-expand-lg {padding: 0;margin: 0;}

.gapa-logo-header-small {margin: 5px 14px 0 0;}
.gapa-kultur-logo-header-small {margin: 7px 15px 0 0;}
.gemeindewerke-logo-header-small {margin: 7px 15px 0 0;}
.zugspitz-logo-header-small {margin: 7px 12px 0 0;}
.longleif-logo-header-small {margin: 7px 0 0 0;}

.language-icon-box-first  {position: relative;text-align: right;}
.language-icon-box-first img {;cursor: pointer;}

.language-icon-box-second  {text-align: right; margin-top: -25px;}
.language-icon-box-second img {cursor: pointer;}

.language-icon-box-third {z-index: 9999;position: absolute;right: 46px;}
.language-icon-box-third img {z-index: 9999;position: absolute; cursor: pointer;}
.language-icon-box-third img:first-child {right: 25px;}
.language-icon-box-third img:last-child {right:0;}

.banner {display:inline;}

/* Tabellenhintergründe */
table.darktable td {padding:3px;}
.darkcell{background-color: #d5d5d5;}
.lightdarkcell{background-color: #e8e8e8;}

/* Formatierung Buss-Kalender - Ausblenden von Elementen die hier zu viel sind */
.mc-main {max-width: initial !important;}
.mc-main.calendar .mc-format, .mc-main.calendar .mc-print, .mc-main.calendar .mc-time, .mc-main.calendar h2, .mc-main.calendar nav .mc_bottomnav {display: none;}
.mc-main th {font-size: 1.22rem;}
.mc-main td {height: 7em;}
.mc-main.calendar td.no-events {background-color: #399f41;color: #fff; font-size: 1.33rem!important; background-image: url(./assets/images/common/frei-zur-verfuegung.png);background-repeat: no-repeat;background-position: center center;
    background-size: 80%;}
.mc-main.calendar td.no-events span {background-color: #399f41; color: #fff;font-size: 1.33rem;}
.mc-main.calendar td.has-events {background-color: #b82120;background-image: url(./assets/images/common/bereits-reservierrt.png);background-repeat: no-repeat;background-position: center center;
    background-size: 80%;}
.mc-main.calendar td.has-events span {background-color: #b82120; color: #fff;font-size: 1.33rem;}
.mc-main.calendar td.has-events.current-day .mc-date span:first-child {border: 1px solid;padding: 3px 3px 0px 3px;display: inline;background-color: #fff;color: #b82120;}
.mc-main.calendar td.no-events.current-day .mc-date span:first-child {border: 1px solid;padding: 3px 3px 0px 3px;display: inline;background-color: #fff;color: #399f41;}
.mc-main.calendar td.has-events span.mc-date span:nth-child(2) {display: none;}
.mc-main.calendar td.has-events div {display: none;}
.my-calendar-nav .my-calendar-prev a {border-right-width: 0;}
.my-calendar-nav .my-calendar-next a {border-left: 0;}
/* Möglichkeit auskommentiert, dass man den Button sieht, auf den man klicken kann um den Veranstalter zu sehen*/
.mc-main table.my-calendar-table button {display: none;}
/* ANFANG Navigationsleiste */

.navbar {border-radius: 0;background-color: transparent;}
.navbar a.nav-link:link, .navbar a.nav-link:visited, .navbar a.nav-link:hover, .navbar a.nav-link:active {font-family: 'Hypatia Sans Pro', sans-serif;font-style: normal;font-size: 0.89rem;line-height: 1.06rem;color: #1C2129;text-transform: uppercase;}

/* 1. Ebene Hauptmenü */
.navbar a.navbar-brand:link, .navbar a.navbar-brand:visited, .navbar a.navbar-brand:hover, .navbar a.navbar-brand:active {color: #ffffff;}
.navbar-brand img {margin-top: 8px;}

/* One Pager Navigation ALT*/
.bg-onepager-nav {background-color: #e1e1e1; margin: 0 10px 30px 10px;  padding: 30px 0;}
.bg-onepager-nav nav {margin:20px auto;}
.bg-onepager-nav .navbar-toggler {padding: 0px !important;margin:-9px 20px auto auto;border: none;}
#opN ul.navbar-nav {margin:0 auto; padding: 0 30px;}
#opN ul.navbar-nav li {padding: 0 30px 15px 0; width: auto;}
#opN ul.navbar-nav li:last-child {padding-bottom:0;}
#opN ul.navbar-nav li a { font-size: 0.89rem;text-decoration: none;text-decoration: none;font-weight: bolder;font-weight: bolder;}
#opN ul.navbar-nav li a:hover, #opN ul.navbar-nav li a:active {color: #C52233 !important;}
.hamburger {
    padding: 0;
    display: inline-block;
    cursor: pointer;
    transition-property: opacity,filter;
    transition-duration: .15s;
    transition-timing-function: linear;
    font: inherit;
    color: inherit;
    text-transform: none;
    background-color: transparent;
    border: 0;
    margin: 0;
    overflow: visible;
}
.hamburger-box {
    height: 17px;
    display: inline-block;
    position: relative;
    cursor: pointer;
    font: inherit;
    color: inherit;
    text-transform: none;
}
.hamburger--slider .hamburger-inner {
    top: 0;
    border-radius: 0;
    margin-top: 1px;
    position: absolute;
    transition-property: transform;
    transition-duration: .15s;
    transition-timing-function: ease;
    display: block;
}

.hamburger--slider .hamburger-inner::before {
    top: 7px;
    transition-property: transform,opacity;
    border-radius: 0;
    content: "";
    display: block;
}
.hamburger--slider .hamburger-inner::after {
    top: 14px;
    border-radius: 0;
    bottom: -10px;
    content: "";
    display: block;
}
.hamburger-box, .hamburger-inner, .hamburger-inner::after, .hamburger-inner::before {
    width: 25px;
}
.hamburger-inner, .hamburger-inner::after, .hamburger-inner::before {
    background-color: #000;
    height: 1px;
    border-radius: 0;
    position: absolute;
    transition-property: transform;
    transition-duration: .15s;
    transition-timing-function: ease;
}
.bg-onepager-nav button.navbar-toggler  {
    background-image: none;
}

.bg-onepager-nav button.navbar-toggler .hamburger-inner {
    transform: translate3d(0,10px,0) rotate(45deg);
}
.bg-onepager-nav button.navbar-toggler.collapsed .hamburger-inner
{
    transform: none;
}

.bg-onepager-nav button.navbar-toggler .hamburger-inner::before {
    transform: rotate(-45deg) translate3d(-5.71429px,-6px,0);
    opacity: 0;
}
.bg-onepager-nav button.navbar-toggler.collapsed .hamburger-inner::before {
    transform: none;
    opacity: 1;
}

.bg-onepager-nav button.navbar-toggler .hamburger-inner::after {
    transform: translate3d(0,-14px,0) rotate(-90deg);
}
.bg-onepager-nav button.navbar-toggler.collapsed .hamburger-inner::after {
    transform: none;
}


/* One Pager Navigation NEU*/
.one-pager-spacer{margin-top: -65px;}
.affix-container-onepager-navigation {margin-bottom: 35px;}
nav.onepager-navigation {background-color: #e1e1e1;   padding: 8px 12px;}
nav.onepager-navigation ul  {list-style: none; padding:0; margin: 0;}
nav.onepager-navigation ul li  {display: inline !important; padding:0; margin: 0;}
nav.onepager-navigation ul li a  {padding: 0 30px 0 0;line-height: 1.39rem;font-size: 0.89rem;text-decoration: none;font-weight: bolder;color: #1C2129;
    text-transform: uppercase;}
nav.onepager-navigation ul li a:active, nav.onepager-navigation ul li a:hover {color: #C52233 !important;}

/* Onepager -OnePagerImageTextBox */
.one-pager-image-text-box, .one-pager-container {margin:0 0 40px 0; position: relative;}
.one-pager-image-text-container{display: table; width: 100%;} /*WO ist diese Klasse, Alternative zu one-pager-container ????*/
.one-pager-image-text-box .text-content-box {padding:10px}
.text-content-box h3 {color:#003366;font-style:italic;margin-top:15px;}
.one-pager-container .text-content-box{padding:40px;}
.one-pager-container .text-content-box p{text-align: justify;}
.text-col {display: table-cell; vertical-align: middle;}
.vertical-alignment {justify-content: center; align-items: center;margin-right: 0px;margin-left: 0px;}
.bg-image { background-size: cover; display: table-cell; background-position: center center;}
.one-pager-col { display: block;width: 100%;background-repeat: no-repeat;background-size: cover;  vertical-align: middle}
.one-pager-col .audio-container, .one-pager-col .video-container {width: 322px;color: #1c2129;float: left;border: 1px solid #b6b6b6;background-color: #efefef;margin: 0 10px 10px 0;padding: 3px 9px;border-radius: 8px;}
.one-pager-col .video-container {width: auto;}
.one-pager-col .video-container video {width: 100%;}
.one-pager-col .audio-container .headline-mp3, .one-pager-col .audio-container audio {display: inline-block;}
.imageDivLeftSide, .imageDivRightSide {position: absolute;top:0;right:0;bottom: 50%;left:0;background-size: cover; background-position: center center;}
.show-small-hide-large {display: block;}
.show-large-hide-small {display: none;}
.show-small-hide-large-col {}
.show-large-hide-small-col {display: none}
@keyframes fadeIn { 0% { opacity: 0; } 20% { opacity: 0; } 60% { opacity: 1; } 100% { opacity: 1; } }
.fadeInClass { animation-name: fadeIn;animation-duration: 7s; animation-iteration-count: infinite; animation-direction: alternate; animation-timing-function: linear;}
.opacity-0 {opacity: 1}

.box-button-onepager  {margin-top: 6px; margin-bottom: 11px;float: left;}

.button-onepager,.button-onepager:hover  {color: #1c2129;text-decoration: none;
    display: block;float: left;border: 1px solid #b6b6b6;background-color: #efefef;margin: 0 10px 10px 0;padding: 3px 9px;border-radius: 8px;line-height: 2rem;
    background-color: whitesmoke;}

.stoererHeader{display: block;position: absolute;z-index: 999;}
.stoererHeader.flex-row-reverse {top: 4%;right: 2%;}
.stoererHeader.normal-order {top: 4%;right: 2%;}

.stoererHeader .stoererHeaderWrap {background-color: #003366;width: 136px;height: 136px;-webkit-transform: rotate(-15deg);-ms-transform: rotate(-15deg);transform: rotate(-15deg);padding: 1em;text-align: center !important;border-radius: 50% !important;justify-content: center !important;flex-direction: column !important;display: flex !important;}
.stoererHeader .stoererHeaderWrap:hover {background-color: #e1e1e1;}
.stoererHeader .stoererHeaderWrap span {font-size: 0.78rem; height: 100%;width: 100%;color: #fff;text-align: center !important;text-decoration: none;background-color: transparent;justify-content: center !important;flex-direction: column !important;display: flex !important;}
.stoererHeader .stoererHeaderWrap span:hover {color: #003366;}
.stoererHeader .stoererHeaderWrap .stoererHeaderSmall {line-height: 120%;}

/* navbar collapsing */
@media (max-width: 34em) {
    .navbar .navbar-nav > .nav-item {float: none;margin-left: .1rem;}
    .navbar .navbar-nav {float: none !important;}
    .navbar .collapse.in, .navbar .collapsing {clear: both;}
}

/* fixed to top styles */
.navbar-toggler {color: #ffffff;border: 1px solid rgba(255, 255, 255, 0.5);background-image: url(./assets/images/common/bg-navbar-toggler.png);background-repeat: no-repeat;width: 35px;height: 25px;}
.navbar-toggler:focus {outline: none;}
.navbar-toggler-text {outline: none;}
.screenreader {
    position: absolute;
    left:-9999px;
}

/* Richtet die Navigation rechts aus */
.mr-auto, .mx-auto {margin-left: auto !important;margin-right: 0 !important;}
.bg-dark {background-color: rgba(0, 0, 0, 0.5) !important;}
.padding-left-0 {padding-left: 0;}

/* ==========================================
*  Dropddown Menü
*  ==========================================*/
.dropdown-submenu {position: relative;}
.dropdown-submenu a::after {transform: rotate(-90deg);position: absolute;right: 6px;top: .8em;}
.dropdown-submenu .dropdown-menu {top: 0;left: 100%;margin-left: .1rem;margin-right: .1rem;}
/* to show the arrow */
.dropdown-submenu a::after {transform: rotate(-90deg);position: absolute;right: 6px;top: .8em;}
.dropdown-toggle a::after {transform: rotate(-90deg);position: absolute;right: 6px;top: .8em;}
main {margin-top: 60px;}
/* Breadcrumb */
#breadcrumbs {margin-top: 30px;}
#breadcrumbs, #breadcrumbs a, #breadcrumbs a:hover {font-family: "Hypatia Sans Pro";font-weight: 300;font-style: normal;font-size: 0.78rem;line-height: 0.93rem;color: #766e66;}
#breadcrumbs .current {color: #b82120;}
.visually-hidden{ position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;}
/* ==========================================
* Headerimageslider
* ==========================================*/
.headerimageslider {margin-bottom: 65px;}
.headerimageslider .imagesequence {background-position: center;background-repeat: no-repeat;background-size: cover;}
.headerimageslider .imagesequence:focus {outline: none;}
.headerimageslider .imagesequence {height: 267px;width: 100%;}
.headerimageslider .imagesequence h3 {font-family: "Hypatia Sans Pro";font-style: normal;font-weight: 600;font-size:1.78rem;margin-top: 90px;line-height: 2.22rem;text-align: center;}
.headerimageslider .imagesequence h3.dark {color: #313e53;}
.headerimageslider .imagesequence h3.white {color: #ffffff;}
.space-without-headerimage {height: 35px;}
/* ========= Infobox ========= */
.outer,.inner,.content {width: 320px;z-index: 10;z-index: 1}
.outer {margin-top: 130px;position: absolute;right:0;}
.inner {position: relative;overflow-x: hidden;}
.content {position: relative;right: -290px;overflow-x: hidden;}
.clickbutton {width: 30px;float:left;z-index: 10;}
#moveinfo  {width: 30px;}
.clicktext {width: 290px;float:left;z-index: 10;background-color: white;border-top-right-radius: 12px;border-bottom-left-radius: 12px;}
.clicktext h4 {padding: 0 20px;}
.clicktext .red-date {display: inline-block; padding: 15px 20px 0px 20px;}
.clicktext p {padding: 0 20px 5px 20px}
/* Infobereich */
#pollSlider-button{position:fixed;z-index: 10;width:30px;right:0;top:270px;}
.pollSlider{border-top: 10px solid #fff;border-bottom: 10px solid #fff;position:fixed; height:400px; overflow: auto; z-index: 10;width:290px;right:0px;top:270px;margin-right: -290px;background-color: white;border-top-right-radius: 12px;border-bottom-left-radius: 12px;}
.pollSlider h4 {padding: 20px 20px 0px 20px;}
.pollSlider .red-date {display: inline-block; padding: 15px 20px 0px 20px;}
.pollSlider p {padding: 0 20px 5px 20px}
/* Suchbereich

width: 30px;

margin: 0;
 */
#pollSearch-button{position:fixed; z-index:10; width:52px; right:0; top:192px; padding: 10px 9px 8px 9px; background-color: #b82120;}
.pollSearch{position:fixed;z-index: 10;right:44px;top:192px;margin-right: -290px;background-color: white;width: 246px;}
.pollSearch form {padding: 11px 0;}

/* Position Rollstuhl-Icon*/
#pojo-a11y-toolbar.pojo-a11y-toolbar-left .pojo-a11y-toolbar-toggle {
    top: 78px;
}

/* ========= / Infobox ========= */

/* ==========================================
* Bereich Amtsblatt
* ==========================================*/
.amtsblatt-search .row{
    margin-bottom:10px;
}
.amtsblatt-search input[type="submit"],
.amtsblatt-search input[type="text"],
.amtsblatt-search #resetButton{
    background-color: white;
    color: #766e66;
    border: 1px solid #766e66;
    padding: 5px 20px 3px 20px;
    text-align: center;
    display: inline-block;
    border-radius: 3px;
}
.amtsblatt-search #resetButton{
    float: right;
}
.amtsblatt-search input[type="text"]{
    display: block;
    width: 100%;
    text-align: left;
}

.amtsblatt-search #resetButton,
.amtsblatt-search input[type="submit"]{
    width:100%;
}

.amtsblatt-search input[type="submit"]{
    margin-top: 5px;
}

.amtsblatt-search #resetButton{
    margin-top: 20px;
}

.amtsblatt-search .archive-search{
    padding-top: 20px;
}

.amtsblatt-search #itemsPerPage{
    margin-top: 20px;
}

.amtsblatt-search a, .amtsblatt-search a:hover {
    color: #b82120;
}
.amtsblatt-search .page-link,
.amtsblatt-search .page-item:last-child .page-link {
    border: 1px solid #766e66;
}
.amtsblatt-search select{
    width: 90px;
    display: inline;
    height: auto;
    padding: 6px 11px 5px 11px;
    border: 1px solid #766e66;
}

.amtsblatt-search hr{
    margin: 10px 0 !important;
    border: 0 !important;
    border-top: 1px solid #766e66 !important;
}

.amtsblatt-search .table-head {display: none;}

/* ==========================================
* Block Galerie
* ==========================================*/
.gallery-block img {width: 100%; margin-bottom: 15px;}
.gallery-hover-image-block {position: relative;display: inline-block;margin-bottom:30px;}
.gallery-hover-image-block .img-top {display: none;position: absolute;top: 0;left: 0;z-index: 99;}
.gallery-hover-image-block .video {top: 0;left: 0;z-index: 99;}
.gallery-hover-image-block:hover .img-top {display: inline;}

.grid-gallery-block .mobil-gallery {display: block;}
.grid-gallery-block .tablet-gallery {display: none;}
.grid-gallery-block .desktop-gallery {display: none;}
.grid-gallery-block img {display: block; margin-bottom:4px;}
.grid-gallery-block p {text-align: right;margin-bottom: 10px;}

/* ==========================================
* Image-Link-Blöcke
* ==========================================*/
.image-link-block {margin: 0 10px;}
.image-link-block .image-link-block-image{height: 300px;overflow: hidden;position: relative;transition: all 0.35s;margin-bottom: 30px;}
.image-link-block .image-link-block-image:hover {cursor: pointer;transition: all 0.35s;transform: scale(105%);}
.image-link-block .image-link-block-image img{transition: transform .5s ease;object-fit: cover; height: 100%; width: 100%;}
.image-link-block h3 {position: absolute;top: 50%;left: 50%; width:100%; transform: translate(-50%,-50%); font-weight: 700;}
.image-link-block h3.white {color:#ffffff;}
.image-link-block h3.black {color:#000000;}
.image-link-block h3.center {text-align: center;}
.image-link-block h3.left-bottom {text-align: left;margin-left: 10px;top: 80%;}
/* ==========================================
* Seitenelemente
* ==========================================*/

/* Überschriften */
h1, h2.further {color: #c45050;font-family: 'Hypatia Sans Pro';font-weight: 600;font-style: normal;font-size: 1.67rem;line-height: 2rem;margin-top: 49px;margin-bottom: 32px; /*margin-bottom:65px;*/}

h2.further {margin-bottom: 30px;}

.heading-red-upper {font-family: "Hypatia Sans Pro";font-weight: 600;font-style: normal;font-size: 1.67rem;line-height: 2rem;color: #b82120;text-transform: uppercase;}
.heading-red-upper-frontpage-image-text-box {font-family: "Hypatia Sans Pro";font-weight: 600;font-style: normal;font-size: 1rem;line-height: 1.44rem;color: #b82120;text-transform: uppercase;}
.heading-red-upper-400 {font-family: "Hypatia Sans Pro";font-weight: 400;font-style: normal;font-size: 1.39rem;line-height: 1.67rem;color: #b82120;text-transform: uppercase;}
.heading-black-upper {font-family: "Hypatia Sans Pro";font-weight: 600;font-style: normal;font-size: 1.33rem;line-height: 1.44rem;;color: #000000;margin-bottom: 10px;text-transform: uppercase;}
.heading-black-lower {font-family: "Hypatia Sans Pro";padding-top: 20px;font-style: normal;font-weight: 600;font-size: 1.33rem;line-height: 1.44rem;;color: #000000}
.list .heading-black-lower:first-child {padding-top: 0;}
.heading-darkgrey-upper {font-family: "Hypatia Sans Pro";font-weight: 600;font-style: normal;font-size: 1rem;line-height: 1.44rem;;color: #1c2129;margin-bottom: 10px;text-transform: uppercase;}
.heading-darkgrey-lower {font-family: "Hypatia Sans Pro";font-weight: 600;font-style: normal;font-size: 1rem;line-height: 1.44rem;;color: #1c2129;margin-bottom: 10px;}
.heading-darkgrey-lower-light, a.heading-darkgrey-lower-light:hover {font-family: "Hypatia Sans Pro";font-weight: 400;font-style: normal;font-size: 1rem;line-height: 1.2rem;color: #766e66;margin-bottom: 10px;}
.heading-white-upper {font-family: "Hypatia Sans Pro";margin: 0 0 0 24px;padding-top: 20px;font-style: normal;font-weight: 600;font-size: 1.33rem;line-height: 1.44rem;;color: #ffffff;text-transform: uppercase;}
.heading-white-lower {font-family: "Hypatia Sans Pro";margin: 0 0 0 24px;padding-top: 20px;font-style: normal;font-weight: 600;font-size: 1.33rem;line-height: 1.44rem;;color: #ffffff}
.headline-on-image span {background-color: #000000b0;;height: 2rem;display: inline-block;line-height: 2rem;padding: 4px 9px 1px 7px;}
/* Texte */
.small-text p {font-family: "Hypatia Sans Pro";font-weight: 400;font-style: normal; /*font-size: 14px;line-height: 16.8px;*/}
.small-text p:last-child {margin-bottom: 0}
.small-text a, .small-text a:hover {color: #b82120;}
.red-date {font-family: "Hypatia Sans Pro";font-weight: 600;font-style: normal;font-size: 0.89rem;line-height: 1.67rem;color: #b82120;}
.red-circle {font-family: "Hypatia Sans Pro";font-weight: 600;font-style: normal;font-size: 0.56rem;line-height: 1.67rem;color: #b82120;padding: 0 7px;}

.text-darkgrey-lower-light h2, .text-darkgrey-lower-light h3, .text-darkgrey-lower-light h5, .text-darkgrey-lower-light p, .text-darkgrey-lower-light ul li {font-family:"Hypatia Sans Pro"; color:#1c2129;}
.text-darkgrey-lower-light p {font-weight: 400;font-style: normal;font-size: 1rem;line-height: 1.2rem;}
.text-darkgrey-lower-light p:last-child {margin-bottom: 0;}
.text-green-lower, p a, p a:hover {font-family: "Hypatia Sans Pro";font-weight: 600;font-style: normal;font-size: 1rem;line-height: 1.2rem;color: #b82120;}

/* Tabellen */
.table-scrollable {width: 100%;overflow-y: auto;margin-bottom: 40px;}
.table-scrollable::-webkit-scrollbar {-webkit-appearance: none;width: 14px;height: 14px;}
.table-scrollable::-webkit-scrollbar-thumb {border-radius: 8px;border: 3px solid #fff;background-color: rgba(0, 0, 0, .3);}
.table-scrollable table {width: 100%;margin:0;border-collapse: collapse;word-break:normal;}
.table-scrollable td {padding: .5em;vertical-align: top;border: 1px solid #bbbbbb;}
.table-scrollable th {padding: .5em;text-align: left;border: 1px solid #bbbbbb;border-bottom: 3px solid #bbbbbb;background:#f4f7fa;}

/* Links */
.link-green-headline-lower, .link-green-headline-lower:hover {font-family: "Hypatia Sans Pro";font-weight: 600;font-style: normal;font-size: 1.33rem;line-height: 1.2rem;color: #b82120;}
.link-darkgrey-headline-lower, .link-darkgrey-headline-lower:hover {font-family: "Hypatia Sans Pro";font-weight: 600;font-style: normal;font-size: 1.33rem;line-height: 1.2rem;color: #1c2129;margin-bottom: 14px;}
.link-green-arrow-lower-right-direction, .link-green-arrow-lower-right-direction:hover, .page-navigation span.right-direction a, .page-navigation span.left-direction a {font-family: "Hypatia Sans Pro";font-weight: 600;font-style: normal;font-size: 0.78rem;line-height: 0.93rem;color: #b82120;}

.link-green-arrow-lower-right-direction:after, .page-navigation span.right-direction a:after {content: url('./assets/images/common/icon-arrow-right-direction.png');margin-left: 8px;}
.page-navigation span.left-direction a:before {content: url('./assets/images/common/icon-arrow-left-direction.png');margin-right: 8px;}

/* Listen im Text */
ul {padding-left: 15px;}

.text-darkgrey-lower-light ul li a, .text-darkgrey-lower-light ul li a:hover {color: #b82120;}



/*Abstände*/
.p-0-0-0-30 {padding-left: 30px;}
.p-14-20-11-20 {padding: 14px 20px 11px 20px;}
.m--24-0-80-0 {margin-top: -24px !important;margin-bottom: 80px !important;}
.m-0-20-0-0 {margin:0 20px 0 0;}
.text-align-right {text-align: right;}


.detail-date-row {margin: 70px 0 -41px -15px;}
/* Bilder */
.img-rounded-corner {width: 100%;/*border-radius: 12px;*/}

/* Diverse Elemente */
hr {margin-top: 30px !important;margin-bottom: 30px !important;border: 0 !important;border-top: 2px solid #f0f0f0 !important;}
span.arrow {position: absolute;right: 15px;cursor: pointer;}
.light-shadow-border {-webkit-box-shadow: 0px 4px 19px 0px rgba(0, 0, 0, 0.1);box-shadow: 0px 4px 19px 0px rgba(0, 0, 0, 0.1);border-radius: 8px;}
.more-articles {margin-left: 0;}
.height- {min-height: 50px;}
.show-complete-datalist {margin-left: 11px;}


/* Responsives Lokales Video*/

/* Suche auf den Seiten */
form.page-search {text-align: right;margin-bottom: 75px;}
form.page-search input[type=submit], form.page-search input[type=text], .first-info-box form.headerform input[type=search] {border-width: 0;background-color: transparent;background-repeat: no-repeat;background-position: 14px 13px;height: 45px;line-height: 2.5rem;outline: none;color: #766e66;font-weight: 400;}
form.page-search input[type=submit] {}
form.page-search input.query, form.headerform input.search-input {background-image: url(./assets/images/common/lupe.png);text-indent: 33px;}
form.page-search input[type=submit] {width: 100%;}
form.page-search input[type=text] {width: 100%;}
.float-right {float: right;}


/* Seitennavigation*/
.page-navigation {margin: 50px 0;}
.page-navigation span.right-direction {display: inline-block;}
.page-navigation span.left-direction {display: inline-block;margin-right: 15px;}

/* Outlines */
.slick-initialized .slick-slide, a.heading-darkgrey-lower-light {outline: none;}

/* ==========================================
* Block: Zwischenüberschrift
* ==========================================*/
.subheading h2, .subheading h3 { font-family: "Hypatia Sans Pro";font-weight: 600;font-style: normal; text-transform: uppercase;}
.subheading h2 {font-size: 1.67rem;line-height: 2rem;}
.subheading h3 {font-size: 1.33rem;line-height: 1.44rem;}
.onepager-sprungziel  {scroll-margin-top: 450px}

/* ==========================================
* Block: Bild-Text Boxen .image-text-box {margin: 0 25/10px 30px 25/10px;}
* ==========================================*/
.image-text-box {margin: 0 12px 30px 12px;}
.image-text-box .image-top {/*transition: all 0.5s linear;border-top-left-radius: 12px;border-top-right-radius: 12px;*/min-height: 220px;background-position: center;background-repeat: no-repeat;background-size: 130%;}
/*.image-text-box .image-top:hover {background-size: 160%;}*/
.image-text-box .text-bottom {/*border-bottom-left-radius: 12px;border-bottom-right-radius: 12px;*/padding: 23px;margin: 0;-webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);}
.image-text-box .text-bottom h3 {margin: 0 0 14px 7px;}
.image-text-box .text-bottom p {margin: 0 0 14px 7px;}
.image-text-box .text-bottom p.url {padding-bottom: 3px;margin-right: 11px;}
.image-text-box button.slick-prev, .headerimageslider button.slick-next {display: none ! important;}

/* ==========================================
* Block: Frontpage Bild-Text Boxen
* ==========================================*/
.frontpage-image-text-box-slider {margin-top: -120px; margin-bottom: 11px;}

.frontpage-image-text-box {margin: 0 12px 30px 12px;}
.frontpage-image-text-box .image-top-headline {background-color:#ffffff;/*border-top-left-radius: 12px;border-top-right-radius: 12px;*/}
.frontpage-image-text-box .image-top-headline h4 {padding: 11px 0 3px 16px;margin-bottom: 0px;}
.frontpage-image-text-box .image-top {/*transition: all 0.5s linear;*/min-height: 220px;background-size: cover; background-position: center;background-repeat: no-repeat;}
/*.frontpage-image-text-box .image-top:hover {background-size: 120%;}*/
.frontpage-image-text-box .text-bottom {/*border-bottom-left-radius: 12px;border-bottom-right-radius: 12px;*/padding: 23px;margin: 0;-webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);background-color: #ffffff;}
.frontpage-image-text-box .text-bottom h3 {margin: 0 0 14px 7px;}
.frontpage-image-text-box .text-bottom p {margin: 0 0 14px 7px;}
.frontpage-image-text-box .text-bottom p.url {padding-bottom: 3px;margin-right: 11px;}
.frontpage-image-text-box .text-bottom .small-text {}
.frontpage-image-text-box button.slick-prev, .headerimageslider button.slick-next {display: none ! important;}

/* ==========================================
* Block: Themenbereiche Boxen
* ==========================================*/
.subject-slider {margin-bottom:10px;}
.subject-image-text-box {/*transition: all 0.5s linear;*/margin: 0 12px 30px 12px; /*border-radius: 12px;*/ background-color: #ffffff; background-position: center;background-repeat: no-repeat;background-size: cover;-webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);}
.subject-image-text-box .text-content {padding: 23px;margin: 0;background-color: #ffffff;/*border-radius: 11px;*/}
.subject-image-text-box .text-content.text-content-disctance {margin-left: 33%; border-top-left-radius: 0;border-bottom-left-radius: 0;}
.subject-image-text-box .text-content h3 {margin: 0 0 14px 7px;}
.subject-image-text-box .text-content p {margin: 0 0 14px 7px;}
.subject-image-text-box button.slick-prev {display: none ! important;}
.subject-image-text-box .subject-boxes-url {margin: 0 0 30px 0;}
/* ==========================================
* Block: Bild-Text Boxen
* ==========================================*/
.bg-text-boxes {padding: 0; margin-bottom: 40px;}
.bg-text-boxes.light-grey {background-color: #f0f0f0;}
.bg-text-boxes.white {background-color: #ffffff;}
.bg-text-boxes .spacer {line-height: initial}

.text-box.margin_0_-5_30_-5 {margin: 0 -5px 30px -5px;}
.text-box {margin: 0 10px 30px 10px;}
.text-box .rounded-border {background-color: #ffffff;border-radius: 12px;padding: 35px 30px;}
.text-box .heading-red-upper-400 {margin-bottom:26px;}
.text-box h4 {font-family: "Hypatia Sans Pro";font-style: normal;font-weight: 600;font-size: 1.33rem;line-height: 21.6px;color: #1c2129; margin-bottom:11px;}
.text-box p, .text-box p a, .text-box p a:hover {font-family: "Hypatia Sans Pro";font-style: normal;font-weight: 400;font-size: 0.89rem;line-height: 1.06rem;color: #766e66;}

.image-left-text-right .heading-darkgrey-lower{padding-top:5px;}
.image-left-text-right .img-rounded-corner{margin-top: 5px;margin-bottom: 5px;}
.image-left-text-right .row-block-spacer {height: 34px;}

.accordion-block {margin-bottom:40px;}
.accordion-block .heading-darkgrey-lower {cursor: pointer; display: inline-block; width: 90%;margin-bottom:0}
.accordion-block .img-rounded-corner {margin-bottom:30px;}

.tag-list .tabrow {margin-bottom: 80px;}
.tag-list .tabrow .tablinks {margin-right: 30px; cursor: pointer; display: inline-block;}
.tag-list .tabrow .tablinks.active {color: #b82120;}
.tag-list .tabcontent {display: none;}
.tag-list .tabcontent .text-green-lower {cursor: pointer; display: inline-block; width: 90%;}
.tag-list .tabcontent .text-darkgrey-lower-light {margin-top: 20px;}

.list-block  {margin-bottom: 10px;}
.list-block .col-lg-4 p:last-child {margin-bottom: 0;}

.list {margin-bottom: 60px;}

.chronik {margin-bottom: 60px;}
.chronik .text-darkgrey-lower-light {margin-top: 8px;}


.image-text-box-slider {margin-bottom: 13px;}
/* ==========================================
* Block: Startseite Aktuelles
* ==========================================*/
.startseite-aktuelles  {margin-bottom: 40px;}
.link-box {margin: 0 12px 0 12px;line-height: 1.67rem;}
.rounded-border {/*border-radius: 12px;*/padding: 30px;margin: 0;-webkit-box-shadow: 0px 4px 19px 0 rgba(0, 0, 0, 0.1);box-shadow: 0px 4px 19px 0 rgba(0, 0, 0, 0.1);}
.rounded-border-0-4-19-0 {/*border-radius: 12px;*/padding: 30px;margin: 0;-webkit-box-shadow: 0px 4px 19px 0 rgba(0, 0, 0, 0.1);box-shadow: 0px 4px 19px 0 rgba(0, 0, 0, 0.1);    background-color: #ffffff;}
.rounded-border-0-4-4-0 {/*border-radius: 12px;*/padding: 30px;margin: 0;-webkit-box-shadow: 0px 4px 4px 0 rgba(0, 0, 0, 0.1);box-shadow: 0px 4px 4px 0 rgba(0, 0, 0, 0.1);    background-color: #ffffff;}
.red-dot-date-row {background-image: none;background-position: left 106px top 12px;background-repeat: no-repeat;}
.aktuelles-url-box {margin-bottom: 10px;}

/* ==========================================
* Kontaktformular
* ==========================================*/
.form-container label {margin-bottom:0;}
.form-container input[type=text], .form-container input[type=email], .form-container textarea{color: #766e66; width: 100%;border: 1px solid #766e66;outline-color:#766e66;}
.form-container input[type=text], .form-container input[type=email] {margin-bottom: 10px;padding-left: 5px;}
.form-container input::placeholder {color: #adadad;opacity: 1; /* Firefox */}
.form-container input:-ms-input-placeholder { /* Internet Explorer 10-11 */color: #adadad;}
.form-container input::-ms-input-placeholder { /* Microsoft Edge */color: #adadad;}
.form-container textarea{height: 110px;margin-bottom: 3px;}
.form-container  .wpcf7-list-item {margin: 10px 0;}
.form-container input[type=submit] {margin-bottom: 20px;}
.form-container .wpcf7-not-valid-tip {margin-top: -8px;margin-bottom: 8px;color: #b82120;}
.form-container input[type=submit] {background-color: white;color: #766e66;border: 1px solid #766e66;padding: 5px 20px 3px 20px;text-align: center;display: inline-block;border-radius: 3px;}
/*.form-container input, [type=submit]:hover, .form-container input[type=submit]:active {border: 1px solid #669933;}*/
.wpcf7 form.invalid .wpcf7-response-output {width: 100%;margin: 0 auto;border-color: #b82120;color: #b82120;}
.wpcf7 form.sent .wpcf7-response-output {width: 100%;margin: 0 auto;border-color: #669933; border-color: #669933;}

.search-back-forward {margin-top: 30px;}
.search-back-forward a{padding: 14px 20px 11px 20px;-webkit-box-shadow: 0px 4px 19px 0px rgba(0, 0, 0, 0.1);box-shadow: 0px 4px 19px 0px rgba(0, 0, 0, 0.1);border-radius: 8px;}

/* ==========================================
* Suchformular
* ==========================================*/
.form-inline input[type=submit]  {margin-left: 5px;}
.form-inline input[type=search]  {border: 1px solid #8F8F9D;height: 30px;width: 160px; margin-left: 8px;}
/* ==========================================
* Sidebar
* ==========================================*/

.site-sidebar {padding: 1em;}
.widget {background: rgba(0, 0, 0, 0.3);padding: 1em;margin-bottom: 1em;}
.footer-space {min-height: 135px;}

.footer.desktop {display: none;min-height: 96px;}
.footer.smartphone {display: block;min-height: 270px;}
.footer.smartphone .col-2 {text-align: right;}
.footer.smartphone ul {margin: 22px 0px 0px 0;}
footer {background-color: #ffffff;padding-top: 20px;border-bottom: 3px solid #b82120;width: 100%;}
footer span.copyright {font-family: "Hypatia Sans Pro";color: #ffffff;font-style: normal;font-weight: 300;font-size: 0.78rem;line-height: 0.93rem;}
footer ul {list-style-type: none;margin: 13px 0 15px 0;padding: 0;}
footer ul li {display: inline-block;}
footer ul li:last-child {width: 29%;}
.smartphonenavi .menu-footernavi-container {width: 100%; text-align: center;}
.smartphonenavi .menu-footernavi-container ul#menu-footernavi-1 li {display: block; margin: 0 0 10px 0; width:100%}

footer ul li a, footer ul li a:hover, .smartphonenavi div a, .smartphonenavi div a:hover {font-family: "Hypatia Sans Pro";color: #b82120;font-style: normal;font-weight: 400;font-size: 0.78rem;line-height: 0.93rem;}
footer ul li a:hover {}

footer .logo-small-gapa,footer .logo-small-zugspitze1,footer .logo-small-zugspitze2,footer .logo-small-gemeindewerke{-webkit-filter: grayscale(100%); filter: grayscale(100%);}
footer .logo-small-gapa {width: 49px;;}
footer .logo-small-zugspitze1 {width: 110px;}
footer .logo-small-zugspitze2 {width: 107px;margin-top: -108px;}
footer .logo-small-gemeindewerke {width: 150px;}
footer .footer-logo-markt-gap {margin-top: -9px;}

/* dynamische Navigation in Footer der responosven Größe */

/* ==========================================
* Golden Book
* ==========================================*/
.golden-book .slick-slide {padding: 0 20px;}
.golden-book .slick-slide img {margin: 0; width: 100%;  -webkit-box-shadow: 0px 4px 19px 0px rgba(0, 0, 0, 0.1);box-shadow: 0px 4px 19px 0px rgba(0, 0, 0, 0.1);}
/* The Modal (background) */
.modal { display: none; position: fixed; z-index: 3; padding-top: 50px; left: 0; top: 0; width: 100%; height: 100%; overflow: auto;background-color: rgba(0,0,0,0.7); }
/* Modal Content */
.modal-content {position: relative; background-color:initial!important; margin: auto; padding: 0; width: 80%; max-width: 1200px; border-width: 0; } /* The Close Button */
#myGridImageModal #caption {text-align: center; color: #ffffff;margin-top: 12px;}
#myGridImageModal .close {font-size:2.5rem; opacity:1;top: 6px;right: 18px;}
.close { color: white; position: absolute; top: 10px; right: 25px; font-size: 2rem; font-weight: bold; }
.close:hover, .close:focus { color: #999; text-decoration: none; cursor: pointer; }
.mySlides { display: none; text-align: center;}
.mySlides img{ width:100%}
.cursor { cursor: pointer; }

/* Position the "next button" to the right */
.next { right: 0; border-radius: 3px 0 0 3px; }

.numbertext { color: #f2f2f2; font-size: 0.67rem; padding: 8px 12px; position: absolute; top: 0; } img { margin-bottom: -4px; }
.caption-container { text-align: center; background-color: black; padding: 2px 16px; color: white; }
.demo { opacity: 0.6; }
.active, .demo:hover { opacity: 1; }
img.hover-shadow { /*transition: 0.3s; */}
.hover-shadow:hover { box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); }

.sponsorenslider {margin: 0 -5px}
.sponsorenslider .slick-slide {margin: 4px;}
.sponsorenslider .slick-dots {bottom: -25px;}
.sponsorenslider .slick-next {right: -23px;}
.sponsorenslider .slick-prev {left: -23px;}
/* ==========================================
* Editor-Styles
* ==========================================*/
span.icon-phone-grey, span.icon-fax-grey, span.icon-house-grey, span.icon-letter-grey {margin-left: 26px;}
span.icon-phone-grey:before, span.icon-fax-grey:before, span.icon-house-grey:before, span.icon-letter-grey:before {position: absolute;width: 16px;height: 16px;margin-left: -26px;}
span.icon-phone-grey:before {content: url(./assets/images/common/icon-phone-grey.png);}
span.icon-fax-grey:before {content: url(./assets/images/common/icon-fax-grey.png);}
span.icon-house-grey:before {content: url(./assets/images/common/icon-house-grey.png);}
span.icon-letter-grey:before {content: url(./assets/images/common/icon-letter-grey.png);}

/* ==========================================
* News Einblenden
* ==========================================*/
button#show-news {background-color: white;color: #b82120;border: 1px solid #b82120;padding: 5px 20px 3px 20px;text-align: center;display: inline-block;border-radius: 3px;}
.display-none{ display: none;}
.display-none.display-block{display: block;animation-name: displaycontent;animation-duration: 3s;}
@keyframes displaycontent {
    from {opacity:0;}
    to {opacity:1;}
}
@media (min-width: 400px) {
    .first-info-box form.headerform input {width: 205px;}
}
@media (min-width: 500px) {
    /* ========= Infobox ========= */
    .outer,.inner,.content {width: 410px;}
    .outer {margin-top: 150px;}
    .content {position: relative;right: -350px;overflow-x: hidden;}
    .clickbutton {width: 60px;}
    #moveinfo  {width: 60px;}
    .clicktext {width: 350px;}

    #pollSlider-button{width:60px;}
    .pollSlider{width:350px;margin-right: -350px;}
    /* ========= / Infobox ========= */
}
/* ======================================================= */
/* Small devices (landscape phones, 576px and up)          */
/* ======================================================= */
@media (min-width: 576px) {
    .slick-prev {left: -25px;}
    .slick-next {right: -25px;}
    .sponsorenslider .slick-next {right: -33px;}
    .sponsorenslider .slick-prev {left: -33px;}
    .first-info-box form.headerform input {width: 250px;}
    .aktuelles-url-box {margin-bottom: 5px;}
    footer ul li {}
    .red-dot-date-row {background-image: url(./assets/images/common/bg-red-dot.png);}
    .wpcf7 form.invalid .wpcf7-response-output,.wpcf7 form.sent .wpcf7-response-output {max-width: 516px;}
}

/* ======================================================= */
/* Medium devices (tablets, 768px and up)                  */
/* ======================================================= */
@media (min-width: 768px) {
    .amtsblatt-search .table-head {display: initial;}
    .amtsblatt-search .cell-info {display: none;}
    .amtsblatt-search #resetButton,
    .amtsblatt-search input[type="submit"]{width:190px;}
    .amtsblatt-search #resetButton {margin-top: 5px;}
    .amtsblatt-search .archive-search {padding-top: 33px;}
    .amtsblatt-search #itemsPerPage {margin-top: 5px;}
    .stoererHeader .stoererHeaderWrap {width: 180px;height: 180px;}
    .stoererHeader.normal-order {top: 4%;left: 4%; width: 180px !important;}
    .stoererHeader.normal-order .stoererHeaderSmall,.stoererHeader .stoererHeaderWrap .stoererHeaderSmall {font-size: 1.33rem;}
    /* Onepager -OnePagerImageTextBox */
    .language-icon-box-first  {z-index: 9999;position: absolute;right: 46px;top: 15px;}
    .language-icon-box-first img {z-index: 9999;cursor: pointer;}
    .one-pager-col {
        display: table-cell; /* Make elements inside the container behave like table cells */
        width: 50%; /* width: initial; */
    }
    .opacity-0 {opacity: 0}
    .imageDivLeftSide {right: 50%;left: 0;bottom: 0;}
    .imageDivRightSide {left: 50%;right: 0;bottom: 0;}
    .vertical-alignment {display: table;}
    .bg-text-boxes .break-box-space {margin-bottom:0;}
    .show-small-hide-large {display: none;}
    .show-large-hide-small {display: table-cell;}
    .show-small-hide-large-col {display: none;}
    .show-large-hide-small-col {display: table-cell;}
    /* ========= Infobox ========= */
    .outer,.inner,.content {width: 500px;}
    .outer {margin-top: 200px;}
    .content {position: relative;right: -411px;overflow-x: hidden;}
    .clickbutton {width: 89px;}
    #moveinfo  {width: 89px;}
    .clicktext {width: 411px;padding-top:30px;}
    .clicktext .red-date {display: inline-block; padding: 0 30px 0px 30px;}
    .clicktext h4 {padding: 0 30px 0px 30px;}
    .clicktext p {padding: 0 30px 5px 30px}

    #pollSlider-button{width:89px;}
    .pollSlider{width:411px;margin-right: -411px;}
    /* ========= / Infobox ========= */

    .headerimageslider .imagesequence {height: 400px;}
    .first-info-box span.head-phonenumber {display: inline;}
    .first-info-box form.headerform {margin-left: 50px;}
    .headerimageslider .imagesequence h3 {font-size: 2.22rem;margin-top: 165px; line-height: 3.44rem;}
    footer ul {text-align: center;}
    form.page-search input[type=submit] {width: 184px;margin-right: 30px;background-image: url(./assets/images/common/bg-page-form-submit.png);}
    .red-dot-date-row {background-position: left 103px top 12px;}
    footer {padding-top: 39px;}
    footer ul {margin: 0 0 15px 0;}
    footer ul li, footer ul li:first-child, footer ul li:last-child {width: auto;margin: 0 17px;}
    .more-articles {margin-left: -10px;}
    .show-complete-datalist {margin-left: 0;}
    .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.sent .wpcf7-response-output {max-width: 698px;}

    .golden-book .slick-slide img {margin: 0 auto; width: 250px;}
    .modal-content { width: 600px; max-width: 1200px;}
    .modal-content.grid-image { width: 476px; max-width: 1200px;}

    .grid-gallery-block .mobil-gallery {display: none;}
    .grid-gallery-block .tablet-gallery {display: block;}
    .grid-gallery-block .desktop-gallery {display: none;}

    .mc-main.calendar td.has-events, .mc-main.calendar td.no-events {background-size: 50%;}
}

/* ======================================================= */
/* Large devices (desktops, 992px and up)                  */
/* ======================================================= */
@media (min-width: 992px) {
    .amtsblatt-search #resetButton, .amtsblatt-search input[type="submit"] {
        width: 258px;
    }
    .affix-container-onepager-navigation {text-align: center;}
    /* One Pager Navigation*/
    #opN ul.navbar-nav li {padding: 0 30px 0 0;}
    /* Layout der Onepager-Navigtion, wenn viele Navigationspunkte verwendet werden*/
    #opN .navbar-nav.extendet-navigation {display: inline ! important}
    #opN .navbar-nav.extendet-navigation li {float: left;}
    #opN .navbar-nav.extendet-navigation li a {line-height: 1.39rem;}
    .footer.desktop {display: block;}
    .footer.smartphone {display: none;}
    .headerimageslider .imagesequence {height: 500px;}
    .first-info-box span.head-email {display: inline;}
    .headerimageslider .imagesequence h3 {font-size: 2.94rem;margin-top: 213px; line-height: 4.17rem;}
    .desktop-visible {display: block;}
    .smaller-device-visible {display: none;}
    .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.sent .wpcf7-response-output {max-width: 932px;}

    .grid-gallery-block .mobil-gallery {display: none;}
    .grid-gallery-block .tablet-gallery {display: none;}
    .grid-gallery-block .desktop-gallery {display: block;}

}

/* ======================================================= */
/* Extra large devices (large desktops, 1200px and up)     */
/* ======================================================= */
@media (min-width: 1200px) {

    .markt-gap-logo {width: 160px; float: left;}
    .navbar-nav {padding-left:revert;}
    nav.navbar.navbar-expand-lg {width: 1185px;}
    /* Onepager -Navigation */
    .bg-onepager-nav nav.navbar.navbar-expand-lg {width: auto !important;}
    .headerimageslider .imagesequence {height: 620px;}
    .headerimageslider .imagesequence h3 {font-size: 3.89rem;margin-top: 280px; line-height: 5rem;}
    .red-dot-date-row {background-position: left 91px top 12px;}
    .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.sent .wpcf7-response-output {max-width: 1110px;}
    .golden-book .slick-slide img {width: 350px;}
}
/* ======================================================= */
/* XX large devices (large desktops, 1200px and up)     */
/* ======================================================= */
@media (min-width: 1366px) {
    .amtsblatt-search #resetButton, .amtsblatt-search input[type="submit"] {
        width: 357px;
    }
    .container {max-width: 1300px !important;}
    .red-dot-date-row {background-position: left 96px top 12px;}
    .frontpage-image-text-box, .link-box {margin: 0 12px 30px 12px;}
    .spacer {margin-left: 0;}
    .show-complete-datalist {margin-left: 15px;}
    .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.sent .wpcf7-response-output {max-width: 1356px;}
}

@media (min-width: 1440px) {
    .markt-gap-logo {position: absolute;}
    .navbar {margin-left: 160px;}
    .container {max-width: 1380px !important;}
    .red-dot-date-row {background-position: left 99px top 12px;}
}

/* Kommentare */

div.comment-form {margin-top: 4em;}

.comment-form input[type=text], .comment-form input[type=email], .comment-form input[type=url], .comment-form textarea {padding: .5em;color: white;background-color: rgba(0, 0, 0, 0.1);border: 2px solid rgba(255, 255, 255, 0.22);box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.24);margin: .2em 0 1em 0;width: 100%;}
.comment-form input[type=submit] {background: rgba(255, 255, 255, 0.17);padding: .75em 1.2em;border: 2px solid rgba(255, 255, 255, 0.61);margin-top: -1em;}
.comment-list {margin-top: 5em;}
.comment-list ul {padding: 0;margin: 0;list-style: none;}
.single-comment {background: rgba(255, 255, 255, 0.1);padding: 1em;margin-bottom: 1em;}
.single-comment .children {margin-top: 1em;}
.single-comment .avatar {float: right;border-radius: 32px;object-fit: cover;}

/*
*
* ==========================================
* wichtige Wordpress-Klassen
* ==========================================
*
*/

.bypostauthor {display: block;}
.alignleft {display: inline;float: left;margin-right: 1.5em;}
.alignright {display: inline;float: right;margin-left: 1.5em;}
.aligncenter {clear: both;display: block;margin-left: auto;margin-right: auto;}
.wp-caption .wp-caption-text {font-size: 0.688rem;line-height: 1.063rem;margin: 0;padding: 0.625rem;}
.wp-caption-text {text-align: center;}
.gallery-caption {display: block;}
.screen-reader-text {clip: rect(1px, 1px, 1px, 1px);position: absolute !important;height: 1px;width: 1px;overflow: hidden;word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */}
.screen-reader-text:focus {background-color: #f1f1f1;border-radius: 3px;box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);clip: auto !important;color: #21759b;display: block;font-size: 0.875rem;font-weight: bold;height: auto;left: 0.313rem;line-height: normal;padding: 0.938rem 1.438rem 0.875rem;text-decoration: none;top: 0.313rem;width: auto;z-index: 100000; /* Above WP toolbar. */}

/* Andere Version Dropdown Menü

.dropdown-menu > .dropdown {position: relative;}

.dropdown-menu > .dropdown a::after {transform: rotate(-90deg);position: absolute;right: .9rem;top: .9rem;}

.dropdown-menu > .dropdown .dropdown-menu {top: -.7rem;left: 100%;border-radius: 0 .25rem .25rem .25rem;}*/

/* Fix wegen neu angelgten Bildern in der englischen Olympiaden-Seite */
@media (min-width: 768px) {
    .show-large-hide-small {
        position: relative;
    }
    .imageDivRightSide {
        left: 0;
        /* bottom: 0; // hast du eh schon */
    }
    .imageDivLeftSide {
        right: 0;
        /* bottom: 0; // hast du eh schon */
    }
}