body {
    margin-right: auto;
    margin-left: auto;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    color: #333333;
    font-family: sans-serif;
    line-height: 150%;
    /* [disabled]font-size: 125%; */
}
hr {
    border-left: 0px dotted hsla(0,0%,0%,0.50);
    border-right: 0px dotted hsla(0,0%,0%,0.50);
    border-bottom: 0px dotted hsla(0,0%,0%,0.50);
    border-top: 2px dotted #333333;

}
.fourButton p {
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
}

.padding {
    padding: 2.5vh;
    margin-top: 0px;
}
logo img {
    width: auto;
    height: 100%;
    max-height: 10vh;
}

header {
	width: 100%;
	min-height: 100vh;
	display: block;
}
topheader {
    background-color: #CCCCCC;
    width: 100%;
    height: 7.5vh;
    display: table;
    text-align: left;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 2.5vh;
}
topnavi {
    display: none;
}
topheader p, topnavi p {
    display: table-cell;
    vertical-align: middle;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 80%;
    padding-left: 0px;
    width: auto;
    text-transform: uppercase;
}
navi {
    width: 100%;
    height: 60vh;
    display: block;
    background-image: url(images/layout/kaercher-waschpark-immelborn.jpg);
    background-size: cover;
    background-position: center center;
}
navigation {
    position: fixed;
    left: -100%;
    width: 100%;
    height: 100vh;
    background-color: #dddddd;
    text-align: center;
    top: 0px;
    text-transform: uppercase;
}
.navilogo {
    width: 100%;
    height: 20vh;
    background-image: url(images/layout/logo-waschpark-immelborn.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto 50%;
}
navigation a {
	width: 100%;
	display: table;
	text-decoration: none;
	color: #333333;
}
.navilink {
    display: table-cell;
    height: 10vh;
    padding-top: 2.5vh;
    padding-right: 2.5vh;
    padding-bottom: 2.5vh;
    padding-left: 2.5vh;
    vertical-align: middle;
    text-align: center;
    width: 100%;
}
logo {
    width: 100%;
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    margin-top: 0vh;
    background-color: hsla(0,0%,100%,0.79);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.hamburger, .xcloser {
    width: 7.5vh;
    height: 7.5vh;
    background-color: #333333;
    display: block;
    margin-left: auto;
    margin-right: auto;
    right: 2.5vh;
    top: 2.5vh;
    background-image: url(images/layout/hamburger.png);
    background-repeat: no-repeat;
    background-size: cover;
}
.hamburger {
	background-image: url(images/layout/hamburger.png);
	position: fixed;
}
.xcloser {
	background-image: url(images/layout/x.png);
	position: absolute;
	background-position: center center;
	background-size: 25px auto;
}
.doctitle {
	width: 100%;
	height: 10vh;
	display: table;
}
.doctitleContent {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    text-transform: uppercase;
}
mobilebuttons {
    display: table;
    width: 100%;
    height: 15vh;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #F6E724;
    margin-left: auto;
    margin-right: auto;
}
mobilebuttons a {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    background-color: #FFFFFF;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #333333;
    width: 50%;
    text-decoration: none;
}
.downlink {
	width: 7.5vh;
	height: 7.5vh;
	background-color: #333333;
	display: block;
	margin-top: -5vh;
	margin-left: auto;
	margin-right: auto;
	background-image: url(images/layout/nach-unten.png);
	background-repeat: no-repeat;
	background-size: 50% auto;
	background-position: center center;
}
section {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
}
.center {
	text-align: center;
}

article {
    margin-left: auto;
    margin-right: auto;


}
.bild {
	width: 100%;
	height: auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
footer {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    width: 100%;
    margin-top: 5vh;
}
footer a {
    padding: 2.5vh;
    text-decoration: none;
    color: #333333;
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 50%;
    float: left;
    background-color: #F6E724;
    text-transform: uppercase;
}
footer p {
    background-color: #333333;
    display: inline-block;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0px;
    color: #FFFFFF;
}
footerdaten, footerlinks, footerlogo {
    display: inline;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    float: left;
    width: 100%;
    /* [disabled]background-color: #CCCCCC; */
}
footerlogo {
    background-color: #DDDDDD;
    color: #FFFFFF;
	}
footerlogo {
    height: 200px;
    width: 100%;
    background-image: url(images/layout/logo-waschpark-immelborn.png);
    background-repeat: no-repeat;
    background-position: center center;
    margin-left: auto;
    margin-right: auto;
    background-size: auto 50%;
}
.fourButton {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 50%;
    display: inline-block;
    padding: 2.5vh;
    float: left;
    border: 1.25vh solid #dddddd;
    text-align: center;
}
.fourButtonPadding {
	padding: 1.25vh;
}
.fourButton img {
    width: 60%;
    height: auto;
    border: 2px solid #333333;
    padding: 20%;
}
.icon {
    width: 100%;
    height: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 2px solid #333333;
    margin-bottom: 25px;
}
.floatleft {
    float: left;
    margin-right: 5%;
    }
.floatright {
    float: right;
    margin-left: 5%;
}
.smallSlider {
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: inline-block;
	padding: 25px;
}
.smallSlider img {
	width: 100%;
	height: auto;
}
.onlyDesktop {
	display: none;
}
.mbonlyDesktop {
	display: none;
}
.bgVarI {
    background-color: #F6E724;
}
.bgVarII {
    background-color: #dddddd;
}
.bgVarIII {
    background-color: #F6E724;
    margin-top: 5vh;
}
.maxwidth {
    max-width: 1000px;
    border-top-width: medium;
}
.textbox {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

}
.trenner {
    height: 1px;
    /* [disabled]display: inline-block; */
    width: 100%;
    margin-top: 5vh;
    margin-bottom: 5vh;
}
.button {
    /* [disabled]background-color: hsla(56,92%,55%,1.00); */
    text-decoration: none;
    color: #333333;
    text-transform: uppercase;
    border: 2px solid #333333;
    display: inline-block;
    padding-top: 2.5vh;
    padding-right: 2.5vh;
    padding-bottom: 2.5vh;
    padding-left: 2.5vh;
    width: 100%;
    max-width: 500px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    margin-bottom: 10px;
    margin-top: 10px;
}
.active {
        font-weight: bold;    
    }
article a {
    text-decoration: none;
    color: #333333;
}




@media screen and (min-width : 820px ){
    .fourButton {
        width: 25%;
    }
    .onlyDesktop {
        display: inline-block;
    }
    topnavi a {
        color: #333333;
        margin-left: 10px;
        margin-right: 10px;
        text-decoration: none;
    }

    footerdaten, footerlinks, footernavi {
        width: 50%;
        /* [disabled]background-color: #CCCCCC; */
    }
.icon {
    width: 30%;
    height: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 2px solid #333333;
}
.textbox {
    width: 60%;
    display: inline-block;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
}


    }
    
@media screen and (min-width : 1300px ){
    body {
        font-size: 125%;
        }
main {

}

    topheader p, topnavi p, footer {
        font-size: 75%;
    }
    .fourButton {
        width: 25%;
    }
    .mobile {
        display: none;
    }
    .onlyDesktop {
        display: inline-block;
    }
    .mbonlyDesktop {
        display: table-cell;
    }
    navigation {
        left: 0%;
        width: auto;
        height: 15vh;
        background-color: transparent;
        top: 7.5vh;
        display: block;
        float: right;
        position: static;
        padding-right: 2.5vh;
    }
    navigation a {
        width: auto;
        display: table;
        text-decoration: none;
        color: #333333;
        float: left;
    }
    .hamburger, .xcloser {
        display: none;
    }
    logo {
        width: auto;
        height: 15vh;
        display: block;
        margin-right: auto;
        position: static;
        margin-left: 0px;
        float: left;
        background-color: transparent;
    }
    navidesktopbg {
        background-color: hsla(0,0%,100%,0.80);
        display: inline-block;
        width: 100%;
    }
    topnavi {
        background-color: #CCCCCC;
        width: 50%;
        height: 7.5vh;
        display: table;
        text-align: right;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding-right: 2.5vh;
    }
    topheader {
        width: 50%;
    }
    footer a:hover {
        background-color: #ffffff;
    }





}
#2 {
}