/* ######### UCP BASICS ######### */

.zia_button {}
.ucp_around { background: var(--dunkel); margin-bottom: 60px; margin-top: 10px; padding: 20px 20px 30px 20px;}
.ucp_headline {text-align: center; font-family: 'Frank Ruhl Libre', serif; font-weight: 400; text-transform: uppercase; padding: 10px; color: var(--graubraun_light); font-weight: 300; letter-spacing: 3px; font-size: 14px; margin-bottom: 10px;}
.ucp_around a:link, .ucp_around a:visited {letter-spacing: 0.5pt;}
.ucp_around a:hover { text-decoration: none; opacity: 0.8;}
.ucp_maintitle {text-align: center; margin: 10px 0 20px 0; font-family: 'Frank Ruhl Libre', serif; font-weight: 400; text-transform: uppercase; color: var(--graubraun_dark); letter-spacing: 1pt; font-size: 30px; clear: both;}

.ucp_title {margin: 0px auto; width: 1000px; height: auto; padding: 20px 20px 5px 20px; text-align: center; text-transform: lowercase; margin-top: 30px; font-style: italic;  margin-bottom: 5px; height: 20px; overflow:hidden; font-family: 'Yeseva One', cursive; letter-spacing: 1pt; color: var(--schwarz); font-size: 26px; font-weight: 100;}
.ucp_line {height: 1px; width: 1000px; border-top: 5px solid var(--accent1); margin: 0px auto; padding: 0px 20px 5px 20px;}


 /* ######### UCP BASICS ######### */
.ucp_charasettings {text-align: left; width: 80%; margin: auto; }
.ucp_charasettings_grid {text-align: left; margin: auto; display:grid; grid-template-columns: 40% 50%; justify-content: center; gap: 20px; align-items: top; padding: 20px 0 20px 0;}
.ucp_charasettings_head {text-transform: uppercase; letter-spacing: 1pt; font-size: 12px; text-align: left; grid-row: 1; grid-column: 1;}
.ucp_charasettings_head::before {content: '----------'; letter-spacing: -1pt;margin-right: 3px;}
.ucp_charasettings_desc {text-transform: none; letter-spacing: 0.3pt; font-size: 11px;}
.ucp_charasettings_code {grid-row: 1; grid-column: 2;}
.ucp_charasettings legend {font-family: 'Arial', sans-serif; text-transform: uppercase; font-size: 10px; letter-spacing: 1pt; font-weight: normal;}

 /* ######### UCP STARTSEITE ######### */
    
.ucpflex {display: flex; justify-content: space-around; gap: 20px; margin-bottom: 20px; }
.ucp_menuflex {text-align: left; margin-top: 0px; display: flex; flex-wrap: wrap; gap: 5px; justify-content: space-between; flex-basis: 580px; font-family: 'Arial', sans-serif; }
.ucp_menuflex2 {text-align: left; margin-top: 0px; display: flex; flex-wrap: wrap; gap: 5px; justify-content: space-between; flex-basis: 420px; }

.ucp_menulink, .ucp_menulink2 {font-size: 10px; color: var(--schwarz); text-transform: uppercase; letter-spacing: 1.5pt; padding: 4px 8px 4px 8px; border: 1px solid var(--schwarz); margin: 3px 1px 3px 1px; display: inline-block; width: 110px; text-align: center; height: 30px; align-content: center;}

.ucp_menulink a:link, .ucp_menulink a:visited, .ucp_menulink2 a:link, .ucp_menulink2 a:visited {color: var(--schwarz); font-size: 10px; text-decoration: none;}
.ucp_menulink:hover, .ucp_menulink2:hover {opacity: 1;}
.ucp_menulink a:hover, .ucp_menulink2 a:hover {text-decoration: none; color: var(--schwarz); opacity: 0.8; border-bottom: 2px solid var(--accent1); }

.ucp_menu_headline {font-family: 'Frank Ruhl Libre', serif; font-weight: 400; text-transform: lowercase; font-size: 14px; letter-spacing: 2pt; border-bottom: 3px solid var(--hell); text-align: center; width: 100%; height: 50px; align-content: center; font-style: italic;}
.ucp_menu_headline2 {font-family: 'Frank Ruhl Libre', serif; font-weight: 400; text-transform: lowercase; font-size: 14px; letter-spacing: 2pt; border-bottom: 3px solid var(--accent1); text-align: center; width: 100%; height: 50px; align-content: center; font-style: italic;}
    
.ucp_homeflex {display: flex; align-items: center;padding: 30px; background: var(--dunkel); }
.ucp_home_avatar {margin: 30px 0px 0px 0px;}
.ucp_home_avatar_img {height: 220px;}
.ucp_home_headline {font-family: 'Frank Ruhl Libre', serif; font-weight: 400; text-transform: uppercase; letter-spacing: 0.5pt; font-size: 20px; text-align: left; margin: 0px 0px 0px 10px;}
.ucp_home_facts { font-family: 'Arial', sans-serif; font-size: 12px; line-height: 26px; padding: 10px; text-align: left;}

.ucp_blacklistreminder {text-align: left; font-size: 12px; letter-spacing: 0.4pt; padding: 40px;}
.ucp_blacklistreminder_head {font-family: 'Frank Ruhl Libre', serif; font-weight: 600; text-transform: uppercase; font-size: 16px;}

 /* ######### AVATAR EDIT ######### */

.ucp_avatarsflex {display: flex; letter-spacing: 0.6pt; justify-content: center; align-items: center; font-family: 'Arial', sans-serif;}

 /* ######### SCENETRACKER ######### */
.ucp_tracker { font-size: 10px; letter-spacing: 1pt; text-transform: none; font-family: arial; width: 1000px; margin-bottom: 5px; }
.ucp_tracker_character { font-family: 'Yeseva One', cursive; text-transform: uppercase; letter-spacing: 0.5pt; font-weight: 100; font-size: 20px; border-bottom: 0px solid var(--indexfarbedunkel); text-align: center; padding: 15px 25px 15px 0px; color: var(--schwarz); }
.ucp_tracker_character a:link, .ucp_tracker_character a:visited { color: var(--schwarz); text-decoration: none; font-family: 'Yeseva One', cursive; font-size: 20px;}
.ucp_tracker_character a:hover {text-decoration: none;}

.ucp_tracker_flex {display: flex; padding: 15px 10px 15px 10px; align-items: center; font-size: 12px;background: var(--hell);}
.ucp_tracker_1 { width: 15%; text-align: center; margin: 0 30px 0 10px; font-weight: bold; text-transform: uppercase; font-size: 10px; }
.ucp_tracker_2 { width: 50%; text-align: left; }
.ucp_tracker_2_title { color: var(--schwarz); font-weight: 500; margin-bottom: 5px;}
.ucp_tracker_2_title a:link, .ucp_tracker_2_title a:visited {  font-weight: bold; font-family: 'Frank Ruhl Libre', serif; text-transform: none; font-size: 14px; font-style: italic; letter-spacing: 0.6pt; border-bottom: 2px solid var(--accent1);}
.ucp_tracker_2_title a:hover { color: var(--accent1); text-decoration: none;}
.ucp_tracker_3 { width: 10%; margin: 10px;}
.ucp_tracker_4 { width: 20%; text-align: left; }
.ucp_tracker_settings {letter-spacing: 0.5pt; font-size: 11px;}    

.yourturn { color: #f3f3f3; font-weight: bold; text-align: center; padding: 10px 10px 10px 10px; background-color: #de3a8f; }

.ucp_tracker_form {display: flex; justify-content: space-around;}

 /* ######### UCP PASSWORD ######### */
.ucp_password_grid {display: grid; grid-template-columns: 50% 50%; justify-content: center; gap: 20px; align-items: baseline;}
.ucp_password_grid1 {grid-row: 1; grid-column: 1; text-align: right; line-height: 52px;}
.ucp_password_grid2 {grid-row: 1; grid-column: 2; text-align: left; }

 /* ######### UCP EMAIL ######### */
.ucp_email_grid {display: grid; grid-template-columns: 50% 50%; justify-content: center; gap: 20px; align-items: baseline;}
.ucp_email_grid1 {grid-row: 1; grid-column: 1; text-align: right; line-height: 52px;}
.ucp_email_grid2 {grid-row: 1; grid-column: 2; text-align: left; }

 /* ######### UCP SETTINGS ######### */
.ucp_settings {text-align: left; width: 70%; margin: auto; font-size: 12px; }
.ucp_settings_smalltext  {font-size: 12px; color: var(--rot_font);}
.ucp_settings legend {font-family: 'Arial', sans-serif; text-transform: uppercase; font-size: 10px; letter-spacing: 1pt; font-weight: normal;}

 /* ######### UCP PROFIL SETTINGS ######### */
.ucp_profil {text-align: left; width: 70%; margin: auto; }
.ucp_profil_smalltext  {font-size: 12px; color: var(--rot_font);}
.ucp_profil legend {font-family: 'Arial', sans-serif; text-transform: uppercase; font-size: 10px; letter-spacing: 1pt; font-weight: normal;}
.ucp_profil_head {text-transform: uppercase; letter-spacing: 1pt; font-size: 11px; text-align: left; }
.ucp_profil_head::before {content: '----------'; letter-spacing: -1pt;margin-right: 3px;}

 /* ######### UCP ACCOUNTSWITCHER SETTINGS ######### */
.ucp_as {width: 70%; margin: auto;}
.ucp_as_grid {display: grid; grid-template-columns: 50% 50%; justify-content: center; gap: 20px;}
.ucp_as_grid1 {grid-row: 1; grid-column: 1; text-align: center; line-height: 21px;}
.ucp_as_grid2 {grid-row: 1; grid-column: 2; text-align: left; }

 /* ######### UCP DRAFTS ######### */
.ucp_drafts {width: 100%; margin: auto; }
.ucp_drafts_grid {display: grid; grid-template-columns: 50% 50%; justify-content: center; gap: 20px; margin: auto; font-size: 13px; letter-spacing: 0.4pt; line-height: 20px; margin-top: 10px;}
.ucp_drafts_grid1 {grid-row: 1; grid-column: 1; text-align: right;}
.ucp_drafts_grid2 {grid-row: 1; grid-column: 2; text-align: left; }

 /* ######### UCP SUBSCRIPTIONS ######### */
.ucp_subscriptions_grid {display: grid; grid-template-columns: 45% 10% 45%; justify-content: center; width: 70%; gap: 20px; margin: auto; font-size: 13px; letter-spacing: 0.4pt; line-height: 20px; margin-top: 10px; }
.ucp_subscriptions_grid1  {grid-row: 1; grid-column: 1; text-align: right;}
.ucp_subscriptions_grid2  {grid-row: 1; grid-column: 2; text-align: center; padding-top: 5px;}
.ucp_subscriptions_grid3  {grid-row: 1; grid-column: 3; text-align: left;}
.ucp_subscriptionsflex {display:flex; justify-content: center; gap: 30px; margin: 20px;}

 /* ######### UCP DESIGNKONFIGURATOR ######### */
.ucp_design {width: 70%; margin:auto;}
.ucp_design_headline {font-family: 'Taviraj', serif; text-transform: uppercase; letter-spacing: 0.5pt; font-weight: bold; font-size: 13px; text-align: center; margin: 10px 0px 10px 0px;}

 /* ######### UCP SIGNATUR ######### */
.ucp_signatur {width: 100%; margin:auto; font-family: 'Arial', sans-serif; text-transform: uppercase; font-size: 10px; letter-spacing: 1pt; font-weight: normal;}
.ucp_signatur_grid {display: grid; margin-top: 30px;}
.ucp_signatur_grid1 {grid-row: 1; grid-column: 1;}
.ucp_signatur_grid2 {grid-row: 1; grid-column: 2;}
.ucp_signatur_grid3 {grid-row: 2; grid-column: 1/3; text-align: left; margin-left: 30px;}
.ucp_signatur_preview {background: var(-graubraun_light);}
.ucp_signatur span { font-size: 11px; letter-spacing: 0.2pt; text-transform: none;}