body {
  margin:0;
}
@font-face {
    font-family: 'bootstrap-icons';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(../icons/css_js/fonts/bootstrap-icons.woff2) format('woff2'),
         url(../icons/css_js/fonts/bootstrap-icons.woff) format('woff');
}
* {
  box-sizing: border-box;
  hyphens: auto;
}

.row::after {
  content: "";
  clear: both;
  display: table;
}

[class*="col-"] {
  float: left;
  align-items: center;
  padding: 15px;
}

html {
  font-family: "Lucida Sans", sans-serif !important;
}

[class*="background-"] {}
@media {
  .background-i {background: #000 url("../imgs/bg_i_1.jpg") repeat scroll right top;}
  .background-N {background: #000 url("../imgs/bg_N_1.jpg") repeat scroll right top;}
}

a {
  color: #000;
  text-decoration: none;
  cursor: copy;
}

.header {
  background-color: #11e111;
  margin: 40px;
  padding: 40px;
  border-width: 3px;
  border-style: solid;
  border-radius: 20px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 0px rgba(0,0,0,0.24);
  color: #000;
  text-align: center;
}

#topline {
  display: grid;
}

#toptitle {
  font-size: 1em;
}

#topsymbol {
  font-size: 4em;
}

#subtitle1 {
  font-size: 1.6em;
  text-transform: full-width;
  height: 1em;
}

#subtitle2 {
  font-size: 1em;
  text-transform: none;
}

#header-upleft {
  text-align: left !important;
  width: 3em;
  height: 3em;
}

#header-upright {
  text-align: right !important;
  font-size: 2.4em;
}

#header-upright a {
  color: white;
}

#header-downright {
  display: ;
  text-align: right;
  text-decoration: overline;
  padding-top: 2em;
  font-size: 1.2em;
}

#header-downleft {
  text-align: left;
  font-size: 1.5em;
}

.menu ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  z-index: 1;
}

.menu li {
  padding: 8px;
  margin-bottom: 7px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  background-color: #11e111;
  border-width: 2px;
  border-style: dotted;
  border-radius: 20em;
}

.menu li:hover {
  background-color: #fff;
  border-style: solid !important;
}

.menu a {
  /*color: #555e62;*/
  text-align-last: justify;
  /*text-transform: uppercase;*/
}

.menu a:hover {
  color: ;
  text-align-last: center;
  text-transform: unset;
}

#active {
  background-color: #fff;
  color: #118a00;
  border-style: solid !important;
  text-align-last: center;
  text-transform: unset;
  font-weight: 600;
  cursor: copy;
}

#main {
}

.main i {
  vertical-align: middle;
}

.main ul {
}

.main li {
}

.main_buttons ul {
  list-style-type: none;
  text-align: center;
  margin: 0;
  padding: 0;
}

.main_buttons li {
  border-radius: 60px;
  padding: 8px;
  margin-bottom: 7px;
  background-color: #fff;
  color: #000;
  font-size: 1.6em;
  text-decoration: underline dotted;
  text-transform: uppercase;
  box-shadow: 3px 3px 9px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}
.main_buttons i {
  vertical-align: super;
}
#main_button_notdienst li {
  background-color: red;
  color: #fff;
}
#main_button_notdienst:hover li {
  background-color: #e10000;
}
.sub_buttons li {
  /*font-size: 1.6em;*/
}

.formContainer {
  background-color: rgba(255, 255, 255, 0.9);
}

#contactform-1_activator-1 {
  cursor: copy;
  display: none;
}

#contactform-1 {
  display: none;
}

#location-1 {
  background: #FFF url("../imgs/cities/map_rt.png") no-repeat scroll center center;
  background-size: cover;
  border: none;
  color: #FFF;
  text-transform: full-width;
  font-style: unset;
  font-weight: bolder;
  font-size: x-small;
  display: none;
}

[class*="table-"] th, [class*="table-"] td {padding: 10px;text-align: center;border-bottom: hidden !important;} /*border-bottom: 1px solid #ddd;*/
.table-prices tr:nth-child(2) {background-color: #f2f2f2;}
.table-prices tr:nth-child(3) {background-color: #f2f2f2;}
[class*="table-"] tr:hover {background-color: aliceblue; cursor: copy;}
.table-prices {overflow-x: initial;border-style: none;background-color: white;}
.table-prices th {background-color: #04AA6D;/*#19B902*/ color: white;}
.table-prices th, .table-prices td {border-style: hidden;}
.table-icon td {border-style: none !important;}
/*tr:nth-child(2n) {background-color: #f2f2f2;}*/

.aside {
  background-color: #fff;
  padding: 15px;
  color: #000;
  text-align: center;
  font-size: 14px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}

#creator {
  display: none;
}

.footer {
  background-color: #555e62;
  color: #ffffff;
  text-align: center;
  font-size: 12px;
  padding-top: 15px;
  line-height: 1.5;
}

.footer table {
  display: unset;
}

/* For mobile phones: */
[class*="col-"] {
  width: 100%;
}

@media only screen and (min-width: 300px) {
  /* For phones_large: */
  .col-xs-1 {width: 8.33%;}
  .col-xs-2 {width: 16.66%;}
  .col-xs-3 {width: 25%;}
  .col-xs-4 {width: 33.33%;}
  .col-xs-5 {width: 41.66%;}
  .col-xs-6 {width: 50%;}
  .col-xs-7 {width: 58.33%;}
  .col-xs-8 {width: 66.66%;}
  .col-xs-9 {width: 75%;}
  .col-xs-10 {width: 83.33%;}
  .col-xs-11 {width: 91.66%;}
  .col-xs-12 {width: 100%;}
}
@media only screen and (min-width: 600px) {
  /* For tablets: */
  .col-s-1 {width: 8.33%;}
  .col-s-2 {width: 16.66%;}
  .col-s-3 {width: 25%;}
  .col-s-4 {width: 33.33%;}
  .col-s-5 {width: 41.66%;}
  .col-s-6 {width: 50%;}
  .col-s-7 {width: 58.33%;}
  .col-s-8 {width: 66.66%;}
  .col-s-9 {width: 75%;}
  .col-s-10 {width: 83.33%;}
  .col-s-11 {width: 91.66%;}
  .col-s-12 {width: 100%;}
}
@media only screen and (min-width: 768px) {
  /* For desktop: */
  .col-1 {width: 8.33%;}
  .col-2 {width: 16.66%;}
  .col-3 {width: 25%;}
  .col-4 {width: 33.33%;}
  .col-5 {width: 41.66%;}
  .col-6 {width: 50%;}
  .col-7 {width: 58.33%;}
  .col-8 {width: 66.66%;}
  .col-9 {width: 75%;}
  .col-10 {width: 83.33%;}
  .col-11 {width: 91.66%;}
  .col-12 {width: 100%;}
}
@media only screen and (min-width: 0px) and (max-width: 359.9px) {
  /* For phones_small: */
  [class*="table-"] th, [class*="table-"] td {padding: 2px;}
  .table-prices {font-size: 50% !important; border-style: groove;}

  .main_buttons li {font-size: xx-large;}
  .sub_buttons li {font-size: xx-large;}
  .small_h4 {padding-top: 20px;font-size: 120% !important;}
  #toptitle {}
  #subtitle1, #subtitle2 {font-size: 80% !important;}
  h1, h2, .uk-h2, .uk-h3, .uk-h4 {font-size: 90% !important;}
}
@media only screen and (min-width: 359.9px) and (max-width: 430px) {
  h1 {font-size: 90% !important;}
  h2, .uk-h2, .uk-h3, .uk-h4 {font-size: 100% !important;}
}
@media only screen and (min-width: 360px) {
  /* For phones_large: */
  .table-prices {font-size: 50% !important;}
  .table-prices th, .table-prices td {border-style: dotted;}
  .table-prices tr:nth-child(11) td {border-bottom: dotted !important;}
}
@media only screen and (min-width: 600px) {
  /* For tablets: */
  .table-prices {font-size: 80% !important;}
  .zoom-hl {font-size: 160% !important;}
  #toptitle {text-transform: full-width !important;}
  #subtitle2 {text-transform: full-width;}
}
@media only screen and (min-width: 768px) {
  /* For desktop: */
  .table-prices {font-size: 90% !important;}
  .zoom-tl {font-size: 120% !important;}
  .zoom-hl {font-size: 200% !important;}
}
@media only screen and (min-width: 800px) {
  /* For desktop: */
  .table-prices {font-size: 100% !important;}
  .zoom-tl {font-size: 150% !important;}
}
@media only screen and (min-width: 960px) and (max-width: 980px) {
  .sub_buttons li {font-size: 80%;}
  .small_h4 {padding-top: 5%;font-size: 120% !important;}
}
@media only screen and (min-width: 980px) and (max-width: 1060px) {
  .sub_buttons li {font-size: large;}
  .small_h4 {padding-top: 5%;font-size: 120% !important;}
}
@media only screen and (min-width: 980px) and (max-width: 1160px) {
  .small_h4 {padding-top: 3%;font-size: 140% !important;}
}
@media only screen and (min-width: 1200px) {
  /* For desktop_large: */
  .table-prices {font-size: 120% !important;}
  .col-l-1 {width: 8.33%;}
  .col-l-2 {width: 16.66%;}
  .col-l-3 {width: 25%;}
  .col-l-4 {width: 33.33%;}
  .col-l-5 {width: 41.66%;}
  .col-l-6 {width: 50%;}
  .col-l-7 {width: 58.33%;}
  .col-l-8 {width: 66.66%;}
  .col-l-9 {width: 75%;}
  .col-l-10 {width: 83.33%;}
  .col-l-11 {width: 91.66%;}
  .col-l-12 {width: 100%;}
}

