*, *:before, *:after {margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}

@font-face {font-family: 'muliregular';
    src: url('../fonts/muli-regular-webfont.eot');
    src: url('../fonts/muli-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/muli-regular-webfont.woff2') format('woff2'),
         url('../fonts/muli-regular-webfont.woff') format('woff'),
         url('../fonts/muli-regular-webfont.ttf') format('truetype'),
         url('../fonts/muli-regular-webfont.svg#muliregular') format('svg');
    font-weight: normal;
    font-style: normal;}

html, body {font-family:'Muli','muliregular',sans-serif,Arial;font-weight:100%;color:white;
background-image:url("../Dateien/BGMain01.jpg");background-attachment:fixed;/**/height: 100%;}

html {scroll-behavior: smooth;}

/*background:url("../Dateien/BGMain01.jpg") repeat fixed;*/

header {line-height:0px;}
nav,article,aside,footer {text-align:justify;}

/* BACKGROUND - EINFÄRBUNG */
aside,article,header,footer li,strong,.strong-1,.strong-2,.s-text,.s-text-hl,.mask {background-color:rgba(0,0,0,0.35);}
nav li,footer li {background-color:rgba(0,0,0,0.60);}

nav ul,footer ul {list-style-type:none;}
nav li,footer li {font-size:1.25em;}

a:link, a:visited {color:white;text-decoration:none;}

nav a:hover,footer a:hover,
nav a:focus,footer a:focus {color:#9E9585;}

aside a:link,article a:link,
aside a:visited,article a:visited,
aside a:active, article a:active {text-shadow:2px 2px 1px #cc6600;}

aside a:hover,article a:hover,
aside a:focus,article a:focus {color:#cc6600;text-shadow:1px 1px 1px #e6e6e6;}

/* Button 'Nach Oben' und 'Zurück' */
.buttonMenuTop {position:fixed;top:0;z-index:1;transition:all 0.75s;text-align:center;}
.buttonMenuBack {position:fixed;top:0;z-index:1;transition:all 0.75s;text-align:right;}
.hideTop {opacity:0;top:-100%;}
.showTop {opacity:1;top:5px;}
#nachoben, #zurück {
	background-color:rgba(0,0,0,0.4);
	border:0.75px rgba(201, 102, 26, 0.75) solid;
	-moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;
	padding: 10px;
	width: 75px;
	height: 75px;}
.zurück {background-color:rgba(113,82,53,0.8);margin-right: 5px;}
/* Drehen des img für Button 'Zurück' */
.drehen270 {-webkit-transform: rotate(270deg);-moz-transform: rotate(270deg);-o-transform: rotate(270deg);-ms-transform: rotate(270deg);transform: rotate(270deg);}

#einblenden {position:fixed;z-index:1000;display:none;top:0;}

/* Raster */
.row {width:auto;}
.row:before,.row:after {content:" ";display:table;}
.row:after {clear:both;}
.columns {padding:1em;}
.columnsnav{padding:0px;}

/* Bilder */
.img {-webkit-box-shadow: 0.5em 0.5em 0.5em 0em rgba(0,0,0,0.5);-moz-box-shadow:0.5em 0.5em 0.5em 0em rgba(0,0,0,0.5);box-shadow:0.5em 0.5em 0.5em 0em rgba(0,0,0,0.5);}

/* Bilder rotieren um 1 Grad in 0,25 Sek und vergrößert um 1,5% wenn Maus drüber */
#imgrund {transition: transform 0.25s;}
#imgrund:hover {transform: scale(1.015) rotate(1deg);}

/* Bilder & Text in MySpecials */
.s-img {width:32.66666666%;margin:0 0.66666666% 0.25em 0;}
.s-text {text-align:center;min-height:4em;padding:0.5em;}
.s-text-hl {text-align:center;margin-bottom:0.2em;}

/* Texteinblendung über den Bilder */
.mask {position:absolute;bottom:5%;width:96%;text-align:center;padding:0.5em 0.25em;-moz-transition:all 1s ease 0s;-webkit-transition:all 1s ease 0s;transition:all 1s ease 0s;opacity:0;z-index:2;}
.box {position:relative;}
.box:hover .mask{opacity:1;}

/* Schrift - Styles */
.hls {display:inline;}
.hlxl {font-size:1.75em;text-align:center;text-shadow:3px 3px 3px #cc6600;}
.hll {font-size:1.4em;color:#cc6600;}
.hlxl,.hll {margin-bottom:0.5em;}
.hm,.hl,.hls,.navhl {text-shadow:2px 2px 2px #cc6600;}
.clearfix:after {content:".";clear:both;display:block;visibility:hidden;height:0px;}
.small {font-size:0.5em;}
.menue {font-size:0.75em;color:rgba(0,0,0,1);letter-spacing:-1px;}
.spacing {letter-spacing:-1px;}
.spacing2 {letter-spacing:-2px;}
.spacing3 {letter-spacing:-3px;}

p {text-shadow:2px 2px 2px #000000;}
h1 {text-align:center;margin-bottom:0.5em;}
strong,.strong-1 {padding:0 0.25em;font-size:1.5em;}
.strong-2 {padding:0 0.25em;}
.container {background-color:rgba(0,0,0,0.15);}
.pad05 {padding:0.5em;}
.center {text-align:center;}

.small-1,.medium-2,.large-2,.img,.pic,.s-text,.s-text-hl {width:100%;}
.medium-1,.large-1 {width:50%;}
.img-mobile {display:none}  /* Blendet ">" aus! */
.imgsmall-1 {width:30%;margin-top:0.9em;}
.imgsmall-2 {width:70%;margin-top:0.5em;padding:0 0 0 1em;}
.imgsmall-1,.imgsmall-2,.columns,.s-img {float:left;}

/* Responsive Video */
.responsive-video iframe {position:absolute;top:0;left:0;width:100%;height:100%;}
.responsive-video {position:relative;padding-bottom:56.25%;padding-top:0px;height:0;overflow:hidden;margin-top:1em;}

/* Dropdown */
.dropbtn {background-color:rgba(0,0,0,0.5);border:none;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;width:30px;height:15px;background-image:url("../Dateien/BGMenu.png");background-repeat:no-repeat;padding-top: 1em;}
.dropbtn:hover,.dropbtn:focus {background-color:rgba(172,88,6,0.4);}
.dropdown {position:relative;}
.dropdown-content {border:none;border-radius:2px;display:none;position:relative;min-width:100%;overflow:auto;}
.show {display:block;}

/* S M A L L */
@media screen and (max-width:600px) {
/* Small */
	body {font-size:1.25em;min-width:320px;}
	header,article,aside {margin-bottom:1px;}
	strong,.strong-1,.strong-2 {-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
	.img,.s-text,.s-text-hl {-moz-border-radius: 4px; -webkit-border-radius: 4px; -border-radius: 4px;}
	dropdown nav li {background-color:rgba(0,0,0,0.35);}
	nav li,footer li {margin:0 0 1px 0;padding:0.25em 0.5em 0.25em 0.8em;}
	.img-mobile {display:block;height:30px;margin:auto;}
	.imgmaus {width:30px;hight:30px;}
	.s-text,.s-text-hl {font-size:0.7em;}
	.dns {display:none}/* Blendet Inhalt aus! */
	.photo,.photobig {width:100%;padding:0 0 1% 0;}
	.video {width:100%;padding:0 0 1% 0;}
	.mask {width:100%;bottom:3%;}
	.infoimbild {font-size:1em;}
	.hlxl {text-shadow:2px 2px 1px #cc6600;}
	.padtop0 {padding: 0 1em;}
	.buttonMenuTop,.buttonMenuBack {width:100%;}
	#einblenden {width:18%;left:41%;right:41%;}
}

/* M E D I U M */
@media screen and (min-width:601px) and (max-width:960px) {
/* Medium */
	body {font-size:1.75em}
	header,header img,article,aside,nav li,footer li {-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;}
	strong,.strong-1,.strong-2 {-moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px;}
	.img,.s-text,.s-text-hl {-moz-border-radius: 7px; -webkit-border-radius: 7px; -border-radius: 7px;}
	.s-text,.s-text-hl {font-size:0.8em;}
	.infoimbild {font-size:0.7em;letter-spacing:-1px;}
	.container,.buttonMenuTop,.buttonMenuBack {min-width:601px;}
	.dnm {display:none}/* Blendet Inhalt aus! */
	#einblenden {width:16%;left:42%;right:42%;}
}

/* M A X I M U M */
@media screen and (min-width:961px) {
	body {font-size:2em;}
	header,header img,article,aside,nav li,footer li {-moz-border-radius:15px; -webkit-border-radius:15px; -border-radius:15px;}
	strong,.strong-1,.strong-2 {-moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;}
	.img,.s-text,.s-text-hl {-moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;}
	.imglarge-1 {width:35%}
	.imglarge-2 {width:65%;}
	.img-special-large {float:left;width:32.66%;margin: 0 0.33%;}
	.infoimbild {font-size:0.9em;}
	.container,.buttonMenuTop,.buttonMenuBack {max-width:1200px;}
	.dnl {display:none}/* Blendet Inhalt aus! */
	#einblenden {width:8%; left:46%;right:46%;}
}

/* M E D I U M und M A X I M U M*/
@media screen and (min-width:601px) {
	header,header img,article,aside,nav li,footer li,strong,.strong-1,.strong-2,.s-text,.s-text-hl {border:1px rgba(201, 102, 26, 0.5) solid;}
	header,article,aside {margin-bottom:0.1em;}
	nav ul,footer ul {display:table;margin:0 0 0.1em 0;width: 100%;}
	nav li,footer li {display:table-cell;float:left;margin:0.0833333335%;font-size: 1.2em;text-align:center;}
	nav li {width: 33.1666666667%;}
	footer li {width: 100%;}
	.container,.buttonMenuTop,.buttonMenuBack {width:90%;margin:auto;background:rgba(0,0,0,0);}
	.photo {width:50%;float:left;padding:0 1% 1% 1%;}
	.photobig {width:75%;padding:0 0 1% 0;margin: 0 12.5%;}
	.video {width:50%;padding:0 1% 1% 1%;}
	.imgmaus {width:40px;hight:40px;}
	/* Nav gerundete Ecken*/
	#navrund {-moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;}
}