/* #openPanel { background: url('NewBG02.jpg'); background-size: cover;} */

@font-face {
  font-family: 'Helvetica';
  font-weight: 100;
  src: url('../fonts/Helvetica/Helvetica_thin.ttf') format('truetype');
}

@font-face {
  font-family: 'Helvetica';
  font-weight: 600;
  src: url('../fonts/Helvetica/Helvetica_bold.ttf') format('truetype');
}

body {
  margin-bottom: 30px;
}

.content-wrapper {
	max-width: 1280px;
}

.mobile-nav {
	z-index: 99999999;
}

.pos-middle h1,
#infoLogo,
.sections.info h1  {
  font-size: 68px;
  text-transform: uppercase;
}

.sections {
  min-height: none;
  position: relative;
  overflow: hidden;
}

.sections.info > div {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 50px;
}

.sections.bg {
	min-height: 880px;
}

.sr-panel.info,
.sr-panel.info .parallax-wrapper {
	min-height: 0 !important;
	height: auto !important;
	position: relative;
	transform: none !important;
}

.sr-panel section {
	padding-top: 200px;
	margin-top: 0;
}

.sections.bg.removing {
  background: url('../images/section_bgs/img_bg_3.jpg'); background-size: cover;
}
.sections.bg.spectrum {
  background: url('../images/section_bgs/img_bg_piano.jpg'); background-size: cover;
  background-position-y: bottom;
}
.sections.bg.skilled {
  background: url('../images/section_bgs/img_bg_5.jpg'); background-size: cover;
}

.sections .pos-middle {
  text-align: left;
  margin: 0 auto;
  display: table;
  max-width: 1280px;
  position: relative;
  z-index: 999;
  width: 100%;
}

.sections.bg .title-wrapper {
  top: 0;
  left: 0;
  z-index: 999;
  width: 100%;
}

.sections.bg .titles {
  position: relative;
}

.sections.bg .titles .reveal {
  position: absolute;
}

.sections.info {
  background: #FFF;
  padding: 120px 0px;
}

.sections.bg .pos-middle {
	padding: 0 50px;
}

.sections.info .pos-middle {
	width: auto;
}

.sections.info h1.section-title {
  opacity: 0;
}

.sections.info p {
  font-size: 30px;
  font-family: 'Helvetica';
}

#teamPanel,
#contactPanel {
	padding-top: 0;

}

#deskNav {
	z-index: 99999;
/*
	padding-bottom: 20px;
  background: rgba(0, 0, 0, 0.05);
*/
}

.nav ul li a.navlink, nav ul li a.navlink,
.nav ul li.logo .navlink, nav ul li.logo .navlink {
  font-size: 15px;
}

.sections.bg .pos-middle h1 {
  color: #FFF;
}

#blurredContentFrame {
  z-index: 100;
  left:0;
  top:-7px;
  overflow: hidden;
  position: fixed;
}
#blurredContent {
  position: absolute;
  filter:blur(4px);
  -webkit-filter:blur(4px);
}



.sr-panel .parallax-wrapper {
    background: #fff;
}

.serif_team {
  margin-bottom: 10px;
  font-size: 26px;
}

.sr-panel section p {
  font-family: 'Helvetica';
}

#bg12 {
    position: relative;
}

#bg12:after,
.sections.bg:after {
  content:'\A';
  position:absolute;
  width:100%; height:100%;
  top:0; left:0;
  background:rgba(0,0,0,0.25);
  opacity:1;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
}

.sr-panel.condanis_panel_2 .parallax-wrapper {
    background: url('img_bg_1.jpg'); background-size: cover;
    z-index: 1;
}
.sr-panel.condanis_panel_3 .parallax-wrapper {
    background: url('img_bg_2.jpg'); background-size: cover;
    z-index: 1;
}

.sr-panel.condanis_panel_5 .parallax-wrapper {
    background: url('img_bg_3.jpg'); background-size: cover;
    z-index: 1;
}
.sr-panel.services_panel_1 .parallax-wrapper {
    background: url('img_bg_4.jpg'); background-size: cover;
    z-index: 1;
}
.sr-panel.netzwerk_panel_1 .parallax-wrapper {
    background: url('img_bg_5.jpg'); background-size: cover;
    z-index: 1;
}

.white_text { color: #fff !important;}

section div.section_text_light {
     font-weight: 200;
    font-family:  'Lato';
    text-transform: none;
    text-align: left;
    font-size: 44px;
    line-height: 60px;
}
section div.section_text_light strong {
     font-weight: 800;

}
section h1.serif {
    font-weight: 200;
    font-family:  'Lato';
    text-transform: uppercase;
    text-align: center;
    font-size: 70px;
    line-height: 110px;
}
section h1.serif strong {
     font-weight: 600;
}
section h3.serif {
    font-weight: 200;
    font-family:  'Lato';
    text-transform: uppercase;
    text-align: center;
    font-size: 40px;
    line-height: 60px;
}
section h5.serif {
    font-weight: 200;
    font-family:  'Lato';
    text-transform: uppercase;
    text-align: center;
    font-size: 30px;
    line-height: 50px;
}
h6.serif_service {
    font-weight: 800;
    font-family:  'Lato';
    text-transform: none;
    text-decoration: underline;
    text-align: left;
    font-size: 40px;
    line-height: 50px;
    margin-bottom: 40px;


}
.section_text_light_list {
    font-weight: 200;
    font-family:  'Lato';
    text-transform: uppercase;
    text-align: left;
    font-size: 40px;
    line-height: 60px;
}
#servicesPanel { }
h6.contact_text{
    font-weight: 200;
    font-family:  'Lato';
    text-transform: uppercase;
    text-align: center;
    font-size: 40px;
    line-height: 60px;
}

#teamPanel_1 .sr-panel, #contactPanel_1 .sr-panel, #contactPanel .sr-panel { min-height: 1235px !important; }
#teamPanel_1 .parallax-wrapper, #contactPanel_1 .parallax-wrapper, #contactPanel .parallax-wrapper  { min-height: 1235px !important; }
@media (min-width:1890px)  {
 teamPanel_1 .sr-panel, #contactPanel_1 .sr-panel, #contactPanel .sr-panel { min-height: 1535px !important; }
#teamPanel_1 .parallax-wrapper, #contactPanel_1 .parallax-wrapper, #contactPanel .parallax-wrapper  { min-height: 1535px !important; }
}

@media (max-width:1279px)  {
	.pos-middle h1, #infoLogo, .sections.info h1 {
		font-size: 48px;
	}
	.content-wrapper {
		max-width: 1024px;
	}
}

@media (max-width:1023px)  {
	.pos-middle h1, #infoLogo, .sections.info h1 {
		font-size: 38px;
	}
	.content-wrapper {
		max-width: 768px;
		padding: 0 30px;
	}
	#openPanel #starBg {
		width: auto !important;
		height: 100vh;
	}
}

@media (max-width:767px)  {
	    section h1.serif {
	    font-weight: 200;
	    font-family:  'Lato';
	    text-transform: uppercase;
	    text-align: center;
	    font-size: 50px;
	    line-height: 90px;
	}
	section h3.serif {
	    font-weight: 200;
	    font-family:  'Lato';
	    text-transform: uppercase;
	    text-align: center;
	    font-size: 20px;
	    line-height: 40px;
	}
	section h5.serif {
	    font-weight: 200;
	    font-family:  'Lato';
	    text-transform: uppercase;
	    text-align: center;
	    font-size: 20px;
	    line-height: 40px;
	}
	h6.serif_service {
	    font-weight: 800;
	    font-family:  'Lato';
	    text-transform: none;
	    text-decoration: underline;
	    text-align: left;
	    font-size: 20px;
	    line-height: 30px;
	    margin-bottom: 40px;


	}
	.section_text_light_list {
	    font-weight: 200;
	    font-family:  'Lato';
	    text-transform: uppercase;
	    text-align: left;
	    font-size: 20px;
	    line-height: 40px;
	}
	    section div.section_text_light {
	    font-weight: 200;
	    font-family: 'Lato';
	    text-transform: none;
	    text-align: left;
	    font-size: 24px;
	    line-height: 40px;
	}
	    h6.contact_text{
	    font-weight: 200;
	    font-family:  'Lato';
	    text-transform: uppercase;
	    text-align: center;
	    font-size: 20px;
	    line-height: 30px;
	}
}

.mobile {
		display: none;
}

.footer {
	border-top: 1px solid #efefef;
	padding-top: 20px;
	padding-bottom: 20px;
	background-color: #FFF;
}

.footer ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.footer ul li {
	display: inline-block;
}

.footer ul li a,
.footer ul li a:hover,
.footer ul li a:visited,
.footer ul li a:focus {
	text-decoration: none;
	color: #000;
}

.datenschutz h1,
.datenschutz h2 {
	margin-top: 50px;
}

.impressum .sr-panel section p {
  font-size: 19.2px;
  line-height: 1.2;
  font-family: gotham_book,Arial,Helvetica,sans-serif;
}

.impressum .sr-panel section p strong {
  font-size: 26px;
  margin-bottom: 10px;
  margin-top: 10px;
  display: inline-block;
}

.nav ul li a.navlink:hover, nav ul li a.navlink:hover {
  color: #18181e;
}

.profile-pic {
  max-width: 400px;
}


@media (max-width:767px)  {
	.pos-middle h1, #infoLogo, .sections.info h1 {
		font-size: 26px;
	}
	.content-wrapper {
		max-width: 100%;
		padding: 0 30px;
	}
	#deskNav .logo a {
		color: #000 !important;
	}
	.sections.info p {
		font-size: 24px;
	}
	.sr-panel.info section.logo p {
    font-size: 24px;
    margin-top: 6px;
    line-height: 1.7em;
	}
	.sections.bg {
    min-height: 100vh;
	}
  .profile-pic {
    max-width: 100%;
  }

}

@media (max-width:525px)  {
	.pos-middle h1, #infoLogo, .sections.info h1 {
		font-size: 26px;
    word-break: break-word;
	}
	.mobile {
		display: block;
	}
	.sections.info p,
	.sr-panel.info section.logo p {
		font-size: 18px;
	}
	.sections.info > div,
	.sections.bg .pos-middle {
		padding: 0 20px;
	}
}

@media (min-width: 1900px) {
  .sr-panel.info section.logo p {
      margin-top: 30px;
  }
  .sr-panel section p {
    font-size: 44px;
  }
}

/* === Nur für //news und //insights – scoped Fixes === */

/* 1) Weißer Hintergrund – kein dunkler Zwischenbalken */
#newsPanel,
#newsPanel .parallax-wrapper,
#insightsPanel,
#insightsPanel .parallax-wrapper{
  background:#fff !important;
}
#newsPanel::before,
#insightsPanel::before{
  content:none !important; /* falls ein Theme-Divider gezeichnet wird */
}

/* 2) Überschriften sofort sichtbar + Größe NUR hier */
#newsPanel .logo-image,
#insightsPanel .logo-image{
  font-size: clamp(32px, 6vw, 44px);  /* groß wie gewünscht, mobil etwas kleiner */
  line-height: 1.1;
  opacity:1 !important;
  transform:none !important;
  transition:none !important;
  position:relative;
  z-index:3;
  margin-top:0;
  margin-bottom:12px;
}

/* 3) Inhalt sicher über evtl. Overlays (Links klickbar) */
#newsPanel .content-wrapper,
#insightsPanel .content-wrapper{
  position:relative;
  z-index:2;
}

/* 4) Einheitliches Artikel-Spacing */
#newsPanel article.text-left.bump-down-more,
#insightsPanel article.text-left.bump-down-more{
  margin-top:8px;
    margin-bottom:24px;
}