/*** Extra Anpassungen fuer Module usw. ***/

.swiper-slide img {
	border-color: #c1a36f !important;
	border-width: 1px !important;
	border-style: solid !important;
	border-radius: 12px !important;
}

.swiper-caption {
	top: 25px !important;
	left: 25px !important;
	background:rgba(193, 163, 111, 0.8) !important;
	padding: 15px!important;
	color: #302f2f !important;
	font-size: 1.25em !important;
	line-height: 100% !important;
	border-radius: 12px !important;
	font-weight: 400 !important;
	font-family: "Anton", sans-serif!important;
  /* letter-spacing: 0.01em!important; */
}

.ziehharmonika h3.zh-title {
  font-size: 1.1em!important;
  color: #444;
  background: #f1f1f1;
  font-weight: 400 !important;
  font-family: "Anton", sans-serif!important;
  background: #f9f9f9;
  border: 2px solid #d3d7cf !important;
  text-align: left;
  border-radius: 12px!important;
  padding: 10px 20px 10px 10px;
  cursor: pointer;
  margin: 0 0 15px 0;	
  transition: 0.25s all;
  position: relative;
}


.hover-light .tsrs_block .tsrs_block_inner:hover {background-color: rgba(240,240,240,0.0)!important; }


.simage img {
	border-color: #c1a36f !important;
	border-width: 1px !important;
	border-style: solid !important;
	border-radius: 12px !important;
	    -webkit-filter: drop-shadow(0 0.65em 20px rgba(0,0,0,0.13)) drop-shadow(0 5px 8px rgba(0,0,0,0.05));
    filter: drop-shadow(0 0.65em 20px rgba(0,0,0,0.13)) drop-shadow(0 5px 8px rgba(0,0,0,0.05));
    transform: translateY(-2px);

}

/* Minislider Headlines */

mgdescription {
  margin: 0 0 1em 0!important;
}

.tsrs_content {
	border-radius: 12px !important;

}
/*
.tsrs_content:hover {
	border-radius: 12px !important;

}
*/

.tsrs_block .tsrs_block_inner {
  XXfont-size: 0.94em;

    margin-top: 8px;
    margin-right: 8px;
    margin-bottom: 8px;
    margin-left: 0px !important;
    padding-top: 8px;
    padding-right: 8px;
    padding-bottom: 8px;
    padding-left: 0px !important;
}



.photostyle img {
 -webkit-filter: brightness(100%);
}

.photostyle img:hover {
    -webkit-filter: brightness(70%);
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
-ms-transition: all 1s ease;
transition: all 1s ease;
}

/* Minigalerie */

.flex-images .item { 
float: left; 
margin-left: 0px;
margin-top: 0px;
margin-right: 15px;
margin-bottom: 15px;
	border-color: #c1a36f !important;
	border-width: 1px !important;
	border-style: solid !important;
	border-radius: 12px !important;
box-sizing: content-box; 
overflow: hidden; 
position: relative;
  }

/*
.minigal2 img {
    -webkit-mask-image: linear-gradient(45deg,#000 25%,rgba(0,0,0,.2) 50%,#000 75%);
    mask-image: linear-gradient(45deg,#000 25%,rgba(0,0,0,.2) 50%,#000 75%);
    -webkit-mask-size: 800%;
    mask-size: 800%;
    -webkit-mask-position: 0;
    mask-position: 0;
}

.minigal2 img:hover {
    transition: mask-position 1.5s ease,-webkit-mask-position 1.5s ease;
    -webkit-mask-position: 120%;
    mask-position: 120%;
    opacity: 1;	
    filter: brightness(1.0)!important;
}
*/



/* Blockrocker */

.bloro_grid .bloro_unit {
  float: left;
   padding-top: 0px !important;
    padding-right: 10px !important;
    padding-bottom: 10px;
    padding-left: 0px !important;
}


/* images und Boxen abrunden */

.round {
   	border-color: #c1a36f !important;
	border-width: 1px !important;
	border-style: solid !important;
	border-radius: 12px !important;
    
}
.bloro_unit img {
	max-width:100%;
	height:auto !important;
	opacity: 1;
	 border-radius: 12px;
	 border-width: 1px !important;
	 border-color: #c1a36f !important;
-webkit-filter: drop-shadow(0 0.1em 7px rgba(0,0,0,0.13)) drop-shadow(0 3px 2px rgba(0,0,0,0.05));
    filter: drop-shadow(0 0.1em 7px rgba(0,0,0,0.13)) drop-shadow(0 3px 2px rgba(0,0,0,0.05));
    will-change: filter, transform;
    transition: transform 0.2s ease-in-out, -webkit-filter 0.2s ease-in-out;
    transition: filter 0.2s ease-in-out, transform 0.2s ease-in-out;
    transition: filter 0.2s ease-in-out, transform 0.2s ease-in-out, -webkit-filter 0.2s ease-in-out;
} 
  
.bloro_unit img:hover {
    text-decoration: none!important;
   -webkit-filter: drop-shadow(0 0.65em 20px rgba(0,0,0,0.13)) drop-shadow(0 5px 8px rgba(0,0,0,0.05));
    filter: drop-shadow(0 0.65em 20px rgba(0,0,0,0.13)) drop-shadow(0 5px 8px rgba(0,0,0,0.05));
    transform: translateY(-2px);
}

.bloro_unit a:hover {
    text-decoration: none!important;
      color: #3e3e3e!important;
}


/* Minhero */

.minihero-overlay {
   	 border-radius: 12px !important;

}


/* Schatten und rund */
.shade {
    -webkit-filter: drop-shadow(0 0.65em 20px rgba(0,0,0,0.13)) drop-shadow(0 5px 8px rgba(0,0,0,0.05));
    filter: drop-shadow(0 0.65em 20px rgba(0,0,0,0.13)) drop-shadow(0 5px 8px rgba(0,0,0,0.05));
    transform: translateY(-2px);
  }
  /* Unterstrich in Links im Text */
  
h2 a {
    text-decoration: none;
    color: #484646;
}

h2 a:hover {
    color: #1d2f2f !important;
    text-decoration: none;

}

/* Table Styles */

.table-wrapper {
  -webkit-overflow-scrolling: touch;
  overflow-x: auto;
}

.table-wrapper tbody tr {
  border: solid 1px #c9c9c9;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: rgb(201, 201, 201);
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: rgb(201, 201, 201);
  border-left: 0;
  border-right: 0;
}

.table-wrapper  tbody tr:nth-child(2n+1) {
  background-color: rgba(144, 144, 144, 0.075);
}

/*** Picture Verhalten von Chio ***/

.picfull {max-width:100%; height:auto;}
.pic2left {float:left; max-width:48%; margin: 3px 3% 2px 0; height:auto;}
.pic2right {float:right; max-width:48%; margin: 3px 0 2px 0.7%; height:auto;}

.pic3left {float:left; max-width:32%; margin: 3px 3% 2px 0; height:auto;}
.pic3right {float:right; max-width:32%; margin: 3px 0 2px 0.7%; height:auto;}

.pic4left {float:left; max-width:24%; margin: 3px 1% 2px 0; height:auto;}
.pic4right {float:right; max-width:24%; margin: 3px 0 2px 0.5%; height:auto;}


/* Anpassungen Bildschirmgroesse */

		@media screen and (max-width: 480px) {
		    
		    #header .logo .symbol img {
                display: block;
                max-width: 100%!important;
                height: 2.05em!important;
            }
            
            .swiper-caption {
                top: 10px !important;
                left: 10px !important;
                padding: 10px !important;
                color: #ffffff !important;
                font-size: 0.9em !important;

}

}


/*** Details style als Akkordion Effekt ***/

details {
	margin-bottom: 20px;
  	border-radius: 6px;
	-webkit-filter: drop-shadow(0 0.1em 7px rgba(0,0,0,0.13)) drop-shadow(0 3px 2px rgba(0,0,0,0.05)) !important;
    filter: drop-shadow(0 0.1em 7px rgba(0,0,0,0.13)) drop-shadow(0 3px 2px rgba(0,0,0,0.05)) !important;
   	background-color: #F2F2F2;
   	border: 1px solid #c1a36f !important;
}

details:hover {
 background: #F0E8E8;
}

summary {
  list-style: none;
  padding: 15px 20px;
  font-weight: bold;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

summary::-webkit-details-marker {
  display: none;
}

details[open] summary {
  border-bottom: 0px solid white;
}

details[open] {
  background-color: #fff;
}

details p {
  padding: 5px 15px 15px;
    margin-bottom:15px;
}

summary::after {
  content: '';
  border: solid;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 4px;
  transition: 0.3s;
  transform: rotate(45deg);
}

details[open] > summary::after {
  transform: rotate(-135deg);
}

	ul {
		padding-left: 2em!important;
	}
		ul li {
			padding-left: 1.em!important;
		}