#btn1 { color: black }
#btn2 { color: black }
#btn3 { color: black }

#btn1.initx {}

#btn1.disabled { background-color: #3f3f3f; color:#fff; }
#btn2.disabled { background-color: #3f3f3f; color:#fff; }
#btn3.disabled { background-color: #3f3f3f; color:#fff; }

/* #btn1.pressed { background-color: #3f3f3f; color:#fff; }
#btn2.pressed { background-color: #3f3f3f; color:#fff; }
#btn3.pressed { background-color: #3f3f3f; color:#fff; }  */

#btn1.pressed { background-color: #2f2f2f; color:#fff; }
#btn2.pressed { background-color: #2f2f2f; color:#fff; }
#btn3.pressed { background-color: #2f2f2f; color:#fff; }


#sec1 {}
#sec2 {}
#sec3 {}

#sec1.row { margin-top: 2em }
#sec2.row { margin-top: 2em }
#sec3.row { margin-top: 2em }


	
.unlink
	{
	cursor: not-allowed;
/*	pointer-events: none;    */
	}

.unlink  a
	{
/*	cursor: not-allowed;  */
	pointer-events: none;   
	}


/* Beachte: Landscape und Portrait  */
	
@media only screen and (max-width: 768px) {
/*    body {
        background-color: red;  */
	.zcarousel-fs{
		font-size: 4.5vw;
    }
}

@media only screen and (max-width: 1200px) and (min-width: 769px) {
	.zcarousel-fs{
		font-size: 3.2vw;
	}
}

@media only screen and (min-width: 1201px) {
	.zcarousel-fs{
		font-size: 3vw;
	}
}

/*@media only screen and (min-width: 768px) and (max-width: 991px) { */
/*@media only screen and (min-width: 200px) and (max-width: 1200px) { 
		margin-top: 2em;
		background-color: red;
		text-align: center;
		green width 295 height  182 px
*/
/* *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/
/*  ZBOX(1) für Boxen im Haupt-Auswahlmenü in index.html                                   */
/* *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/
.zbox-design{
		background-color: #404040;
		text-align: center;
		color:white;
/*		font-size: 3.2vw;  */
/*		font-size: 5.7vmin; */
		border:10px solid white;
}
@media only screen and (max-width: 4200px) {
	.zbox-responsive{
		width:360px;
		height:225px;
		padding-top:50px;
		font-size:40px;
	}
}
@media only screen and (max-width: 1199px) and (min-width: 992px) {
	.zbox-responsive{
/*		background-color: red;  */
		width:100%;
		height:182px;
		padding-top:40px;
		font-size:33px;
	}
}
@media only screen and (max-width: 991px) and (min-width: 768px) {
	.zbox-responsive{
/*		background-color: blue;  */
/*		width:345px; */
		width:100%;
		height:214px;
		padding-top:49px;
		font-size:38px;
	}
}
/*  @media only screen and (max-width: 479px) {  */
@media only screen and (max-width: 767px) and (min-width: 480px)  {
	.zbox-responsive{
/*		background-color: pink;  */
/*		width:360px;  */
		width:100%;
/*		height:225px;  */
		height:40vw;
		padding-top:7.5vw;
		border:10px solid white;
		font-size: 7vw;
		}
}
@media only screen and (max-width: 479px)  {
	.zbox-responsive{
/*		background-color: green;  */
/*		width:360px;  */
		width:100%;
/*		height:225px;  */
/*		height:100%; 	*/
/*		padding-top:2.5vw;  */
/*		border:10px solid white;  */
		height:40vw;
		padding-top:6.5vw;
		border:10px solid white;
		font-size: 7vw;
		}
}
/* *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/
/*  ZBOX 2 für Boxen im Footermenü z.B. portfolie-item-A1-SD                                    */
/* *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/
.zbox2-design{
		background-color: #404040;
		text-align: center;
		color:white;
/*		font-size: 3.2vw;  */
/*		font-size: 5.7vmin; */
/*		border:10px solid white;  */
}
@media only screen and (max-width: 4200px) {
	.zbox2-responsive{
/*		width:100%; */ /*165px;*/  
		height:104px;
		padding-top:22px;
		font-size:18px;
	}
}
@media only screen and (max-width: 1199px) and (min-width: 992px) {
	.zbox2-responsive{
/*		background-color: red;  */
		/* width:100%; */
		height:83px;
		padding-top:19px;
		font-size:16px;
	}
}
@media only screen and (max-width: 991px) and (min-width: 768px) {
	.zbox2-responsive{
/*		background-color: blue;  */
/*		width:345px; */
/*		width:100%;  */
		height:60px;
		padding-top:11px;
		font-size:13px;
	}
}
@media only screen and (max-width: 767px) and (min-width: 480px)  {
	.zbox2-responsive{
/*		background-color: pink;  */
/*		width:360px;  */
/*		width:100%;  */
/*		height:225px;  */
		border:10px solid white;
		height:28vw;
		padding-top:4.5vw;
		font-size: 4.8vw;
		}
}
@media only screen and (max-width: 479px)  {
	.zbox2-responsive{
/*		background-color: green;  */
/*		width:360px;  */
/*		width:100%;  */
/*		height:225px;  */
/*		height:100%; 	*/
/*		padding-top:2.5vw;  */
		border:10px solid white;  
		height:28vw;
		padding-top:4.5vw;
		border:10px solid white;
		font-size: 4.8vw;
		}
}