/* 0) Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap');

/* bootstrap */
@import url('https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css');

/* 1) Globale Font-Variablen */
:root {
  --font-base: "Montserrat", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
}

/* 2) Montserrat überall als Standard setzen */
html, body {
  font-family: var(--font-base) !important;
  font-size: 14px !important;
}

body, p, li, a, span, small, strong, em, label, th, td, blockquote {
  font-family: inherit !important;
}

/* Form-Komponenten ebenfalls */
input, select, textarea, button {
  font-family: var(--font-base) !important;
}

/* Icons und Code bitte nicht verhunzen */
i[class*="icon"], .zohodesk-icon, code, pre, kbd, samp {
  font-family: var(--font-mono) !important;
}


/* 3) Typo-Skalierung ohne Zoho-spezifische Klassen: */

/* Body / Primär */
body, p, li {
  font-weight: 400;
  font-size: clamp(1rem, 0.4vw + 0.9rem, 1.125rem);
  line-height: 1.6;
}

/* Body / Text (leichter) → Utility-Klasse für “leichter Lauftext” */
.text--light {
  font-weight: 200 !important;
  font-size: clamp(1rem, 0.4vw + 0.9rem, 1.125rem);
}

/* Link-Standard */
a {
  font-weight: 500;
  font-size: clamp(1rem, 0.4vw + 0.9rem, 1.125rem);
  text-decoration: underline !important
;
}


/* H1–H6 Skala */
h1 {
  font-weight: 500;
  font-size: clamp(2.5rem, 3.2vw + 1rem, 3.25rem);
  line-height: 1.2;
}
h2 {
  font-weight: 400;
  font-size: clamp(2rem, 2.5vw + 0.5rem, 2.75rem);
  line-height: 1.25;
}
h3 {
  font-weight: 400;
  font-size: clamp(1.5rem, 1.6vw + 0.5rem, 2rem);
  line-height: 1.3;
}
h4 {
  font-weight: inherit;
  font-size: clamp(1rem, 1vw + 0.25rem, 1.25rem);
  line-height: 1.4;
}
h5 {
  font-weight: 400;
  font-size: clamp(0.875rem, 0.8vw + 0.2rem, 1rem);
  line-height: 1.4;
}
h6 {
  font-weight: inherit;
  font-size: clamp(0.875rem, 0.8vw + 0.2rem, 1rem);
  line-height: 1.4;
}

/* 4) Containerweite Vererbung mit :where(), die hat geringe Spezifität,
   aber gewinnt oft gegen harte Theme-Selektoren.
*/
:where(.portal-root, body) :where(p, li, a, span, small, strong, em, label, th, td) {
  font-family: inherit !important;
}

input, textarea, button {
    border-radius: 0 !important;
}

/* Header-Logo */
.Header__logotxt {
  font-weight: 400
}

.Header__logoimg, .Header__logo {
    max-height: 5rem;
    max-width: 12.5rem;
}

.Header__containerLi .Header__containerLink {
    max-width: initial;
}

/* Text-Links */
.Link__link2 {
   text-decoration: underline !important
}

/* Header-Link */
.Header__link {
  font-weight: 500;
  font-size: clamp(1rem);
  text-decoration: none !important
}

/* Anmelde-Link */
.LoginDetail__tabLink {
  font-weight: 500;
  font-size: clamp(1rem, 0.4vw + 0.9rem, 1rem);
  text-decoration: none !important
}

/* Header-Nav */
.Header__bgColor {
opacity: 1
}

/* Buttons */
button, .button {
    font-size: clamp(1rem, 0.4vw + 0.9rem, 1rem);
    text-decoration: none !important;
    background-color: #FFFFFF;
    font-size: 14px;
    font-weight: 500;
    line-height: 1em;
    fill: #000000;
    color: #000000;
    transition-duration: 0.7s;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #FFFFFF;
    border-radius: 0px 0px 0px 0px;
    padding: 8px 15px 8px 15px;
}

button span, .button span {
  color: #000 !important;
}

button:hover, button:focus, .button:hover, .button:focus {
    background-color: #000000;
    color: #FFFFFF;
    border-color: #FFFFFF;
}

button:hover span, .button:hover span {
  color: #fff !important;
}


/* Header-Buttons */
.Header__containerLi {
  border-radius: 0px;
  color: #000000;
  font-family: var(--font-montserrat);
  font-weight: 500;
  border: 1px solid transparent;
  text-decoration: none !important
}	
.Header__containerLink {
  font-size: clamp(1rem, 0.4vw + 0.9rem, 1rem); 
  color: #000000 !important;
  text-decoration: none !important
}
	.Header__containerLi:hover {
 	 background-color: #000000;
  	border-color: #FFFFFF;
  	color: #FFFFFF !important;
}
	.Header__containerLink:hover {
    font-size: clamp(1rem, 0.4vw + 0.9rem, 1rem);
    color: #FFFFFF !important;
    text-decoration: none !important
}

.Header__menuList {
  border-radius: 0px;
  color: #FFFFFF;
}

.Header__menuList a:hover {
    color: #00A1E2;
}

.Header__localeTab {
    max-width: 10rem;
}

.SearchBox__searchicon {
    border-radius: 0;
}

.SearchBox__searchpart {
    border-radius: 0;
}

.Badge__badge, .Badge__badge .Badge__discussion, .Badge__badge .Badge__implement, .Badge__badge .Badge__best, .Badge__resolution {
    border-radius: 0;
}

.Badge__implement {
    background-color: #00A1E2;
}

.Header__titleSearchWrapper, 
.Header__menuBox,
.Layout__oneColumn, 
.Layout__twoColumn, 
.Layout__twoColumn2, 
.Layout__twoColumnReverse {
    width: 80%;
    max-width: 2000px;
}

@media (max-width: 1200px) {
  .Header__titleSearchWrapper, 
  .Header__menuBox,
  .Layout__oneColumn, 
  .Layout__twoColumn, 
  .Layout__twoColumn2, 
  .Layout__twoColumnReverse {
      width: 100%;
      max-width: 2000px;
	}
}

.LoginDetail__profileLgout a {
    text-decoration: none !important;
}

.Button__basic {
    border-radius: 0;
}
.Button__neutral {
    border: .0625rem solid #00A1E2;
    color: #00A1E2;
    background-color: #fff;
}
.Button__neutral:hover {
    color: #fff;
    background-color: #00A1E2;
}

.Readingprogress__progressBar {
    background: #00a1e2;
}

.Tag__dettag, .Tag__tagAdded, .Tag__delTagSmall {
    border-radius: 0;
}

.Tag__tagAdded .Tag__tagLink, .Tag__tagAdded .Tag__tagText {
    font-size: .95rem;
}

.Button__tagSecondary {
    background: #fff;
    color: #000;
    border: 1px solid;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.Button__tagPrimary {
    background: #00a1e2;
    color: #fff;
    border: 1px solid transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.TicketListLeftContainer1__boxView {
    border-radius: 0;
}

.List__postdet li {
    font-size: 1rem;
}

.ExportMoreOptions__content {
    border-radius: 0;
}

.Header__containerUl {
    margin-left: 20px;
}

.TitleContainer__container {
    border-radius: 0;
    box-shadow: none;
}

.TitleContainer__title, .TitleContainer__list_title {
    letter-spacing: initial;
}

.TitleContainer__description, .TitleContainer__list_description {
    font-weight: 400;
}

.Footer__footer {
    background-color: #000;
    color: #fff;
    text-align: left;
    padding: 0;
}

.Footer__footer li a:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 0;
    height: 2px;
    background-color: white;
    transition: width 0.5s ease;
}

.Footer__footer li:hover a:after {
    width: 100%;
}

.footer-container {
    width: 80%;
    margin: 0 auto;
    max-width: 2000px;
}

@media (max-width: 1200px) {
  .footer-container {
    width: 100%;
    max-width: 2000px;
  }  
}

.footer-container [class*="col-"] {
    border-color: #303030 !important;
}

.Footer__footer ul, .Footer__footer li {
    list-style: none;
    padding-left: 0 !important;
}

.Footer__footer li {
    position: relative;
    width: max-content;
}

.Footer__footer a, .Footer__footer a span {
    color: #fff;
    text-decoration: none !important;
}

.footer-container svg {
    width: 25px;
    fill: #fff;
}

a[class*="icon-"]:before {
    content: '';
    width: 32px;
    max-width: 32px;
    height: 25px;
    display: inline-block;
    background-repeat: no-repeat !important;
}

.icon-linkedin:before { 
 background-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNDQ4IDUxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSIjZmZmIiBkPSJNNDE2IDMySDMxLjlDMTQuMyAzMiAwIDQ2LjUgMCA2NC4zdjM4My40QzAgNDY1LjUgMTQuMyA0ODAgMzEuOSA0ODBINDE2YzE3LjYgMCAzMi0xNC41IDMyLTMyLjNWNjQuM2MwLTE3LjgtMTQuNC0zMi4zLTMyLTMyLjN6TTEzNS40IDQxNkg2OVYyMDIuMmg2Ni41VjQxNnptLTMzLjItMjQzYy0yMS4zIDAtMzguNS0xNy4zLTM4LjUtMzguNVM4MC45IDk2IDEwMi4yIDk2YzIxLjIgMCAzOC41IDE3LjMgMzguNSAzOC41IDAgMjEuMy0xNy4yIDM4LjUtMzguNSAzOC41em0yODIuMSAyNDNoLTY2LjRWMzEyYzAtMjQuOC0uNS01Ni43LTM0LjUtNTYuNy0zNC42IDAtMzkuOSAyNy0zOS45IDU0LjlWNDE2aC02Ni40VjIwMi4yaDYzLjd2MjkuMmguOWM4LjktMTYuOCAzMC42LTM0LjUgNjIuOS0zNC41IDY3LjIgMCA3OS43IDQ0LjMgNzkuNyAxMDEuOVY0MTZ6Ij48L3BhdGg+PC9zdmc+");
}

.icon-youtube:before {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAzMiAyMiIgZmlsbD0iI2ZmZiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTMxLjMzMTMgMy41NTY2OEMzMC45NjMzIDIuMjI2MTggMjkuODc5IDEuMTc4MzEgMjguNTAyMiAwLjgyMjY1NEMyNi4wMDY3IDAuMTc2NDY4IDE2IDAuMTc2NDY4IDE2IDAuMTc2NDY4QzE2IDAuMTc2NDY4IDUuOTkzMzMgMC4xNzY0NjggMy40OTc4IDAuODIyNjU0QzIuMTIxMDEgMS4xNzgzMSAxLjAzNjY5IDIuMjI2MTggMC42Njg2NjMgMy41NTY2OEMwIDUuOTY4MzIgMCAxMSAwIDExQzAgMTEgMCAxNi4wMzE3IDAuNjY4NjYzIDE4LjQ0MzNDMS4wMzY2OSAxOS43NzM4IDIuMTIxMDEgMjAuODIxNyAzLjQ5NzggMjEuMTc3M0M1Ljk5MzMzIDIxLjgyMzUgMTYgMjEuODIzNSAxNiAyMS44MjM1QzE2IDIxLjgyMzUgMjYuMDA2NyAyMS44MjM1IDI4LjUwMjIgMjEuMTc3M0MyOS44NzkgMjAuODIxNyAzMC45NjMzIDE5Ljc3MzggMzEuMzMxMyAxOC40NDMzQzMyIDE2LjAzMTcgMzIgMTEgMzIgMTFDMzIgMTEgMzIgNS45NjgzMiAzMS4zMzEzIDMuNTU2NjhaIiBmaWxsPSIjZmZmIj48L3BhdGg+CjxwYXRoIGQ9Ik0xMi44MDI1IDE1LjYzODJWNi4zNjA5MkwyMS4xMTU5IDEwLjk5OTdMMTIuODAyNSAxNS42MzgyWiIgZmlsbD0iIzAwMCI+PC9wYXRoPgo8L3N2Zz4=");
}

.icon-facebook:before {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSIjZmZmIiBkPSJNNTA0IDI1NkM1MDQgMTE5IDM5MyA4IDI1NiA4UzggMTE5IDggMjU2YzAgMTIzLjc4IDkwLjY5IDIyNi4zOCAyMDkuMjUgMjQ1VjMyNy42OWgtNjNWMjU2aDYzdi01NC42NGMwLTYyLjE1IDM3LTk2LjQ4IDkzLjY3LTk2LjQ4IDI3LjE0IDAgNTUuNTIgNC44NCA1NS41MiA0Ljg0djYxaC0zMS4yOGMtMzAuOCAwLTQwLjQxIDE5LjEyLTQwLjQxIDM4LjczVjI1Nmg2OC43OGwtMTEgNzEuNjloLTU3Ljc4VjUwMUM0MTMuMzEgNDgyLjM4IDUwNCAzNzkuNzggNTA0IDI1NnoiPjwvcGF0aD48L3N2Zz4=");
}

.icon-kununu:before {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMDAgMjAwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iIE03NS40NTMyNDcsMTg2LjA0OTQwOCAgIEM3My4wMjIzMTYsMTkwLjk5MTc2MCA2OS4zMDg3NjIsMTkzLjE1NDcyNCA2NC4yNjU3ODUsMTkyLjk4MzM1MyAgIEM1Ni44Njk0MTUsMTkyLjczMTk2NCA0OS40MDExMDAsMTkyLjkwMTkxNyA0Mi4xMDg4NzUsMTkxLjg2NzMxMCAgIEMzNy4xMDEyNjUsMTkxLjE1Njg3NiAzNC4wMDcyMTAsMTg2LjA4OTU1NCAzNC4wMDYyNTYsMTgxLjA5Mjc1OCAgIEMzMy45OTYxNzAsMTI4LjEyMzYyNyAzMy45OTM1MzgsNzUuMTU0NDg4IDM0LjAwNjc0NCwyMi4xODUzNTYgICBDMzQuMDA4ODAxLDEzLjkzNTQ2NiAzOS4xMDIzOTQsOC44ODU4ODYgNDcuNDk1NDcyLDkuMDM2NjA1ICAgQzU0LjIyNzg4Niw5LjE1NzUwMCA2MS4wNDg4MTMsOS4wMjAyMDUgNjcuNjU0MTUyLDEwLjA4ODA2NCAgIEM3My4wNjcwNTUsMTAuOTYzMTQ1IDc1Ljk5MzQ2OSwxNS43NjAzMjcgNzUuOTk1NjM2LDIxLjE2OTQ1NSAgIEM3Ni4wMDU1NjIsNDUuOTc5OTY1IDc2LjAwMDAwMCw3MC43OTA0ODkgNzYuMDAwMDAwLDk2LjA0MTY3OSAgIEM4Ni44MjY3MjksOTEuMjQxMDUxIDk4LjAzOTUwNSw5MS45NjY1MzcgMTA5LjE4MDEyMiw5MS45OTQ1NTMgICBDMTE2LjAzNjM4NSw5Mi4wMTE3ODcgMTE2Ljg2NzE1Nyw5MS4wMDU3OTggMTE3LjAzOTg4Niw4My45OTY0ODMgICBDMTE3LjE3NzA0OCw3OC40MzA5MDEgMTE3LjEzNzA2Miw3Mi43NzM1OTggMTE4LjE2MDQ3Nyw2Ny4zNDI1ODMgICBDMTE5LjEyMjI2MSw2Mi4yMzg1NjcgMTI0LjExNDE1MSw1OS4wNjg0MzIgMTI5LjQwMTA5Myw1OS4wMTMzMjkgICBDMTM1LjA2Mzg0Myw1OC45NTQzMDQgMTQwLjcyNzcwNyw1OC45OTM0NjUgMTQ2LjM5MTA1Miw1OS4wMDE2NDggICBDMTUzLjUxNzYzOSw1OS4wMTE5NDQgMTU5LjE3OTgyNSw2Mi44MTMwMDcgMTU5LjY5NTA2OCw2OS44MjA4MjQgICBDMTYwLjMxOTM4Miw3OC4zMTE4MjEgMTU5Ljc4NzA5NCw4Ni45NjMzMTAgMTU4Ljk0ODE2Niw5NS40NjU3MDYgICBDMTU4LjA2ODUyNywxMDQuMzgwODI5IDE1MS45MTI2NDMsMTEwLjU0NDQxOCAxNDYuMTc5MDc3LDExNi40MzYyNzIgICBDMTQ5LjcwOTc0NywxMjEuNzQ3MTMxIDE1My43NzkwOTksMTI2LjY3NDIxNyAxNTYuNDQ5OTgyLDEzMi4yNjg5MjEgICBDMTU4LjUzNDM0OCwxMzYuNjM1MDU2IDE1OS42MzIxMjYsMTQxLjc5NzQ0MCAxNTkuODQ3NTE5LDE0Ni42NjQ0NDQgICBDMTYwLjMzMzEzMCwxNTcuNjM2NTUxIDE2MC4wMTI0MDUsMTY4LjY0NDg5NyAxNTkuOTk1ODUwLDE3OS42Mzg0NzQgICBDMTU5Ljk4Mzc5NSwxODcuNjQ3MjQ3IDE1NC42MTgwMjcsMTkyLjk3NjIxMiAxNDYuNTcwMDM4LDE5Mi45OTczNjAgICBDMTQxLjIzOTgzOCwxOTMuMDExMzUzIDEzNS44OTc0MTUsMTkyLjc2OTkxMyAxMzAuNTgyMDMxLDE5My4wNTA5MDMgICBDMTIxLjMyMDkwOCwxOTMuNTQwNDgyIDExNy4yMTkyODQsMTg2LjIzMTI3NyAxMTcuMDM3NDMwLDE3OS43NzUzNDUgICBDMTE2Ljg2Mzk1MywxNzMuNjE3MTU3IDExNi41NjY5ODYsMTY3LjQxMjkxOCAxMTcuMDk0MjA4LDE2MS4yOTUyODggICBDMTE4LjA1NzY2MywxNTAuMTE1OTIxIDEwNy45NTU0MTQsMTQyLjU2MzcyMSA5OC41MjExMTEsMTQyLjg1ODg1NiAgIEM5MC4yOTExODMsMTQzLjExNjMwMiA4Mi44MzQ2NzksMTQ0LjExNDQ0MSA3OC40OTA4NjAsMTUyLjA5NjAwOCAgIEM3Ny41MzI1ODUsMTUzLjg1Njc5NiA3Ny4xNzA4MTUsMTU2LjA4OTIzMyA3Ny4wNTE5NzEsMTU4LjEzNDU2NyAgIEM3Ni41MTY5OTEsMTY3LjM0MjMwMCA3Ni4xNjgzNDMsMTc2LjU2MDg1MiA3NS40NTMyNDcsMTg2LjA0OTQwOCAgeiI+PC9wYXRoPjwvc3ZnPg==");
}

.hidden {
  display: none;
}

.TitleContainer__progressText {
    font-size: 1rem;
}

.Badge__announcement {
    text-transform: uppercase;
}

div#articleContent span {
    line-height: 1;
}

div#articleContent span:not(.size) {
    font-size: 1rem;
}

#userPreference .Icon__size25 {
    width: 2rem;
    height: 2rem;
}

.LocalePopup__localeTarget span {
    color: #ffffff;
    font-size: clamp(1rem, 0.4vw + 0.9rem, 1.125rem);
}

.LoginDetail__profileBtn {
    background-color: #00a1e2;
}

.TopicListLeftContainer__section {
    border-radius: 0;
}