@charset "utf-8";
/* CSS Document */
html, body {height: 100% !important;}
/*###############*/	
/* D E S K T O P */
/*###############*/	
@media screen and (min-device-width: 1367px) {
body {max-width: 100% !important;margin: 0 auto;background-image: url(../aspect/DSC03526.jpg);background-repeat: no-repeat;background-position:top center; background-size: cover; background-color: rgba(0,0,0,0.0);font-size: 16px;font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";padding:0; }

#wrapper-index {background-color: rgba(255,255,255,0.0);
	min-width: 1200px;max-width:80% ;margin: 0 auto; position: relative; min-height: 90% !important; max-height: 90%;padding-left: 1px;
	padding-right: 1px;	border-left: solid 0px rgba(159,235,40,0.90); border-right: solid 0px rgba(159,235,40,0.90);}
	
#header {background: url(../aspect/logo-sonne.png) no-repeat;background-size: 120px; background-position:20px 10px;
	min-width: 100% !important; max-width: 100%;height: 120px;background-color: rgba(255,255,255,0.4);margin:0 auto;padding: 1em 0 0 0;z-index: 9999;}

#header titel1 {white-space:nowrap;font-size: 2em;font-weight: bold;color: rgba(255,253,0,1.00);width: 100%;text-align: center;margin: 0 auto;display: block;}
	
.content_index2 {min-width: 100%;max-width: 100% !important;min-height: 600px;max-height: 80%;margin: 0 auto;text-align: center;background: rgba(255,255,255,0.5);z-index: 0;}
.content_index2 span {width: 100%;min-height: 250px;max-height: 100%;display: block;}
.content_index2 p {font-size: 1.5em;color: rgba(0,0,0,1.00);margin:0 auto;width: 60%;}
.content_index2 titel {background: rgba(255,255,255,0.0);font-size: 2.0em;color: rgba(0,0,0,1.00);width: 100%; height: 35px;padding: 1em 0;display: block;}
.content_index2 silvester {font-size: 1.5em; font-weight: bold;color:rgba(0,0,0,1.00);}
.content_index2 terrasse {background-color: #FFFFFF; width: 75%; margin: 0 auto; padding: 2em 0 2em 0; font-size: 1.5em; font-weight: bold;color:rgba(15,181,0,1.00);display:block;}
.content_index2 a:link, a:visited, a:focus {color: rgba(255,3,0,1.00);text-decoration: none;line-height: 1.5em;background: rgba(255,255,255,0.50);padding: 0.5em;border-radius: 0.5em;}
.content_weiter {color:rgba(15,181,0,1.00);font-size: 1.5vw;}
.content_weiter :link, :visited, :focus {color: rgba(255,3,0,1.00);text-decoration: none;line-height: 1.5em;background: rgba(255,255,255,0.50);padding: 0.5em;border-radius: 0.5em;}
	
.silvester1 {font-size: 1.5em; font-weight: bold;color:rgba(0,0,123,1.00);}	
.clear {height: 2em !important; clear: both;}

}
/*#############*/	
/* T A B L E T */
/*#############*/	
@media screen and (min-device-width: 641px) and (max-device-width: 1366px) {
body {min-width: 768px; max-width: 100% !important; background-color: rgba(0,0,0,0.0);background-image: url(../aspect/DSC03526.jpg);background-repeat: no-repeat;background-position:top center; background-size:cover;font-size: 16px;font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";padding:0; }
#wrapper-index {background-color: rgba(255,255,255,0.0); min-width: 720px;max-width: 90%;margin: 0 auto; position: relative; min-height: 98% !important; max-height: 100%;padding-left: 1px;
	padding-right: 1px;	border-left: solid 0px rgba(159,235,40,0.90); border-right: solid 0px rgba(159,235,40,0.90);}

#header {background: url(../aspect/logo-sonne.png) no-repeat;background-size:80px; background-position:20px 10px;
	min-width: 100% !important; max-width: 100%;height: 5em;background-color: rgba(0,0,0,0.40);margin:0 auto;padding: 1em 0 0 0;z-index: 9999;}
#header titel1 {white-space:nowrap;font-size: 3.5em;font-weight: bold;color: rgba(255,253,0,1.00);width: 100%;text-align: center;margin: 0 auto;display: block;}
	
.content_index2 {min-width:768px;max-width: 99% !important;min-height: 600px;max-height: 80%;margin: 0 auto;text-align: center;background: rgba(255,255,255,0.85);z-index: 0;}
.content_index2 span {width: 100%;min-height: 250px;max-height: 100%;display: block;}
.content_index2 p {font-size: 1.5em;color: rgba(0,0,0,1.00);margin:0 auto;width: 60%;}
.content_index2 titel {background: rgba(255,255,255,0.0);font-size: 2.0em;color: rgba(0,0,0,1.00);width: 100%; height: 35px;padding: 1em 0;display: block;}
.content_index2 silvester {font-size: 1.5em; font-weight: bold;color:rgba(0,0,0,1.00);}
.content_index2 a:link, a:visited, a:focus {color: rgba(255,3,0,1.00);text-decoration: none;line-height: 1.5em;background: rgba(255,255,255,0.50);padding: 0.5em;border-radius: 0.5em;}

.content_weiter {color:rgba(15,181,0,1.00);font-size: 1.0em;;}
.content_weiter :link, :visited, :focus {color: rgba(255,3,0,1.00);text-decoration: none;line-height: 1.5em;background: rgba(255,255,255,0.50);padding: 0.5em;border-radius: 0.5em;}
	
.clear {min-height: 4em !important; clear: both;}
	
#footer {background: rgba(255,255,255,1.00);
	min-width: 760;max-width: 99%; height: 1em;white-space:normal;
	left: 0;bottom:0px;position:absolute;padding: 0.15em 0 0.15em 0;text-align: center;font-size:0.75em;color:rgba(68,68,68,0.99);letter-spacing: 0.1em;}
}

/*#####################*/	
/* S M A R T P H O N E */
/*#####################*/	
@media screen and (min-device-width: 260px) and (max-device-width: 640px) {
body {min-width: 460px;max-width: 99% !important;background-color: rgba(0,0,0,0.0);background-image: url(../aspect/smart_H.jpg);background-repeat:no-repeat;background-position:top center; background-size:cover;font-size: 1em;font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";padding:0; }
#wrapper-index {background-color: rgba(255,255,255,0.0);
	min-width: 460px;max-width:95% ;margin: 0 auto; position: relative; min-height: 98% !important; max-height: 99%;padding-left: 1px;
	padding-right: 1px;	border-left: solid 0px rgba(159,235,40,0.90); border-right: solid 0px rgba(159,235,40,0.90);}
	
#header {background: url(../aspect/logo-sonne.png) no-repeat;background-size:80px; background-position:0.5em 0.25em;
	min-width: 100% !important; max-width: 100%;height:7em;background-color:rgba(0,0,0,0.40);margin:0 auto;padding: 0.5em 1em 0.5em 0;z-index: 9999;}
#header titel1 {white-space:nowrap;font-size: 2.5em;font-weight: bold;color: rgba(255,253,0,1.00);width: 100%;text-align:center;margin: 0 auto;margin-left: 1em; display: block;}
	
.content_index2 {min-width: 480px;max-width: 100% !important;min-height: 600px;max-height: 100%;margin: 0 auto;text-align: center;background: rgba(255,255,255,0.85);z-index: 0;}
.content_index2 span {width: 100%;min-height: 200px;max-height: 100%;display: block;}
.content_index2 p {font-size: 1.5em;color: rgba(0,0,0,1.00);margin:0 auto;width: 60%;}
.content_index2 titel {background: rgba(255,255,255,0.0);font-size: 2.0em;color: rgba(0,0,0,1.00);width: 100%; height: 35px;padding: 1em 0;display: block;}
.content_index2 silvester {font-size: 1.5em; font-weight: bold;color:rgba(0,0,0,1.00);}
.content_index2 a:link, a:visited, a:focus {color: rgba(255,3,0,1.00);text-decoration: none;line-height: 1.5em;background: rgba(255,255,255,0.50);padding: 0.5em;border-radius: 0.5em;}

.content_weiter {color:rgba(15,181,0,1.00);font-size: 1.0em;;}
.content_weiter :link, :visited, :focus {color: rgba(255,3,0,1.00);text-decoration: none;line-height: 1.5em;background: rgba(255,255,255,0.50);padding: 0.5em;border-radius: 0.5em;}
#footer {background: rgba(255,255,255,1.00);
	min-width: 460; height: 1em;white-space:normal;
	left: 0;bottom:0px;position:absolute;padding: 0.15em 0 0.15em 0;text-align: center;font-size:0.5em;color:rgba(68,68,68,0.99);letter-spacing: 0.05em;}
	
.clear {min-height: 4em !important; clear: both;}
}

#footer {background: rgba(255,255,255,1.00);min-width: 100%;max-width: 100%; height: 30px; max-height: 50px;white-space:nowrap;
left: 0;bottom:0px;position:absolute;padding: 0.5em 0 0.5em 0;text-align: center;font-size:1.1em;color:rgba(68,68,68,0.99);letter-spacing: 0.15em;}