/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
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: 1.0.1
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
*/

/*********************************FONTS*******************************/

/* montserrat-regular - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('https://soflex.mohrkonzept.de/fonts/montserrat-v21-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('https://soflex.mohrkonzept.de/fonts/montserrat-v21-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://soflex.mohrkonzept.de/fonts/montserrat-v21-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://soflex.mohrkonzept.de/fonts/montserrat-v21-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('https://soflex.mohrkonzept.de/fonts/montserrat-v21-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://soflex.mohrkonzept.de/fonts/montserrat-v21-latin-regular.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-500 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  src: url('https://soflex.mohrkonzept.de/fonts/montserrat-v21-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('https://soflex.mohrkonzept.de/fonts/montserrat-v21-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://soflex.mohrkonzept.de/fonts/montserrat-v21-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://soflex.mohrkonzept.de/fonts/montserrat-v21-latin-500.woff') format('woff'), /* Modern Browsers */
       url('https://soflex.mohrkonzept.de/fonts/montserrat-v21-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://soflex.mohrkonzept.de/fonts/montserrat-v21-latin-500.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-600 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  src: url('https://soflex.mohrkonzept.de/fonts/montserrat-v21-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('https://soflex.mohrkonzept.de/fonts/montserrat-v21-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://soflex.mohrkonzept.de/fonts/montserrat-v21-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://soflex.mohrkonzept.de/fonts/montserrat-v21-latin-600.woff') format('woff'), /* Modern Browsers */
       url('https://soflex.mohrkonzept.de/fonts/montserrat-v21-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://soflex.mohrkonzept.de/fonts/montserrat-v21-latin-600.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-700 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: url('https://soflex.mohrkonzept.de/fonts/montserrat-v21-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('https://soflex.mohrkonzept.de/fonts/montserrat-v21-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://soflex.mohrkonzept.de/fonts/montserrat-v21-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://soflex.mohrkonzept.de/fonts/montserrat-v21-latin-700.woff') format('woff'), /* Modern Browsers */
       url('https://soflex.mohrkonzept.de/fonts/montserrat-v21-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://soflex.mohrkonzept.de/fonts/montserrat-v21-latin-700.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-italic - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 400;
  src: url('https://soflex.mohrkonzept.de/fonts/montserrat-v21-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('https://soflex.mohrkonzept.de/fonts/montserrat-v21-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://soflex.mohrkonzept.de/fonts/montserrat-v21-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://soflex.mohrkonzept.de/fonts/montserrat-v21-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('https://soflex.mohrkonzept.de/fonts/montserrat-v21-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://soflex.mohrkonzept.de/fonts/montserrat-v21-latin-italic.svg#Montserrat') format('svg'); /* Legacy iOS */
}

h1{
	font-family: "Montserrat" !important;
	font-weight: 400 !important;
	font-style: normal;
	font-size: 80px !important;
	line-height: 80px !important;
	color: #fff !important;
}

.unterheinz p{
	font-family: "Montserrat" !important;
	font-weight: 400 !important;
	font-style: normal;
	font-size: 30px !important;
	line-height: 35px !important;
	color: #fff !important;
}

h2{
	font-family: "Montserrat" !important;
	font-weight: 600 !important;
	font-style: normal;
	font-size: 40px !important;
	line-height: 49px !important;
	color: #1560AB !important;
}

.dick{
	font-family: "Montserrat" !important;
	font-weight: 600 !important;
	font-style: normal;
	font-size: 40px !important;
	line-height: 49px !important;
	color: #1560AB !important;
}

.duenn{
	font-family: "Montserrat" !important;
	font-weight: 400 !important;
	font-style: normal;
	font-size: 40px !important;
	line-height: 49px !important;
	color: #1560AB !important;
}

body, p, div{
	font-family: "Montserrat" !important;
	font-weight: 400 !important;
	font-style: normal;
	font-size: 22px !important;
	line-height: 32px !important;
	color: #000 !important;
}

p{
	margin-bottom: 2rem !important;
}

.bluebg body, .bluebg p, .bluebg div{
	color: #fff !important;
}

.big p{
	font-family: "Montserrat" !important;
	font-weight: 700 !important;
	font-style: normal;
	font-size: 22px !important;
	line-height: 32px !important;
	color: #fff !important;	
	text-transform: uppercase !important;
}

.haupt{
	font-family: "Montserrat" !important;
	font-weight: 700 !important;
	font-style: normal;
	font-size: 22px !important;
	line-height: 32px !important;
	color: #fff !important;	
	text-transform: uppercase !important;
}

.unter{
	font-family: "Montserrat" !important;
	font-weight: 400 !important;
	font-style: normal;
	font-size: 22px !important;
	line-height: 32px !important;
	color: #fff !important;	
}

.bigblue p{
	color: #1560AB !important;	
	font-family: "Montserrat" !important;
	font-weight: 700 !important;
	font-style: normal;
	font-size: 22px !important;
	line-height: 32px !important;
	text-transform: uppercase !important;
}

p.copyright{
    font-size: 14px !important;
}

.blue p {
	color: #1560AB !important;	
}

.label p{
	font-family: "Montserrat" !important;
	font-weight: 400 !important;
	font-style: normal;
	font-size: 28px !important;
	line-height: 35px !important;
	color: #fff !important;
}

.labelblau p{
	color: #1560AB!important;
}

.orange p{
	color: #e26e0e !important;
}

.dickorange{
	font-family: "Montserrat" !important;
    font-weight: 600 !important;
    font-style: normal;
    font-size: 40px !important;
    line-height: 49px !important;
    color: #e26e0e !important;
}

b, bold{
	font-weight: 700 !important;
}

a.elementor-item{
	font-family: "Montserrat" !important;
	font-weight: 500 !important;
	font-style: normal;
	font-size: 19px !important;
	line-height: 21px !important;
	color: #E26E0E !important;
}

a.elementor-item:hover{
	color: #E26E0E !important;
}

.elementor-nav-menu .current_page_ancestor > a, .elementor-nav-menu .current-menu-item > a {
    color: #E26E0E !important;
}

li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-39 a {
    color: #004996 !important;
}

.mainz h4{
	font-family: "Montserrat" !important;
	font-weight: 600 !important;
	font-style: normal;
	font-size: 30px !important;
	line-height: 37px !important;
	color: #013062 !important;
}

.mannheim h4{
	font-family: "Montserrat" !important;
	font-weight: 600 !important;
	font-style: normal;
	font-size: 30px !important;
	line-height: 37px !important;
	color: #1560AB !important;
}

a {
	color: #1560AB !important;
}

a:hover{
	color: #1560AB !important;
}

.weiss h2, .weiss .dick, .weiss .duenn{
	color: #fff !important;
}

.datenschutz h3 {
    color: #1560AB !important;
}



/*********************************HEADER******************************/

.mainheader{
    position: fixed !important;
    z-index: 999 !important;
	width: 100% !important;
}

i.elementor-menu-toggle__icon--open.eicon-menu-bar {
    font-size: 30px !important;
    color: #004996 !important;
}

.mainheader {
    transition: all 0.15s linear;
}

.mainheader.active {
     box-shadow: 0 0 10px rgba(0,0,0,0.4);   
}


/**********************************BODY******************************/

html, body{
	overflow-x: hidden !important;
}

.standortlabel{
    position: absolute !important;
    right: 10%;
    transform: translateY(-1111px);
    width: 541px !important;
    padding: 50px 0px;
}

.standortblau{
    position: absolute !important;
    left: 7%;
    transform: translateY(-100px);
    width: 541px !important;
    padding: 50px 0px;
}

.handshakelabel{
	position: absolute !important;
    right: 10%;
    transform: translateY(-140px);
    width: 541px !important;
    padding: 50px 0px;
}

h3.elementor-cta__title.elementor-cta__content-item.elementor-content-item {
	font-family: "Montserrat" !important;
	font-weight: 700 !important;
	font-style: normal;
	font-size: 22px !important;
	line-height: 30px !important;
	color: #fff !important;
    text-transform: uppercase !important;
}

h3{
	font-family: "Montserrat" !important;
	font-weight: 700 !important;
	font-style: normal;
	font-size: 22px !important;
	line-height: 30px !important;
	color: #fff !important;
    text-transform: uppercase !important;
}

h3 a{
	color: #fff !important;
}

h3 a:hover{
	color: #1560AB !important;
}

span.pfeilrechts {
    font-size: 40px !important;
}

li {
    padding-bottom: 15px !important;
}

.transbox {
    transform: translate(70px, -280px);
}

.transbox p, .transbox div{
	color: #fff !important;
	font-size: 18px !important;
    line-height: 26px !important;
}

.transbox .dick{
	font-size: 35px !important;
	line-height: 40px !important;
}

.transbox .duenn{
    font-size: 35px !important;
	line-height: 40px !important;
}

label a {
    color: #e26e0e !important;
}

.bluebg div .elementor-slide-description{
	color: #e26e0e !important;
}

.form {
    font-size: 14px !important;
    line-height: 20px !important;
}

/**********************************FOOTER*****************************/
.footer a, .footer p{
	color: #fff !important;
	font-size: 18px !important;
    line-height: 24px !important;
	margin-bottom: 1rem !important;
}

/*****************************MEDIE QUERIES***************************/

@media only screen and (max-width: 991px){
	h1 {
		font-size: 50px !important;
		line-height: 55px !important;
	}
	
	h2 {
		font-size: 32px !important;
		line-height: 40px !important;
	}
	
	body, p, div {
		font-size: 16px !important;
		line-height: 22px !important;
	}
	
	h3.elementor-cta__title.elementor-cta__content-item.elementor-content-item {
		font-size: 20px !important;
		line-height: 24px !important;
	}
}

@media only screen and (max-width: 767px){
	h1 {
		font-size: 26px !important;
		line-height: 30px !important;
	}
	.unterheinz p {
		font-size: 20px !important;
		line-height: 24px !important;
	}
	.dick, .dickorange {
		font-size: 26px !important;
		line-height: 30px !important;
	}
	.transbox {
    transform: translate(0px, -150px);
	}
}