html,body{font-family:Verdana,sans-serif;font-size:18px;line-height:1.5}html{overflow-x:hidden}
html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}
body{background-color: #ffffff;margin:0}
a{background-color:transparent;color: blue}a:active,a:hover{outline-width:0}
strong{font-weight:bolder}
h1{font-size:54px}h2{font-size:30px}h3{font-size:24px}
@media screen and (max-width: 600px) {h1{font-size:40px}}
h1,h2,h3{font-family:"Segoe UI",Arial,sans-serif;font-weight:400;margin:10px 0;text-align:center}
h2{width: 100%;color: #405c6a;background-color: #ffffff}
hr{border:0;border-top:1px solid #ccc;margin:20px 0}
button{font-family:Verdana,sans-serif;font-size:18px;}
.w3-image{max-width:100%;height:auto}img{vertical-align:middle}
.seiteninhalt{min-height:99vh;height: auto;}

/* Standard Box */
.w3-card-4{box-shadow:0 4px 10px 0 rgba(0,0,0,0.2),0 4px 20px 0 rgba(0,0,0,0.19);z-index: 2; width:80%;max-width:900px;margin-left:auto;margin-right:auto;opacity:90%;border-radius: 15px;margin-bottom: 20px;}
.w3-light-grey{color:#000!important;background-color:#f1f1f1!important}
/* Seitentitel */
.w3-cursive{font-family:cursive}
h1 {color: #494c5f;}/*#607d8b*/
.w3-container{border-radius: 10px;padding:10px}
.w3-container:after,.w3-container:before{content:"";display:table;clear:both}
.w3-teal{color:#fff!important;background-color:#ffffff!important;margin-bottom:100px;}
/* Navigation Bar */
.w3-bar{color:#fff!important;background-color:#494c5f!important;width:100%;overflow:hidden}.w3-center .w3-bar{display:inline-block;width:auto}
.w3-bar .w3-bar-item{padding:8px 16px;float:left;width:auto;border:none;display:block;outline:0}
.w3-bar{position:static;float:left}
.w3-bar .w3-bar-item{white-space:normal}
.w3-bar-item:hover{color:#000!important;background-color:#ccc!important}
.w3-bar-item{text-align:center;vertical-align:middle;overflow:hidden;text-decoration:none;color:inherit;background-color:inherit;text-align:center;cursor:pointer;user-select:none}

.w3-bar:before,.w3-bar:after{content:"";display:table;clear:both}
/* Tabelle */
table, th, td {border: 1px solid black;color: #000000;border-style: none;}/* Standard */
.w3-table-all{border-collapse:collapse;border-spacing:0;width:100%;display:table;border-radius: 10px;}.w3-table-all{border:1px solid #ccc}
.w3-bordered tr,.w3-table-all tr{border-bottom:1px solid #ddd;}
.w3-table-all tr:nth-child(odd){background-color:#fff}.w3-table-all tr:nth-child(even){background-color:#e1e1e1;}
.w3-table-all td,.w3-table-all th{padding:8px 8px;display:table-cell;text-align:left;vertical-align:top}
.w3-table-all th:first-child,.w3-table-all td:first-child{padding-left:8px}
.w3-hoverable tbody tr:hover,.w3-ul.w3-hoverable li:hover{background-color:#ccc}.w3-centered tr th,.w3-centered tr td{text-align:center}
/* Hintergrundbild */

.img_transparent,.img_normal{background-size: cover;text-align: center;text-align-last: center;background-repeat: no-repeat; background-attachment: fixed;}
.img_transparent{background-image: linear-gradient(to right, rgba(255,255,255, 0.1) 0 100%), url(img/fcg_hth_häusle.png)}
.img_normal{background-image: linear-gradient(to right, rgba(255,255,255, 0) 0 100%), url(img/fcg_hth_häusle.png)}

/* TerminBoxen */
.termin, .termin_gr{text-align: center;padding: 10px;}
.termin{min-height: 250px;}
.termin_gr{min-height: 320px;}
/* Terminseite responsive */
.w3-panel{padding:0.01em 16px}.w3-panel{margin-top:16px;margin-bottom:16px}
.w3-panel:after,.w3-panel:before
.w3-leftbar{border-left:6px solid #ccc!important}
.w3-border-light-blue,.w3-hover-border-light-blue:hover{border-color:#87CEEB!important}

/* Navigation Bar Mobilversion */
.menu {
  display: flex;
  flex-direction: row;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.menu > li {
  margin: 0 1rem;
  overflow: hidden;
  width: 100%;
}

.menu-button-container {
  display: none;
  height: 100%;
  width: 30px;
  cursor: pointer;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 20px; margin-right:5px;margin-bottom:15px
}

#menu-toggle {
  display: none;
}

.menu-button,
.menu-button::before,
.menu-button::after {
  display: block;
  background-color: #fff;
  position: absolute;
  height: 5px;
  width: 30px;
  transition: transform 400ms cubic-bezier(0.23, 1, 0.32, 1);
  border-radius: 5px;
}

.menu-button::before {
  content: '';
  margin-top: -8px;
}

.menu-button::after {
  content: '';
  margin-top: 8px;
}

#menu-toggle:checked + .menu-button-container .menu-button::before {
  margin-top: 0px;
  transform: rotate(405deg);
}

#menu-toggle:checked + .menu-button-container .menu-button {
  background: rgba(255, 255, 255, 0);
}

#menu-toggle:checked + .menu-button-container .menu-button::after {
  margin-top: 0px;
  transform: rotate(-405deg);
}

@media (max-width: 700px) {
  .menu-button-container {
    display: flex;
  }

  .menu {
    position: absolute;
    top: 0;
    margin-top: 50px;
    left: 0;
    flex-direction: column;
    width: 100%;
    justify-content: center;
    align-items: center;
  }
  #menu-toggle ~ .menu li {
    height: 0;
    margin: 0;
    padding: 0;
    border: 0;
    transition: height 400ms cubic-bezier(0.23, 1, 0.32, 1);
  }
  #menu-toggle:checked ~ .menu li {
    border: 1px solid #333;
    height: 3em;
    padding: 0.5em;
    transition: height 400ms cubic-bezier(0.23, 1, 0.32, 1);
  }
  .menu > li:hover {background-color:#ccc; color:#000000}
  .menu > li {
    z-index: 1;
    display: flex;
    justify-content: center;
    margin: 0;
    padding: 0.5em 0;
    width: 100%;
    color: white;
    background-color: #405c6a;
  }
  .menu > li:not(:last-child) {
    border-bottom: 1px solid #444;
  }
}

.mobile-menu{display:none;float:right}
@media (max-width:700px){.standard-menu{display:none;}.mobile-menu{display:block;}}

.mobile-btn{width:100%;}