* { margin:0; padding:0; border:0; border-spacing:0; font-family:Montserrat, sans-serif; }
body { background:#f7f7f7; }
h1, h2 { color:#00aae8; font-size:28px; margin:0 0 25px 0; text-align:center; }
h2 { font-size:20px; margin-top:15px; }
.main { margin: 0 auto; }
.header { background:#f7f7f7; }
.header ul { list-style-type:none; width:98%; max-width:1000px; margin:0 auto; padding:15px 0; }
.header ul li { display:inline-block; color:#00AAE8; font-size:14px; transition:all 0.3s ease; padding-right:40px; }
.header ul li span, .header ul li a span { vertical-align:middle; }
.header ul li a, .header ul li a:link, .header ul li a:visited { color: #00AAE8; font-size:14px; font-weight:500; text-decoration:none; }
.header ul li:hover, .header ul li a:hover { color: #ccc220; }

.nav { background:#00aae8; }
    .nav-inner { width:98%; max-width:1000px; margin:0 auto; vertical-align:top; }
.logo { display:inline-block; width:100%; max-width:230px; margin:0; padding:0; border:0; border-spacing:0; vertical-align:top; }
    .logo img { margin:10px 10px 10px 1px; padding:0; border:0; border-spacing:0; width:100%; max-width:250px; }
.menu { display:inline-block; width:100%; max-width:762px; margin:0; padding:0; border:0; border-spacing:0; text-align:center; vertical-align:top; }
    .menu table { margin:0px auto; text-align:center; border-collapse:collapse; }
    .menu th { text-align:center; }
    .menu a, .menu a:link, .menu a:visited { display:block; padding:33px 20px 30px 20px; text-transform:uppercase; color:#ffffff; font-size:13px; 
    font-weight:700; letter-spacing:2px; text-decoration:none; transition:all 0.3s ease; font-family:Kanit, sans-serif; }
    .menu a:hover, .menu th.activ a { color:#ecc220; }
    .menu th.activ { border-top:3px solid #eb3537; }

.content { margin:0 auto; padding:20px 0; background:#ffffff;}
.content-inner { position:relative; width:98%; max-width:1000px; margin:0 auto; min-height:400px; }
.floatL { float:left; }
.clearL { clear:left; }
.cform { width:470px; margin-right:50px; }
.mar10 { margin-right:10px; }

a.button, .closeButton {
  background:#B6BFC9; font-family:Montserrat, Sans-Serif; font-weight:normal; font-style:normal; 
  background: -webkit-linear-gradient(top, rgba(205, 212, 218, 0.6) 0, rgba(158, 171, 183, 0.6) 100%) no-repeat;
  background: -moz-linear-gradient(top, rgba(205, 212, 218, 0.6) 0, rgba(158, 171, 183, 0.6) 100%) no-repeat;
  background: -o-linear-gradient(top, rgba(205, 212, 218, 0.6) 0, rgba(158, 171, 183, 0.6) 100%) no-repeat;
  background: -ms-linear-gradient(top, rgba(205, 212, 218, 0.6) 0, rgba(158, 171, 183, 0.6) 100%) no-repeat;
  background: linear-gradient(to bottom, rgba(205, 212, 218, 0.6) 0, rgba(158, 171, 183, 0.6) 100%) no-repeat;
  -svg-background: linear-gradient(top, rgba(205, 212, 218, 0.6) 0, rgba(158, 171, 183, 0.6) 100%) no-repeat;
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
  text-shadow: 0 0 5px rgb(181, 193, 207);
  padding:0 40px; margin:0 auto; position:relative; display:block; height:36px; cursor:pointer;
  text-decoration:none; color:#315990; line-height:36px; text-align:center; font-size:20px; 
}
a.button:hover, .closeButton {
  background: #162841; color: #FFFFFF;
  background: -webkit-linear-gradient(top, rgba(34, 61, 99, 0.6) 0, rgba(12, 21, 34, 0.6) 100%) no-repeat;
  background: -moz-linear-gradient(top, rgba(34, 61, 99, 0.6) 0, rgba(12, 21, 34, 0.6) 100%) no-repeat;
  background: -o-linear-gradient(top, rgba(34, 61, 99, 0.6) 0, rgba(12, 21, 34, 0.6) 100%) no-repeat;
  background: -ms-linear-gradient(top, rgba(34, 61, 99, 0.6) 0, rgba(12, 21, 34, 0.6) 100%) no-repeat;
  background: linear-gradient(to bottom, rgba(34, 61, 99, 0.6) 0, rgba(12, 21, 34, 0.6) 100%) no-repeat;
  -svg-background: linear-gradient(top, rgba(34, 61, 99, 0.6) 0, rgba(12, 21, 34, 0.6) 100%) no-repeat;
}

.art-footer { background:#f7f7f7; color:#2A3441; font-size:12px; }
.art-footer a, .art-footer a:link, .art-footer a:visited, .art-footer a:hover { color: #2A3441; font-size: 12px; }
.art-footer p { padding: 0; text-align: center; }
.art-footer a, .art-footer a:link, .art-footer a:visited { color: #769CD0; text-decoration: none; }
.art-footer a:hover { color: #7A9ED1; text-decoration: underline; }
.art-footer-inner { margin:0 auto; width:98%; max-width:1000px; padding:25px 0; }

.start ul { margin:0 0 20px 20px; }

.zebra { background-color:#dde; }
.hover { background-color:#ccd; }
a.button { font-size:15px; padding:5px 15px; display:inline; border:1px solid #555; border-radius:3px; }

.h1_rechts { font-size:12px; }
form[name="logout"]>span { color:#000; }
input[type="submit"], input[type="button"] { margin:0 20px; font-size:12px; padding:3px 10px; cursor:pointer; 
    border:1px solid #555; border-radius:3px; }
input[type="submit"]:hover, input[type="button"]:hover { background-color:#fff; }
.text, .text_k { width:180px; padding:4px 5px; margin:0; border-spacing:0; background-color:#dddde5; font-size:14px; }
.w40 { width:40px; }
.w120 { width:123px; }

td.w_ueber { color:#fff; }

.overlay { position:fixed; top:0; left:0; width:100%; height:100vh; display:none; z-index:1000; 
           background: #000; opacity:0.6; filter:alpha(opacity=60); -moz-opacity:0.6; }
.overlayContent { position:absolute; top:100px; left:5%; width:calc(100% - 120px); max-width:880px; padding:30px; 
    background:#fff; max-height:calc(90% - 80px); overflow-y:auto; color:#333; font-size:13px; display:none; z-index:1001; }
.closeButton { display:inline; font-size:13px; padding:5px 15px; margin:-15px -15px 0 0; line-height:normal; }

.contactForm input, .contactForm textarea { width:100%; margin:3px 0 10px 0; font-size:16px; padding:3px; }
.contactForm input.text-xs, .contactForm span.text-xs { width:30px; margin:0 7px; text-align:center; }

.divIBAN input { padding:4px 5px; font-size:15px; }
.resIBAN { color:#c00; margin:10px 0; }
.mobile { display:none; }

@media (max-width: 1023px) {
    .nav-inner, .logo, .menu { display:block; text-align:center; max-width:100%; min-width:480px; }
    form[name="druck"] { display:none; }
    .woche { padding:0; min-width:480px; }
    .logo img { margin:10px auto; text-align:center; }
    .menu a, .menu a:link, .menu a:visited { padding:30px 10px 25px 10px; font-size:12px; }
    td.w_ueber { font-size:12px; }
}
@media (max-width: 720px) {
    .menu a, .menu a:link, .menu a:visited { padding:33px 6px 30px 6px; }
    .woche { padding:0; min-width:396px; }
    .desktop { display:none; }
    .mobile { display:block; }
}
@media (max-width: 480px) {
    .nav-inner, .logo, .menu { display:block; text-align:center; max-width:100%; min-width:400px; }
    .menuplan { width:100% !important; min-height:250px; }
    .menuplan .gericht_a, .menuplan .gericht_b, .menuplan .gericht_c { text-align:left; height:80px; font-size:15px; }
    .menuplan .frueh, .menuplan .frueh_u { text-align:left; height:50px; font-size:15px; }
    .woche { padding:0; min-width:396px; }
    .overlayContent { top:20px; left:2%; width:92%; padding:10px; max-height:95%; overflow-y:auto; }
    .cform { width:100%; margin-right:0; }
}