#gpx_content > div {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-pack: center;
  -webkit-box-align: center;
  display: -ms-flexbox;
  -ms-flex-pack: center;
  -ms-flex-align: center;
  -ms-flex-direction: column; }

.page.vollbild #gpx_content > div.GPAREA.top, #gpx_content > div.GPAREA.vollbild.top {
  -webkit-box-pack: start;
  -ms-flex-pack: start; }

footer #footer_wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center; }

html, body, p {
  margin: 0;
  padding: 0; }

body {
  background-color: #ffffff; }

a:focus {
  outline: none; }

nav .container {
  max-width: 1300px; }

#content {
  position: relative;
  z-index: 50; }

.page {
  position: absolute;
  top: 0;
  z-index: 0;
  width: 100%;
  background-color: #ffffff; }

.gpAdmin .gp_edit_current, .gpAdmin .gp_edit_current:hover {
  z-index: auto; }
.gpAdmin .page {
  top: 30px; }
.gpAdmin #menu {
  position: relative; }
.gpAdmin #gpx_content > div.GPAREA {
  z-index: 1; }
.gpAdmin #gpx_content .vb .pbg {
  z-index: auto; }

#content {
  min-height: 100vh; }

.container {
  padding: 0;
  max-width: none; }

.row {
  margin: 0; }

.page.vollbild #gpx_content > div.GPAREA, #gpx_content > div.GPAREA.vollbild {
  min-height: 100vh; }

.page.vollbild #gpx_content > div.GPAREA, #gpx_content > div.GPAREA.vollbild,
#gpx_content > div.GPAREA:first-child,
#gpx_content > div.GPAREA[name] {
  padding-top: 50px; }

.plain .page.vollbild #gpx_content > div.GPAREA, .plain #gpx_content > div.GPAREA.vollbild,
.plain #gpx_content > div.GPAREA:first-child,
.plain #gpx_content > div.GPAREA[name] {
  padding-top: 10px; }

#gpx_content {
  display: flex;
  flex-direction: column; }

#gpx_content > div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center; }

#gpx_content > div > .row {
  width: 100%;
  /*height:100%;*/
  max-width: 1300px; }

.page.vollbild #gpx_content > div.GPAREA.top, #gpx_content > div.GPAREA.vollbild.top {
  justify-content: flex-start; }
  .page.vollbild #gpx_content > div.GPAREA.top .row, #gpx_content > div.GPAREA.vollbild.top .row {
    margin-top: 15vh; }

.page.vollbild #gpx_content > div.GPAREA .toprow, #gpx_content > div.GPAREA.vollbild .toprow {
  margin-bottom: auto; }

.row {
  width: 100%; }

#gpx_content > div.GPAREA {
  position: relative;
  overflow: hidden; }

#gpx_content .pbg, #gpx_content .pfg {
  position: static; }
  #gpx_content .pbg img, #gpx_content .pbg iframe, #gpx_content .pfg img, #gpx_content .pfg iframe {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover; }
  #gpx_content .pbg.bottom img, #gpx_content .pbg.top img, #gpx_content .pfg.bottom img, #gpx_content .pfg.top img {
    object-position: 50% 100%;
    background-color: transparent; }
  #gpx_content .pbg.top img, #gpx_content .pfg.top img {
    object-position: 50% 0; }
#gpx_content .pbg {
  z-index: 0; }
#gpx_content > div:first-child {
  background-color: #ffffff; }

.pbg2 .row {
  position: relative; }
.pbg2 .pbg2 {
  position: absolute;
  left: -100vw;
  width: 200vw;
  height: 100%;
  z-index: -1; }

footer {
  background-color: #eceded; }
  footer #footer_wrapper {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center; }

footer div.row {
  max-width: 1300px;
  position: relative;
  width: 100%; }

#scrollTop {
  position: fixed;
  bottom: 0;
  right: 0;
  width: 40px;
  height: 40px;
  z-index: 200;
  cursor: pointer;
  display: none; }

.sm_teaser {
  cursor: pointer; }

.vb {
  width: 100%;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: center; }
  .vb > .row {
    max-width: 1300px; }

.plain .page {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch; }
  .plain .page #gpx_content > div:first-child {
    background-color: #ffffff; }

td {
  text-align: left;
  vertical-align: top; }

* {
  font-family: Avant Garde, Avantgarde, NORMAL, sans-serif;
  font-size: 14px; }

.page {
  color: #000000; }

span {
  font-size: inherit; }

a {
  text-decoration: none;
  color: #e95d0f; }

footer {
  color: #000000; }

.h_weiss {
  background-color: #ffffff; }

.h_weiss80 {
  background-color: #ffffff;
  background-color: rgba(255, 255, 255, 0.8); }

.h_weiss90 {
  background-color: #ffffff;
  background-color: rgba(255, 255, 255, 0.9); }

.h_schwarz {
  background-color: #000000; }

.h_schwarz70 {
  background-color: #000000;
  background-color: rgba(0, 0, 0, 0.7); }

.h_schwarz80 {
  background-color: #000000;
  background-color: rgba(0, 0, 0, 0.8); }

.h_schwarz90 {
  background-color: #000000;
  background-color: rgba(0, 0, 0, 0.9); }

.h_rot {
  background-color: #d10019; }

.h_gelb {
  background-color: #ffcc00; }

.h_grau {
  background-color: #c8c7bb; }

.h_hellblau {
  background-color: #0092cf; }

.h_blau {
  background-color: #003a60; }

.h_gelbgruen {
  background-color: #8db712; }

.h_gruen {
  background-color: #017401; }

.h_lila {
  background-color: #5b1f78; }

.t_weiss {
  color: #ffffff; }

.t_weiss80 {
  color: #ffffff;
  color: rgba(255, 255, 255, 0.8); }

.t_weiss90 {
  color: #ffffff;
  color: rgba(255, 255, 255, 0.9); }

.t_schwarz {
  color: #000000; }

.t_schwarz80 {
  color: #000000;
  color: rgba(0, 0, 0, 0.8); }

.t_schwarz90 {
  color: #000000;
  color: rgba(0, 0, 0, 0.9); }

.t_rot {
  color: #d10019; }

.t_gelb {
  color: #ffcc00; }

.t_grau {
  color: #c8c7bb; }

.t_hellblau {
  color: #0092cf; }

.t_blau {
  color: #003a60; }

.t_gelbgruen {
  color: #8db712; }

.t_gruen {
  color: #017401; }

.t_lila {
  color: #5b1f78; }

h1, h2, h3, h4, h5, h6 {
  margin: 0;
  font-weight: bold; }

h1 {
  font-size: 22px; }
  h1 * {
    font-size: 22px; }

h2 {
  font-size: 18px; }
  h2 * {
    font-size: 18px; }

h3 {
  font-size: 16px; }
  h3 * {
    font-size: 16px; }

.ta_01, .ta_02, .ta_03, .ta_04 {
  background-color: #707173;
  color: #ffffff;
  display: inline-block;
  height: 30px;
  line-height: 30px;
  padding: 0 10px; }
  .ta_01:hover, .ta_02:hover, .ta_03:hover, .ta_04:hover {
    background-color: #3e3d40;
    color: #ffffff; }
  .ta_01.selected, .ta_02.selected, .ta_03.selected, .ta_04.selected {
    background-color: #232124;
    color: #e95d0f; }

.ta_01 {
  width: 200px; }

.ta_02 {
  width: 300px; }

.ta_04 {
  /*    height:20px;
      line-height:20px;*/
  width: 100%;
  margin-bottom: 1px; }

.error {
  color: red; }

.success {
  color: green; }

.close_sidebar {
  padding: 10px 10px 50px 10px;
  cursor: pointer; }

#small_menu_button {
  position: fixed;
  right: 0;
  top: 0; }

#sidebar_button {
  display: none;
  position: fixed;
  right: 0;
  top: 50px;
  background-color: #000000; }

#main_menu_small {
  display: none;
  position: relative;
  top: 50px; }

#menu {
  position: fixed;
  top: 0;
  height: 50px;
  width: 100%;
  z-index: 100;
  background-color: #000000; }
  #menu * {
    box-sizing: border-box; }
  #menu a {
    color: #ffffff; }
  #menu #small_logo {
    display: none; }
  #menu #small_menu_button {
    display: none; }
  #menu div {
    height: 100%; }
  #menu ul {
    display: block;
    list-style: none;
    height: 100%;
    margin: 0;
    padding: 0; }
  #menu ul li {
    float: left; }
    #menu ul li a {
      background-color: #000000;
      color: #ffffff; }
  #menu ul li a:hover {
    background-color: #707173;
    color: #ffffff; }
  #menu ul li a {
    display: block;
    height: 100%;
    line-height: 50px;
    text-decoration: none;
    padding: 0 20px;
    font-size: 16px; }
  #menu li.selected_li a, #menu li.childselected_li a {
    background-color: #3e3d40;
    color: #e95d0f; }
  #menu ul ul {
    background-color: none;
    height: auto;
    display: none;
    position: absolute; }
    #menu ul ul li {
      float: none; }
      #menu ul ul li a {
        font-size: 14px; }
  #menu ul li.selected_li ul a {
    background-color: #000000;
    color: #ffffff; }
  #menu ul li.selected_li ul a:hover {
    background-color: #707173;
    color: #ffffff; }
  #menu ul li.selected_li ul a.selected {
    background-color: #3e3d40;
    color: #e95d0f; }
  #menu .menu_button {
    width: 40px;
    height: 40px;
    cursor: pointer; }
  #menu ul#small_menu_buttons {
    display: none; }
  #menu #sidebar {
    position: fixed;
    padding-top: 50px;
    right: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.8);
    width: 200px;
    height: 100vh;
    overflow-y: auto; }
    #menu #sidebar div {
      height: auto; }
    #menu #sidebar ul.menu_top {
      height: auto;
      clear: right;
      background: none; }
      #menu #sidebar ul.menu_top li.selected_li {
        height: auto; }
        #menu #sidebar ul.menu_top li.selected_li ul {
          position: relative;
          display: block; }
          #menu #sidebar ul.menu_top li.selected_li ul li a {
            padding-left: 30px; }
    #menu #sidebar .menu_button {
      float: right;
      background-color: #000000;
      cursor: pointer; }
    #menu #sidebar li {
      float: none;
      display: block;
      height: 50px;
      margin-bottom: 1px; }
    #menu #sidebar a {
      background-color: #707173;
      color: #ffffff; }
    #menu #sidebar a:hover, #menu #sidebar a.selected:hover {
      background-color: #3e3d40;
      color: #ffffff; }
    #menu #sidebar a.selected {
      background-color: #232124;
      color: #e95d0f; }
  #menu img {
    display: block;
    width: 40px;
    height: 40px; }
  #menu #support_menu {
    height: 40px;
    margin-bottom: 1px; }
    #menu #support_menu li {
      width: 40px;
      height: 40px;
      display: block;
      float: left; }
    #menu #support_menu a {
      display: block;
      padding: 0;
      background-color: #000000; }
    #menu #support_menu a:hover, #menu #support_menu a.selected:hover {
      background-color: #707173; }
    #menu #support_menu a.selected {
      background-color: #3e3d40; }
  #menu #menu_details {
    position: relative;
    z-index: 1;
    max-height: calc(100vh - 50px);
    overflow: auto;
    height: auto;
    background-color: rgba(0, 0, 0, 0.8);
    color: #ffffff; }
    #menu #menu_details img {
      display: inline;
      width: auto;
      height: auto; }
  #menu #menu_details_header {
    background-color: #707173;
    height: 50px; }
  #menu #menu_details_header_content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 34px; }
  #menu #menu_details_header_content > div {
    height: auto; }
  #menu #menu_details_subMenu li {
    float: none;
    margin-top: 1px; }
  #menu #menu_details_subMenu ul {
    margin-bottom: 1em; }
  #menu #menu_details_subMenu a {
    background-color: #707173;
    color: #ffffff; }
  #menu #menu_details_subMenu a:hover, #menu #menu_details_subMenu a.selected:hover {
    background-color: #3e3d40;
    color: #ffffff; }
  #menu #menu_details_subMenu a.selected {
    background-color: #232124;
    color: #e95d0f; }

/*@media(max-width:$menuBreakpoint1){
    #sidebar{
        right: -$sidebarWidth;
    }
}*/
@media (max-width: 992px) {
  #menu #small_menu_button {
    display: block; }
  #menu ul#small_menu_buttons {
    display: block;
    position: fixed;
    right: 40px;
    top: 0;
    height: 50px; }
    #menu ul#small_menu_buttons li {
      width: 40px;
      width: 40px;
      float: none;
      display: inline-block; }
      #menu ul#small_menu_buttons li a {
        width: 40px;
        width: 40px;
        display: block;
        padding: 0; }
  #menu #small_logo {
    display: block;
    width: 184px;
    height: 30px;
    margin: 5px; }
  #menu #main_menu_small {
    display: none;
    height: auto;
    max-height: 80vh;
    max-height: calc(100vh - 50px);
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    position: absolute;
    right: 0;
    width: 60%;
    background-color: rgba(0, 0, 0, 0.8); }
    #menu #main_menu_small div {
      height: auto; }
    #menu #main_menu_small ul {
      height: auto;
      position: relative; }
    #menu #main_menu_small ul.menu_top {
      width: 100%; }
    #menu #main_menu_small li {
      float: none;
      height: auto;
      margin-bottom: 1px; }
    #menu #main_menu_small ul ul {
      margin-top: 1px; }
      #menu #main_menu_small ul ul a {
        padding-left: 40px;
        background-color: #707173;
        color: #ffffff; }
      #menu #main_menu_small ul ul a:hover, #menu #main_menu_small ul ul a.selected:hover {
        background-color: #3e3d40;
        color: #ffffff; }
      #menu #main_menu_small ul ul a.selected {
        background-color: #232124;
        color: #e95d0f; }
      #menu #main_menu_small ul ul ul a {
        padding-left: 60px; }
  #menu #main_menu, #menu #sidebar, #menu #sidebar_button {
    display: none; } }
ul.gp_gallery {
  padding: 0;
  list-style-type: none;
  display: flex;
  flex-wrap: wrap; }
  ul.gp_gallery li {
    width: 100px;
    height: 100px;
    padding: 0;
    border: none;
    border-radius: 0;
    margin-right: 5px;
    margin-bottom: 5px;
    display: block; }
  ul.gp_gallery a {
    display: block;
    width: 100%;
    height: 100%; }
  ul.gp_gallery img {
    position: static;
    display: block;
    border-radius: 0; }
  ul.gp_gallery span.caption {
    display: none; }

a[class^='gal_'] {
  position: relative;
  display: inline-block; }
  a[class^='gal_'] img {
    display: block; }

a[class^='gal_']::after {
  content: url(/themes/pics/lupe.svg);
  width: 30px;
  height: 30px;
  position: absolute;
  bottom: 0;
  right: 0; }

#cboxTopLeft, #cboxTopCenter, #cboxTopRight, #cboxMiddleLeft, #cboxMiddleRight, #cboxBottomLeft, #cboxBottomCenter, #cboxBottomRight {
  background: none;
  width: auto;
  height: auto; }

#cboxModdedCaption {
  font-size: 12px;
  color: #222222; }

#cboxLoadedContent {
  font-size: 12px;
  background-color: #ffffff; }

#cboxCurrent {
  color: #ffffff;
  font-size: 14px;
  line-height: 14px; }

#cboxLoadingOverlay {
  background-color: #ffffff; }

#cboxOverlay {
  background-color: #111111; }

#cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose {
  border: none;
  padding: 0; }

#cboxContent {
  background-color: #ffffff; }

#cboxWrapper {
  background-color: #707173; }

#cboxTitle {
  padding: .3em;
  border: none;
  background-color: rgba(255, 255, 255, 0.6); }

#colorbox:focus {
  outline: none !important; }

#cboxWrapper:focus {
  outline: none !important; }

#colorbox, #cboxOverlay, #cboxWrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  overflow: hidden; }

#cboxOverlay {
  position: fixed;
  width: 100%;
  height: 100%; }

#cboxMiddleLeft, #cboxBottomLeft {
  clear: left; }

#cboxContent {
  position: relative; }

#cboxLoadedContent {
  overflow: auto;
  -webkit-overflow-scrolling: touch; }

#cboxTitle {
  margin: 0; }

#cboxLoadingOverlay, #cboxLoadingGraphic {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
  cursor: pointer; }

.cboxPhoto {
  float: left;
  margin: auto;
  border: 0;
  display: block;
  max-width: none; }

.cboxIframe {
  width: 100%;
  height: 100%;
  display: block;
  border: 0; }

#colorbox, #cboxContent, #cboxLoadedContent {
  box-sizing: content-box;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box; }

#cboxOverlay {
  background: #000000; }

#cboxContent {
  margin-top: 40px;
  overflow: visible; }

.cboxIframe {
  background: #fff; }

#cboxError {
  padding: 50px;
  border: 1px solid #ccc; }

#cboxLoadedContent {
  background: #000;
  padding: 1px; }

#cboxLoadingGraphic {
  background: url(/themes/pics/loading.gif) no-repeat center center; }

#cboxLoadingOverlay {
  background: #000; }

#cboxTitle {
  display: none;
  /*  position: absolute;
    bottom: -2px;
    left: 0;
    color: #000;
    background: #fff;
    border: 1px solid #fff;*/ }

#cboxCurrent {
  position: absolute;
  top: -26px;
  left: 60px; }

#cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose {
  text-indent: -9999px;
  width: 20px;
  height: 20px;
  position: absolute;
  top: -30px;
  background: url(/themes/pics/colorbox_controls.png) no-repeat 0 0; }

#cboxPrevious {
  background-position: 0px 0px;
  left: 10px; }

#cboxPrevious:hover {
  background-position: 0px -25px; }

#cboxNext {
  background-position: -25px 0px;
  left: 31px; }

#cboxNext:hover {
  background-position: -25px -25px; }

#cboxClose {
  background-position: -50px 0px;
  right: 10px; }

#cboxClose:hover {
  background-position: -50px -25px; }

.cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious {
  right: 66px; }

.cboxSlideshow_on #cboxSlideshow {
  background-position: -75px -25px;
  right: 44px; }

.cboxSlideshow_on #cboxSlideshow:hover {
  background-position: -100px -25px; }

.cboxSlideshow_off #cboxSlideshow {
  background-position: -100px 0px;
  right: 44px; }

.cboxSlideshow_off #cboxSlideshow:hover {
  background-position: -75px -25px; }

.slidedown div.title {
  cursor: pointer;
  /*background-color:green;*/ }

.slidedown .slidedown div.title {
  /*background-color:red;*/ }

.slidedown .slidedown .slidedown div.title {
  /*background-color:yellow;*/ }

.gpAdmin .panel {
  background-color: #ccc; }
  .gpAdmin .panel .bg {
    position: relative;
    z-index: auto;
    padding: 0; }

.panel {
  /*overflow:hidden;*/ }
  .panel .bg {
    /*background-color:#000;*/
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    padding: 5px;
    object-fit: cover; }

.styled_form {
  display: block;
  margin-bottom: 2em;
  margin-left: 25px; }
  .styled_form#kontakt_form {
    margin-left: 0; }
  @media (min-width: 769px) {
    .styled_form .row > div:first-child {
      text-align: right; }
      .styled_form .row > div:first-child.left {
        text-align: left; } }
  .styled_form .row > div {
    padding: .2em; }
  .styled_form input, .styled_form select, .styled_form textarea, .styled_form button {
    width: 100%;
    background-color: #707173;
    color: #ffffff;
    border: none;
    padding: .2em .5em; }
  .styled_form select, .styled_form button {
    width: auto; }
  .styled_form textarea {
    min-height: 10em; }
  .styled_form input[type=checkbox] {
    width: 40px;
    height: 40px; }
  .styled_form button {
    cursor: pointer; }
  .styled_form button:hover {
    background-color: #3e3d40;
    color: #ffffff; }
  .styled_form button {
    padding-left: 25px;
    padding-right: 25px;
    background: #707173; }
  .styled_form button:hover {
    background: #3e3d40; }

.styled_form_message ul {
  list-style-type: none;
  padding: 0; }
.styled_form_message > div {
  /*padding:.2em;*/ }

.teaser {
  cursor: pointer; }
  .teaser .content {
    display: none; }

.gpAdmin .teaser {
  cursor: normal; }
  .gpAdmin .teaser .content {
    display: block; }

.countdown {
  display: inline-block;
  /*width:300px;*/ }
  .countdown span {
    font-family: Arial;
    font-weight: bold;
    width: 100px;
    height: 100px;
    font-size: 60px;
    text-align: center;
    padding-top: 10px;
    color: #ffffff;
    display: inline-block;
    background-position: center center;
    margin: 5px;
    background-size: 100px 100px; }
  .countdown span.countdown_days {
    background-image: url("/themes/pics/countdown/count_rund_gruen_tag.svg");
    background-image: url("/themes/pics/countdown/count_quad_weiss_tag.svg"); }
  .countdown span.countdown_hours {
    background-image: url("/themes/pics/countdown/count_rund_gruen_stunde.svg");
    background-image: url("/themes/pics/countdown/count_quad_weiss_stunde.svg"); }
  .countdown span.countdown_minutes {
    background-image: url("/themes/pics/countdown/count_rund_gruen_minute.svg");
    background-image: url("/themes/pics/countdown/count_quad_weiss_minute.svg"); }

/*# sourceMappingURL=style.css.map */
