BODY {FONT-FAMILY: verdana,arial,helvetica,sans-serif; }

.page-description {
    background-color:#DFF8FF;
    padding:20px;
}

.content {
    padding-right: 100px;
    padding-left: 40px;
    padding-bottom: 20px;
    padding-top: 20px;
    width: 95%;
    font-size: 11px;
    background-color:#DFF8FF;
    overflow: auto;   /* <— FIX */
}


.header_back {WIDTH: 97%; HEIGHT: 40px; PADDING: 5px; MARGIN-BOTTOM: 6px; background-color:#DFF8FF}       /* Button Back Anzeige  */
.header {WIDTH: 97%; HEIGHT: 40px; PADDING: 5px; MARGIN-BOTTOM: 6px; BORDER-BOTTOM: 1px solid #0084D2;  background-color:#DFF8FF}       /* Logo Anzeige  */
.pro_he {WIDTH: 97%; HEIGHT: 40px; PADDING: 5px; MARGIN-BOTTOM: 6px; BORDER-BOTTOM: 1px solid #0084D2}                                  /* Logo Druck */


.pro_a {WIDTH: 100%; FLOAT: left; FONT-SIZE: 16px; FONT-WEIGHT: bold;}                                                      /* Tanzname   */
.pro_b {WIDTH: 100%; FLOAT: left; FONT-SIZE: 13px; MARGIN-BOTTOM: 5px;}                                                     /* Choreograph */

.pro_c {
    width: 97%;
    float: left;
    padding: 2px;
    margin-right: 10px;
    border: 1px solid #0084D2;
    background-color: #B9E4FF;
}

.pro_c_text {
    display: flex;
    flex-direction: column;         /* Zeilen untereinander */
}

.pro_c .hide {
    float: right;
    display: flex;
    gap: 12px;
    padding-right: 12px;
    align-items: center;
}

.pro_c .hide img {
    width: 37px;
    height: 37px;
}

.pro_d {WIDTH: 15%; FLOAT: left; FONT-WEIGHT: bold; MARGIN-LEFT: 5px}                                                       /* Text links */
.pro_e {WIDTH: 60%; FONT-SIZE: 11px; FLOAT: left;}                                                                          /* Text rechts */

.pro_o {WIDTH: 97%; FLOAT: left; PADDING: 2px; PADDING-BOTTOM: 3px; PADDING-LEFT: 4px; MARGIN-TOP: 8px; MARGIN-BOTTOM: 1px; FONT-SIZE: 11px; font-weight:bold; background-color:#B9E4FF} /* Sektion, Header */
.pro_l {WIDTH: 8%; FLOAT: left; PADDING-LEFT: 4px; MARGIN-BOTTOM: 1px;}          /* Sektion, Counts */
.pro_s {WIDTH: 85%; FONT-SIZE: 11px; FLOAT: left; MARGIN-BOTTOM: 1px;}           /* Sektion, Beschreibung */

.pro_x {WIDTH: 97%; FLOAT: left; PADDING: 2px; PADDING-LEFT: 4px; MARGIN-TOP: 8px; FONT-SIZE: 11px; background-color:#B9E4FF; color:#FF00FF}          /* Bridge */
.pro_y {WIDTH: 97%; FLOAT: left; PADDING: 2px; PADDING-BOTTOM: 3px; PADDING-LEFT: 4px; FONT-SIZE: 11px; font-weight:bold; background-color:#B9E4FF}   /* Bridge, Header */
.pro_y1 {WIDTH: 97%; FLOAT: left; PADDING: 2px; PADDING-BOTTOM: 3px; PADDING-LEFT: 4px; FONT-SIZE: 11px; background-color:#B9E4FF}                    /* Bridge, ? */

.pro_c1 {WIDTH: 97%; FLOAT: left; PADDING: 2px; MARGIN-RIGHT: 10px; MARGIN-BOTTOM: 10px; BORDER: 1px solid #0084D2; background-color:#B9E4FF; }        /* Kasten Choreo, Füllung dunkelblau */
.pro_d1 {WIDTH: 20%; FLOAT: left; FONT-WEIGHT: bold; MARGIN-LEFT: 5px}                                                                                 /* Artist */
.pro_e1 {WIDTH: 70%; FONT-SIZE: 11px; FLOAT: left;}                                                                                                    /* Titel; Single  */
.pro_d2 {WIDTH: 20%; FLOAT: left; FONT-WEIGHT: normal; MARGIN-LEFT: 5px}                                                                               /* Album */

.pro_c2 {WIDTH: 97%; FLOAT: left; PADDING: 2px; MARGIN-RIGHT: 10px; MARGIN-BOTTOM: 10px; BORDER: 1px solid #0084D2; background-color:#FFFFFF; }        /* Kasten Musik, Füllung weiß */


.pb {WIDTH: 97%; FLOAT: left; FONT-SIZE: 10px; MARGIN-TOP: 10px; BORDER-TOP: 1px solid #0084D2; text-align: right}                                   /* Aufnahme, Copyright Druck */
.pc {FONT-SIZE: 11px; MARGIN-TOP:10px; FLOAT: left;}                                                                                                   /* Aufnahme Anzeige */

@media screen {
   .pb { display: none; }
   .pro_he { display: none; }
   .pro_he + br { display: none; }
}


@media Print
{
.hide {DISPLAY: none !important;}
.pro_c .hide {DISPLAY: none !important;}
.header {DISPLAY: none}
.header_back {DISPLAY: none}
.copyright {DISPLAY: none}
.myMenu {DISPLAY: none; WIDTH: 0px}
.content {WIDTH: 95%}
P.hp {COLOR: #000; BACKGROUND-COLOR: #ffffff}
}