@charset "utf-8";

/* Import Webfonts */
@import url('../font/EkMukta/stylesheet.css');
@import url('../font/CabinSketch/stylesheet.css');
@import url('../font/CraftyGirls/stylesheet.css');

/* Kids Playland UG, Frohnlach, 2018 */
/* Autor: Markus Püls */
/* Copyright: 2018 © Markus Püls, werbepraxis media GmbH (www.werbepraxis.org) */
/* Created for: Kids Playland UG, Frohnlach (www.kids-playland.de) */

/* General Styles */
* { margin:0; padding:0; }
body { background: #fff; color: #000; font-family:'EkMukta', sans-serif; font-size:100%; margin:0; overflow-x:hidden; }
a { color: #ef7c00; text-decoration:none; }
a img { border:none; }
a:hover { color: #cb6f0d; text-decoration:none; }
a:-webkit-any-link{ text-decoration:none !important; outline:none !important; }
p { color: #000; font-size: 15px; font-weight:300; margin:0; line-height:1.3em; letter-spacing:1px; }
ul { list-style: none; margin: 0; padding: 0; }
ul { margin: 0 10px 0 38px; font-size: 15px; line-height: 2em; }
ul li { cursor: pointer; }
:focus { outline: 0; }

/* Parallax-Styles */
/*******************/
html, body { height:100%; }
.skrollr-desktop body { height:100% !important; }
.parallax-image-wrapper { position:fixed; left:0; width:100%; overflow:hidden; }
.parallax-image-wrapper-50 { height:50%; top:-50%; }
.parallax-image-wrapper-75 { height:75%; top:-75%; }
.parallax-image-wrapper-100 { height:100%; top:-100%; }
.parallax-image { display:none; position:absolute; bottom:0; left:0; width:100%; background-repeat:no-repeat; background-position:center; background-size:cover; }
.parallax-image-50 { height:200%; top:-50%; }
.parallax-image-75 { height:150%; top:-25%; }
.parallax-image-100 { height:100%; top:0; } 
.parallax-image.skrollable-between { display:block; }
.no-skrollr .parallax-image-wrapper { display:none !important; }
#skrollr-body { height:100%; overflow:visible; position:relative; }
.gap { background:transparent center no-repeat; background-size:cover; }
.skrollr .gap { background:transparent !important; }
.gap-50 { height:50%; }
.gap-75 { height:75%; }
.gap-100 { height:100%; }
.header, .content { background:#fff; padding:1em; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.content-full { height:100%; }

/* Layout-Styles */
/*****************/
h1 { color: #84bd4a; font-family: 'CabinSketch', cursive; font-size: 55px; letter-spacing: 0px; }
h2 { color:white; font-family: 'CabinSketch', cursive; }
h3 { color:white; font-family: 'CraftyGirls', cursive; font-size: 20px; line-height: 1.5rem; }
#bg01 { background-image:url('../img/screen01.jpg'); }
#bg02 { background-image:url('../img/screen02.jpg'); }
#bg03 { background-image:url('../img/screen03.jpg'); }
#bg04 { background-image:url('../img/screen04.jpg'); }
#bg05 { background-image:url('../img/screen05.jpg'); }
#intro .row { height:100vh; }
hr { margin-top: 0.2rem; margin-bottom: 0.2rem; border: 0; border-top: 1px solid rgba(256,256,256,.2); }
#intro { background:#ffffff; text-align:center; font-size:1.5rem; position:relative; width:100%; height:calc(100vh - 62px) !important; background:url(../img/screen00.jpg) #84bd4a repeat-x; }
#news { padding:50px 0; background:#ffffff; text-align:center; font-size:1.5rem; position:relative; }
#geburtstagsfeier { padding:50px 0; background:#ffffff; text-align:center; font-size:1.5rem; position:relative; }
#galerie { padding:50px 0; background:#ffffff; text-align:center; font-size:1.5rem; position:relative; }
#informationen { padding:50px 0; background:#ffffff; text-align:center; font-size:1.5rem; position:relative; }
#kontakt { padding:50px 0; background:#ffffff; text-align:center; font-size:1.5rem; position:relative; padding-bottom:50px; }
#footer { display: inline-block; position: fixed; bottom: 0; background: white; padding: 6px 15px; -webkit-box-shadow: 0px 0px 20px 0px #000000; -moz-box-shadow: 0px 0px 20px 0px #000000; box-shadow: 0px 0px 20px 0px #000000; }
#footer div, #footer p { text-align:center; }
#frog { position: absolute; bottom: -145px; z-index: 1; right: 0; }
#frogbg { position: absolute; bottom: 0; right: 60px; max-width: 50%; }
#froghand { position: absolute; bottom: -146px; z-index: 3; right: 0px; transform: rotate(6deg); }
#footer > div > div:nth-child(1) > p > b { font-family: 'EkMukta', sans-serif; }
.alternatefont { font-family: 'CraftyGirls', cursive; color: #87bc48 !important; cursor: default !important; }
.boxshadow { -webkit-box-shadow: 0px 0px 20px 0px #000000; -moz-box-shadow: 0px 0px 20px 0px #000000; box-shadow: 0px 0px 20px 0px #000000; }
.imgbrdbox { border:10px solid white; }
#news h1 { margin-bottom:20px; }
#geburtstagsfeier h1 { margin-bottom:20px; }
#galerie h1 { margin-bottom:20px; }
#informationen h1 { margin-bottom:20px; }
.padmargenone { margin:0 !important; padding:0 !important; }
.orangebox { background:#ef7c00; border:10px solid white; padding:10px !important; }
.greenbox { background:#84bd4a; border:10px solid white; padding:10px !important; }
#news > div:nth-child(2) > div { padding:20px 20px 0px 20px !important; }
.orangebox h2, .greenbox h2 { text-align:left; padding:0 20px; }
.orangebox h3, .greenbox h3 { text-align:left; padding:0 20px; }
.orangebox p, .greenbox p { color:white; letter-spacing:0; padding:0 20px; text-align: left; margin: 15px 0; }
.orangebox ul, .greenbox ul { text-align:left; cursor:inherit !important; list-style:initial; color:white; }
.orangebox ul li, .greenbox ul li { cursor:inherit !important; font-size:14px; line-height: 1.4em; }
.orangebox > div > a > img { width: 45%; border: 3px solid white; margin-left: 21px; }
.fbentrypic1.groupFB > img { margin: 20px; border: 2px solid white; max-width: calc(100% - 40px); }
.fbbtn { width: 90%; background: white; display: inline-block; font-size: 15px; padding: 2px 0; margin-bottom: 17px; }
#navibtnwrapper { display: inline-block; background: #ef7c00; position: fixed; width: 56px; height: 50px; right: 0; top: 0; z-index: 5; }
.justified-gallery > .entry-visible { border: 4px solid white; }
body > nav > ul > p { color: white; margin-top: 1px; margin-bottom: 20px; font-family: 'EkMukta', sans-serif; opacity:0; }
body > nav > ul > img { opacity:0; }
.grecaptcha-badge { bottom:80px !important; /* z-index: 999; */ z-index: 3; }
#news > div:nth-child(2) { padding:0 30px; }
#geburtstagsfeier > div > div.row.justify-content-center { padding:0 45px; }
#informationen > div > div.row.justify-content-center { padding:0 45px; }
@media (max-width: 991px) { /* col-md */
	.margcorrect { margin:0 !important; }
	.margcorrect2 { margin:0 !important; }
}
@media (max-width: 1199px) { /* col-lg */
	.margcorrect { margin:0 -15px 0 15px; }
	.margcorrect2 { margin:0 15px 0 -15px; }
}
.padcorrect { padding:0; }
.margcorrect { margin:0 -15px 0 15px; }
.margcorrect2 { margin:0 15px 0 -15px; }

/* Navigation Styles */
.menu-toggle { cursor:pointer; outline:0 !important; opacity: 1; background-color: transparent; position: fixed; z-index: 5; top: 10px; right: 10px; border: none; width: 36px; height: 30px; outline: none; -webkit-transition: opacity 0.2s ease-out; transition: opacity 0.2s ease-out; }
.menu-toggle:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; right: auto; width: 100%; background: -webkit-linear-gradient(top, #fff, #fff 20%, transparent 20%, transparent 40%, #fff 40%, #fff 60%, transparent 60%, transparent 80%, #fff 80%, #fff 100%); background: linear-gradient(to bottom, #fff, #fff 20%, transparent 20%, transparent 40%, #fff 40%, #fff 60%, transparent 60%, transparent 80%, #fff 80%, #fff 100%); -webkit-transition: opacity 0.2s ease-out, width 0.2s 0.2s ease-out; transition: opacity 0.2s ease-out, width 0.2s 0.2s ease-out; }
.menu-toggle:after { opacity: 0; content: '×'; color: white; position: absolute; top: 16px; left: -4px; font-family: Arial, sans-serif; font-size: 76px; line-height: 0; -webkit-transition: opacity 0.4s ease-out; transition: opacity 0.4s ease-out; }
.menu-toggle:active { -webkit-transform: translateY(2px); transform: translateY(2px); }
.menu-toggle:hover { opacity: 1; }
.open .menu-toggle { opacity: 1; }
.open .menu-toggle:before { opacity: 0; width: 0; }
.open .menu-toggle:after { opacity: 1; -webkit-transform: translate3d(0, 0, 0) rotate(360deg); transform: translate3d(0, 0, 0) rotate(360deg); -webkit-transition: opacity 0.4s 1s ease-out, -webkit-transform 0.4s 1s ease-out; transition: opacity 0.4s 1s ease-out, -webkit-transform 0.4s 1s ease-out; transition: transform 0.4s 1s ease-out, opacity 0.4s 1s ease-out; transition: transform 0.4s 1s ease-out, opacity 0.4s 1s ease-out, -webkit-transform 0.4s 1s ease-out; } 
nav { z-index: 4; position: fixed; top: -100%; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; overflow: hidden; } 
nav:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; background: #ef7c00; width: 100%; height: 0; padding-bottom: 100%; border-radius: 100%; -webkit-transform: scale(0.04), translateY(9999px); transform: scale(0.04), translateY(9999px); overflow: hidden; } 
nav ul { cursor: pointer; padding: 6px 20px; font-size: 40px; margin:none; line-height: inherit;  }
nav ul li { cursor: pointer; padding: 6px 20px; font-size: 40px; margin:none; line-height: inherit;  }
.open nav { top: 0; }
.open nav:before { -webkit-animation: menu-animation 0.8s ease-out forwards; animation: menu-animation 0.8s ease-out forwards; }
ul a, ul a:hover, ul a:active { color:#fff; }
ul.menu { font-family: 'CraftyGirls', cursive; position: absolute;top: 50%;  left: 50%; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000; perspective: 1000; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); color: white; }
ul.menu li { opacity: 0; text-align: center; -webkit-transform: translate3d(0, 36px, 0); transform: translate3d(0, 36px, 0); }
ul.menu li:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; left: auto; background-color: white; height: 100%; width: 0; overflow: hidden; -webkit-transition: width 0.3s ease-out; transition: width 0.3s ease-out; }
ul.menu > a:nth-child(1) > li:before { -webkit-transition: none !important; transition: none !important; display:none; }
ul.menu li:after { opacity: 0; content: attr(data-text); position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; color: #ef7c00; overflow: hidden; -webkit-transform: translate(-24px, 6px); transform: translate(-24px, 6px); -webkit-transition: opacity 0.1s ease-out, -webkit-transform 0.1s ease-out; transition: opacity 0.1s ease-out, -webkit-transform 0.1s ease-out; transition: transform 0.1s ease-out, opacity 0.1s ease-out; transition: transform 0.1s ease-out, opacity 0.1s ease-out, -webkit-transform 0.1s ease-out; } 
ul.menu li:hover:before { left: 0; right: auto; width: 100%; }
ul.menu li:hover:after { opacity: 1; padding: 0 20px; -webkit-transform: translate(0px, 6px); transform: translate(0px, 6px); -webkit-transition: opacity 0.2s 0.14s ease-out, -webkit-transform 0.2s 0.14s ease-out; transition: opacity 0.2s 0.14s ease-out, -webkit-transform 0.2s 0.14s ease-out; transition: transform 0.2s 0.14s ease-out, opacity 0.2s 0.14s ease-out; transition: transform 0.2s 0.14s ease-out, opacity 0.2s 0.14s ease-out, -webkit-transform 0.2s 0.14s ease-out; } 
.open ul.menu li { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: opacity 0.2s ease-out, -webkit-transform 0.2s ease-out; transition: opacity 0.2s ease-out, -webkit-transform 0.2s ease-out; transition: transform 0.2s ease-out, opacity 0.2s ease-out; transition: transform 0.2s ease-out, opacity 0.2s ease-out, -webkit-transform 0.2s ease-out; border-top: 1px dotted rgba(256,256,256,0.4); } 
body > nav > ul > a:nth-child(1) > li { border-top:none !important; }
.open ul.menu img { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: opacity 0.2s ease-out, -webkit-transform 0.2s ease-out; transition: opacity 0.2s ease-out, -webkit-transform 0.2s ease-out; transition: transform 0.2s ease-out, opacity 0.2s ease-out; transition: transform 0.2s ease-out, opacity 0.2s ease-out, -webkit-transform 0.2s ease-out; } 
.open ul.menu p { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: opacity 0.2s ease-out, -webkit-transform 0.2s ease-out; transition: opacity 0.2s ease-out, -webkit-transform 0.2s ease-out; transition: transform 0.2s ease-out, opacity 0.2s ease-out; transition: transform 0.2s ease-out, opacity 0.2s ease-out, -webkit-transform 0.2s ease-out; } 
.open ul.menu li:nth-child(1) { -webkit-transition-delay: 0.75s; transition-delay: 0.75s; }
.open ul.menu li:nth-child(2) { -webkit-transition-delay: 0.85s; transition-delay: 0.85s; }
.open ul.menu li:nth-child(3) { -webkit-transition-delay: 0.95s; transition-delay: 0.95s; }
.open ul.menu li:nth-child(4) { -webkit-transition-delay: 1.05s; transition-delay: 1.05s; }
.open ul.menu li:nth-child(5) { -webkit-transition-delay: 1.15s; transition-delay: 1.15s; }
.open ul.menu img { -webkit-transition-delay: 0.8s; transition-delay: 0.8s; }
.open ul.menu p { -webkit-transition-delay: 0.85s; transition-delay: 0.85s; }
.open ul.menu li:nth-child(6) { -webkit-transition-delay: 1.25s; transition-delay: 1.25s; }
#kontakt h2 { color:#ef7c00 !important; }
#kontakt-form label { float: left; font-size: 16px; font-weight: bold; color: #84bd4a; text-transform: uppercase; letter-spacing: 0.01em; margin-top: .5em; margin-bottom: 0;}
.floaty { float:left; }
#kontakt > div.container > div:nth-child(2) > button { display: inline-block; width: calc(100% - 61px); margin: 25px auto; }
#kontakt > div:nth-child(2) > div > div:nth-child(2) > h2:nth-child(3) { margin-top:15px; }
#kontakt > div:nth-child(2) > div > div:nth-child(3) > p:nth-child(3) { margin-top:15px; }
#kontakt > div:nth-child(2) > div > div { text-align:left; }
#kontakt > div:nth-child(2) > div > div p { padding-left: 37px; }
#kontakt > div:nth-child(2) { padding:0 30px; }
#totopbutton { color: #e6e9f2; opacity: 0; position: fixed; bottom: 0px; right: 17px; width: 35px; height: 33px; background: #ef7c00; text-align: center; z-index: 2; border-radius: 3px 3px 0 0; }
#totopbutton i { margin-top:10px; }
#totopbutton:hover { background:#ef7c25; }
#arrowtop { margin-top:5px; width:70%; }
#kontakt-form > div.col-md-12.col-lg-12 > button { width: calc(100% - 32px); margin: 20px 0 30px; }
#informationen ol { font-size: 15px; color: white; line-height: 1.2; padding: 0 20px; }
#informationen ol li { margin-top: 5px; }
@-webkit-keyframes menu-animation {  
	0% { opacity: 0; -webkit-transform: scale(0.04) translateY(300%); transform: scale(0.04) translateY(300%); }
	40% { -webkit-transform: scale(0.04) translateY(0); transform: scale(0.04) translateY(0); -webkit-transition: ease-out; transition: ease-out; }
	40% { -webkit-transform: scale(0.04) translateY(0); transform: scale(0.04) translateY(0); }
	60% { opacity: 1; -webkit-transform: scale(0.02) translateY(0px); transform: scale(0.02) translateY(0px); }
	61% { -webkit-transform: scale(0.04); transform: scale(0.04); }
	99.9% { height: 0; padding-bottom: 100%; border-radius: 100%; }
	100% { -webkit-transform: scale(2); transform: scale(2); height: 100%; padding-bottom: 0; border-radius: 0; }
}
@keyframes menu-animation {  
	0% { opacity: 0; -webkit-transform: scale(0.04) translateY(300%); transform: scale(0.04) translateY(300%); }
	40% { -webkit-transform: scale(0.04) translateY(0); transform: scale(0.04) translateY(0); -webkit-transition: ease-out; transition: ease-out; }
	40% { -webkit-transform: scale(0.04) translateY(0); transform: scale(0.04) translateY(0); }
	60% { opacity: 1; -webkit-transform: scale(0.02) translateY(0px); transform: scale(0.02) translateY(0px); }
	61% { -webkit-transform: scale(0.04); transform: scale(0.04); }
	99.9% { height: 0; padding-bottom: 100%; border-radius: 100%; }
	100% { -webkit-transform: scale(2); transform: scale(2); height: 100%; padding-bottom: 0; border-radius: 0; }
}

.errormessagecaptcha, .error-message { font-size: 12px; color: white; width: 100%; text-align: left; margin-bottom: 9px; margin-top: -3px; background: #b80f10; padding: 5px 10px; border-radius: 0 0 6px 6px; }
div.message.error { left:0; width: 100%; background: #b80f10 !important; color: #FFF; text-align: center; line-height: 30px; padding: 20px 0px; top: -135px; font-size: 20px; position: fixed; z-index: 99999; animation: slideup 5s; -moz-animation: slideup 5s; -webkit-animation: slideup 5s; -o-animation: slideup 5s; } 
div.message.success { left:0; background: #a1bf13; color: #FFF; width: 100%; text-align: center; line-height: 30px; padding: 20px 0px; top: -135px; font-size: 20px; position: fixed; z-index: 99999; animation: slideup 5s; -moz-animation: slideup 5s; -webkit-animation: slideup 5s; -o-animation: slideup 5s; }
@keyframes slideup { 0% {top:0px;} 75% {top:0;} 100% {top:-140px;}}
@-moz-keyframes slideup { 0% {top:0px;} 75% {top:0;} 100% {top:-140px;}}
@-webkit-keyframes slideup{ 0% {top:0px;} 75% {top:0;} 100% {top:-140px;}}
@-o-keyframes slideup { 0% {top:0px;} 75% {top:0;} 100% {top:-140px;}}

#footer > div { padding-right:150px; }
.hiddendot { display:none; }
.menu { width: 50%; text-align:center; margin:0 auto; }
#gallery { width:100% !important; }
#geburtstagsfeier > div > div.row.justify-content-center > div > div > h3 { margin-top: 10px; margin-bottom: 5px; }
#firstHeading { font-family: 'CraftyGirls', cursive; }
.btn-success { color: #fff; background-color: #84bd4a; border-color: #84bd4a; }
.btn-success:hover { background-color: #ef7c00; border-color: #ef7c00; }
#intro > div > div { margin:0 0 10% -10%; }
textarea { resize: none; }

/* Media Queries */
@media (min-width: 1150px) and (max-height: 850px) {
	#frogbg { max-height:50%; }
}
@media (max-width: 1300px) and (min-width: 1200px) {
	#geburtstagsfeier > div > div.row.justify-content-center > div:nth-child(1) > div > p { line-height:1.1em; font-size: 14px; margin:8px 0; }
	#geburtstagsfeier > div > div.row.justify-content-center > div:nth-child(1) > div > ul > li { line-height:1.1em; font-size: 14px; }
	#geburtstagsfeier > div > div.row.justify-content-center > div:nth-child(3) > div > ul > li { line-height:1.1em; }
	#informationen > div > div.row.justify-content-center > div.orangebox > div > ol > li { line-height:1.07em; font-size:14px; }
	#informationen ol { padding: 0 10px 0 20px; }
}
@media (max-width: 1199px) { /* col-lg */
	#footer > div { padding-right:130px; }
	#froghand { width:140px; bottom:-130px; }
	#footer { height:63px; }
	#footer > div > div, #footer > div > div p { font-size:13px; line-height: 1.7em; letter-spacing: 0; }
	.menu { width:calc(100% - 300px); }
	#informationen .orangebox > div, #informationen .greenbox > div { width:100%; }
}
@media (max-width: 991px) { /* col-md */
	.menu { width:calc(100% - 100px); }
	#footer > div > div:nth-child(3) { display:none; }
	#froghand { width:120px; bottom:-110px; }
	#footer > div { padding-right: 90px; }
	#kontakt > div:nth-child(2) > div > div { text-align: center; }
	#kontakt > div:nth-child(2) > div > div:nth-child(2) > h2:nth-child(1) { margin-top: 20px; }
	#kontakt > div:nth-child(2) > div > div:nth-child(3) > h2 { margin-top: 20px; }
	#intro > div > div { margin:0 0 10% 0; }
	#kontakt > div:nth-child(2) > div > div p { padding-left: 0; }
}
@media (max-width: 900px) and (min-width: 768px) {
	#geburtstagsfeier > div > div.row.justify-content-center > div:nth-child(1) { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; order: 1; padding: 20px !important}
	#geburtstagsfeier > div > div.row.justify-content-center > div:nth-child(2) { order: 2; }
	#geburtstagsfeier > div > div.row.justify-content-center > div:nth-child(3) { order: 4; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding: 20px !important}
	#geburtstagsfeier > div > div.row.justify-content-center > div:nth-child(4) { order: 3; }
	#geburtstagsfeier > div > div.row.justify-content-center > div:nth-child(5) { order: 6; }
	#geburtstagsfeier > div > div.row.justify-content-center > div:nth-child(6) { order: 5; }
}
@media (max-width: 767px) { /* col-sm */
	#froghand { width:100px; bottom:-90px; }
	.hiddendot { display:inline-block; }
	#footer > div { padding-right: 80px; }
	#footer > div > div.col-12.col-sm-12.col-md-5.col-lg-4.col-xl-4 > br { display:none; }
	#footer > div > div.col-12.col-sm-12.col-md-5.col-lg-5.col-xl-5 > p > br { display:none; }
	#footer > div > div, #footer > div > div p { letter-spacing: -0.01em; }
	#intro > div > div { margin-bottom:30%; }
	.orangebox { background:#ef7c00; border:10px solid white; padding:20px !important; }
	.greenbox { background:#84bd4a; border:10px solid white; padding:20px !important; }
	.orangebox h2, .orangebox h3, .orangebox p, .orangebox ol, .orangebox ul { padding-left:0 !important; }
	.greenbox h2, .greenbox h3, .greenbox p, .greenbox ol, .greenbox ul { padding-left:0 !important; }
	.orangebox > div, .greenbox > div { width:100%; }
	#frogbg { max-width:60%; }
	nav ul li { font-size: 30px; }
	.fbbtn { width: 100%; }
}
@media (max-width: 575px) { /* col */
	#footer { height:68px; }
	#froghand { z-index:0; }
	#footer > div { padding-right: 0px; }
	#footer > div > div.col-12.col-sm-12.col-md-5.col-lg-4.col-xl-4 > span.hiddendot { display:none; }
	#footer > div > div.col-12.col-sm-12.col-md-5.col-lg-4.col-xl-4 > span:nth-child(10) { display:none; }
	#footer > div > div.col-12.col-sm-12.col-md-5.col-lg-5.col-xl-5 > p > br { display:block; }
	#footer > div > div.col-12.col-sm-12.col-md-5.col-lg-5.col-xl-5 > p > span { display:none; }
	#footer > div > div, #footer > div > div p { line-height:1.5em; }
	#frogbg { max-width:80%; }
	nav ul li { font-size: 25px; }
	.menu { width:calc(100% - 50px); }
	#news > div.row.justify-content-center.align-items-center > div > h1 { font-size:10vw; }
	#geburtstagsfeier > div > div.col-12.col-sm-12.col-md-12.col-lg-12.col-xl-12 > h1 { font-size:10vw; }
	#galerie > div > div > h1 { font-size:10vw; }
	#informationen > div > div.col-12.col-sm-12.col-md-12.col-lg-12.col-xl-12 > h1 { font-size:10vw; }
	#informationen h2 { font-size:8vw; } 
	#kontakt > div:nth-child(1) > div > div > h1 { font-size:10vw; }
	#kontakt > div:nth-child(2) { padding: 0 10px; }
}

/* Zusätze */
@media (max-width: 575px) { 
	#totopbutton { bottom:68px; right: 9px; }
	.grecaptcha-badge { bottom: 125px !important; }
}
@media (max-width: 400px) { /* col */
	nav ul li { font-size: 20px; }	
	#froghand { width: 80px; bottom: -70px; right: 30px; }
}
@media (max-width: 360px) { /* col */
	nav ul li { font-size: 15px; }	
	#kontakt > div > div > div > h2 { font-size:8vw; }
}
@media (max-width: 330px) { /* col */
	#froghand { width: 65px; bottom: -60px; right: 40px; }
}

/* IE Hacks */
_:-ms-lang(x),
.row.justify-content-center {
    width:100%;
}
_:-ms-lang(x),
.fbbtn {
    text-align:left\9;
    padding:5px 10px\9;
    width:auto !important\9;
    display:inline-block\9;
    float:left\9;
    width:auto\9;
}
_:-ms-lang(x),
#news > div:nth-child(2) > div > div {
	width:100%\9;
}
_:-ms-lang(x),
#news > div:nth-child(2) > div:nth-child(1) > div > p {
	width:100%\9;
}
_:-ms-lang(x),
#geburtstagsfeier > div > div.row.justify-content-center > div > div {
	width:100%\9;
}
_:-ms-lang(x),
#informationen > div > div.row.justify-content-center > div > div {
	width:100%\9;
}
_:-ms-lang(x),
#anfahrt {
	width:auto;
}

#portraitforce { display:none; }
@media only screen and (max-device-width: 700px) and (min-aspect-ratio: 13/9) { 
	#portraitforce { height: 100%; position: fixed; background: #ef7c00; z-index: 9999999999; text-align: center; color: #fff; display: flex; }
	#portraitforce > div.col-6 > p { margin:0; }
}

.parallax-image-wrapper-100 { -webkit-filter: grayscale(1%); filter: grayscale(1%); -webkit-backface-visibility: hidden; }
.parallax-image-wrapper-100 .parallax-image { -webkit-filter: grayscale(1%); filter: grayscale(1%); -webkit-backface-visibility: hidden; }

@supports (-ms-ime-align:auto) {
	.parallax-image-wrapper-100 { background-attachment:fixed; } 
}
@supports (-ms-ime-align:auto) {
	.parallax-image-wrapper-100 .parallax-image { background-attachment:fixed; } 
}

/* FB Zusatz */
.cff-text { text-align:left; display:block; }
#cff > div > div:nth-child(3) { border-bottom:0 !important; }
.huri, .tstamp {
    width: 1px;
    height: 1px;
    overflow: hidden;
    padding: 0 !important;
}