/* css für Animationen in canvas header - Anfang*/
.canvelement{
width: 100%;
margin: 0;
}

@media (max-width: 767px){
.canvelement{
margin: 0 0 -8px 0;
}
}
@media (width: 768px){
.canvelement{
margin: 0 0 -10px 0;
}
}

#canv1{
font-family: 'Michroma', sans-serif !important;
background-color: transparent;
/* -------------------Höhe, bevor sie mit Javascript berechnet wurde: */
max-height: 228px;
}

/* css für Animationen in canvas header - Ende*/


/* ------------------------------------------------------------------------------------------------------*/
/* 30.9.18 Animation stört flexslider, daher ausgeschaltet und Bilder in Hintergrund */
/* 9.11.19 nur für Startseite und Profil gemacht, Rest läuft mit Animation */
/* 15.6. Auf Start und Profil wurde beim ersten Laden Schriftzug immer ohne Michroma angezeigt: */
/* Daher jetzt auf diesen Seiten als Hintergrundbild eingebunden */
/* ------------------------------------------------------------------------------------------------------ */
/* bis 349 px ---------------------------------------------------------------------------------------- */
@media (max-width: 349px){
#page-1 #canv1 {
background:
 /* Schriftzug als Hintergrundbild  */
 url(../Images-Admin/LayoutBilder/Schriftzug_Michroma_200.png) top center  no-repeat, 
 url(../Images-Admin/LayoutBilder/LogoChristineBrombacher_rot_mini.png) 3% 30% no-repeat,
 url(../Images-Admin/LayoutBilder/TYPO3-Bronze-Member-mini.png) top left no-repeat
;
}
#page-38 #canv1 {
background:
  /* Schriftzug als Hintergrundbild  */
 url(../Images-Admin/LayoutBilder/Schriftzug_Michroma_200.png) top center  no-repeat, 
 url(../Images-Admin/LayoutBilder/LogoChristineBrombacher-mini.png) 0.5% 40% no-repeat,
 url(../Images-Admin/LayoutBilder/TYPO3-Bronze-Member-mini.png) top left no-repeat
;
}
}

/*350 bis  bis 519 px ---------------------------------------------------------------------------------------- */
@media (min-width: 350px) and (max-width: 519px){
#page-1 #canv1 {
background:
 /* Schriftzug als Hintergrundbild  */
 url(../Images-Admin/LayoutBilder/Schriftzug_Michroma_400.png) top center  no-repeat, 
 url(../Images-Admin/LayoutBilder/LogoChristineBrombacher_rot_mini.png) 3% 30% no-repeat,
 url(../Images-Admin/LayoutBilder/TYPO3-Bronze-Member-mini.png) top left no-repeat
;
}
#page-38 #canv1 {
background:
 /* Schriftzug als Hintergrundbild  */
 url(../Images-Admin/LayoutBilder/Schriftzug_Michroma_400.png) top center  no-repeat, 
 url(../Images-Admin/LayoutBilder/LogoChristineBrombacher-mini.png) 0.5% 40% no-repeat,
 url(../Images-Admin/LayoutBilder/TYPO3-Bronze-Member-mini.png) top left no-repeat
;
}
}
/* 520 bis 768 px ---------------------------------------------------------------------------------------- */
@media (min-width: 520px) and ( max-width: 768px){
#page-1 #canv1 {
background:
  /* Schriftzug als Hintergrundbild  */
 url(../Images-Admin/LayoutBilder/Schriftzug_Michroma_600.png) top center  no-repeat, 
 url(../Images-Admin/LayoutBilder/LogoChristineBrombacher_rot_midi.png) 0.5% 40% no-repeat,
 url(../Images-Admin/LayoutBilder/TYPO3-Bronze-Member-midi.png) top left no-repeat
;
}
#page-38 #canv1 {
background:
 /* Schriftzug als Hintergrundbild  */
 url(../Images-Admin/LayoutBilder/Schriftzug_Michroma_600.png) top center  no-repeat, 
 url(../Images-Admin/LayoutBilder/LogoChristineBrombacher-midi.png) 0.5% 40% no-repeat,
 url(../Images-Admin/LayoutBilder/TYPO3-Bronze-Member-midi.png) top left no-repeat
;
}
}
/* 769 bis 889 px ---------------------------------------------------------------------------------------- */
@media (min-width: 769px) and ( max-width: 889px){
#page-1 #canv1 {
background:
  /* Schriftzug als Hintergrundbild  */
 url(../Images-Admin/LayoutBilder/Schriftzug_Michroma_800.png) top center  no-repeat, 
 url(../Images-Admin/LayoutBilder/LogoChristineBrombacher_rot_midi.png) 0.5% 40% no-repeat,
 url(../Images-Admin/LayoutBilder/TYPO3-Bronze-Member-midi.png) top left no-repeat
;
}
#page-38 #canv1 {
background:
 /* Schriftzug als Hintergrundbild  */
 url(../Images-Admin/LayoutBilder/Schriftzug_Michroma_800.png) top center  no-repeat, 
 url(../Images-Admin/LayoutBilder/LogoChristineBrombacher-midi.png) 0.5% 40% no-repeat,
 url(../Images-Admin/LayoutBilder/TYPO3-Bronze-Member-midi.png) top left no-repeat
;
}
}

/* ab 890px ----------------------------------------------------------------------------------------- */
@media (min-width: 890px){
#page-1 #canv1 {
background:
  /* Schriftzug als Hintergrundbild */
 url(../Images-Admin/LayoutBilder/Schriftzug_Michroma_992.png) top center  no-repeat, 
 url(../Images-Admin/LayoutBilder/LogoChristineBrombacher_rot.png) 0.5% 40% no-repeat,
 url(../Images-Admin/LayoutBilder/TYPO3-Bronze-Member-210.png) top left no-repeat,
 
 /*Herbst 
 url(../Images-Admin/LayoutBilder/Laubblatt.png) 99.5% 7% no-repeat
 */

 /* Weihnachten/Winter 
  url(../Images-Admin/LayoutBilder/Wechselbild_Weihnachtsstern.png) 99.5% 7% no-repeat,
  url(../Images-Admin/LayoutBilder/Sternchen.png) 99.5% 7% no-repeat
*/   

  /* Frühling
 url(../Images-Admin/LayoutBilder/Fruehling.png) 99.5% 7% no-repeat
     */

  /* Juni Bergblumen  */
  url(../Images-Admin/LayoutBilder/Juni_Bergblumen.png) 99.5% 7% no-repeat
 
  
   /* Sommer/August  
  url(../Images-Admin/LayoutBilder/Seestern_Muscheln.png) 99.5% 7% no-repeat
  */

;
}
#page-38 #canv1 {
background:
  /* Schriftzug als Hintergrundbild */
 url(../Images-Admin/LayoutBilder/Schriftzug_Michroma_992.png) top center  no-repeat, 
 url(../Images-Admin/LayoutBilder/LogoChristineBrombacher_lila.png) 0.5% 40% no-repeat,
 url(../Images-Admin/LayoutBilder/TYPO3-Bronze-Member-210.png) top left no-repeat,


 /*Herbst 
 url(../Images-Admin/LayoutBilder/Laubblatt.png) 99.5% 7% no-repeat
*/ 

 /* Weihnachten/Winter 
  url(../Images-Admin/LayoutBilder/Wechselbild_Weihnachtsstern.png) 99.5% 7% no-repeat,
  url(../Images-Admin/LayoutBilder/Sternchen.png) 99.5% 7% no-repeat
  */ 

  /* Frühling
 url(../Images-Admin/LayoutBilder/Fruehling.png) 99.5% 7% no-repeat
     */

  /* Juni Bergblumen */
  url(../Images-Admin/LayoutBilder/Juni_Bergblumen.png) 99.5% 7% no-repeat
  
  
   /* Sommer/August  
  url(../Images-Admin/LayoutBilder/Seestern_Muscheln.png) 99.5% 7% no-repeat
  */
;
}
}