/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

/********************************************************/
/**** VARIABLEN GLOBAL (not IE 11) ***********************/
:root {
	--i-shadow: 5px 4px 15px rgba(0, 0, 0, 0.15);
	--i-magenta: #FF0099;
	--i-cyan: #3EAEE4;
	--i-black: #000000;
	--i-white: #ffffff;
	--i-lightgrey: #e4e4e4;
	--i-darkgrey: #4f4f4f;
	--i-orange: #ff6633;
	--i-green: #94C11C;
	--i-darkgreen: #009966;
	/* --i-lightgrey_to_white: #c8adad; */
  
  }
  /**** FONT ************/
  /* fallback old browsers, only light + semibold */
  /* https://codepen.io/glyphe/pen/XxZzYV */
  @font-face {
	font-family: 'TheSans';
	src: url('font/TheSansVariableC4s.woff2') format('woff2 supports variations'),
		 url('font/TheSansVariableC4s.woff2') format('woff2-variations');
	font-weight: 100 1000;
	font-display: fallback;
  }
  
  @font-face {
	font-family: 'TheSans FB';
	src: url('font/TheSans-3_Light.woff2') format('woff2');
	font-weight: normal;
	font-display: fallback;
  }
  @font-face {
	font-family: 'TheSans FB';
	src: url('font/TheSans-6_SemiBold.woff2') format('woff2');
	font-weight: bold;
	font-display: fallback;
  }
  
  body {
	font-family: 'TheSans FB' , sans-serif ;
	color: var(--i-black);
  }
  @supports (font-variation-settings: normal) {
	body {
	  font-family: 'TheSans' , sans-serif ;
	  font-weight: 300;
	  font-size: 18px;
	  line-height: 1.3;
	  color: var(--i-black);
	}
  }
  
  /********************************************************/
  /**** TYPO GLOBAL ***************************************/
  /* https://developer.mozilla.org/de/docs/Web/CSS/font-weight  300 = light 600 = semibold*/
  /*
  body {
	font-family: 'TheSans';
	font-weight: 300;
	font-size: 18px;
	line-height: 1.3;
	color: var(--i-black);
  }
  */
  .shadow-box p {font-size: 18px!important;}
  
  /**** FOOTER ***************************/
  #infas-footer-main p, #infas-footer-main p a, #infas-footer-top p, #infas-footer-top p a {color: var(--i-lightgrey); font-size: 16px}
  #infas-footer-main p a:hover, #infas-footer-top p a:hover {color: var(--i-white);}
  #infas-footer-main strong, #infas-footer-top strong {font-weight: 600;}
  
  .infas-menu-flexbox .fa-search::before {
	content: "" !important;
	background-image: url("gfx/search-w.svg");
	background-size: 22px 22px;
	background-repeat: no-repeat;
	width: 22px;
	height: 22px;
  }
  .infas-menu-flexbox .eicon-close::before {
	content: "" !important;
	background-image: url("gfx/close-c-w.svg");
	background-size: 48px 48px;
	background-repeat: no-repeat;
	width: 48px;
	height: 48px;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-100%,-100%);
	-ms-transform: translate(-100%,-100%);
	transform: translate(-100%,-60%);
  }
  @media screen and (min-width: 576px) {
	body {
	  font-size: 20px;
	}
	.shadow-box p {font-size: 20px!important;}
	/*h1 {font-size: 62px; line-height: 70px;}
	h2 {font-size: 45px; line-height: 52px;}*/
	h3, #lagemass-custom-loop h1, .quote, .single-main blockquote, .elementor-posts h3.elementor-post__title,
		.single-nav .elementor-post-navigation .post-navigation__next--title,
		.single-nav .elementor-post-navigation .post-navigation__prev--title {font-size: 32px; line-height: 42px;}
	h4, h4.elementor-post__title {font-size: 25px!important; line-height: 32px;}
	h5, h6, .elementor-button {font-size: 20px; line-height: 26px;}
  }
  @media screen and (min-width: 768px) {
	h1 {font-size: 45px; line-height: 52px;} /*design review 20220223*/
	h2 {font-size: 32px; line-height: 42px;} /*design review 20220223*/
	.copy-1 {font-size: 32px;}
	.stoerer p, .infobox p, .link-extra a {font-size: 20px;}
	.link-extra {margin-top: 15px;}
	#infas-footer-main p, #infas-footer-main p a, #infas-footer-top p, #infas-footer-top p a {color: var(--i-lightgrey); font-size: 18px}
	.elementor-post__excerpt p {font-size: 20px!important;  line-height: 1.3!important;}
  }
  
  @media screen and (min-width: 992px) {
	h1 {font-size: 62px; line-height: 70px;} /*design review 20220223*/
	h2 {font-size: 45px; line-height: 52px;} /*design review 20220223*/
	#infas-footer-main p, #infas-footer-main p a, #infas-footer-top p, #infas-footer-top p a {color: var(--i-lightgrey); font-size: 20px}
  }
  
  
  /****** SEARCH & FILTER *************************************************/
  /************************************************************************/
  .searchandfilter > ul > li {
	  display: inline-block;
	  vertical-align: top;
	  padding: 0 20px;
  }
  /****** PAGE ELEMENTS ***************************************************/
  /************************************************************************/
  /* accordion expertise */
  
  .elementor-accordion .elementor-tab-content {
  }
  .elementor-widget-container {
  
  }
  .elementor-accordion .elementor-tab-title {
	display: flex;
	flex-direction: row-reverse;
	justify-content: space-between;
  }
  .elementor-accordion .elementor-accordion-item:first-child {
	border-top: 0 !important;
	border-right: none !important;
	border-bottom: 2px solid var(--i-white) !important;
	border-left: none !important;
  }
  .elementor-accordion .elementor-accordion-item {
	border-top: 2px solid var(--i-white) !important;
	border-right: none !important;
	border-bottom: 2px solid var(--i-white) !important;
	border-left: none !important;
  }
  .elementor-accordion .elementor-accordion-item:last-child {
	border-top: 2px solid var(--i-white) !important;
	border-right: none !important;
	border-bottom: 0 !important;
	border-left: none !important;
  }
  .elementor-accordion .elementor-accordion-icon-opened i::before {
	content: "";
	height: 14px;
	width: 24px;
	background-image: url("gfx/arrow_up-w.svg");
	background-size: cover;
	background-repeat: no-repeat;
	display: inline-block;
  }
  .elementor-accordion .elementor-accordion-icon-closed i::before {
	content: "";
	height: 14px;
	width: 24px;
	background-image: url("gfx/arrow_down-w.svg");
	background-size: cover;
	background-repeat: no-repeat;
	display: inline-block;
  }
  .magenta .elementor-accordion .elementor-tab-title,
  .magenta .elementor-accordion .elementor-tab-title a {
	background-color: var(--i-magenta);
	color: var(--i-white);
  }
  .cyan .elementor-accordion .elementor-tab-title,
  .cyan .elementor-accordion .elementor-tab-title a {
	background-color: var(--i-cyan);
	color: var(--i-white);
  }
  
  /* read more/ toogle widget with extra class */
  
  .elementor-toggle {
	margin-top: -20px;
	margin-bottom: 15px;
  }
  .elementor-toggle-item {
	display: flex;
	flex-direction: column-reverse;
  }
  .elementor-toggle .elementor-tab-content {
	padding: 0 0 15px 0;
	border-bottom: none;
  }
  .elementor-toggle .elementor-tab-title,
  .elementor-toggle .elementor-tab-title.elementor-active {
	display: flex;
	flex-direction: row-reverse;
	justify-content: flex-end;
	padding: 0;
	border-bottom: none;
  }
  .elementor-toggle .elementor-toggle-icon-opened,
  .elementor-toggle .elementor-toggle-icon-closed {
	margin-left: 10px;
  }
  
  /*
  body:not(.elementor-editor-active) .collapse-text .elementor-tab-title.elementor-active .elementor-toggle-title {
  display: none;
  }
  */
  /*
  .collapse-text .elementor-tab-title.elementor-active::before {
	  content: 'Read Less';
  }
  */
  /* TEST jQuery */
  .togglecontent {
	display: none;
  }
  .elementor-toggle .elementor-toggle-icon-opened i::before {
	content: "";
	height: 14px;
	width: 24px;
	background-image: url("gfx/arrow-up-m.svg");
	background-size: cover;
	background-repeat: no-repeat;
	display: inline-block;
  }
  .elementor-toggle .elementor-toggle-icon-closed i::before {
	content: "";
	height: 14px;
	width: 24px;
	background-image: url("gfx/arrow-down-m.svg");
	background-size: cover;
	background-repeat: no-repeat;
	display: inline-block;
  }
  .magenta .elementor-toggle .elementor-toggle-icon-opened i::before {
	background-image: url("gfx/arrow-up-m.svg");
  }
  .magenta .elementor-toggle .elementor-toggle-icon-closed i::before {
	background-image: url("gfx/arrow-down-m.svg");
  }
  .cyan .elementor-toggle .elementor-toggle-icon-opened i::before {
	background-image: url("gfx/arrow-up-c.svg");
  }
  .cyan .elementor-toggle .elementor-toggle-icon-closed i::before {
	background-image: url("gfx/arrow-down-c.svg");
  }
  /****** FAQ *************************************************************/
  /************************************************************************/
  .faq-icon div  {
	display: flex;
	align-items: center;
  }
  .faq-icon div::before {
	content: "";
	height: 68px;
	width: 100px;
	background-repeat: no-repeat;
	display: inline-block;
  }
  .faq-icon h3 {
	margin-left: 10px;
  }
  .faq-icon.general div::before {background-image: url("gfx/FAQ-general.svg");}
  .faq-icon.data-policy div::before {background-image: url("gfx/FAQ-data-policy.svg");}
  .faq-icon.tel_survey div::before {background-image: url("gfx/FAQ-tel-survey.svg");}
  .faq-icon.pers_survey div::before {background-image: url("gfx/FAQ-pers-survey.svg");}
  .faq-icon.online_survey div::before {background-image: url("gfx/FAQ-online-survey.svg");}