@import url(fontawesome-all.min.css);

/* sour-gummy-regular - latin */
@font-face {
  font-display: swap; 
  font-family: 'Sour Gummy';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/sour-gummy-v1-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* sour-gummy-500 - latin */
@font-face {
  font-display: swap; 
  font-family: 'Sour Gummy';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/sour-gummy-v1-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* sour-gummy-700 - latin */
@font-face {
  font-display: swap; 
  font-family: 'Sour Gummy';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/sour-gummy-v1-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


html, body, div, span, applet, object,
iframe, h1, h2, h3, h4, h5, h6, p, blockquote,
pre, a, abbr, acronym, address, big, cite,
code, del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b,
u, i, center, dl, dt, dd, ol, ul, li, fieldset,
form, label, legend, table, caption, tbody,
tfoot, thead, tr, th, td, article, aside,
canvas, details, embed, figure, figcaption,
footer, header, hgroup, menu, nav, output, ruby,
section, summary, time, mark, audio, video {

	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;}

  body { text-align: center;
    line-height: 22px;         
    color: #000;
  background-color: #e1e6e1;
  background-image: url("wellness.gif"), url("wellness.gif");
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  font-family: "Sour Gummy", sans-serif;
      font-optical-sizing: auto;
      font-weight: <weight>;
      font-style: normal;
      font-size: 17px;
      font-variation-settings:
        "wdth" 100;
}

h1 {font-size: 20px; color: #fff;margin-bottom: 40px; font-family: "Sour Gummy", sans-serif; font-weight: 500;}
.grosswrapper {width: 100%; background: rgb(254,209,102); background: linear-gradient(90deg, rgba(254,209,102,0) 0%, rgba(254,209,102,1) 50%, rgba(254,209,102,0) 100%);}
.wrapper { text-align: left; margin: 0 auto; max-width: 600px; }


    p, a {
      color: #000;
      margin-top: 40px;
      margin-left: 10px;
    }
    a {color: #000000;}
    img {max-width: 100%;}

    .nuller { max-width: 600px; background: rgb(254,209,102); text-align: center;}
    .nullerlinks { float:left; background: rgb(254,209,102);  }
    .left {float:left; background: rgb(254,209,102); text-align: left; }
    .left p {margin-left: 20px;}
    .right {float: right; background: rgb(254,209,102); text-align: center;clear: right;}
    
    .zeile {float: left;border-bottom: 2px dotted #ffffff; margin-top: 10px; }
    .einer {
      min-width: 490px;
      float: left;
      background: transparent;
      margin-left: 10px;
    }
    .einer span {font-weight: 700;}
    .zweier {
      width: 89px;
      float: left;
      background: rgb(254,209,102);
      font-weight: 700;
      font-size: 22px;
      height: 50px;
      color: #615b3c;
      margin-left: 10px;
    }

    .mittig {
      display: flex;
      justify-content: center;
      align-items: center;
   }

    .dreier {
      float: left;
      height: 60px;
      background: #ff00ff;
    }

    .abschluss {height:100px;}
    .footer {
      position: fixed;
      left: 0;
      bottom: 0;
      width: 100%;
      background: rgb(254,209,102);
     ,margin-top: 20px;
      text-align: center;
      height: 60px;
    }
    .footer a {padding: 10px 20px;font-weight: 500;}

#cookieding a {color:#fff; text-decoration:none;}
#cookieding a:hover {text-decoration:underline;}
#cookieding div {padding:10px; padding-right:40px; color: #fff;}
#cookieding { border-top:1px solid #fff; background: #323232; position:fixed; bottom:0px; z-index:100000; width:100%; line-height:25px; font-size: 0.7rem; color: #fff;}
#cookiedingCloser { color: #333;font: 15px/100% arial, sans-serif;position: absolute;right: 10px;text-decoration: none; top: 5px; cursor:pointer; padding:6px; background: #dddddd; /* Old browsers */ }
#cookiedingCloser:hover {border-bottom:1px solid white; border-right:1px solid white; border-top:1px solid #7b92a9; border-left:1px solid #7b92a9;}