/* CSS Document für PCBEU-Sites*/
/*@import url(https://fonts.googleapis.com/css?family=Dosis); */
*{
/*	font-family:   'Dosis', sans-serif;
 	padding:0rem; margin: 0rem;
  	box-sizing: border-box;
*/}

.titel, h2, h3, h4
{
	color: teal;	
	border-bottom-style: none;
}

h1
{
	color: teal;	
	border-bottom-style: solid;
	border-color: teal;
}
#infospaltelinks
{
	position:relative;
	width:38%;
	float:left;
	z-index:-1;
	text-align:center;
}
#infospalterechts{
	position:relative;
	width:60%;
	text-align:center;
	float:right;	
	z-index:-1;
	
}


.meinbutton {
  background-color:  teal; /* Green */
  width: 31%;
  height:2rem;
  border: none;
  color: white;
  padding: 2px 2px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 0.9rem;
  margin: 4px 2px;
  -webkit-transition-duration: 0.4s; /* Safari */
  transition-duration: 0.4s;
  cursor: pointer;
}
.meinbutton :any-link {
  color: white;
}

.meinbutton :hover {
  background-color: teal;/* Green */
  color: white;
}


.meinbutton1 {
  background-color: white; 
  color: black; 
  border: 2px solid teal;
}

.meinbutton1:hover {
  background-color: teal;
  color: white;

}

.meinbutton2 {
  background-color: white; 
  color: black; 
  border: 2px solid teal;
    width: 98%;
}

.meinbutton2:hover {
  background-color: teal;
  color: white;
}
.meinbutton3 {
  background-color: white; 
  color: black; 
  border: 2px solid teal;
}

.meinbutton3:hover {
  background-color: teal;
  color: white;
}



/*---------------------
mobile-first-Ansatz
für die kleinsten Geräte (IPhone...)
---------------------*/


/* 01 - Navigationsmenü
Hintergrundfarbe für den gesamten Container
(unterhalb der Menüpunkte sichtbar) 
sollte gleich sein wie HM10 */
nav { 
	background-color: teal;/*#8c6900;*/
	}


/* 02 - Navigationsmenü - Links */
nav a {

	}

/* 03 Hintergrundfarbe Quermenü beim hovern auf oberste Ebene   */
nav a:hover { 
	background-color: #8c6900; /*#664d00;*/
}

/* 06 Dropdowns verstecken+absolute Position*/
nav ul ul {
	/* Abstand zum übergeordneten Quermenü*/
	top: 2.3rem; 
}

/* 07 Kleine Auflösung: Hover-Hauptmenü ohne Untermenüs Große Auflösung: Hauptmenü*/
nav ul li {
	background-color:  teal;
	}	


/* 08 Erste Unterebene von Hauptmenüs (dropdown) 
   wirkst sich nur ab 2. Auflösungsstufe aus */
nav ul ul li {
	width:350px;
}

/*09 wird im Moment nicht benutzt*/
nav ul li ul li:hover { 
	background-color: #73b9ff; 
	}


/*---------------------------------------------
 Media Queries
--------------------------------------------- */
@media all and (max-width : 4800px) {
}


@media all and (max-width : 1400px) {
}

@media all and (max-width : 1000px) {
}


/* ==============================
Abweichungen bei kleinen Auflösungen bis 768 px
=================================*/
@media all and (max-width : 768px) {

/* 01 Navmenü mit Toggle-Checkbox*/

	/* Style bei der Menütabelle  für kleinste Auflösung */
	.toggle {
		background-color: teal;
	}
	.toggle:hover {
		background-color: #8c6900;
	}


/* 06, 07, 08, 09 */	
/*Menü auf 100% Breite ändern */
	nav a:hover,
 	nav ul ul ul a { 
	/* Link für Hauptmenü ohne Untermenü 
	sollte gleich sein wie  */
		background-color:  #8c6900;
	}
  
/*09-02*/  
	nav ul li ul li .toggle,
	nav ul ul a {
		/* kleine Auflösung:
		ausgeklapptes Untermenü*/
		background-color: #686859; 
	}

}