/******************* css isio-design ***********************/

body   { 
  background:#fff;
  width:100%;
  margin:0;
  padding:0;

}

/******************* systemschriften ***********************/


@font-face {
    font-family: 'Forum-Regular';
    src: url('fonts/Forum-Regular.woff2') format('woff2'),
	      url('fonts/Forum-Regular.woff') format('woff'),
          url('fonts/Forum-Regular.ttf') format('ttf');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'PoiretOne-Regular';
    src: url('fonts/PoiretOne-Regular.woff2') format('woff2'),
	      url('fonts/PoiretOne-Regular.woff') format('woff'),
          url('fonts/PoiretOne-Regular.ttf') format('ttf');
    font-weight: normal;
    font-style: normal;

}

p{
  font-family:'Forum-Regular', Tahoma, Geneva, sans-serif;
  font-size:1.3rem;
  color:#000;
}

li{
  font-family:'Forum-Regular', Tahoma, Geneva, sans-serif;
  font-size:1.1rem;
}

h1 {
  font-family:'Forum-Regular', Tahoma, Geneva, sans-serif;
  font-size:1.8rem;
  color:#0792C0;
  line-height:1.3rem;
}

h2 {
  font-family:'Forum-Regular', Tahoma, Geneva, sans-serif;
  font-size:1.5rem;
  line-height:1.5rem;
}
h5 {
  font-size:1.8rem;
  color:#0792C0;
}

h6 {
  font-size:2rem;
  margin:10% 15%; 
  color:#0792C0;  
  font-family:'Forum-Regular', Tahoma, Geneva, sans-serif;
}

/*******************layout header ***********************/

.header{
    background:#fff;
  	-webkit-box-shadow: 4px 4px 20px grey;
  	-moz-box-shadow: 4px 4px 20px grey;
  	box-shadow: 4px 4px 20px grey;
  	padding:1%;
	
}

#mod-custom123{
  background-repeat: no-repeat;
  background-size:100%;
  padding:0;
}

.header__start{width:85%;}

.navbar__with-burger .mod-menu.active{background:#eee;}

/*******************layout banner ***********************/

.container-top-a{padding:0;;margin:0;}
.container-top-b{padding:1% 3%;;margin:0;}

.container-top-b{padding-bottom:0;}

/*******************layout button ***********************/

#mod-custom122 p, #mod-custom121 p, #mod-custom124 p{
  font-size:0.9rem;
  font-family:Calibri, Tahoma, Geneva, sans-serif;
}

#mod-custom122 h5, #mod-custom121 h5, #mod-custom124 h5{
  font-size:1.5rem;
  font-family:'Forum-Regular', Tahoma, Geneva, sans-serif;
}

#mod-custom121, #mod-custom122,#mod-custom124{
  border:1px solid #0792C0;
  border-radius:10px;
  color:#555;
  padding:5px 10px; 
}

/******************* layout inhalt ***********************/

.contact-name{display:none;}

.item-page .left{
  max-width:120px;
  margin-right:2rem;
}

/*******************layout unten ***********************/

#unten{
  width:100%
  float:left;
  margin:0;
  padding:0;
}

#unten-1{
  width:100%;
  float:left;
  margin:0; 
  padding:0; 
  background:#0792C0;
}

#unten-2{
  float:left;
  width:100%;
  margin:0; 
  padding:0; 
  background:#C0C2C4;
}


#mod-custom132, #mod-custom133{
  width:100%;
  margin:0;
  padding:10% 3%;
  background-position: center center;
  text-align:center;

}

#mod-custom134, #mod-custom135{
  width:100%;
  margin:0;
  padding:0;
  background-position: center center;
  text-align:center;
  background-size:cover;
}

.haus, .uhr{
  margin: auto auto;
  width: 60%;
  padding: 8% 0;
}

#mod-custom132 p{color:#fff;}
#mod-custom132 h1{color:#fff;font-size:2rem;}
#mod-custom133 p{color:#000;}
#mod-custom133 h1{font-size:2rem;color:#000;}

/*******************layout footer ***********************/

.container-footer_wrapper{
  align-items: center;
  justify-content: center; 
}

.container-footer{background-color:#444;margin:0; padding:0;}

#mod-custom130, #mod-custom131, #mod-custom136{
  float:left;
  width:100%;
  margin:7% 0;
  padding:0;
  text-align:center;
}

#mod-custom130 p, #mod-custom131 p, #mod-custom136 p{
  color:#ddd;
  font-size:0.8rem;
  font-family:calibri,Tahoma, Geneva, sans-serif;
  font-weight:normal;
}

footer a{
  font-size:0.8rem;
  text-decoration:none;
}

footer a:hover{text-decoration:underline;color:#0792C0;}

.arrow-up {
	color:#0792C0;
	font-size:1rem;
	background:#fff;
	border:1px solid #ddd;
	padding: 10px 15px;
  	border-radius: 50%;
  	opacity: 0.8;
}

.back-to-top-wrapper {right:10px;bottom:15px;}

/******************* akkordeon ***********************/

#headingagaccordion0, #headingagaccordion1, #headingagaccordion2,
#headingagaccordion3, #headingagaccordion4, #headingagaccordion5{
  background:#eff1f2;
  padding:1rem;
  margin:0.5rem;
  border-radius:5px;
}
#headingagaccordion0:hover, #headingagaccordion1:hover, #headingagaccordion2:hover,
#headingagaccordion3:hover, #headingagaccordion4:hover, #headingagaccordion5:hover {
  background:#f4f4f4;
  padding:1rem;
  margin:0.5rem;
}

#collapseagaccordion0, #collapseagaccordion1, #collapseagaccordion2,
#collapseagaccordion3, #collapseagaccordion4, #collapseagaccordion5{
  padding: 0 1rem;
}

/******************* links und menu ***********************/

a{color:#0792C0;text-decoration:none;}

a:hover{color:#000;text-decoration:underline;}

.mod-menu{
  font-size:1.2rem;
  color:#0792C0; 
  font-family:'Forum-Regular', Tahoma, Geneva, sans-serif;
}

.mod-menu a, .mm-collapsed{color:#777;}

header .active > a {color:#0792C0;}

/******************* bilder ***********************/

.button{
  float:left;
  padding:4%;
  margin:0;
  width:35%;
  height:auto;
}

.kopf{margin:auto auto;width:50%;}


/******************* mediapoint 768 ******************************************/

@media screen and (min-width:768px) {
	
.header__start{width:50%;}
  
h1{font-size:2rem;}
h2{font-size:1.6rem;}
h6{font-size:4rem;margin:10% 15%; }
  
.button{width:15%;}

.haus, .uhr{width:60%;}

.kopf{width:30%;}

#mod-custom121, #mod-custom122, #mod-custom124{padding:2% 0 0 0;} 
  
#mod-custom123 h1{font-size:4rem;padding:10%;}  

#mod-custom132{;margin:0;padding:3%;float:right;width:60%;}
#mod-custom134{margin:0;padding:3%;min-height:28vH;float:left;width:40%;}

#mod-custom135{margin:0;padding:3%;min-height:28vH;float:right;width:40%;}
#mod-custom133{margin:0;padding:3%;float:left;width:60%;}
#mod-custom130, #mod-custom131, #mod-custom136{float:left;width:33%}

#mod-custom130, #mod-custom131, #mod-custom136{margin:5% 0;}

/******************* mediapoint 810 ******************************************/

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

.navbar__with-burger .mod-menu.active{background:#fff;}

.header__start{width:40%;}
  
.button{width:30%;}

#mod-custom121, #mod-custom122, #mod-custom124{padding:2% 0 3% 5%;} 

}

/******************* mediapoint 1024 ******************************************/

@media screen and (min-width:1024px) {
	
.button{width:50%;}

.logo{width:100%;}
  
p{font-size:1.5rem;}
li{font-size:1.2rem;} 
h1{font-size:2.7rem;}
h2{font-size:2rem;}
h5 {padding-top:4%}
h6{font-size:5rem;margin:10% 15%;}

  
#mod-custom123 h1{font-size:5rem;padding:10%;}  

#mod-custom132,#mod-custom134{height:330px;}

#mod-custom135,#mod-custom133{height:340px;}

#mod-custom121, #mod-custom122, #mod-custom124{padding:0;} 
}

/******************* mediapoint 1200 ******************************************/

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

.haus, .uhr{width:50%;padding:5% 0;}

  
#mod-custom123 h1{font-size:8rem;padding:10%;} 
  
}

/*********************** Galerie ******************************************/

.animation .blog-item.inview {
	-webkit-animation: scale-up-hor-center 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	        animation: scale-up-hor-center 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}
/* ----------------------------------------------
 * Generated by Animista on 2022-12-1 12:3:36
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation scale-up-hor-center
 * ----------------------------------------
 */
@-webkit-keyframes scale-up-hor-center {
  0% {
    -webkit-transform: scaleX(0.4);
            transform: scaleX(0.4);
  }
  100% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
}
@keyframes scale-up-hor-center {
  0% {
    -webkit-transform: scaleX(0.4);
            transform: scaleX(0.4);
  }
  100% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
}


