/* @import url('http://example.com/example_style.css'); */
@font-face { 
  font-family: 'Klarheit Grotesk'; 
  font-weight: normal;
  font-display: swap;
  src: url('https://www.tolingo.com/hubfs/Fonts/Klarheit%20Grotesk%20Regular.ttf') format('truetype'), 
    url('https://www.tolingo.com/hubfs/Fonts/Klarheit%20Grotesk%20Regular.woff') format('woff'), 
    url('https://www.tolingo.com/hubfs/Fonts/Klarheit%20Grotesk%20Regular.eot') format('eot');}

@font-face { 
  font-family: 'Klarheit Grotesk'; 
  font-weight: bold;
  font-display: swap;
  src: url('https://www.tolingo.com/hubfs/Fonts/Klarheit%20Grotesk%20Bold.ttf') format('truetype'), 
    url('https://www.tolingo.com/hubfs/Fonts/Klarheit%20Grotesk%20Bold.woff') format('woff'), 
    url('https://www.tolingo.com/hubfs/Fonts/Klarheit%20Grotesk%20Bold.eot') format('eot');}

@font-face { 
  font-family: 'Klarheit Grotesk'; 
  font-style: italic;
  font-display: swap;
  src: url('https://www.tolingo.com/hubfs/Fonts/Klarheit%20Grotesk%20Italic.ttf') format('truetype'), 
    url('https://www.tolingo.com/hubfs/Fonts/Klarheit%20Grotesk%20Italic.woff') format('woff'), 
    url('https://www.tolingo.com/hubfs/Fonts/Klarheit%20Grotesk%20Italic.eot') format('eot');}

@font-face { 
  font-family: 'Klarheit Grotesk'; 
  font-weight: bold;
  font-style: italic;
  font-display: swap;
  src: url('https://www.tolingo.com/hubfs/Fonts/Klarheit%20Grotesk%20Bold%20Italic.ttf') format('truetype'), 
    url('https://www.tolingo.com/hubfs/Fonts/Klarheit%20Grotesk%20Bold%20Italic.woff') format('woff'), 
    url('https://www.tolingo.com/hubfs/Fonts/Klarheit%20Grotesk%20Bold%20Italic.eot') format('eot');}





.pt2, .p2-0 { padding-top: 2px }
.pb2, .p2-0 { padding-bottom: 2px }

.pt4, .p4-0 { padding-top: 4px }
.pb4, .p4-0 { padding-bottom: 4px }

.pt5, .p5-0 { padding-top: 5px }
.pb5, .p5-0 { padding-bottom: 5px }

.pt8, .p8-0 { padding-top: 8px }
.pb8, .p8-0 { padding-bottom: 8px }

.pt10, .p10-0 { padding-top: 10px }
.pb10, .p10-0 { padding-bottom: 10px }

.pt15, .p15-0 { padding-top: 15px }
.pb15, .p15-0 { padding-bottom: 15px }

.pt16, .p16-0 { padding-top: 16px }
.pb16, .p16-0 { padding-bottom: 16px }

.pt18, .p18-0 { padding-top: 18px }
.pb18, .p18-0 { padding-bottom: 18px }

.pt20, .p20-0 { padding-top: 20px }
.pb20, .p20-0 { padding-bottom: 20px }

.pt30, .p30-0 { padding-top: 30px }
.pb30, .p30-0 { padding-bottom: 30px }

.pt25, .p25-0 { padding-top: 25px }
.pb25, .p25-0 { padding-bottom: 25px }

.pt32, .p32-0 { padding-top: 32px }
.pb32, .p32-0 { padding-bottom: 32px }

.pt35, .p35-0 { padding-top: 35px }
.pb35, .p35-0 { padding-bottom: 35px }

.pt40, .p40-0 { padding-top: 40px }
.pb40, .p40-0 { padding-bottom: 40px }

.pt45, .p45-0 { padding-top: 45px }
.pb45, .p45-0 { padding-bottom: 45px }

.pt60, .p60-0 { padding-top: 60px }
.pb60, .p60-0 { padding-bottom: 60px }

.pt64, .p64-0 { padding-top: 64px }
.pb64, .p64-0 { padding-bottom: 64px }

.pt67, .p67-0 { padding-top: 67px }
.pb67, .p67-0 { padding-bottom: 67px }

.pt70, .p70-0 { padding-top: 70px }
.pb70, .p70-0 { padding-bottom: 70px }

.pt80, .p80-0 { padding-top: 80px }
.pb80, .p80-0 { padding-bottom: 80px }

.pt120, .p120-0 { padding-top: 120px }
.pb120, .p120-0 { padding-bottom: 120px }

.pt128, .p128-0 { padding-top: 128px }
.pb128, .p128-0 { padding-bottom: 128px }

.pt256, .p256-0 { padding-top: 256px }
.pb256, .p256-0 { padding-bottom: 256px }







/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/
:root {
    --ff-base: Klarheit Grotesk, sans-serif !important;
    --ff-accent: Klarheit Grotesk, sans-serif !important;
}
/*****************************************/
/* Start your style declarations here    */
/*****************************************/

.pwr--dark mark { letter-spacing: 0.7px; }
.pwr--dark .pwr-hero__title { letter-spacing: 0.6px; }

/* Audioplayer custom settings */
._control-button_4e1as_36 svg { fill: #19213c !important; }


.custom-file-container {
    margin-top: 7px !important;
}

button.content-teaser-button, button.content-teaser-button div { border: none; cursor: pointer; transition: transform 0.3s; /* Smooth transition for transform effects */
}
/* General hover effect for movement */
button:hover,
.hs-submit input[type="submit"]:hover {
    transform: translateY(-5px); /* Move the button slightly up on hover */
    transition: transform 0.3s; /* Smooth transition for hover effects */
}

/* Styling for the specified submit buttons */
.hs-submit input[type="submit"] {
    background-color: #a5f7a1; /* Background color */
    color: black; /* Text color */
    border: none; /* Optional: remove border */
    padding: 10px 20px; /* Optional: adjust padding */
    font-size: 16px; /* Optional: adjust font size */
    cursor: pointer; /* Optional: change cursor to pointer */
    transition: transform 0.3s, background-color 0.3s, color 0.3s; /* Smooth transition for hover effects */
}

/* Styling for the CTA button */
#hs-cta-wrapper-7b5e9fae-c8e4-46de-a18f-6735c7533ab2 .cta_button {
    color: black; /* Text color */
}
/* Hover effect for specific CTA buttons to change text color to white */
#hs-cta-wrapper-92460ece-bf08-44c5-a2ff-57eda9a53a4e .cta_button:hover,
#hs-cta-wrapper-7d428900-3dc4-4af4-86cf-900efbfddfa2 .cta_button:hover,
#hs-cta-wrapper-92460ece-bf08-44c5-a2ff-57eda9a53a4e .cta_button:after,
#hs-cta-wrapper-7d428900-3dc4-4af4-86cf-900efbfddfa2 .cta_button:after,
#hs-cta-wrapper-af2e7773-4e63-4fac-b3aa-4b52a9abb92f .cta_button:after,
#hs-cta-wrapper-af2e7773-4e63-4fac-b3aa-4b52a9abb92f .cta_button:hover {
    color: white !important; /* Text color on hover */

}

#cta_button_25334915_3810d9b8-a484-42c6-b111-8ced20b8a309:hover,
#cta_button_25334915_3810d9b8-a484-42c6-b111-8ced20b8a309:after
 {
  color: #ffffff !important; /* White font color on hover and after */
}

.pwr--light .pwr-stats,
.pwr--light .pwr-stat__number {
  color: #1b498c;
}
#hs_cos_wrapper_widget_1696580458663 .hs-input,
#hs_cos_wrapper_widget_1696580458663 .hs-search-field__input,
#hs_cos_wrapper_widget_1696580458663 input:not([type=checkbox]):not([type=radio]):not([type=submit]) {
    background-color: #ffffff !important;
    border: 1px solid #ccc;
    color: #29363b !important;
}

#hs_cos_wrapper_widget_1696580458663 textarea.hs-input {
    background-color: #ffffff !important;
    border: 1px solid #ccc;
    color: #29363b !important;
}

#hs_cos_wrapper_widget_1696580458663 .custom-file-container {
    background-color: #ffffff !important;
}

.small-light-heading {
  font-size: inherit; /* Use the default font size */
}

/* Styles for desktop devices */
@media screen and (min-width: 1024px) {
  .small-light-heading {
    font-size: 48px;
  }
}
#hs_cos_wrapper_widget_1696580458663 .hs-input,
#hs_cos_wrapper_widget_1696580458663 .hs-search-field__input,
#hs_cos_wrapper_widget_1696580458663 input:not([type=checkbox]):not([type=radio]):not([type=submit]) {
    background-color: #ffffff !important;
    border: 1px solid #ccc;
    color: #29363b !important;
}

/* Target input fields within the specific form to have a white background */
#helfe-guides-form .hs-input {
  background-color: white !important;
}

.text-link-12px {
    color: #fafafa; /* Set the color of the text */
    font-size: 12px; /* Set the font size of the text */
   line-height: 2px; /* Set the line height */
}

.text-link-12px a:active,
.text-link-12px a:hover,
.text-link-12px a:link,
.text-link-12px a:visited {
    color: white; /* Set the color of the link in various states */
    font-size: 12px; /* Ensure the font size remains consistent across link states */
    font-weight: 700; /* Make the font bold */
    line-height: 2px; /* Set the line height */
}

.text-link-dark {
    color: #19213c; /* Set the color of the text */
    font-size: 12px; /* Set the font size of the text */
   }

.text-link-dark a:active,
.text-link-dark a:hover,
.text-link-dark a:link,
.text-link-dark a:visited {
    color: #19213c; /* Set the color of the link in various states */
    font-size: 12px; /* Ensure the font size remains consistent across link states */
    font-weight: 700; /* Make the font bold */
   }


/* Green and blue header styles */
.green-headline {
    color: #a5f7a1;
    font-size: 25px;
    font-weight: 700;
    line-height: 20px;
}
  
.green-and-blue-header h1,
.green-and-blue-header h2,
.green-and-blue-header h3,
.green-and-blue-header h4 {
  font-family: 'Klarheit Grotesk', Arial, open-sans;
  font-weight: bold;
    line-height: 1.2;
  color: #22598B;
  letter-spacing: 0;
  text-align: left;
}

.green-and-blue-header h5,
.green-and-blue-header h6,
.green-header {
  font-family: 'Klarheit Grotesk', Arial, open-sans;
  font-weight: bold;
    font-size: smaller;
  color: #A5F7A1;
  letter-spacing: 0;
  text-align: left;
}

.header-light {
    font-weight: 400;
    font-size: 18px; /* Default font size for desktop */
}

/* Adjust font size for mobile */
@media (max-width: 767px) {
    .header-light {
        font-size: 17px;
    }
}


  /* Override styles for HubSpot CTA buttons */
  .hs-cta-wrapper .cta_button {
    --clr-btn-primary: initial !important;
    --clr-btn-dk: initial !important;
    --clr-btn-lt: initial !important;
    --clr-btn-txt-dk: initial !important;
    --clr-btn-txt-lt: initial !important;
    --clr-btn-background-hs: initial !important;
    --clr-btn-hover-background-hs: initial !important;
    --clr-btn-txt-hs: initial !important;
    --clr-btn-hover-txt-hs: initial !important;
  }
  
  
  .cta_button {
    transition: transform 0.2s ease-in-out, cursor 0.2s ease-in-out;
  }

  .cta_button:hover {
    transform: translateY(-3px);
    cursor: pointer;
    background-color: var(--clr-btn-hover-background-hs, #1b498c); /* Default fallback hover color */
    color: var(--clr-btn-hover-txt-hs, #fff); /* Default fallback hover text color */
  }

.hs-input {
    background-color: white !important;
    color: #19213C !important;
}

.hs-input::placeholder {
    color: #19213C !important;
}

.hs-form label {
    color: #fff;
    font-size: 12px;
}

.custom-file-container {
    align-items: center;
    background-color: #fff;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -o-flex;
    display: -ms-flex;
    gap: 10px;
    margin-top: -10px;
    width: max-content;
    padding-right: 20px;
}

body .hs-form-field {
    margin-bottom: 15px;
}


/* Shop Teaser - on the proofreading page for instance */
/* Shop Teaser - Base styles */
.shop-teaser {
  background-color: #A5F7A1 !important;
  font-family: 'Klarheit Grotesk', Arial, sans-serif !important;
  text-align: left !important;
  padding: 6.25em 5% 5em !important;
  margin: 2rem 0 5rem !important;
}

.shop-teaser h4 {
  color: #1B498C !important;
  font-size: 63px !important;
  line-height: 20px !important;
  letter-spacing: -1.89px !important;
}

.shop-teaser h3 {
  font-size: 52px !important;
  line-height: 55px !important;
  letter-spacing: 0px !important;
  color: #1A213C !important;
  margin-bottom: 30px !important;
}

.shop-teaser p {
  font-size: 18px !important;
  line-height: 26px !important;
  letter-spacing: 0px !important;
}

/* Variant styles */
.shop-teaser-light-blue {
  background-color: #D7E7EF !important;
}

.shop-teaser-light-blue h4,
.shop-teaser-light-blue h3 {
  color: #22598B !important;
}

.shop-teaser-blue {
  background-color: #22598B !important;
}

.shop-teaser-blue h4,
.shop-teaser-blue h3,
.shop-teaser-blue p,
.shop-teaser-blue ul li {
  color: white !important;
}

/* List styles */
.shop-teaser-light-blue ul li,
.shop-teaser-blue ul li {
  position: relative !important;
  padding-left: 1.5rem !important;
  list-style-type: none !important;
}

.shop-teaser-light-blue .widget-type-rich_text ul,
.shop-teaser-light-blue .widget-type-rich_text ol,
.shop-teaser-blue .widget-type-rich_text ul,
.shop-teaser-blue .widget-type-rich_text ol {
  list-style: none !important;
  margin: 1.5rem 0 !important;
  padding: 0 !important;
}

.shop-teaser-light-blue .hs_cos_wrapper_type_rich_text ul:not(.inputs-list),
.shop-teaser-light-blue .pwr-rich-text ul,
.shop-teaser-blue .hs_cos_wrapper_type_rich_text ul:not(.inputs-list),
.shop-teaser-blue .pwr-rich-text ul {
  padding: 0 !important;
}

.shop-teaser-light-blue ul li::before,
.shop-teaser-blue ul li::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 0.45rem !important;
  width: 0.75rem !important;
  height: 0.75rem !important;
  border-radius: 50% !important;
  background-color: #1A213C !important;
  -webkit-mask: none !important;
  mask: none !important;
}

.shop-teaser-light-blue ul li::before {
  background-color: #1A213C !important;
}

.shop-teaser-blue ul li::before {
  background-color: #A5F7A1 !important;
}

/* Reset conflicting styles from the theme */
.shop-teaser-light-blue .hs_cos_wrapper_type_rich_text ul:not(.inputs-list):not([style*=list-style-type]) li::before,
.shop-teaser-light-blue .pwr-rich-text ul:not([style*=list-style-type]) li::before,
.shop-teaser-blue .hs_cos_wrapper_type_rich_text ul:not(.inputs-list):not([style*=list-style-type]) li::before,
.shop-teaser-blue .pwr-rich-text ul:not([style*=list-style-type]) li::before {
  background-color: transparent !important;
  -webkit-mask: none !important;
  mask: none !important;
  width: auto !important;
  height: auto !important;
  top: auto !important;
  left: auto !important;
}


/* Responsive styles */
@media (max-width: 768px) {
  .shop-teaser,
  .shop-teaser-light-blue,
  .shop-teaser-blue {
    padding: 5.5% !important;
    margin: 2% 0 !important;
  }
  
  .green-and-blue-header h5, .green-and-blue-header h6, .green-header {
    font-size: 18px;
}

  .shop-teaser h4,
  .shop-teaser-light-blue h4,
  .shop-teaser-blue h4,
  .shop-teaser h3,
  .shop-teaser-light-blue h3,
  .shop-teaser-blue h3 {
    font-size: 33px !important;
  }
  
  .shop-teaser-light-blue p,
  .shop-teaser-blue p
{
    font-size: 16px !important;
  }

  .shop-teaser h3,
  .shop-teaser-light-blue h3,
  .shop-teaser-blue h3 {
    font-size: 27px !important;
    line-height: 1 !important;
  }
}

.pwr-rich-text a:not(.pwr-cta):not(.cta_button) {
    color: #1b498c;
    font-weight: 700;
}

@media screen and (max-width: 767px) {
  .custom-file-container {
    width: inherit;
  }
}


/* Smaller, lighter H1 Header text part */
.lite-h1 {
  font-weight: 400;
  font-size: 22px;
}

@media screen and (min-width: 1025px) {
  .lite-h1 {
    font-size: 18px;
     }
}


.pwr-sec__title-intro {
    font-weight: 300;
  line-height: 0.3;
  
}

.pwr-heading-style--h2, h2 {
     font-weight: 700;
 
}



/* Changing  */
a, .pwr-toc-menu .is-active-link { color:var(--clr-txt-nav-dk); }
.pwr--dark .toc-link { color: var(--clr-text-dk); }
.pwr--dark .toc-link.is-active-link { color: var(--clr-link-dk); }
table, td, th { border: 1px solid #99ACC2; }

/* Logo Slider CSS */
.pwr-sec-clients__slider--top .swiper-wrapper { align-items: center !important; }
.vanilla.pwr-sec-clients .pwr-swiper { overflow: hidden !important; }

/* Go Fast */
#gofast { color:var(--clr-txt-nav-dk) !important; line-height:normal !important; }

/* Breadcrumb Hover Color */
.pwr-sec-breadcrumbs .pwr-sec-breadcrumbs__link:hover { color:var(--clr-accent-lt); }



/* Team Module */
.atmc-container {
	float: none;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding-left: 1.25rem;
	padding-right: 1.25rem;
	max-width: 80px;
}

/* Additional Layout using Flex */
.atmc-grid {
	margin: -1rem;
}
.atmc-grid .atmc-grid-col {
	padding: 1rem;
}

@media (min-width:768px) {
	.atmc-grid {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: stretch;
		-ms-flex-align: stretch;
		align-items: stretch;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.atmc-grid-1col .atmc-grid-col {
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%;
		width: 100%;
	}
	.atmc-grid-2col .atmc-grid-col {
		-ms-flex-preferred-size: 50%;
		flex-basis: 50%;
		width: 50%;
	}
	.atmc-grid-3col .atmc-grid-col {
		-ms-flex-preferred-size: 33.33%;
		flex-basis: 33.33%;
		width: 33.33%;
	}
	.atmc-grid-4col .atmc-grid-col {
		-ms-flex-preferred-size: 25%;
		flex-basis: 25%;
		width: 25%;
	}
}
@media (max-width:768px) and (max-width:991px) {
	.atmc-grid-4col .atmc-grid-col {
		-ms-flex-preferred-size: 33.33%;
		flex-basis: 33.33%;
		width: 33.33%;
	}
}
@media (min-width:576px) and (max-width:767px) {
	.atmc-grid-2col .atmc-grid-col {
		-ms-flex-preferred-size: 50%;
		flex-basis: 50%;
		width: 50%;
	}
	.atmc-grid-3col .atmc-grid-col {
		-ms-flex-preferred-size: 50%;
		flex-basis: 50%;
		width: 50%;
	}
}

/* Grid */
@supports ((display: -ms-grid) or (display: grid)) {
  .atmc-grid .atmc-grid-col {
    width: auto;
    padding: 0;
  }
	.atmc-grid {
		display: -ms-grid;
		display: grid;
		grid-row-gap: 2rem;
		grid-column-gap: 2rem;
		margin: 0;
	}
	.atmc-grid.atmc-gallery-filter {
		display: block!important;
		margin: -.75rem;
	}
	.atmc-grid.atmc-gallery-filter > div {
		padding: .75rem;
	}
	@media (min-width: 768px) {
		.atmc-grid-1col {
			-ms-grid-columns: 1fr;
			grid-template-columns: 1fr;
		}
		.atmc-grid-2col {
			-ms-grid-columns: (1fr)[2];
			grid-template-columns: repeat(2, 1fr);
		}
		  .atmc-grid-2col.atmc-gallery-filter .atmc-grid-col {
				width: 50%;
		  }
		.atmc-grid-3col {
			-ms-grid-columns: (1fr)[3];
			grid-template-columns: repeat(3, 1fr);
		}
		  .atmc-grid-3col.atmc-gallery-filter .atmc-grid-col {
				width: 33.33%;
		  }
		.atmc-grid-4col {
			-ms-grid-columns: (1fr)[2];
			grid-template-columns: repeat(2, 1fr);
		}
		  .atmc-grid-4col.atmc-gallery-filter .atmc-grid-col {
				width: 50%;
		  }
	}
	@media (min-width:992px) {
		.atmc-grid-4col {
			-ms-grid-columns: (1fr)[4];
			grid-template-columns: repeat(4, 1fr);
		}
		  .atmc-grid-4col.atmc-gallery-filter .atmc-grid-col {
				width: 25%;
		  }
	}
	@media (min-width:576px) and (max-width:767px) {
		.atmc-grid-2col {
			-ms-grid-columns: (1fr)[2];
			grid-template-columns: repeat(2, 1fr);
		}
		  .atmc-grid-2col.atmc-gallery-filter .atmc-grid-col {
				width: 50%;
		  }
		.atmc-grid-4col {
			-ms-grid-columns: (1fr)[2];
			grid-template-columns: repeat(2, 1fr);
		}
		  .atmc-grid-4col.atmc-gallery-filter .atmc-grid-col {
				width: 50%;
		  }
	}
}

.atmc-team-01 {
	grid-row-gap: 2.5rem;
}
.atmc-team-01_img {
	position: relative;
	display: inline-block;
	width: 100%;
	max-width: 100%;
	margin: 0 auto 1rem;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.atmc-team-01_img:before {
	content: "";
	display: block;
	padding-bottom: 100%;
}

.atmc-grid .atmc-grid-col {
/*   width: calc(100% - 60px); */
  width:100%;

}

/* ======== Ipad Design ======== */

/* lp_main  */
@media only screen and (max-width:1200px) and (min-width:560px){
    .lp_main .home-main-upper::after {
        position: absolute;
        content: "";
        width: 100%;
        height: 100%;
        background-color: rgba(0,0,0,0.2);
        z-index: 2;
    }
    .lp_main .home-main-right-one {
        position: relative;
        z-index: 10;
    }
    .lp_main .home-main-upper {
        position: relative;
    }
  .lp_main .home-main-right-one * {
      color: #FFF !important;
  }
}


/* home_main  */
@media only screen and (max-width:1100px) and (min-width:560px){
      .home-main-upper {
        height: auto;
        margin-bottom: 1rem;
    }
  
  .home-main-wrapper {
    background-color: #1B498C;
}  
  
  .homeMainWrapper .home-main-image.homeMainImage {
        height: 100% !important;
    }
    
    .homeMainWrapper .home-main-image.homeMainImage img {
       /* position: absolute !important;
        z-index: 0 !important;
        height: 100% !important;
        object-fit:cover !important; */
      display: none; 
    }

    .homeMainWrapper .home-main-image.homeMainImage::after {
        /* position: absolute;
        content:"";
        top:0;
        left:0;
        width:100%;
        height:100%;
        background-color:rgba(0,0,0,0.3);
        z-index:10 */ 
      
    }
    
    .homeMainWrapper .home-main-right-one {
        position: relative;
        z-index: 10;
    }
    
    .homeMainWrapper .home-main-header {
        margin-top: 0 !important;
    }
    
    .homeMainWrapper .home-main-right-two {
        width: 100%;
    }

    .homeMainWrapper .home-main-bottom {
        position: relative;
        z-index: 14;
    }
}

.hs-form-d827c8bb-5c88-4b3b-ba53-d2ae8ee69f11_10f25894-fcb4-41ae-8200-6ee0ae4ee814 .hs-richtext {
    word-break: unset;
}

.pwr-footer__content .pwr-adc-content__menu .hs-menu-wrapper li a,
.pwr-footer__content .pwr-adc .pwr-adc__col .pwr-adc__content-wrapper .pwr-adc-content__menu .hs-menu-wrapper li a {
    color: #1a213c !important;

}

/* Hover state */
.pwr-footer__content .pwr-adc-content__menu .hs-menu-wrapper li a:hover,
.pwr-footer__content .pwr-adc .pwr-adc__col .pwr-adc__content-wrapper .pwr-adc-content__menu .hs-menu-wrapper li a:hover {
    color: #3a4a7c !important; /* Slightly darker shade for hover */
}

.infobox {
    color: #1a213c; /* Schriftfarbe */
    background-color: #d6e6ee; /* Hintergrundfarbe */
    padding: 30px; /* Standard-Padding für Desktop */
  margin-top: 30px;
  margin-bottom: 30px; 
}

@media (max-width: 1024px) { /* Tablet */
    .infobox {
        padding: 20px;
        margin-top: 20px;
  margin-bottom: 20px; 
    }
}

@media (max-width: 768px) { /* Mobile */
    .infobox {
        padding: 15px;
            margin-top: 15px;
  margin-bottom: 15px; 
    }
}

.quotebox {
    color: #071E3F; /* Schriftfarbe */
    background-color: #A5CFE5; /* Hintergrundfarbe für Zitate */
    padding: 30px; /* Standard-Padding für Desktop */
  padding-right: 60px;
  padding-left: 60px;
  padding-top: 30px;
  padding-bottom: 30px;
   
    border-left: 3px solid #1a213c; /* Vertikale Linie als Zitatindikator */
         margin-top: 15px;
  margin-bottom: 40px; 
}

@media (max-width: 1024px) { /* Tablet */
    .quotebox {
        padding: 20px;
      margin-top: 20px;
  margin-bottom: 20px; 
    }
}

@media (max-width: 768px) { /* Mobile */
    .quotebox {
        padding: 15px;
      margin-top: 15px;
  margin-bottom: 15px; 
    }
}



.helfe-bottom div.hs-richtext>p:nth-child(2), .helfe-bottom fieldset:nth-child(7) label, .helfe-bottom fieldset:nth-child(8) div:first-child p, .helfe-bottom fieldset:nth-child(8) div:nth-child(2) p, .helfe-bottom fieldset:nth-child(8) span, .helfe-bottom p, .helfe-bottom span, .helfe-bottom>fieldset:nth-child(7) label, .helfe-guides-form div.hs-richtext>p:nth-child(2), .helfe-guides-form fieldset:nth-child(7) label, .helfe-guides-form fieldset:nth-child(8) div:first-child p, .helfe-guides-form fieldset:nth-child(8) div:nth-child(2) p, .helfe-guides-form fieldset:nth-child(8) span, .helfe-guides-form p, .helfe-guides-form span, .helfe-guides-form>fieldset:nth-child(7) label {
    float: none;
      word-break: normal;
  clear:both;
}  

.hs-form-3c54b276-918e-415c-baa5-6818fe9a3577_b41128e1-dac8-4f5f-8487-605a1a7569b0 .hs-richtext,
.hs-richtext {
    clear: both;
}

.legal-consent-container .hs-richtext em {
  background-image: none;
  font-style: italic;

}

.pwr-post-content .pwr-heading-style--h1,
.pwr-post-content h1,
.pwr-post-content .pwr-heading-style--h2,
.pwr-post-content h2,
.pwr-post-content .pwr-heading-style--h3,
.pwr-post-content h3,
.pwr-post-content .pwr-heading-style--h4,
.pwr-post-content h4,
.pwr-post-content .pwr-heading-style--h5,
.pwr-post-content h5,
.pwr-post-content .pwr-heading-style--h6,
.pwr-post-content h6 {
    padding-top: 1em !important;
}





/* ==========================================
   Korrektorat SEA LANDING PAGE CSS STYLES
   ========================================== */
/* Component-specific styles */
.korrektorat-landing {
    --section-spacing: 40px;
    /*max-width: 1200px;*/
    margin: 0 auto;
    /*padding: 0 20px;*/
}

/* ==========================================
   HERO SECTION
   ========================================== */
.hero {
    padding: var(--section-spacing) 0;
}

.hero__title {
    color: #1b498c;
    font-size: 50px;
    font-weight: 400;
    line-height: 1;
    }

.hero__subtitle {
    color: #1b498c;
    font-size: 28px;
    font-weight: 400;
    margin-bottom: 20px;
}

/* ==========================================
   TABS NAVIGATION
   ========================================== */
.tabs {
    margin-bottom: var(--section-spacing);
}

.tabs__list {
    display: flex;
    gap: 2px;
    margin-bottom: 24px;
    /*border-bottom: 1px solid #dee3ed;*/
    position: relative;
    padding: 8px 0;
}

.tabs__button {
    padding: 16px 0px;
   margin-right: 35px;
    background: transparent;
    border: none;
    border-bottom: 3px solid transparent;
    color: #666;
    font-family: inherit;
    font-size: 16px;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

.tabs__button:hover {
    color: #1b498c;
}

/* Only blue border under active tab */
.tabs__button.active {
    color: #1b498c;
    border-bottom-color: #1b498c;
    font-weight: 500;
}

/* ==========================================
   TAB CONTENT
   ========================================== */
.tab-content {
    display: none;
    padding: 32px 0;
    transition: opacity 0.3s ease;
}

.tab-content.active {
    display: block;
    animation: fadeIn 0.3s ease-in-out;
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.tab-content__grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 48px;
}

.tab-content__title {
    color: #1b498c;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 24px;
}

.tab-content__list {
    list-style: none;
    padding: 0;
}

.tab-content__list li {
    margin-bottom: 16px;
    padding-left: 24px;
    position: relative;
}

.tab-content__list li:before {
    content: '';
    position: absolute;
    left: 0;
    top: 8px;
    width: 12px;
    height: 2px;
    background: #1b498c;
}

/* ==========================================
   CERTIFICATIONS SECTION
   ========================================== */
.certifications {
    padding: var(--section-spacing) 0;
    margin-top: 24px;
}

.certifications__title {
    color: #666;
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 1em;
    text-align: center;
    padding-top: 2rem;
}

.certifications__grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 16px;
}

.certification-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 20px 16px;
    background-color: #f8f9fc;
    border-radius: 8px;
    text-decoration: none;
    transition: all 0.3s ease;
    height: 100%;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    position: relative;
}

.certification-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.certification-card__image {
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 80px;
}

.certification-card__image img {
    max-width: 100%;
    height: auto;
    object-fit: contain;
}

.dsgvo-icon {
    width: 80px;
    height: 80px;
    background-color: #1b498c;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-weight: bold;
    font-size: 16px;
}

.certification-card__content {
    text-align: center;
}

.certification-card__title {
    color: #1b498c;
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 4px;
}

.certification-card__subtitle {
    font-size: 14px;
    color: #666;
}

/* ==========================================
   CTA BUTTON
   ========================================== */
.cta-button {
    display: inline-block;
    background: #1b498c;
    color: white;
    padding: 14px 28px;
    font-size: 16px;
    border: none;
    cursor: pointer;
    transition: background-color 0.3s ease;
    text-decoration: none;
    margin-top: 32px;
}

.cta-button:hover {
    background: #22598b;
}

/* ==========================================
   RESPONSIVE DESIGNS
   ========================================== */
@media screen and (min-width: 1024px) {
  .tabs {
    max-width: 80%;
  }
    .korrektorat-landing--with-image .tabs {
    max-width: 95%;
  }
}
  
/* Large tablets and small desktops */
@media (max-width: 968px) {
    .tabs__list {
        flex-wrap: wrap;
    }
    
    .certifications__grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 12px;
    }
}

/* Tablets and large phones */
@media (max-width: 768px) {
    .hero__title {
        font-size: 28px;
    }

    .hero__subtitle {
        font-size: 24px;
    }

    .tab-content__grid {
        grid-template-columns: 1fr;
        gap: 32px;
    }
}

/* Small phones */
@media (max-width: 576px) {
    .tabs__button {
        width: 100%;
        text-align: left;
    }

    .certifications__grid {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .certification-card {
        padding: 16px 12px;
    }
    
    .certification-card__image {
        height: 70px;
    }
    
    .dsgvo-icon {
        width: 70px;
        height: 70px;
        font-size: 14px;
    }
}
  
/* ==========================================
   MOBILE OPTIMIZATIONS - 
   ========================================== */
@media (max-width: 767px) {
  /* Remove margin below hero subtitle on mobile */
  .hero__subtitle {
    margin-bottom: 15px;
  }
  
  /* Optimize tabs for mobile - dropdown style */
  .tabs__list {
    flex-direction: column;
    background-color: #f8f9fc;
    border-radius: 8px;
    padding: 0;
    overflow: hidden;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    position: relative;
    max-height: 58px; /* Height of a single tab */
    transition: max-height 0.3s ease;
  }
  
  .tabs__list.expanded {
    max-height: 240px; /* Adjust based on the number of tabs */
  }
  
  .tabs__button {
    padding: 14px 16px;
    border-bottom: none !important;
    width: 100%;
    text-align: left;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-right: 0;
  }
  
   /* Add separator between tabs instead of using borders */
  .tabs__button:not(:last-child) {
    border-bottom: 1px solid #e5e9f2 !important;
  }
  
  /* Active tab styles for mobile */
  .tabs__button.active {
    border-bottom: none !important;
    background-color: #f0f4f8; /* Light background to indicate active state */
  }

  
  .tabs__button::after {
    transform: rotate(45deg) !important; /* Force arrow to point DOWN when collapsed */
    content: '';
    border: solid #666;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    margin-right: 5px;
    transition: transform 0.3s ease;
  }
  
    .tabs__list.expanded .tabs__button.active::after {
    transform: rotate(-135deg) !important; /* Points UP when expanded */
  }
  
    /* Hide arrows on non-active tabs when expanded */
  .tabs__list.expanded .tabs__button:not(.active)::after {
    display: none !important; /* Hide arrows completely */
  }
  
  .tabs__button.active {
    order: -1; /* Move active tab to top */
    border-bottom: 1px solid #e5e9f2;
    border-left: none;
  }
  
  .tabs__button.active::after {
    transform: rotate(-135deg) !important; /* Points UP when expanded */
  }
  
  
  
  .tabs__button.active {
    order: -1; /* Move active tab to top */
    border-bottom: 1px solid #e5e9f2;
    border-left: none;
  }
  
  .tabs__button.active::after {
    transform: rotate(-135deg);
  }
  
  /* This ensures arrows point DOWN when collapsed */
.tabs__list:not(.expanded) .tabs__button::after {
  transform: rotate(45deg) !important;
}

/* This ensures active tab arrow points UP when expanded */
.tabs__list.expanded .tabs__button.active::after {
  transform: rotate(-135deg) !important;
}
  
  /* Fix for non-active tabs when expanded */
  .tabs__list.expanded .tabs__button:not(.active)::after {
    transform: rotate(45deg) !important; /* Keep pointing DOWN */
  }
  
  /* Adjust tab content for mobile */
  .tab-content {
    padding-top: 20px;
  }
  
  /* Fix ISO badges layout for mobile */
  /* Fix certification grid layout */
  .certifications__grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
    width: 100%;
    padding: 0;
    box-sizing: border-box;
  }
  
  /* Adjust individual certification cards */
.certification-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 12px 5px;
    width: 100%;
    box-sizing: border-box;
    margin: 0 auto;
    height: 100%;
  }
  
  /* Make certification images smaller */
  .certification-card__image {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin: 0 auto 8px;
    height: 65px;
  }
  
  .certification-card__image img {
    max-width: 65px;
    max-height: 65px;
    margin: 0 auto;
    display: block;
  }
  
    .certification-card__content {
    text-align: center;
    width: 100%;
  }
  
  /* Adjust DSGVO icon size */
  .dsgvo-icon {
    width: 65px;
    height: 65px;
    font-size: 14px;
    margin: 0 auto;
  }
  
  /* Adjust text size */
  .certification-card__title {
    font-size: 14px;
    margin-bottom: 2px;
  }
  
  .certification-card__subtitle {
    font-size: 12px;
  }
}


/* ==========================================
   IMAGE ENHANCED VERSION - New Classes Only
   ========================================== */
/* Main container modifier */
.korrektorat-landing--with-image .tab-content__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto; /* Text takes available space, image takes necessary space */
  gap: 40px; /* Reduced gap */
  align-items: flex-start; /* Align to top */
  max-width: 1300px; /* Constrain overall width */
  margin: 0 auto; /* Center the content */
}

/* Image container */
.tab-content__image-container {
  position: relative;
  width: 220px; /* Smaller width */
  height: auto;
  margin-left: auto; /* Push to right */
  margin-right: 20px; /* Add some right margin */
  display: flex;
  justify-content: center;
  align-items: center;
  order: 2;
}

/* Image styling */
.tab-content__image {
  max-width: 100%;
  height: auto;
 
}

/* Text container */
.korrektorat-landing--with-image .tab-content__text-container {
  order: 1;
  padding-right: 30px; /* More space between text and image */
  max-width: 700px; /* Constrain text width */
}

/* Responsive adjustments for large tablets */
@media (max-width: 1024px) {
  .korrektorat-landing--with-image .tab-content__grid {
    gap: 30px;
  }
  
  .tab-content__image-container {
    width: 180px; /* Even smaller on tablet */
    margin-right: 10px;
  }
  
    .korrektorat-landing--with-image .tab-content__text-container {
    padding-right: 15px;
  }
}

/* Responsive adjustments for tablets and mobile */
@media (max-width: 768px) {
 .korrektorat-landing--with-image .tab-content__grid {
    grid-template-columns: 1fr; /* Stack in mobile view */
    gap: 20px;
  }
  
 .tab-content__image-container {
    width: 140px; /* Smaller on mobile */
    margin: 0 auto 20px;
    order: 1;
  }
  
    .korrektorat-landing--with-image .tab-content__text-container {
    order: 2;
    padding-right: 0;
  }
}

/* Responsive adjustments for small mobile */
@media (max-width: 576px) {
  .tab-content__image-container {
    max-width: 100px;
  }
}

/* End of SEA Above the Fold with Tabs Styles */ 


  /* ==========================================
   Power Stats Custom adjustments
   ========================================== */

.pwr-stat__number, .pwr-stat__suffix {
    font-weight: 400;
}
@media screen and (max-width: 1024px) {
  .pwr-stat__number, .pwr-stat__suffix {
    font-size: 32px;
  }
  
  .pwr-stat__title {
    font-size: 14px;
}
  
  .pwr-sec-stats__intro-sec {
    margin-bottom: 35px;
}
}
/* For tablets */
@media screen and (max-width: 768px) {
  .pwr-stat__number, .pwr-stat__suffix {
    font-size: 28px;
  }
}

/* For mobile phones */
@media screen and (max-width: 480px) {
  .pwr-stat__number, .pwr-stat__suffix {
    font-size: 24px;
  }
}


.row-fluid .timeline-with-scrolling-animation-timeline-main .timeline-with-scrolling-animation-timeline-outer .timeline-section h3 {
   
    font-size: 26px;
    line-height: 32px;
    text-transform: none;
   }





 /* Container für die nebeneinander stehenden Segmente */
.segments-container {
  display: flex;
  gap: 30px;
  margin: 3rem 0;
}

/* Gemeinsame Stile für Segmente */
.content-segment {
  flex: 1;
  padding: 2.5rem;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  border: 1px solid #e5e9f2;
}

.content-segment:hover {
  transform: translateY(-3px);
  box-shadow: 0 10px 20px rgba(25, 33, 60, 0.08);
}

/* B2B-Segment speziell */
.b2b-segment {
  background-color: #E7EFF7; /* Hellblau für B2B */
  border-left: 4px solid #22598b;
}

/* B2C-Segment speziell */
.b2c-segment {
  background-color: #F5F8FA; /* Hellgrau für B2C */
  border-left: 4px solid #1a213c;
}

/* Überschriften für Segmente */
.segment-heading {
  color: #1b498c;
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 1rem;
  line-height: 1.3;
}

/* Beschreibungstext für Segmente */
.segment-description {
  color: #19213C;
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 1.5rem;
}

/* Einleitender Text für Listen */
.content-intro {
  color: #19213C;
  font-weight: 600;
  margin-bottom: 0.75rem;
}

/* Listen in den Segmenten */
.content-list {
  list-style-type: none;
  padding-left: 0;
  margin-bottom: 0;
}

.content-list li {
  position: relative;
  padding-left: 1.5rem;
  margin-bottom: 0.75rem;
  font-size: 16px;
  line-height: 1.5;
}

.content-list li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.6rem;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #22598b;
}

/* Interne Links */
.internal-link {
  color: #22598b;
  text-decoration: none;
  font-weight: 500;
  transition: color 0.2s ease;
}

.internal-link:hover {
  color: #1b498c;
  text-decoration: underline;
}

/* ISO-Zertifikate Bereich */
.iso-certifications {
  margin: 3rem 0;
  text-align: center;
}

.iso-cert-heading {
  color: #1b498c;
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 1.5rem;
  text-align: center;
}

.iso-link {
  display: inline-block;
  text-decoration: none;
  transition: transform 0.3s ease;
}

.iso-link:hover {
  transform: scale(1.01);
}

.iso-image {
  max-width: 450px;
  height: auto;
   padding: 10px;
}

/* Prozess-Sektion mit Überschrift */
.process-section {
  margin: 4rem 0;
  padding: 0 15px;
}

.process-heading {
  text-align: center;
  font-weight: 700;
  font-size: 28px;
  line-height: 1.3;
  color: #19213C;
  margin-bottom: 2.5rem;
  position: relative;
  padding-bottom: 1.2rem;
}

.process-heading:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 80px;
  height: 3px;
  background-color: #22598b;
}

/* Prozess-Schritte Container */
.process-steps {
  display: flex;
  justify-content: space-between;
  position: relative;
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
}

/* Verbindungslinie zwischen den Schritten */
.process-steps:before {
  content: "";
  position: absolute;
  top: 40px;
  left: 80px;
  right: 80px;
  height: 3px;
  background: linear-gradient(90deg, #D7E7EF 0%, #22598b 100%);
  z-index: 1;
}

/* Einzelner Schritt */
.step {
  position: relative;
  flex: 1;
  padding: 0 15px;
  text-align: center;
  z-index: 2;
  transition: transform 0.3s ease-in-out;
}

.step:hover {
  transform: translateY(-5px);
}

/* Verlinkung im ersten Schritt */
.step-link {
  display: block;
  text-decoration: none;
  color: inherit;
}

/* Nummerierter Kreis */
.step-number {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background-color: #22598b;
  color: white;
  font-size: 28px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 20px;
  position: relative;
  box-shadow: 0 5px 15px rgba(34, 89, 139, 0.2);
  transition: all 0.3s ease;
  overflow: hidden;
}

/* Ikonen innerhalb der Kreise - überlagern die Zahlen bei hover/active */
.step-number:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 32px;
  height: 32px;
  opacity: 0;
  background-size: contain;
  background-repeat: no-repeat;
  transition: opacity 0.3s ease;
  z-index: 2;
}

.step:hover .step-number:before,
.step.active .step-number:before {
  opacity: 1;
}

.step:hover .step-number,
.step.active .step-number {
  background-color: #1B498C;
  box-shadow: 0 8px 20px rgba(34, 89, 139, 0.3);
}

/* Zahlenstil bei hover/active leicht zurückgesetzt für bessere Ikonensichtbarkeit */
.step:hover .step-number span,
.step.active .step-number span {
  opacity: 0.4;
}

.step:nth-child(1) .step-number:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='white'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M7 16a4 4 0 01-.88-7.903A5 5 0 1115.9 6L16 6a5 5 0 011 9.9M15 13l-3-3m0 0l-3 3m3-3v12'%3E%3C/path%3E%3C/svg%3E");
}

.step:nth-child(2) .step-number:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='white'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z'%3E%3C/path%3E%3C/svg%3E");
}

.step:nth-child(3) .step-number:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='white'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z'%3E%3C/path%3E%3C/svg%3E");
}

/* Schritt-Titel */
.step h4 {
  color: #19213C;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 12px;
  transition: color 0.3s ease;
}

.step:hover h4,
.step.active h4 {
  color: #22598b;
}

/* Schritt-Beschreibung */
.step p {
  color: #393C3E;
  font-size: 16px;
  line-height: 1.5;
  margin: 0;
}

/* Aktiver Schritt */
.step.active .step-number {
  background-color: #1B498C;
  color: white;
}

/* Animation für schrittweise Anzeige */
.process-steps {
  opacity: 0;
  transform: translateY(20px);
  animation: fadeInUp 0.8s forwards;
}

.step {
  opacity: 0;
  animation: fadeIn 0.5s forwards;
}

.step:nth-child(1) {
  animation-delay: 0.2s;
}

.step:nth-child(2) {
  animation-delay: 0.4s;
}

.step:nth-child(3) {
  animation-delay: 0.6s;
}

@keyframes fadeInUp {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes fadeIn {
  to {
    opacity: 1;
  }
}

/* Responsive-Anpassungen */
@media (max-width: 1024px) {
  .process-steps:before {
    left: 60px;
    right: 60px;
  }
  
  .step-number {
    width: 70px;
    height: 70px;
    font-size: 24px;
  }
  
  .step h4 {
    font-size: 18px;
  }
  
  .process-heading {
    font-size: 24px;
  }
}

@media (max-width: 992px) {
  .segments-container {
    flex-direction: column;
  }
  
  .content-segment {
    margin-bottom: 1.5rem;
  }
}

@media (max-width: 768px) {
  .content-segment {
    padding: 1.5rem;
  }
  
  .segment-heading {
    font-size: 20px;
  }
  
  .process-steps {
    flex-direction: column;
    padding: 0 20px;
  }
  
  .process-steps:before {
    left: 40px;
    right: auto;
    top: 40px;
    bottom: 40px;
    width: 3px;
    height: auto;
    background: linear-gradient(180deg, #D7E7EF 0%, #22598b 100%);
  }
  
  .step {
    display: flex;
    text-align: left;
    padding: 20px 0;
    margin-bottom: 15px;
    align-items: center;
  }
  
  .step-link {
    display: flex;
    align-items: center;
    width: 100%;
  }
  
  .step-number {
    margin: 0 30px 0 0;
    flex-shrink: 0;
    width: 60px;
    height: 60px;
    font-size: 20px;
  }
  
  .step-content {
    flex: 1;
  }
  
  .step:hover {
    transform: translateX(5px);
  }
  
  .process-heading {
    font-size: 22px;
    padding-bottom: 1rem;
  }
  
  .process-heading:after {
    width: 60px;
  }
  
  .iso-image {
    max-width: 100%;
  }
}

@media (max-width: 480px) {
  .content-segment {
    padding: 1.25rem;
  }
  
  .segment-heading {
    font-size: 18px;
  }
  
  .segment-description,
  .content-list li {
    font-size: 15px;
  }
  
  .process-steps:before {
    left: 30px;
  }
  
  .step-number {
    width: 50px;
    height: 50px;
    font-size: 18px;
    margin-right: 20px;
  }
  
  .step h4 {
    font-size: 16px;
  }
  
  .step p {
    font-size: 14px;
  }
  
  .process-heading {
    font-size: 20px;
  }
}

        
        /* Best Practices Prozess-Komponente */
        .process-section {
            margin-bottom: 3rem;
            background-color: var(--bg-gray);
            border-radius: 8px;
            padding: 2rem;
        }
        
        .process-steps {
            margin-top: 2rem;
        }
        
        .process-step {
            display: flex;
            margin-bottom: 1.5rem;
            position: relative;
            transition: all 0.3s ease;
        }
        
        .process-step:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 20px rgba(0,0,0,0.05);
        }
        
        .step-number {
            background-color: var(--primary-blue);
            color: white;
            width: 50px;
            height: 50px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-weight: bold;
            font-size: 1.25rem;
            flex-shrink: 0;
            position: relative;
            z-index: 2;
        }
        
        .step-content {
            background-color: white;
            border-radius: 8px;
            padding: 1.5rem;
            margin-left: -25px;
            padding-left: 35px;
            flex-grow: 1;
            border-left: 3px solid var(--primary-blue);
            box-shadow: 0 4px 12px rgba(0,0,0,0.05);
        }
        
        .step-title {
            font-weight: 600;
            color: var(--primary-blue);
            margin-top: 0;
            margin-bottom: 0.5rem;
            font-size: 1.1rem;
        }
        
        /* Checkliste Komponente */
        .checklist-section {
            margin-bottom: 3rem;
            background-color: var(--bg-gray);
            border-radius: 8px;
            padding: 2rem;
        }
        
        .checklist {
            margin-top: 1.5rem;
        }
        
        .checklist-item {
            background-color: white;
            border-radius: 8px;
            padding: 1rem 1.5rem;
            margin-bottom: 1rem;
            position: relative;
            display: flex;
            align-items: center;
            box-shadow: 0 4px 12px rgba(0,0,0,0.05);
            transition: all 0.3s ease;
        }
        
        .checklist-item:hover {
            transform: translateX(5px);
            box-shadow: 0 6px 16px rgba(0,0,0,0.08);
        }
        
        .checklist-item:before {
            content: "";
            width: 22px;
            height: 22px;
            background-color: var(--secondary-blue);
            border-radius: 4px;
            margin-right: 15px;
            flex-shrink: 0;
            background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='20 6 9 17 4 12'%3e%3c/polyline%3e%3c/svg%3e");
            background-repeat: no-repeat;
            background-position: center;
            background-size: 14px;
        }
        
        /* Erweiterte Erklärungen */
        .info-section {
            margin-bottom: 3rem;
        }
        
        .info-card {
            background-color: white;
            border-radius: 8px;
            padding: 2rem;
            box-shadow: 0 4px 16px rgba(0,0,0,0.08);
            margin-bottom: 1.5rem;
            border-top: 4px solid var(--secondary-blue);
        }
        
        .info-title {
            font-weight: 600;
            font-size: 1.2rem;
            color: var(--primary-blue);
            margin-top: 0;
            margin-bottom: 1rem;
        }
        
        .info-content {
            color: var(--text-medium);
        }
        
        /* Responsive Design */
        @media (max-width: 768px) {
            .process-step {
                flex-direction: column;
            }
            
            .step-number {
                margin-bottom: -25px;
            }
            
            .step-content {
                margin-left: 0;
                padding-left: 1.5rem;
                padding-top: 30px;
            }
        }


.process-section {
  max-width: 1200px;
  margin: 0 auto;
  padding: 40px 20px;
}

.process-heading {
  text-align: center;
  font-size: 28px;
  font-weight: 600;
  color: #19213C;
  margin-bottom: 50px;
  position: relative;
}

.process-heading:after {
  content: "";
  position: absolute;
  bottom: -15px;
  left: 50%;
  transform: translateX(-50%);
  width: 80px;
  height: 3px;
  background-color: #1b498c;
}

.process-steps-row {
  display: flex;
  justify-content: space-between;
  margin-bottom: 40px;
}

.step-box {
  flex: 1;
  max-width: 24%;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 0 10px;
  position: relative;
}

.step-box:not(:last-child):after {
  content: "→";
  position: absolute;
  right: -10px;
  top: 50px;
  font-size: 24px;
  color: #ddd;
}

.step-number {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background-color: #1b498c;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 15px;
}

.step-title {
  color: #1b498c;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 10px;
  text-align: center;
  width: 100%;
}

.step-text {
  font-size: 14px;
  line-height: 1.4;
  margin-bottom: 15px;
  color: #19213C;
  text-align: center;
  width: 100%;
}

.step-features {
  width: 100%;
  text-align: center;
}

.feature-item {
  font-size: 13px;
  color: #666;
  text-align: center;
  margin-bottom: 5px;
}

.cta-container {
  text-align: center;
  margin-top: 30px;
}

.cta-button {
  display: inline-block;
  background-color: #1b498c;
  color: white;
  font-weight: 600;
  padding: 12px 30px;
  border-radius: 0;
  text-decoration: none;
  transition: background-color 0.3s ease;
}

.cta-button:hover {
  background-color: #22598b;
  color: white;
}

@media (max-width: 992px) {
  .process-steps-row {
    flex-wrap: wrap;
  }
  
  .step-box {
    flex: 1 1 45%;
    max-width: 45%;
    margin-bottom: 30px;
  }
  
  .step-box:not(:last-child):after {
    display: none;
  }
}

@media (max-width: 576px) {
  .step-box {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

/* Contact Card in tolingo legal style with Goncalo */

/* Kontakt-Karte Container */
.contact-card-goncalo {
  padding: 40px;
  text-align: left;
  border: 1px solid #e9ecef;
  max-width: 380px;
}

/* Bild Container */
.contact-image {
  margin-bottom: 24px;
  position: relative;
}

.contact-image img {
  object-fit: cover;
}

/* Rolle/Position */
.contact-role {
  font-family: 'Klarheit Grotesk', -apple-system, BlinkMacSystemFont, sans-serif;
  color: #1b498c;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.1;
}

/* Abteilung */
.contact-department {
  font-family: 'Klarheit Grotesk', -apple-system, BlinkMacSystemFont, sans-serif;
  color: #6c757d;
  font-size: 15px;
  font-weight: 500;
  margin-bottom: 24px;
  line-height: 1.2;
}

/* Kontakt Details */
.contact-details {
  margin-bottom: 28px;
  padding: 20px 0;
  border-top: 1px solid #e9ecef;
  border-bottom: 1px solid #e9ecef;
}

.contact-name {
  font-size: 17px;
  font-weight: 600;
  color: #2d3748;
  margin-bottom: 12px;
  line-height: 1.1;
}

.contact-phone,
.contact-email {
  line-height: 1.2;
}

.contact-phone a,
.contact-email a {
  color: #1b498c;
  text-decoration: none;
  font-size: 14px;
  font-weight: 500;
  transition: color 0.2s ease;
}

.contact-phone a:hover,
.contact-email a:hover {
  color: #0f3460;
  text-decoration: underline;
}

/* Variante: Kompakter für Sidebar */
.contact-card-goncalo.compact {
  padding: 24px;
  max-width: 320px;
}

.contact-card-goncalo.compact .contact-image img {
  width: 100px;
  height: 100px;
}

.contact-card-goncalo.compact .contact-role {
  font-size: 18px;
}

 /* Contact Card Mobile */
  .contact-card-goncalo {
    padding: 24px;
    max-width: 100%;
    text-align: left !important;
  }
  
  .contact-image img {
    width: 100px;
    height: 100px;
  }
  
  .contact-role {
    font-size: 18px;
  }
  
  .contact-department {
    font-size: 14px;
  }
  
  .tab-content__image-container .contact-card-goncalo .contact-image img {
    height: 100% !important;
    width: 100% !important;
  }
  
  /* MOBILE LAYOUT FIX - Text vor Kontakt-Block */
  .tab-content__grid {
    display: flex !important;
    flex-direction: column !important;
  }
  
  .tab-content__text-container {
    order: 1 !important; /* Text zuerst */
    max-width: 100% !important;
  }
  
  .tab-content__image-container {
    order: 2 !important; /* Kontakt-Block danach */
  }
}
/* Kontakt-Block  Ende*/