@font-face {
            font-family: Capture_it;
            src: url(../fonts/Capture_it.ttf);
        }
        @font-face {
            font-family: Impact_Label;
            src: url(../fonts/Impact_Label.ttf);
        }
        #mobile {display: none;}
        body {margin: 0; padding: 20px 354px; background: #372f6a; color: white;}

        .title {display: inline-block; width: 100%; border-radius: 16px; padding: 15px 0; margin-bottom: 20px; border: 1px solid white; text-align: ;}
        .title a {margin-right: 25px;}
        .title a:last-of-type {margin-right: 0;}

        .grid-container {
            display: grid;
            justify-content: center;
            grid-template-columns: 33% 33% 33%;
            grid-template-rows: auto auto auto;               
            gap: 20px;
            background: ;
            padding: 0 12px;  
            margin-bottom: 20px;            
        }

        .boundingbox {border: 1px solid white; border-radius: 16px; padding: 10px; margin-bottom: 20px;}

        .maincontainer {display: flex;}     
        .maincontainer div {padding: 10px; width: 33%;}   
        .maincontainer_2 {display: flex; justify-content: center; align-items: center;}        
        .maincontainer_2 div {padding: 10px; width: 33%;}

        .maincontainer_str {display: flex; justify-content: center; margin: 10px 0 0 0; background: ;}
        /* .maincontainer_str img {border-radius: 0;} */
        .maincontainer_str div {width: 30%; margin: 0 10px;}
 
        
        .schrift {font: normal 14px/16px Arial; width: 60%; margin: 0 auto; margin-top: 6px; margin-bottom: 4px; background: ;}
        .schrift p {margin: 0; text-align: justify;}

        .live {display: flex;  justify-content: space-evenly; margin-bottom: 20px; padding: 15px 0 12px 0; border: 1px solid white; border-radius: 16px; text-align: left;}
        .live p {font: normal 16px/135% Arial; margin: 15px 0 0 0;}
        .info_screen {width: 50%;}

        .noch_ein_kasten {display: flex; justify-content: center; align-items: center; background-color: #372f6a; padding: 10px; border: 1px solid white; border-radius: 12px; margin-top: 20px;}
        .noch_ein_kasten div {padding: 0 10px;}
        .noch_ein_kasten .wechselimg1:link, .wechselimg1:visited {width: 50px; height: 50px;}
        .noch_ein_kasten .wechselimg2:link, .wechselimg2:visited {width: 50px; height: 50px;}
        .noch_ein_kasten .wechselimg3:link, .wechselimg3:visited {width: 50px; height: 50px;}
        .noch_ein_kasten .wechselimg4:link, .wechselimg4:visited {width: 50px; height: 50px;}

        .menu_container {width: 100%; display: flex; justify-content: center; margin: 0 auto; background: transparent; margin-bottom: 5px;}
        .menu_container div {margin-right: 2%;}
        .menu_container div:last-child {margin-right: 0;}

        .wechselimg1 span {display: none;}
        .wechselimg1:link, .wechselimg1:visited {display: inline-block; width: 50px; height: 50px; background: url(../images/logo_fb.png) no-repeat center; background-size: contain;}
        .wechselimg1:hover, .wechselimg1:active, .wechselimg1:focus {background-image: url(../images/logo_fb_pink.png);}

        .wechselimg2 span {display: none;}
        .wechselimg2:link, .wechselimg2:visited {display: inline-block; width: 50px; height: 50px; background: url(../images/logo_yt.png) no-repeat center; background-size: contain;}
        .wechselimg2:hover, .wechselimg2:active, .wechselimg2:focus {background-image: url(../images/logo_yt_pink.png);}

        .wechselimg3 span {display: none;}
        .wechselimg3:link, .wechselimg3:visited {display: inline-block; width: 50px; height: 50px; background: url(../images/logo_ig.png) no-repeat center; background-size: contain;}
        .wechselimg3:hover, .wechselimg3:active, .wechselimg3:focus {background-image: url(../images/logo_ig_pink.png);}

        .wechselimg4 span {display: none;}
        .wechselimg4:link, .wechselimg4:visited {display: inline-block; width: 50px; height: 50px; background: url(../images/logo_mail.png) no-repeat center; background-size: contain;}
        .wechselimg4:hover, .wechselimg4:active, .wechselimg4:focus {background-image: url(../images/logo_mail_pink.png);}

        img {max-width: 100%; border-radius: 20px;}        
        .logo_social {max-width: 4em; vertical-align: middle; margin: 0 12px;}
        h1 {margin: 0; padding: 0; color: white; font: bold 1.3em Courier;}
        .live h1 {margin: 0 0 20px 0;}
        hr {width: 100%; border-bottom: 1pt solid deeppink; margin: 0 auto; margin-top: 15px; margin-bottom: 20px;}
        a:link {color: white; text-decoration: underline;}
        a:visited {color: white;}
        a:hover {color: deeppink; font-weight: normal; letter-spacing: ; text-decoration: none;}
        #act_mob {display: none;}
        #act {font: normal 7em Capture_it; line-height: 85%; letter-spacing: 3px; margin: 0; padding: 0; text-align: center;}
        #act-2 {color: white; font: bold 1.5em Courier; transform: rotate(0deg); text-align: center; text-transform: uppercase; letter-spacing: .5px;}
        .menu {text-align: center;}
        .grundschrift {font: normal 14px/16px Arial; text-align: center; margin: 0 0 0 0; padding: 0;}
        .conrad_mobile,#bttdis{display: none;}

        @media only screen and (max-width : 1540px) {
            #act {font-size: 5em;}
        }

        @media only screen and (max-width : 1270px) {
            #act {font-size: 4em;}
        }

        @media only screen and (max-width : 1080px) {
            body {margin: 5px 0 0 0; padding: 0 6px;}        
            .b4 {display: none;}
            .boundingbox {border: 0; padding: 0; margin: 0}
            .title {border: 0; padding: 0; margin-top: 5px; margin-bottom: 15px;}
            .title a {margin-right: 15px;}
            .noch_ein_kasten {border: 0; border-radius: 0;border-top: 1px solid white; border-bottom: 1px solid white; padding: 14px 0 10px 0;}
            .grid-container {display: block; width: 100%; padding: 0; margin: 0;}
            .maincontainer {display: inline-block; width: 100%;}
            .maincontainer div {border: 0; margin: 0; padding: 0; width: 100%;}
            .maincontainer_2 {display: inline-block; width: ;}
            .maincontainer_2 div {border: 0; margin: 0; padding: 0; width: 100%;}          
            .maincontainer_str div {width: 100%; margin: 0}
            .schrift {width: 90%; margin-top: 10px;}
            .schrift p {text-align: left;}
            .live {width: 100%; margin: 0 auto; margin-top: 5px; margin-bottom: 20px; padding: 0; border: 0; text-align: center;}
            .live p {line-height: 135%; margin-top: 15px;}
            .live h1 {margin: 0 0 15px 0; font-size: 18pt;}
            #screen, #screen_info {display: none;}
            #mobile {display: block;}            
            #act {font-size: 2.4em; line-height: 80%; letter-spacing: 1px; margin: 0; padding: 0; text-align:;}
            #act-2 {font-size: 1.05em; font-family: Courier; font-weight: bold; text-transform: uppercase; line-height: 100%; margin-top: 10px; margin-bottom: 15px; padding: 0; text-align:; letter-spacing: 0;} 
            .menu {margin-top: 20px;}   
            h1 {font-size: 1.25em;}              
            .noch_ein_kasten {margin-top: 16px; margin-bottom: 15px;}     
            img {border-radius: 14px;}
            .grundschrift {font-size: 15px; margin-bottom: 20px;}
            .menu_buttons {margin: 0; padding: 0;}
            #info_mobile {padding: 0 26px; margin-top: 10px; line-height: 20px;}
            .conrad_screen {display: none;}
            .conrad_mobile {display: block;}           
            .menu_container {margin-bottom: 12px;}
            .menu_container div {margin-right: 4%;}
            .wechselimg1:link, .wechselimg1:visited {width: 50px; height: 50px;}
            .wechselimg2:link, .wechselimg2:visited {width: 50px; height: 50px;}
            .wechselimg3:link, .wechselimg3:visited {width: 50px; height: 50px;}
            .wechselimg4:link, .wechselimg4:visited {width: 50px; height: 50px;}
            .maincontainer_str {display: block; margin: 0;}
            #cus_cover {max-width: 100%;}
            #cus_text {max-width: 100%; margin: 3px 0 0 0;}
            #cm {max-width: 100%; margin: 8px 0 0 0;}
            #bttdis {display: block;}
            .info_screen {display: none;}
        }