* {
        box-sizing: border-box;
      }

html {
      		font-family: Verdana, Arial, Helvetica, sans-serif;
	
      }

body {
margin-top: -18px;
background-image: url(img/index_beton_gray54.png) ;
background-attachment: fixed;
background-size:cover;
background-color: #666 ;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

.stilvorlage24g {
	margin-top: 0px;
	font-weight:100;
	color: #CCFF00;
}

a.home {
	text-decoration: none;
	color: #ccff00 !important;	
}

.stilvorlage_index {
	margin-left: -2px;
	font-weight:200;
	font-size: 2.3em;;
	color: #CCFF00;
    text-wrap: nowrap;
}

.stilvorlage_index2 {
	margin-top: -20px;
	margin-left: -2px;
	font-weight:200;
	font-size: 1.3em;;
	color: #CCFF00;
}

.spacer {width: 1078px;
}


h2{
	font-size: 1.3em;
	font-weight: bolder;
}

 img {
		
        max-width: 100%;
        height: auto;
		display: inline;

      }
.row:after {
		  
        content: "";
        clear: both;
        display: table;
      }
  

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

.ausstell_titel {
	color: #999;
	font-size:1.6em;
	font-weight:bolder;
	width: 100%;
	
	float:left;
	margin-bottom:20px;
}




.ausstell_detail {
	
	color: #222;
	font-size: 1em;
	width:100%;
	
	text-align:right;
	
	margin-bottom:20px;
}

.bildunterschrift {
	margin-top: 20px;
	margin-bottom: 30px; /*änderung am 14.10.22*/
	color: #222;
	font-size: 1.0em;
	line-height: 1.3em;
	
	
	overflow-wrap: break-word;
	
	
	
}
.accrochage {text-align: left !important; 
    float: left;
    height: auto; 
    width:20em; 
    margin-bottom:30px;
    margin-left:10px;
    font-size:1.1em;
    line-height:1.3em;
color:#111;}

.inhalt_container {
	max-width: 100%;
	height: auto;
    
	text-align: right;
	margin-top: 40px;
	
}


.zusatzinfo{ float:left;
	text-align: left;
	margin-top:50px;
	line-height: 1.4em;
    font-size: 1em;
    max-width: 650px;
	overflow-wrap: break-word;

}
a.zusatzinfo {color:#cf0;}
a.zusazinfo:hover {color: #cf0;}
.zusatzinfo a {color: #000;}
.thumbs_breit {max-width:1000px; height: auto;
	float:right;
	text-align:right;
	
}

.thumbs_halbbreit {max-width:500px; height: auto;
	float:right;
	text-align:right;
	
}

.thumbs_halbbreit2 {max-width:500px; height: auto;
	float:right;
	text-align:right;
	
}


.thumbs_breit_h {max-width:708px; height: auto;
	float:right;
	text-align:right;
	
}

.thumbs_hoch_h {max-width:836px; max-height: 600px;
	float:right;
	text-align:right;
	
}

.thumbs_hoch_h2 {max-width:796px; max-height: 600px;
	float:right;
	text-align:right;
	
}

.thumbs {max-width:1078px; 
	height: auto;
	/*float:right;*/
	text-align:right;
	margin-bottom:30px;
	display: inline;
	
}

.thumbs_left {max-width:350px; height: auto;
	float:left;
	text-align:left;}
.thumbs_left1 {max-width:350px; height: auto;
	float:left;
	text-align:left; margin-left:10px;}

.thumbs_left2 {max-width:445px; height: auto;
	float:left;
	text-align:left; }

.thumbs_left2b {max-width:473px; height: auto;
	float:left;
	text-align:left; margin-left: 75px;}

.thumbs_left15 {max-width:310px; height: auto;
	float:left;
	text-align:left; margin-right:20px;
margin-bottom:20px;}



.thumbs_left3 {max-width:445px; height: auto;
	float:left;
	text-align:left; margin-left: 100px;}

.thumbs_left3a {max-width:445px; height: auto;
	float:left;
	text-align:left; 
	margin-left: 50px;
	margin-bottom: 50px;}
	
.thumbs_left4 {max-width:535px; height: auto;
	float:left;
	text-align:left; }

.thumbs_left9 {
    max-width:290px; height: auto;
	float:left;
	text-align: left; 
    margin-right: 40px;
    margin-bottom: 40px;
    
}

.thumbs_right1 {max-width:350px; height: auto;
	float:left;
	text-align:right; margin-left: 100px;}

.thumbs_right2 {max-width:445px; height: auto;
	float:left;
	text-align:right; margin-left: 100px;}


.thumbs_right {max-width:550px; height: auto;
	float:left;
	vertical-align: bottom;
	text-align:right;}

.thumbs img {margin:10px 0px 10px 10px;
height:auto;}

.pfeil {padding: 0;
	vertical-align: bottom;
	margin-top: 20px;
	margin-left:20px;
	margin-bottom: 20px;
	
	width: 50px;
	height: 20px;
	display: inline;
   
	
}

.pfeil a:hover {
	margin: 0;
	padding-top:5px;
	background-color: #ccff00;
	
}




a:link {text-decoration: none;
}

      a.navi {
	
		
       color: #333;
		
		   cursor:default;
      }

      a.navi:hover {

       color: #ccff00;
      }



      .content {
		 
      float: left;
        padding: 10px;
        max-width: 100%;
		height: 100%;
      }


	
	
	
      .header {
       
        padding: 10px;
        text-align: left;
		
      }




    .menu {
		  font-family: Arial, Helvetica, sans-serif;
	z-index:100;
		  font-size: 0.7em;
       float: left;
		  margin-top: -40px;
		  
		  margin-bottom:0px;
        padding: 10px;
        width: 90%;
      }


      .menu ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
		  float: right;
      }
      .menu li {
		color: #000000 !important;
		  font-size: 1.3em;
		  font-weight: lighter;
        padding: 10px;
        margin-bottom: 7px;
      

		  float:left;
    
      }
      .menu li:hover {
        color: #CCFF00 !important;
		  cursor:default;
      }


.main-image {
	
	margin-top: 25%;
	
  position: relative;
     top:0; left: 0;
	width: 620px;
	height: 610px;
	
	
}



.main-text {
margin-top:-48%;
  text-align: left;
  position: relative;
  font-size: 1.3em;
  top: 20%;
  left:50%;
  transform: translate(-50%, -50%);
  color: #ccff00;
	
}




      .menu_spezial {
		
		  position: relative;
	      z-index:100;
		  font-size: 0.9em;
       
		  margin-top:50px;
        padding: 10px;
        width: auto;
		 
      }


      .menu_spezial ul {
      /* list-style: square outside none;*/
		  list-style-image: url("img/listblock20.png");
        margin-left: -22px;
       display: block;
		  line-height: 0.5em;
		 
		 
      }
      .menu_spezial li {
		 
		
		color: #000000 !important;
		  font-size: 1.2em !important;
		  font-weight: normal;
        padding: 10px;
        margin-bottom: 0px;
		  
     

		
    
      }
      .menu_spezial li:hover {
        color: #CCFF00 !important;
		  cursor:default;
      }




      .footer {
          display: none;
		position: fixed;
		  z-index: -100;
		left: auto; bottom: 0px; right: 20px;
		  margin-left:10px;
		margin-top: 250px;
        color: #444;
        text-align: left;
        font-size: 10px;
        padding: 5px;
      }






/*************************************************/
/*************************************************/




/*************************************************/
/*menu*/
/*************************************************/





.topnav {
  font-family: sans-serif;
	
  overflow: hidden;

	
	
}

.topnav a {
	
  float: left;
  display: inline;
  color: #dadada;
  text-align: center;
  padding: 14px 14px;
  text-decoration: none;
  font-size: 1.1em;
}

.topnav a:hover {
 
  color: #ccff00;
    border-left: 1px solid #cf0;
}

.topnav a.active {
  border-left: 1px solid #cf0;
  color: #ccff00;
}

.topnav .icon {
  display: none;
}

a.icon {background-image: url(img/burger_white.gif); background-size: cover;}
a.icon:hover {background-color: #ccff00;}
.responsive a.icon {background-image: url(img/x_white.gif); }










/*********************************/
/*********************************/

.fschwarz{
	font-size: 1.5em;
	color: #000;}

.txt-button:hover{color:#cf0!important; border-left: 1px solid #cf0; }
.txt-button {
	border:none;
	
	padding:8px 16px;
	vertical-align:middle;
	
	text-decoration:none;
    background-color:inherit;
    text-align:left;
    cursor:pointer;

	white-space: wrap!important;
	font-size: 1.2em;
color: #333;
font-weight: bold;}
.txt-container,.txt-panel{padding:0.01em 0px}
.txt-container {
	max-width:44em; 
	white-space: wrap!important;
	
	
}
.txt-panel{margin-top:16px;margin-bottom:16px}

.txt-hide{display:none!important;max-width:42em;}

.txt-show{display:block!important;max-width:42em;
}

.txt {
	color: #222;
	
	float:left;
    max-width:42em;
	font-size: 1.2em;
	line-height: 1.4em;
	padding: 20px;
	white-space: wrap !important;
	border-bottom: 1px solid #cf0;
	margin-bottom:40px;
}


.bio {
	float:left; text-align: left; max-width: 60em;
	font-size: 1.0em;
}

.stilvorlage {
	
	font-size: 1.2em;
	color: #222;
	line-height:1.4em;
	vertical-align: top;
}



.stilvorlage a {color: #aaa; font-weight:100;


}

.stilvorlage a:hover {color: #cf0;
	
}

.fettgrau {
	color: #999;
	font-size:1.2em;
	font-weight:bolder;
	padding-top:20px;
	padding-bottom:40px;
}

.kontakt {
	margin-top:80px;
font-size: 1.2em;
color: #333}
span.kontakt {color: #cf0 !important;}

p.clear_right {
  clear: right;
}

p.clear_left{ clear: left;}
.oben_platz {margin-top: 0px;
margin-left: 40px; margin-right: 0px;}

.abstand {max-width:5px;
	margin: 0 50px;
}





/*********************************/
/*********************************/


@media screen and (min-width: 1081px) {
	#myTopnav.topnav {
		margin-top: -40px;
		z-index:1000;
	    padding-left: 470px;
	
	}
    .navbar {display: block!important;}
    .navbar2 a {display: none;}
	.content {width: 100%;}
	
}

@media screen and (max-width: 1080px) {
	
	.thumbs,  
    .thumbs_breit_h, 
	.thumbs_halbbreit, 
    .thumbs_halbbreit2,
    .thumbs_hoch_h,
    .thumbs_left,
    .thumbs_left1,
    .thumbs_left2,
    .thumbs_left2b,
	.thumbs_left3,
    .thumbs_left3a,
    .thumbs_left_9,
    .thumbs_left15,
	.thumbs_right1,
    .thumbs_right2,
    .thumbs_right3,
	.thumbs_breit,
    .accrochage
	{
        width:100% !important; 
		height: auto;
	float:left;
	text-align:left !important;
	
    /*margin-right: 0px;
    margin-bottom: 40px;*/}
	

	.bildunterschrift {margin-bottom: 40px; text-align: left; clear:both;}

.inhalt_container {
	/*text-align: left !important;
	margin-top: 40px;*/

}

   .navbar {display: none;}
    
}


/*@media screen and (max-width: 990px) {
	
	.thumbs,  
	.thumbs_halbbreit, 
	.thumbs_left3,
	.thumbs_right1,
	.thumbs_breit
	{width:100%; 
		height: auto;
	float:left;
	text-align:left !important;
	margin-left: 0px!important;}
	
/*.oben_platz {display:none;}*/
/*	.bildunterschrift {margin-bottom: 40px; text-align: left; clear:both;}
    
   
}
*/


@media screen and (max-width: 1079px) {
	#myTopnav.topnav {
		margin-top: -25px;
		z-index:1000;
	    /*padding-left: 500px;*/
	
	}
    .navbar{display:none;}
}


@media only screen and (max-width: 920px) {
  .ausstell_titel {
	width: 100%;
	float:left;
	  margin-bottom: 50px;
}
	
	.ausstell_detail {
		width:100%;
		float:left;
		text-align:left;
		
	}
	
	.main-image {
	
	margin-top: 25%;
    position: relative;
    top:0; left: 0;
	width: 100%;
	height: auto;
}

  .main-text {
     margin-top:400px; 
	/*float:left;*/
  text-align: left;
  position: relative;
  font-size: 1.3em;
  top: 20%;
  left:50%;
  transform: translate(-50%, -50%);
  color: #ccff00;
}
    
   
    
    
	
 .menu_spezial {
	    text-align: left;
		font-family: Arial, Helvetica, sans-serif;
		position: relative;
	    z-index:100;
		font-size: 0.8em;
        margin-left: 0%;
		margin-top:50px;
        padding: 10px;
        width: 50%;
		 
      }
	/*.menu_spezial ul {text-align:left;}*/
	.spacer {display:none;}
	



}


@media only screen and (min-width: 600px) {
        .menu {
          width: 95%;
        }
        .content {
          width: 95%;
        }
		 .navbar2 a {display: none;}
    /*.navbar {display: block;}*/
      }


@media screen and (max-width: 600px) {
	/*.header {max-width: 80% !important;}*/
	#myTopnav.topnav { 	  
		margin-top: -20px;margin-right: 20px;
		z-index:1000;
	    padding-left: 0px;
	
	}
    .navbar2 {display: block;}
    .navbar {display:none;}
	
	
  .topnav a {display: none;}
  .topnav a.icon {
    float: right;
    display: block; margin-bottom: 10px;
  }
}

@media screen and (max-width: 610px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0px;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
	.thumbs,  
    .thumbs_breit_h, 
	.thumbs_halbbreit, 
    .thumbs_halbbreit2,
    .thumbs_hoch_h,
    .thumbs_left,
    .thumbs_left1,
    .thumbs_left2,
    .thumbs_left2b,
	.thumbs_left3,
    .thumbs_left3a,
    .thumbs_left_9,
    .thumbs_left15,
	.thumbs_right1,
    .thumbs_right2,
    .thumbs_right3,
	.thumbs_breit,
    .accrochage
    
	{width:100%; 
     height: auto;
	float:left;
	text-align:left !important;
	margin-left: 0px!important;
	margin-bottom: 30px!important;}
    
.oben_platz {display:none;}
	
	.inhalt_container {
	text-align: left !important;
	margin-top: 40px;
	
	
}

}

      @media only screen and (min-width: 768px) {
		  
		  .menu {
          width: 95%;
        }
        .content {
          width: 95%;
        }
		  
      }

/*SUBNAV*/

/****************************/
/*Test Subnavi*/
/***************************/

.navbar {
  
    padding-left:10px;
    margin-bottom: 30px;
  
  overflow: hidden;
    color: #bbb;
  
}

.navbar a {
  
  float: left;
  font-size: 1.1em;
  color: #bbb;
  text-align: center;
  padding: 10px 12px;
  text-decoration: none;
}

.subnav {
  float: left;
   
  overflow: hidden;
    
}

.subnav .subnavbtn {

  font-size: 1.1em;  
  border: none;
  outline: none;
  color: #999;
  padding: 10px 11px;
  background-color: inherit;
  
  margin: 0;
}

.navbar a:hover, .subnav:hover .subnavbtn  , a.active {
 
	color:#cf0!important; border-left: 1px solid #cf0;
	
	
}

.subnav-content {
  display: none;
  position: absolute; 
  padding-left: 0%; 
    
 
  width: 100%;
  z-index: 1;
    text-align: left;
}

.subnav-content a {
  float: left;
  color: white;
  text-decoration: none;
}

.subnav-content a:hover {
  /*background-color: #eee;*/
	border-left: 1px solid #cf0;	
  color: #cf0;
}

.subnav:hover .subnav-content {
  display: block;
}


 .subnavbtn i.fa-caret-down {
background-image: url(img/down.gif); background-size: cover;


}

.navbar a.active {
 
  color: #ccff00;
}