Page History

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap" rel="stylesheet"> <style>
body {
    font-family: 'Manrope', sans-serif !important;
    background-color: #5a646e !important;
}

h1.customheader {  
    display: flex;  
    backgroundalign-image: url('https://www.etas.com/data/css_and_script/etas-logo-blue-new.svg') !important;items: center;  
    justify-content: center; /* Center the entire content */  
    position: relative; /* Establish a positioning context for absolute positioning */  
    width: 100%;
	font-size: 14px;  
    backgroundpadding-repeattop: no-repeat;0px; /* Adjust padding as needed */  
    backgroundpadding-position: 2% 50%;bottom: 0px; /* Adjust padding as needed */  
}  
  
.customheader > h1 {  
    backgroundfont-sizefamily: 250px;'Manrope', sans-serif !important;  
    color: #164293 !important;  
    font-size: 3em !important;
	padding-top: 40px;
	padding-bottom: 40px;  
    margin: 0px;
	margin-top: 0px !important;  
    text-align: center; /* Center the h1 text */  
    margin: -20px -20px 0 0 !important;position: relative; /* Can be set but isn't strictly necessary */  
    fontflex-sizegrow: 3em !important; 1; /* Ensure it takes up available space */  
    border-top-width: 0;
	border-bottom: 10px solid red;
	border-left-width: 0;
	border-right-width: 0;
	border-image: linear-gradient(to right, #164293, #89037a) 1 stretch;
}
h2 {
	font-size: 2em !important;
	color: white !important!;
	font-weight: bold
	border: 1px solid #696;
	padding: 0px 0;
	text-align: center;
	width: 50%;
	margin: 20px auto 0px !important;
}
#UBSWHome-GotoUBSWRTAHotline, #UBSWHome-GotoRTAKnowledgeBase, #UBSWHome-GotoUBSWRTAHotlineGuide {
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	font-size: 18px !important;
	border-radius: 8px;
	background: #164293;
}z-index: 1; /* Set a lower z-index for the h1 */  
}  
  
.customheader > a {  
    position: absolute; /* Remove the image from the document's flow */  
    left: 10px; /* Positioning based on the desired left margin */  
    top: 50%; /* Center vertically based on the height of the parent */  
    transform: translateY(-50%); /* Adjust for the height of the image */  
    z-index: 2; /* Set a higher z-index for the anchor so it's in front */  
}  
  
.customheader > a > img {  
    vertical-align: top;  
    width: 180px;  
    height: 52.5px; /* Fixed size */  
}  
  
/* Media Query to stack image and text on smaller screens */  
@media (max-width: 1000px) {  
    .customheader {  
        flex-direction: row; /* Stack elements vertically */  
        align-items: center; /* Center elements horizontally */  
    }  
  
    .customheader > a {  
        position: relative; /* Return to normal flow */  
        top: auto; /* Remove top positioning */  
        transform: none; /* Remove transform */  
        padding-right: 10px;  
    }  
  
    .customheader > h1 {  
        text-align: center; /* Ensure text remains centered */  
        margin: 0; /* No margin */  
    }  
}  

h2 a {
 color: white !important;
 display: block;
 width: 100%;
}
h3 { font-size: 2em !important; color: #70CBF3 !important; }
h3 a { color: #70CBF3 !important; }
#full-height-container {
    background-color: #5a646e !important;
}
p {
	font-size: 14px !important;
}
p a { color: #70CBF3 !important; }
#likes-and-labels-container {display:none;}
#comments-section {display:none;}
.ia-splitter-left {display:none;}

.page-metadata {display:none;}
#main-header {display:none;}
#main #content {padding-right: 0px;}
#main {margin-top: 20px10px !important; margin-left: 20px !important; margin-right: 20px !important; padding: 0 !important;}
#header {display:none;}
#footer {display:none;}
#header-precursor {padding-top: 10px !important;}
div.columnMacro:nth-child(3) { border-left: 1px solid #1E539E;}
div.columnMacro:nth-child(2) { border-left: 1px solid #1E539E;} 
div.columnMacro { padding: 0 20px !important;}
.sectionColumnWrapper {
    overflow-x: visible !important;
}
.confluence-external-resource {
    max-width: 100% !important;
    cursor: pointer !important;
}
div.columnMacro p:nth-child(2) {
	width: 70%;
	margin: auto;
	padding-top: 30px;
}
.confluence-embedded-image[width] {
    width: 100%;
    cursor: pointer !important;
	max-width: 200px !important;
}
</style>