/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/open-sans-v34-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v34-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v34-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v34-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v34-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v34-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* GLOBAL */

body
{
        border-top:0.938em;
        background:#ffffff;
        font-family: 'Open Sans', sans-serif;
        color:#333333;
        line-height: 1.2em;
}

h1 {
	font-size: 1.75em;
	font-weight: bold;
	margin-bottom: 1em;
	padding-top: 0.5em;
	line-height: 1.2em;
}

h2 {
	font-size: 1.6em;
	font-weight: bold;
	margin-bottom: 1em;
}

h3 {
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: 1em;
	margin-top: 1.4em;
}

label {
	line-height: 1.25em;
}

input[type="text"], input[type="password"] {
	width: 30em;
}

button
{
		display: inline-block;
		vertical-align: middle;
      font-family: 'Open Sans', sans-serif;
      font-size:1em;
		width: 10em;
		height: 3.125em;
      outline: 0;
      border:0;
      background: #EBE8DE;
      border-radius: 0.313em;
      cursor: pointer;
	 	background: linear-gradient(top, #efefef 0%, #bbbbbb 100%);  
 	 	background: -moz-linear-gradient(top, #efefef 0%, #bbbbbb 100%); 
		background: -webkit-linear-gradient(top, #efefef 0%,#bbbbbb 100%); 
		box-shadow: 0 0 0.563em rgba(0,0,0,0.15);
		padding: 0 1.25em;
		margin: 0;
}
 
 button:hover {
 	background: #4b545f;
	background: linear-gradient(top, #4f5964 0%, #5f6975 40%);
	background: -moz-linear-gradient(top, #4f5964 0%, #5f6975 40%);
	background: -webkit-linear-gradient(top, #4f5964 0%,#5f6975 40%);
	font-weight: inherit;
}

.activebutton {
 	background: #4b545f;
	background: linear-gradient(top, #4f5964 0%, #5f6975 40%);
	background: -moz-linear-gradient(top, #4f5964 0%, #5f6975 40%);
	background: -webkit-linear-gradient(top, #4f5964 0%,#5f6975 40%);
}

p
{
        margin:0.313em 0;
        line-height:1.563em;
}

a
{
        text-decoration:none;
        color:inherit;
        transition: color .5s ease;
}

a:hover
{
			font-weight: bold;
}

a:active, a:focus, button:active, button:focus
{
	outline: none;
}

strong
{
        font-weight:bold;
}

figcaption strong
{
        border-bottom: 0.063em solid #D6D0C1;
        margin: 0;
        display:block;
}

figcaption
{
        line-height: 1.563em;
        font-size:0.875em;
        width:10.313em;
        text-align: left;
        margin-left: 0.313em;
}

hr
{
        background-color: #888888;
        border:0;
        height:0.063em;
        margin:1.25em auto;
        width: 90%;
}

.left
{
	text-align: left;
}

.right
{
	text-align: right;
}

.center
{
	text-align: center;
}

.center img
{
	margin: 1em auto;
}

/* HEADER */

header
{
	max-width: 58.75em;
	margin: 0 auto;
}

header h1
{
	margin: 0 auto;
}

#Kopfdaten
{
	margin: 0 auto;
	font-family: 'Open Sans', sans-serif;
	color: #4A463B;
	text-align: center;
	padding-top: 0.313em;
	vertical-align: middle;
}

#Kopfdaten h1
{
	font-size:0.875em;
	line-height: 1.2em;
}

#Kopfdaten p
{
	line-height: 1.2em;
	font-size: 0.875em;
	margin: 0 auto;
}

#Logo
{	
	display: inline-block;
	max-width: 23.75em;
	margin: 0 auto;
}

#Logo img
{
	width: 100%;
}

#Kontakthead
{	
	display: inline-block;
	font-size: 0.98em;
	min-width: 15em;
	width: 30%;
	text-align: center;
	margin-bottom: 0.625em;
}

#Oeffnungszeitenhead
{	
	display: inline-block;
	font-size: 0.98em;
	width: 15em;
	text-align: center;
	margin-bottom: 0.625em;
}

#Oeffnungszeitenhead h1
{
	font-size: 1.2em;
	width: 100%;
}

#Ozeiten
{
	width: 100%;
	font-size: 0.97em;
	margin-top: 0.125em;
	padding: 0;
}

#Ozeiten tr
{
	line-height: 1em;
}

p#Hotline
{
	font-size: 1.2em;
	font-weight: bold;
	width: 100%;
	text-align: center;
	margin: 0 auto;
}

nav
{
	font-size: 1em;
	text-align: left;
}

nav ul
{
	width: 56.25em;
	background: #efefef; 
	background: linear-gradient(top, #efefef 0%, #bbbbbb 100%);  
	background: -moz-linear-gradient(top, #efefef 0%, #bbbbbb 100%); 
	background: -webkit-linear-gradient(top, #efefef 0%,#bbbbbb 100%); 
	box-shadow: 0 0 0.563em rgba(0,0,0,0.15);
	padding: 0 1.25em;
	border-radius: 0.625em;
	margin: 0;
	list-style: none;
	position: relative;
	display: inline-table;
	z-index: 99;
}

nav ul:after
{
	content: ""; clear: both; display: block;
}

nav ul ul
{
	display: none;
	background: #5f6975; border-radius: 0.313em; padding: 0;
	position: absolute; top: 100%;
}

nav ul ul ul
{
	position: absolute; left: 100%; top:0;
}

nav ul li
{
	float: left;
	border-radius: 0.313em;
}

nav ul li.activePage
{
	font-weight: bold;
}

nav ul li:hover
{
	background: #4b545f;
	background: linear-gradient(top, #4f5964 0%, #5f6975 40%);
	background: -moz-linear-gradient(top, #4f5964 0%, #5f6975 40%);
	background: -webkit-linear-gradient(top, #4f5964 0%,#5f6975 40%);
}

nav ul li:hover > ul
{
	display: block;
	width: auto;
}

nav ul li a
{
	display: block; padding: 0.625em 1.563em;
	color: #757575; text-decoration: none;
}

nav ul li:hover a
{
	color: #fff;
	border-radius: 0.313em;
	font-weight: inherit;
}

nav ul ul li
{
	float: none; 
	border-top: 0.063em solid #6b727c;
	border-bottom: 0.063em solid #575f6a;
	position: relative;
}

nav ul ul li a
{
	padding: 0.625em 1.875em;
	color: #fff;
}

nav ul ul li a:hover
{
	background: #4b545f;
}

#mobileMenu
{
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        display: none;
}

#mobileMenu ul li
{
        display:block;
        background-color: #29397E;
        color: #fff;
        padding: 1em 0;
        letter-spacing: 0.1em;
        text-align: center;
        text-transform: uppercase;
        border-bottom: 0.063em solid rgba(255,255,255,0.5);
        opacity: 0.98;
        z-index: 99;
}

.toggleMobile
{
        display: none;
}

/* Mietlisten */
/*liststyle.css*/

#boxcontent
{
         max-width: 58.75em;
         margin: 0.313em auto;
         padding: 0;
         box-shadow: 0 0 0.563em rgba(0,0,0,0.15);

		   background: #efefef; 
			background: linear-gradient(top, #efefef 0%, #bbbbbb 100%);  
			background: -moz-linear-gradient(top, #efefef 0%, #bbbbbb 100%); 
			background: -webkit-linear-gradient(top, #efefef 0%,#bbbbbb 100%);    
        
         border-radius: 0.625em;
         min-height: 18.75em;
         
         text-align: center;
}

#home img {margin: 1.25em auto; border-radius: 0.625em; }
#home .img-logo {margin: 1.25em auto; border-radius: 0em; }
#home div {text-align: center;}

#boxcontent article
{
        display: inline-block;
        margin: 0.625em 1.875em;
        font-size:1em;
        text-align: justify;
		  vertical-align: top;
}

#boxcontent article h3
{
        font-family: 'Open Sans', sans-serif;
        font-size:1.25em;
        margin-bottom:0.625em;
        margin-left:4.688em;
}

#boxcontent .img-item img
{
       float:left;
}

#boxcontent .img-30 img
{
	max-width: 30%;
}

#boxcontent .img-60 img
{
	max-width: 60%;
}

#boxcontent .img-90 img
{
	max-width: 90%;
}

#boxcontent article p
{
        line-height:1.563em;
        padding-bottom: 0.5em;
        font-family: 'Open Sans', sans-serif;
		  max-width: 100%;
 		  margin: 0 auto;     
}

#boxcontent .h_iframe{
	position: relative;
	padding-top: 56%;
	
	margin-top: 0.625em auto;
}

#boxcontent .h_iframe iframe {
	position: absolute;
	top: 0; left: 0;

	width: 100%;
	height: 100%;
	min-height: 18.75em;
	border: 0;
	border-radius: 0.625em;
}

article ul {
	max-width: 90%;
	line-height: 1.5em;
 	margin: 0.5em auto;
}

article ul li{
	padding-bottom: 0.5em;
}

.fragen {
	text-align: center;
	margin-bottom: 1em;
}

#verkauf article {width: 90%;}
#verkauf article p {width: 100%;}
#verkauf h2 {margin: 0; font-size: 1.3em;}
#verkauf img {margin: 1em; opacity: 0.7;
				filter: grayscale(100%);
				-webkit-filter: grayscale(100%);
				-moz-filter: grayscale(100%);
				-ms-filter: grayscale(100%);
				-o-filter: grayscale(100%);
				filter: url(desaturate.svg#greyscale);
				filter: gray;
				-webkit-filter: grayscale(1);
				}
#verkauf img:hover {opacity: 1;	filter: none;}

#mietparklinks {
	padding-left: 40%;
	font-size: 1.25em;
}

#login div, #logout div {display: block; margin: 1.25em auto; text-align: center;}

#marktplatz {padding-bottom: 0.625em; text-align: center;}
#marktplatz .img-item figcaption {font-size: 0.875em;}
#marktplatz p {text-align: center;}
#marktplatz button {width: 18em;height: 2.188em;}
#marktplatz h1 {margin-top: 0.625em;text-align: center; font-size: 1.25em;}

#galerie {padding-bottom: 0.625em; text-align: center;}
.mitrand {margin: 0 1.25em;}
#galerie .img-item figcaption {font-size: 0.875em;}
#galerie p {text-align: center;}
#galerie button {width: 23.125em;height: 2.188em;}
#galerie h1 {margin-top: 0.625em;text-align: center; font-size: 1.25em;}
#galerie .img-item a, #galerie .inlineblock a {position:relative; display: inline-block; width: 10.625em; height: 7.688em;}
#galerie .img-item {vertical-align: top;}
#galerie img {margin: 0 1.25em 0 0;}
#galerie .detail {display: inline-block; width: 100%;}
#galerie input[type='checkbox'] {margin-right: 0.5em;}

#marktplatz-detail {padding-bottom: 0.625em; text-align: center; max-width: 37.5em; margin: 0 auto; }
#marktplatz-detail a {position:relative; display: inline-block; width: 10.625em; height: 7.688em;}
#marktplatz-detail img {margin: 0 1.25em 0 0;}
#marktplatz-detail .detail {display: inline-block; width: 100%;}
#marktplatz-detail table {text-align: justify; margin: 0 auto;}
#marktplatz-detail table td {padding: 0.313em 1.25em 0.313em 0.313em; vertical-align: top;}
#marktplatz-detail button {width: 16em;height: 2.188em;}
#marktplatz-detail h1 {margin-top: 0.625em;text-align: center; font-size: 1.25em;}

#bearbeiten, #loeschen {margin: 0 auto;}
#bearbeiten h1 {padding-top: 0.5em;}
#bearbeiten p, #loeschen p {text-align: center;}
#bearbeiten button, #loeschen button {width: 15em;height: 2.188em;}
#bearbeiten thead {font-weight: bold;}
#bearbeiten td {border: 0.063em solid #ccc; vertical-align: middle; padding: 0.313em;}
#bearbeiten td.nummer {text-align: center; width: 100;}
#bearbeiten td.text {width: 9.375em;}
#bearbeiten td.preis {width: 100; text-align: right; padding-right: 0.313em;}
#bearbeiten td.datum {width: 11.25em;}
#bearbeiten div {text-align: center;margin-top: 1.25em;}
#bearbeiten select, #loeschen select	{
	width: 18.75em;
   overflow: hidden;
   background: #ddd;
   font-size: 1em;
   border: 0.063em solid #ccc;
   }

#bearbeiten div.block {display: block; margin-top: 0;}
div.inlineblock {display: inline-block;}
.inlineblock label {display: inline-block; font-weight: normal; font-size: 0.8em; width: 7em;}

#maskegeraet {margin: 0 auto; width: 55.625em; padding-bottom: 1.25em; text-align: left;}
#maskegeraet h1 {padding-top: 1em;}
#maskegeraet button {width: 18.75em; height: 2.188em;}
#maskegeraet div.bigblock {display: inline-block; width: 27.5em; margin: 0 auto;}
#maskegeraet div.bigblock p {text-align: left;}
#maskegeraet .bigblock label {display: inline-block; width: 6.25em; vertical-align: top;}
#maskegeraet input[type="text"],
#maskegeraet textarea#ausstattung {width: 23.125em;}
#maskegeraet textarea#bemerkungen {width: 33.125em;}

#videos_hinzufuegenundbearbeiten {margin: 0 auto; width: 56.25em; padding-bottom: 1.25em; text-align: center;}
#videos_hinzufuegenundbearbeiten button {width: 11.25em; height: 2.188em;}
#videos_hinzufuegenundbearbeiten div {width: 27.5em; margin: 0 auto;}
#videos_hinzufuegenundbearbeiten label {display: inline-block; font-size: 1em; width: 8.125em; vertical-align: top;}
#videos_hinzufuegenundbearbeiten input[type="text"] {width: 23.125em;}

#hinzufuegen div {display: block; margin: 1.25em auto; text-align: center;}
#speichern div {display: block; margin: 1.25em auto; text-align: center;}

#videos {padding-bottom: 0.625em; text-align: center;}
#videos iframe {width: 21.25em; height: 15em; display: inline-block;}
#videos .img-item figcaption {font-size: 0.875em;}
#videos div {display:inline-block; width: 21.25em;}
#videos p.unten {vertical-align: top; margin: 0 0 0.625em 0;}
#videos p.oben {text-align:left; vertical-align: bottom; margin: 0.625em 0 0 0.625em;}
#videos button {width: 23.125em;height: 2.188em;}
#videos h1 {margin-top: 0.625em;text-align: center; font-size: 1.25em;}

#impressum
{
	font-size: 0.875em;
	text-align: justify;
	display: block;
	padding: 1.2em 3%;
}

#impressum a
{
	color:#29397E;
}

#datenschutz
{
	font-size: 0.875em;
	text-align: justify;
	display: block;
	padding: 1.2em 3%;
}

#datenschutz a
{
	color:#29397E;
}

#slider_content1, #slider_content2, #slider_content3
{
        line-height: 1.563em;
        width:33.125em;
        position:absolute;
        top:15%;
        left:15%;
        display:none;
        z-index:11;
}

#slider_content1 h3, #slider_content2 h3, #slider_content3 h3
{
        color:#EBE8DE;
        font-size:1.563em;
        font-weight:bold;
        margin-bottom:0.625em;
        background-color:#333333;
        padding:0.625em 0.938em;
        border-radius: 0.938em 0 0.938em 0;
        display:inline-block;
}

#slider_content1
{
        display:block;
}

#slider_content1 p, #slider_content2 p, #slider_content3 p
{
        margin:0 0 30 0;
        color:#4a463b;
        background-color:#EBE8DE;
        padding:0.625em 0.938em;
        border-radius: 0.313em;
}


/* BUTTONS */

.button
{
        padding:0.438em 0.875em;
        border: 0.063em solid #c3532e;
        background-image: linear-gradient(bottom, #E56038 0%, #ff8c66 100%);
        background-image: linear-gradient(to bottom, #ff8c66 0%, #E56038 100%);
        background-color: #eb653c;
        color: #EBE8DE;
        text-shadow: 0.063em 0.063em 0 #ff8155;
        text-decoration:none;
        border-radius:0.313em;
        box-shadow: 0.063em 0.063em 0.125em 0.063em rgba(0, 0, 0, 0.3);
}

.button:hover
{
        background:none #EBE8DE;
        border-color: #EBE8DE;
        text-shadow:none;
        color: #4A463B;
}


/* SPACER */

#spacer
{
        width:auto;
        height:70;
        background-color:#e56038;
        position:relative;
        color:#fff;
        font-size:1.125em;
}

#spacer p
{
        margin-top:20.125em;
        width:auto;
        position:absolute;
        left:50%;
        margin-left:-43.125em;
}

#spacer .search
{
        margin-top:0.938em;
        width:auto;
        position:absolute;
        right:50%;
        margin-right:-480;
}

/*Kontaktformular*/
.kontaktsection
{
	display: inline-block;
	width: 28.75em;
	text-align: center;
	vertical-align: top;
	margin-bottom: 1em;
}

.kontaktsection h1
{
	font-size: 1.4em;
	margin-top: 0.625em;
	margin-bottom: 1em;
}

.kontaktsection h2
{
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: 0.625em;
}

#Kontakt-Content
{
	margin: 0 auto;
	font-size: 1em;
}

#Kontakt-Content p
{
	margin-bottom: 1.563em;
}

#oeffnungszeiten-content
{
	width: 18.75em;
	font-size: 1em;
	margin: 0 auto;
}

#oeffnungszeiten-content td{
	line-height: 1.5em;
}

#kontaktformular {
	display: block;
	margin: 0 auto;
}

#kontaktformular input[type="text"], #kontaktformular input#name, input#email, input#phone, textarea  {width: 90%;}

fieldset {
	border-style: none;
}

input[type="text"], input[type="password"], input#name, input#email, input#phone, textarea {
  font-family: 'Open Sans', sans-serif;
  font-size: 0.813em;
  background-color: #eee;
  color: #4d4d4d;
  border: 0.063em solid #c4c4c4;
  padding: 0.5em 0.313em;
  
  -webkit-border-radius: 0.313em;
  -moz-border-radius: 0.313em;
  border-radius: 0.313em;
  -webkit-box-shadow: 0.125em 0.125em 0.313em #e2e2e2, inset 0.125em 0.125em 0.313em #e2e2e2;
  -moz-box-shadow: 0.125em 0.125em 0.313em #e2e2e2, inset 0.125em 0.125em 0.313em #e2e2e2;
  box-shadow: 0.125em 0.125em 0.313em #e2e2e2, inset 0.125em 0.125em 0.313em #e2e2e2;
  filter:progid:DXImageTransform.Microsoft.Shadow
  (color=#e2e2e2, Direction=135, Strength=5);
  -ms-filter:"progid:DXImageTransform.Microsoft.Shadow
  (color=#e2e2e2, Direction=135, Strength=5)";
}

textarea {
  overflow: auto;
}

 /* Browser Reset */
 input:invalid {
   box-shadow:none;
 }
 /* ersetzt Asterisk */
 textarea:required + label::after,
 input:required + label::after {
   content:" *";
   color:#f00;
 }
 /* nicht oder falsch ausgefuellte Felder rot markieren */
 input:focus:invalid {
   border-color:#f00;
 }
 /* richtig ausgefuellte Felder gruen markieren */
 input:required:focus:valid {
   border-color:#0c0;
 }

 label {
  display:block;
  cursor: pointer;
  font-weight: bold;
  line-height: 1.5em;
}

#Danke {
	margin: 1.563em auto;
}

/* FOUR COLUMNS */
/*
#four_columns, #text_columns
{
		display: inline-block;
        line-height:1.563em;
        clear:both;
        width:auto;
        max-width:56.25em;
        margin:0 auto;
}

#four_columns h2, #text_columns h3
{
        font-size:1.25em;
        border-bottom: 0.063em solid #D6D0C1;
        padding: 1.25em 0;
        margin-bottom: 1.25em;
} */

.img-item a
{
        position:relative;
        display:block;
}

.img-item img {width: 10.625em; height: 7.688em; background-color: #999; text-align: center;}
.img-item img[alt] {line-height: 7.688em; vertical-align: middle;}

.thumb-screen
{
        display:block;
        position:absolute;
        top:0;
        left:0;
        width:10.625em;
        height:7.688em;
        background: #000 url(../img/zoom.png) center center no-repeat;
        z-index:98;
        opacity: 0;
        transition: opacity .5s ease;
}

.thumb-screen:hover
{
        opacity:0.5;
}


/* TWO COLUMNS */
/*
#text_columns article.column1, #text_columns .column2
{
        margin: 70 0;
        font-size:0.875em;
        float:left;
        width:auto;
        max-width: 43.125em;
}

#text_columns .column2
{
        margin: 11.25em 0;
}

.row
{
        position:relative;
        margin: 40 0 0 3.125em;
        float:right;
        width:33.125em;
}

.row img
{
        float:left;
}

.row p
{
        margin-left: 100;
}

.rocket, .clock
{
        top:0;
        left:0;
        position:absolute;
        height: 80;
}

.rocket:hover
{
        opacity:0;
        transition: opacity 0.4s ease 0.2s;
        animation-name: stylie-transform-keyframes;
        animation-duration: 700ms;
        animation-delay: 0ms;
        animation-fill-mode: forwards;
        animation-timing-function: linear;
        animation-iteration-count: 1;
        transform-origin: 0 0;
}

.clock:hover
{
        animation-name: stylie-transform2-keyframes;
        animation-duration: 100ms;
        animation-delay: 0ms;
        animation-fill-mode: forwards;
        animation-timing-function: linear;
        animation-iteration-count: infinite;
        transform-origin: 0 0;
}
*/


/* FOOTER */

footer
{
        clear:both;
        width: 100%;
        max-width: 58.75em;
		  box-shadow: 0 0 0.563em rgba(0,0,0,0.15);
		  margin: 0.625em auto;
        padding: 0;
        border-radius: 0.625em;
        background:#29397E;
}

footer .wrapper
{
        line-height:1.563em;
        margin: 0 auto;
        padding-top: 0.313em;
        max-width:95%;
        font-size:0.875em;
        text-align: center;
}

footer .wrapper article
{
	display: inline-block;
	vertical-align: top;
}

footer .wrapper .column
{
        color:#ababab;
        padding: 0 0.625em;
        margin: 1em auto 1em auto;
        width: 18em;
        text-align: left;
}

footer .wrapper .column.midlist
{
		margin: 1em auto 0 auto;
}

footer .wrapper .column.rightlist
{
		margin: 1em auto 0 1.25em;
}

footer .wrapper .column.midlist ul li
{
        display:block;
        width:auto;
        padding:0 0 0.625em 1.563em;
        margin-bottom:0.625em;
        border-bottom: 0.063em solid #444444;
        /*background:url(img/arrowright2.png) left 0.375em no-repeat;*/
}

footer .wrapper .column.midlist ul li a:hover
{
        color:#fff;
}

footer .wrapper .column.rightlist ul li
{
        width: auto;
        margin-bottom:0.938em;
        list-style-type: disc;
}

footer .wrapper .column.rightlist ul li a img
{
        transition: border .25s ease;
        float:left;
        border:0.188em solid #444444;
}

footer .wrapper .column.rightlist ul li a img:hover
{
        border-color: #5e5e5e;
}

footer .wrapper .column h4
{
        font-size: 1em;
        color: #fff;
        border-bottom: 0.063em solid #444444;
        padding: 0 0 0.625em 0;
        margin-bottom: 0.625em;
}

#copyright
{
        background: #1D1D1D;
        height:100%;
        width:100%;
}

#copyright .wrapper
{
        font-family: 'Open Sans', sans-serif;
        color: #5e5e5e;
        font-size:0.875em;
        padding: 0 0.625em;
        line-height: 3.125em;
        text-align: left;
}
#copyright .wrapper .social
{
		  float: right;
		  width: 10em;
		  text-align: left;
		  vertical-align: middle;
}

#copyright .wrapper .social a
{
        transition: opacity .25s ease;
        opacity: 0.3;
}

#copyright .wrapper .social a img
{
		  line-height: 100%;
        vertical-align: middle;
}

#copyright .wrapper .social a:hover
{
        opacity: 0.7;
}
#copyright .wrapper a
{
        color: #ABABAB;
}

#copyright .wrapper a:hover
{
        color: #fff;
}


/* SKIPLINK */
.go-top
{
        position: fixed;
        bottom: 2em;
        right: 2em;
        text-decoration: none;
        color: white;
        background-color: rgba(0, 0, 0, 0.3);
        font-size: 1em;
        padding: 1em;
        display: none;
}

.go-top:hover
{
        background-color: rgba(0, 0, 0, 0.6);
}


/* SLIDESHOW */
/* Prevent the slideshow from flashing on load */
.slidesjs-container
{
        border-top: 0.063em #d6d0c1 solid;
}
#slides
{
        display: none
}

/* Center the slideshow */
.container
{
        width:auto;
        margin: 0 auto;
        position:relative;
}

/* Show active item in the pagination */
.slidesjs-pagination .active
{
        color:red;
}

#slider_content1 p .responsive_button, #slider_content2 p .responsive_button, #slider_content3 p  .responsive_button
{
        display:none;
        color:#000;
}


/* MISC */
.clear
{
        clear:both;
}
.hidden
{
        position:absolute;
        clip: rect(0.063em 0.063em 0.063em 0.063em); /* IE6 & 7 */
          clip: rect(0.063em, 0.063em, 0.063em, 0.063em);
}


/* MEDIA QUERIES FOR A RESPONSIVE LAYOUT */

@media (max-width: 58.75em)
{
		  #admin {display: none;}
		  
        header
        {
				margin-top: 2.5em;
				text-align: center;
        }       
        
        .kontaktsection
			{
				width: 22em;
			} 
        
        footer .wrapper
        {
        		
        }
        footer .wrapper .column
        {
            
        }
        
        #copyright .wrapper {text-align: left;}
        #copyright .wrapper .social
        {
  		  		width: 10em;
		  		text-align: right;
		 		vertical-align: middle;
        }
        input
        {
            width:auto;
        }
        #mobileMenu
        {
            display: block;
            z-index: 99;
        }
        .toggleMobile
        {
            position: fixed;
            top: 0.625em;
            left: 0.625em;
            display: block;
            width: 2.5em;
            height: 20em;
            cursor: pointer;
            z-index: 999;
        }
        .toggleMobile span.menu1, .toggleMobile span.menu2, .toggleMobile span.menu3
        {
            display: block;
            position: absolute;
            width: 2.5em;
            height: 0.5em;
            left: 0;
            background: #29397E;
            opacity: 0.5;
            -webkit-transition: all 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
            transition: all 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
        }
        .toggleMobile span.menu1
        {
            top: 0;
        }
        .toggleMobile span.menu2
        {
            top: 0.875em;
        }
        .toggleMobile span.menu3
        {
            top: 1.75em;
        }
        .toggleMobile.active span.menu1
        {
            top: 0.875em;
            -webkit-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            -o-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg);
            -webkit-transition: all 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
            transition: all 0.5s cubic-bezier(0.75, 0.25, 0.10, 0.95);
        }
        .toggleMobile.active span.menu2
        {
            -webkit-transform: rotate(-45deg);
            -moz-transform: rotate(-45deg);
            -o-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
            -webkit-transition: all 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
            transition: all 0.5s cubic-bezier(0.75, 0.25, 0.10, 0.95);
        }
        .toggleMobile.active span.menu3
        {
            opacity: 0;
            -webkit-transition: opacity 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
            transition: opacity 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
        }
        header nav
        {
            display:none;
        }
        header h1
        {
            font-size: 2.5em;
        }
        header p
        {
            margin-left: 3.75em;
            font-size:0.875em;
        }
}

/* KEYFRAMES */

@keyframes stylie-transform-keyframes {
  0% {transform:translateX(30) translateY(40.375em) rotate(0deg) translate(-50%, -50%);animation-timing-function: cubic-bezier(.25,.25,.75,.75);}
  100% {transform:translateX(260) translateY(-9.375em) rotate(0deg) translate(-50%, -50%);}
}

@keyframes stylie-transform2-keyframes {
  0% {transform:translateX(40) translateY(40) rotate(0deg) translate(-50%, -50%);animation-timing-function: cubic-bezier(.25,.25,.75,.75);}
  100% {transform:translateX(3.125em) translateY(40) rotate(0deg) translate(-50%, -50%);}
}