/*
Theme Name:  Tbw Research
Theme URI:   https://studioms.at/tbw
Version:     1.0
Description: A child theme
Author:      Maximilian Simon
Author URI:  https://studioms.at
Template:    Divi
*/

/*- Add any CSS custom code for this child theme below this line -*/

/* libre-franklin-100 - 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: 'Libre Franklin';
  font-style: normal;
  font-weight: 100;
  src: url('https://studioms.at/tbw/wp-content/fonts/libre-franklin-v20-latin-100.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* libre-franklin-200 - 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: 'Libre Franklin';
  font-style: normal;
  font-weight: 200;
  src: url('https://studioms.at/tbw/wp-content/fonts/libre-franklin-v20-latin-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* libre-franklin-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: 'Libre Franklin';
  font-style: normal;
  font-weight: 300;
  src: url('https://studioms.at/tbw/wp-content/fonts/libre-franklin-v20-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* libre-franklin-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: 'Libre Franklin';
  font-style: normal;
  font-weight: 400;
  src: url('https://studioms.at/tbw/wp-content/fonts/libre-franklin-v20-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* libre-franklin-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: 'Libre Franklin';
  font-style: normal;
  font-weight: 500;
  src: url('https://studioms.at/tbw/wp-content/fonts/libre-franklin-v20-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* libre-franklin-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: 'Libre Franklin';
  font-style: normal;
  font-weight: 600;
  src: url('https://studioms.at/tbw/wp-content/fonts/libre-franklin-v20-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* libre-franklin-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: 'Libre Franklin';
  font-style: normal;
  font-weight: 700;
  src: url('https://studioms.at/tbw/wp-content/fonts/libre-franklin-v20-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* libre-franklin-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: 'Libre Franklin';
  font-style: normal;
  font-weight: 800;
  src: url('https://studioms.at/tbw/wp-content/fonts/libre-franklin-v20-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* libre-franklin-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: 'Libre Franklin';
  font-style: normal;
  font-weight: 900;
  src: url('https://studioms.at/tbw/wp-content/fonts/libre-franklin-v20-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}





/* pt-serif-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: 'PT Serif';
  font-style: normal;
  font-weight: 400;
  src: url('https://studioms.at/tbw/wp-content/fonts/pt-serif-v19-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* pt-serif-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: 'PT Serif';
  font-style: normal;
  font-weight: 700;
  src: url('https://studioms.at/tbw/wp-content/fonts/pt-serif-v19-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}



html {
  font-size: 18px; /* Desktop */
}

@media (max-width: 980px) {
  html {
    font-size: 14px; /* Tablet */
  }
}

@media (max-width: 767px) {
  html {
    font-size: 12
}
}
h1 {
  font-family: 'PT Serif';
  font-style: normal;
  font-size: 3rem;
  font-weight: 800;
  line-height: 117%;
}

h2 {
  font-family: 'Libre Franklin', sans-serif;
  font-size: 3rem;
  font-weight: 300;
  line-height: 200%;
}

h3 {
  font-family: 'Libre Franklin', sans-serif;
  font-size: 2rem;
  font-weight: 300;
  line-height: 200%;
}

h4 {
  font-family: 'Libre Franklin', sans-serif;
  font-size: 3.5rem;
  line-height: 117%;
}

h5 {
  font-family: 'Libre Franklin', sans-serif;
  font-size: 3rem;
  line-height: 117%;
}

h6 {
  font-family: 'Libre Franklin', sans-serif;
  font-size: 2rem;
  line-height: 117%;
}

p,
li,
ul {
  font-family: 'PT Serif';
  font-style: normal;
  font-weight: 400;
  font-size: 1.3rem;
  line-height: 160%;
  color: #000;
}

p2 {
  font-family: 'PT Serif', sans-serif;
  font-size: 0.9rem;
  font-weight: 200;
  line-height: 160%;
  color: #000;
}

strong {
  font-weight: 800;
}

#text {
  font-family: 'PT Serif';
  font-style: normal;
  font-weight: 400;
  font-size: 1.3rem;
  line-height: 160%;
  color: #000;
}
/*li {
	font-family: 'Montserrat', sans-serif;
	font-size: 1.3rem;
	font-weight:300;
	line-height: 117% !important;
}
/*--------------------------Klasse um Sachen vertikal zu zentrieren--------------------------------*/
.v-center{display: flex; align-items: center;}

/*----------------------------------------------------------*/
/*-------------------------Seitenmenü---------------------------------*/
/*----------------------------------------------------------*/
.et_slide_in_menu_container ul#mobile_menu_slide {
padding-top: 40%;
}

/*---------------------------Dropdown Icon größer-------------------------------*/

.et_slide_in_menu_container #mobile_menu_slide .et_mobile_menu_arrow:before {

    font-size: 33px;

}
/*----Menü Punkte---------*/

.et_slide_in_menu_container #mobile_menu_slide li a {
    color: #000000;
	font-family: 'Libre Franklin', sans-serif;
    font-size: 2rem;
    font-weight: 300;
	padding-top: 30%!important;
}
	.et_slide_in_menu_container #mobile_menu_slide li li a {
    opacity: 1;
    font-size: 0.9rem !important;
    padding: unset !important;
    margin-left: 30%;
    padding-left: 15vw;
}

/* Make Divi hamburger icon bigger */
.et_pb_menu__icon, 
.mobile_menu_bar:before {
  font-size: 50px !important; /* Increase this value as needed */
  line-height: 1 !important;
}
.mobile_menu_bar:after {
  font-size: 50px !important; /* Increase this value as needed */
  line-height: 1 !important;
}
/* Adjust positioning if needed */
.mobile_menu_bar {
  padding: 10px !important;
}

/*--------------------------Toggles--------------------------------*/
	
@media (min-width: 981px) {

  /* move the toggle icon to the left */
  .pa-toggle-icon-left .et_pb_toggle_title:before {
    left: 0 !important;
  }

  /* adjust spacing on the left for the icon */
  .pa-toggle-icon-left .et_pb_toggle_title,
  .pa-toggle-icon-left .et_pb_toggle_content {
    padding-left: 2em !important;
  }

  /* move the accordion icon to the left */
  .pa-accordion-icon-left .et_pb_toggle_title:before {
    left: 0 !important;
  }

  /* adjust spacing on the left for the icon */
  .pa-accordion-icon-left .et_pb_toggle_title,
  .pa-accordion-icon-left .et_pb_toggle_content {
    padding-left: 2em !important;
  }
.et_pb_toggle_0.et_pb_toggle .et_pb_toggle_title:before, .et_pb_toggle_1.et_pb_toggle .et_pb_toggle_title:before, .et_pb_toggle_2.et_pb_toggle .et_pb_toggle_title:before, .et_pb_toggle_3.et_pb_toggle .et_pb_toggle_title:before, .et_pb_toggle_4.et_pb_toggle .et_pb_toggle_title:before, .et_pb_toggle_5.et_pb_toggle .et_pb_toggle_title:before, .et_pb_toggle_6.et_pb_toggle .et_pb_toggle_title:before, .et_pb_toggle_7.et_pb_toggle .et_pb_toggle_title:before, .et_pb_toggle_8.et_pb_toggle .et_pb_toggle_title:before, .et_pb_toggle_9.et_pb_toggle .et_pb_toggle_title:before, .et_pb_toggle_10.et_pb_toggle .et_pb_toggle_title:before, .et_pb_toggle_11.et_pb_toggle .et_pb_toggle_title:before, .et_pb_toggle_12.et_pb_toggle .et_pb_toggle_title:before, .et_pb_toggle_13.et_pb_toggle .et_pb_toggle_title:before, .et_pb_toggle_14.et_pb_toggle .et_pb_toggle_title:before, .et_pb_toggle_15.et_pb_toggle .et_pb_toggle_title:before, .et_pb_toggle_16.et_pb_toggle .et_pb_toggle_title:before, .et_pb_toggle_17.et_pb_toggle .et_pb_toggle_title:before, .et_pb_toggle_18.et_pb_toggle .et_pb_toggle_title:before {
    left: -85% !important;
}
	/*.et_pb_toggle_title:before {
    right:unset!important;
	 left:unset!important;
}*/
}
/*--------HANDY + Tablet---------*/
@media (max-width: 980px) {

.et_pb_toggle_close .et_pb_toggle_title:before {
    font-size: 3rem;
    right: 0!important;
  }
.et_pb_toggle_open .et_pb_toggle_title:before {
    font-size: 3rem;
    right: 0!important;
  }
	
}

/*----------------------------------------------------------*/
/*--------------------------Primäre Kategorie--------------------------------*/
/*----------------------------------------------------------*/
.project-primary-category {
    text-align: center;
}

.project-primary-category a {
	
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center !important;
    background: #000;
    font-family: 'Libre Franklin';
    font-style: normal;
	font-size: 1rem;
    font-weight: 600;
    letter-spacing: 2px;
    
    padding: 1% 3% 1% 3%;
}
.project-primary-category a:hover {
    color: #000;
	background: #fff;
}
/*----------------------------------------------------------*/

/*----------------------------------------------------------*/
/* THREE COLUMN PORTFOLIO GRID LAYOUT */

@media only screen and (min-width: 768px) {

  .three-column-grid .et_pb_grid_item {
    width: 30% !important;         /* etwas breiter, da geringerer Abstand */
    margin: 0 5% 3% 0 !important;  /* horizontalen Abstand reduziert (vorher 7.5%) */
  }
  
  .three-column-grid .et_pb_grid_item:nth-child(3n) {
    margin-right: 0 !important;
  }

  .three-column-grid .et_pb_grid_item:nth-child(3n+1) {
    clear: left;
  }

  .three-column-grid .et_pb_grid_item:nth-child(4n+1) {
    clear: unset !important;
  }

}
/*------------Portfolio Image Bilder gleich machen-------------*/
.et_portfolio_image {
  width: 100%;
  aspect-ratio: 4 / 3; /* gewünschtes Verhältnis (z.B. 4:3 oder 1:1) */
  overflow: hidden;
}

.et_portfolio_image img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* sorgt für gleichmäßiges Zuschneiden */
  display: block;
}

/*----------------------------------------------------------*/
/*----------------------------Filter------------------------------*/
/*----------------------------------------------------------*/

.wpc-filters-widget-content input[type=email], .wpc-filters-widget-content input[type=number], .wpc-filters-widget-content input[type=password], .wpc-filters-widget-content input[type=search], .wpc-filters-widget-content input[type=tel], .wpc-filters-widget-content input[type=text], .wpc-filters-widget-content input[type=url], .wpc-filters-widget-content select {
    min-height: 32px;
    box-sizing: border-box;
    padding: 8px 16px;
    border: 1px solid #000;
    font-family: 'Libre Franklin';
    font-size: 1rem;
}

/*----------------------------------------------------------*/
/*----------------------------Newssection------------------------------*/
/*----------------------------------------------------------*/

.ArrowControl__ArrowControlContainer-sc-ps7sz3-0.imqmpz.es-carousel-arrow-control.es-carousel-arrow-control-right {
    left: 50px;
}
.ArrowControl__ArrowControlContainer-sc-ps7sz3-0.imqmpz.es-carousel-arrow-control.es-carousel-arrow-control-left {
    left: -50px;
}

/*----------------------------------------------------------*/
/*----------------------------Newssection------------------------------*/
/*----------------------------------------------------------*/


/* Hide image titles on hover */
img {
pointer-events:none;
}


.et_slide_menu_top {
    background: #fff;
    padding: 21px;
}
   /*      background: #178acf;           */
#top-menu li {

    font-family: 'Libre Franklin';
	/*text-transform:uppercase;*/
}


.alignleft a:before {
  font-family: 'Libre Franklin';
  content: "Ältere Beiträge";
  visibility: visible;
  background: #178acf;
  border: 2px solid #ffffff;
  padding: 7px 20px;
  border-radius: 5px;
  margin-left: 17px;
	color: #ffffff;
	    float: right;

}
.alignleft a {
  visibility: collapse;
}
.alignright a:after {
  font-family: 'Libre Franklin';
  content: "Neuere Beiträge";
  visibility: visible;
  background: #178acf;
  border: 2px solid #ffffff;
  padding: 7px 20px;
  border-radius: 5px;
  margin-right: 17px;
	color: #ffffff;
	    float: left;

}
.alignright a {
  visibility: collapse;
}



/**//*
.et_pb_toggle_title {
    padding:0px!important;
}
*/
/*---Suchicon fix mobil---*/
@media (max-width: 980px) {
    #et_search_icon:before {
        top: 24px;
    }
}


/*Toogle Titel mobile fix*/
h5.et_pb_toggle_title {
    padding-left: 5% !important;
}

/*--------------------------------------*/
/*-------------------Toggles-------------------*/
/*--------------------------------------*/

/*-----------Styling Toogle Title Subheadline--------*/

.et_pb_toggle_title:after {
	display: block;
	font-size: 16px;
	line-height: 1.7em;
	font-style: italic;
	margin-top: 6px;
	color: #666 !important;
	align-content:middle;
}
/*----------------Fachbereich Mobilität / Mobility----------------------*/
#toggle-subheadline-1-1 .et_pb_toggle_title:after {
	content: "Aus Daten wird Entscheidungsgrundlage.";
}
#toggle-subheadline-1-1-en .et_pb_toggle_title:after {
	content: "Data becomes the basis for decision-making.";
}

#toggle-subheadline-1-2 .et_pb_toggle_title:after {
	content: "Wir fragen, bis wir wirklich verstehen.";
}
#toggle-subheadline-1-2-en .et_pb_toggle_title:after {
	content: "We keep asking until we really understand.";
}

#toggle-subheadline-1-3 .et_pb_toggle_title:after {
	content: "Wissen schaffen, das Wirkung hat.";
}
#toggle-subheadline-1-3-en .et_pb_toggle_title:after {
	content: "Creating knowledge that makes a difference.";
}

#toggle-subheadline-1-4 .et_pb_toggle_title:after {
	content: "Wir planen Mobilität, die im Alltag funktioniert.";
}
#toggle-subheadline-1-4-en .et_pb_toggle_title:after {
	content: "We design transport solutions that work in everyday life.";
}

#toggle-subheadline-1-5 .et_pb_toggle_title:after {
	content: "Wir denken mit - von der Idee bis zur Umsetzung.";
}
#toggle-subheadline-1-5-en .et_pb_toggle_title:after {
	content: "We work with you every step of the way – from the initial idea to the final implementation.";
}

#toggle-subheadline-1-6 .et_pb_toggle_title:after {
	content: "Komplexe Prozesse brauchen jemanden, der den Überblick behält.";
}
#toggle-subheadline-1-6-en .et_pb_toggle_title:after {
	content: "Complex processes need someone to keep track of everything.";
}

/*----------------Fachbereich Energie / Energy----------------------*/
#toggle-subheadline-2-1 .et_pb_toggle_title:after {
	content: "Wir gestalten Prozesse, die ökologisch und wirtschaftlich sinnvoll sind.";
}
#toggle-subheadline-2-1-en .et_pb_toggle_title:after {
	content: "We design processes that make sense both environmentally and economically.";
}

#toggle-subheadline-2-2 .et_pb_toggle_title:after {
	content: "Entscheidungsgrundlagen für nachhaltige Technologien und Prozesse schaffen.";
}
#toggle-subheadline-2-2-en .et_pb_toggle_title:after {
	content: "Laying the groundwork for decisions on sustainable technologies and processes.";
}

#toggle-subheadline-2-3 .et_pb_toggle_title:after {
	content: "Den Weg von der Forschung zur marktfähigen Lösung beschleunigen.";
}
#toggle-subheadline-2-3-en .et_pb_toggle_title:after {
	content: "Accelerating the journey from research to a market-ready solution.";
}

#toggle-subheadline-2-4 .et_pb_toggle_title:after {
	content: "Energieflüsse verstehen und Anlagen ganzheitlich bewerten.";
}
#toggle-subheadline-2-4-en .et_pb_toggle_title:after {
	content: "Understanding energy flows and assessing systems holistically.";
}

#toggle-subheadline-2-5 .et_pb_toggle_title:after {
	content: "Materialien und Produkte entlang ihres Lebenszyklus nachhaltig gestalten und bewerten.";
}
#toggle-subheadline-2-5-en .et_pb_toggle_title:after {
	content: "Designing and assessing materials and products sustainably throughout their life cycle.";
}

#toggle-subheadline-2-6 .et_pb_toggle_title:after {
	content: "";
}
#toggle-subheadline-2-6-en .et_pb_toggle_title:after {
	content: "";
}