/*
Template Name:Sanaroo HTML Template
Description:A Business/Portfolio HTML Template
Author:Chris Creed
URL:http://www.chris-creed.com
*/

/* -- Color:Blue - #0B79A3 -- */


/* ------------- */
/* -- Helpers -- */
/* ------------- */
.hide{
	display:none;
}
.page-title{
	margin:0 0 20px 0;
}
/* -------------------- */
/* -- General Styles -- */
/* -------------------- */
#wrap{
	width: auto;
	margin: 0;
	margin-top: 3em;
	margin-left: 1em;
	margin-right: 1em;
}
html{
	width: 99.8%; 
	padding: 0;
	margin: 0;
}
body{
	font: normal 1.5em/1.618 apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;
	color:#444;
	background-size: auto 14em;
	background-repeat: repeat-x;
	width: 100%;
	padding: 0;
	margin: 0;
}

h1, h2, h3, h4, h5, h6{
	margin: 20px 0 0.9em 0;
}
h1{
	font-size: 2.3em;
	font-weight: bold;
	line-height: 1.6em;
}
h2{
	font-size: 1.8em;
	line-height: 1.8em;
}
h3{
	font-size: 1.3em;
	font-weight: bold;
}
h4{
	font-size:1.3em;
}
h5{
	font-size:18px;
}
h6{
	font-size:16px;
}
td{
	font-size: 1.2 em;
}


#maink
{
	background-image: url('https://www.solar-installieren.de/images/walli2.jpg'); 
	display: block;
	background-repeat: no-repeat; 
	background-size:  cover; 
	background-position: center bottom;
	text-shadow: -0.08em -0.08em 0.5em #fff, 0.08em 0.08em 0.5em #fff, 0.08em 0.08em 0.5em #fff,-0.1em 0.1em 0.04em rgba(255,255,255,1),0.15em -0.15em 0.3em rgba(255,255,255,1);
	padding-left: 5%; 
	padding-bottom: 1em; 
	padding-top: 1em; 
	padding-right: 5%;  
	margin-top: -1.95em; 
	margin-left: -0.7em; 
	margin-right: -0.7em;
	color: #1a1a1a;
	text-align: justify;

	overflow: hidden;
	font-size: 1.5em;
}
#maink
{
	text-align: center;
}

@media screen and (orientation: landscape) 
{
	#maink
	{
		background-image: url('https://www.solar-installieren.de/images/walli.jpg'); 
		height: 27.57rem;
		min-height: 27.57rem;

	}
}
#mainb
{
	background: #f7b3d8;
	background-position: center center; 
	#text-shadow: -0.05em -0.05em 0.2em #fff, 0.05em 0.05em 0.2em #fff; 
	padding-left: 0.3em; 
	padding-bottom: 0.5em; 
	padding-top: 1em; 
	padding-right: 0.5em;  
	margin-top: -1.1em; 
	margin-left: -0.6em; 
	margin-right: -0.6em;
}



p{
	margin:0 0 15px 0;
}
a{
	text-decoration:none;
	color:#0B79A3;
}
a:hover{
	color:#222;
}
em{
	font-style:italic;
}
ul{
	margin:0 0 15px 15px;
	list-style-type: none;
	 margin-left: 25px;
}
ol{
	margin:15px 0 15px 20px;
	list-style-type:decimal;
}
strong, b{
	font-weight:bold;
}
blockquote{
	margin:20px 40px;
	padding:10px;
	background-color:#eee;
	border:1px #ddd solid;
}
/* ------------- */
/* -- Buttons -- */
/* ------------- */
.button{
	background:#222 repeat-x;
	display:inline-block;
	padding:5px 10px 6px;
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	line-height:1;
	border-radius:5px;
	-moz-border-radius:5px;
	-moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.5);
	box-shadow:0 1px 3px rgba(0, 0, 0, 0.5);
	text-shadow:0 -1px 1px rgba(0, 0, 0, 0.25);
	border-bottom:1px solid rgba(0, 0, 0, 0.25);
	position:relative;
	cursor:pointer;
	font-family:Arial, sans-serif;
	font-size:14px;
	padding:8px 14px 9px;
	background-color:#0B79A3;
}
.button:hover{
	background-color:#222;
	color:#fff;
}
/* ----------- */
/* -- Tools -- */
/* ----------- */
.line{
	clear:both;
	border-bottom:1px #ccc dotted;
}
.post-line{
	clear:both;
	border-bottom:1px #ccc dotted;
	margin-bottom:50px;
	padding-top:42px;
}
/* ------------ */
/* -- Header -- */
/* ------------ */
#top-banner{
	height:5px;
	background-color:#0B79A3;
	margin: 0;
}
#header{
	background: #262224;
	background-image: url('https://www.solar-installieren.de/images/solibg.png'); 
	background-repeat: no-repeat;
	background-size: 6em 6em;
	background-position: 0em 0em;
	color: #ffffff;
	padding: 50px 0 0 0;
	height: 8em;
	width: 100;
}
#header img{
	float:left;
}
#header h1{
	float:left;
	font-size: 4em;
	letter-spacing: -0.05em;
	font-family:"Myriad Pro", "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
	color:#222;
	margin:0;
	font-weight:bold;
}
#header h1 a{
	color:#444;
	text-shadow:0 1px 0 #222;
}
#header h2{
	float:right;
	color:#ccc;
	font-family:"Myriad Pro", "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
	letter-spacing:-1px;
	margin:40px 0 0 0;
	font-size:34px;
}
/* ---------------- */
/* -- Navigation -- */
/* ---------------- */
#nav
{
	clear: both;
	border-top: 0.1em #ff0087 solid;
	border-bottom:1px #DDDDDD dotted;
	width: auto;
	height: 2.2em;
	left: 0%;
	padding: 0 10em 0 0;
	margin: 0;
	list-style:none;
	margin: 1.3em 0 0 0;
	margin-top: -4.3em;
	z-index: 889;
	background: #f0f0f0;
	display: block;
	overflow: hidden;
	white-space: normal;
}
#nav a{
	display: inline-block;
	font: normal 1.1em Arial, sans-serif;
	line-height: 2em;
	color:#555555;
	white-space: nowarp;
}
#nav a:hover{
	border: 1px solid #f7f7f7;
	background: #ffffff;
	border-radius: 0.5em;
	padding: 0em 0.5em 0em 0em;
	margin-top: -0.3em;
	margin-right: -0.6em;
	color:#0B79A3;
	margin-bottom: -0.3em;
}
#nav li{
	float: left;
	position: relative;
}
#nav li span{
	float:left;
	padding: 0 2em;
	font-size: 1.5em;
	color:#555;
	margin-top:-3px
}
#nav-item-last span{
	display:none;
}
#nav li:hover > ul{
	display:block;
}
#nav ul{
	background:#EEEEEE;
	display:none;
	margin:0;
	padding:0;
	position:absolute;
	top: 1em;
	left:0;
	border:solid 1px #ddd;
	list-style:none;
}
#nav ul a:hover{
	background-color:#0B79A3;
	color:#ffffff;
}
#nav ul li{
	float: none;
	margin:0;
	padding:0;
}
#nav ul a{
	padding: 8px 10px;
	color:#444444;
	font-size: 1.5em;
	float:none;
}
#nav ul span{
	display:none;
}
#nav ul ul{
	left:230px;
	top:-1px;
}
#nav li.current a{
	color:#0B79A3;
}
#nav li.current li a{
	color:#444444;
}
#nav li.current li a:hover{
	color:#ffffff;
}
#nav ul li.current a:hover{
	color:#ffffff;
}
/* ---------------------- */
/* -- Featured Section -- */
/* ---------------------- */
.fs{
	clear:both;
	padding: 1em 0 1em 0;
	overflow:hidden;
	width:100%;
}
.fs h3{
	font-family:"Myriad Pro", "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
	font-size:40px;
	letter-spacing:-1px;
	color:#444444;
	margin-bottom:5px;
}
.fs h4{
	font-family:"Myriad Pro", "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
	font-size:30px;
	letter-spacing:-1px;
	color:#555555;
	line-height:40px;
	margin:5px 0 0 0;
}
.fs-img{
	margin:15px 0 0 5px;
	-webkit-box-shadow:0 0 10px #aaa;
	-moz-box-shadow:0 0 10px #aaa;
	box-shadow:0 0 10px #aaa;
}
.fs-details{
	float:right;
	width: 65%;
}
.fs-details p{
	font:normal 18px/1.618 Arial, sans-serif;
	margin:13px 0 23px 0;
	color:#555;
}
.portfolio-button{
	display:block;
}
/* --------------------- */
/* -- Latest Projects -- */
/* --------------------- */
#latest-projects{
	clear:both;
	padding:32px 0 25px 0;
	overflow:hidden;
	margin-left:-5px;
}
#latest-projects h3{
	margin-bottom:30px;
	margin-left:5px;
}
.latest-project{
	float:left;
	margin:0 0 20px 55px;
	width:282px;
}
.latest-project .post-image{
	width:280px;
	height:190px;
	-webkit-box-shadow:0 0 10px #aaa;
	-moz-box-shadow:0 0 10px #aaa;
	box-shadow:0 0 10px #aaa;
}
.latest-project p{
	margin-bottom:0;
}
.first-latest-project{
	margin-left:5px;
}
/* -------------- */
/* -- Overview -- */
/* -------------- */
#overview{
	clear:both;
	padding:30px 0 40px 0;
	overflow:hidden;
}
.overview-block{
	float:left;
	width:280px;
	margin-left:60px;
}
.overview-block p{
	font-size:14px;
}
.first{
	margin-left:0;
}
/* ------------- */
/* -- Content -- */
/* ------------- */
#main{
	float:left;
	width:100%;
	margin:50px 0 60px 0;
}
#content{
	float:left;
	width:500px;
}
/* --------------- */
/* -- Portfolio -- */
/* --------------- */
.portfolio-item{
	float:left;
	margin:0 0 75px 57px;
	width:282px;
	height:192px;
}
.portfolio-item p{
	font-size:14px;
	margin:0 0 5px 0;
}
.portfolio-item .post-image{
	width:280px;
	height:190px;
	-webkit-box-shadow:0 0 10px #aaa;
	-moz-box-shadow:0 0 10px #aaa;
	box-shadow:0 0 10px #aaa;
}
.first{
	margin-left:0;
}
/* -- Single Project Page -- */
#portfolio-single-content{
	float:left;
	width:510px;
}
h2.project-title{
	margin:0 0 30px 0;
	padding:0;
}
.bold{
	color:#444;
	font-weight:bold;
}
#sidebar-portfolio{
	float:right;
	width:450px;
}
#sidebar-portfolio img{
	border:1px #ddd solid;
	margin:0 0 20px 0;
}
#portfolio-intro{
	width:690px;
	margin:0 0 40px 0;
}
#project-image-large{
	float:right;
	width:430px;
	margin:5px 0 50px 0;
}
#project-image-large img{
	border:1px #ddd solid;
}
#project-content{
	float:left;
	width:460px;
}
#project-content .title{
	margin:10px 0 40px 0;
}
.portfolio-item h4{
	color:#555;
	font-size:14px;
	margin:0 0 5px 0;
	padding:0;
}
/* ------------------- */
/* -- Posts / Pages -- */
/* ------------------- */
.blog-title{
	margin-bottom:40px;
}
.post .post-title{
	font-size:26px;
	line-height:32px;
	padding:0;
	margin:0 0 -4px 0;
}
.post-meta, .post-meta a{
	font-size:20px;
	line-height:32px;
	color:#888;
	padding:0 0 20px 0;
	margin:0;
}
.post .more-link{
	display:block;
	margin-top:10px;
}
.post .more-link:hover{
	color:#222;
}
.post-image{
	float:left;
	width:125px;
	height:125px;
	border:1px #ddd solid;
	margin:5px 20px 20px 0;
}
/* ------------- */
/* -- Sidebar -- */
/* ------------- */
#sidebar{
	float:right;
	width:280px;
	padding:20px 20px 5px 20px;
	margin:5px 0 0 0;
	background:#f5f5f5;
	font-size:12px;
	border:1px #e5e5e5 solid;
}
#sidebar h3{
	font-size:20px;
	margin:0 0 5px 0;
	padding:0;
}
#sidebar p{
	font-size:12px;
	line-height:20px;
}
#sidebar ul, sidebar li{
	margin-left:16px;
}
.sidebar-contact-title{
	margin-bottom:-2px;
	font-weight:bold;
}
/* ------------- */
/* -- Contact -- */
/* ------------- */
#contact-form{
	clear:both;
	margin:24px 0 0 0;
}
#contact-form input[type=text]{
	#background:url(../images/input-bg.png) repeat-x;
	width:270px;
	height: 42px;
	border:1px #ddd solid;
	margin:0 0 15px 0;
	padding:0 15px;
	color:#444;
	font-size:14px;
	font-family:Arial, sans-serif;
}
#contact-form textarea{
	#background:url(../images/textarea-bg.png) repeat-x;
	width:470px;
	height:190px;
	border:1px #ddd solid;
	padding:15px 15px;
	font-size:14px;
	line-height:24px;
	font-family:Arial, sans-serif;
	color:#444;
}
#contact-form input[type=submit]{
	margin:15px 0 0 0;
	border:none;
	cursor:pointer;
}
#response{
	padding:10px;
	border:1px #ddd solid;
	background-color:#eee;
	color:#9e0616;
}
/* ------------ */
/* -- Footer -- */
/* ------------ */
#footer{
	padding: 1em 0 30px 0;
	margin-left: -1em;
	margin-right: -1em;
	padding-left: 1em;
	padding-right: 1em;
	width: auto;
	color:#fff;
	background: #000000;
}
#footer p{
	font-size:12px;
}
.copyright
{
	float: left;
	font-size: 1.1em;
	line-height: 1.3em;
}
.social{
	float:right;
}

.svglog
{
	height: 0.3em;
	width: auto;
	vertical-align: bottom;
	margin-right: 0.1em;
	margin-top: 0.79em;
}

.svglogaus
{
	height: 1em;
	width: auto;
	vertical-align: middle;
	margin-top: -0.3em;
}


input, select, textarea {
	margin: 0.1em 0;
	padding: 0.15em;
	color: #878787;
	border-width: 0.05em;
	border-style: solid;
  	border-color: #bfc3c7; 
  	box-shadow: 0em 0em 0.05em 0.05em  #f3f4f5;
}

input, textarea
{
	
	font-size: 1.3em;
	line-height: 1.3em;	
	font: normal;
}

textarea
{
	width: 100%;
}

input[type=text], .pwfield, textarea
{
	border-radius: 0.1em;
	background: #edeff0;
}

button
{
	font-size: 1.2em;
	line-height: 1.3em;	
	font-family: Arial;
	margin-bottom: 0.3em;
}
.morph
{
	width: auto; 
	height: 80px;
	border: solid 2px #000;
	border-radius: 5px;
	margin: 3px;" 
}

.sctopnavicon
{
	vertical-align: top;
	margin-top: -3px;
	height: 1.5em;
	width: auto;
  	pointer-events: none;
  	position: relative;  
  	top: 0.4em;  
  	left: 2em; 
	margin-right: 2.2em;
  	z-index: 99999;
}

.scenicon_slide
{
	padding-left: 0em;
}

.listing0
{
	background: #f2f2f2;
	padding: 3px; 
	border-top: 1px solid #dddddd;
}

.listing1
{
	background: #f7f7f7;
	padding: 3px; 
	border-top: 1px solid #dddddd;
}

.listing2
{
	padding: 3px; 
	border-top: 1px solid #dddddd;
	background: #fafafa;
}

#dataholder
{
	padding: 0px;
	margin: 0px;
	border: none;
}

.fsl:link, .fsl, .fsl:hover, .fsl:active, .fsl a
{
	color: #444444;
	text-deocration: none;
	display: block;
}

.fsl:hover
{
	border: solid 1px #f7f7f7;
	border-radius: 0.3em;
	background: #fdfcfc;
	margin: -1px;
}

.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }
.align-center { text-align: center; }
.align-justify { text-align: justify; }

.opct03
{
	opacity: 0.3;
}


.fehler
{
	padding: 0.5em;
	background: #fceded;
	border: solid 1px #be2828;
	border-radius: 3px;
	text-align: justify;
	margin-bottom: 3px;
}

.erfolg
{
	padding: 0.5em;
	background: #BBF0BF;
	border: solid 1px #56D25E;
	border-radius: 3px;
	text-align: justify;
	margin-bottom: 3px;
}

.info
{
	padding: 0.5em;
	background: #f7f7f7;
	border: solid 1px #e3e3e3;
	border-radius: 3px;
	text-align: justify;
	margin-bottom: 3px;
}

.tagdatum
{
	border: 1px solid #000000;
	border-radius: 3px 3px 3px 3px;
	background: #ffffff;
	text-align: center;
	padding: 1px;
}

.listsaison3
{
	background: #d8f593;
	color: #000;
}

.listsaisond
{
	background: #e1f656;
	color: #000;
}

.listsaisonb
{
	background: #f9b74f;
	color: #000;
}

.listsaison1
{
	background: #ff4b4b;
	color: #000;
}

.diashow
{
	border: solid #f7f7f7 2px; 
	height: 32em;
	border-radius: 0.5em;
	width: auto;
}

#highlighter
{
	float: left; 
	position:absolute; 
	top: -100px; 
	left: -100px; 
	z-index:99; 
	text-align: center;
	box-shadow: none;
	z-index: 1000;
}

#highlighterin
{
	width:100%;  
	border: solid 1px #4a4a4a; 
	background: #ffffff; 
	padding: 5px 5px 5px 5px; 
	font-weight: bold;
	font-size: 2em;
	color: #4a4a4a; 
	border-radius: 5px;  
	-webkit-box-shadow: 3px 2px 5px #aaa; 
	-moz-box-shadow: 3px 2px 5px #aaa; 
	box-shadow: 3px 2px 5px #aaa;
	z-index: 1001;
}


.pagemenue, .pagemenue:hover
{
	background: #f0f0f0; 
	padding: 0px; 
	color: #444444; 
	border: solid 1px #8f8485;
	border-right: 0px;
	border-radius: 0.5em 0px 0px 0.5em;
	cursor: pointer;
	overflow: hidden;
	font-size: 1.5em;
	padding-left: 5px;
	vertical-align: middle;
}



.pagemenue:hover
{
	background: #ffffff; 
	color: #000000;
}

.bbbbuttonbar
{
	position: absolute; 
	top: 23.3em;
	right: 3.5em;
}


.froum_listing, .froum_posting
{
	font-size: 2.5em; 
	line-height: 3em; 
	border: #eeeeee solid 0.05em; 
	border-radius: 0.3em; 
	background: #fbfbfb; 
	padding-left: 1em;
	padding-right: 0.5em;
	margin-bottom: 0.2em;
}

.froum_listing:hover
{
	background: #f7f7f7;
	cursor: pointer;
}

.froum_posting
{
	background: #fefefe;
}

.forum_listing_linketextbox
{
	float: left; width: 75%;
}

.forum_listing_cleartextbox
{
	clear: both; 
	padding: 0px; 
	margin: 0px; 
	hegiht: 0px; 
	width: 0px;
}

.forum_listing_rechtetextbox
{
	float: right; 
	width: 22%; 
	text-align: right;
}


.iconcounter
{
	display: inline;
	font-size: 0.4em;
	padding: 0.2em;
	color: #ffffff;
	background: #444444;
	border-radius: 1em;
	z-index: 10000000;
	margin-left: -1.5em;
	border: solid 0.1em #eeeeee;
}

.forum_profilfoto
{
	height: 3.5em;
	width: auto;
	border-radius: 2em;
	vertical-align: middle;
	margin-top: -1em;
	z-index: 10000;
	border: solid 0.05em #444444;
}

.forum_profilfotoname
{
	display: inline;
	font-size: 0.9em;
	padding: 0.2em;
	color: #ffffff;
	background: #444444;
	border-radius: 1em;
	z-index: 10000000;
	margin-left: -1.5em;
	border: solid 0.1em #eeeeee;
	position: relative;
	top: 0.5em;
	left: 0.7em;
}

.forum_posttext
{
	font-size: 0.7em;
	line-height: 1.3em;
	text-align: justify;
}

.scicon
{
	vertical-align: middle;
	margin-top: -3px;
	height: 1em;
	width: auto;
	max-wdith: 32px;
	min-width: 16px;
  	pointer-events: none;

}

.kopftabellen
{
	 font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-align: center;
	text-shadow: 0 -1px 1px #666666, 0 1px 1px #f4faf5;
	#font-weight: bold;
	font-size: 1.9em;
	line-height: 100%;
	padding-top: 0.5em;
	padding-bottom: 0.3em;
	color: #ffffff;
}



.kopftabellen small
{
	font-size: 0.7em;
	line-height:  160%;
	font-weight: normal;
	text-shadow: none;
}
.standard
{
	#display: table-row;
	width: 33%;
	background-image: linear-gradient( #df79dd, #c745c3);
	border-radius: 0.3em 0.3em 0 0;
	border: #d4a4e1 solid 0.05em;
}

.premium
{
	background-image:linear-gradient( #44c6eb, #329ddb);
	border: #3bc8f7 solid 0.05em;
	border-radius: 0.3em 0.3em 0 0;
	transform: scale(1.1, 1.1);
	transform-origin: bottom;
}

.blackfri
{
	background-image:linear-gradient( #000000, #3e3e3e);
	border: #3bc8f7 solid 0.05em;
	border-radius: 0.3em 0.3em 0 0;
	transform: scale(1.1, 1.1);
	transform-origin: bottom;
}

.ultimate
{
	 width: 33%;
	background-image:linear-gradient( #8ddba5, #50bf5f);
	border: #bde7ca solid 0.05em;
	border-radius: 0.3em 0.3em 0 0;
}

.standardtex
{
	text-align: left;
	padding-left: 1em;
	text-shadow: none;
	color: #646464;
	font-size: 1.3em;
	line-height: 150%;
	font-weight: bold;
	width: 33%;
	background: #ffffff;
	border: #d4a4e1 solid 0.05em;
	border-top: none;
	border-bottom: #eeeeee solid 0.05em;
}

.premiumtex
{
	text-align: left;
	padding-left: 1em;
	text-shadow: none;
	color: #646464;
	font-size: 1.3em;
	line-height: 150%;
	font-weight: bold;
	background: #ffffff;
	border: #3bc8f7 solid 0.05em;
	border-top: none;
	border-bottom: #eeeeee solid 0.05em;
	transform: scale(1.1, 1.1);
	overflow: hidden;
}

.ultimatetex
{
	text-align: left;
	padding-left: 2em;
	text-shadow: none;
	color: #646464;
	font-size: 1.3em;
	line-height: 150%;
	font-weight: bold;
	 width: 33%;
	background: #ffffff;
	border: #bde7ca solid 0.05em;
	border-top: none;
	border-bottom: #eeeeee solid 0.05em;
}

.standardpp
{
	text-shadow: none;
	color: #444349;
	font-size: 1.8em;
	line-height: 50%;
	width: 33%;
	background: #f7f7f7;
	border: #d4a4e1 solid 0.05em;
	border-top: none;
	border-bottom: #e9e9ed solid 0.05em;
}

.premiumpp
{
	text-shadow: none;
	color: #444349;
	font-size: 1.8em;
	line-height: 50%;
	background: #f7f7f7;
	border: #3bc8f7 solid 0.05em;
	border-top: none;
	border-bottom: #e9e9ed solid 0.05em;
	transform: scale(1.1, 1.1);
	overflow: hidden;
}

.ultimatepp
{
	text-shadow: none;
	color: #444349;
	font-size: 1.8em;
	line-height: 50%;
	 width: 33%;
	background: #f7f7f7;
	border: #bde7ca solid 0.05em;
	border-top: none;
	border-bottom: #e9e9ed solid 0.05em;
}

.hbutton, .hbutton:hover, .hbutton2:hover
 {
   border: solid 0.05em #444444;
   color: #ffffff;
   border-radius: 0.3em;
   background: #444444;
   cursor: pointer;
 }
 
 .hbutton2
 {
   border: solid 0.05em #444444;
   border-radius: 0.3em;
   cursor: pointer;
 }
 
 .standardee
{
	text-shadow: none;
	color: #646464;
	font-size: 0.55em;
	line-height: 150%;
	font-weight: bold;
	width: 33%;
	background: #ffffff;
	border: #d4a4e1 solid 0.05em;
	border-top: none;
	border-radius: 0em 0em 0.3em 0.3em;
}

.premiumee
{
	text-shadow: none;
	color: #646464;
	font-size: 0.55em;
	line-height: 150%;
	font-weight: bold;
	background: #ffffff;
	border: #3bc8f7 solid 0.05em;
	border-top: none;
	transform: scale(1.1, 1.1);
	overflow: hidden;
	border-radius: 0em 0em 0.3em 0.3em;
}

.ultimateee
{
	text-shadow: none;
	color: #646464;
	font-size: 0.55em;
	line-height: 150%;
	font-weight: bold;
	 width: 33%;
	background: #ffffff;
	border: #bde7ca solid 0.05em;
	border-top: none;
	border-radius: 0em 0em 0.3em 0.3em;
}


.bestellenbutton
{
	cursor: pointer;
    display: inline-block;
    text-decoration: none;
    color: #fff;
    font-weight: bold;
    padding: 0.5em 0.7em;
    font-size: 1.9em;
    border: 1px solid #c7c7c7;
    text-decoration:  none;
    box-shadow: inset 0.2em 0.2em 8px #555555;
    background-image:linear-gradient( #555555, #3e3e3e);
    border-radius: 0.3em;
    margin-bottom: 0.7em;
}
 
 .addons
{
	text-align: left;
	width: auto;
	padding: 0.5em 1em;
	color: #646464;
	font-size: 1.3em;
	line-height: 170%;
	background: #f7f7f7;
	border: #bde7ca solid 0.05em;
	border-radius: 0.3em;
	margin-bottom: 0.5em;
	margin-top: 0.9em;
}

.scicon
{
	vertical-align: middle;
	margin-top: -0.35em;
	height: 1.5em;
	width: auto;
  	pointer-events: none;
}

.inscicon
{
	vertical-align: middle;
	margin-top: -3px;
	height: 0.6em;
	width: auto;
	margin-top: 0.2em;
	margin-left: -0.5em;
	padding: 0.1em;
  	pointer-events: none;
  	background-color: #ffffff;
  	opacity: 0.88;
  	border: 0.01em solid;
  	border-radius: 0.4em;
}

.moverpic
{
	height: 8em;
	width: auto;
	border: solid 0.05em #f7f7f7;
	border-radius: 0.3em;
}

.moverpicbtn
{
	height: 1.9em; 
	width: auto;
	vertical-align: top; 
	margin-top: 3.75em;
	margin-left: 2em;
	margin-right: 2em;
}

.logotext
{
	position: absolute;
	top: 0.2em;
	left: 1.5em;
	color: #fff;
}

h1.logotext a
{
	font-size: 0.3em; margin-top: 0; line-height: 160%; margin-bottom: 0em;
	color: #ffffff;
	letter-spacing: 0.001em;
}

@keyframes animoverhe {
  from {opacity: 1;}
  to {opacity: 0;}
}
.moverhe
{
	display: inline-block; margin:0; padding:0; position: absolute;top: 6em; right: 1em; z-index: 8000000; 
	opacity:0.0;
  animation-name: animoverhe;
  animation-duration: 10s;
}

.footerboxesl, .footerboxesr
{
	width: 44%; margin-top: 1em; background: #000; padding: 1em; color: #fff;
}

.referenz 
{
	margin: 1em;
	padding: 0.3em;
	display: inline-block;
}



@media all and (orientation:landscape) {
	.nea2
	{
		text-align: left; display: inline-block; width: 40%;
		vertical-align: top;
	}
	.nea2:first-child { margin-right: 2em;}
	.nea2:second-child { margin-left: 2em;}
	
	.footerboxesl {float: left; }
	.footerboxesr {float: right; }
	
	.thumbnail { 	background: #ffffff; border: solid 0.05em #444; border-radius: 0.1em; width: 18%; height: auto; margin: 0.3em; }
}

@media all and (orientation:portrait) {
	.nea2
	{
		text-align: left; width: 80%;
		vertical-align: top;
		margin-bottom: 2em;
	}
	.footerboxesl {width: 100%; float: center; }
	.footerboxesr {width: 100%;  float: center; }
	.thumbnail { 	background: #ffffff;  border: solid 0.05em #444; border-radius: 0.1em; width: 30%; height: auto; margin: 0.3em; }
}

.resultat
{
	font-size: 2em; 
	color: #fff;
	padding-left: 0.5em;
	padding-right: 0.5em;
	border-radius: 0.1em;
	text-align: center; position: sticky; bottom: 0;  border: solid 0.05em #eee;
	background: #444;
}

.bestnr
{
	color: #bfbfbf; border: solid 0.05em #bfbfbf; border-radius: 0.2em; padding-left: 0.3em; padding-right: 0.3em;	
}

.bestbtn
{
	color: #ffffff; border: solid 0.05em #4c8d33; background: #61bd4f; border-radius: 0.2em; padding-left: 0.3em; padding-right: 0.3em;	
	padding-bottom: 0.2em;
	padding-top: 0.2em;
	cursor: pointer;
	box-shadow: 0em 0em 0.05em 0.05em  #fff;
}

.oup
{
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	font-weight: bold;
}

.addlisting_icon
{
	padding: 0.2em;
	background: #000000;
	border: solid 0.05em #ff0087;
	border-radius: 1.2em;
}

.kontakter
{
	cursor: pointer;
	background-color: #ff0087; color: #fff; 
	padding: 0em 0.3em 0em 0.3em;  display: inline-block; border-radius: 0.3em; opacity: 1; border: 1px solid #000000;
	font-size: 0.8em;
}


.font 
{
	display: inline-block;
	padding: 0;
}

.showrabatt
{
	width: 1em; 
	height: auto; 
	border: solid 0em rgba(0, 0,0, 0.7);;
	border-radius:1.5em;
	opacity: 0.9;
	color: #ffffff;
	text-shadow: none;
	animation-name: anishowrabatt;
  	animation-duration: 10s;
  	animation-iteration-count: infinite;
  	margin: 0.2em;
  	margin-bottom: -0.1em;
  	font-size: 0.9em;
  	cursor: pointer;
	  font-weight: bold;
}


.giftcard
{
	background-color: #000000;
	margin-top: 1em;
	margin-left: 1em;
	margin-right: 1em;
	margin-bottom: 1em;
	padding: 1em;
	color: #fff;
	border: dotted #fff 0.3em;
}

@keyframes anishowrabatt {
  0%{ box-shadow: none; color: #fff; background-color:rgba(0, 0, 0, 0.8)}
  50% { color: #000; background-color:rgba(255, 255,255, 1);}
  100%{ color: #fff; box-shadow: none; background-color:rgba(0, 0, 0,0.8);}
}

.questionbutton
{
	display: inline-block;
	background: rgb(228, 249, 255);
	border: solid 0.01em #329ddb;
	border-radius: 0.3em;
	padding: 0 0.3em 0 0.3em;
	cursor: pointer;
	box-shadow: 0.1em 0.1em 0.7em rgba(0, 0, 0, 0.312);
	margin-top: -1em;
	margin-bottom: -1em;
}

.questionbutton:hover
{
	box-shadow: none;
}

.innerajax
{
	width: 80rem;
	min-width: 80rem;
	max-width: 80rem;
	height: 90%;
	overflow-y: scroll;
	background: #f7f7f7;
	border-radius: 0.3em;
	padding: 1em;
	border: solid 0.01em #000000;
}

.produktinfo
{
	padding: 0.3em;
	background: #ffffff;
	border: 0.01em solid #444;
	border-radius: 0.3em;
	box-shadow: 0.1em 0.1em 0.7em rgba(0, 0, 0, 0.312);
	height: 7em;
	width: auto;
	float: left;
	margin-bottom: 1em;
}

.gut, .schlecht
{
	display: inline-block;
	padding: 0.3em;
	background: #ffffff;
	border: 0.01em solid #444;
	border-radius: 0.3em;
	padding: 0 0.2em 0 0.2em;
	margin: 0.1em;
}

.gut
{
	background-color: rgb(246, 255, 247);
	border: solid 0.01em #058b00;
	color: #058b00;
}

.schlecht
{
	background-color: rgb(255, 241, 241);
	border: solid 0.01em #8b0000;
	color: #8b0000;
}

.fsl:link, .fsl, .fsl:hover, .fsl:active, .fsl a
{
	color: #00668c;
	display: inline-block; 
	background: #f7fdff;
	border: solid #e6f9ff 0.01em;
	border-radius: 0.15em;
	text-decoration: none;
	font-size: 1em;
	padding-top: 0.1em;
	padding-bottom: 0.1em;
	padding-left: 0.1em;
	padding-right: 0.1em;
	line-height: 100%;
}

.fsl:hover
{
	border: solid 1px #f7f7f7;
	border-radius: 0.3em;
	background: #fdfcfc;
	margin: -1px;
}