/* Schriften 
font-family:'BigCityGrotesquePro-Light';
font-family:'BigCityGrotesquePro-Regular';
font-family:'BigCityGrotesquePro-Bold';
font-family:'BigCityGrotesquePro-Medium';
font-family:'Avenir LT W01_55 Roman1475520';
font-family:'Avenir LT W01_65 Medium1475532';
*/

html, body { margin:0px; padding:0px; background:white; font-family:Arial;height:100%;font-family:'BigCityGrotesquePro-Regular';letter-spacing:0.5px }
h1, h2, h3,h4 { margin:0px;padding:0px;font-weight:normal;}
a { text-decoration:none; color:black}

#page { padding:40px;background-repeat:no-repeat;background-position:top left;height:1000px;
    max-height: 1400px;
    position: relative;
    max-width: 1920px;
    margin: 0px auto; }

.page_bg { background-image:url('../grafik/background/sol_2024_unterebenen_1920.png') }
        
@media screen and (min-width: 900px) and (max-width:1900px)  { #page { background-position:top center } }
@media screen and (min-width: 1600px) and (max-width:1800px)  { .page_bg { background-image:url('../grafik/background/sol_2024_unterebenen_1800.png') } }
@media screen and (min-width: 1450px) and (max-width:1600px)  { .page_bg { background-image:url('../grafik/background/sol_2024_unterebenen_1600.png') } }
@media screen and (min-width: 1300px) and (max-width:1450px)  { .page_bg { background-image:url('../grafik/background/sol_2024_unterebenen_1450.png') } }
@media screen and (min-width: 1200px) and (max-width:1300px)  { .page_bg { background-image:url('../grafik/background/sol_2024_unterebenen_1300.png') } }
@media screen and (min-width: 1100px) and (max-width:1200px)  { .page_bg { background-image:url('../grafik/background/sol_2024_unterebenen_1200.png') } }
@media screen and (min-width: 1000px) and (max-width:1100px)  { .page_bg { background-image:url('../grafik/background/sol_2024_unterebenen_1100.png') } }
@media screen and (min-width: 900px) and (max-width:1000px)  { .page_bg { background-image:url('../grafik/background/sol_2024_unterebenen_1000.png') } }
@media screen and (max-width:900px)  { #page { background-color:white;background-color:white } html, body { background-color:#ffffff } }
@media screen and (min-width:900px)  { html, body { background-color:#797979 } }



#head { float:left; }
#logo { float:left;width:343px;margin-right:4px;height:138px; background-color:rgb(182,22,21,0.7) }
#logo a { display:block;padding:7px 0px 7px 23px }
#imgLogo_kl { display:none }

#content { margin-left:489px;background-color:white;min-height:770px;font-family: 'BigCityGrotesquePro-Regular';font-size:16px;max-width:1350px }
#submenu { position:absolute;top:182px;left:40px;width:485px;min-height:628px }

#footer { position:absolute; bottom:1px; height:396px; width:100%; left:0px; display:none;max-width:1920px }
#divAktuelles { /*background-image:url('../grafik/repeat/rpt_start_aktuelles_rot.png');*/ background-color:rgb(182,22,21,0.7); height:137px }
#divAktuelles > div { float:left;width:25% }
#divAktuelles .Aktuelles_Item { background:url('../grafik/repeat/rpt_start_aktuelles_trennlinie.png') repeat-y left;height:137px }
#divAktuelles > div > div { padding:16px 20px 7px 35px;font-family:'BigCityGrotesquePro-Regular';color:#FFFFFF }
#divAktuelles > div > h3 { padding:0px 20px 0px 35px; }
#divAktuelles > div > h3 a { font-family:'BigCityGrotesquePro-Regular';color:white;font-size:23px }
#divAktuelles > div > h2 { font-family:'BigCityGrotesquePro-Light';color:white;font-size:34px;padding:12px 0px 0px 90px }
#divAktuelles > div:first-child a { font-size:17px;color:#FFFFFF;font-family:'BigCityGrotesquePro-Regular';padding:2px 0px 0px 90px}
.Aktuelles_VideoBild { position:relative }
.Aktuelles_VideoBild a { display:block;box-sizing:border-box;width:100%;height:100%;background-position:center center }
.Aktuelles_VideoBild img { position:absolute;top:50%;left:50%;margin-left:-33px;margin-top:-33px }
.video-container { position:absolute;bottom:0px;right:0px;width:50%;z-index:99 }
.video-container iframe { height:387px;float:left }
.bottom {background-image: url(../grafik/repeat/rpt_start_kalender_grau.png);
    height: 287px;
    padding: 50px 0px 11px 0px;}
.bottom > div { width:33.3%;float:left;box-sizing:border-box;padding:0px 0px 0px 93px }
.bottom > div h3 { color: #B61615;font-family:'BigCityGrotesquePro-Regular';margin-bottom:5px;font-size:23px }
.bottom > div a { color:#B61615 }
.bottom > div input { width:90%;max-width:300px;background-color:transparent;border:solid 1px black;margin:10px 0px;padding:6px 0px;font-family:'BigCityGrotesquePro-Regular';border-width:0px 0px 1px 0px;outline:none }

.bottom > div a.footer-button { background-color:#575757; color:white;display:inline-block;margin:10px 2px 10px 0px;color:white;padding:9px 20px 6px 20px }

#divAktuelles > div:first-child a.newsletter_btn { width:200px;background-color:#B61615;color:white;text-align:center;padding:5px 0px 4px 0px;
                                                   display:block;margin-left:90px;margin-top:10px;border:solid 1px white;font-size:17px }

#divKonzerte {
    background-image: url('../grafik/repeat/rpt_start_kalender_grau.png');
    height: 217px;
    margin-top: 3px;
    padding: 9px 20px 21px 20px
}

#divKonzerte > div:first-child { float:left;width:450px; }
#divKonzerte > div:nth-child(2) { height:124px }
.Konzert_Items {  border-bottom:solid 2px white;padding-top:10px; }
.Konzert_Items > div {  width:200px;float:left;font-family: 'BigCityGrotesquePro-Regular'; }
.Konzert_Items > div > div:nth-child(2) { position:relative;top:117px;font-size:31px;padding-top:20px;text-align:center;color:#B61615;background:url('../grafik/Buttons_Icons/ico_start_kalender_punkt_grau.png') no-repeat top center }
.Konzert_Items > div > div:nth-child(2) div { color:black;font-size:18px }
.Konzert_Items > div:first-child .Konzert_Item { display:block }
.Konzert_Items > div:first-child > div:nth-child(2)  { visibility:hidden }
.Konzert_Item { display:none;position:absolute;background:url('../grafik/Buttons_Icons/ico_start_kalender_punkt_rot.png') no-repeat 63px bottom;background-position-x:68px;background-position-y:bottom;height:138px;min-width:380px;max-width:470px;margin-left:19px;}
.Konzert_Item > div:nth-child(1) { float:left;width:80px;height:111px;margin-right:10px;padding-top:2px;text-align:center;font-size:45px;line-height:45px;font-family: 'BigCityGrotesquePro-Regular';color:#B61615;border-right:solid 2px white; }
.Konzert_Item > div:nth-child(1) > div { font-size:26px;color:black }
.Konzert_Item > div:nth-child(2) { font-size:25px;color:#B61615;padding-top:4px;line-height:26px }
.Konzert_Item.small-title > div:nth-child(2) { font-size:1.1em }
#divKonzerte > div > h2 { font-family:'BigCityGrotesquePro-Light';color:black;font-size:34px;padding:29px 0px 0px 70px }
#divKonzerte > div:first-child a { font-size:17px;color:#B61615;font-family:'BigCityGrotesquePro-Regular';padding:2px 0px 0px 70px}


#content h3 { color:#B61615;padding-bottom:30px;font-family:'BigCityGrotesquePro-Medium';font-size:32px; line-height: 39px;/*text-transform:uppercase*/ }
#content h3 span { padding:0px 15px }
#content h1 { color:#B61615;font-size:30px}
#content .medien { float:right;width:220px;text-align:right }
#content .beilagen { text-align:right }
#content .beilagen div { margin-top:10px;color:#B61615;margin-bottom:5px }
.hTitel { margin:38px 0px 24px 0px;font-size:26px }




.divVisit { position:absolute;left:93px; bottom:15px; background:url('../grafik/repeat/rpt_start_social_media_bg.png');width:300px;height:40px;color:white;padding:10px 7px 7px 7px;font-family:'BigCityGrotesquePro-Regular';font-size:18px}
.divVisit a { float:right;margin-left:6px }
.divVisit div { margin-right:100px }


.ui-tooltip {
  position: relative;
  display: inline-block;
  cursor: pointer;
  width: auto;
  white-space: nowrap;
  position: absolute;
  top: -5px; /* Position des Tooltips vertikal */
  left: -100%; /* Tooltip wird ganz links angezeigt */
  color: black;
  background-color: white; /* Kein Hintergrund */
  padding: 4px 10px; /* Kein Padding */
  border: solid 1px black; /* Keine Ränder */
  border-radius:10px;
}

#divPopupBg { position:fixed;top:0px;left:0px;right:0px;bottom:0px;background-color:rgb(0,0,0,0.5);z-index:98 }
#divPopup { position:fixed;z-index:99;top: 50%; left: 50%; transform: translate(-50%, -50%); }
#divPopup > img { position:relative; max-width: 90vw;   /* max. 90 % der Bildschirmbreite */
    max-height: 90vh;  /* max. 90 % der Bildschirmhöhe */
    width: auto;
    height: auto;
    margin: 0 auto;
    object-fit: contain; /* Bild bleibt im Verhältnis */}
.popup-close { position:absolute;top:10px;right:10px;cursor:pointer }

.popup-button { position:absolute; bottom:40px;left:90px }
.popup-mobile  { display:none } 


.popup-button a { background-color:#B61615;color:white;text-align:center;padding:6px 11px 5px 11px;
                                                   display:inline-block;margin-left:10px;font-size:17px }



@media screen and (min-width: 900px) and (max-width:1888px)  {
    #divKonzerte > div:first-child { width:400px }
}
@media screen and (min-width: 900px) and (max-width:1837px)  {
    .Konzert_Items > div:nth-child(6) { display:none }
}
@media screen and (min-width: 1300px) and (max-width:1637px)  {
    .Konzert_Items > div:nth-child(5) { display:none }
}
@media screen and (min-width: 1300px) and (max-width:1437px)  {
    .Konzert_Items > div:nth-child(4) { display:none }
}
@media screen and (min-width: 900px) and (max-width:1155px)  {
    .Konzert_Items > div:nth-child(5) { display:none }
}
@media screen and (min-width: 900px) and (max-width:1080px)  {
    .Konzert_Items > div:nth-child(4) { display:none }
    
    .popup-button { bottom:50px;left:70px }
}

@media screen and (max-width:1300px) {
    #page { padding:20px; }
    #footer { height:347px}
    .video-container iframe { height:347px; }
    #logo { width:257px;height:103px; }
    #logo a { padding:5px 0px 5px 17px }
    #imgLogo { display:none }
    #imgLogo_kl { display:block }
}

@media screen and (max-width:1400px)  {
    #divAktuelles > div > h3 a { font-size:20px;line-height:22px }
}
@media screen and (min-width: 900px) and (max-width:1100px)  {
    #divAktuelles > div > h3 a { font-size:18px;line-height:20px }
}

@media screen and (max-width:1300px)  {
    
    #content { margin-left:368px;min-height:770px;font-size:16px  }
    #content h3 { font-size:27px; }
    #submenu { top:127px;left:20px;width:364px;min-height:663px }

    /*konzerte*/
    #divKonzerte { height:177px; }
    #divKonzerte > div:nth-child(2) { height:99px }
    #divKonzerte > div:first-child { width:330px; }
    .Konzert_Items > div {  width:130px;font-size:15px }
    .Konzert_Item { background-position-x:43px;min-width:230px;max-width:350px;height:113px;margin-left:9px; }
    .Konzert_Items > div > div:nth-child(2) { top:92px; }
    #divKonzerte > div > h2 { font-size:28px;padding-left:40px }
    #divKonzerte > div:first-child a { font-size:15px;padding-left:40px }
    .Konzert_Item > div:nth-child(1) { width:55px;height:86px;font-size:35px;line-height:35px; }
    .Konzert_Item > div:nth-child(1) > div { font-size:18px; }
    .Konzert_Item > div:nth-child(2) { font-size:22px;line-height:22px }

    .divVisit { left:58px; /*width:260px;*/}
    
    .bottom > div { padding:0px 0px 0px 58px }

    #divAktuelles > div > h2 {  font-size:28px;padding-left:60px }
    #divAktuelles > div:first-child a { font-size:15px;padding-left:60px}
    #divAktuelles > div:first-child a.newsletter_btn { margin-left:30px; }
}

@media screen and (min-width: 1100px) and (max-height:900px)  {
    #footer { position:absolute;top:600px }
    #page { height:600px }
}

@media screen and (min-width: 900px) and (max-width: 1100px) and (max-height:770px)  {
    #footer { position:absolute;top:470px }
    #page { height:470px }
}

.nav_head {display:block}
.nav_sub_head {display:none}

/* Mobile */

#mob_menu { display:none;float:right;width:103px;height:103px;background-color:rgb(182,22,21,0.7); /*background-image:url('../grafik/repeat/rpt_start_menue_gold.png');*/ }
#mob_menu img { margin: 31px 16px 27px 20px;}
#mob_menu_x { display:none;float:right;width:103px;height:107px;background-color:#B61615; }
#mob_menu_x img { margin: 31px 16px 27px 20px;}
#menumobile { z-index:1000;font-family: 'BigCityGrotesquePro-Light';font-size:24px;margin-top:4px;position:relative;display:none }
#menumobile h3 a  { display:block;padding:30px 0px 30px 30px;background:url('../grafik/Buttons_Icons/ico_kalender_blaetter_pfeil_rechts.png') no-repeat right 20px center #B61615;color:white;border-bottom:solid 1px #897447;border-top:solid 1px white }
#menumobile h3 > a:first-child  { border-top:solid 0px white }
#menumobile h3 > a > div  { border-top:solid 0px white }
.submobile { display:none }
.submobile > div:first-child { background:#B61615;border-bottom:solid 3px white;color:white; }
#menumobile h3 .submobile > div:first-child a { display:block;background:url('../grafik/Buttons_Icons/ico_kalender_blaetter_pfeil_links.png') no-repeat center center;float:left;width:70px;height:70px;padding:0px;border-right:solid 4px white;border-width:0px 4px 0px 0px}
.submobile > div:first-child div { margin-left:74px;padding-left:20px;height:50px;padding-top:20px}
.nav_sub_head { margin-top:4px }
.nav_sub_head a { background:url('../grafik/buttons_icons/ico_blaetter_rot_links.png') no-repeat center center #efefef;width:63px;height:72px;display:block;float:left }
.nav_sub_head div { margin-left:67px;background-color:#efefef;padding:16px 0px 0px 20px;height:56px; font-family: 'BigCityGrotesquePro-Regular';font-size:28px }
#page .widemenu { position:static;width:100%;display:table;margin-top:4px}

@media screen and  (max-width:900px)  {
    #footer { position:absolute;top:500px }
    #head { float:none }
    #page { height:600px;background-size:contain }
    #mob_menu { display:block; }
    #mob_menu_x { display:none }
    #menu { display:none }
    #logo {  width:auto;float:none;margin-right:107px }
    #page #submenu { display:none }
    #page #submenu .menuhead .kategorien div  { display:block;width:auto;padding-top:20px;height:50px }
    #content { margin-left:0px }
    #content h3 { padding-bottom:0px }
    #content > div { padding-left: 0px; }
    .menuhead { margin-top:4px }
    #page .menuhead > a { padding-bottom: 17px; }
    #page .navigation a { padding:10px 0px 10px 80px }
    #page .navigation a.member-button { padding:10px 40px }
    #page .navigation a:last-child { margin-bottom:20px }
    #page .navigation a.top,#page .navigation a.top_ia { padding-left:40px }
    #page .navigation .sel { color:#B61615;background:url('../grafik/Buttons_Icons/ico_menue_punkt_rot.png') no-repeat 60px 14px; }
    
    .nav_head {display:none}
    .nav_sub_head {display:block}
    .nav_sub_head div { font-size:23px;padding-top:22px;height:50px; }
    
    .video-container { position:static;width:100%;text-align:center;padding:20px 0px; border-bottom: solid 1px #9D1C20;  background-color:rgb(182,22,21,0.7); /*background-image: url(../grafik/repeat/rpt_start_aktuelles_rot.png);*/ }
    .video-container iframe { height:347px;float:none;width:90%;margin:0px auto; }

    #divAktuelles { height:auto;z-index:9; }
    #divAktuelles > div { float:none;width:auto; }
    #divAktuelles > div > h2 { padding-left:35px;padding-top:20px;padding-bottom:10px/*float:left;padding-bottom:30px*/}
    #divAktuelles > div:first-child a { /*padding-right:30px;float:right;padding-top:47px;*/font-size:22px;padding-left:35px}
    #divAktuelles > div .mobile_tickets { width:100px; height:50px;font-size:17px;margin:15px 20px 15px 0px; border-radius: 40px; padding:10px;color:white; background-color:rgb(182,22,21,0.7);  /*background-image: url(../grafik/repeat/rpt_start_menue_gold.png);*/ font-family: 'BigCityGrotesquePro-Light';text-align:center;cursor:pointer;float:right }
    #divAktuelles > div .mobile_tickets div { font-size:23px;padding-top:1px }

    
    #divAktuelles > div:first-child a.newsletter_btn { margin-left:35px;margin-top:10px;margin-bottom:10px }

    #divAktuelles .Aktuelles_Item { clear:both;border-top:solid 1px #9D1C20;height:100px }
        
    #divKonzerte { height:auto;z-index:9; }
    #divKonzerte > div:first-child { width:auto;float:none }
    #divKonzerte > div { float:none;width:auto; }
    #divKonzerte > div > h2 { padding-left:13px;float:left;padding-bottom:30px}
    #divKonzerte > div:first-child a  { padding-right:10px;float:right;padding-top:17px;font-size:17px;padding-left:0px;width:115px;text-align:right}
    #divKonzerte .Konzert_Items { clear:both;border-top:solid 1px #9D1C20;height:100px }
    #divKonzerte > div:nth-child(2) { border-width:0px;height:auto }
    .Konzert_Items > div { float:none;width:auto;}
    .Konzert_Items > div a { display:block;background:none;min-height:70px;height:auto;padding-bottom:10px;padding-top:14px;border-top:solid 1px white}
    .Konzert_Items > div > div:nth-child(2) { display:none }
    .Konzert_Item  { position:static;max-width:900px;min-width:100px }
    .Konzert_Item > div:nth-child(1) { border-right-width:0px;padding-right:20px}
    
    .hTitel { margin:24px 0px 12px 0px;font-size:26px }

    .divVisit { position: static; width: auto; padding:10px 35px;}
    
    .bottom { height:unset }
    .bottom > div { float:none;width:100%;padding-bottom:40px;padding-left:35px }
}


@media screen and (min-width:900px) {
    #divAktuelles > div .mobile_tickets { display:none }
}

@media screen and  (max-width:550px)  {
    #footer { top:400px }
    .video-container iframe { height:300px; }
    #divAktuelles .Aktuelles_Item h3 { font-size:16px }
    #divAktuelles .Aktuelles_Item div { font-size:13px }
    #page #submenu .menuhead .kategorien div  { padding-top:22px;height:48px;font-size:20px }
}

@media screen and  (max-width:500px)  {
    .video-container iframe { height:250px;width:95% }
    #divAktuelles > div > h2 { font-size:24px;}
    #divAktuelles > div:first-child a { font-size:17px;}
    #divKonzerte > div > h2 { font-size:24px }
    #page #submenu .menuhead .kategorien div  { padding-top:25px;height:45px;font-size:18px;padding-right:40px }
}

@media screen and  (max-width:450px)  {
    .video-container iframe { height:230px; }
    #page { padding:0px; }
    #content { padding-left:10px }
    #footer { top:330px }
    #divAktuelles > div > h3 a { font-size:17px;line-height:19px }
    #divAktuelles > div > h2 { padding-bottom:15px;padding-top:20px }
    #divAktuelles > div:first-child a { font-size:17px;padding-top:27px}
    #divKonzerte > div > h2 { float:none;padding-bottom:5px}
    #divKonzerte > div:first-child a { padding-top:5px;width:200px}
    .Konzert_Item > div:nth-child(2) { font-size:18px; }
    #divKonzerte > div:first-child a { font-size:18px;}
    .Konzert_Item > div:nth-child(2) { font-size:16px}
    .Konzert_Item > div:nth-child(1) { font-size:24px;padding-right:10px;line-height:24px;padding-top:6px;width:40px}
    .Konzert_Item > div:nth-child(1) > div { font-size:16px }

    
}




/* TICKETS */

.tickets { position:absolute;top:40px;left:1622px; width:118px; border-radius: 40px; height: 60px; font-size:17px;margin:29px 40px 20px 90px;padding:10px;color:white; background-color:rgb(182,22,21,0.7);  /*background-image: url(../grafik/repeat/rpt_start_menue_gold.png);*/ font-family: 'BigCityGrotesquePro-Light';text-align:center;cursor:pointer }
.tickets div { font-size:28px;margin-top:5px }


@media screen and (max-width:1920px)  {
    .tickets { left:auto;right:20px }
}
@media screen and (max-width:1300px)  {
    .tickets { top:20px;right:0px;font-size:15px;height:41px;margin-top:21px }
    .tickets div { font-size:20px;margin-top:0px }
}
@media screen and (max-width:900px)  {
    .tickets { display:none }
    .popup-mobile  { display:block } 
    .popup-desktop  { display:none } 
    .popup-button { bottom:30px;left:20px }
    
}

.ticket_right {
  display:none;
  /*position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;*/
  z-index: 101;
}

.ticket_right > p {
    position:fixed;
    z-index:101;
    width:100%;
    max-width:1500px;
    text-align:center;
    padding-right:400px;
    box-sizing:border-box;
}

.ticket_right > p img {
    margin:10px;
    text-align:center;
}

.ticket_right > div {
  display:table;
  width:400px;
  position: fixed;
  top: 0;
  right: 0px;
  height: 100%;
  z-index: 101;
}

.ticket_top { /*background-image: url(../grafik/repeat/rpt_start_aktuelles_rot.png);*/ background-color:rgb(182,22,21,1); color:white; height:123px;padding:20px 29px 0px 26px;font-size:25px }
.ticket_top img { float:right;margin-top:10px;cursor:pointer }
.ticket_top div { font-size:39px;font-family:'BigCityGrotesquePro-Light';padding-top:7px }
#bg_ticket { display:none;    position: fixed; top: 0; left: 0; width: 100%; height: 100%;   background-color: #000; -moz-opacity: 0.9; opacity: .90; filter: alpha(opacity=90); z-index: 101; }



#ticket_over { overflow:auto; background-color:white; }
.ticket_item { margin-top:10px;width:350px;display:table;margin:0px 0px 0px 15px; }
.ticket_item > div { color:black; display:table-row; }
.ticket_item > div > div { display:table-cell;vertical-align:top;border-bottom:solid 1px #B4C1D2;padding-top:10px;padding-bottom:10px }
.ticket_item > div:last-child > div { border-bottom-width:0px }
.ticket_item > div > div:first-child { width:60px;text-align:center;color:#737373;font-size:16px }
.ticket_item > div > div:last-child {  }
.ticket_item > div > div:first-child > div { font-size:23px;font-family:'BigCityGrotesquePro-Regular';line-height:30px;color:#bd252c; }
.ticket_item > div > div:last-child > div { font-size:18px;margin-bottom:5px;line-height:20px;margin-top:1px }
.ticket_item > div > div > a { display:block;margin-top:10px }
.ticket_item > div > div > a.btn { background-color:#B61615;color:white;display:inline-block;margin-top:5px;width:132px;padding:8px 5px 5px 5px;text-align:center;font-family:'BigCityGrotesquePro-Light';font-size:15px;margin-bottom:8px }



@media screen and (max-height:1060px)  {
    .ticket_item > div > div > a { margin-top:5px }
    .ticket_item > div > div:first-child > div { font-size:27px;line-height:33px; }
    .ticket_item > div > div:first-child { font-size:18px }
    .ticket_item > div > div:last-child > div { font-size:24px;line-height:28px; }
    .ticket_item > div > div { padding-top:20px }
}


@media screen and (max-width:900px) {
    .ticket_right > p { display:none  }
}

@media screen and (max-width:520px) {
    .ticket_item > div > div {
        padding-bottom: 20px
    }

    .ticket_right > div {
        width: 100%;
    }

    .ticket_item > div > div:first-child > div {
        font-size: 22px;
        line-height: 25px;
    }

    .ticket_item > div > div:first-child {
        font-size: 15px
    }

    .ticket_item > div > div:last-child > div {
        font-size: 17px;
        line-height: 28px;
    }


}


@media screen and (max-width:430px) {
    .popup-button { bottom:0px;left:0px;right:0px;text-align:center }
    .popup-button a { margin-bottom:5px;width:200px }
}

@media screen and (max-width:400px) {
    #imgLogo_kl { max-width:180px }
}