@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('fonts/nunito-v25-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('fonts/nunito-v25-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
@font-face {
  font-family: 'Kalam';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('fonts/kalam-v16-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('fonts/kalam-v16-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: local(''),
       url('fonts/lato-v23-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('fonts/lato-v23-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
@font-face {
  font-family: 'Fredericka the Great';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('fonts/fredericka-the-great-v15-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('fonts/fredericka-the-great-v15-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/*FORMAT Mobil*/
@media screen and (max-width:989px) {
body{background-attachment:fixed;margin:0}
h1,h2,h3{font-family:Lato;font-weight:700;text-align:left;line-height:35px}
h1{font-size:24px;color:#53af4e;margin-bottom:20px}
h2{font-size:24px;color:#444;text-align:center}
h3{font-size:18px;color:#777;line-height:18px;margin-bottom:8px;padding:8px 0;border-bottom:1px solid #5f5f5f}
#text a,a:visited,a:active{color:#53af4e;text-decoration:none}
#text a:hover{text-decoration:underline}
#header{display:none}
#header-hh{font-family:Nunito;font-size:30px;font-weight:300;color:#fff;background-color:#53af4e;padding:8px 0 6px;text-align:center;position:fixed;z-index:999;width:100%;margin-top:0;top:0;box-shadow:0 1px 7px rgba(0,0,0,0.2)}
#pic{display:none}
#pic-hh{margin-top:57px;position:relative;}
.zitat-hh{font-family:Kalam;color:#fff;text-shadow:1px 1px 3px #000;padding-top:28px;}
#content{font-family:Nunito;font-size:16px;font-weight:400;line-height:26px;color:#444;text-align:left;padding:0 15px 40px}
#steps{display:none}
.step-box{display:none}
.step-box-hh{font-family:Nunito;font-size:16px;padding:0 20px 0 10px;line-height:26px;color:#444;text-align:center;margin-bottom:60px}
.img-step{width:80%;margin-bottom:10px;-webkit-box-shadow: 10px 10px 10px -10px rgba(0,0,0,0.4);-moz-box-shadow: 10px 10px 10px -10px rgba(0,0,0,0.4);box-shadow: 10px 10px 10px -10px rgba(0,0,0,0.4)}
#download{padding:10px 0 80px 0px;text-align:center}
#fuss{display:none}
#fuss-hh{width:100%;padding-bottom:80px;background-color:#2a2a2a;line-height:20px}
#fuss-hh a,a:visited,a:active{color:#666;text-decoration:none}
#fuss-hh a:hover{text-decoration:underline;color:#cfcfcf}
.fussbox-hh{font-family:Nunito;font-size:13px;color:#666;font-weight:300;text-align:left;padding:5px 30px 20px;vertical-align:top}
.addthis-desk{display:none}

#social-mobile{position:fixed;bottom:0;width:100%;height:50px;margin:0;padding:0;background-color:#fff;opacity:0.98;z-index:999;box-shadow:0 -1px 7px rgba(0,0,0,0.1)}
.share-buttons {justify-content: center; display: flex; gap: 17px; margin: 7px 0 0 -3px;padding:0;}
.share-button { width: 36px; height: 36px; border-radius: 50%; display: flex; align-items: center; justify-content: center; text-decoration: none; transition: transform 0.3s ease; background: white; border: 1px solid #e0e0e0; box-shadow: 0 2px 4px rgba(0,0,0,0.1); }
.share-button:hover { transform: scale(1.0); box-shadow: 0 2px 4px rgba(0,0,0,0.1) }
.share-button svg { width: 19px; height: 19px; }
.whatsapp svg { width: 24px; height: 24px; }     /* Speziell für WhatsApp ein größeres Icon */
.facebook svg { fill: #3b5998; }
.twitter svg { fill: #000000; }
.whatsapp svg { fill: #25d366; }
.pinterest svg { fill: #bd081c; }
.email svg { fill: #ea4335; }
.share svg { fill: #95a5a6; stroke: #95a5a6; }
}

/*FORMAT Desktop*/
@media screen and (min-width:990px) {
body{background-attachment:fixed;margin:0}
h1,h2,h3{font-family:Lato;font-weight:700;text-align:left;line-height:40px}
h1{font-size:30px;color:#53af4e;margin-bottom:20px}
h2{font-size:23px;color:#555;text-align:center}
h3{font-size:16px;color:#aaa;line-height:22px;margin-bottom:10px;padding:10px 0;border-bottom:1px solid #5f5f5f}
#text a,a:visited,a:active{color:#53af4e;text-decoration:none}
#text a:hover{text-decoration:underline}
#header{width:100%;padding:15px 0 10px 70px;text-align:left;border-bottom:1px solid #c1c1c1}
#header-hh{display:none}
#name{font-family:Fredericka the Great;font-size:35px;color:#53af4e;letter-spacing:3px}
#name-de{font-size:20px}
#slogan{font-family:Nunito;font-size:14px;color:#53af4e;font-weight:400;height:33px}
.social{padding:0 70px 50px 0;text-align:right}
.like{margin-right:10px}
.icon{width:30px;margin:10px 0 -25px 5px;transition:transform .5s}
.icon:hover{transform:scale(1.2)}
#pic{width:100%;height:550px;text-align:right;padding:30px 0;background:url(../images/titel.jpg) 60% 50% repeat-x;background-size:cover;border-bottom:1px solid #fff;border-top:1px solid #fff}
#pic-hh{display:none}
#zitat{font-family:Kalam;font-size:16px;font-weight:400;color:#fff;line-height:30px;padding:10px 30px 0 0;text-shadow:1px 1px 5px #000}
#zitat2{font-size:12px}
.zitat-hh{display:none}
#content{font-family:Nunito;font-size:16px;font-weight:400;color:#444;line-height:25px;text-align:left;padding:50px 100px;border-top:1px solid #c1c1c1}
#steps{width:100%;padding:0 50px 0 38px;text-align:center}
.step-box{font-family:Nunito;font-size:16px;font-weight:400;color:#444;line-height:25px}
.step-box-hh{display:none}
.img-step{width:240px;margin-bottom:10px;-webkit-box-shadow: 10px 10px 10px -10px rgba(0,0,0,0.4);-moz-box-shadow: 10px 10px 10px -10px rgba(0,0,0,0.4);box-shadow: 10px 10px 10px -10px rgba(0,0,0,0.4)}
#download{padding:80px 0 90px 15px;text-align:center}
.button{transition:transform .3s}
.button:hover{transform:translate(0,3px)}
#fuss{width:100%;padding:0 70px 35px;background-color:#2a2a2a}
#fuss a,a:visited,a:active{color:#777;text-decoration:none}
#fuss a:hover{text-decoration:underline;color:#bbb}
#fuss-hh{display:none}
.fussbox{width:33%;font-family:Nunito;font-size:12px;color:#777;font-weight:300;text-align:left;padding:0 50px;vertical-align:top;line-height:18px}
#social-mobile{display:none}
.icon-mobile{display:none}
.addthis-desk{margin:12px -25px -25px}
.addthis-mobile{display:none}
}

/*FORMAT Print*/
@media print {
body{background-attachment:fixed;margin:0}
h1,h2,h3{font-family:Lato;font-weight:700;text-align:left;line-height:40px}
h1{font-size:30px;color:#53af4e;margin-bottom:20px}
h2{font-size:21px;color:#333;text-align:center}
h3{font-size:16px;color:#aaa;line-height:22px;margin-bottom:10px;padding:10px 0;border-bottom:1px solid #5f5f5f}
#header{width:100%;padding:18px 0 15px 70px;text-align:left;border-bottom:1px solid #c1c1c1}
#header-hh{display:none}
#name{font-family:Fredericka the Great;font-size:35px;color:#53af4e;letter-spacing:3px}
#name-de{font-size:20px}
#slogan{font-family:Nunito;font-size:13px;color:#53af4e;font-weight:400;height:22px}
.social{padding:0 70px 20px 0;text-align:right}
.icon{width:30px;margin:10px 0 -25px 5px;transition:transform .5s}
.icon:hover{transform:scale(1.2)}
#zitat{font-family:Kalam;font-size:16px;color:#fff;line-height:32px;padding:30px 25px 0 0;text-shadow:2px 2px 7px #000}
#zitat2{font-size:12px}
#pic{width:100%;height:530px;text-align:right;padding:30px 0;background:url(../images/titel.jpg) 60% 50% repeat-x;background-size:cover;border-bottom:1px solid #fff;border-top:1px solid #fff}
#pic-hh{display:none}
.zitat-hh{display:none}
#content{font-family:Nunito;font-size:16px;font-weight:400;color:#444;line-height:25px;text-align:left;padding:50px 100px;border-top:1px solid #c1c1c1}
#steps{width:100%;padding:0 50px;text-align:center}
.step-box{font-family:Nunito;font-size:16px;font-weight:400;color:#444;line-height:26px}
.step-box-hh{display:none}
.img-step{width:240px;padding-bottom:10px}
#download{padding:90px 0;text-align:center}
.button{transition:transform .5s}
.button:hover{transform:translate(0,2px)}
#fuss{width:100%;padding:0 70px 35px;background-color:#2a2a2a}
#fuss a,a:visited,a:active{color:#777;text-decoration:none}
#fuss a:hover{text-decoration:underline;color:#cfcfcf}
#fuss-hh{display:none}
.fussbox{width:33%;font-family:Nunito;font-size:12px;color:#777;font-weight:300;text-align:left;padding:0 50px;vertical-align:top}
#social-mobile{display:none}
.icon-mobile{display:none}
.addthis-desk{margin:10px -3px -25px}
.addthis-mobile{display:none}
}

/*Sonderregeln Zitat*/
@media screen and (max-width:320px) {
h1{font-size:24px}
#header-hh{font-size:25px;padding:10px;margin-left:-10px}
.zitat-hh{font-size:8px;top:110px;right:10px;position:absolute;line-height:11px}
.zitat2-hh{font-size:5px}
}
@media screen and (min-width:321px) and (max-width:434px) {
.zitat-hh{font-size:9px;top:130px;right:10px;position:absolute;line-height:13px}
.zitat2-hh{font-size:6px}
}
@media screen and (min-width:435px) and (max-width:599px) {
.zitat-hh{font-size:12px;top:145px;right:15px;position:absolute;line-height:17px}
.zitat2-hh{font-size:9px}
}
@media screen and (min-width:600px) and (max-width:767px) {
.zitat-hh{font-size:14px;top:200px;right:20px;position:absolute;line-height:21px}
.zitat2-hh{font-size:10px}
}
@media screen and (min-width:768px) and (max-width:989px) {
.zitat-hh{font-size:15px;top:260px;right:30px;position:absolute;line-height:25px}
.zitat2-hh{font-size:10px}
}

/*ZOOM*/
.zoom img{height:auto;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-ms-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear}
.zoom img:hover{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05)}

/*Cookie Hinweis*/
.cc_message {line-height:20px !important}