*
{
    box-sizing          :   border-box ;
    line-height         :   1.6em ;
}

BODY
{
    width               :   100% ;
    margin              :   0 ;
    padding             :   0 ;
    
    background-color    :   rgb(255,255,255) ;
    
    color               :   rgb(0,0,0) ;
    font-family         :   'Noto Sans' ;
    font-size           :   16px ;
}

DIV
{
    margin              :   0 ;
    padding             :   0 ;
    display             :   block ;
/*     float               :   left ; */
    
    border              :   0 ;
}

#Nav2
{
    display             :   none ;
}

#Nav2
DIV.menu
{
    display             :   block ;
    width               :   100%;
    margin              :   2em 0 0 0 ;
}

#Nav2
DIV.menu
UL
{
    width               :   100% ;
    margin              :   0 auto ;
    padding             :   0 ;
    
    list-style-type     :   none ;
}

#Nav2
DIV.menu
UL
LI
{
    margin              :   0 auto 1em auto ;
    text-align          :   center ;
}

NAV
{
    width               :   80% ;
    min-height          :   200px ;
    margin              :   30px auto 100px auto ;
    display             :   block ;
    
/*     background-color    :   cyan ; */
}

NAV
DIV.left
{
    width               :   22% ;
    float               :   left ;
    
/*     text-align          :   center ; */
    
/*     background-color    :   yellow ; */
}

NAV
DIV.left
IMG
{
    position        :   relative ;
    left            :  -14px ;
/*     width           :   75% ; */
    width           :   250px ;
    height          :   250px ;
    margin          :   auto auto ;
}

NAV
DIV.right
{
    width           :   100% ;
    
/*     background-color:   green ; */
}

NAV
DIV.right
DIV.mini
{
    height          :   50px ;
    font-size       :   0.7rem ;
    
    text-align      :   right ;
    
/*     background-color:   orange ; */
}

NAV
DIV.right
DIV.mini
A
{
    color           :   rgb(0,0,0);
    text-decoration :   none ;
}

NAV
DIV.right
DIV.title
{
    margin          :   0 0 1rem 0 ;
    padding         :   0 0 0 50px ;
}

NAV
DIV.right
DIV.title
IMG
{
    position        :   relative ;
    left            :  -19px ;
    width           :   50% ;
}

NAV
DIV.right
DIV.menu
{
    padding         :   0 0 0 50px ;
    
/*     background-color:   violet ; */
}

NAV
DIV.right
DIV.menu
UL
{
    list-style-type :   none ;
}

NAV
DIV.right
DIV.menu
UL
LI
{
    margin          :   0 60px 0 0 ;
    display         :   inline-block ;
}

NAV
DIV.right
DIV.menu
UL
LI:nth-child(1)
{
    min-width       :   50px ;
}

NAV
DIV.right
DIV.menu
UL
LI:nth-child(2)
{
    min-width       :   140px ;
}

NAV
DIV.right
DIV.menu
UL
LI:nth-child(3)
{
    min-width       :   100px ;
}

NAV
DIV.right
DIV.menu
UL
LI:nth-child(4)
{
    min-width       :   120px ;
}

NAV
DIV.right
DIV.menu
UL
A
{
    color           :   rgb(0,0,0) ;
    font-size       :   1.3rem ;
    text-decoration :   none ;
}

NAV
DIV.right
DIV.menu
UL
A:hover
{
/*     color           :   rgb(60,60,60) ; */
/*     font-weight     :   bold ; */
/*     text-shadow     :   0px 0px 10px rgb(120,120,120); */
}

MAIN
{
    width           :   80% ;
    margin          :   0 auto ;
}

HEADER
{
    width           :   100% ;
    margin          :   0 auto 0 auto ;
    display         :   block ;
/*     float           :   left ; */
    
/*     background-color:   yellow ; */
}

HEADER
H1
{
    margin          :   8rem 0 4rem 0;
    
    font-size       :   5rem ;
    line-height     :   1.05em ;
    text-align      :   left ;
}

HEADER
H2
{
    margin          :   3rem 0 1rem 0;
    
    font-size       :   1.4rem ;
    font-weight     :   normal ;
/*     line-height     :   1.6em ; */
    text-align      :   left ;
}

HEADER
H3
{
    margin          :   3rem 0 1rem 0;
    
    font-size       :   1.4rem ;
/*     line-height     :   1.6em ; */
    text-align      :   left ;
}

HEADER
P
{
    margin          :   0 0 1rem 0;
    
    font-size       :   1rem ;
/*     line-height     :   1.6em ; */
    text-align      :   left ;
}

HEADER
UL
{
    margin          :   0 0 1rem 0;
    
    font-size       :   1rem ;
/*     font-weight     :   bold ; */
/*     line-height     :   1.6em ; */
    text-align      :   left ;
}


SECTION
{
    width           :   100% ;
    margin          :   0 auto 300px auto ;
    display         :   block ;
/*     float           :   left ; */
    
/*     background-color:   orange ; */
/*     background-color:   rgb(252,252,252) ; */
}

SECTION
DIV.poster
{
    width           :   90% ;
    margin          :   0 auto ;
}

SECTION
DIV.poster
PICTURE
{
    margin          :   0 auto ;
}

SECTION
DIV.poster
PICTURE
IMG
{
    margin          :   0 auto ;
    display         :   block ;
}

SECTION
DIV.preview
{
    width               :   95% ;
    height              :   auto ;
    margin              :   120px auto 20px auto ;
    padding             :   10px 10px ;
    
    background-color    :   rgb(230,230,230) ;
    
    text-align          :   center ;
}

SECTION
DIV.preview
IMG
{
    width               :   76px ;
    margin              :   10px 10px ;
/*     display             :   inline-block ; */
    border              :   1px solid rgb(130,130,130) ;
}

SECTION
DIV.preview
IMG:first-child
{
/*     margin-left     :   20px ; */
}

SECTION
DIV.preview
IMG:last-child
{
/*     margin-right    :   20px ; */
}


SECTION
DIV.description
{
    margin      :   60px 0 0 0 ;
}

SECTION
DIV.description
H3
{
    width       :   80% ;
    margin      :   0 auto ;
    padding     :   0 ;
    font-size   :   2rem ;
    font-weight :   bold ;
    text-align  :   center ;
}

SECTION
DIV.description
P
{
    font-size   :   1.2rem ;
    font-weight :   normal ;
/*     line-height :   1.5em ; */
    text-align  :   center ;
}

#Disclaimer
UL
{
    list-style-type :   none ;
}

#Disclaimer
UL
LI
{
    margin          :   0 0 1rem 0;
}







FIGURE
{
    display           :   block ;
    width             :   100% ;
    margin            :   0 0 8em 0 ;
  
/*     background-color  :   orange ; */
}

FIGURE
IMG
{
    display       :   block ;
    width         :   100% ;
    margin        :   0 auto 1em auto ;
/*   clip-path     :   inset ( 20px 20px 20px 20px ) ; */
/*   border        :   1px solid yellow ; */
/*     background-color    :   teal ; */
    border-top          :   1px solid rgb(30,30,30) ;
    padding-top         :   3rem ;
}

FIGCAPTION
{
    margin              :   2rem 0 0 0 ;
/*     font-weight         :   bold ; */
    text-align          :   center ;
}

FIGURE
IMG.up
{
    display             :   block ;
    width               :   100px ;
/*     height              :    50px ; */
    margin              :   5rem auto 0 auto ;
    
    border              :   0 ;
}



FOOTER
{
    display             :   block ;
    width               :   80% ;
    min-height          :   200px ;
    
    margin              :   0 auto 5rem auto ;
/*     padding             :   0 2rem ; */
}

FOOTER
H3
{
    display             :   block ;
    width               :   90% ;
    margin              :   0 auto 2rem auto ;
}

FOOTER
P
{
    display             :   block ;
    width               :   90% ;
    margin              :   0 auto 5rem auto ;
}

FOOTER
DIV
{
    display             :   block ;
    width               :   90% ;
    min-height          :   50px ;
    margin              :   0 auto 0 auto ;
    
    line-height         :   50px ;
    text-align          :   center ;
}

FOOTER
DIV
IMG
{
/*     display             :   block ; */
/*     float               :   left ; */
/*     width               :   88px ; */
/*     height              :   31px ; */
    margin              :   0 25px 25px 0 ;
    
}







#Footer1
{
    display             :   block ;
}


#Footer2
{
    display             :   none ;
    width               :   100% ;
    margin              :   2rem 0 ;
    
    text-align          :   center ;
}





#Sujet
{
    width               :   100% ;
    margin              :   2rem auto ;
    
    box-shadow          :   3px 5px 15px 0px rgb(180,180,180) ;
}




#Farbpalette-2022-Navigation
{
    display             :   block ;
    width               :   100% ;
    margin              :   0em auto 10rem auto ;
    padding             :   5em 0 0 0 ;
}

#Farbpalette-2022-Navigation
P
{
    margin              :   0 0 3rem 0 ;
    
    font-size           :   1.4rem ;
    font-weight         :   bold ;
/*     line-height         :   1.6em ; */
    text-align          :   left ;
}

#Farbpalette-2022-Navigation
TABLE
{
    width               :   100% ;
}

#Farbpalette-2022-Navigation
TABLE
TD
{
    width               :   7.7% ;
}

#Farbpalette-2022-Navigation
TABLE
TD
IMG
{
    width               :   85% ;
    
    border              :   1px solid rgb(90,90,90);
    
/*     outline             :   3px solid rgb(160,160,160) ; */
    
/*     box-shadow          :   2px 2px 5px 5px rgb(200,200,200); */
}




#Farbpalette-2022-09-Navigation
{
    display             :   block ;
    width               :   100% ;
    margin              :   0em auto 10rem auto ;
    padding             :   5em 0 0 0 ;
}

#Farbpalette-2022-09-Navigation
P
{
    margin              :   0 0 3rem 0 ;
    
    font-size           :   1.4rem ;
    font-weight         :   bold ;
/*     line-height         :   1.6em ; */
    text-align          :   left ;
}

#Farbpalette-2022-09-Navigation
TABLE
{
/*     width               :   100% ; */
}

#Farbpalette-2022-09-Navigation
TABLE
TD
{
    width               :   320px ;
    height              :   216px ;
}

#Farbpalette-2022-09-Navigation
TABLE
TD
IMG
{
/*     width               :   85% ; */
    
    border              :   1px solid rgb(90,90,90);
    
/*     outline             :   3px solid rgb(160,160,160) ; */
    
/*     box-shadow          :   2px 2px 5px 5px rgb(200,200,200); */
}

#Farbpalette-2022-09-Navigation
TABLE
THEAD
TD
{
    height              :   50px ;
}

#Farbpalette-2022-09-Navigation-friends-Mind-Cloud
{
    margin              :   5em 0 ;
}





#Kalender
{
    margin              :   0 auto 200px auto ;
    padding             :   10rem 0 10rem 0 ;
    
    border-top          :   1px solid rgb(30,30,30) ;
    
    font-size           :   5rem ;
    text-align          :   center ;
}





#Kalender
P
{
    margin              :   1em 0 5em 0 ;
    
/*     font-size           :   3rem ; */
}





#Kalender
IMG
{
    display             :   block ;
    margin              :   0 auto 0 auto ;
    width               :   100% ;
    box-shadow          :   0px 0px 15px rgb(180,180,180) ;
    
/*     border-bottom       :   1px solid rgb(30,30,30) ; */
}





#Kalender
HR
{
    display             :   block ;
    margin              :   10rem auto 10rem auto ;
    width               :   100% ;
    height              :   1px ;
    
    border-top          :   0 ;
    border-bottom       :   1px solid rgb(30,30,30) ;
}





#Oldies-but-Goldies
{
    margin              :   0 auto 200px auto ;
    padding             :   10rem 0 0 0 ;
    
    border-top          :   1px solid rgb(30,30,30) ;
    
    font-size           :   5rem ;
    text-align          :   center ;
}






#Wand-Tischkalender-2021-Preview
{
    width               :   14cm ;
    height              :   14cm ;
    border              :   0.8pt solid rgb(90,90,90) ;
    box-shadow          :   20px 20px 20px rgb(170,170,170) ;
}






#Pop-art-Gemaelde-Preview
{
    width               :   15cm ;
}






#Trice-2-Have-Preview
{
    width               :   16.7cm ;
}





#LvB-Anniversary-Dekopapier-Preview
{
    width               :   32cm ;
}











/*!
    @section-1  Impressum
*/

Main.Impressum
HEADER
P
{
    margin          :   0 0 3rem 0;
    
    font-size       :   1.2rem ;
/*     line-height     :   1.4em ; */
    text-align      :   left ;
}

Main.Impressum
H3
{
    margin          :   4em 0 1em 0 ;
}















/*!
  @section-1  Noto Sans
*/

/*!
  @section-2  400-normal
*/

@font-face 
{
  font-family   :   'Noto Sans' ;
  font-style    :   normal ;
  font-weight   :   400 ;
  src           :   local('Noto Sans Regular'), 
                    local('Noto Sans-Regular'), 
                    local('NotoSans Regular'), 
                    local('NotoSans-Regular'), 
                    url('https://art-beethoven.com/Resources/Fonts/NotoSans-Regular.ttf') format('truetype');
}

/*!
  @section-2  400-italic
*/

@font-face 
{
  font-family   :   'Noto Sans';
  font-style    :   italic;
  font-weight   :   400;
  src           :   local('Noto Sans Italic'), 
                    local('Noto Sans-Italic'), 
                    local('NotoSans Italic'), 
                    local('NotoSans-Italic'), 
                    url('https://art-beethoven.com/Resources/Fonts/NotoSans-Italic.ttf') format('truetype');
}

/*!
  @section-2  700-normal
*/

@font-face 
{
  font-family   :   'Noto Sans';
  font-style    :   normal;
  font-weight   :   700;
  src           :   local('Noto Sans Semi Bold'), 
                    local('Noto Sans SemiBold'), 
                    local('Noto Sans-Semi Bold'), 
                    local('Noto Sans-SemiBold'), 
                    local('NotoSans Semi Bold'), 
                    local('NotoSans SemiBold'), 
                    local('NotoSans-Semi Bold'), 
                    local('NotoSans-SemiBold'), 
                    url('https://art-beethoven.com/Resources/Fonts/NotoSans-SemiBold.ttf') format('truetype') ;
}

/*!
  @section-2  700-italic
*/

@font-face 
{
  font-family   :   'Noto Sans';
  font-style    :   italic;
  font-weight   :   700;
  src           :   local('Noto Sans Semi Bold Italic'), 
                    local('Noto Sans SemiBoldItalic'), 
                    local('Noto Sans SemiBold-Italic'), 
                    local('Noto Sans-Semi Bold Italic'), 
                    local('Noto Sans-SemiBoldItalic'), 
                    local('Noto Sans-SemiBold-Italic'), 
                    local('NotoSans Semi Bold Italic'), 
                    local('NotoSans SemiBoldItalic'), 
                    local('NotoSans SemiBold-Italic'), 
                    local('NotoSans-Semi Bold Italic'), 
                    local('NotoSans-SemiBoldItalic'), 
                    local('NotoSans-SemiBold-Italic'), 
                    url('https://art-beethoven.com/Resources/Fonts/NotoSans-SemiBoldItalic.ttf') format('truetype') ;
}










@media screen and (max-width: 1440px)
{

BODY
{
/*     background-color:   rgb(30,90,180) ; */
}

#Nav1
{
    display             :   none ;
}

#Nav2
{
    display             :   block ;
}

#Nav2
DIV.logo
{
    width               :   100% ;
    margin              :   7rem auto 2rem auto ;
}

#Nav2
DIV.logo
IMG
{
    display             :   block ;
    width               :   42% ;
    margin              :   0 auto ;
}

#Nav2
DIV.title
{
    width               :   100% ;
    margin              :   1rem auto 0 auto ;
}

#Nav2
DIV.title
IMG
{
    display             :   block ;
    width               :   100% ;
    margin              :   0 auto ;
}

HEADER
H1
{
    margin          :   8rem 0 4rem 0;
    
    font-size       :   4.6rem ;
/*     line-height     :   1.6em ; */
    text-align      :   left ;
}

SECTION
DIV.preview
IMG
{
    width           :   13% ;
/*     margin          :   10px 10px ; */
/*     display         :   inline-block ; */
/*     border          :   1px solid rgb(130,130,130) ; */
}




#Footer1
{
    display             :   none ;
}


#Footer2
{
    display             :   block ;
}






#Pop-art-Gemaelde-Preview
{
    width               :   100% ;
}






#Trice-2-Have-Preview
{
    width               :   100% ;
}





#LvB-Anniversary-Dekopapier-Preview
{
    width               :   100% ;
}

#LvB-Anniversary-Dekopapier-Sorten-Preview
{
    width               :   100% ;
}

}










@media screen and (max-width: 1024px)
{

BODY
{
/*     background-color    :   rgb(0,120,180) ; */
}

#Nav1
{
    display             :   none ;
}

#Nav2
{
    display             :   block ;
}

HEADER
H1
{
    margin          :   8rem 0 4rem 0;
    
    font-size       :   4.2rem ;
/*     line-height     :   1.6em ; */
    text-align      :   left ;
}

HEADER
H2
{
    line-height     :   1.2em ;
}





#Kalender
{
    font-size           :   3rem ;
}





#Oldies-but-Goldies
{
    font-size           :   3rem ;
}






#Wand-Tischkalender-2021-Preview
{
    width               :   100% ;
    height              :   auto ;
    border              :   1px solid rgb(90,90,90) ;
    box-shadow          :   10px 10px 10px rgb(170,170,170) ;
}

SECTION
DIV.preview
IMG
{
    width           :   13% ;
/*     margin          :   10px 10px ; */
/*     display         :   inline-block ; */
/*     border          :   1px solid rgb(130,130,130) ; */
}






#Pop-art-Gemaelde-Preview
{
    width               :   100% ;
}






#Trice-2-Have-Preview
{
    width               :   100% ;
}





#LvB-Anniversary-Dekopapier-Preview
{
    width               :   100% ;
}

#LvB-Anniversary-Dekopapier-Sorten-Preview
{
    width               :   100% ;
}

}










@media screen and (max-width: 800px)
{

BODY
{
/*     background-color:   rgb(60,60,120) ; */
}

#Nav1
{
    display             :   none ;
}

#Nav2
{
    display             :   block ;
}

HEADER
H1
{
    margin          :   8rem 0 4rem 0;
    
    font-size       :   3.8rem ;
/*     line-height     :   1.6em ; */
    text-align      :   left ;
}





#Kalender
{
    font-size           :   2rem ;
}





#Oldies-but-Goldies
{
    font-size           :   2rem ;
}






#Wand-Tischkalender-2021-Preview
{
    width               :   100% ;
    height              :   auto ;
    border              :   1px solid rgb(90,90,90) ;
    box-shadow          :   10px 10px 10px rgb(170,170,170) ;
}

SECTION
DIV.preview
IMG
{
    width           :   21% ;
/*     margin          :   10px 10px ; */
/*     display         :   inline-block ; */
/*     border          :   1px solid rgb(130,130,130) ; */
}






#Pop-art-Gemaelde-Preview
{
    width               :   100% ;
}






#Trice-2-Have-Preview
{
    width               :   100% ;
}





#LvB-Anniversary-Dekopapier-Preview
{
    width               :   100% ;
}

#LvB-Anniversary-Dekopapier-Sorten-Preview
{
    width               :   100% ;
}

}










@media screen and (max-width: 640px)
{

BODY
{
/*     background-color:   rgb(0,180,180) ; */
}

#Nav1
{
    display             :   none ;
}

#Nav2
{
    display             :   block ;
}

HEADER
H1
{
    margin          :   8rem 0 4rem 0;
    
    font-size       :   3.4rem ;
/*     line-height     :   1.6em ; */
    text-align      :   left ;
}





#Kalender
{
    font-size           :   2rem ;
}





#Oldies-but-Goldies
{
    font-size           :   2rem ;
}






#Wand-Tischkalender-2021-Preview
{
    width               :   100% ;
    height              :   auto ;
    border              :   1px solid rgb(90,90,90) ;
    box-shadow          :   10px 10px 10px rgb(170,170,170) ;
}

SECTION
DIV.preview
IMG
{
    width           :   40% ;
/*     margin          :   10px 10px ; */
/*     display         :   inline-block ; */
/*     border          :   1px solid rgb(130,130,130) ; */
}






#Pop-art-Gemaelde-Preview
{
    width               :   100% ;
}






#Trice-2-Have-Preview
{
    width               :   100% ;
}





#LvB-Anniversary-Dekopapier-Preview
{
    width               :   100% ;
}

#LvB-Anniversary-Dekopapier-Sorten-Preview
{
    width               :   100% ;
}

}










@media screen and (max-width: 412px)
{

BODY
{
/*     background-color    :   rgb(180,180,0) ; */
}

#Nav1
{
    display             :   none ;
}

#Nav2
{
    display             :   block ;
}

HEADER
H1
{
    margin              :   8rem 0 4rem 0;
    
    font-size           :   3rem ;
/*     line-height         :   1.6em ; */
    text-align          :   left ;
}





#Kalender
{
    font-size           :   2rem ;
}





#Oldies-but-Goldies
{
    font-size           :   2rem ;
}






#Wand-Tischkalender-2021-Preview
{
    width               :   100% ;
    height              :   auto ;
    border              :   1px solid rgb(90,90,90) ;
    box-shadow          :   10px 10px 10px rgb(170,170,170) ;
}

SECTION
DIV.preview
IMG
{
    width           :   40% ;
/*     margin          :   10px 10px ; */
/*     display         :   inline-block ; */
/*     border          :   1px solid rgb(130,130,130) ; */
}






#Pop-art-Gemaelde-Preview
{
    width               :   100% ;
}






#Trice-2-Have-Preview
{
    width               :   100% ;
}





#LvB-Anniversary-Dekopapier-Preview
{
    width               :   100% ;
}

#LvB-Anniversary-Dekopapier-Sorten-Preview
{
    width               :   100% ;
}

}













@media screen and (max-width: 360px)
{

BODY
{
/*     background-color    :   rgb(180,0,0) ; */
    
    font-size           :   12px ;
}

#Nav1
{
    display             :   none ;
}

#Nav2
{
    display             :   block ;
}


HEADER
H1
{
    margin              :   8rem 0 4rem 0;
    
    font-size           :   2.6rem ;
/*     line-height         :   1.6em ; */
    text-align          :   left ;
}


HEADER
H2
{
    font-size           :   1.4rem ;
/*     line-height         :   1.6em ; */
}

FIGCAPTION
{
    margin              :   1.6rem 0 0 0 ;
/*     font-size           :   0.8rem ; */
/*     line-height         :   1.6em ; */
}





#Kalender
{
    font-size           :   2rem ;
}





#Oldies-but-Goldies
{
    font-size           :   2rem ;
}






#Wand-Tischkalender-2021-Preview
{
    width               :   100% ;
    height              :   auto ;
    border              :   1px solid rgb(90,90,90) ;
    box-shadow          :   10px 10px 10px rgb(170,170,170) ;
}

SECTION
DIV.preview
IMG
{
    width           :   40% ;
/*     margin          :   10px 10px ; */
/*     display         :   inline-block ; */
/*     border          :   1px solid rgb(130,130,130) ; */
}






#Pop-art-Gemaelde-Preview
{
    width               :   100% ;
}






#Trice-2-Have-Preview
{
    width               :   100% ;
}





#LvB-Anniversary-Dekopapier-Preview
{
    width               :   100% ;
}

#LvB-Anniversary-Dekopapier-Sorten-Preview
{
    width               :   100% ;
}



}










/*!
    @section    Multi-language support
    
    
*/

HTML[lang=de]
*:lang(de)
{
    visibility  :   visible ;
}

HTML[lang=de]
*:lang(en)
{
    visibility  :   hidden ;
    display     :   none ;
}


HTML[lang=en]
*:lang(en)
{
    visibility  :   visible ;
}

HTML[lang=en]
*:lang(de)
{
    visibility  :   hidden ;
    display     :   none ;
}