<style type="text/css">
* { margin: 0px; padding: 0px; outline: 0px; }

body {
	background: #fffffff;
	padding: 0px;
	font: 1.5em/1.5em 'Open Sans',Verdana,'DejaVu Sans',Arial,Helvetica,sans-serif;
	#font: 1.5em/1.5em 'Roboto Condensed', Roboto, Helvetica, Arial, sans-seri;
	color: #6B6B6B; 
	text-align: center;
	width: 100%;
}

.morph
{
	width: auto; 
	height: 80px;
	border: solid 2px #000;
	border-radius: 5px;
	margin: 3px;" 
}
table { 
    border-spacing: 0px;
    background: none;
}


/* links */
a, a:visited {	
	color: #79A325;
	background: inherit;
	text-decoration: none;
}
a:hover {
	color: #73471B;
	background: inherit;
	text-decoration: underline;
}

#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 #000000; 
	background-color:rgba(0, 0, 0, 0.85);
	padding: 0.3em; 
	font-weight:bold; 
	color: #ffffff; 
	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;
}

#highlighterin > div
{
	color: #444444;
	font-weight: normal;
}

#plop
{
	position: relative;
	z-index: 1000; 
	text-align: center;
	box-shadow: none;
}

#plopin
{
	display: inline-block; 
	border: solid 0.1em #ffffff; 
	background: #000000; 
	padding: 0.3em; 
	font-weight:bold; 
	color: #ffffff; 
	border-radius: 0.3em;
	z-index: 1001;
	opacity: 0.99; 
}


/* headers */
h1, h2, h3 {
	
	#font-family: 'Roboto Condensed', Roboto, Helvetica, Arial, sans-seri;
	font-family: 'Open Sans',Verdana,'DejaVu Sans',Arial,Helvetica,sans-serif;
	letter-spacing: -0.05em;
	font-weight: Bold; 	
	padding: 10px;
	padding-left: 0px;		
	color: #444;
	margin-left: 0px;
	border-bottom: 1px solid #E4F2C8;
}
h1 {
	font-size: 1.5em;		
}
h2 {
	font-size: 1.3em;
	color: #88AC0B;
}
h3 {
	font-size: 1.1em;
	font-weight: normal;	
	#padding: 16px 10px 4px 10px;	
}

/* Paragraph */
p { padding: 12px 10px;	}

/* Lists */
ul, ol {
	margin: 10px 20px;
	padding: 0 20px;	
}
ul { list-style: none; }

dl { padding: 10px; margin: 0; }

dt {
  font-weight: bold;
  color: #79A62E;
}
dd {
  padding-left: 25px; 
}

/* images */
img {
   	border: 0px;
	#padding: 8px;
}
img.float-right {
  	margin: 5px 0px 10px 10px;  
}
img.float-left {
  	margin: 5px 10px 10px 0px;
}

code {
  	margin: 5px 0;
  	padding: 15px;
  	text-align: left;
  	display: block;
  	overflow: auto;  
  	font: 500 1em/1.5em 'Lucida Console', 'Courier New', monospace;
  	/* white-space: pre; */
  	border: 1px solid #EEE8E1; 
	background: #FAF7F5;
}
acronym {
  cursor: help;
  border-bottom: 1px dotted #895F30;
}
blockquote {
	margin: 15px 10px;
 	padding: 5px 7px 5px 40px;  	
   font-weight: normal;
	font-size: 17px;
	line-height: 1.6em;
	font-style: italic;
	#font-family: Georgia, 'Times New Roman', Times, serif;
	font-family: 'Open Sans',Verdana,'DejaVu Sans',Arial,Helvetica,sans-serif;	
	color: #80614D;	
	border: 1px solid #EEE8E1; 
	background: #FAF7F5 url(https://www.wohnwagen-vermietung-reutlingen.de/images/quote.gif) no-repeat 15px 15px;
}

/* start - table */
table {
	#border-collapse: collapse;
	margin: 0px;
}
th {
	height: 38px;
	padding-left: 12px;
	padding-right: 12px;
	color: #fff;
	text-align: left;
	background: #ADD163;	
	border-width: 1px;
  	border-style: solid;
  	border-color: #C4DE8F #93C138 #93C138 #C4DE8F;	
}
tr {
	
	background: none;
}

/* end - table */

/* form elements */
form {
	margin: 20px 10px; 
	box-sizing: border-box;
	padding: 15px 25px 25px 20px; 
	border: 1px solid #EEE8E1; 
	background: #FAF7F5;
	border-radius: 0.2em;
}
form p {
	border-bottom: 1px solid #ECE5DD;
	padding: 12px 0 5px 0;	margin: 0;	
	color: #9D6D37;
}
label {
	font-weight: bold;
	color: #A7743B;
}
input, select, textarea {
	margin: 5px 0;
	padding: 5px;
	color: #6A6969;
	border-width: 1px;
	border-style: solid;
  	border-color: #d4d4d4 #ebebeb #ebebeb #d4d4d4; 
}
option { padding-right: 0.5em;  padding: 0.5em;
font-size: 2em;} 

#name, #email, #message, #website{
	width: 455px;
}
.schalter, button { 
	display: inline-block;
	cursor:pointer;
	font-size: 0.9em;
	line-height: 100%;
	margin: 0.35em;
	margin-right: 0.3em;
	margin-left: 0em;
	padding: 0.15em 0.4em; 
	color: #444444;
	text-shadow: 0.05em 0.05em #ffffff;
	background: #f0f0f0;
	border-width:0.05em;
  	border-style: solid;
  	border-color: #d4d4d4;
  	border-radius: 0.1em;
  	box-shadow:  inset 0 0 10px #d4d4d4;
}
.schalter:hover
{
	box-shadow:  inset 0 0 10px #ffffff;
}

    @media (pointer:coarse) {
        .schalter, button
        {
        		padding-top: 0.5em;
        		font-size: 1.3em;
				padding-bottom: 0.5em;
				margin-right: 1em;
        }
    }

.schalter:active
{
	box-shadow:  inset 0 0 10px #000000;
}

/*-------------------------------------------
   LAYOUT
--------------------------------------------*/ 
#wrap {


	width: 100%;
	margin: -8px -20px -35px -10px;
	text-align: left;
	overflow: hidden;
	border-radius: 0 0 7px 7px;
	background: #f2f0f1;
	padding: 2%;
	padding-right: 0%;
	padding-top: 0px;
	border: solid 1px #acaaab;
	border-radius: 10px;
}
#content {
	clear: both;	
	float: left;
	background: #FFF;
	width: 96%;						
	padding: 25px 0px 60px 0px; 
	margin: 0px;	
}

#header {
	position: relative;
	width: 96%;
	height: 180px;
	min-height: 180px;
	background: #ffffff url(https://www.wohnwagen-vermietung-reutlingen.de/images/bg23.jpg) center;
	background-repeat:  no-repeat;
	background-size: 100% 100%;
	border-radius: 10px 10px 0px 0px;
	color: #fff;	
	padding: 0px;	
	margin: 0;
	display: block;
	

}

#header p#slogan {
	position: absolute;
	margin: 0; padding: 0;
	#font: bold 130% 'Trebuchet MS', 'Helvetica Neue', Arial, Sans-serif;
	font: bold 130% 'Open Sans',Verdana,'DejaVu Sans',Arial,Helvetica,sans-serif;
	text-shadow:  -1px -1px 1px #322815, 1px 1px 1px #322815;
	color: #f2f0f1;
	letter-spacing: -0.5px;
	
	/* change the values of top and left to adjust the position of the slogan*/
	top: 85px; left: 140px;	
	z-index: 10;
		animation-name: mylogotextani2; 
	animation-iteration-count: infinite;
	animation-duration: 10s;
}

#header p#slogan2 {
	position: absolute;
	margin: 0; padding: 0;
	padding: 0.5%;
	#font: bold 1em 'Trebuchet MS', 'Helvetica Neue', Arial, Sans-serif;
	font: bold 1em  'Open Sans',Verdana,'DejaVu Sans',Arial,Helvetica,sans-serif;
	color: #ffffff;
	letter-spacing: -0.5px;
	background: #000000;
	border: solid 1px #171e28;
	border-radius: 5px;
	cursor: pointer;
	/* change the values of top and left to adjust the position of the slogan*/
	top: 130px; right: 0.5%;
	z-index: 5;	
	opacity: 0.9;
}



/* top-menu */
 #top-menu {
 	position: absolute;
	margin: 0;
	margin-top: 0px;
	padding: 15px 15px 8px 15px;
	background: #76a83a;
	#font: 0.7em 'Trebuchet MS', Arial, Sans-serif;
	font: 0.7em  'Open Sans',Verdana,'DejaVu Sans',Arial,Helvetica,sans-serif;
	color: #FFF;
	
	top: 0;	right: 70px;
	opacity: 0.9;
	border-radius: 0 0 5px 5px;
	border: solid 1px #568123;
	border-top: none;
	z-index: 10;
 }
 #top-menu p { 	
	margin: 0; padding: 0;	
 }
 #top-menu a {
 	font-weight: bold;
	color: #fff;
 }

/* Navigation */
#nav {
	clear: both;	
	padding: 0;	margin: 0;
	margin-bottom: 0px;
	width: 96%;
	#background: #988060 url(https://www.wohnwagen-vermietung-reutlingen.de/images/nav2.gif) left top;
	background: #000000;
	background-repeat: repeat-x;
	overflow: hidden;
}

#nav ul {
	float: left;	
	list-style: none;	
	margin:0.1em 0 0.1em 0;
	height: 2.4em;
	padding: 0 0 0 0.3em;
	vertical-align: middle;			
}
#nav ul li {
	float: left;
	margin: 0px; 
	padding: 0px 0px 0px 0px;
	vertical-align: middle;
	list-style-type:none; 
}
#nav ul li a {
	float: left;
	margin: 0;
	padding: 0 15px 0 15px;
	color: #FFF;
	#font: bold 1.0em/2.4em 'Trebuchet MS', 'Helvetica Neue', Arial, sans-serif;
	font: bold 1.0em/2.4em 'Open Sans',Verdana,'DejaVu Sans',Arial,Helvetica,sans-serif;
	text-decoration: none;
	vertical-align: middle;
	transition: all 1s;
}
#nav ul li a:hover, 
#nav ul li a:active 
{
	color: #E7FAA9;
	background: #353942;
	border-radius: 0.3em 0.3em 0.3em 0.3em;
	opacity: 0.9;
	vertical-align: middle;
}
#nav ul li#current {
	vertical-align: middle;
}
#nav ul li#current a {	
	color: #4B3D2C;
	vertical-align: middle;
}

#nav ul li a:hover
{
	color: #ffffff;
	vertical-align: middle;
}

/* Main Column */
#main {
	float: left;
	width: 65%;
	padding: 0px; 
	margin: 0 0 0 14px;
	display: inline;
}
#main h2 {
	#font: bold 2.9em 'Trebuchet MS', 'Helvetica Neue', Arial, Sans-serif;
	font: bold 2.9em  'Open Sans',Verdana,'DejaVu Sans',Arial,Helvetica,sans-serif;
	color: #51432F; 
	padding: 10px 0 5px 5px; 	
	margin-left: 5px;		
	letter-spacing: -2px;
	border-bottom: 1px solid #E4F2C8; 	
}
#main h2 a {
	color: #51432f;
	text-decoration: none;		
}
#main ul li {
	list-style-image: url(https://www.wohnwagen-vermietung-reutlingen.de/images/bullet.gif);
}

#sidebar {
	float: right;
	width: 32%;
	padding: 0; 
	margin: 43px 0px 0 0;
	display: inline;	
}
#sidebar h3 {
	color: #51432F; 
	font: bold 1.5em 'Trebuchet MS', 'Helvetica Neue', Arial, Sans-serif;
	text-transform: none;
	letter-spacing: -0.5px;
	padding: 5px 0 5px 5px; 
	margin: 10px 0 5px 10px; 	
	border-bottom: 1px solid #E4F2C8;	
}

/* sidebar menu */
#sidebar .sidemenu {
	margin: 10px 10px 5px 7px; padding: 0;
	text-decoration: none;			
}
#sidebar .sidemenu li {
	list-style: none;
	margin: 0;
	padding: 8px 10px; 		
	border-bottom: 1px solid #E8E8E8;	
}
* html body #sidebar .sidemenu li {
	height: 1%;
}
#sidebar .sidemenu li a {
	text-decoration: none;	
	color: #739A23;
	background: none;
	font-weight: normal;
}
#sidebar .sidemenu li a span {
	color: #7F7F7F;	
	font-size: .9em;
	
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-style: italic;
	font-weight: normal;
	}
#sidebar .sidemenu li a:hover {	
	color: #000;	
	background: none;	
}
#sidebar .sidemenu ul { margin: 0 0 0 5px; padding: 0; }
#sidebar .sidemenu ul li { border: none; }

/* header quick search */
#sidebar form#qsearch {
	padding: 0; margin: 20px 0 30px 10px;
	border: none;
	width: 270px; height: 33px;
	background: #F2F0F0 url(https://www.wohnwagen-vermietung-reutlingen.de/images/qsearch.gif) no-repeat;		
}
#sidebar form#qsearch p {
	margin: 0; padding: 0;		
}
#sidebar form#qsearch input {
	float: left;
	border: none;
	background: transparent;
	color: #B8B8B8;	
	margin: 0;
}
#sidebar form#qsearch .tbox {
	margin: 5px 0 0 5px; 
	width: 220px;	
	display: inline;	
	font: 1em 'Trebuchet MS', 'Helvetica Neue', Arial, Sans-serif;	
}
#search form#qsearch .btn{
	width: 24px; height: 24px;				
}
#sidebar form#qsearch label {
	display: none;
}

/* footer */
#footer {
	clear: both;
	width: 96%;
	margin: 0;
	padding: 30px 0 25px 0;
	background: #CCC url(https://www.wohnwagen-vermietung-reutlingen.de/images/footer-bottom.gif) no-repeat left top;
	background-size: 100%;		
	font-family: 'Trebuchet MS', 'Helvetica Neue', Arial, Sans-serif;
	font-size: 0.95em;
	color: #777;	
	text-align: center;	
	letter-spacing: .2px;
}
#footer p {
	padding:10px 0;
}
#footer a:hover { 
	color: #555; 
	border-bottom: 1px dotted #555;
	text-decoration: none;
}

/* postmeta */
.post-footer {
	padding: 8px 10px;
	margin: 15px 10px 10px 10px;	
	color: #977C57;
	border: 1px solid #EEE8E1; 
	background: #FAF7F5;
}
.post-footer .date{ 
	margin: 0 10px 0 5px;	
	padding: 7px;
	background: #FAF7F5 url(https://www.wohnwagen-vermietung-reutlingen.de/images/clock.gif) no-repeat 0 2px;
	padding-left: 30px;
}
.post-footer a.comments { 
	margin: 0 10px 0 5px;	
	padding: 7px 5px;
	background: #FAF7F5 url(https://www.wohnwagen-vermietung-reutlingen.de/images/comments.gif) no-repeat 0 2px;
	padding-left: 30px;
	color: #977C57;
}
.post-footer a.readmore { 
	margin: 0 10px 0 5px;	
	padding: 7px 5px;
	background: #FAF7F5 url(https://www.wohnwagen-vermietung-reutlingen.de/images/doc.gif) no-repeat 0 2px;
	padding-left: 30px;
	color: #977C57;
}
.post-footer a.edit { 
	margin: 0 10px 0 5px;	
	padding: 7px 5px;
	background: #FAF7F5 url(https://www.wohnwagen-vermietung-reutlingen.de/images/edit-doc.gif) no-repeat 0 2px;
	padding-left: 30px;
	color: #977C57;
}

.post-info { font-size: .95em; padding: 0 10px; margin-left: 2px; color: #A98D76; }
.post-info a, .post-info a:visited { color: #333; }

/* comments list */
ol.commentlist {
	margin: 12px 10px;
	padding: 0;
	border-style: solid;	
	border-color: #EEE8E1;	
	border-width: 1px 1px 0 1px;
}
.commentlist li {
	margin: 0;
	padding: 10px;
	list-style: none;
	border-bottom: 1px solid #EEE8E1; 
}
.commentlist li cite {
	display: block;
	font-style: normal;
	font-weight: bold;
	padding: 7px;	
}
.commentlist li cite img {
	float: left;
	margin-right: 10px;	
}
.commentlist li cite .comment-data {
	font-size: .8em;
	font-weight: normal;
}
.commentlist li .comment-text {
	clear: both;
	margin: 0; padding: 0;
}
.commentlist li.alt {
	background: #FAF7F5; 
}
	
/* alignment classes */
.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; }

/* display and additional classes */
.no-border { border: none; }
.clearer { clear: both; }
.clear {	display:inline-block; }
.clear:after {
	display:block; 
	visibility:hidden; 
	clear:both; 
	height:0; 
	content: "."; 
}




table, td
{
	border: none;
	
}
.tagdatum
{
	border: 1px solid #000000;
	border-radius: 3px 3px 3px 3px;
	background: #ffffff;
	text-align: center;
	padding: 1px;
}
.list1, .list2
{
	background: #e6e5e0;
	font-size: 13px;
	padding: 8px;
	border-radius: 3px;
}

.hightlightinfo
{
	background: #e6e5e0;
	font-size: 1.1em;
	padding: 8px;
	border-radius: 3px;
}
.hightlightinfosmall
{
	background: #e6e5e0;
	font-size: 0.8em;
	padding: 8px;
	border-radius: 3px;
}

.list2
{
	background: #efeee9;
}

.listsaisond
{
	background: #f7f7f7;
	color: #000;
}

.listsaisonc, .geschlossen1
{
	background: #b7d495;
	color: #000;
}

.listsaisonb
{
	background: #f0e155;
	color: #000;
}

.listsaisona, .geschlossen0
{
	background: #ff6868;
	color: #000;
}



.icon
{
	vertical-align: middle;
	margin-top: -3px;
}

.scicon
{
	vertical-align: middle;
	margin-top: -3px;
	height: 1em;
	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;
}

.appbtn
{
	text-align: center;
	display: inline-block;
	font-size: 0.7em;
	padding: 0.5em;
	margin-bottom: 0.3em;
	border-radius: 0.3em;
	border: solid 0.1em #e6e6e6;
	background: #f7f7f7;
	cursor: pointer;
	z-index: 49;
}
.appbtn:hover
{
	background: #ffffff;
}

.appbtn:disabled
{
	opacity: 0.3;
}

.appicon
{
	vertical-align: middle;
	margin-top: -3px;
	height: 6em;
	width: auto;
  	pointer-events: none;
}

.smallappicon
{
	vertical-align: middle;
	margin-top: -3px;
	height: 3em;
	width: auto;
  	pointer-events: none;
}

.sciconevt
{
	vertical-align: middle;
	margin-top: -3px;
	height: 1em;
	width: auto;
	max-wdith: 32px;
	min-width: 16px;
}

#dataholder
{
	padding: 0px;
	margin: 0px;
	border: none;
}

.listing0
{
	background: #f2f2f2;
	padding: 3px; 
	border-top: 1px solid #dddddd;
}

.listing0:first-child
{
	border-radius: 0.3em 0 0 0;
}

.listing0:last-child
{
	border-radius: 0 0.3em 0 0;
}

.listing1
{
	background: #f7f7f7;
	padding: 3px; 
	border-top: 1px solid #dddddd;
}

.listing2
{
	padding: 3px; 
	border-top: 1px solid #dddddd;
	background: #fafafa;
}


.pagemenue, .pagemenue:hover
{
	background: #353942; 
	padding: 0px; 
	color: #ffffff; 
	border: solid 1px #8f8485;
	border-right: 0px;
	border-radius: 5px 0px 0px 5px;
	cursor: pointer;
	height: 24px;
	padding-left: 5px;
	white-space: nowarp;
}



.pagemenue:hover
{
	background: #ffffff; 
	color: #000000;
}

.bn_det, .bn_det:hover
{
	cursor: pointer;
	opacity: 0.7;
	transform: rotate(90deg); 
	-ms-transform: rotate(90deg);
	background: #749e3a; 
	color: #ffffff; 
	margin:0px; 
	margin-top: 34px; 
	margin-left: -55px; 
	margin-right: -55px; 
	white-space: nowrap; 
	border: solid 1px #688d34; 
	border-radius: 5px; 
	padding: 10px; 
	text-shadow: 1px 1px 1px #688d34;
}

.bn_det:hover
{
	opacity: 1.0;
}

.submit_details
{
	opacity: 0.7;
	background: orange;
	font-size: 20px;
	color: #ffffff; 
	margin:0px; 
	white-space: nowrap; 
	border: solid 1px #9c8a34; 
	border-radius: 5px; 
	padding: 10px; 
	text-shadow: 1px 1px 1px #688d34;
	width: 100%;
	margin: 1px;
}

.submit_details:hover
{
	opacity: 1.0;
}

.submit_buchen
{
	opacity: 0.7;
	background: #749e3a;
	font-size: 20px;
	color: #ffffff; 
	margin:0px; 
	white-space: nowrap; 
	border: solid 1px #688d34; 
	border-radius: 5px; 
	padding: 10px; 
	text-shadow: 1px 1px 1px #688d34;
	width: 100%;
	margin: 1px;
}

.submit_buchen:hover
{
	opacity: 1.0;
}

.fehler {
    color: #c5221f;
    padding: 0.2em;
    background: #fce8e6;
    border: solid 0.01em #c46d60;
    border-radius: 0.3em;
    text-align: justify;
    padding-left: 0.75em;
    padding-right: 0.75em;
    margin-bottom: 3px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 99999999;
    box-shadow: 0.2rem 0.2rem 0.5rem rgba(0, 0, 0, 0.3);
}

.info {
    color: #4285f4;
    padding: 0.2em;
    background: #f4f8ff;
    border: solid 1px #95baf7;
    border-radius: 0.3em;
    text-align: justify;
    padding-left: 0.75em;
    padding-right: 0.75em;
    margin-bottom: 3px;
}

.erfolg {
    color: #25ad00;
    padding: 0.2em;
    background: #f6fff7;
    border: solid 1px #2ac600;
    border-radius: 0.3em;
    text-align: justify;
    padding-left: 0.75em;
    padding-right: 0.75em;
    margin-bottom: 3px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 99999999;
    box-shadow: 0.2rem 0.2rem 0.5rem rgba(0, 0, 0, 0.3);
}

.warnung {
	color: #fc9117;
	padding: 0.2em;
	background: #f1f1f1;
	border: solid 1px #e3e3e3;
	border-radius: 0.3em;
	text-align: justify;
	padding-left: 0.75em;
	padding-right: 0.75em;
	margin-bottom: 3px;
}

.comment
{
	color: #444444;
	padding: 0.2em;
	background: #f1f1f1;
	border: solid 1px #e3e3e3;
	border-radius: 0.3em;
	text-align: justify;
	padding-left: 0.75em;
	padding-right: 0.75em;
	margin-bottom: 3px;
}

.preis_main
{
	color: #d41200;
	font-size: 1.3em;
	
	border: solid 1px #eee8e1;
	padding:  0.1em;
	background: #faf7f5;
	border-radius: 0.1em;
	cursor: pointer;
}

.savepreis_main
{
	color: #3e6e00;
	font-size: 0.8em;
	
	border: solid 1px #eee8e1;
	padding:  0.1em;
	background: #efffc5;
	border-radius: 0.1em;
	cursor: pointer;
	margin-bottom: 0.5em;
}

.angebote
{
	margin: 0.1em;
}
.angebote:nth-child(1), .angebote:nth-child(3), .angebote:nth-child(5), .angebote:nth-child(7)
{
	float: left;
}
.angebote:nth-child(2), .angebote:nth-child(4), .angebote:nth-child(6), .angebote:nth-child(8)
{
	float: right;
}


.oldpreis_main
{
	color: #4e4e4e;
	font-size: 1em;
	text-decoration: line-through;
}

a.slogan2link, a.slogan2link:link, a.slogan2link:hover, a.slogan2link:active, a.slogan2link:visited 
{
	color: #fff;
	text-decoration: none;
	z-index: 10;
}

.boxed
{
	border: solid 1px #8f8f8f;
	padding:  2%;
	color: #ffffff;
	background: #353942;
	border-radius: 7%;
	margin-top: 1px;
	margin-bottom: 1px;
	cursor: pointer;
	white-space: nowrap;
}

.boxed_green, .boxed_grey
{
	border: solid 1px #8f8f8f;
	padding:  3px;
	color: #ffffff;
	background: #9ebb75;
	border-radius: 3px;
	margin-top: 1px;
	margin-bottom: 1px;
	cursor: pointer;
	white-space: nowrap;
}

.boxed_grey
{
	background: #515151;
}

.boxed_red
{
	border: solid 1px #8f8f8f;
	padding:  3px;
	color: #ffffff;
	background: #ee7e67;
	border-radius: 3px;
	margin-top: 1px;
	margin-bottom: 1px;
	cursor: pointer;
}

.boxed_green:hover, .boxed_red:hover, .boxed:hover
{
	-webkit-box-shadow: 0px 0px 4px -1px rgba(0,0,0,1);
	-moz-box-shadow: 0px 0px 5px -1px rgba(0,0,0,1);
	box-shadow: 0px 0px 5px -1px rgba(0,0,0,1);
}

#mylogo
{
	position: absolute; top: 20px; left: 8px; border: none;
	animation-name: mylogoani; 
	animation-iteration-count: infinite;
	animation-duration: 10s;
}

@keyframes mylogoani{
    0% {  transform: rotate(0deg); opacity: 0.5;   }
    25%   {  transform: rotate(720deg); opacity: 1;}
    50%   {  transform: rotate(720deg); opacity: 0.3;}
    75%   {  transform: rotate(720deg); opacity: 1;}
    100%   {  transform: rotate(720deg); opacity: 0.5;}
}

#logo-text a {
	position: absolute;
	font-family: 'Trebuchet MS', 'Helvetica Neue', Arial, Sans-serif;
	font-weight: Bold; 	
	padding: 10px;
	padding-left: 0px;		
	color: #444;
	margin-left: 0px;
	margin: 0px; padding: 1px;
	margin-top: 1px;
	font: bold 1.7em 'Trebuchet MS', 'Helvetica Neue', Arial, Sans-serif;
	text-shadow:  -2px -2px 2px #f2f0f1, 2px 2px 2px #f2f0f1;
	text-decoration: none;
	color: #000000;
	border-bottom: 0px;
	/* change the values of top and left to adjust the position of the logo*/
	top: 38px; left: 140px;	
	animation-name: mylogotextani; 
	animation-iteration-count: infinite;
	animation-duration: 10s;
	
}

@keyframes mylogotextani{
    0% {   opacity: 0.5;   }
    25%   {   opacity: 1;}
    50%   {  opacity: 0.3;}
    75%   {   opacity: 1;}
    100%   {   opacity: 0.5;}
}

@keyframes mylogotextani2{
    0% {   color: white; opacity: 0.3;   }
    25%   {   color: white; opacity: 1; }
    50%   {  color: #000000; opacity: 0.3;}
    75%   {   color: #000000; opacity: 1; }
    100%   {   color: white; opacity: 0.3; }
    
}

#frubucher
{
	background: #78a644; color: #ffffff; border: solid: 1px #5e8430; border-radius: 0.1em; size: 2em; padding: 0.3em;
	animation-name: fruhbucherani; 
	animation-iteration-count: infinite;
	animation-duration: 10s;
}

@keyframes fruhbucherani{
    0% {     border-radius: 0.1em; }
    25%   {    border-radius: 0.3em; }
    50%   {  border-radius: 0.3em; }
    75%   {    border-radius: 0.1em; }
    100%   {   border-radius: 0.1em;}
}


/*h3
{
	font-size: 1.1em;
	line-heiht: 1.13em;
	font-weight: bold;
	color: #2b4d03;
	background: #faf7f5;
	border-radius: 5px;
	padding: 3px;
	padding-left: 8px;
	margin: 0px;
	margin-bottom: 5px;
	text-decoration: none;
	border: 1px solid #dedede;
}*/

.h3, a.h3, a.h3:link, a.h3:hover, a.h3:active
{
	font-size: 1.1em;
	line-heiht: 1.13em;
	font-weight: bold;
	padding: 3px;
	padding-left: 8px;
	display: inline-block;
	border: 1px solid #dedede;
	background: #faf7f5;
	border-radius: 5px;
	color: #51432f;
	text-shadow: none;
	margin: 0px;
	margin-bottom: 5px;
	text-decoration: none;
	font-weight: bold;
	width: 97%;
}

.photo_preview, img.photo_preview
{
	background: #faf7f5;
	height: auto;
	width: 100%;
	max-height: 180px;
	max-width: 320px;
	padding: 5px;
	border: solid 1px #dddddd;
	border-radius: 5px;
	margin-bottom: 2px;
	margin-right: 10px;
}

.photo, img.photo
{
	background: #faf7f5;
	max-width: 99%;
	height: auto;
	max-height: 540px;
	max-width: 960px;
	padding: 5px;
	border: solid 1px #dddddd;
	border-radius: 5px;
	margin-bottom: 2px;
	margin-right: 50px;
}

input
{
	
	font-size: 11px;
	line-height: 11px;	
	font-family: Arial;
}

input[type=text], .pwfield, input[type=number]
{
	border-radius: 5px;
}

input[type=submit], .submitb, .submitb2, input.submitb, input[type=number]
{
    background-color: #dff6a6;
	margin: 0.2em 0em 0.2em 0em;
	padding: 0.7em 1.2em 0.7em 1.2em;
	font-weight: bold;
	border: 1px solid #d3dee2;
	border-radius: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #1e1e1e;
}



input.clearing
{
    background-color: red;
    background-repeat: repeat-x;
	height: 30px;
	margin: 0px;
	padding: 2px;
	font-weight: bold;
	border: 1px solid #c3c7cb;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
}

input[type=text], input[type=password], .pwfield, input[type="datetime-local"],input[type="date"]
{
    background-color: #ffffff;
    background-repeat: repeat-x;
	margin: 0px;
	padding: 0.4em;
	padding-left: 1em;
	padding-right: 1em;
	margin-top: 0px;
	margin-bottom: 5px;
	font-size: 0.8em;
	line-height: 1em;
	border: 1px solid #c3c7cb;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/*
input[type=checkbox]
{
	vertical-align: middle;
}*/
/* selektiert das Label Tag nach jeder Checkbox */

input[type="checkbox"] {
  transform: scale(1.8);

  margin-right: 1em;
  margin-left: 0.6em;
}




input[type="checkbox"]:checked{
  box-shadow: 0px 0px 0px 3px #fff;
  background-color: #8cad2d;
}

textarea
{
    background-color: #ffffff;
	margin: 0px;
	padding: 0px;
	padding-top: 3px;
	padding-left: 2px;
	padding-right: 2px;
	font-size: 0.9em;
	line-height: 1.1em,;
	border: 1px solid #d3dee2;
	border-radius: 0.1em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #857D74;
	width: 99%;
}

.checkbox, .radio {
	width: 30px;
	height: 30px;
	padding: 0 5px 0 0;
	background: url(images/cb.png) no-repeat;
	display: block;
	clear: left;
	float: left;
}
.radio {
	background: url(radio.png) no-repeat;
}
.select {
 	position: absolute;
	height: 18px;
	margin-right: 1px;
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 5px;
	padding-top: 5px;
	padding-left: 25px;
	padding-right: 5px;
  color: #fff;
  background: #f7f7f7 url(images/select.png) no-repeat;
  overflow: visible;
  color: #857D74;
  border: 1px solid #c3c7cb;
  border-radius: 5px;
	font-size: 13px;
	line-height: 15px;
}

option
{
    overflow: visible;
    background-color: #f7f7f7;
	height: 1.5em;
	padding: 0.3em;;
	font-size: 1.1em;;
	line-height: 1.em;
	border-top: 1px solid #c3c7cb;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #857D74;

}







input[type=button]
{
    cursor: pointer;
}



input[type=button].warenkorbbtn
{
	background-image: url('images/basket.png');
	background-repeat: no-repeat;
	background-position: 8px 50%;
	padding-left: 30px;
}

input[type=button].cashbtn
{
	background-image: url('images/cash.png');
	background-repeat: no-repeat;
	background-position: 8px 50%;
	padding-left: 30px;
}

input[type=button].smallbutton
{
	font-size: 12px;
	padding: 2px;
	#padding-left: 25px;
	padding-right: 5px;
	line-height: 14px;
}


select
{
	color: #857D74;
	background: #ffffff url(images/form_arrow.png);
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 30px;
	
	#overflow: hidden;
	#padding: 50px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 120%;
	border: 0.05em solid #c3c7cb;
	border-radius: 0.3em;
	-webkit-appearance: none;
}

select, option, input[type="datetime-local"] {
  //transform: scale(1.25);
  margin-bottom: 0.5em;
  margin-top: -0.5em;
  margin-left: 0.1em;
}





input[type=button], .submitb2
{
	display: inline-block;
	width: auto;
}

.bbbbuttonbar
{
	position: absolute; 
	top: 330px;
	right: 40px;
}


.one_three
{
	left: 0%;
	width: 32%;
    float: left;
}
.two_three
{
	left: 0%;
	width: 32%;
    float: left;
}
.three_three
{
	right: 0%;
	width: 32%;
    float: right;
}


.one_two
{
	left: 0%;
	width: 49%;
    float: left;
}
.two_two
{
	left: 0%;
	width: 49%;
    float: right;
}

p.clearboth {
	clear: both;
	margin: 0px;
	padding: 0px;
}

embed
{
	outline:none;
	vertical-align: middle;
}

#nav ul li a.slide_right_32
{
	padding-left: 45px;
}

.sctopnavicon
{
	vertical-align: top;
	margin-top: -3px;
	height: 1em;
	width: auto;
	max-wdith: 32px;
	min-width: 16px;
  	pointer-events: none;
  	position: relative;  
  	top: 0.8em;  
  	left: 40px; 
  	float: left;

}

.sctopnavicon2
{
	vertical-align: top;
	margin-top: -3px;
	margin-right: 0.1em;
	height: 0.5em;
	width: auto;
  	pointer-events: none;
  	position: relative;  
  	top: 0.8em;
  	padding-top: 0.25em;
  	left: 30px; 
  	float: left;

}

.scenicon
{
	vertical-align: middle;
	margin-top: -3px;
	height: 1em;
	width: auto;
  	pointer-events: none;
  	position: relative;  
  	top: 0.3em;  
  	left: 1em; 
  	float: left;
}

.sceniconsimply
{
	vertical-align: middle;
	height: 1em;
	width: auto;
	margin-top: -0.03em;
  	pointer-events: none;
  	position: relative;  
  	top: 0.3em;  
  	left: 0em; 
  	float: left;
  	margin-right: 0.1em;
  	max-height: 1em;
}

.svicon
{
	vertical-align: middle;
	margin-top: -3px;
	height: 10%;
	width: 5%;
	margin-left: 0;
  	pointer-events: none;
}

.scenicon_slide
{
	padding-left: 1.2em;
}

.slogan1 {
position: relative; left: 0; top: 0.2em; z-index: 1000;

	font: bold 1.2em 'Trebuchet MS', 'Helvetica Neue', Arial, Sans-serif;
	text-shadow:  -2px -2px 2px #f2f0f1, 2px 2px 2px #f2f0f1;
	text-decoration: none;
	color: #000000;
	background: #ffffff;
	opacity: 0.7;
	letter-spacing: -0.5px;
	cursor: pointer;
	padding-left: 1em;
}

.verysmall
{
	font-size: 0.7em;
	line-height: 0.1em;
}

.ratebutton
{
	display: inline-block;
	font-size: 0.7em;
	color: #fff;
	padding: 0.1em;
	padding-left: 0.5em;
	padding-right: 0.5em;
	background: #9acd32;
	border: 0.025em solid #000000;
	border-radius: 0.3em;
	cursor: pointer;
}
.ratebutton:hover
{
	text-shadow: 1px 1px 1px #688d34;
}

.tippauswahl
{
	cursor: pointer;
	font-size: 1.5em;
	line-height: 250%;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

.timeline0,.timeline1,.timeline2,.timeline3,.timeline4
{
	margin-bottom: 2em;
}

.timeline0 small,.timeline1 small,.timeline2 small,.timeline3 small,.timeline4 small
{
	background: #444444;
	color: #f7f7f7;
	border: solid #cccccc 0.05em;
	margin: 0;
	border-radius: 0.3em;
	margin-bottom: 0.1em;
}

.nickname, .timeline0 small:nth-child(2),.timeline1 small:nth-child(2),.timeline2 small:nth-child(2),.timeline3 small:nth-child(2),.timeline4 small:nth-child(2)
{
	background: #000000;
	color: #ffffff;
	border: solid #cccccc 0.05em;
	margin: 0;
	border-radius: 0.3em;
	margin-bottom: 0.1em;
}

.timeline0 p,.timeline1 p,.timeline2 p,.timeline3 p,.timeline4 p
{
	border: solid #cccccc 0.05em;
	margin: 0;
	margin-top: -0.2em;
	border-radius: 0.3em;
	margin-bottom: 0.9em;
	display: inline-block;
}

.timeline0 p
{
	background: #f7f7f7;
}
.timeline1 p
{
	background: #fffff6;
}
.timeline2 p
{
	background: #fffef6;
}
.timeline3 p
{
	background: #fffcf6;
}
.timeline4 p
{
	background: #fff6f6;
}
.upic
{
	width: 9em; height: auto; border-radius: 50%; border:solid 0.05em #444444; padding: 0.3em; background: #f7f7f7; box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
	animation-name: upicani; 
	animation-iteration-count: infinite;
	animation-duration: 10s;
	z-index: 15;
}

@keyframes upicani{
    0% {  background: #f7f7f7; }
    5%   {  background: #b3b3b3; }
    10%   {  background: #b3b3b3; }
    15% {  background: #f7f7f7; }
    100% {  background: #f7f7f7; }
}

.mainajaxtopping
{
	box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
	background: #444444; 
	margin-top: 1em; 
	color: #ffffff; 
	margin-bottom: 0.5em; 
	padding: 0.3em; 
	border-radius: 0.15em; 
	border: solid 0.05em #000;
}

.bedarfprio1,.bedarfprio2,.bedarfprio3,.bedarfprio4
{
	border-bottom: solid 0.05em #444;
	margin-bottom: 0.5em;
}

.bedarfprio1
{
	background: #ff5a5a;
}
.bedarfprio2
{
	background: #eaffa1;
}
.bedarfprio3
{
	background: #fffce5;
}
.bedarfprio4
{
	background: #f7f7f7;
}

.anzblase
{
	border: solid 0.3em #444444;
	display: inline-block;
	border-radius: 2em;
	min-width: 2em;
	position: absolute;
	z-index: 50;
	background: #ffffff;
	margin-left: -1em;
	margin-top: -0.5em;
}

.verknuepfungsblase
{
	cursor: pointer;
	text-align: center;
	border: solid 0.1em #444444;
	padding: 0.2em;
	display: inline-block;
	border-radius: 0.3em;
	min-width: 1.6em;
	z-index: 50;
	background: #ffffff;
	margin-left: 0.1em;
	margin-top: -0.5em;
	box-shadow: -0.3em 0.2em 0.2em #e3e3e3;
}

.verknuepfungsblase:hover
{
	box-shadow: -0.3em 0.2em 0.2em #ffcc00;
}

.adminnotiz
{
	display: inline-block; 
	margin-top: -0.3em; 
	background: #eaeaea;  
	border: #d4d4d4 solid 0.05em; 
	text-align: center; 
	margin-right: 0.3em; 
	margin-bottom: 0.2em; 
	box-shadow: -0.7em 0.7em 1em -0.9em rgba(0,0,0,0.77); 
	padding-left: 0.3em; 
	padding-right: 0.3em;
	cursor: pointer;
	overflow: visible;
	transform: rotate(-6deg);
	transition: transform .15s linear;
}

.adminnotiz:nth-child(even)
{
	transform: rotate(4deg);
	background:#ffc;
}

.adminnotiz:nth-child(3n)
{
	transform: rotate(-3deg);
	background:#cfc;
}

.adminnotiz:nth-child(5n)
{
	transform: rotate(5deg);
	background:#ccf;
}

.adminauftrag
{
	display: inline-block; 
	margin-top: -0.3em; 
	background: #444444;  
	border: #d4d4d4 solid 0.05em; 
	text-align: center; 
	margin-right: 0.3em; 
	margin-bottom: 0.2em; 
	box-shadow: -0.7em 0.7em 1em -0.9em rgba(0,0,0,0.77); 
	padding-left: 0.3em; 
	padding-right: 0.3em;
	cursor: pointer;
	overflow: visible;
	color: #eaeaea;
}

.adminnotiz:hover
{
	transform: rotate(0deg) scale(1.2);
}


.notizpin
{
	position: relative;
	top: -0.75em;
	box-shadow: -0.7em 0.7em 1em -0.9em rgba(0,0,0,0.77); 
}

.attention
{
	display: inline-block;
	margin: -0.1em;
  vertical-align: bottom;
  font-size: 1em;
  border: none;
 	position: absolute;
	z-index: 50;	
	margin-left: -0.5em;
	margin-top: -0.6em;
}

.listkunde
{
	display: inline-block;
	background: #ffffff;
	margin: 0.1em;
	padding: 0.1em;
	border-radius: 0.3em;
	
	
}

fieldset
{
	min-width: 0;  
	display: block; 
	overflow: hidden; 
	overflow-x: auto; 
	padding-top: 0.75em; 
	
	border-radius: 0.3em;
	background: #FAF7F5;
	margin-bottom: 0.5em;
}

legend
{
	font-size: 0.7em;
	background: #e3cfc2;
	border: #444444 solid 0.05em;
	border-radius: 0.1em;
	line-height: 1.1em;
}

.loadingicon
{
	animation-name: loadingani;
  	animation-duration: 3s;
}

@keyframes loadingani {
  from {transform: rotate(0deg);}
  to {transform: rotate(360deg);}
}

h3.shop, h2.shop, h4.shop
{
	font-weight: 500;
	text-decoration: none !important;
	border: none  !important;
	background: rgba(0, 0, 0, 0.05);
	color: #444444 !important;
	border-radius: 0.15em;
	font-family: 'Open Sans',Verdana,'DejaVu Sans',Arial,Helvetica,sans-serif;
} 

h2.shop
{
	font-size: 1.7em !important;
	line-height: 120% !important;
}
h3.shop
{
	font-size: 1.3em !important;
	line-height: 120% !important;
}
h4.shop
{
	font-size: 1.1em !important;
	line-height: 120% !important;
}

.highlighterinaniin
{
	opacity: 0;
    animation: slidehighliterin 1s forwards;
}

@keyframes slidehighliterin 
{
    0% { opacity: 0; }
	100% { opacity: 1; }
}

#fadebar
{
	transition: opacity 0.5s ease-in-out; opacity: 0; display: none; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 9999; vertical-align: bottom; text-align: center; max-width: 90%; width: auto;
}

#fadebar.show 
{
	opacity: 1;
}





.image-container {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.center-image {
    margin: auto;
}

.center-image img {
    max-width: 100%;
    max-height: 100%;
}

.surrounding-images {
    display: flex;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.surrounding-images img {
	height: 1.5em;
	width: auto;
	padding: 0.25em;
	border: #000 solid 0.1em;
	border-radius: 2em;
    margin: 5px;
    position: absolute;
	cursor: pointer;
}

.surrounding-images img:nth-child(1) { transform: rotate(-40deg) translateX(9em) rotate(40deg); }
.surrounding-images img:nth-child(2) { transform: rotate(-25deg) translateX(9em) rotate(25deg); }
.surrounding-images img:nth-child(3) { transform: rotate(-10deg) translateX(9em) rotate(10deg); }
.surrounding-images img:nth-child(4) { transform: rotate(5deg) translateX(9em) rotate(-5deg); }
.surrounding-images img:nth-child(5) { transform: rotate(20deg) translateX(9em) rotate(-20deg); }
/* Füge hier weitere Bilder hinzu und passe die Winkel an */

.blk
{
	color: #fff;
	position:absolute;
	background-color: #000;
	display: inline-block;
	padding: 0.2em;
	border: solid 0.01em #1e1e1e;
	border-radius: 0.2em;
	text-align: center;
	margin-top: 0.5em;
	margin-left: -12.5%;
}
