/* barlow-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/barlow-v12-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* barlow-300italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Barlow';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/barlow-v12-latin-300italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* barlow-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/barlow-v12-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* barlow-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Barlow';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/barlow-v12-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* barlow-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/barlow-v12-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* barlow-500italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Barlow';
  font-style: italic;
  font-weight: 500;
  src: url('../fonts/barlow-v12-latin-500italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* barlow-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/barlow-v12-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* barlow-600italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Barlow';
  font-style: italic;
  font-weight: 600;
  src: url('../fonts/barlow-v12-latin-600italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* barlow-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/barlow-v12-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* barlow-700italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Barlow';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/barlow-v12-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* barlow-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/barlow-v12-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* barlow-800italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Barlow';
  font-style: italic;
  font-weight: 800;
  src: url('../fonts/barlow-v12-latin-800italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* barlow-900 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/barlow-v12-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* barlow-900italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Barlow';
  font-style: italic;
  font-weight: 900;
  src: url('../fonts/barlow-v12-latin-900italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


/* open-sans-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/open-sans-v40-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* open-sans-300italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/open-sans-v40-latin-300italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* open-sans-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/open-sans-v40-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* open-sans-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/open-sans-v40-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* open-sans-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/open-sans-v40-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* open-sans-500italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 500;
  src: url('../fonts/open-sans-v40-latin-500italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* open-sans-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/open-sans-v40-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* open-sans-600italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  src: url('../fonts/open-sans-v40-latin-600italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* open-sans-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/open-sans-v40-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* open-sans-700italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/open-sans-v40-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* open-sans-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/open-sans-v40-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* open-sans-800italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 800;
  src: url('../fonts/open-sans-v40-latin-800italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}



html {
    --wp-admin--admin-bar--height: 0px !important;
    scroll-padding-top: var(--wp-admin--admin-bar--height)
}

body {
  font-family: "Open Sans", sans-serif;
  font-weight: 300;
  font-size: 1.125rem;
  line-height: 1.875rem;
 background-color: #F9F9F9
}


h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Barlow";
  font-weight: 700;
  color: #004B6F;
}

#breadcrumbs, #breadcrumbs a {color: #000}

h2.wp-block-heading {
	margin-bottom: 15px !Important;
}

h2.accordion-header {margin-top: 0px !important;}

h3.wp-block-heading {
	margin-top: 30px !important;
	margin-bottom: 5px !Important;
}

ul {padding-left: 1rem}

.termine-card li {list-style-type:none !important;}
.termine-card ul {padding-left: 0px}


/*Flexbox*/
body .is-layout-flex {
  flex-wrap: wrap;
  align-items: flex-start !important;
}

/* Globaly styles */
.btn_primary, .wp-block-button__link {
  border: none;
  outline: none;
  height: 48px !important;
  width: 184px !important;
  
  background-color: #63a44b !important;
  color: #ffff;
  border-radius: 0 !important;
  transition: 0.3s ease;
  position: relative;
	top: 20px !important;
}
.btn_primary:hover, .wp-block-button__link:hover {
  color: white;
  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
  background-color: #066fa1;
}
.btn_primary:active {
  background-color: #06567d;
}

.wrapper {
	background-image: url('/wp-content/themes/scads2023/assets/images/bg-grafik.svg');
	max-width: 100%;
	margin: 0 auto;
	-webkit-box-shadow: 0px 0px 14px 3px #B0B0B0; 
box-shadow: 0px 0px 14px 3px #B0B0B0;
	background-color: #fff !important;
	background-repeat: no-repeat;
	background-position: 0 120px
}

/* Media Query für eine Mindestbreite von 1920px */
@media (min-width: 1600px) {
  .wrapper {
	  max-width: 1440px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); /* Hier kannst du die gewünschten Boxshadow-Eigenschaften anpassen */
  }
}

a {
  text-decoration: none;
  transition: 0.4s ease;
  color: #004b6f;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  margin-bottom: 1.125rem;
}

p.events-text, p.navigation-para {
    margin-top: 0;
    margin-bottom: 0rem;
}

p {
    margin-top: 0;
    margin-bottom: 0.5rem;
}


.p-5 {padding: 1.6rem !important}
.li_number {
  padding-left: 18px;
}

section.white {
	background-color: #fff !important;
}
.section_heading {
  font-size: 24px;
  color: #004b6f;
  letter-spacing: 0;
  line-height: 24px;
  font-weight: 700;
  text-align: center;
  margin: 3rem 0;
}
.section_heading_blog {
  font-size: 24px;
  color: #004b6f;
  letter-spacing: 0;
  line-height: 24px;
  font-weight: 700;
}
.border_bottom_primary {
  border-bottom: 1px solid #004b6f;
}
/* Globaly styles End */
.header {
  height: auto;
  background-color: #ffff;
}
.navbar {

   box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1); /* Offset X, Offset Y, Ausbreitung, Farbe */

  background-color: white !important;
}


.dropdown-menu {z-index: 110 !Important;}
.navbar-brand {
  display: flex;
  gap: 6px;
  align-items: center;
  font-size: 1.2em;
	margin-top: -10px
}
.main_icon {
  width: 192px;
  height: 76px;
  font-size: 1.2em;
}
.main_icon img {
  width: 100%;
  height: auto;
}
.navbar-toggler:focus {
  color: rgba(255, 255, 255, 0.55);
}
.nav-images-links {
  list-style: none;
  width: 60px;
}
.nav-images-links img {
  width: 100%;
  height: auto;
}
.nav-link {
  padding: 0;
}

.links_Wrapper .first_links {
  display: flex;
  justify-content: end;
  gap: 22px;
  align-items: center;
}
.links_Wrapper .first_links a {
  opacity: 0.8;
  font-size: 18px;
  color: rgba(0, 0, 0, 0.9);
  letter-spacing: 0.19px;
  font-weight: 400;
}
.links_Wrapper .first_links a:hover {
  color: #0074ac;
}
.links_Wrapper .first_links .search_wrapper {
  cursor: pointer;
}
.links_Wrapper .second_links {
  margin-top: 15px;
  display: flex;
}
.li-level-1 a {
  color: #000;
  font-weight: 700;
  font-size: 21px;
 padding-right: 10px
}
.li-level-1 a:hover {
  color: #0074ac;
}
.li-level-1 .activeLinks {
  color: #06567d;
}
.links_Wrapper .search_form {
	border: none;
  /*border: 1px solid #80808091;
  border-radius: 4px;*/
}
.links_Wrapper .search_form input {
  border: none;
  width: 150px;
  outline: none;
  box-shadow: none;
}
.links_Wrapper .search_form svg {
  margin-right: 12px;
}
.li-level-1 {
  padding-left: 0.5rem;
}

/* All Media Queries */
@media (max-width: 991px) {
  .links_Wrapper {
    display: flex;
    justify-content: space-between;
  }
  .links_Wrapper .first_links {
    flex-direction: column;
    margin-top: 22px;
  }
  .links_Wrapper .second_links {
    flex-direction: column;
  }
  .navbar-collapse {
    height: 100vh;
  }
}

/* {content sectiobn$$################3} */
.content-page {
  height: 100vh;
  margin-top: 50px;
}

.first-title-content h1 {
  text-align: center;
  font-size: 18px;
  color: rgba(0, 0, 0, 0.9);
  letter-spacing: 0;
  line-height: 30px;
  font-weight: 200;
}

.first-title-content h2 {
  margin-top: 20px;
  text-align: center;
  font-size: 18px;
  color: rgba(0, 0, 0, 0.9);
  letter-spacing: 0;
  line-height: 30px;
  font-weight: 200;
}

/* HERO SECTION */
.hero-section {
  /*background: url(/wp-content/uploads/bg-placeholder.jpg);*/
  background-repeat: no-repeat;
  background-size: cover;
 
}

.hero-text {
  width: 60%;
 
  font-size: 48px;
  color: rgb(246, 246, 246);
  letter-spacing: 1px;
  line-height: 72px;
  font-weight: 800;
	
	
}

.hero-text h1 {
 margin-top: 10px;
    font-weight: 700;
    width: fit-content;
    background-color: #0074ac;
    color: rgba(255, 255, 255, 0.9);
    font-size: 48px;
    text-transform: uppercase;
    display: inline;
    line-height: 1.3;
    padding: 2px 10px 1px 10px;
    background-color: #0074ac;
    -webkit-box-decoration-break: clone; /* For WebKit browsers */
    box-decoration-break: clone; /* For modern browsers */
}




 

.hero-container {
  align-items: center;
  display: flex;
  height: 540px;
}



.slider-text {
  color: white;   
	font-size: 20px;   
	text-align: center;   
	padding-top: 25px;
	margin-bottom: 0px
}


a.news  {margin: 0 auto; width: 200px; display: block; color: #fff !important;}

.slider-paragraph {
  color: white;
  font-weight: 200;
  font-size: 18px;
}

.carousel-control-next-icon,
.carousel-control-prev-icon {
  width: 2vw;
  height: 3vw;
}
.carousel_main {
  height: 140px;
  background-color: #004b6f;
}
.carousel_main_wrapper {
  height: 100%;
  background-color: #004b6f;
}
#carouselText {
  height: 100%;
}

.carousel_main .carousel_content_wrapper {
  width: 100%;
  padding: 12px 24px;
  margin-top: 26px;
}
.carousel_main .carousel-control-prev,
.carousel-control-next {
   width: 3%;
	 align-items: inherit;
	opacity: 1 ;
		 top: 50%;
	
height: 30px
}



/* {teaser-section###########################} */
.teaser-section {
  padding-top: 84px;
}

.teaserSection-content {
  padding-right: 114px;
}
.teaserSection-content-2 {
  padding-left: 114px;
}
.teaserSection-content h1 {
  font-size: 36px;
  color: #004b6f;
  letter-spacing: 0;
  line-height: 42px;
  font-weight: 700;
}
.teaserSection-content-2 h1 {
  font-size: 36px;
  color: #004b6f;
  letter-spacing: 0;
  line-height: 42px;
  font-weight: 700;
}
.teaserSection-content p,
.teaserSection-content-2 p {
  font-size: 18px;
  color: rgba(0, 0, 0, 0.9);
  letter-spacing: 0;
  line-height: 30px;
  font-weight: 200;
  margin-top: 40px;
  line-height: 30px;
}

.teaserSection-content button,
.teaserSection-content-2 button {
  margin-top: 40px;
}

.teaserSection-img {
  height: 486px;
  width: 100%;
}

.teaserSection-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* NEWS SECTION */

.news_section {
  position: relative;
  padding-top: 40px;
  padding-bottom: 50px;
  background-color: #f6f6f6;
  overflow: hidden;
  background-image: url("/wp-content/themes/scads2023/assets/images/bubble-light.png");
  background-position: -554px -47%;
  background-size: cover;
  background-repeat: no-repeat;
}

.news_section .container {
  position: inherit;
  z-index: 1;
}
.news-wrapper {
  height: 100%;
}
.news_text {
  font-size: 24px;
  color: #004b6f;
  letter-spacing: 0;
  line-height: 24px;
  font-weight: 700;
  margin-bottom: 30px;
}




.news_section .new_background_image {
  height: 100%;
  width: 88%;
  position: absolute;
  bottom: -356px;
  left: -264px;
  z-index: 0;
  transform: rotateX(45deg);
}
.news_section .new_background_image img {
  width: 100%;
  height: 100%;
  opacity: 0.2;
}
.news_card_container {
  display: flex;
  gap: 20px;
}

.news_text {
  font-size: 24px;
  color: #004b6f;
  letter-spacing: 0;
  line-height: 24px;
  font-weight: 700;
  margin-bottom: 30px;
}







/*
.termine-container {
  height: 100%;
}*/



.mt_32 {
  margin-top: 32px;
  margin-bottom: 50px;
}

.all_news {
  font-size: 18px;
  color: #fff;
	padding: 5px;
	background-color: #63a44b;
  letter-spacing: 0.38px;
  font-weight: 700;
  cursor: pointer;
	width: auto;
}
.all_list {
  display: flex;
  align-items: flex-end;
}
.all_list svg {
  cursor: pointer;
  color: #71bd56;
}
.border_red {
  border: 1px solid red;
}
.card-text {
  
  letter-spacing: 0.43px;
  line-height: 24px;
  font-weight: 700;
  padding: 16px;
  height: 150px;
}

.card-text a {
  font-size: 18px;
  color: #004b6f;
  
}

.bottom-text a {
 
  color: rgba(0, 0, 0, 0.5);
  
}

.bottom-text {
	text-transform: uppercase;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.5);
  letter-spacing: 0;
  line-height: 24px;
  font-weight: 200;
  padding-left: 16px;
}

.news_content {
  width: 100%;
 height: 500px;
  background: #ffffff;
	margin-bottom: 20px !important;
}
.news_content:hover {
  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
  cursor: pointer;
  
}

.news_img {
  width: 100%;
}
.news_img img {
  width: 100%;
  height: auto;
  object-fit: cover;
}

.news_bottom_content {
  padding: 20px 0;
	margin-top: 40px
}

.termine-card {
  width: 100%;
  min-height: 500px;
  background: #ffffff;
}

.termine_section {
  width: 100%;
}

.termine-card.justify-content-between {
	justify-content: flex-start !important;
}


.text-container {
  display: flex;
  border-bottom: 1px solid #71bd56;
  gap: 20px;

  padding: 20px;
}

.text-container:hover {
  
 background-color: #eee;
 
}

.last {
  border-bottom: none;
}

.termine-text a {
 
  color: rgba(0, 0, 0, 0.9);
  
}

.termine-text {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.9);
  letter-spacing: 0;
  line-height: 24px;
  font-weight: 200;
}

.termine-number {
  font-size: 24px;
  color: rgba(0, 0, 0, 0.9);
  letter-spacing: 0.67px;
  font-weight: 700;
}

/* contact Section */
.Contact_section {
  position: relative;
  background-color: #004b6f;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 80px 0;
}

.left-site {
  padding-left: 80px;
}
.left-site h2 {
  font-size: 48px;
  color: #ffffff;
  letter-spacing: 0;
  line-height: 54px;
  font-weight: 700;
}
.left-site p {
  font-size: 18px;
  color: rgba(255, 255, 255, 0.9);
  letter-spacing: 0;
  line-height: 30px;
  font-weight: 200;
}
.Contact_section .network_background_image {
  position: absolute;
  top: 0;
  left: 0;
  width: 540px;
}
.Contact_section .network_background_image img {
  height: 100%;
  width: 100%;
}

.right-site {
  padding-top: 36px;
}
.right-site input {
  border: none;
  width: 100%;
  padding: 6px 12px;
  font-weight: 500;
  color: #004b6f;
  margin: 0 0 30px;
  outline: none;
	font-weight: 400;
}
.right-site input::placeholder {
  font-weight: 400;
  color: #004b6f;
}

.right-site textarea {
  border: none;
  width: 100%;
  height: 150px;
  padding: 6px 12px;
  resize: none;
  outline: none;
	font-weight: 400;
}
.right-site textarea::placeholder {
  font-weight: 400;
  color: #004b6f;
}
.check_box input {
  cursor: pointer;
}
.check_box input:focus {
  box-shadow: none;
}

.row.gallery.my-5 {margin-top: 1.5rem !important;}

.row.gallery > * {padding-right: 0.2rem; padding-left: 0.2rem}

.form_send_btn, .wp-block-button__link.wp-element-button {
  border: none;
  height: 48px;
  width: 184px;
  font-weight: 700;
  background-color: #63a44b;
  color: white;
  font-size: 16px; 
  border-radius: 0;
  display: flex;
  transition: 0.3s ease;
	align-items: center;
	justify-content: center;
  position: relative;
	margin-bottom: 30px
}
.form_send_btn:hover {
  color: white;
  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}
/**
.form_send_btn:active {
  background-color: #48952c;
}
*/
.input-group {
  display: flex;
  align-items: center;
  gap: 0px;
}

.form-check-input {
  height: 24px !important;
  width: 24px !important;
  margin: 0 !important;
  border-radius: 0 !important;
}

.input-group p {
  font-size: 18px;
  color: #ffffff;
  letter-spacing: 0;
  line-height: 18px;
  font-weight: 200;
}

.input-group p span {
  font-size: 18px;
  color: #ffffff;
  letter-spacing: 0;
  line-height: 18px;
  font-weight: 200;
  border-bottom: 1px solid;
}

/* {cta section    ####################} */
.cta_section {
  margin-top: 100px;
}
.cta_section_three_cards {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.cta_section_three_cards .card-1,
.card-2,
.card-3 {
  width: 60%;
}

.cta_background_svg { mix-blend-mode: multiply;  overflow: hidden;  left: -180px;  top: -10px; position: absolute; z-index: 1;  transform: translateX(0%);  }

.wrapper-cta {
  display: flex;
  flex-direction: row;
  gap: 20px;
}

.main-cta {
  background-color: #0074ac;
  padding: 50px 25px;
  position: relative;
  overflow: hidden;
  margin-top: 1.5rem;
}

.main-cta svg {
  position: absolute;
  top: 0;
  height: auto;
  width: 180%;
  left: -183px;
}

.main-cta-green {
  background-color: #71bd56;
  padding: 50px 25px;
  position: relative;
  overflow: hidden;
  margin-top: 1.5rem;
}

.main-cta-green a.btn.form_send_btn {
  background-color: #004b6f !important;
  
}



.main-cta-green-new svg {
  position: absolute;
  top: 0;
  height: auto;
  width: 180%;
  left: -183px;
}

.main-cta-blue {
  background-color: #004b6f;
  padding: 50px 25px;
  position: relative;
  overflow: hidden;
	margin-top: 30px
}


.main-cta-blue a.btn.form_send_btn:hover, .main-cta-green-new a.form_send_btn:hover {
  background-color: #0074ac;
  
}

.cta .form_send_btn {margin-bottom: 0px; z-index: 2}

.main-cta-blue svg {
  position: absolute;
  top: 0;
  height: auto;
}
.main-cta-green {
  background-color: #71bd56;
  padding: 50px 25px;
  position: relative;
  overflow: hidden;
}
.main-cta-green svg {
  position: absolute;
  top: 0;
  height: auto;
}

.green-btn {
  border: none;
  height: 48px;
  width: 184px;
  background-color: #71bd56;
  color: white;
  border-radius: 0;
  transition: 0.3s ease;
}
.green-btn:hover {
  background-color: #04699a;
  color: white;
}
.blue-btn {
  border: none;
  height: 48px;
  width: 184px;
  background-color: #71bd56;
  color: white;
  border-radius: 0;
  transition: 0.3s ease;
}
.blue-btn:hover {
  background-color: #48952c;
  color: white;
}

.cta-heading {
  font-size: 30px;
  color: #ffffff;
  letter-spacing: 0.25px;
  line-height: 42px;
  font-weight: 700;
  position: relative;
}

.cta-paragraph {
  font-size: 18px;
  color: rgba(255, 255, 255, 0.9);
  letter-spacing: 0;
  line-height: 30px;
  font-weight: 200;
  z-index: 2;
 
}

.flex-direction-column {flex-direction: column; z-index: 2}
.cta-paragraph-new {
  font-size: 18px;
  color: rgba(255, 255, 255, 0.9);
  letter-spacing: 0;
  line-height: 30px;
  font-weight: 200;
  position: relative;
}

.main-cta h2 {
  font-size: 30px;
  color: #ffffff;
  letter-spacing: 0.25px;
  line-height: 42px;
  font-weight: 700;
  position: relative;
}

.main-cta p {
  font-size: 18px;
  color: rgba(255, 255, 255, 0.9);
  letter-spacing: 0;
  line-height: 30px;
  font-weight: 200;
  margin-top: 20px;
  margin-bottom: 20px
}

.main-cta-green-new p {
  font-size: 18px;
  color: rgba(255, 255, 255, 0.9);
  letter-spacing: 0;
  line-height: 30px;
  font-weight: 200;
  margin-top: 20px;
}

.main-cta button {
  margin-top: 20px;
}
.main-cta-green-new button {
  margin-top: 20px;
}

@media (max-width: 712px) {
  .wrapper-cta {
    display: flex;
    flex-direction: column;
    padding: 0;
  }
  .main-cta-green-new button {
    margin-top: 20px;
  }
}

@media (max-width: 1400px) {
  .main-cta {
    background-image: url(../assets/images/bubble\ inlay.svg);
    background-color: #04699a;
  }
  .main-cta-green-new {
    background-image: url(../assets/images/bubble\ inlay.svg);
    background-color: #48952c;
  }

  .main-cta-blue {
    background-color: #04699a;
    background-image: url(../assets/images/bubble\ inlay.svg);
    padding: 40px 30px;
  }
  .main-cta-green {
    background-color: #48952c;
    background-image: url(../assets/images/bubble\ inlay.svg);
    padding: 40px 30px;
  }
  .cta-heading {
    font-size: 22px;
    color: #ffffff;
    letter-spacing: 0.25px;
    line-height: 42px;
    font-weight: 700;
    position: relative;
  }

  .main-cta h2 {
    font-size: 22px;
    color: #ffffff;
    letter-spacing: 0.25px;
    line-height: 42px;
    font-weight: 700;
  }
}

/* {Queto ##################3333} */

.Quote {
  margin-top: 50px;
}
.quote-main {
  display: flex;
  width: 60%;
  margin: auto;
}

.main-title-quoto h2 {
  font-size: 21px;
  color: #004b6f;
  letter-spacing: 0;
  line-height: 36px;
  font-weight: 200;
}

.main-title-quoto p {
  font-size: 12px;
  color: #004b6f;
  letter-spacing: 0;
  text-align: center;
  line-height: 12px;
  font-weight: 700;
  margin-top: 30px;
}

/* {blog ######################33} */

.form-div {
  width: 65%;
}

.form-div input {
  border: none;
}

.form-control:focus {
  box-shadow: none;
}

.blog_section {
  padding-top: 84px;
}
.blog-main {
  margin-top: 40px;
}
.blog-title h1 {
  font-size: 48px;
  color: #004b6f;
  letter-spacing: 0;
  text-align: center;
  line-height: 54px;
  font-weight: 700;
}
.first-blogcard {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.first-blogcard img {
  width: 100%;
  height: auto;
}

.first-blogcard span {
  font-size: 14px;
  color: #004b6f;
  letter-spacing: 0;
  line-height: 14px;
  font-weight: 200;
}

.first-blogcard h2 {
  font-size: 1.3125rem;
  color: #004b6f;
  letter-spacing: 0;
  line-height: 24px;
  font-weight: 700;
}
.first-blogcard button {
  display: flex;
  align-items: center;
  width: 100%;
  height: 24px;
  opacity: 100%;
  border-radius: 0;
  border: none;
  background-color: #0074ac;
  font-size: 14px;
  color: #ffffff;
  letter-spacing: 0;
  line-height: 14px;
  font-weight: 200;
}

.first-blogcard p {
  font-size: 16px;
  color: rgba(0, 0, 0, 0.9);
  letter-spacing: 0;
  line-height: 24px;
  font-weight: 200;
}


.post-thumbnail-container {
    width: 384px; /* Anpassen der gewünschten Breite */
    height: 384px; /* Anpassen der gewünschten Höhe */
    overflow: hidden; /* Verhindert, dass das Bild über den Container hinausragt */
    position: relative; /* Stellt sicher, dass das Bild im Container positioniert wird */
}

.post-thumbnail-container img {
    width: 100%; /* Das Bild füllt den Container vollständig aus */
    height: auto; /* Das Bild füllt den Container vollständig aus */
    object-fit: cover; /* Das Bild wird zugeschnitten, um den Container zu füllen */
    position: absolute; /* Positioniert das Bild innerhalb des Containers */
    top: 0; /* Positioniert das Bild oben */
    left: 0; /* Positioniert das Bild links */
}

/* Stil für die Bildergalerie dreispaltig */
.wp-block-gallery.has-nested-images.columns-3 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; /* Zwischenräume zwischen den Bildern */
}

/* Stil für jedes Bild in der Galerie */
.wp-block-gallery.has-nested-images.columns-3 .wp-block-image {
    max-width: calc(32% - 5px); /* Zwei Bilder pro Reihe mit Abstand */
    margin-bottom: 10px; /* Abstand zwischen den Bildern */
    aspect-ratio: 1/1; /* Quadratisches Seitenverhältnis */
    overflow: hidden; /* Verhindert, dass das Bild über den Rahmen hinausragt */
	
	display: flex;
    justify-content: center; /* Horizontal zentrieren */
    align-items: center; /* Vertikal zentrieren */
}


/* Stil für jedes Bild in der Galerie */
.wp-block-gallery.has-nested-images.columns-3 .wp-block-image img {
   width: auto;
	height: 348px
}

/* {tatget ###############33} */

/* {cta section #######################33} */
.image_gallery-section {
  margin-top: 50px;
}

.main-gallery {
  display: flex;
  flex-direction: row;
  gap: 23px;
  margin-top: 23px;
}

.main-gallery img {
  width: 397px;
  height: 346px;
}

@media (max-width: 1200px) {
  .main-gallery {
    display: flex;
    flex-direction: column;
    gap: 23px;
  }
  .main-gallery img {
    width: 100%;
  }
}

/* ACCORDION SECTION */
.accordion-section {
  margin-top: 30px;
  margin-bottom: 60px;
}

.accordion-section .accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml;base64,CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIGZpbGw9IndoaXRlIiBjbGFzcz0iYmkgYmktZGFzaCIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICA8cGF0aCBkPSJNNCA4YS41LjUgMCAwIDEgLjUtLjVoN2EuNS41IDAgMCAxIDAgMWgtN0EuNS41IDAgMCAxIDQgOCIvPgo8L3N2Zz4K");
  background-size: auto;
  background-position: center;
}

.accordion-section .accordion-button.collapsed::after {
  background-image: url("data:image/svg+xml;base64,CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMjUiIGhlaWdodD0iMjUiIGZpbGw9IndoaXRlIiBjbGFzcz0iYmkgYmktcGx1cyIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICA8cGF0aCBkPSJNOCA0YS41LjUgMCAwIDEgLjUuNXYzaDNhLjUuNSAwIDAgMSAwIDFoLTN2M2EuNS41IDAgMCAxLTEgMHYtM2gtM2EuNS41IDAgMCAxIDAtMWgzdi0zQS41LjUgMCAwIDEgOCA0Ii8+Cjwvc3ZnPgo=");
  background-size: auto;
  background-position: center;
}

/* nested minus */
.accordion-section .nested:not(.collapsed)::after {
  background-image: url("data:image/svg+xml;base64,CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIGZpbGw9IiMwMDRCNkYiIGNsYXNzPSJiaSBiaS1kYXNoIiB2aWV3Qm94PSIwIDAgMTYgMTYiPgogIDxwYXRoIGQ9Ik00IDhhLjUuNSAwIDAgMSAuNS0uNWg3YS41LjUgMCAwIDEgMCAxaC03QS41LjUgMCAwIDEgNCA4Ii8+Cjwvc3ZnPgo=");
  background-size: auto;
  background-position: center;
}

/* nested plus */
.accordion-section .nested.collapsed::after {
  background-image: url("data:image/svg+xml;base64,CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMjUiIGhlaWdodD0iMjUiIGZpbGw9IiMwMDRCNkYiIGNsYXNzPSJiaSBiaS1wbHVzIiB2aWV3Qm94PSIwIDAgMTYgMTYiPgogIDxwYXRoIGQ9Ik04IDRhLjUuNSAwIDAgMSAuNS41djNoM2EuNS41IDAgMCAxIDAgMWgtM3YzYS41LjUgMCAwIDEtMSAwdi0zaC0zYS41LjUgMCAwIDEgMC0xaDN2LTNBLjUuNSAwIDAgMSA4IDQiLz4KPC9zdmc+Cg==");
  background-size: auto;
  background-position: center;
}

.accordion-section .accordion-button:focus {
  z-index: 3;
  border-color: var(--bs-accordion-btn-focus-border-color);
  outline: 0;
  box-shadow: none;
}

.accordion-section .accordion-button[data-bs-toggle="collapse"] {
	margin-top: 30px
}

.accordion-section .accordion-button {
  color: #ffffff;
  background-color: #0074ac;
  height: auto;
  font-weight: 700;
  font-size: 18px;
padding: 5px !important;
}



.accordion-section .accordion-button:not(.collapsed) {
  color: #ffffff;
  background-color: #0074ac;
  height: auto;
padding: 5px !important;
}

.accordion-section .accordion-button.nested {
  color: #004b6f;
  background-color: white;
  height: auto;
  border-bottom: 1px solid #004b6f;
  font-size: 18px;
}

.accordion-section .accordion-item:first-of-type .accordion-button {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.accordion-section .accordion-item:last-of-type .accordion-button.collapsed {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}




.accordion-section .accordion-item {
 
  border-bottom: 30px;
  border: none;
}

.accordion-section #sub-accordion {
  padding-left: 80px;
  padding-right: 80px;
}
.accordion-section #collapseTwo {
  padding-left: 80px;
  padding-right: 80px;
}
.accordion-section #collapseThree {
  padding-left: 80px;
  padding-right: 80px;
}
.accordion-section .accordion-data {
  font-size: 18px;
  color: rgba(0, 0, 0, 0.9);
  letter-spacing: 0;
  line-height: 30px;
  font-weight: 200;
}

.accordion-section .image-container {
  width: 40%;
}

.accordion-section .text-content {
  width: 60%;
}
.accordion-section .heading-accord {
  font-size: 18px;
  color: rgba(0, 0, 0, 0.9);
  letter-spacing: 0;
  line-height: 30px;
  font-weight: 700;
}
.accordion-section .wrapper {
  gap: 40px;
  margin-top: 40px;
  display: flex;
}

/* All Media Queries */
@media (max-width: 1200px) {
  .accordion-section #sub-accordion {
    padding-left: 0;
    padding-right: 0;
  }
  .accordion-section #collapseTwo {
    padding-left: 0;
    padding-right: 0;
  }
  .accordion-section #collapseThree {
    padding-left: 0;
    padding-right: 0;
  }
  .accordion-section .wrapper {
    gap: 0;
    margin-top: 40px;
    display: block;
  }
  .accordion-section .image-container {
    width: 100%;
  }

  .accordion-section .text-content {
    width: 100%;
  }
  .accordion-section .heading-accord {
    font-size: 18px;
    color: rgba(0, 0, 0, 0.9);
    letter-spacing: 0;
    line-height: 30px;
    font-weight: 700;
    margin-top: 40px;
    margin-bottom: 40px;
  }
}

/* TABLE SECTION */
.table {
  border-collapse: collapse;
  border-spacing: 2em;
}

.table .table_heading {
  background-color: #0505050d;
  padding: 10px 12px;
  text-wrap: nowrap;
  vertical-align: middle;
  font-size: 18px;
  color: rgba(0, 0, 0, 0.9);
  font-weight: 700;
}
.table th {
  border: none;
}

.table tbody .first_row,
.table tbody .second_row {
  margin-bottom: 22px;
  border-bottom: 1px solid #004b6f !important;
}

.table td {
  font-size: 16px;
  color: rgba(0, 0, 0, 0.9);
  letter-spacing: 0;
  line-height: 24px;
  font-weight: 300;
  padding: 1.5rem 0.5rem;
}

.table td:first-child {
  width: 30%;
  padding-right: 22px;
}
.table td:not(:first-child) {
  width: 200px;
}

.emphisis {
  font-size: 16px;
  color: rgba(0, 0, 0, 0.9);
  letter-spacing: 0;
  line-height: 24px;
  font-weight: 700;
  margin-right: 18px;
}

.table2, .tablepress {
  border-collapse: separate;
  border-spacing: 1em !important;
}

.table2 tr, .tablepress tr {
  vertical-align: baseline;
}





.table2 th, .tablepress thead th  {
  padding: 12px 0;
  border-bottom: 4px solid #004b6f;
  font-size: 18px;
  color: rgba(0, 0, 0, 0.9) !important;
  letter-spacing: 0;
  line-height: 18px;
  font-weight: 700;
  text-wrap: nowrap;
background-color: transparent !important;
}

.table2 th:first-child {
  width: 30%;
}
.table2 th:not(:first-child) {
  width: 250px;
}

.table2 td {
  font-size: 16px;
  color: rgba(0, 0, 0, 0.9);
  letter-spacing: 0;
  line-height: 24px;
  font-weight: 300;
}

.table2 .custom_width_td {
  min-width: 200px;
}

.tablepress>:not(caption)>*>* {
	padding: 5px 0px !Important;
}
/* {Highlated Areas############################} */

.highlated-section {
  position: relative;

  overflow: hidden;
  padding: 48px 0 90px 0;
	 background: #004b6f; /* Blauer Hintergrund */
	
}

.highlated-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('/wp-content/uploads/bubble-dark.png');
    background-position: 50% -20%;
    background-size: cover;
    z-index: 0; /* Setzt das Hintergrundbild hinter den Inhalt */
    opacity: 1; /* Optional: Ändere die Deckkraft des Hintergrundbilds */
	mix-blend-mode: multiply;
	background-repeat: no-repeat;
	 transform: scaleX(-1); /* Horizontales Spiegeln des Hintergrundbilds */
}



.highlated-main {
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: center;
  align-items: center;
	position: relative;
	z-index: 11;
}
.h2_light {
  font-size: 36px;
  color: #ffffff;
  letter-spacing: 0;
  text-align: center;
  line-height: 54px;
  font-weight: 700;
  margin: 1.5rem 0;
}
.main-title-highlated {
  width: 60%;
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-top: 20px;
}
.main-title-highlated h2 {
  font-size: 18px;
  color: #ffffff;
  letter-spacing: 0;
  line-height: 30px;
  font-weight: 200;
}
.highlated-content {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-top: 50px;
}

.highlated-content h2 {
  font-size: 24px;
  color: #ffffff;
  letter-spacing: 0;
  line-height: 24px;
  font-weight: 700;
}
.highlated-content p {
  font-size: 18px;
  color: #ffffff;
  letter-spacing: 0;
  line-height: 30px;
  font-weight: 200;
}
.highlated-ontent-two {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-top: 50px;
}

.highlated-ontent-two h2 {
  font-size: 24px;
  color: #ffffff;
  letter-spacing: 0;
  line-height: 24px;
  font-weight: 700;
}
.highlated-ontent-two p {
  font-size: 18px;
  color: #ffffff;
  letter-spacing: 0;
  line-height: 30px;
  font-weight: 200;
}

.highlated-last.last-item {
 
  padding-right: 0px;
}

.highlated-last {
  
  display: flex;
  flex-direction: column;
  gap: 5px;
  padding-left: 0px;
  padding-right: 20px;
}

.highlated-last h2 {
  font-size: 24px;
  color: #ffffff;
  letter-spacing: 0;
  line-height: 24px;
  font-weight: 700;
}

.highlated-last p {
  font-size: 18px;
  color: #ffffff;
  letter-spacing: 0;
  line-height: 30px;
  font-weight: 200;
}
.highlight_bg_bubble {
  position: absolute;
  bottom: -63%;
  left: -27%;
  width: 148%;
}
.highlight_bg_bubble img {
  width: 100%;
  height: 100%;
  object-fit: cover;
mix-blend-mode: multiply;
}



@media (max-width: 800px) {
  .highlated-main {
    display: flex;
    width: 100%;
    margin: auto;
  }
}

/* DATES SECTION */
.dates-section {
  height: 100%;
}
.dates-section a {
  transition: 0.4s ease;
}
.dates-section a:hover {
  text-decoration: underline;
}

.dates-text {
  font-size: 24px;
  color: #004b6f;
  letter-spacing: 0;
  line-height: 24px;
  font-weight: 700;
  border-bottom: 1px solid #004b6f;
  padding-bottom: 10px;
}

.dates-number {
  margin-right: 1rem;
  font-size: 18px;
  color: #004b6f;
  letter-spacing: 0;
  line-height: 30px;
  font-weight: 700;
	margin-bottom: 0
}

.dates-para {
  font-size: 18px;
  color: #004b6f;
  letter-spacing: 0;
  line-height: 30px;
  font-weight: 300;
}
.dates_arrow {
  cursor: pointer;
}

.first-data {
  width: 100%; /*vorher 80%*/
  border-bottom: 1px dotted #004b6f;
  /*padding-bottom: 10px; */
}

.dates-list-item {
  padding: 20px 30px 0 0;
  justify-content: flex-start !important;
}

@media (max-width: 770px) {
  .dates-wrapper {
    position: absolute;
    right: unset;
    width: unset;
  }
	
	.carousel_main .carousel-control-prev,
.carousel-control-next {
  
		 top: 35%;
	
}
	
	.wrapper {box-shadow: none}
}

/* NAVIGATION IN SITES SECTION */
.navigation-termine {
  background: rgba(251,251,251, 1);
  padding: 24px;
  width: 100%;
}

.super_computing {
  background: rgba(251,251,251, 1);
  padding: 24px;
  width: 100%;
}


.navigation-section {
  padding-top: 70px;
}



.navigation-text, a.navigation-text1 p {
  font-size: 24px;
  color: #004b6f;
  letter-spacing: 0;
  line-height: 24px;
  font-weight: 700;
 display: block;
  
	border-bottom: 1px solid #0074ac; padding-bottom: 10px
}

.ai-text {
  font-size: 18px;
  color: #ffffff;
  letter-spacing: 0;
  line-height: 24px;
  font-weight: 700;
  background-color: #609baf;
  height: 30px;
  padding-left: 10px;
}

.navigation-number {
  margin-right: 4px;
  font-size: 18px;
  color: #004b6f;
  letter-spacing: 0;
  line-height: 30px;
  font-weight: 700;
}

.navigation-para {
  font-size: 18px;
  color: #004b6f;
  letter-spacing: 0;
  line-height: 25px;
	font-weight: 400;
/*  font-weight: 300;*/
  transition: 0.3s ease;
	padding-right: 5px
}
.navigation-para:hover {
  cursor: pointer;
  text-decoration: underline;
  color: #004b6f;
}



.ai-data {
  width: 90%;
}

.ai-text-parent {
  border-bottom: 1.6px solid #0074ac;
  padding-bottom: 5px;
}

.ai-parent1 {
  width: 100%;
  background-color: #609fb4;
  padding: 10px;
  align-items: center;
}
.ai-parent2 {
  width: 100%;
  background-color: #adc76b;
  padding: 10px;
  align-items: center;
}
.ai-parent3 {
  width: 100%;
  background-color: #92a19a;
  padding: 10px;
  align-items: center;
  border-bottom: 1px solid #ffff;
}
.ai-parent4 {
  width: 100%;
  background-color: #9185be;
  padding: 10px;
  align-items: center;
}
.ai-parent5 {
  width: 100%;
  background-color: #9f9700;
  padding: 10px;
  align-items: center;
  border-bottom: 1px solid #ffff;
}
.ai-parent6 {
  width: 100%;
  background-color: #609fb4;
  padding: 10px;
  align-items: center;
}

.ai-para {
  cursor: pointer;
  font-size: 18px;
  color: #ffffff;
  letter-spacing: 0;
  line-height: 18px;
  font-weight: 900;
  transition: 0.3s ease;
}
.ai-para:hover {
  text-decoration: underline;
  /* color: #004b6f; */
}

.navigation-list-item {
  padding: 10px 0 0 0;
}
.navigation-list-item img:hover {
  cursor: pointer;
}
.ai-list-item1 {
  padding-bottom: 10px;
  border-bottom: 1px dotted #004b6f;
  padding: 24px 0 24px 0;
}
.ai-list-item1 img:hover {
  cursor: pointer;
}

@media (max-width: 770px) {
  .navigation-wrapper {
    margin-top: 40px;
    width: 100%;
    background: #fbfbfb;
    padding: 24px;
  }

  .ai-wrapper {
    width: 100%;
    background: #fbfbfb;
    padding: 24px;
  }
}

/* EVENTS NAVIGATION 1 SECTION */
.navigation-section-1 {
  padding-top: 70px;
}
.events-termine {
  display: flex;
  justify-content: space-between;
  background-color: #63a44b;
  margin-bottom: 10px;
  padding: 10px;
  width: 100%;
	height: 30px
}



.events-termine.mb-3 {
	margin-bottom: 1rem  !important;	
}

.events-text-parent-2 {
  width: 100%;
  transition: 0.3s ease;
}
.events-text-parent-2 p:hover {
  color: #fff;
  cursor: pointer;

}
.events-text-parent-2 :hover {
  cursor: pointer;
}
.events-termine1 {
  border-bottom: 1.6px solid #0074ac;
  margin-bottom: 10px;
}
.events-heading {
  font-size: 24px;
  color: #004b6f;
  letter-spacing: 0;
  line-height: 24px;
  font-weight: 700;
  border-bottom: 1.6px solid #0074ac;
  padding-bottom: 10px;
}
.events-text-parent {
  background-color: #0074ac;
  margin-bottom: 10px;
  padding: 10px;
  width: 100%;
}
.events-text {
  font-size: 18px;
  color: #ffffff;
  letter-spacing: 0;
  line-height: 24px;
  font-weight: 700;
}
.ai-desc {
  font-size: 24px;
  color: #004b6f;
  letter-spacing: 0;
  line-height: 24px;
  font-weight: 700;
  background-color: #609fb4;
  height: 30px;
}
.ai-header-parent {
  border-bottom: 1px solid #004b6f;
  padding-bottom: 10px;
}
.nachste_list_card {
  display: flex;
  gap: 14px;
  align-items: center;
}
.nachste_content {
  flex: 6;
  display: flex;
  border-bottom: 1px dashed #0074ac;
  padding: 5px 0;
}
.nachste_content_para {
  font-size: 18px;
  color: #004b6f;
  letter-spacing: 0;
  line-height: 30px;
  font-weight: 300;
}
.nachste_content p:hover {
  color: #0074ac;
  cursor: pointer;
  text-decoration: underline;
}
.nachste_arrow {
  flex: 1;
}
.nachste_arrow:hover {
  cursor: pointer;
}


/* OPEN NAVIGATION 2 SECTION */
.ai-text1 {
  font-size: 18px;
  color: #ffffff;
  letter-spacing: 0;
  line-height: 24px;
  font-weight: 700;
}
.nav-container {
  background-color: #0074ac;
  padding: 10px;
}
.nav-container2 {
  padding: 10px;
  background-color: #adc76b;
}
.nav-container3 {
  padding: 10px;
  background-color: #92a19a;
}
.nav-container4 {
  padding: 10px;
  background-color: #9185be;
}
.nav-container5 {
  padding: 10px;
  background-color: #9f9700;
}

.nav-text-parent {
  border-bottom: 1.6px solid #0074ac;
  padding-bottom: 8px;
}

.menu-subcontainer {
  background: #fbfbfb;
  padding: 24px;
  width: 100%;
}

.menu-level-2 {
  font-size: 18px;
  color: #ffffff;
  letter-spacing: 0;
  line-height: 24px;
  font-weight: 700;
}

/* {partners #######################} */
.partner {
  margin-top: 117px;
  margin-bottom: 193px;
}
.partner-title {
  font-size: 24px;
  color: #004b6f;
  letter-spacing: 0;
  line-height: 24px;
  font-weight: 700;
  margin-top: 70px;
}
.img-container img {
  height: 50px;
}
.img-container {
  padding: 30px;
}
.partner-image {
  margin-top: 30px;
}

.partner img {width: 100%}

@media (max-width: 414px) {
  .partner-image {
    display: flex;
    flex-direction: column;
  }
}
@media (max-width: 800px) {
  .partner-image {
    display: grid;
    grid-template-columns: repeat(3, 2fr);
    gap: 16px;
  }
  .img-container img {
    height: 100px;
  }
}
/* {Teaser section ###############################} */
.teaser_section {
  margin-top: 84px;
  background-color: #004b6f;
  padding-top: 48px;
  padding-bottom: 90px;
}
.main-teaser {
  display: flex;
  flex-direction: column;
}

.teaser-img {
  width: 100%;
  height: 264px;
}
.teaser-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.teaser-img p {
  position: absolute;
  font-size: 21px;
  color: rgba(255, 255, 255, 0.9);
  letter-spacing: 0.5px;
  font-weight: 700;
  margin-top: -70px;
  margin-left: 15px;
  color: white;
  background-color: #004b6f;
  padding: 3px;
}

.teaser-content p {
  font-size: 18px;
  color: rgba(255, 255, 255, 0.9);
  letter-spacing: 0;
  line-height: 30px;
  font-weight: 200;
  margin-top: 20px;
}

.teaser-content button {
  margin-top: 30px;
}

/* {####################3 teaser events ##############33} */


#event_20586 .event_overlay_content {background-color: #9F9700} /*Architectures / Scalability / Security*/
#event_20584 .event_overlay_content {background-color: #9185BE} /*Responsible AI*/
#event_20558 .event_overlay_content {background-color: #609BAF} /*Applied AI and Big Data */
#event_20464 .event_overlay_content {background-color: #009299} /*Living Lab */

/* Team-Section-Styles */
.team_section {
  margin-top: 60px;
}
.team_section .team_heading {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 30px;
  color: #004b6f;
  letter-spacing: 0;
  line-height: 24px;
  font-weight: 700;
  margin-bottom: 30px;
}
.teams_heading {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 24px;
}
.teams_heading h1 {
  font-size: 20px;
  font-weight: 700;
}
.team_card_wrapper {
  width: 100%;
  height: 100%;
}
.team_profile {
  width: 100%;
 /* height: 270px;*/
}
.team_profile img {
  width: 100%;
  height: 100%;
  object-fit: cover;
	aspect-ratio: 1/1;
}
.team_member_name {
  margin-top: 4px;
  background-color: #0074ac;
  padding: 12px;
}
.team_member_name h3 {
  font-size: 18px;
  color: #ffffff;
  letter-spacing: 0;
  line-height: 18px;
  font-weight: 700;
}
.member_role {
  font-size: 14px;
  color: #004b6f;
  letter-spacing: 0;
  line-height: 30px;
  font-weight: 700;
  padding-left: 10px;
	line-height: 1.3;
	padding-top: 0.5rem;
}
.member_about p {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.9);
  letter-spacing: 0;
  line-height: 1.5;
  font-weight: 200;
  padding: 0 10px;
}
.member_social_links {
  padding-left: 10px;
  display: flex;
  gap: 12px;
  margin-top: 30px;
}
.social_link_wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  background-color: #48952c;
  width: 40px;
  height: 40px;
  border-radius: 50%;
}


/*Pages und Farben*/

a.default, .colored-link a {background-color: #63a44b !important; width: 184px; height: 48px; display: flex; justify-content: center; align-items: center}
.ai_algo .page-text p, .ai_algo .othersidebar-content-two h2, .ai_algo .colored-link a, .navigation-list-item[data-page-id="20560"] .navigation-color, .colored-link a.ai_algo,  .ai_algo .navigation-color.parent, .ai_algo .page-headline h1 {background-color: #869b55 !important;}
.big_data .page-text p, .big_data .othersidebar-content-two h2, .big_data .colored-link a, .navigation-list-item[data-page-id="20558"] .navigation-color, .colored-link a.big_data, .big_data .navigation-color.parent, .big_data .page-headline h1 {background-color: #609BAF !important;}
.architecture .page-text p, .architecture .othersidebar-content-two h2, .architecture .colored-link a, .navigation-list-item[data-page-id="20586"]  .navigation-color, .colored-link a.architecture, .architecture .navigation-color.parent, .architecture .page-headline h1 {background-color: #9F9700 !important;}
.responsible .page-text p, .responsible .othersidebar-content-two h2, .responsible .colored-link a, .navigation-list-item[data-page-id="20584"]  .navigation-color, .colored-link a.responsible, .responsible .navigation-color.parent, .responsible .page-headline h2   {background-color: #9185BE !important;}
.analytics .page-text p, .analytics .othersidebar-content-two h2, .analytics .colored-link a, .navigation-list-item[data-page-id="20576"]  .navigation-color, .colored-link a.analytics, .analytics .navigation-color.parent, .analytics .page-headline h1   {background-color: #899891 !important;}

.big_data, .search {
    opacity: 1;
    background-image: linear-gradient(163deg, rgba(96, 159, 180, 0.8) -10%, rgba(96, 159, 180, 0) 30%);
}

.ai_algo {
    opacity: 1;
    background-image: linear-gradient(163deg, rgba(173, 199, 107, 0.8) -10%, rgba(173, 199, 107, 0) 30%) !important;
}

.responsible {
    opacity: 1;
    background-image: linear-gradient(163deg, rgba(145, 133, 190, 0.8) -10%, rgba(145, 133, 190, 0) 30%);
}


.analytics {
    opacity: 1;
    background-image: linear-gradient(163deg, rgba(148, 161, 154, 0.8) -10%, rgba(148, 161, 154, 0) 30%);
}


.architecture {
    opacity: 1;
    background-image: linear-gradient(163deg, rgba(198, 188, 0, 0.8) -10%,  rgba(198, 188, 0, 0) 30%);
}


.page-headline h1 {
  margin-top: 10px;
 -webkit-box-decoration-break: clone;
	box-decoration-break: clone;
  font-weight: 700;
  width: fit-content;
  background-color: #0074ac;
  color: rgba(255,255,255,1);
  font-size: 40px;
  text-transform: normal;
	display: inline;
 	line-height: 1.5;
    padding: 0px 10px 5px 10px
}


.page_overlay_content {
  font-size: 18px;
  color: #ffffff;
  font-weight: 700 !important;
  width: fit-content;
  background-color: #0074ac;
  margin-bottom: 7px;
  padding: 6px;
}



.page_img_content {
  position: absolute;
  bottom: 12px;
  left: 16px;
 
}


/*Theses*/

a.thesis-link h2 {margin-top: 20px !important;}

.thesis-link {
    display: block;
}


/* Team-Section-Styles-End */

/* {####################3 teaser events ##############33} */
.teaser-events {
  margin-top: 34px;
}

.event-title {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  color: #004b6f;
  letter-spacing: 0;
  line-height: 24px;
  font-weight: 700;
}
.events-main {
  align-items: center;
  gap: 20px;
  margin-top: 0px;
  position: relative;
}

.events-main a.form_send_btn {
	margin-top: 20px !important;
}

.events-img img {
  position: relative;
  width: 100%;
  height: auto;
}
.events-img2 img {
  width: 100%;
  height: 290px;
}
.events-img3 img {
  width: 100%;
  height: 290px;
}
.events-img4 img {
  width: 100%;
  height: 290px;
}
.events_img_content {
  max-width: 274px;
  position: absolute;
  bottom: 16px;
  left: 16px;
}

.event_overlay_content {
  font-size: 18px;
  color: #ffffff;
  font-weight: 700;
  width: fit-content;
  background-color: gray;
  margin-bottom: 7px;
  padding: 6px;
}
.event_overlay_content_2 {
  font-size: 18px;
  color: #ffffff;
  font-weight: 700;
  width: fit-content;
  background-color: gray;
  padding: 6px;
	line-height: 2.3;
	display: inline;
	-webkit-box-decoration-break: clone;
	box-decoration-break: clone
}

.events-img2 .event_overlay_content {
  font-size: 18px;
  color: #ffffff;
  font-weight: 700;
  width: fit-content;
  padding: 6px;
  background-color: rgb(201, 201, 33);
}
.events-img2 .event_overlay_content_2 {
  font-size: 18px;
  color: #ffffff;
  font-weight: 700;
  width: fit-content;
  margin-bottom: 7px;
  padding: 6px;
  background-color: rgb(201, 201, 33);
}
.events-img3 .event_overlay_content {
  font-size: 18px;
  color: #ffffff;
  font-weight: 700;
  width: fit-content;
  padding: 6px;
  background-color: blueviolet;
}
.events-img3 .event_overlay_content_2 {
  font-size: 18px;
  color: #ffffff;
  font-weight: 700;
  width: fit-content;
  margin-bottom: 7px;
  padding: 6px;
  background-color: blueviolet;
}
.events-img4 .event_overlay_content {
  font-size: 18px;
  color: #ffffff;
  font-weight: 700;
  width: fit-content;
  padding: 6px;
  background-color: #009299;
}
.events-img4 .event_overlay_content_2 {
  font-size: 18px;
  color: #ffffff;
  font-weight: 700;
  width: fit-content;
  margin-bottom: 7px;
  padding: 6px;
  background-color: #009299;
}

.all-events {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 10px;
}
.all-events p {
  font-size: 21px;
  color: #71bd56;
  letter-spacing: 0.38px;
  line-height: 16px;
  font-weight: 700;
}
/* Elements-Sites-Styles */
.elements_sites {
  margin-top: 100px;
}
.header-image {
  position: relative;
  width: 100%;
  /*height: 474px;*/
  overflow: hidden;
 margin-bottom: 50px
}



.header-image .header-image-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: absolute;
  bottom: 50px;
  text-align: left;
  margin-left: 30px;
	margin-right: 30px;
}
.header-image .header-image-content p {
  font-size: 21px;
  color: rgba(255, 255, 255, 0.9);
  letter-spacing: 0.5px;
  font-weight: 700;
  background-color: #48952c;
  padding: 0 0.25rem;
}
.header-image span {
  font-size: 21px;
  color: rgba(255, 255, 255, 0.9);
  letter-spacing: 0.5px;
  font-weight: 700;
  background-color: #48952c;
}
.header-image-content span {
  margin-top: 10px;
}
.element_sites_content_wrapper {
  margin-top: 100px;
}
.element_sites_content_wrapper h2 {
  margin-bottom: 36px;
  font-size: 36px;
  color: #004b6f;
  letter-spacing: 0;
  line-height: 54px;
  font-weight: 700;
}
.element_sites_content_wrapper p {
  font-size: 18px;
  color: rgba(0, 0, 0, 0.9);
  letter-spacing: 0;
  line-height: 30px;
  font-weight: 300;
}
.elements_small_title {
  font-size: 36px;
  color: #004b6f;
  letter-spacing: 0;
  line-height: 42px;
  font-weight: 700;
}
.elements_links {
  border: none;
  width: 100%;
  max-width: 400px;
  padding: 8px 12px;
  color: white;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  background: #adc76b;
  margin-bottom: 22px;
  transition: 0.3s ease;
}
.elements_links:hover {
  background-color: #004b6f;
}
.elements_links:active {
  transform: scale(0.95);
}
.elements_links h3,
svg {
  font-size: 30px;
  cursor: pointer;
}
.pagelist {
  position: relative;
  width: 100%;
  height: auto;
}
.pagelist img {
  width: 100%;
  height: 100%;
  object-fit: cover;
aspect-ratio: 1/1
}
.pagelist .pagelist_content {
  position: absolute;
  bottom: 30px;
}
.pagelist .pagelist_content {
  position: absolute;
  bottom: 16px;
  left: 14px;
	right: 20px;
	line-height: 1.8
}
.pagelist .pagelist_content h3 {
  font-size: 18px;
  color: #ffffff;
  letter-spacing: 0.43px;
  line-height: 30px;
  font-weight: 700;
  background-color: #04699a;
  padding: 4px;
	display: inline;
	-webkit-box-decoration-break: clone
}
.mt_5 {
  margin-top: 100px;
}
.elements_sites_filters {
  background-color: #fbfbfb;
  padding: 24px;
}
.elements_sites_filters .sites_filter_title h2 {
  font-size: 24px;
  color: #004b6f;
  letter-spacing: 0.5px;
  font-weight: 700;
  padding-bottom: 26px;
  margin-bottom: 40px;
  border-bottom: 1px solid #004b6f;
}
.elements_sites_filters .accordion-button {
  background: transparent;
  box-shadow: none;
  padding: 10px;
  color: #004b6f;
}
.elements_sites_filters .accordion-button::after {
  color: #004b6f;
}
.elements_sites_filters .accordion-body {
  border-top: 1px solid #dee2e6;
}
.elements_sites_filters .sites_filters_accordion_wrapper {
  border-bottom: 1px dashed #004b6f;
  padding-bottom: 22px;
  margin-bottom: 22px;
  height: 100%;
}
.elements_sites_filters .accordion-item {
  border: none;
}
.accordion_search {
  width: 100%;
  background-color: white;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 0 10px;
}

.sites_filters_accordion_wrapper input {
  border: none;
  width: 100%;
  outline: none;
  padding: 12px;
}
.publications_title h1 {
  font-size: 48px;
  color: #004b6f;
  letter-spacing: 0;
  line-height: 54px;
  font-weight: 700;
}
.publications_title p {
  font-size: 12px;
  color: #004b6f;
  letter-spacing: 0;
  font-weight: 300;
}
.publications_search_tags {
  display: flex;
  gap: 12px;
}
.publications_search_tags .publications_tag_one {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  background: rgba(216, 216, 216, 0.3);
  padding: 12px;
}
.publication_lists_content {
  font-size: 18px;
  color: #004b6f;
  letter-spacing: 0;
  line-height: 30px;
  font-weight: 900;
}
.publiactions_content_wrapper p {
  font-size: 18px;
  color: rgba(0, 0, 0, 0.9);
  letter-spacing: 0;
  line-height: 30px;
  font-weight: 200;
  padding-left: 24px;
}

@media (max-width: 770px) {
  .elements_links {
    width: 100%;
    max-width: 100%;
    padding: 8px 12px;
    color: white;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    background: #adc76b;
    margin-bottom: 22px;
  }



  .events-wrapper {
    margin-top: 10px;
    width: 100%;
  }


}




/* {filter###########################} */
.filter {
  margin-top: 50px;
}

.filter-first-content {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 642px;
  background: rgba(0, 75, 111, 0.15);
  padding: 20px;
}
.filter-head {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 642px;
  background: #fbfbfb;
  padding: 20px;
}
.filter-title {
  border-bottom: 1px solid #004b6f;
  padding: 16px 0;
}

.filter-first-content h1 {
  font-size: 24px;
  color: #004b6f;
  letter-spacing: 0;
  line-height: 24px;
  font-weight: 700;
}
.filter-main-form {
  display: flex;
  flex-direction: column;
}

 




.filter-select  {
  width: 100%;
   height: 30px;
  margin-top: 30px;
  outline: none;
  border: none;
	padding: 0px 14px;
	font-weight: 300;
	color: #004b6f;
	appearance: none; /* Entfernt das Standard-Pfeilsymbol */
    -webkit-appearance: none; /* Für Safari */
    -moz-appearance: none; /* Für Firefox */
	padding-right: 14px; 
	background: url('/wp-content/themes/scads2023/assets/images/icons/arrow-filter.svg') no-repeat 98% 50%;
	 background-size: 15px; /* Größe des Pfeils anpassen */
	background-color: #fff !important; 
}



.filter-main-wrapper {
  padding-bottom: 20px;
  border-bottom: 1px dotted #004b6f;
	display: flex;
	
}

.filter-select option {
	background-color: #fff !Important;
  font-size: 18px;
  color: #004b6f !Important;
  letter-spacing: 0;
  line-height: 18px;
  font-weight: 200;
	
}

.filter-textarea {
  width: 100%;
  height: 90px;
  resize: none;
  border: none;
  outline: none;
  margin-top: 20px;
}
.filter-textarea ::placeholder {
  font-size: 18px;
  color: #004b6f;
  letter-spacing: 0;
  line-height: 18px;
  font-weight: 200;
}

.filter-text {
  width: 100%;
  height: 90px;
  margin-top: 24px;
  background-color: white;
}

.filter_box_header {
  display: flex;
  gap: 10px;
  justify-content: space-between;
  padding: 4px 12px;
  margin-bottom: 22px;
}
.filter_box_header input {
  width: 260px;
  border: none;
  box-shadow: none;
}
.filter_box_header input:focus-visible {
  outline: none;
}

.filter-main-form button {
  margin-top: 20px;
}

.filter-first-content2 {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 642px;
  background: #fbfbfb;
  padding: 20px;
}
.filter-header {
  font-size: 24px;
  color: #004b6f;
  letter-spacing: 0;
  line-height: 24px;
  font-weight: 700;
	text-transform: uppercase;
}
.filter_heading {
  flex-wrap: wrap;
}
.filter_heading h1 {
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  color: #004b6f;
  letter-spacing: 0.4px;
  line-height: 30px;
  font-weight: 800;
}
.filter_dash_bottom {
  margin-top: 24px;
  border-bottom: 1px dashed #004b6f;
}
.filter_headline {
  font-size: 12px;
  color: #004b6f;
  letter-spacing: 0;
  font-weight: 300;
}
.filter_heading_slash {
  font-size: 16px;
  color: #004b6f;
  letter-spacing: 0.4px;
  line-height: 30px;
  font-weight: 200;
  margin: 0 6px;
}
.light_font {
  font-weight: 300 !important;
}

/* {other sidebar element} */
.other-sidebar-element {
  margin-top: 50px;
}

.othersidebar-main {
  background: #fbfbfb;
  width: 100%;
  padding: 15px;
  margin-top: 1.5rem;
}

.othersidebar-title {
  border-bottom: 1px solid #004b6f;
  padding: 16px;
}

.othersidebar-title h2 {
  font-size: 24px;
  color: #004b6f;
  letter-spacing: 0.5px;
  font-weight: 700;
}
.othersidebar-img {
  padding-top: 20px;
}

.othersidebar-main-two:first-child {
    margin-top: 0px !important;
}


.othersidebar-img img {
    width: 100%;  /* Die Breite auf 100% des Elternelements setzen */
    height: auto; /* Die Höhe wird automatisch angepasst, um das Bildverhältnis zu bewahren */
    object-fit: cover; /* Stellt sicher, dass das Bild immer den Container ausfüllt und das Bild im richtigen Seitenverhältnis bleibt */
    aspect-ratio: 1 / 1;  /* Setzt das Seitenverhältnis des Bildes auf 1:1, um es quadratisch zu machen */
   
}


.othersidebar-content {
  margin-top: 20px;
}

.othersidebar-main .othersidebar-title  {
  padding: 20px 0px 12px 0px
}

.othersidebar-content h1 {
  background: #609fb4;
  padding: 3px;
  font-size: 24px;
  color: #ffffff;
  letter-spacing: 0;
  line-height: 30px;
  font-weight: 700;
  font-family: "Open Sans";
}

.othersidebar-content p {
  font-size: 18px;
  color: #004b6f;
  letter-spacing: 0;
  line-height: 1.2;
  font-weight: 200;
}


.othersidebar-content h2 {
	margin-top: 0px !important;
	font-size: 24px !important;
}

.othersidebar-content h3 {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.9);
  letter-spacing: 0;
  line-height: 30px;
  font-weight: 700;
}
.othersidebaremail {
  margin-top: 20px;
  display: flex;
  flex-direction: row;
  gap: 20px;
}

.othersidebaremail a {
  font-size: 14px;
  color: #004b6f;
  letter-spacing: 0;
  font-weight: 200;
}

.othersidebar-main hr {
  color: #004b6f;
}
.othersidebar-dots {
  display: flex;
  margin-top: -15px;
  justify-content: center;
}

.line {
  background-color: #004b6f;
  height: 1px;
}
.line2 {
  background-color: #ffffff;
  height: 1px;
}

.othersidebar-main-two {
  background: #004b6f;
  width: 100%;
  padding: 0 20px 16px 20px;
  margin-top: 1.5rem;
}

.othersidebar-title-two {
  border-bottom: 1px solid #ffffff;
  padding: 20px 0px 12px 0px
}

.othersidebar-title-two h2 {
  font-size: 24px;
  color: #ffffff;
  letter-spacing: 0.5px;
  font-weight: 700;
}

.othersidebar-content-two {
  margin-top: 20px;
}

.othersidebar-content-two h2 {
  background: #609fb4;
  padding: 3px;
  font-size: 24px;
  color: #ffffff;
  letter-spacing: 0;
  line-height: 30px;
  font-weight: 700;
  font-family: "Open Sans";
	margin-top: 0px
}

.othersidebar-content-two p {
  font-size: 18px;
  color: #ffffff;
  letter-spacing: 0;
  line-height: 22px;
  font-family: "Open Sans";
  font-weight: 300;
}

.othersidebar-content-two h3 {
  font-size: 14px;
  color: #ffffff;
  letter-spacing: 0;
  line-height: 1.5;
  font-weight: 700;
  font-family: "Open Sans";
}

.othersidebaremail-two {
  margin-top: 20px;
  display: flex;
  flex-direction: row;
  gap: 20px;
}

.othersidebaremail-two a {
  font-size: 14px;
  color: #ffffff;
  letter-spacing: 0;
  font-weight: 300;
  font-family: "Open Sans";
}

.othersidebar-main-two hr {
  color: #ffffff;
}
.othersidebartwo-dots {
  display: flex;
  margin-top: -15px;
  justify-content: center;
}

.othersidebar-main-three {
  width: 100%;
}

.othersidebar-title-three {
  background: #fbfbfb;
  min-height: 274px;
  padding: 8px 20px 16px 20px;
}

.othersidebar-title-three-two {
  background: #fbfbfb;
  min-height: 174px;
}

.othersidebar-title-three h2 {
  border-bottom: 1px solid #004b6f;
  padding: 16px;
}

.othersidebar-title-three h2 {
  font-size: 24px;
  color: #004b6f;
  letter-spacing: 0.5px;
  font-weight: 700;
}

.othersidebar-title-three p {
  font-size: 18px;
  color: #004b6f;
  letter-spacing: 0;
  font-weight: 200;
  margin-top: 20px;
}

.othersidebar-title-three-two {
  width: 100%;
  height: 173px;
  background: #fbfbfb;
  margin-top: 1.5rem;
  padding: 15px;
}
.othersidebar-title-three-two h2 {
  border-bottom: 1px solid #004b6f;
  padding: 16px;
}

.othersidebar-title-three-two h2 {
  font-size: 24px;
  color: #004b6f;
  letter-spacing: 0.5px;
  font-weight: 700;
}

.othersidebar-title-three-two p {
  font-size: 18px;
  color: #004b6f;
  letter-spacing: 0;
  font-weight: 200;
  margin-top: 20px;
}

/* BLOG-ENTRY-STYLES */
.border_bottom {
  padding-bottom: 10px;
  border-bottom: 1px solid #004b6f;
}
.blog_entry_section {
  margin-top: 100px;
}
.super_computing {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: end;
}
.super_computing p {
  font-size: 14px;
  color: #004b6f;
  letter-spacing: 0;
  line-height: 14px;
  font-weight: 300;
}
.super_computing h1 {
  font-size: 48px;
  color: #004b6f;
  letter-spacing: 1.2px;
  font-weight: 700;
}
.super_computing_img {
  width: 100%;
  height: 474px;
}
.super_computing_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.background_with_text {
  display: block;
  width: 100%;
  background-color: #004b6f;
  color: white;
  padding: 8px;
}
.blog_entry_carousel {
  margin-top: 16px;
  background-color: #fbfbfb;
  padding: 0 20px 16px 20px;
  min-height: 685px;
  border: 1px solid red;
}
.carousel_title {
  font-weight: 600;
  color: #004b6f;
}
.carousel-indicators button {
  border-radius: 50%;
  width: 6px !important;
  height: 6px !important;
  margin: 0 5px;
  border: 2px solid #004b6f !important;
  cursor: pointer;
  background-clip: unset !important;
}

#indicatedCarousal .carousel-indicators .active {
  background-color: #004b6f;
}
.carousel-indicators {
  position: relative;
}

#secondindicatedCarousal .carousel-indicators .active {
  background-color: #ffffff;
}

.carousel-item {
  height: 100%;
}
.carousel_img {
  margin-top: 20px;
  width: 100%;
  height: 350px;
}
.carousel_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.role_wrapper {
  margin-top: 8px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.team_role {
  font-size: 18px;
  color: #004b6f;
  letter-spacing: 0;
  line-height: 30px;
  font-weight: 600;
}
.mail_send_svg {
  display: flex;
  align-items: center;
  gap: 10px;
}
.blog_entry_content p {
  font-size: 18px;
  color: rgba(0, 0, 0, 0.9);
  letter-spacing: 0;
  line-height: 30px;
  font-weight: 300;
}
.blog_entry_content .blog_entry_content_img {
  margin-top: 40px;
  width: 100%;
  height: 464px;
}
.blog_entry_content .blog_entry_content_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.blog_entry_content .blog_entry_program_title h1 {
  font-size: 36px;
  color: #004b6f;
  letter-spacing: 0;
  line-height: 42px;
  font-weight: 700;
}
.p_tag {
  font-size: 18px;
  color: rgba(0, 0, 0, 0.9);
  letter-spacing: 0;
  line-height: 30px;
  font-weight: 200;
}
.blog_entry_sofa_talks h1 {
  font-size: 24px;
  color: #004b6f;
  letter-spacing: 0;
  line-height: 24px;
  font-weight: 700;
}
.blog_entry_different ul {
  padding: 1rem;
  margin: 0;
}
.blog_entry_different h3 {
  font-size: 18px;
  color: rgba(0, 0, 0, 0.9);
  letter-spacing: 0;
  line-height: 30px;
  font-weight: 700;
}
.blog_entry_super h1 {
  font-size: 24px;
  color: #004b6f;
  letter-spacing: 0;
  line-height: 24px;
  font-weight: 700;
}
.blog_entry_super_img {
  width: 100%;
  height: 350px;
}
.blog_entry_super_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.impression_title {
  font-size: 24px;
  color: #004b6f;
  letter-spacing: 0;
  text-align: center;
  line-height: 24px;
  font-weight: 700;
}
.blog_entry_section .carousel-indicators .active {
  background-color: #004b6f;
}


.buttons-container {
    display: flex;
    justify-content: center;
    margin-top: 20px;
}

.button, .backbutton, a.button  {
    display: block;
    padding: 10px 0px;
    margin: 0 10px;
    text-decoration: none;
    color: #fff;
    background-color: #004b6f;
    border: none;
    border-radius: 0px;
    cursor: pointer;
	font-weight: 700;
	width: 100%;
	
}

.other-links, #extraLinksAccordion {
	 margin-top: 40px;
}

.other-links {margin-bottom: 40px !Important; border-bottom-style: 1px solid #fff; border: none }
.offcanvas-header .btn-close {background-color: transparent; --bs-btn-close-color: #71BD56; --bs-btn-close-bg: url('/wp-content/themes/scads2023/assets/images/icons/close.svg'); --bs-btn-close-opacity: 1; color: #004b6f; }
.offcanvas-header {
    display: flex;
    align-items: flex-end;
	justify-content: flex-end;}
#extraLinksAccordion h2.accordion-header {margin-top: 0px !important;}
#extraLinksAccordion, #extraLinksAccordion .accordion-item:first-of-type .accordion-button, #extraLinksAccordion .accordion-item:last-of-type {--bs-accordion-active-bg: #fff; color: #004b6f; border-radius: 0px; --bs-accordion-border-color: transparent; font-weight: 700; padding: 5px 5px }
#extraLinksAccordion .accordion-body {padding: 5px}
#extraLinksAccordion .accordion-body a {font-weight: 300;}
#extraLinksAccordion .accordion-body svg {margin-right: 10px}

.other-links a {
    display: block;
	
    padding: 5px 0px;
    margin: 5px 10px;
    text-decoration: none;
   
    border: none;
    border-radius: 0px;
    cursor: pointer;
	font-weight: 700;
	width: 50%;
	color: #fff !important;
	text-align: left;
	
}


.button {text-align: center;}
.backbutton {
  margin-left: 0;
  margin-top: 1rem;
	text-align: left;
}

.button.active,
.backbutton.active {
    font-weight: 300; /* Schriftgewicht für den aktiven Button */
}

.button.disabled,
.backbutton.disabled {
    opacity: 0.5; /* Inaktivitätsstil: verringerte Opazität */
    cursor: not-allowed; /* Inaktivitätsstil: Mauszeiger ändern */
}

.button:hover,
.backbutton:hover {
    background-color: #0074ac;
}


.query-last-posts {margin-bottom: 130px !important;}


/* BLOG-ENTRY-STYLES-END */

/* FOOTER STYLES */
.footer_section {
  background: #004b6f;
  padding-bottom: 52px;
  padding-top: 70px;
}
.footer_section .logo_light {
  width: 192px;
  height: 76px;
}

.footer_section .logo_light img {
  width: 100%;
  height: 100%;
}
.footer_section .company_description {
  margin-top: 22px;
}
.footer_section .company_description {
  font-size: 1.125rem;
  color: #ffffff;
  letter-spacing: 0;
  line-height: 30px;
  font-weight: 200;
  font-family: "Open Sans";
  font-weight: 300;
}
.footer_section .company_description_part {
  margin-top: 42px;
}
.footer_section .footer_heading {
  margin-top: 40px;
  font-size: 21px;
  color: #ffffff;
  letter-spacing: 0;
  font-weight: 600;
  text-transform: capitalize;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  padding-bottom: 10px;

}
.footer_section .heading_content h1 {
  margin-top: 28px;
  font-size: 18px;
  color: #ffffff;
  letter-spacing: 0;
  font-weight: 500;
  padding-bottom: 8px;
  text-transform: uppercase;

}
.footer_section .heading_content p {
  font-size: 18px;
  color: #ffffff;
  letter-spacing: 0;
  font-weight: 200;

}
.footer_section .heading_content_last {
  margin-top: 28px;
}
.footer_section .heading_content_last h1 {
  font-size: 21px;
  color: #ffffff;
  letter-spacing: 0;
  font-weight: 500;

}
.address_content {
  border-top: 1px dashed #ffffff;
  border-bottom: 1px dashed #ffffff;
  padding-bottom: 32px;
  margin-top: 57px;
}

.address-content-head {
  margin-top: 1.75rem;
  font-size: 1.125rem;
  color: #ffffff;
  letter-spacing: 0;
  font-weight: 500;
  padding-bottom: 8px;
  text-transform: uppercase;
  border-bottom: 1px dashed #ffffff;
  font-family: "Open Sans";
  display: block;
  font-weight: 700;
  margin-bottom: 5px;
}

.address-content {
  font-size: 1.125rem;
  color: #ffffff;
  letter-spacing: 0;
  font-family: "Open Sans";
  font-weight: 300;
}

.footer_section .dash_bottom {
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  padding-bottom: 32px;
}
.footer_section .footer_links_wrapper .links_box {
  width: 100%;
  justify-content: space-between;
  align-items: center;
  display: flex;
  border-bottom: 1px dashed #ffffff;
}
.footer_section .footer_links_wrapper .links_box {
  font-family: "Open Sans";
  font-weight: 300;
}
.footer_section .footer_links_wrapper .links_box svg {
  color: #ffff;
  transition: 0.3s ease;
}
.footer_section .footer_links_wrapper .links_box svg:hover {
  color: #0074ac;
  cursor: pointer;
}
.footer_section .footer_links_wrapper .links_box h1:hover {
  color: #0074ac;
  cursor: pointer;
}
.footer_section .footer_links_wrapper h1 {
  margin-top: 26px;
  font-size: 18px;
  color: #ffffff;
  letter-spacing: 0;
  font-weight: 200;
  padding-bottom: 8px;
  text-transform: uppercase;
  transition: 0.3s ease;
}
.footer_section .vom_img {
  height: 160px;
  width: 100%;
  margin-top: 28px;
  background-color: #ffffff;
}
.footer_section .vom_img img {
  height: 100%;
  width: 100%;
  object-fit: contain;
}
.footer_section .copy_rights {
  margin-top: 1.75rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.footer_section .copy_rights p {
  font-size: 12px;
  color: rgba(200, 200, 200, 0.5);
  letter-spacing: 0;
  line-height: 22px;
  font-weight: 400;
}
.footer_section .copy_rights_buttons {
  display: flex;
  gap: 22px;
}
.footer_section .copy_rights_buttons h1 {
  font-size: 14px;
  color: #ffffff;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 700;
  font-family: "Open Sans";
  font-width: 700;
}




.footer_section .footer_background_svg {
 position: absolute;
     top: -270px;
    left: 0%; 
    transform: translateX(0%);
    mix-blend-mode: multiply;
    z-index: 1; 
    overflow: hidden;
    pointer-events: none;
	
}

.footer .footer_background_svg img {
    
	  margin-left: -100px; 
}

.footer_section {
    position: relative;
   
}

.footer_section .overflow-hidden {
  overflow: hidden;
}



.footer_section .quickmenu-list li .elem {
  margin-top: 0.65rem;
}
/* FOOTER STYLES END */

/* All Media Queries */
@media (max-width: 992px) {
  .links_Wrapper {
    display: flex;
    justify-content: space-between;
  }
  .links_Wrapper .first_links {
    flex-direction: column;
    margin-top: 22px;
  }
  .links_Wrapper .second_links {
    flex-direction: column;
  }
  .hero-container {
    width: 100%;
    height: calc(540px - 100px);
  }
  .hero-text {
    line-height: 42px;
    font-size: 22px;
	  width: 100%;
	 
  }
	 .hero-text h1{
	 line-height: 1.4
	}
	
  .carousel-control-prev,
  .carousel-control-next {
    width: 7%;
  }
  .news_section .new_background_image {
    height: 44%;
    width: 100%;
    position: absolute;
    bottom: -295px;
    left: 0px;
  }
  .termine-card {
    width: 100%;
    height: 100%;
	
	 
  }
	

  .text-container {
    min-height: 60px;
  }
  .text-container {
    flex-wrap: nowrap;
  }
  .footer_section {
    /* margin-top: 100px; */
  }
  .elements_sites_row {
    justify-content: center;
  }
  .cta_section_three_cards .card-1,
  .card-2,
  .card-3 {
    width: 100%;
  }
  .quote-main {
    margin: 0;
    width: 100%;
  }
  .quote-main h2 {
    font-size: 16px;
  }
  .main-title-highlated {
    width: 100%;
  }
  .teaserSection-content {
    padding-right: 0;
  }
  .teaserSection-content-2 {
    padding-left: 0;
  }
  .highlight_bg_bubble {
    bottom: 30%;
  }
  .events_img_content {
    max-width: 320px;
  }
}

@media (min-width: 991px) {
  .elements_sites_row {
    justify-content: end;
  }
}
/* All Media Queries */
@media (max-width: 767px) {
  .mb_22px {
    margin-bottom: 22px;
  }
  .elements_sites_filters {
    padding: 0;
  }
	
	.header-image {height: 200px;}

	.slider-text {
    padding-top: 0.5rem !important;
    padding-left: 3rem;
    padding-right: 3rem;
		font-size: 18px !important;
}
	
  .Contact_section .network_background_image {
    width: 100%;
    height: auto;
  }
  .left-site {
    padding-left: 0;
    margin-bottom: 32px;
  }
  .highlight_bg_bubble {
    bottom: 50%;
  }
	
	.wrapper {width: 100%; 

	background-image: url('/wp-content/themes/scads2023/assets/images/mash-scadsblau-50.png');}
}
@media (max-width: 580px) {
  .news_card_container {
    display: flex;
    flex-wrap: wrap;
  }
  .news_content {
    height: 100%;
  }
  .main-cta-blue {
    text-align: center;
  }
  .cta_content_wrapper {
    flex-direction: column-reverse;
    align-items: center;
  }
  .publications_search_tags {
    flex-wrap: wrap;
  }
  .super_computing h1 {
    font-size: 24px;
  }
  .mobile_screen_font {
    font-size: 26px !important;
  }
  .mobile_screen_font {
    font-size: 26px !important;
  }
  .carousel_main {
    height: auto;
  }
}

@media (max-width: 1200px) {
  .main-gallery {
    display: flex;
    flex-direction: column;
    gap: 23px;
  }
  .main-gallery img {
    width: 100%;
  }
}
/* Different page styles  */
.add_shadow {
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}


.navbar .megamenu{ padding:0rem; }
/* ============ desktop view ============ */
@media all and (min-width: 992px) {

  .navbar .has-megamenu{position:static!important;}
  .navbar .megamenu{left:0; right:0; width:100%; margin-top:0;  }

}
/* ============ desktop view .end// ============ */


/* ============ mobile view ============ */
@media(max-width: 991px){
  .navbar.fixed-top .navbar-collapse, .navbar.sticky-top .navbar-collapse{
    overflow-y: auto;
    max-height: 90vh;
    margin-top:10px;
  }
}
/* ============ mobile view .end// ============ */


.dropdown-toggle::after {
  display: none;
}

.megamenu {
  background-color: transparent;
  border: none;
}

.has-megamenu:hover .megamenu {
  display: block;
  width: 100%;
  left: 0;
}

.events-text-parent a {
  font-size: 18px; !important;
  color: #ffffff; !important;
  letter-spacing: 0; !important;
  line-height: 24px; !important;
  font-weight: 700;!important;
}

.li-level-2 a,
.li-level-2 a:hover {
  font-size: 18px; !important;
  color: #ffffff; !important;
  letter-spacing: 0; !important;
  line-height: 24px; !important;
  font-weight: 700;!important;
}