@charset "utf-8";


li {list-style:none;}
#wrapper{float: left;
	width: 100%;
	font-family: "Source Sans Pro", sans-serif; 
	font-size: 100%; 
	font-style:normal;
	font-weight: 700;
	color: #313131;
	font-display: swap;
	}
	
	body {
  font-size: calc(14px + (26 - 14) * ((100vw - 300px) / (1600 - 300)));font-display: swap;font-size: max(1.3vw, 16px);
}

			@media screen and (max-width: 30em) {
   body {
     font-size:16px;
    }
}

/* ZOOM-Picture-index */	  
	  
.zoom:hover{
    transform: scale(1.25);
    -webkit-transform: scale(1.25);
    -moz-transform: scale(1.25);
    z-index: 9998;
    position: relative;
    transition: 4s;
    -webkit-transition: 4s;
    -moz-transition: 4s;}	

img:hover{
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    z-index: 9998;
    position: relative;
    transition: 1s;
    -webkit-transition: 1s;
    -moz-transition: 1s;}	
	
img{-moz-border-radius: 3px;  
        -webkit-border-radius: 3px;
                border-radius: 3px;
}

	

#spacer{display:block;position:relative;top:80%;line-height: 1px; width: 99%; height:1px;background-color:grey;}

.box{border-color: black;
border-width: 1px;
border-style: solid;
margin:auto;
margin-bottom:35px;
padding:10px;
overflow:hidden;
display:block;
max-width:1024px;
}

.box2{border-color: black;
border-width: 1px;
border-style: solid;
margin:auto;
margin-bottom:35px;
padding:10px;
overflow:hidden;
display:block;
max-width:1024px;
text-align:center;
}

.box-inner{
border-color: grey;
width:auto;

border-width: 2px;
border-style: solid;
overflow:hidden;
display:block;
max-width:1020px;

display: grid;
  grid-template-columns: repeat(1, 3fr);
  grid-gap:1.5em;
width: fit-content(300px);
}

		@media screen and (max-width: 30em) {
    .box {
     margin-top:32%;
    }
}



ul.funk-menu  li{float:left;padding:1%;padding-bottom:9%;
display: grid;
  grid-template-columns: repeat(1, 3fr);
  grid-gap:1.5em;
  grid-auto-rows: minmax(95px, auto);
  font-family:  'Mansalva', cursive;font-display:swap;width:fit-content(300px);}
  
  ul.funk-menu{padding-left:0.5em;}

ul.funk{float:left;font-family: 'Mansalva', cursive;min-width:110px;display:block;padding-bottom:10%;max-height:530px;font-display:swap;}

a {text-decoration:none;}
a{color:grey;}
a:link { background-color:d3f0ff;}
a:visited { background-color:cfd6d9;}
a:hover { background-color:faa700;} 
a:focus { background-color:aquamarine; color:black;}
a:active { background-color:oldlace }
a:visited:hover{background-color:gray;color:orange;}


/* FOOTER */

.footerbox{border-color: black;
		border-width: 1px;
		border-style: solid;
		margin:auto;
		margin-bottom:35px;
		padding:10px;
		overflow:hidden;
		display:block;
		max-width:1024px;
		overflow:hidden;
		height:160px;
		border: 1px solid blue
		;padding-top:0px;
		background: url("../image/footer.jpg");
	
}

/* NAVIGATION */

#funk-topNavi {
	max-width:1044px;
	text-align:
	center;margin-left: auto; 
	margin-right: auto; 
	height:28px;
	border:1px solid grey;
	background:white;
	position:fixed;
	z-index: 9999;
	
}
	ul#funk-n1 {
		list-style:none;
		position: relative;
		width: 100%;
		margin: 0;
		padding: 0; 
		text-align:center;
		list-style: inside;
	  }
	  
	ul#funk-n1 li {float: left;
		margin: 0; padding: 0 10px;
		line-height: 26px;
		text-align:center;
		opacity: 0.8;}
	ul#funk-n1 li > a {color: #abcde;}	
	ul#funk-n1 li:hover a,
	ul#funk-n1 li > a:hover {color: #fff;}	
	ul#funk-n1 li:hover {
		opacity: 1;
		background: #2e74d3;
				
		transition: 0.8s;
		-webkit-transition: 0.8s;
		-moz-transition: 0.8s;}		
		ul#funk-n1 li.funk-n1-search {
			border-right: 0 none transparent;}
		ul#funk-n1 li.funk-n1-search:hover {
			background: 0 none transparent;}
		ul#funk-n1 li i {line-height:26px;}	
		

		@media screen and (max-width: 30em) {
    #funk-topNavi {
     width:105%;left:0px;margin-top:-8px;
    }
}

		@media screen and (min-width: 68em) {
    #funk-topNavi {
   margin-left:32em;margin-top:-8px;
    }
}

		@media screen and (min-width: 30em) {
    #funk-topNavi {
   margin-top:-8px;
    }
}


		
		
		@media screen and (max-width: 30em) {
    ul#funk-n1 > li {
      width: 90%;
	   font-family: Arial, Helvetica, sans-serif;
	   text-align:
	center;margin-left: auto; 
	margin-right: auto; 
	display:block;
	background:white;
	border:1px solid grey;
	font-size:1.3em;
    }
}

/* Bildbetrachter */
section#funk-gallery>div.funk-panel-body {
    padding-top: 0;}
.funk-gal-area {
    width: 100%;
    margin: auto;
    background-color: transparent;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    text-align: center;}

.funk-gal-link {
    height: 75px;
    max-width: 100px;
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
    margin: 6px;
    margin-bottom: 1em;
    padding: 2px;
    text-align: center;
    background: #fff;
    border: 1px solid #dfdfdf;}
    .funk-gal-link>img {
        max-height: 100%;
        max-width: 100%;
        margin: auto;}
    .funk-gal-link:hover {
        background: #eee;
        border: 1px solid #009ec5;}

.funk-gal {
    clear: both;
    padding: 0;
    margin-bottom: 20px;
    display: none;}
  .funk-gal>img.funk-img-responsive {
      max-width: 70%;
      margin: auto;
      border: 1px solid #dfdfdf;}

	  
	  
/* ZOOM */
.funk-gal>img.funk-img-responsive:hover {
    transform: scale(1.25);
    -webkit-transform: scale(1.25);
    -moz-transform: scale(1.25);
    z-index: 9998;
    position: relative;
    transition: 0.8s;
    -webkit-transition: 0.8s;
    -moz-transition: 0.8s;}
/* */

.funk-target-fix {
    display: block;
    top: 0;
    left: 0;
    position: fixed;}

.funk-gals-focus .funk-gal-link:focus,
.funk-gals-hover .funk-gal-link:hover,
#gal12:target ~ a:nth-of-type(12),
#gal11:target ~ a:nth-of-type(11),
#gal10:target ~ a:nth-of-type(10),
#gal9:target ~ a:nth-of-type(9),
#gal8:target ~ a:nth-of-type(8),
#gal7:target ~ a:nth-of-type(7),
#gal6:target ~ a:nth-of-type(6),
#gal5:target ~ a:nth-of-type(5),
#gal4:target ~ a:nth-of-type(4),
#gal3:target ~ a:nth-of-type(3),
#gal2:target ~ a:nth-of-type(2),
#gal1:target ~ a:nth-of-type(1) {
    background: #ddd;}

.funk-gals-target span[id^="gal"]:target 
~ .funk-gal:nth-of-type(1) {display:none !important;}

.funk-gals-target span[id^="gal1"]:target 
~ .funk-gal:nth-of-type(1) {display:block !important;}

.funk-gals-target span[id^="gal"]:not(:target) 
~ .funk-gal:nth-of-type(1),
.funk-gals-target span:nth-of-type(1):target ~ .funk-gal:nth-of-type(1),
.funk-gals-target span:nth-of-type(2):target ~ .funk-gal:nth-of-type(2),
.funk-gals-target span:nth-of-type(3):target ~ .funk-gal:nth-of-type(3),
.funk-gals-target span:nth-of-type(4):target ~ .funk-gal:nth-of-type(4),
.funk-gals-target span:nth-of-type(5):target ~ .funk-gal:nth-of-type(5),
.funk-gals-target span:nth-of-type(6):target ~ .funk-gal:nth-of-type(6),
.funk-gals-target span:nth-of-type(7):target ~ .funk-gal:nth-of-type(7),
.funk-gals-target span:nth-of-type(8):target ~ .funk-gal:nth-of-type(8),
.funk-gals-target span:nth-of-type(9):target ~ .funk-gal:nth-of-type(9),
.funk-gals-target span:nth-of-type(10):target ~ .funk-gal:nth-of-type(10),
.funk-gals-target span:nth-of-type(11):target ~ .funk-gal:nth-of-type(11),
.funk-gals-target span:nth-of-type(12):target ~ .funk-gal:nth-of-type(12) {
    display: block;}
	
	
	
	
	
	
			@media screen and (max-width: 30em) {
   html,body {
     font-size:16px;
    }
}