/* CSS Document */

body                { 
                        background-image: url('hintergrund_bilder/hintergrund2.jpg');
                        background-size:cover;
                        background-position:center;
                        backround.repeat:no-repeat;
                    }
.ctn                {
                        padding: 8px 15px;
                        background: darkblue;
                        border-radius: 30px;
                        color: whitesmoke;
                    }
a                   {
                        text-decoration: none;
                    }
                    
/* der Titel */
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;
                    }
/* Der Montag */
p                   { 
                        margin-top:50px;
                        margin-bottom: 30px;
                    }
em                  { 
                        font-size: 3vmin;
                        font-family: 'Arial';
                        color:whitesmoke;
                    }      
.titel-content      {
                        margin-bottom: 150px;
                        color:black;
                        text-align: center;
                    }
.titel-content h2   {
                        font-size:7vmin;
                        text-align:center;
                    }  
.titel-content h1   {
                        font-size: 7vmin;
                        margin-top:50px;
                        margin-bottom: 30px;
                        color:whitesmoke;            
                    } 

          
/* Dienstag*/
.row                { 
                        display:flex;
                        align-items:center;
                        justfy-content:space-between;
                        margin-bottom:50px;
                        flex-direction:row-reverse;
                    }
.text               {
                        flex:1;
                        padding-left:40px;
                    }
.image              {
                        flex:1;
                        text-align:center;
                    }
img                 {
                        max-width:70%;
                        height:auto;
                    }
p                   { 
                        color:whitesmoke;
                    }
video               {
                        width:500px;
                        height:500px;
                    }