/*
Theme Name: Technoeinkauf-Theme
Theme URI:
Description: Based on Technoeinkauf Main Theme
Author:
Author URI:
Version: 1.0.0
Template: technoeinkauf_main
*/
@import url("../technoeinkauf_main/style.css");
@import url("iconfont.css");
/**/



/* outfit-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: 'Outfit';
  font-style: light;
  font-weight: 200;
  src: url('../fonts/outfit-v11-latin-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* outfit-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: 'Outfit';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/outfit-v11-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* outfit-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: 'Outfit';
  font-style: bold;
  font-weight: 700;
  src: url('../fonts/outfit-v11-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}



/* --- Typografie ---------------------------------------------------------------------------------------*/

	body {
		font-family: "Outfit", Arial, sans-serif;
		font-weight: 400;
		font-size: 16px;
		line-height: 140%;
		color: #000;
		background-color: #fff;
		}
	p {
		margin-bottom: 1em;
		-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
		}
	h1, h2, h3, h4, h5, h6 {
		color: #000;
		font-weight: 400;
		text-transform: uppercase;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;}

	h1 {
		font-family: "Outfit", sans-serif;
		font-weight: 700;
		font-size: 225%;
		line-height: 100%;
		margin-bottom: 16px;
		letter-spacing: -0.1px;
	}
	h2 {
		font-family: "Outfit", sans-serif;
		font-weight: 700;
		font-size: 160%;
		line-height: 100%;
		letter-spacing: -0.1px;
		margin-bottom: 10px;}

	h3, h4, h5, h6 {
		font-family: "Outfit", sans-serif;
		font-weight: 700;
		font-size: 100%;
		line-height: 110%;
		letter-spacing: 0px;
		}

	b, strong {
		font-weight: 700;
	}


	body a, a {
		color: #000;
		text-decoration:underline;
	}
	body a:hover {
	color: #00e291;
	}
	body a:visited, body a:active {
	color: #000;
	}



/*  -----  Editor Styles ------  */

.gruen {
	color: #00e291;}
.magenta_dark {
	color: #570961;}
.weiss {
	color: #fff;}
.hellgrau {
	color: #aaafad;}
.text-groesser {
	font-size: 135%;}

body p .text-kleiner {
    display: block;
    font-size: 80%;
    line-height: 140%;
}


.weiss a {
    color: #00e291 !important;
}


/*  -----  Header ------  */
header:not(.sticky):not(.scrolled) .header_bottom, header.fixed_top_header .bottom_header {
	border-bottom: none;
	height: 110px;
	background-color: #fff !important;
}

.q_logo img {
    max-width: 200px !important;
    height: auto !important;
    margin-top: 14px;
}

/* ------ Footer ------ */

/*.footer_top .footer_links {
	color: #a3a3a3;}*/

.footer_top {
    padding: 16px 0 10px;
	font-size: 12px;
}

.footer_links .abstand {
	color: #d7d9d8;
	margin: 0 8px;}

.footer_top .footer_links a {
    color: #a3a3a3 !important;
	text-decoration: none;
}
.footer_top .footer_links a:hover {
    color: #000 !important;
	text-decoration: none;
}
.footer_top .footer_links a {
    transition: color 0.2s ease-in-out 0s;
}
.footer_top img {
    width: 25px;
}
/*.footer_top a, .footer_top p, .footer_top span, .footer_top li, .footer_top .textwidget {
    color: #818181;
    word-wrap: break-word;
}*/

.footer_top .textwidget{
	color: #333;
}


/*  -----  Scrollup ------  */
#back_to_top span {
    background: #000 none repeat scroll 0 0;
    border: 0 solid #e8e8e8;
    border-radius: 0;
    height: 42px;
    line-height: 42px;
    text-decoration: none;
    transition: all 0.2s ease 0s;
    width: 42px;
}
#back_to_top span:hover {
    background: #aaa;
}
.fa-arrow-up::before {
    color: #00e291;
		content: "\e902";
		font-family: "icomoon";
		font-size: 100%;
		font-weight: 400;
		margin-right: 2px;
		position: relative;
		top: -5px;
}


/*  -----  Sticky ------  */
.texpo_fahne {
    background-color: transparent !important;
    padding: 0px;
    position: absolute !important;
    right: 3%;
    top: -90px;
    width: 159px;
	height: 326px;
    z-index: 9999;
}

/*  -----  Layout ------  */

.unsichtbar {
	display: none;}


.schatten {
	-webkit-box-shadow: inset 0px 9px 45px 50px rgba(0,0,0,0.54);
	-moz-box-shadow: inset 0px 9px 45px 50px rgba(0,0,0,0.54);
	box-shadow: inset 0px 9px 45px 50px rgba(0,0,0,0.54);
	}

.texpo_introtext {
    background-color: #000;
    padding: 0;
}
.introtext_spalte {
    background: rgba(0, 0, 0, 0.35) none repeat scroll 0 0;
    margin-left: -25px;
    padding: 80px 40px 60px;
}
.introtext_spalte img {
    float: none;
    margin: 10px 0 -10px !important;
    width: 70%;
}

.unterschrift {
	width: 70%;}

.texpo_gallery {
	padding: 50px 0px;
	min-height: 400px;}

/* Top Padding Fix */

.content.content_top_margin{
	margin-top: 0 !important;
}

/*footer*/
.footer_links{
	text-align: center;
}

.two_columns_50_50>.column1{
	width: 100%;
	float: none;
}

/*  -----  Passwort WP Basic ------  */

body {
	background-image: url("../../uploads/bg-login.jpg");
	background-size: cover;
}

.content_top_margin_none{
	min-height: 100vh !important;
}

body, .wrapper, .content {
	background-color: transparent;}

.post-password-form {
    background-color: rgba(255, 255, 255, 0.86);
		padding: 20px;
		position: fixed;
    width: 440px;
    left: 50%;
		top: 50%;
		transform: translate(-50%,-50%);
}

.post-password-form p {
    text-align: center;
    margin-bottom: 0px;
}
.post-password-form h2 {
	font-family: "Outfit", Arial, sans-serif;
	margin-bottom: 20px;
	font-weight: 400;
	width: 100%;
	text-align: center;}


.post-password-form input[type="submit"]:hover {
    background-color: #b2b2b2;
}
.post-password-form input[type="submit"] {
    background-color: #00e291;
		color: #fff;
    border: none;
    border-radius: 0;
	font-family:"Outfit", sans-serif;
	font-weight: 700;
}
.post-password-form input[type=password]{
	margin-top: 15px;
	border: 1px solid #00e291;
}
input#pwbox-6 {
    text-align: center;
}

.login_zugangsdaten {
	color: #00e291;}

.login_subline {
    position: relative;
    color: #575e5f;
    font-size: 12px;
    text-align: center;
    width: 420px;
    line-height: 16px;
}


/*  -----  Grid ------  */

.texpo_gallery a {
	text-decoration: none;
	margin-bottom: 5px;
}
.texpo_gallery .foogallery a {
	margin-bottom: 0px;
}
.magenta_dark > a {
    color: #570961;
    text-decoration: underline;
}


.text-light .navigationbuttons, .text-light .esg-pagination, .text-light .esg-filters {
    text-align: left !important;
	margin-bottom: 20px !important;
}
.text-light .esg-filterbutton {
    padding: 0 10px !important;
}

.text-light .esg-filterbutton {
    color: #ddd;
    font-size: 14px !important;
    font-weight: 700 !important;
    text-transform: uppercase;
	transition: color 0.2s ease-in-out 0s;
}
.text-light .esg-filterbutton:hover, .text-light .esg-filterbutton:hover span {
    color: rgba(0, 0, 0, 1) !important;
	text-decoration: none !important;
}
.text-light .esg-filterbutton.selected {
    color: rgba(0, 0, 0, 1) !important;
    text-decoration: none !important;

}
.text-light .esg-filterbutton.selected span {
    border-bottom: 1px solid #00e291;
    text-decoration: none !important;
}
.esg-pagination .esg-filterbutton.selected {
    background-color: #000 !important;
    border-bottom: 1px solid #00e291;
    padding: 8px !important;
    text-decoration: none !important;
	color: #fff !important;
}
.text-light .esg-pagination .esg-filterbutton {
    color: #eee;
}
/*.text-light .esg-filterbutton {
    border-right: 1px solid #000 !important;
}*/
.text-light .esg-filter-wrapper .esg-filterbutton:first-child {
    padding: 0 15px 0 0;
}
.text-light .esg-filter-wrapper .esg-filterbutton::before {
		color: #00e291;
		content: "\e601";
		font-family: "icomoon";
		font-size: 90%;
		font-weight: 400;
		margin-right: 3px;
		position: relative;
		top: 0;
	}

.esg-filters .eg-clearfix {
    clear: none;
    float: left;
}

.esg-pagination {
    margin-top: 20px;
}
.text-light .esg-pagination .esg-filterbutton {
    background-color: rgba(0, 0, 0, 0.2);
    border-right: medium none !important;
    padding: 10px 18px !important;
}


.esg-filters.esg-navbutton-solo-left {
    left: -120px !important;
    position: absolute !important;
    top: 40% !important;
}
.esg-filters.esg-navbutton-solo-right {
    position: absolute !important;
    right: -96px !important;
    top: 40% !important;
}
.text-light .esg-navigationbutton * {
    color: #000 !important;
}
.text-light .esg-navigationbutton *:hover {
    color: #570961 !important;
}
.eg-icon-left-open::before {
	content: "\e900";
    font-family: 'icomoon' !important;
	speak: none;
	font-size: 7em;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	margin-left: 0;
    margin-right: 0;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.eg-icon-right-open::before {
	content: "\e901";
    font-family: 'icomoon' !important;
	speak: none;
 	font-size: 7em;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	margin-left: 0;
    margin-right: 0;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.esg-grid .mainul li.eg-techno-wrapper {
    background-color: #000 !important;
}

.eg-techno-element-2{
	font-size: 11px !important;
	min-width: 100%;
	max-width: 100%;
	padding: 3px 0px !important;
}


/*  -----  SAFE THE DATE ------  */

.safethedate{
	padding: 23px 0 18px 0;
	text-align: center;
}

.safethedate .wpb_wrapper{
	text-align: center;
}

.safethedate h3{
	display: inline-block;
	margin: auto;
	background: #fff;
	color: #55ab26 !important;
	color: #dc037e !important;
	background: #dc037e;
	color: #fff !important;
	padding: 5px 8px;
	margin-bottom: 10px;
}

.safethedate h2{
	margin-bottom: 10px !important;
	font-size: 225%;
}

/*  -----  Lightbox ------  */

.esgbox-overlay {
    background: rgba(0, 0, 0, 0.85) !important;
}

#esgbox-loading, .esgbox-close, .esgbox-prev span, .esgbox-next span {
    background-image: url(assets/esgbox_sprite.png) !important;
}
@media not all, only screen and (min--moz-device-pixel-ratio: 1.5), not all {
	#esgbox-loading, .esgbox-close, .esgbox-prev span, .esgbox-next span {
		background-image:url(assets/esgbox_sprite@2x.png) !important;
		background-size: 44px 152px;
	}
}

.esgbox-title-over-wrap {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
    text-align: center;
    width: 98%;
}
.esgbox-title > div {
    background-color: rgba(0, 0, 0, 0.5);
    margin: auto;
    padding: 10px !important;
    width: 40%;
}


/*  -----  Order Painting ------  */


.order_klapper {
	width: 50%;
	float: right;
	background-color: transparent;
	padding: 0 15px;}
.more_facts_holder {
    background-color: rgba(255, 255, 255, 0.92) !important;
}

.akkordion_order {
    background-color: rgba(255, 255, 255, 0.92) !important;
    float: right;
    margin: 0 -15px;
    padding: 0 15px 30px 0;
    width: 50%;
}

.q_accordion_holder.accordion .ui-accordion-header .accordion_mark.left_mark {
    left: 50px;
	display: none;
}
.q_accordion_holder.accordion.without_icon .ui-accordion-header span.tab-title {
  font-weight: 700;
  left: 0px;
  position: absolute;
	color: #000;
	font-family:"Outfit", sans-serif;
}
.q_accordion_holder.accordion.without_icon .ui-accordion-header span.tab-title::before {
		color: #00e291;
		content: "\e601";
		font-family: "icomoon";
		font-size: 90%;
		font-weight: 400;
		margin-right: 3px;
		position: relative;
		top: 0;
}
.q_accordion_holder.accordion div.accordion_content {
    padding: 0 40px 0 50px;
}
.q_accordion_holder.accordion.without_icon .ui-accordion-header span.tab-title {
    display: block;
    padding: 0 0 0 50px;
}


.order_livepainting {
    min-height: 240px;
    padding: 40px 0;
}
.order_formular {
    background: rgba(255, 255, 255, 0.93) none repeat scroll 0 0;
    padding: 50px 50px 20px;
}

/*  -----  Feedback ------  */
.feedback_va {padding: 60px 0;
	min-height: 300px;}

/* ------ Formular ------ */

.wpcf7 form.wpcf7-form p {
    color: #575e5f !important;
}
span.wpcf7-list-item {
    display: block;
}

input.wpcf7-form-control.wpcf7-text, input.wpcf7-form-control.wpcf7-number, input.wpcf7-form-control.wpcf7-date, textarea.wpcf7-form-control.wpcf7-textarea, select.wpcf7-form-control.wpcf7-select, input.wpcf7-form-control.wpcf7-quiz {
    background-color: #fff;
    border: 1px solid #00e291;
    box-sizing: border-box;
    color: #575e5f;
    font-family: "Outfit", Arial, sans-serif;
	font-weight: 400;
	font-size: 14px;
    line-height: 17px;
    margin: 4px 0 0;
    outline: 0 none;
    padding: 10px;
    resize: none;
}

.wpcf7-form-control.wpcf7-captchar.otr-captcha-text {
    padding: 10px;
    width: 96%;
	border: 1px solid #00e291;
	font-family: "Outfit", Arial, sans-serif;
	font-weight: 400;
	font-size: 14px;
    line-height: 17px;
	color: #575e5f;
}
input.wpcf7-form-control.wpcf7-submit {
    background-color: #00e291;
    border-radius: 0;
	border: none;
    font-family:"Outfit", sans-serif;
    font-size: 16px;
    letter-spacing: 0.2px;
    padding: 0 40px;
    text-align: center;
    font-weight: 700;
}

input.wpcf7-form-control.wpcf7-submit:not([disabled]) {
    border: none;
    color: #000;
}
input.wpcf7-form-control.wpcf7-submit:hover:not([disabled]) {
    background-color: #000;
    border: none;
    color: #fff;
    text-decoration: none;
}
.wpcf7-textarea {
    height: 140px;
}
.wpcf7 form.wpcf7-form p {
    color: #aaafad;
	font-size: 14px;
}
.wpcf7 form.wpcf7-form p a {
    color: #000;
}
.wpcf7 form.wpcf7-form p a:hover {
    color: #00e291;
}
span.wpcf7-list-item {
    margin-left: 0;
    margin-right: 15px;
}
span.wpcf7-form-control-wrap .wpcf7-form-control.wpcf7-checkbox input[type="checkbox"] {
    height: 20px;
    margin-left: 0;
    width: 20px;
}
.wpcf7-form-control.wpcf7-acceptance.otr-datenschutz {
    height: 20px;
    margin: 20px 4px 0 0;
    position: relative;
    top: 2px;
    width: 20px;
}
input[type=checkbox] {
    border-radius: 0px !important;
}
span.wpcf7-not-valid-tip {
    color: #961e7a;
    font-size: 0.85em;
	height: 0;
	display: table;
}
div.wpcf7-response-output {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.1px;
    padding: 15px 20px 15px 50px;
    text-transform: none;
}
div.wpcf7-response-output.wpcf7-validation-errors {
    background-color: #961e7a;
}
div.wpcf7-response-output.wpcf7-mail-sent-ok {
    background-color: #aaafad;
}

/*  -----  Responsive ------  */



@media only screen and (min-width: 960px) and (max-width: 1200px) {

}

@media only screen and (max-width: 1000px) {

	.header_bottom {
    background-color: #570961 !important;
	}
	.logo_wrapper {
		display: block;
		transform: translateX(-50%);
		height: 70px;
	}
	.q_logo a {
		left: 0;
	}

	.q_logo{
		height: 70px;
	}

	/*.header_inner_left{
		height: 80px;
		margin-bottom: 10px;
		margin-top: 20px;
	}*/
}



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

@media only screen and (max-width: 767px){

	.header_bottom_right_widget_holder {
		display: block;
	}
	.texpo_fahne {
		width: 130px;
	}

	.akkordion_order {
	width: 100%;
	padding: 0 30px 30px 0;
	float: left;}

	.order_formular {
		margin-top: 20px;
	}

	.hide_on_mobile {
	display: none;}

}

@media only screen and (max-width: 480px) {

	.texpo_fahne {
		width: 110px;
	}
	.q_logo a {
		height: 32px !important;
	}
	.post-password-form {
		margin: auto;
			padding: 10px;
			position: relative;
	    width: 300px;
			max-width: 100%;
			transform: none;
			top: 50px;
			left: 0;
	}
	body .full_width{
		background-color: transparent;
	}

.login_subline {
	width: 100%;
}

.footer_top .four_columns .column1, .footer_top .four_columns .column2, .footer_top .four_columns .column3, .footer_top .three_columns .column1, .footer_top .three_columns .column2, .footer_top .two_columns_50_50 .column1 {
    margin: 0;
}
.footer_top .column_inner > div {
    margin: 0 !important;
}
.column1.footer_col1 {
    width: 80%;
}
.column2.footer_col2 {
    width: 20%;
}
}


/* #################################################################################
						UPDATES für Bridge 13
################################################################################# */

.footer_top_holder {
	background-color: #fff;
}
.header_top{
	background-color: transparent;
}
.header_bottom{
	padding: 20px 45px;
}

/* #################################################################################
						UPDATES 2023
################################################################################# */

.content{
	min-height: calc(100vh - 49px) !important;
}



/* #################################################################################
						UPDATES THINK NEXT
################################################################################# */

.thinknext-recap-speaker img{
  max-width: 60%;
}


.thinknext-recap-speaker .h5ap_quick_player{
  padding: 0 10px;
}
@media only screen and (min-width: 1024px) {
  .mobile-only{
      display: none;
  }
}
@media only screen and (max-width: 1023px) {
  .thinknext-recap-speaker > div > div > .vc_column-inner > .wpb_wrapper > .vc_empty_space:first-of-type,
  .thinknext-recap-speaker > div > div > .vc_column-inner > .wpb_wrapper > .vc_empty_space:last-of-type
  {
    height: 40px !important;
  }
  .thinknext-recap-speaker .vc_empty_space  {
    height: 30px !important;
  }
  .thinknext-recap-speaker .upb_row_bg {
    background: rgb(213,212,217) !important;
    background: radial-gradient(circle, rgba(213,212,217,1) 0%, rgba(186,185,189,1) 100%) !important;
  }
}


/* #################################################################################
						UPDATES THINK NEXT Commmitment Formulare
################################################################################# */

/* Individuelle Farben der Masterclasses */
#mc-container-A.mc-container > div > div { border-color: #000; }
#mc-container-A .mc-header { background-color: #000; color: #fff;}

#mc-container-B.mc-container > div > div { border-color: rgb(193,193,193); }
#mc-container-B .mc-header { background-color: rgb(217,217,217); color: #000;}

#mc-container-C.mc-container > div > div { border-color: rgb(24,52,22) !important; }
#mc-container-C .mc-header { background-color: rgb(24,52,22); color: #fff;}


/* Container */
.mc-container > div > div{
  background: #fff;
  box-shadow: 0 5px 50px rgba(0,0,0,0.15);
  border: 1px solid;
  margin-bottom: 50px;
}

/* Überschrift */
.mc-container .mc-header{
  padding: 15px;
}

.mc-container .mc-header h2{
  margin-bottom: 0 !important;
  font-weight: normal;
  font-size: 100%;
  color: inherit;
}

.mc-container .mc-header h2 b{
  font-weight: 800;
  font-size: 160%;
}



/* Zusammenfassung */
.mc-summary-container{
  padding: 30px;
}

#mc-container-A .ult-spacer{
  height: 30px;
}

/* Formular */
.mc-form-container{
  padding: 30px;
  background: #f3f3f3;
  text-align: center;
}

.mc-form-container h3,
.wpb_raw_code h3{
  text-transform: none;
  margin-bottom: 20px !important;
}

/* .mc-form-container .wpb_raw_code:not(.mcA_ap_tunap_container){
  margin-bottom: 50px !important;
} */

.mc-form-container .wpb_wrapper > .wpb_raw_code:not(:first-of-type) h3{
  margin-top: 50px;
}

.wpb_raw_code label,
.mc-form-container label{
  display: block;
  margin-bottom: 5px;
  margin-top: 15px;
  color: #666;
}

.mc-form-container input,
.wpb_raw_code input{
  width: 100%;
  border-radius: 0;
  padding: 10px;
  border: 1px solid #ccc;
  transition: all 0.3s ease;
  box-sizing: border-box;
}

.mc-form-container input:focus,
.wpb_raw_code input:focus{
  border: 1px solid #000;
  outline: none;
}

.toggle-submit-changes{
  display: block;
  text-align: center;
  margin-top: 20px;
}

.submit-changes{
  padding-top: 10px;
  display: none;
}

#commitmentForm {
  text-align: center;
}

#commitmentForm input[type=submit]{
  display: inline-block;
  background-color: #00e391;
  border: none;
  color: #000;
  padding: 16px 32px;
  text-transform: uppercase;
  font-weight: 800;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
  transform: scale(1);
}

#commitmentForm input[type=submit]:hover{
  transform: scale(1.1);
  background-color: #00ffa1;
}



.js-form-answer{
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
}


/* Wenn kein Interesse */
.ap-container .text-no{
  display: none;
}
.ap-container.container-no-interest .text-no{
  display: block;
}
.ap-container.container-no-interest .text-yes{
  display: none;
}


/* Auswahl Ändern Logik */
.upsell-trigger{
  text-align: center;
  color: #dc137e;
}

.upsell-trigger a:link,
.upsell-trigger a:visited,
.container-no-interest a:link,
.container-no-interest a:visited
{
  display: inline-block;
  color: #dc137e !important;
}


.upsell-form{
  display: none;
  text-align: center;
}

.upsell-form{
  margin-bottom: 20px;
}

.upsell-form label, .upsell-form select{
  width: 100%;
}

.upsell-form select{
  margin-top: 20px;
  font-size: 18px;
}

.mcA_ap_cteile_container, .mcA_ap_reifen_container{
  margin-bottom: 50px !important;
}