@charset "utf-8";

/* Reset * * * * * * * * */
*{
	margin: 0;
	padding: 0;	
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.chronoforms6_credits { display:none; }

/* Schriften * * * * * * * * 
font-family: 'Open Sans', sans-serif;
font-weight: 400, 600, 700;
font-style: normal;

Farben
hellgrau: #e9e9e9
schriftgrau: #5d5d5d
rot: #e2001a

*/

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


html{	
	font-size: 100%; /* Browserstandard: 16px - 100% */
}


img{
	max-width: 100%;
    height: auto;
}

.random-image{
    max-width: 100%;
     height: auto;
}

/* Layout * * * * * * * * */

body{
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
    color:  #5d5d5d;
}

.dhh{
 position:absolute;
 top: 170px;
  
}
.ui.form .inline.field > label, .ui.form .inline.field > p, .ui.form .inline.fields .field > label, .ui.form .inline.fields .field > p, .ui.form .inline.fields > label {
font-size: 18px;
}


#kontakt { 
    position: fixed;
    top: 0px;
    right: 0px;
    background-color: #e2001a;
    padding: 10px;
    color: #ffffff;
z-index: 1;
}

#kontakt a {
  text-decoration:none;
  color: #ffffff;
}

.direct{
    width: 50px;
    margin-top: 400px;  
  position: absolute;
z-index: 999;
}

a.popup {
  text-decoration:none;
  position:relative;
  display:block;
}
a.popup:hover {
  border:none;
}
a.popup img {
  border:none;
}
a.popup span {
  visibility:hidden;
  position:absolute;
  left:55px;
  width: 190px;
  background-color:#e2001a;
  color: #ffffff;
  padding: 13px;
	
}
a.popup:hover span {
  visibility:visible;
}



.kopf{
	max-width: 1230px;
	margin: 0 auto;
	overflow: hidden;
        padding: 35px 0 30px 0;
}

.kat {
    float: right;
    margin: 75px 0 0 0;	


}


.top{
    text-align: right; 
    font-size: 12px;
    color: #5d5d5d;
    
}
.logo{
	float: left;
}



.wrapper{
	margin: 0 auto;
	overflow: hidden;
}

.sitemap{
    font-size: 14px;   
    background: #e5e5e5;
    padding-top: 2em;
    padding-bottom: 0.5em;
    line-height: 24px;
}

.impressum{
    font-size: 14px;   
    padding-bottom: 2em;
    line-height: 24px;
      text-align: center;

}

.item-page {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    padding-top:1em;
    
}






.items-more li {
    display: inline;
    padding-right: 20px;

}

.items-more li:hover {
	color: #5d5d5d;
    border-bottom: #5d5d5d medium solid; 
}

tr {
font-size: 100%; /* Browserstandard: 16px - 100% */
}

.embedGoogleMap {
    margin: 10px;
    width: 70%;
    height: 320px;
    float: right;   

}

.rahmen {
 	background-color:#e9e9e9;
  	padding: 20px;
}

.pfeil {
float: right;  
  margin-right:100px;
  margin-bottom:20px;
}

.linie {
 border-bottom:  #e2001a solid 2px;

}

.button {
  background-color: #e2001a;
  color: white;
  padding: 5px 10px;
margin-top: 10px;
  border: none;
  border-radius: 0px;
  font-size: 16px;
  cursor: pointer;
display: inline-block;
}



#cust-navigation127 {
margin-right: 45%;
}


/*Modales Fenster auf Startseite - Aktionshaus ********************/


/* The Modal (background) - der ganze Bildschirm */
.modal {
  display: inline-block; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content - Fenster */
.modal-content {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  border: 1px solid #888;
  width: 835px;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
  -webkit-animation-name: animatetop;
  -webkit-animation-duration: 0.4s;
  animation-name: animatetop;
  animation-duration: 0.4s
}

/* Add Animation */
@-webkit-keyframes animatetop {
  from {top:-300px; opacity:0} 
  to {top:0; opacity:1}
}

@keyframes animatetop {
  from {top:-300px; opacity:0}
  to {top:0; opacity:1}
}

/* The Close Button */
.close {
  color: #000000;
  float: right;
  font-size: 18px;
  margin-top: 20px;
}

.close:hover,
.close:focus {
  color: #000000;
  text-decoration: underline;
  cursor: pointer;
}

.modal-header {
  padding: 2px 16px;
  background-color: #ffffff;
  color: #000000;
}

.modal-body {
	padding: 2px 16px;
}

.modal-footer {
  padding: 20px 16px;
  background-color: #e3000f;
  color: white;
}

.modal-footer h3 {
 font-size: 18px;
    text-transform: none;


}

.modal-footer a {
  color: white;
  text-decoration: none;
}

.modal-footer a:hover {
  color: white;
  text-decoration: underline;
}

/* Drehender Kreis * * * * * * * * */

@keyframes rotating {
	0% {	rotate: 0; 	}
	100% {	rotate: 1turn; 	}
}

.disc {
	animation: rotating 35s linear infinite;
	border-radius: 50%;
	display: inline-block;
	position: fixed;
	bottom: 20px;
	right: 20px;
}



/* Navigation * * * * * * * * */

#navigation{
    margin: 75px 0 0;	
    float: left;

}

#navigation ul li{
	display: inline;
}


#navigation a:link{
	color: #5d5d5d;
    text-decoration: none;
	margin: 0 7px;
    text-transform: uppercase;

}

#navigation a:visited{
	color: #5d5d5d;
    text-decoration: none;
	margin: 0 7px;
    text-transform: uppercase;
}

#navigation a:hover {
	color: #5d5d5d;
    border-bottom: #e2001a medium solid; 
}
    
#navigation li.active a:link, li.active a:visited {
    color: #5d5d5d; 
    border-bottom: #e2001a medium solid; 
}

.top ul li{
    display: inline;
}



/* Typografie * * * * * * * * */

h1, h2, h3{
	font-family: 'Open Sans', sans-serif;
	color: #5d5d5d;
    
}

h1{
	font-weight: 700;
    font-size: 24px;
     line-height: 35px;
  margin-bottom: 20px;
  
}

h2{
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 15px;
}

h3{
    font-weight: 700;
    font-size: 24px;
    text-transform: uppercase;
}


.top a:link {
	color: #5d5d5d;
    text-decoration: none;
	margin: 0 5px;
    text-transform: uppercase; 
}
.top a:visited {
  text-decoration: none;
  color: #5d5d5d;
}
.top a:hover, .top a:active, .top a:focus { 
  text-decoration: none;
  color: #5d5d5d;
}

a {
  text-decoration: none; 
  color: #5d5d5d;
}

.button a {
  text-decoration: none;
  color: #ffffff;

} 

hr {
    border: #e9e9e9 thin solid;
    margin-top:2em;
    margin-bottom: 1em;
    
}

.readmore {
    text-decoration: none;
}


.field {
    font-size: 18px;  
    color:  #5d5d5d;

}

ul {
    margin-left:20px;
    
    
}

/* Raster * * * * * * * * */


.row{
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;

}

.column {
    float: left;
    margin: 10px 0 20px 2%;
  /*  padding: 15px;
    box-shadow: 0px 0.1px 10px 0.1px #e3e2e2;*/


}

.column:first-child {
margin-left: 0;}


.full { width: 100%; }
.half { width: 49%; }
.third { width: 32%; }
.two-thirds { width: 66%; }
.fourth { width: 22%; }
.three-fourth { width:74.5%;}
.five { width: 18.4%; }
.set { width: 37%; }



/* Media Queries * * * * * * * * */

@media only screen and (min-width: 1200px) {

.mob {display: none;}
.impressum {display: none;}
   
}

@media only screen and (min-width: 1024px) and (max-width: 1199px) {

.mob {display: none;}
.impressum {display: none;}
.kat {display: none;}  

  
.row{
	width: 100%;

}    
    
.item-page {
    margin:1em;
}     

.wrapper {
    margin:1em;
    width: 100%;
}       


.sitemap{
padding-left: 1em; 
}
  
.direct{
    margin-top: 202px;  
}  
    

  
}


@media only screen and (min-width: 700px) and (max-width: 1023px) {

#navigation {display: none;}
.top {display: none;}
.direct {display: none;}  
.dhh {display: none;}
#kontakt {display: none;}
.kat {display: none;}



  
.logo{
    float: none;
    text-align: center;
    }
 
  
.row{
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}
    
.kopf{
    padding-bottom: 15px;
}    

.third { 
    width: 29.3%; 
    margin: 10px 2% !important;
    }    
    
.item-page {
    margin:1em;
 
}    
  
   
 .wrapper {
   width: 100%;
   padding: 1em;
    
   
}      

.sitemap {
display: none;    
    
}
.embedGoogleMap {
    margin: 0px;
    width: 100%;
    height: auto;
    float: none;    

}
  .set { 
    width: 50%; 
    padding: 0.5em;
  }


  
  
}

@media only screen and (max-width: 699px) {
   
    
#navigation {display: none;}
.top {display: none;}
.direct {display: none;}  
.dhh {display: none;}  
.sitemap {display: none;}  
#kontakt {display: none;}
.kat {display: none;}







.logo{
    margin-top: 40px;
    margin-right: 0px;
  margin-left: 10px;
    float: none;
    text-align: center;
    width: 90%;
    }    
    
.row{
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}

.full, .two-thirds, .half, .third, .fourth, .five {
	width: 96%;
	margin: 15px 2% !important;
}    
    
    
.item-page {
    margin:1em;
    padding-top:0px;  
}      
    
 
  

 
    
h1{
    font-size: 18px;
    line-height: 20px;
    margin-bottom: 10px;
}
    
 .wrapper {
   width: 100%;
   padding: 0.5em;
}  
    
.kopf{
    padding: 0px;
    max-width:98%;
    margin: 0px;

} 
    
.embedGoogleMap {
    margin: 0px;
    width: 100%;
    height: auto;
    float: none;    

}
  
.set { 
  width: 95%; 
  padding: 0.5em;
    
  }
 
 .pfeil {
  margin-right:10px;
  margin-bottom:10px;
} 
  
/* Modal Content - Fenster */
.modal-content {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  border: 1px solid #888;
  width: 90%;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
  -webkit-animation-name: animatetop;
  -webkit-animation-duration: 0.4s;
  animation-name: animatetop;
  animation-duration: 0.4s
}




    
}