/*
Theme Name: The7
Theme URI: http://the7.io/
Author: Dream-Theme
Author URI: http://dream-theme.com/
Description: Any design, any layout. No coding required. The7 is the most customisable WordPress theme on the market up to date. Add the power of Visual Composer, The7 Post Types, Ultimate Addons, Slider Revolution, and WooCommerce to the mix, and you'll get the ultimate web-site building toolkit! Theme is translation ready, compatible with WPML, SEO and mobile friendly (certified by Google).
Version: 9.17.2
Tested up to: 5.8.0
Requires PHP: 5.6.20
Requires at least: 5.4.0
License: This WordPress theme is comprised of two parts: (1) The PHP code and integrated HTML are licensed under the GPL license as is WordPress itself.  You will find a copy of the license text in the same directory as this text file. Or you can read it here: http://wordpress.org/about/gpl/ (2) All other parts of the theme including, but not limited to the CSS code, images, and design are licensed according to the license purchased. Read about licensing details here: http://themeforest.net/licenses/regular_extended
License URI: License.txt
Tags: multipurpose, responsive, retina ready, SEO ready, mobile friendly, iOS, material design, clean, minimal, business, corporate, portfolio, creative, photography, one page site, micro site
Text Domain: the7mk2
*/

@font-face{
	font-family: UntitledSans-Regular;
	scr: url(fonts/UntitledSans-Regular.otf);
	font-weight: normal;
}
@font-face{
	font-family: UntitledSans-Bold;
	scr: url(fonts/UntitledSans-Bold.otf);
	font-weight: bold;
}
#footer {
	background-color: white;
}

.wp-caption-text,
.sticky,
.gallery-caption,
.bypostauthor,
.main-page {}

/* #home_green{
	background: url("http://localhost/eisen13/wp-content/uploads/2021/10/back_green_png.png");
	background-blend-mode: multiply;
    background-position: bottom;
    background-repeat: repeat-y;
} */
#home_green > div.upb_row_bg {
	z-index: 1 !important;
	min-width: 300px !important;
	width:300px !important;
	background-repeat: round !important;
	
}

#background_image > figure > div > img {
	width: 373px;
    height: 942px;
    position: absolute;
    top: -230px !important;
    left: 0px;
}
#mitglied_background_image > figure > div > img{
	width: 373px;
    height: 942px;
    position: absolute;
    top: -230px !important;
    left: 0px;
	transform: scale(-1, 1);
	
}


#background_image_formula > figure > div > img {
	width: 346px;
    height: 942px;
    position: absolute;
    top: -145px !important;
    left: 50px;
	transform: scale(-1, 1);
}
#background_image_formula1 > figure > div > img{
	width: 1500px;
    height: 374px;
    position: absolute;
    top: -60px !important;
    right: -605px;
	z-index:-1;
    
}
.touppercase{
	text-transform: uppercase;
}
#background_image_fahrzeuge > figure > div > img {
	width: 330px;
    height: 828px;
    position: absolute;
    top: -586px !important;
    left: 23px;
    transform: scale(-1, 1);
    Z-INDEX: 1;
}

#background_image_home1 > figure > div > img {
	width: 346px;
    height: 942px;
    position: absolute;
    top: -145px !important;
    left: 50px;
    transform: scale(-1, 1);
	
}
#background_image_home2 > figure > div > img {
	    width: 1500px;
    height: 374px;
    position: absolute;
    top: -125px !important;
    right: -475px;
    z-index: 0;
}
#background_image_home3 > figure > div > img {
	width: 1500px;
    height: 348px;
    position: absolute;
    top: -215px !important;
    left: -540px;
    z-index: 0;
    transform: scale(-1, 1);
}


.custom_title{
	font-size: 64px;
    font-weight: 400;
    line-height: 110%;
	color:#000000;
	
}
.custom_title span{
	color:#ff5555;
}

button.ubtn-small {
    padding: 15px 31px !important;
    border: 1px solid #ea565e !important;
	font-family: UntitledSans-Regular !important;
	font-weight: 600 !important;
	font-size: 16px;
}

.button_red > span.ubtn-data.ubtn-text{
	font-family: UntitledSans-Regular !important;
	font-weight: 600 !important;
	font-size: 16px;
}

#home_2screen_1{
	z-index: 2;
    top: -200px;
}
#home_2screen_1 > div.upb_row_bg{
	
    min-width: 238px !important;
    left: 46px !important;
    width: 310px !important;
    top: 14px !important;
    height: 919px;
    position: absolute;
    transform: scale(-1, 1);

}

#home_3screen > div.upb_row_bg{
	position: absolute;
    width: 1106px !important;
    height: auto !important;
    background-position: center right !important;
    top: 0px !important;
    bottom: 0 !important;
    right: 0px !important;
    background-size: contain !important;
	left: auto !important;
}

#home_4screen {
	position: absolute;
    width: 1106px !important;
    height: auto !important;
    background-position: center right !important;
    top: 0px !important;
    bottom: 0 !important;
    right: 0px !important;
    background-size: contain !important;
	left: auto !important;
}

#home_5screen{
	min-height: 465px;
    top: -160px;
}
#home_6screen > div.upb_row_bg{
	position: absolute;
    width: 1106px !important;
    height: auto !important;
    background-position: center right !important;
    top: -70px !important;
    left: -835px !important;
    background-size: contain !important;
    transform: scale(-1, 1);
}
.center{
	margin: 0 auto;
}
.label-red{
	color:#ff5555;
}
.menu-main-home-container > ul > li {
	border:none !important;
	border-width: 0px;
}
#mitglied_1screen {
	z-index:1   

}

#mitglied_2screen{
	z-index: 2;
    top: -140px;
    min-height: 1115px;
}

.custom_title_small{
	text-align:left;
	font-size:30px;
}
.custom_title_big{
	font-size: 115px;
    font-weight: 400;
    line-height: 110%;
	color:#000000;
}
#mitglied_2screen > div.upb_row_bg{
    min-width: 314px !important;
    left: 340px !important;
    width: 190px !important;
    top: -185px !important;
    height: auto;
}	
#accordion_title > h3{
	background-color: #ff5555;
	
}
.wpb_content_element .wpb_accordion_header > a span {
	color:#ffffff !important;
	margin-left: 60px;
	font-weight:nornal;
}
.wpb_content_element .wpb_accordion_header.ui-state-active>a:after{
	color: #ffffff;
	font-size: 30px;
	left: 30px;
}
.wpb_content_element .wpb_accordion_header>a:after{
	color: #ffffff;
	font-size: 30px;
	left: 30px;
}
.form_mitglie{
	background-color: #d9d9d9;
    padding: 10px 40px 20px 81px;
}
.green_background {
	background-color: #e0ff1b !important;
}
.list_mitglie > li {
	list-style: none;
    margin-top: 10px;
}
#logo_background{
	left: calc(100vw - 2272px);
	width: calc(100vw - 2px);
	margin-top: 100px !important;
    margin-bottom: 50px !important;
}


.logo_background_item > figure > div > img {
	width:100%;
}

.logo_background_item > figure {
	width:100%;
}
.logo_background_item > figure > div{
	width:100%;
}
.logo_background_item {
	width:100%
}

#student_1screen{
	position:absolute;
	z-index: 1;
}
#student_2screen{
	min-height:1040px;
	z-index: 5;
	top: -150px;
;
}
#student_2screen > div.upb_row_bg{
	min-width: 415px !important;
    left: 340px !important;
    width: 253px !important;
    top: 41px !important;
    height: 1000px;
	position:absolute
}


#student_background{
	height: 70vh;
	z-index: 3;
	
}

#student_4screen{
z-index:4;	
}

#student_4screen > div.upb_row_bg{
	min-width: 1400px !important;
    left: -478px !important;
    width: 268px !important;
    top: -266px !important;
    height: 1000px;
}

#student_6screen > div.upb_row_bg{
	min-width: 1400px !important;
    left: 649px !important;
    width: 268px !important;
    top: -175px !important;
    height: 500px;
}
#student_6screen{
	z-index:2;
}

#fahrzeuge_2screen > div.upb_row_bg {
	min-width: 169px !important;
    left: -321px  !important;
    width: 277px !important;
    top: -270px !important;
    height: 1000px;
    position: absolute;
    transform: scale(-1, 1);
	z-index: 2;
}

#ui-id-2{
	background-color: #d9d9d9;
    padding: 20px 40px 20px 81px;
}
#ui-id-2 > div > div > div > div {
	border-radius: 20px;
	box-shadow: 0 0 10px rgba(0,0,0,0.3);
}
#partners{
	margin-top: 100px !important;
    margin-bottom: 50px !important;
}
#partners > div > div > div > div > div{
	align-items: center;
}
#sponsor_logo{
	 display: flex;
    justify-content: center;
    align-items: center;
}
#mitglied_item_header_1screen{
	
}
.image_sponsor{
	width:160px;
}
.image_sponsor > figure {
	width:100%
}
.image_sponsor > figure > a {
	width:100%
}
.image_sponsor > figure > a > img{
	width:100%
}
#kontakt_header > h2{
	    font-size: 2em;
}

#pt-cv-view-7ee829cp8o > div > div > div > h4 > a {
	color: #e1474d;
    text-decoration: underline !important;
    font-weight: 100;
}

#pt-cv-view-7ee829cp8o > div > div > div > h4 > a:hover{
	text-decoration:none !important;
}
#pt-cv-view-58799c1ymz > div > div > div > h4 > a{
	color: #e1474d;
    text-decoration: underline !important;
    font-weight: 100;
}
#pt-cv-view-58799c1ymz > div > div > div > h4 > a:hover{
	text-decoration:none !important;
}
.pt-cv-wrapper .btn-success {
	background-color: #e1474d !important;
    border-color: #e1474d !important;
}

/* TEAM */
.team ul {
    list-style-type: none;
    padding: 0;
    margin: 1em 0;
    text-align: center;
}

.team li {
    display: inline-block;
    font-size: 0;
    margin: 1rem -4rem;
}

.logo-mask {
    display:  inline-block;
}

.logo-mask {
    height: 11em;
    width: 13em;
    vertical-align: middle;
    text-align: center;
    overflow: hidden;
    mask: url("/wp-content/uploads/2021/11/logo_mask.svg");
    mask-repeat: no-repeat;
    -moz-mask-image: url("/wp-content/uploads/2021/11/logo_mask.svg");
    -moz-mask-repeat: no-repeat;
    -webkit-mask-image: url("/wp-content/uploads/2021/11/logo_mask.svg");
    -webkit-mask-repeat: no-repeat;
}

.logo-mask img {
	height: 11em;
    width: 13em;
}

.member-info, .member-image {
    transition: transform .4s ease-in-out;
}

.member-info, .member-image {
    font-size: .8rem;
}

.subteam-m .member-info, .subteam-m .member-image {
    font-size: 1rem;
}

.subteam-l .member-info, .subteam-l .member-image {
    font-size: 1.25rem;
}

.member-image {
    position: relative;
    z-index: 1;
    -webkit-transform: translateX(50%);
    -moz-transform: translateX(50%);
    -ms-transform: translateX(50%);
    -o-transform: translateX(50%);
    transform: translateX(50%);
}

.member-info {
    background-color: #e1474d;
    color: #fff;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

.team li:hover .member-info {
    -webkit-transform: translateX(-8.6%);
    -moz-transform: translateX(-8.6%);
    -ms-transform: translateX(-8.6%);
    -o-transform: translateX(-8.6%);
    transform: translateX(-8.6%);
}

.team li:hover .member-image {
    -webkit-transform: translateX(8.6%);
    -moz-transform: translateX(8.6%);
    -ms-transform: translateX(8.6%);
    -o-transform: translateX(8.6%);
    transform: translateX(8.6%);
}

.member-info span, .member-info a {
    color: #fff;
    display: block;
    padding: 0 1em;
	font-size: .8em;
}

.member-info .name {
    font-size: 1em;
    margin: .5em;
	font-weight: bold;
}

.member-info .desc {
    font-size: 1em;
    margin: .5em;
}

.vertically-centered {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.tcl-left, .tcl-right {
    padding: 1em 0;
}

.tcl-left {
    padding-right: 1em;
}

.tcl-right {
    padding-left: 0em;
}

/*custom Abstand seitlich von Team Seite*/
.side-spacing-team {
	margin: 0 7%;
}

/*custom Break point mobile Team */


#team_h2  > div > div > div > div > div > section > h2{
	color: #e1474d;
    font-size: 2.5em;
    margin: 40px 0;
}
.widget-title{
	font-weight:bold;
}
#home_vorganger > div.upb_row_bg {
	display: none;
	z-index: 1 !important;
	min-width: 300px !important;
	width:300px !important;
	background-repeat: round !important;
	
}
#home_vorganger {
	min-height: 920px !important;
	background-position: right bottom !important;
}

#vorganger_2screen{
	
}

.esg-grid .mainul li.eg-washington-wrapper .esg-media-poster{
	background-position: right center !important;
	
}
.slide-item > div > div > h4{
	display: none;
}

.vc_tta-color-juicy-pink .vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading{
	
}
#fahrzeuge_1screen{
	max-height: 920px;
	height: 920px;
}
#datenschutz_b2 > div > div > div > div > div > ol > li::marker{
	font-weight: bold;
}
#sponsor_logo > div{
	padding:10px 0;
}
#primary-menu > li:last-child > ul {
	width:60px;
}
#phantom > div > div > ul > li:last-child > ul{
	width:60px;
}
/* @media (max-width: 1576px){
	#background_image_home1 > figure > div > img {
	;
    left: -136px;
	z-index: -1;  	
	}
	#background_image_fahrzeuge > figure > div > img{
		left: -133px;
	}
} */

@media (min-width: 441px) and (max-width: 576px) {

	.formula_student_h2 > div.uvc-sub-heading.ult-responsive > h2{
		font-size:50px !important;
		line-height:50px;
	}
	#logo_background{
		margin-top: 50px !important;
		margin-bottom:50px !important;
	}
	#partners{		
		margin-top: 0px !important;
		margin-bottom:50px !important;
	}
	#sponsor_logo{
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: 10px;
    	
	}
	#sponsor_logo > div:nth-child(1) {
		grid-column-start: 1;
	}
	#sponsor_logo > div{
		padding:10px 0;
	}
	#home_vorganger {
		min-height: 320px !important;
	}
	#home_vorganger > div.upb_row_bg {
		left: -160px !important;
	}
	#background_image_home1 > figure > div > img{
		left: 40px;
		width: 249px;
   	 	height: 731px;
	}
	.custom_title{
		font-size: 30px;
	}
	#home_2screen_1{
		padding-bottom: 0px !important;
	}
	
	#home_2screen_5 {
		padding-bottom: 0px !important;
	}
	
	#home_3screen{
		padding-top: 0px !important;
		padding-bottom: 50px !important;
		margin-top: -180px;
	}
	#background_image_home2 > figure > div > img {
		right: -409px;
    	width: 500px;
    	top: -65px !important;
    	min-width: 708px;
	}
	#home_4screen{
		min-height: 23vh;
	}
	#home_5screen{
		top: -40px;
		min-height: 50px;
	}
	#home_6screen{
		margin-top: 50px !important;
	}
	#overflow {
		overflow: auto;
	}
	#ui-id-2 {
    background-color: #d9d9d9;
    padding: 20px 25px 20px 25px;
	}
	#accordion_title > h3 > a > span{
		font-size: 24px;
	}
	
	.wpb_content_element .wpb_accordion_header>a:after{
		font-size: 20px;
	}
	.wpb_content_element .wpb_accordion_header.ui-state-active>a:after{
		font-size: 20px;
	}
	.logo-mask{
		height: 11em;
    	width: 13em;
	}
	
	.member-info span {
		font-size: .8rem;
	}
}

@media (max-width: 440px){
	.member-info span {
		font-size: .7rem;
	}
	
	.logo-mask {
		height: 9em;
		width: 11em;
	}
	
	#home_2screen_1 {
		padding-bottom: 0px !important;
	}
	
	#home_2screen_5 {
		padding-bottom: 0px !important;
	}
	
	#sponsor_logo{
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 10px;
    	
	}
	
	#sponsor_logo > div:nth-child(1) {
		grid-column-start: 1;
	}
	
	
}