/* CSS Document */

/* der Titel-Startseite */
*                           { 
                                margin:0; 
                                padding:0;
                                box-sizing; border-box;
                            }
a                           {
                                text-decoration: none;
                            }
header                      {
                                width:100vw;
                                height:50vh;
                                background-image: url('hintergrund_bilder/hintergrund1.jpg');
                                background-position: center;
                                background-size:cover;
                                display: flex;
                                align-items:flex-end;
                                justify-content: center;
                            }
.header-content             {
                                margin-bottom: 150px;
                                color:whitesmoke;
                                text-align: center;
                            }
.header-content h2          {
                                font-size: 4vmin;
                            }
.line                       {
                                width: 250px;
                                height: 4px;
                                background: darkblue;
                                margin: 10px auto;
                                border-radius:5px;
                            }
.header-content h1          {
                                font-size: 7vmin;
                                margin-top:50px;
                                margin-bottom: 30px;
                            }
.ctn                        {
                                padding: 8px 15px;
                                background: darkblue;
                                border-radius: 30px;
                                color: whitesmoke;
                            }
        
/* die Tagen-Startseite */
section                     { 
                                width:90%;
                                margin:90px auto;
                            }
.title                      {
                                text-algin: center;
                                font-size: 3vmin;
                                color: rgb(73, 73, 126);
                            }       
.row                        {
                                display:flex;
                                align-items:center;
                                width:100%;
                                justify-content:space-between;
                            }
.row .col                   {            
                                display: flex;
                                flex-direction:column;
                                align-items:center;
                            }  
.mounddi .row               {
                                margin-top:50px;
                            }            
h4                          {
                                font-size: 3vmin;
                                color: #484872;
                                margin:20px;
                            }
.mounddi .ctn               {
                                margin-top:30px;
                            }  
          
/* Der Donnerstag-Startseite */  
.donnerstag                 {
                                width:100%;
                                height:50vh;
                                background-image: url('donnerstag_bilder/donnerstag.jpg');
                                background-position:center;
                                backgroung-size: cover;
                                background-repeat:no-repeat;
                                display:flex;
                                align-items:center;
                            }    
.donnerstag-content         {
                                width:60%;
                                padding:50px;
                                color:whitesmoke;
                                display:flex;
                                align-items:center;
                                flex-direction:column;
                            }
.donnerstag-content h1      {
                                font-size: 7vmin;
                                margin: 50px;
                                color:white;
                                text-align:left;
                            }
.donnerstag-content h2      {
                                text-align:right;
                            }
.donnerstag-content .ctn    {
                                margin-top: 40px;
                            }       
                
/* Der Freitag-Startseite */
.content-col                {
                                width:40%;
                            }
.image-col                  {
                                width:60%
                            }
.freitag  .image-gallery    {
                                display:flex;
                                flex-wrap:wrap;
                                width: 100%;
                                align-items:center;
                            }
.image-gallery img          {
                                max-width:300px;
                                margin:10px;
                            }
.content-col h1             {
                                font-size:7vmin;
                                color:darkblue;
                            } 
.content-col  p             {
                                padding:0;
                                margin:30px auto;
                            }
           
/* Die Animationen */
img:hover                   {
                                transform:scale(1.1);
                            }
.ctn:hover                  {
                                background:whitesmoke;
                                color:darkblue;
                                box-shadow:2px 2px 5px black;
                            }