/*
CSS-Definitionen atelier-lfb.de

(c) 2022 - AuTec Software GmbH

Farben:
gold         : 165,114,48
grau (mittel): 115,108,92
grau (dunkel): 87,87,87
beige        : 246,240,234
*/

.gold    {color: rgb(165,114,48); font-family: 'Alegreya-Regular'; }
.grau    {color: rgb(115,108,92);}
.dklgrau {color: rgb(87,87,87);}
.beige   {color: rgb(246,240,234);}

/*----- Fonts -------------------------------------------------------------*/

@font-face {
  font-family: 'Alegreya-Regular';
  font-style: normal;
  font-weight: 100;

  src: url('/fonts/Alegreya-Regular.eot'); /* IE9 Compat Modes */
  src: local('Alegreya-Regular'),
       url('/fonts/Alegreya-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/Alegreya-Regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/Alegreya-Regular.ttf') format('truetype'); /* Safari, Android, iOS */
}

@font-face {
  font-family: 'AlegreyaSans-Regular';
  font-style: normal;
  font-weight: 100;


  src: url('/fonts/AlegreyaSans-Regular.eot'); /* IE9 Compat Modes */
  src: local('AlegreyaSans-Regular'),
       url('/fonts/AlegreyaSans-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/AlegreyaSans-Regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/AlegreyaSans-Regular.ttf') format('truetype'); /* Safari, Android, iOS */
}

@font-face {
  font-family: 'Alegreya-Italic';
  font-style: normal;
  font-weight: 100;

  src: url('/fonts/Alegreya-Italic.eot'); /* IE9 Compat Modes */
  src: local('Alegreya-Italic'), 
       url('/fonts/Alegreya-Italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/Alegreya-Italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/Alegreya-Italic.ttf') format('truetype'); /* Safari, Android, iOS */
}

/*----- Allgemein ---------------------------------------------------------*/

* {box-sizing:border-box}

body               {
                     background-color            : rgb(255,255,255);
                     font-family                 : 'AlegreyaSans-Regular';
                     font-size                   : 16pt;
                     text-align                  : center;
                     padding                     : 0px;
                     margin                      : 0px;
                     color                       : rgb(87,87,87);
                   }

h1                 {
                     margin                      : 0px;
                     margin-top                  : 20px;
                     margin-bottom               : 5px;
                     font-family                 : 'Alegreya-Italic';
                     font-size                   : 18pt;
                     font-weight                 : normal;
                     color                       : rgb(165,114,48);
                   }

h2                 {
                     margin                      : 0px;
                     margin-bottom               : 5px;
                     font-family                 : 'Alegreya-Regular';
                     font-size                   : 30pt;
                     color                       : rgb(115,108,92);
                   }

h3                 {
                     margin                      : 0px;
                     margin-top                  : 5px;
                     margin-bottom               : 5px;
                     font-family                 : 'Alegreya-Italic';
                     font-size                   : 16pt;
                     font-weight                 : bold;
                     color                       : rgb(165,114,48);
                     color                       : rgb(115,108,92);
                   }


h4                 {
                     margin                      : 0px;
                     margin-top                  : 5px;
                     margin-bottom               : 5px;
                     font-family                 : 'Alegreya-Italic';
                     font-size                   : 16pt;
                     font-weight                 : normal;
                     color                       : rgb(165,114,48);
                     color                       : rgb(115,108,92);
                   }

p                  {
                     line-height                 : 20pt;
                     padding                     : 0px;
                     margin                      : 0px;       
                     margin-bottom               : 5px;
                   }

img                {
                     border                      : none;
                     margin                      : 0px;
                   }
                                                        
/*----- Layouts -----------------------------------------------------------*/
          
div#headerfix      {
                     width                       : 100%;
                     height                      : 100px;
                     position                    : fixed;
                     left                        : 0px;
                     top                         : 0px;
                     z-index                     : 1;
                     background-color            : white;
                     border                      : 1px solid rgb(115,108,92);
                   }

div#header         {
                     width                       : 100%;
                     max-width                   : 1520px;
                     height                      : 100px;
                     margin-left                 : auto;
                     margin-right                : auto;
                   }

div#hinfo          {
                     float                       : left;
                     padding-top                 : 12px;
                     z-index                     : 1;
                     margin-left                 : 40px;
                   }

div#outer          {
                     width                       : 100%;
/*                     max-width                   : 1920px;*/
                     margin-top                  : 100px;
                     overflow                    : hidden;
                     margin-left                 : auto;
                     margin-right                : auto;
                     background:
                       url(img/grafik-04.png) 0px 20% no-repeat,
                       url(img/grafik-03.png) right 50% no-repeat,
                       url(img/grafik-02.png) left bottom no-repeat;
                     
                   }

div#inner          {
                     overflow                    : hidden;
                   }

div#content        {
                     width                       : 100%;
                     max-width                   : 1920px;
                     margin-left                 : auto;
                     margin-right                : auto;
                     text-align                  : left;
                     min-height                  : 500px;
                     overflow                    : hidden;                    
                   }


div#pageheader     {
                     width                       : 100%;
                   }

div#pagecontent    {
                     width                       : 100%;
                     max-width                   : 1280px;
                     margin-left                 : auto;
                     margin-right                : auto;
                     margin-top                  : 50px;
                     margin-bottom               : 100px;
                     padding-left                : 5px;
                     padding-right               : 5px;
                     text-align                  : center;
                     overflow                    : hidden;                    
                     background-color            : white;                     
                   }

/*                        url(img/grafik-01.png) left bottom no-repeat;
 */

div#pagecontent table {
                        text-align                  : left;
                      }
                   
.colleft           {
                     float                       : left;
                     width                       : 45%;
                     text-align                  : center;
                     margin-top                  : 25px;
                   }
.colright          {
                     float                       : right;
                     width                       : 45%;
                     text-align                  : center;
                     margin-top                  : 25px;
                   }

.bordgold          {
                     border                      : 1px solid rgb(165,114,48);
                     text-align                  : center;
                     padding                     : 10px
                   }


.clear             { clear                       : both; }

/*----- Footer ---------------------------------------------------------*/

div#footer         {
                     width                       : 100%;
                     min-height                  : 200px; 
                     background-color            : rgb(246,240,234);
                     overflow                    : hidden;
                     text-align                  : center;
                   }

div#finfo          {
                     width                       : 100%;
                     max-width                   : 1520px;
                     margin-left                 : auto;
                     margin-right                : auto;
                     text-align                  : center;
                     overflow                    : hidden;
                   }

.ibox1,              
.ibox2,              
.ibox3             {
                     width                       : 30%;
                     margin-top                  : 45px;
                     margin-bottom               : 45px;
                     overflow                    : hidden;
                   }

.ibox1             { 
                     float                       : left; 
                     margin-left                 : 40px;
                     text-align                  : left;
                   }  
.ibox2             { 
                     margin-left                 : auto;
                     margin-right                : auto;
                   }  
.ibox3             { 
                     float                       : right; 
                     text-align                  : right;
                     margin-right                : 40px;
                   }

/*----- Startseite---------------------------------------------------------*/

.section          {
                    width                         : 80%;
                    margin-top                    : 50px;
                    margin-bottom                 : 50px;
                    margin-left                   : auto;
                    margin-right                  : auto;
                    text-align                    : center;
                    overflow                      : hidden;
                  }

div#homeheader    {
                    width                         : 100%;
                    aspect-ratio                  : 2.3 / 1;
/*                    background-image              : url('/img/lfb-start-header-01.jpg');*/
                    background-image              : url('/img/lfb-bildgeschichte-02.jpg');*/
                    background-repeat             : no-repeat;
                    background-size               : cover;
                    display                       : flex;
   		    justify-content               : center;
                    align-items                   : center;
                    text-align                    : center;
                    overflow                      : hidden;                   
                  }
div#textheader {
                    background-color              : rgba(255,255,255,0.7);
                    text-align                    : center;
                    margin-left                   : auto;
                    margin-right                  : auto;
                    padding                       : 20px;
                  }

div.homecontent   {
                    width                         : 100%;
                    max-width                     : 1280px;
                    text-align                    : center;
                    margin-left                   : auto;
                    margin-right                  : auto;
                    background-color              : white;
                    overflow                      : hidden;
                  }



div#homecaroussel {
                    text-align:center;
                    margin-bottom                 : 50px;
                    overflow                      : hidden;
                  }
                  
/* Slide-Carousel */

.slide            {
                    display                       : none;
                    overflow                      : hidden;
                    position                      : relative;
                  }

.slideimg         {
                    width                         : 100%;
                  }
                  
.h2smaller        {
                     font-size                    : 22pt;
                     line-height                  : 24pt;
                  }
                  
.moveleft         {
                    animation-name                : moveleft;
                    animation-duration            : 1.5s;
                  }

.moveright        {
                    animation-name                : moveright;
                    animation-duration            : 1.5s;
                  }

@keyframes moveleft 
                  {
                    from {left: 100%}
                    to   {left: 0%}
                  }           

@keyframes moveright
                  {
                    from {left: -100%}
                    to   {left: 0%}
                  }           

div#homegalerie   {
                    width                         : 100%;
                    height                        : 400px;
                    display                       : flex;
		    justify-content               : center;
                    align-items                   : center;
                    background-image              : url('/img/lfb-start-header-01.jpg');
                    background-repeat             : no-repeat;
                    background-size               : cover;
                  }

div#buttongalerie {
                    max-width                     : 50%;  
                    padding                       : 20px;
                    background-color              : rgba(255, 255, 255, 0.7);
                    text-align                    : center;       
                    cursor                        : pointer;
                  }




/*----- Links -------------------------------------------------------------*/
                 
div#menud          {
                     float                       : right;
                     z-index                     : 98;
                     margin-right                : 40px;
                     width                       : 220px;
                   }

div#menum          {
                     display                     : none;
                     float: right;
                     background-color            : white;
                     z-index                     : 99;
                     border                      : 2px solid rgb(165,114,48);
                     width                       : 300px;
                   }
                   
img#img_mbutton    {
                     margin-top : 21px;
                     height     : 58px;
                   }

#menu00,
#menu98,
#menu99            {
                     display                     : none;
                   }

A:link,             
A:hover,
A:active,
A:visited          {
                     font-family                 : 'Alegreya-Regular';
                     font-size                   : 16pt;
                     color                       : rgb(165,114,48);
                     text-decoration             : none;
                   }

A:hover.caroussel,
A:active.caroussel,
A:visited.caroussel,
A:link.caroussel   {
                     font-family                 : 'Alegreya-Regular';
                     font-size                   : 16pt;
                     color                       : rgb(165,114,48);
                     text-decoration             : none;
                    }


A:hover.menu_i,
A:active.menu_i,
A:visited.menu_i,
A:link.menu_i      {
                     font-family                 : 'Alegreya-Regular';
                     font-size                   : 14pt;
                     margin-left                 : 20px;
                     margin-right                : 20px;
                     margin-top                  : 0px;
                     margin-bottom               : 0px;
                     line-height                 : 28px;
                     height                      : 28px;
                     padding                     : 0px;
                     overflow                    : hidden;
                     vertical-align              : middle;
                     text-align                  : left;
                     cursor                      : pointer;
                     color                       : rgb(87,87,87);
                     text-decoration             : none;
                     display                     : block;
                   }
                   

A:hover.menu_a,
A:active.menu_a,
A:visited.menu_a,
A:link.menu_a      {
                     border-bottom               : 1px solid rgb(115,108,92);
                   }

.ilink             { 
                     color                       : rgb(0,144,204);
                     font-size                   : 13px;
                     font-weight                 : bold;
                     cursor                      : pointer;
                     text-decoration             : none;
                   }         

/* galerie */

.thumb             {
                     width                       : 300px;
                     height                      : 300px;
                     display                     : inline-block;
                     overflow                    : hidden;
                     margin                      : 25px;
                   }

.thumb img         {
                     width                       : 100%;
                     height                      : 100%;
                     object-fit                  : cover;
                   }

.tag               {
                     display                     : inline-block;
                     width                       : 50%;
                     font-family                 : 'Alegreya-Italic';
                   } 
                   
div#eigen          {
                     display                     : block;
                   }                     
div#fremd          {
                     display                     : none;
                   }                     
div.gbutton        {
                     color                       : rgb(165,114,48);
                     border                      : 1px solid rgb(165,114,48);
                     width                       : 300px;
                     display                     : inline-block;
                     padding                     : 10px;
                     cursor                      : pointer;
                     margin-left                 : 20px;
                     margin-right                : 20px;
                   }                     

/*Table*/

table.lfbt         {
                     margin-left                  : auto;
                     margin-right                 : auto;
                   }
table.lfbt td      {
                     vertical-align               : top;
                   }


@media only screen and (max-width: 768px)
{
  div#hinfo {
              float: left;
              padding-top: 21px;
              z-index: 1;
              margin-left: 2px;
              width :48%;
            }  
  div#hinfo img {
                  width: 90%;
                }  

  div#menud {
              float: right;
              z-index: 99;
              margin-right: 2px;
              width: 48%
            } 

  img#img_mbutton {
                     margin-top: 2px;
                     width 100%;
                  }

  div#menum       {
                    width:100%;
                    
                  }

  .colleft        {
                     float                       : none;
                     width                       : 90%;
                     text-align                  : center;
                     margin-left                 : auto;
                     margin-right                : auto;
                  }
                  
  .colright       {
                     float                       : none;
                     width                       : 90%;
                     text-align                  : center;
                     margin-top                  : 25px;
                     margin-left                 : auto;
                     margin-right                : auto;
                  }


  .ibox1           { 
                     float                       : none; 
                     margin-left                 : auto;
                     margin-right                : auto;
                     text-align                  : center;
                     width                       : 90%;
                   }  
  .ibox2           { 
                     margin-left                 : auto;
                     margin-right                : auto;
                     text-align                  : center;
                     width                       : 90%;
                   }  
  .ibox3           { 
                     float                       : none; 
                     text-align                  : center;
                     margin-left                 : auto;
                     margin-right                : auto;
                     width                       : 90%;
                   }

  img#img_logo     { width: 90% }

  div#homeheader h1{ 
                     margin                      : 0px;
                     margin-top                  : 2px;
                     margin-bottom               : 2px;
                     font-family                 : 'Alegreya-Italic';
                     font-size                   : 14pt;
                     font-weight                 : normal;
                     color                       : rgb(165,114,48);
                   }
  div#homeheader h2{ 
                     margin                      : 0px;
                     margin-bottom               : 5px;
                     font-family                 : 'Alegreya-Regular';
                     font-size                   : 16pt;
                     color                       : rgb(115,108,92);
                   }

}

@media only screen and (max-width: 768px)
{
  body             {
                     background-color            : rgb(255,255,255);
                     font-family                 : 'AlegreyaSans-Regular';
                     font-size                   : 12pt;
                     text-align                  : center;
                     padding                     : 0px;
                     margin                      : 0px;
                     color                       : rgb(87,87,87);
                   }

  h1               {
                     margin                      : 0px;
                     margin-top                  : 14px;
                     margin-bottom               : 5px;
                     font-family                 : 'Alegreya-Italic';
                     font-size                   : 18pt;
                     font-weight                 : normal;
                     color                       : rgb(165,114,48);
                   }

  h2               {
                     margin                      : 0px;
                     margin-bottom               : 5px;
                     font-family                 : 'Alegreya-Regular';
                     font-size                   : 18pt;
                     color                       : rgb(115,108,92);
                   }

  p                {
                     line-height                 : 14pt;
                     padding                     : 0px;
                     margin                      : 0px;       
                     margin-bottom               : 5px;
                   }


  .h2smaller       {
                     font-size                    : 14pt;
                     line-height                  : 16pt;
                   }

  A:hover.caroussel,
  A:active.caroussel,
  A:visited.caroussel,
  A:link.caroussel {
                     font-family                 : 'Alegreya-Regular';
                     font-size                   : 14pt;
                     color                       : rgb(165,114,48);
                     text-decoration             : none;
                   }

  .section         {
                    width                         : 95%;
                   }

}