/*
    Stylesheet
    RiedCreator.de
    @2025
*/

    body {
        background:#000; 
        color:#fff; 
        font-family:sans-serif;
        /*font-family: "Segoe UI Emoji", "Noto Color Emoji", "Apple Color Emoji", sans-serif;*/

    }

/*
    body, p, h1, h2, h3, h4, h5, h6 {
        word-break: normal;
        overflow-wrap: break-word;
        white-space: normal;
    }*/


/* LINKS */

    a:link {
        color: green;
        background-color: transparent;
        text-decoration: none;
    }
  
    a:visited {
        color: pink;
        background-color: transparent;
        text-decoration: none;
    }
  
    a:hover {
        color: red;
        background-color: transparent;
        text-decoration: underline;
    }
  
    a:active {
        color: yellow;
        background-color: transparent;
        text-decoration: underline;
    }

  /* */

    .center {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .textleft {
        text-align: left;
    }

    img {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    /*
    p {
        text-align: center;
    }  
    */

    p, .text {
        text-align: center;
        word-break: keep-all;
    }

    table { 
        width: 600px; 
    }

    .tabcenter {
        margin-left: auto;
        margin-right: auto;            
    }          

    .grow { 
        width: 100%; 
    }

    td {
        text-align: center;
        width:0.1%;
        white-space: nowrap;
    }

    h1 {
        text-align: center;
    }

    h2 {
        text-align: center;
    }

    .p1 {
        text-align: center;
        font: 1em sans-serif;
        font-style: italic;
    }

    ul {
        text-align: center;
        list-style-type: none;
        margin: 0;
        padding: 0;        
    }

    li {
        text-align: center;
    }

    .p1 {
        text-align: center;
        font: 1em sans-serif;
        font-style: italic;
    } 

    /* -- Videos -- */

    .video-gallery {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px;
    max-width: 1080px;  /* Begrenzung der Gesamtbreite */
    margin: 0 auto;     /* Zentriert die Galerie auf der Seite */
    padding: 10px;
    }

    .video-block {
    display: flex;
    flex-direction: column;
    align-items: center;
    }

    .video-title {
    margin-bottom: 8px;
    font-weight: bold;
    }

    video {
      width: 250px;
    }

    .video2 {
        width: 800px;
    }

    /* -- Videos YT -- */

    .video-container {
        display: flex;
        gap: 10px;
        justify-content: center;
        flex-wrap: wrap;
    }

    .video-container iframe {
        height: 200px;
        width: 355px; /* Seitenverhältnis 16:9 bei Höhe 200px */
    }

    /* -- Videos YT -- */

    .video-container2 {
        display: flex;
        gap: 10px;
        justify-content: center;
        flex-wrap: wrap;
    }

    .video-container2 iframe {
        height: 500px;
        width: 500px; /* Seitenverhältnis 16:9 bei Höhe 200px */
    }


    /* instragram */

    .instagram-link {
        display: inline-flex;
        align-items: center;
        text-decoration: none;
        color: #E1306C;
        font-weight: normal;
        font-size: 1.2em;
        transition: color 0.3s ease;
    }

    .instagram-link:hover {
        color: #C13584;
    }

    .instagram-link i {
        margin-right: 8px;
    }

/* end */