uz/*
Theme Name: klein-aber-fein
Description: Ein schönes Childtheme
Author: Moritz Rosenthal
Author URI: https://online-profession.de/webentwicklung/
Template: Divi
Version: 1.0
Tags:
*/
@font-face {
	font-family: MyBodoni;
	src:  url(fonts/Bodoni.woff2),
	url(fonts/Bodoni.woff);
}

@font-face {
	font-family: MyRoboto;
	src:  url(fonts/RobotoSlab-Thin.woff2),
	url(fonts/RobotoSlab-Thin.ttf);
	font-weight: 100;
	font-style: normal;
}

@font-face {
	font-family: MyRoboto;
	src:  url(fonts/RobotoSlab-ExtraLight.woff2),
	url(fonts/RobotoSlab-ExtraLight.ttf);
	font-weight: 200;
	font-style: normal;
}

@font-face {
	font-family: MyRoboto;
	src:  url(fonts/RobotoSlab-Light.woff2),
	url(fonts/RobotoSlab-Light.ttf);
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: MyRoboto;
	src:  url(fonts/RobotoSlab-Regular.woff2),
	url(fonts/RobotoSlab-Regular.ttf);
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: MyRoboto;
	src:  url(fonts/RobotoSlab-Medium.woff2),
	url(fonts/RobotoSlab-Medium.ttf);
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: MyRoboto;
	src:  url(fonts/RobotoSlab-SemiBold.woff2),
	url(fonts/RobotoSlab-SemiBold.ttf);
	font-weight: 600;
	font-style: normal;
}

@font-face {
	font-family: MyRoboto;
	src:  url(fonts/RobotoSlab-Bold.woff2),
	url(fonts/RobotoSlab-Bold.ttf);
	font-weight: 700;
	font-style: normal;
}

@font-face {
	font-family: MyRoboto;
	src:  url(fonts/RobotoSlab-ExtraBold.woff2),
	url(fonts/RobotoSlab-ExtraBold.ttf);
	font-weight: 800;
	font-style: normal;
}

@font-face {
	font-family: MyRoboto;
	src:  url(fonts/RobotoSlab-Black.woff2),
	url(fonts/RobotoSlab-Black.ttf);
	font-weight: 900;
	font-style: normal;
}

@font-face {
	font-family: MyfontAwesome;
	src:  url(fonts/fontawesome.woff2),
	url(fonts/fontawesome.woff),
	url(fonts/fontawesome.ttf);
}

@font-face {
	font-family: robotoslab;
	font-style: normal;	
	font-weight: 400;
	src: url(https://fonts.gstatic.com/s/robotoslab/v24/BngbUXZYTXPIvIBgJJSb6s3BzlRRfKOFbvjo0oSmYWRj.woff2) format('woff2');
}

@font-face {
    font-family: MyFontAwesome;
    src: url(fonts/fontawesome/webfonts/fa-solid-900.woff2),
        url(fonts/fontawesome/webfonts/fa-solid-900.ttf);
    font-weight: normal;
    font-style: normal;
}



.borlabs-icon {
	position: fixed;
	bottom: 40px;
	left: 5px;
    background: #fff;
    padding: 8px 10px;
    border-radius: 5px;
    z-index: 2;
    border: 2px solid #05405c;
    z-index: 999999;
}

.borlabs-icon.grau {
	border: 2px solid #5a5b54;
}

.borlabs-icon.ammen {
	border: 2px solid #46776d;
}

.borlabs-icon a._brlbs-btn-cookie-preference {
    background: transparent !important;
    padding: 0px 0 0 0;
}

.borlabs-icon a._brlbs-btn-cookie-preference:before {
	content: '\f564';
    font-family: 'MyFontAwesome';
    font-size: 30px;
    line-height: 32px;
    color: #05405c;
}

.borlabs-icon.grau a._brlbs-btn-cookie-preference:before {
    color: #5a5b54;
}

.borlabs-icon.ammen a._brlbs-btn-cookie-preference:before {
    color: #46776d;
}


/* Allgemein */

body {
	font-family: 'MyRoboto';
	font-style: normal;
	color: #05405c;
	font-weight: 400;
}

strong {
	font-weight: 800;
}

h1 {
	font-family: 'MyRoboto';
	color: #05405c;
	font-weight: 400;
}

h1.alt {
	font-family: 'MyRoboto';
	font-style: normal;
	font-weight: 500;
}

h2, h3, h4, h5, h6 {
	font-family: 'MyRoboto';
	font-style: normal;
	color: #05405c;
	font-weight: 400;
}

h2.alt, h3.alt, h4.alt, h5.alt, h6.alt {
	font-family: 'MyBodoni';
	font-weight: 300;
}

.grau h1, .grau h2, .grau h3, .grau h4, .grau h5 {
	color: #fff;
}

.hellgrau h1, .hellgrau h2, .hellgrau h3, .hellgrau h4, .hellgrau h5 {
	color: #5a5b54;
}

a {
	-webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

a.button {
	color: #05405c;
    border-color: #05405c;
    border-radius: 25px;
    font-size: 17px;
    padding: 7px 14px;
    border: 2px solid;
}

.blau a.button {
	color: #fff;
    border-color: #fff;
}

.hellgrau a.button {
	color: #5a5b54;
    border-color: #5a5b54;
}

a.button:after {
	content: "\f0da";
	margin-left: 10px;
	font-family: 'MyfontAwesome';
	color: #05405c;
	-webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.blau a.button:after {
	color: #fff;
}

.hellgrau a.button:after {
	color: #5a5b54;
}

a.button:hover {
	color: #fff;
	background-color: #05405c;
	text-decoration: none;
}

.blau a.button:hover {
	color: #05405c;
	background-color: #fff;
}

.hellgrau a.button:hover {
	color: #e4e4e4;
	background-color: #;
}

a.button:hover:after {
	color: #fff;
}

.blau a.button:hover:after {
	color: #05405c;
}

.hellgrau a.button:hover:after {
	color: #e4e4e4;
}


/* Contetn Blocker */
.my-contet-blocker{
	display: flex;
	justify-content: center;
}
.BorlabsCookie {
	background-color: #05405c;
}
.BorlabsCookie ._brlbs-content-blocker.my-contet-blocker > div{
	background-color: #05405c;
	max-width: 46%;
	margin-right: 3em;
}
.BorlabsCookie ._brlbs-content-blocker.my-contet-blocker > div p{
	text-align: left;
	font-size: 2em;
	color: white;
}
.BorlabsCookie ._brlbs-content-blocker.my-contet-blocker > div p:last-of-type{
	margin-top: 2em;
}
@media (max-width:785px){
	.my-contet-blocker{
		flex-direction: column;
		align-items: center;
	}
	.BorlabsCookie ._brlbs-content-blocker.my-contet-blocker > div{
		max-width: 100%;
		margin-right: 0em;
	}
	.BorlabsCookie ._brlbs-content-blocker.my-contet-blocker > div p{
		text-align: center;
	}
}

/* End Content BLocker */
.feine-stellen a.button, .geschaeftsnachfolge a.button {
	border: 1px solid #05405c;
    font-size: 14px;
    border-radius: 25px;
    padding: 5px 10px;
}

.feine-stellen.hellgrau a.button, .geschaeftsnachfolge.hellgrau a.button {
	background-color: #e4e4e4;
	border-color: #5a5b54;
}

.feine-stellen a.button:hover, .geschaeftsnachfolge a.button:hover {
	text-decoration: underline;
}

.feine-stellen.hellgrau a.button:hover, .geschaeftsnachfolge.hellgrau a.button:hover {
	color: #e4e4e4;
	background-color: #5a5b54;
	text-decoration: none;
}

.feine-stellen a.button.mail.two, .geschaeftsnachfolge a.button.mail.two {
	margin-right: 180px;
}

.feine-stellen a.button.geschaeftsnachfolge, .geschaeftsnachfolge a.button.offene-stellen {
	padding-left: 15px;
	padding-right: 15px;
}

.feine-stellen a.button.geschaeftsnachfolge:hover, .geschaeftsnachfolge a.button.offene-stellen:hover {
	background-color: #05405c;
	color: #fff;
	text-decoration: none;
}

.feine-stellen a.button.geschaeftsnachfolge::after, .geschaeftsnachfolge a.button.offene-stellen::after {
	content: '\f0da';
	font-family: 'MyfontAwesome';
	font-size: 1em;
	color: #05405c;
	margin-left: 6px;
	-webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.feine-stellen a.button.geschaeftsnachfolge:hover::after, .geschaeftsnachfolge a.button.offene-stellen:hover::after {
	color: #fff;
}

.et_pb_section.blau {
	background-color: #05405c;
}

.et_pb_section.grau {
	background-color: #5a5b54;
}

.et_pb_section.hellgrau {
	background-color: #e4e4e4;
	color: #5a5b54;
}

.et_pb_section.hellgrau a {
	color: #5a5b54;
	font-weight: 500;
}

.et_pb_section.hellgrau a:hover {
	text-decoration: underline;
}

.et_pb_section .et_pb_row {
	padding: 0px; 
}

.et_pb_section.blau .et_pb_row * {
	color: #fff;
}

.et_pb_section.grau .et_pb_row * {
	color: #fff;
}

.et_pb_gutters3 .et_pb_section .et_pb_row .et_pb_column_3_5 .et_pb_modul {
	margin-bottom: 0px; 
}

/* Header */
.et_pb_menu__logo-wrap {
	height: 80px;
}

.et_pb_menu__logo {
	height: 120%;
	margin-top: 15%;
	max-width: none !important;
}

.et-db #et-boc .et-l .et_pb_menu__logo {
	overflow: visible;
}

.et_pb_menu .et-menu>li {
	padding-left: 20px;
	padding-right: 20px;
}

.et_pb_menu .et-menu li.current-menu-item {
	font-weight: 600;
}

a.mobile_nav.opened .mobile_menu_bar:before {
	content: "\4d";
}

.slider-bild {
	padding: 225px 0px;
	background-position: center;
}

.slider-bild .slider-slogen {
	max-width: 1380px;
	width: 80%;
	margin: 0 auto;
}

.slider-bild .slider-slogen .slider-content {
    width: fit-content;
    float: right;
}

.slider-bild .slider-slogen .slider-content .slogen.blau {
	background-color: #05405c;
    color: #fff;
    border: 2px solid #fff;
    width: auto;
    padding: 10px 25px;
    min-width: 200px;
    text-align: center;
    z-index: 99999999;
    position: absolute;
    right: 24%;
    top: 180px;
}

.hammer .slider-bild .slider-slogen .slider-content .slogen.blau {
	background-color: #452e26;
    color: #e4b46c;
}
.hammer.filialen-uebersicht .filiale a .bild p.titel{
	background-color: #452e26;
    color: #e4b46c;
}
.hammer a{
	color: #452e26;
	border: 1px solid #452e26 !important;
}
.hammer a:hover{
	background-color: #452e26 !important;
    color: #e4b46c !important;
}
.et_pb_text_5.et_pb_text.hammer a:hover{
	color: #e4b46c !important;
}
.hammer a.button:after{
	color: #452e26;
}
.hammer a.button:hover:after{
    color: #e4b46c !important;
}
.hammer .et_pb_contact .et_pb_contact_field label{
	color: #2a2116;
}
.hammer form p input[type=text]{
	color: #2a2116;
}
.hammer_footer a{
	color: #2a2116 !important;
}
.hammer-aktionen.hammer a{
	border: 0 !important;
}

.steidinger .slider-bild .slider-slogen .slider-content .slogen.blau {
	background-color: #323232;
}

.jaeger .slider-bild .slider-slogen .slider-content .slogen.blau {
	background-color: #191919;
}


.slider-bild .slider-slogen .slider-content .slogen.weiss {
	background-color: #fff;
	color: #05405c;
	border: 2px solid #fff;
	padding: 5px 15px;
	padding-top: 13px;
	position: absolute;
	right: 20%;
}

.hammer .slider-bild .slider-slogen .slider-content .slogen.weiss {
	color: #452e26;
}

.steidinger .slider-bild .slider-slogen .slider-content .slogen.weiss {
	color: #323232;
}

.jaeger .slider-bild .slider-slogen .slider-content .slogen.weiss {
	color: #191919;
}

.slider-bild .slider-slogen .slider-content p {
	font-size: 30px;
    font-family: 'MyBodoni';
    text-align: center;
    line-height: 1em;
}

#post-2 .slider-bild .slider-slogen .slider-content .slogen.blau {
	/* right: 28%; */
	left: 27%;
	right: unset;
	top: 190px;
}

#post-2 .slider-bild .slider-slogen .slider-content .slogen.weiss {
	/* right: 28%; */
	left: 20%;
	right: unset;
	top: 233px;
}

#post-462 .slider-bild .slider-slogen .slider-content .slogen.blau, #post-89 .slider-bild .slider-slogen .slider-content .slogen.blau {
	top: 225px;
}

#post-462 .slider-bild .slider-slogen .slider-content .slogen.weiss, #post-89 .slider-bild .slider-slogen .slider-content .slogen.weiss {
	top: 265px;
}

#post-530 .slider-bild .slider-slogen .slider-content .slogen.blau {
	right: 22%;
}

#post-5 .header-feineshoeren .slider-bild, #post-21 .header-feineshoeren .slider-bild, #post-5 .header-schiffer .slider-bild, #post-35 .header-schiffer .slider-bild {
	background-color: #ebebeb;
    background-size: contain;
    background-repeat: no-repeat;
}

.slieder-angepasst .slider-bild {
	background-color: #05405c;
    background-size: contain;
    background-repeat: no-repeat;
}

#post-5 .header-feineshoeren .slider-bild {
	background-color: #fff;
}

.et_mobile_menu {
	border-color: #fff;
}

.banner-code{
	height: 450px;
}
.banner-code.banner-left{
	height: 450px;
	background-position: left;
}

/* Body */
#et-main-area {
	margin-top: 80px;
}
.page-id-4 #et-main-area {
	margin-top: 0;
}
/* startseite */ 
.aktion-box {
    width: 100%;
    border: 1px solid #fff;
}

.steidinger .aktion-box {
	border: 1px solid #323232;
}

.hammer .aktion-box {
	border: 1px solid #fff;
}

.aktion-box p.titel {
	padding: 30px;
	font-size: 25px;
}

.et_pb_section.content-leistungen {
	padding-top: 0px;
	padding-bottom: 0px;
	margin-bottom: 150px;
	max-height: 150px; 
	height: 150px;
}

.leistungen {
	width: 100%;
}

.leistungen .leistung {
	width: 25%;
	float: left;
	padding: 0 20px;
	text-align: center;
}

.leistungen .leistung img {
	border: 2px solid #fff;
	border-radius: 50%;
}

.leistungen .leistung p {
	margin-top: -20px;
}

.leistungen .leistung p .title {
	background-color: rgba(5, 64, 92, 1);
	color: #fff;
	border: 2px solid #fff;
	border-radius: 40px;
	padding: 12px 30px;
	font-family: 'MyBodoni';
	font-size: 1.5em;
	opacity: 0.8;
}

.et_pb_gutters3 .filialen-uebersicht .et_pb_column_1_2 {
	width: 49%;
	margin-right: 2%;
}

.et_pb_gutters3 .filialen-uebersicht .et_pb_column_1_2:last-child {
	margin-right: 0%;
}

.filialen-uebersicht .filiale {
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.filialen-uebersicht .filiale a .bild {
	padding: 250px 0;
    background-repeat: no-repeat;
    background-size: cover;
    transform: scale(1);
    -webkit-transition: all 1.25s;
    -moz-transition: all 1.25s;
    -ms-transition: all 1.25s;
    -o-transition: all 1.25s;
    transition: ease-in-out 1.25s;
    text-align: center;
}

.filialen-uebersicht .filiale a:hover .bild {
	 transform: scale(1.1);
    -webkit-transition: all 1.25s;
    -moz-transition: all 1.25s;
    -ms-transition: all 1.25s;
    -o-transition: all 1.25s;
    transition: ease-in-out 1.25s;
}

.filialen-uebersicht .filiale a .bild p.titel {
	width: max-content;
	font-size: 20px;
	color: #ffffff;
	padding: 20px 25px;
	background-color: rgba(5,64,92,0.85);
	border-radius: 3px;
	margin: 0 auto;

}

/* Brillen */ 
.marken {
	text-align: center;
}

.marken .marke {
	width: 20%;
	display: inline-block;
}

.marken .marke img {
	padding: 10px 50px;
}

/* Karriere & Ausbilung */ 
.jobs {
	border: 1px solid #fff;
	padding: 50px 20px;
}

.jobs .job {
	width: 100%;
	margin-bottom: 50px; 
}

.jobs .job:last-child {
	margin-bottom: 0px;
}

.jobs .job .one.half {
	width: 80%;
	display: inline-grid;
}

.jobs .job .two.half {
	width: 20%;
	display: inline-grid;
	text-align: right;
}

.home .jobs .job .one.half {
	width: 70%;
}

.home .jobs .job .two.half {
	width: 30%;
}

.jobs h2 {
	margin-bottom: 25px;
}

.jobs .job h3 {
	padding-bottom: 5px;
}


/* Kontaktformular */
form h2 {
	color: #05405C;
	font-size: 2em;
	font-style: italic;
	margin-bottom: 10px;
	font-weight: 700;
}

.hellgrau form h2 { 
	color: #5a5b54;
}


form p {
	color: #05405C;
	font-size: 14px;
	font-family: MyRoboto;
}

.hellgrau form p {
	color: #5a5b54;
}

form h3 {
	color: #05405C;
	font-size: 1.5em;
	margin-top: 20px;
	font-weight: 600;
	font-family: 'MyBodoni';
}

.hellgrau form h3 {
	color: #5a5b54;
}

form p input[type=text] {
	color: #05405C;
	font-size: 14px;
	font-family: MyRoboto;
	border: none;
	border-bottom: 2px #05405C solid;
	width: 100%;
}

.hellgrau form p input[type=text] {
	color: #5a5b54;
	border-bottom: 2px #5a5b54 solid;
}

form p textarea {
	color: #05405C;
	font-size: 14px;
	font-family: MyRoboto;
	border: 2px #05405C solid;
	width: 100%;
	margin-top: 5px;
}

.hellgrau form p textarea {
	color: #5a5b54;
	border-bottom: 2px #5a5b54 solid;
}

form p input[type=submit] {
	color: #05405C;
	font-size: 14px;
	background-color: white;
	font-family: MyRoboto;
	border-bottom: 2px #05405C solid;
	border-radius: 20px;
	font-weight: bold;
	padding: 10px;
	cursor: pointer;
	margin-top: 15px;
}

.hellgrau form p input[type=submit] {
	color: #5a5b54;
	border: 2px #5a5b54 solid;
}

.et_pb_module .et_pb_contact_submit {
	color: #fff;
	background-color: #05405C;
	border: 2px solid #05405C;
	border-radius: 40px;
}

.hellgrau .et_pb_module .et_pb_contact_submit {
	color: #fff;
	background-color: #5a5b54;
	border: 2px solid #5a5b54;
	border-radius: 40px;
}

.et_pb_module .et_pb_contact_submit:hover {
	color: #05405C;
	background-color: #fff;
	border: 2px solid #05405C;
}

.hellgrau .et_pb_module .et_pb_contact_submit:hover {
	color: #5a5b54;
	background-color: #eee;
	border: 2px solid #5a5b54;
}

.hellgrau .et_pb_contact p input[type="checkbox"]:checked+label i:before {
	color: #5a5b54;
}

/* Impressum */ 
#post-789 a {
	color: #05405c;
}

/* karriere-ausbildung */ 

.filter h3 {
	color: #fff;
	font-size: 25px;
}

.search-job .input {
	width: 15%;
	margin: 0px 3%;
	padding: 5px 10px;
    font-size: 14px;
}

.search-job select#beruf {
	margin-left: 0px;
}

.search-job button.input {
	margin-right: 0px;
	color: #fff;
	background-color: #05405c;
    border: 2px solid #fff;
    border-radius: 25px;
    font-size: 17px;
    cursor: pointer;
}


.search-job button.input:after {
	font-size: 28px;
    line-height: 1em;
    content: "\35";
    opacity: 0;
    position: absolute;
    margin-left: -1em;
    -webkit-transition: all .5s;
    transition: all .5s;
    text-transform: none;
    -webkit-font-feature-settings: "kern" off;
    font-feature-settings: "kern" off;
    font-variant: none;
    font-style: normal;
    font-weight: 400;
    text-shadow: none;
    font-family: ETmodules;
    top: 3px;
}

.search-job button.input:hover:after {
	opacity: 1;
	margin-left: 0em;
}

.job-list .item {
	margin-bottom: 70px;
	border: 1px solid #05405c;
}

.job-list .item .titel {
	width: 100%;
	background-color: #05405c;
	padding: 30px;
}

.job-list .item .titel h3 {
	font-size: 25px;
	font-style: normal;
	padding-bottom: 0px;
}

.job-list .item .titel h3 a {
	color: #fff;
}

.job-list .item .inhalt {
	margin-top: 30px;
	padding: 0px 30px 30px 30px;

}

.job-list .item .inhalt .liste {
	display: inline-grid;
	margin: 0 2%;
	width: 16%;
}

.job-list .item .inhalt .liste.beschreibung {
	width: 38%;
	margin-left: 0px;
}

.job-list .item .inhalt .liste div.text, .job-list .item .inhalt .liste div.text a {
	color: #666;
}

.job-list .item .inhalt .liste div.text a:hover {
	text-decoration: underline;
}


/* Bewerben */
#post-390 input, #post-269 input, .bewerben input {
	color: #05405C;
    font-size: 14px;
    font-family: MyRoboto;
    border: none;
    border-bottom: 2px #05405C solid;
    width: 100%;
    background-color: #eee;
    padding: 16px; 
    margin-bottom: 15px;   
}

#post-390 input.halb, #post-269 input.halb, 
.bewerben input.halb {
	width: 49%;
	margin-right: 1%;
}

#post-390 input.email.halb, #post-390 input.website.halb, 
#post-269 input.email.halb, #post-269 input.website.halb, 
.bewerben input.email.halb, .bewerben input.website.halb {
	margin-right: 0px;
	margin-left: 1%;
}

#post-390 form p textarea, #post-269 form p textarea, 
.bewerben form p textarea {
	color: #05405C;
    font-size: 14px;
    font-family: MyRoboto;
    border: none;
    border-bottom: 2px #05405C solid;
    width: 100%;
    background-color: #eee;
    padding: 16px; 
}

#post-390 input[type=checkbox], #post-269 input[type=checkbox], .bewerben input[type=checkbox] {
	width: auto;
	margin-bottom: 0px;
}

#post-390 span.wpcf7-form-control.wpcf7-acceptance span.wpcf7-list-item-label, #post-390 span.wpcf7-form-control.wpcf7-acceptance span.wpcf7-list-item-label a, 
#post-269 span.wpcf7-form-control.wpcf7-acceptance span.wpcf7-list-item-label, #post-269 span.wpcf7-form-control.wpcf7-acceptance span.wpcf7-list-item-label a, 
.bewerben span.wpcf7-form-control.wpcf7-acceptance span.wpcf7-list-item-label, .bewerben span.wpcf7-form-control.wpcf7-acceptance span.wpcf7-list-item-label a {
	color: #05405C;
    font-size: 14px;
    font-family: MyRoboto;
}

#post-390 input[type=submit], #post-269 input[type=submit], .bewerben input[type=submit] {
	color: #fff;
    background-color: #05405C;
    border: 2px solid #05405C;
    border-radius: 40px;
    width: auto;
    cursor: pointer;
    font-size: 20px;
    font-weight: 500;
    padding: .3em 1em;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

#post-390 input[type=submit]:hover, #post-269 input[type=submit]:hover, .bewerben input[type=submit]:hover {
	color: #05405C;
    background-color: #fff;
    border: 2px solid #05405C;
}

/* Stellenangebote Übersicht */
.job-teaser .item {
	margin-bottom: 150px;
}
.job-teaser .item .name {
	font-family: 'MyBodoni';
	font-size: 35px;
	color: white;
	background-color: #05405c;
	padding: 40px;
}
.job-teaser .item .details {
	display: flex;
	margin-top: 50px;
}
.job-teaser .item .details .beschreibung {
	width: 50%;
	margin-left: 0;
}
.job-teaser .item .details > div {
	margin: 3%;
	color: #3e3e3e;
} 
.job-teaser .item .details div h4 {
	color: #05405c;
	font-family: MyRoboto;
	font-weight: 500;
	font-size: 14px;
	margin-bottom: 20px;
}


/* Stellenangebote Detailseite */
.stellenangebot-template-default .slider-bild, .stellenangebot-template .slider-bild, .job-template-default .slider-bild, .job-template .slider-bild {
	background-position-x: 28%;
}

.stellenangebot-template-default h1, .stellenangebot-template h1, .job-template-default h1, .job-template h1 {
	color: #fff;
	text-align: center;
	padding-bottom: 0px;
}

.stellenangebot-template-default .seitenleiste *, .stellenangebot-template .seitenleiste *, .job-template-default .seitenleiste *, .job-template .seitenleiste * {
	color: #fff;
}

.stellenangebot-template-default .seitenleiste p.headline, .stellenangebot-template .seitenleiste p.headline, 
.job-template-default .seitenleiste p.headline, .job-template .seitenleiste p.headline {
	font-size: 25px;
	font-family: 'MyBodoni';
	font-style: normal;
	text-decoration: underline;
	padding-bottom: 0px;
}

.stellenangebot-template-default .seitenleiste p.logo, .stellenangebot-template .seitenleiste p.logo, 
.job-template-default .seitenleiste p.logo, .job-template .seitenleiste p.logo {
	padding-bottom: 10px;
}

.stellenangebot-template-default .seitenleiste p.logo img, .stellenangebot-template .seitenleiste p.logo img, 
.job-template-default .seitenleiste p.logo img, .job-template .seitenleiste p.logo img {
	width: 150px;
}

.stellenangebot-template-default .seitenleiste p.ansprechpartner-bild, .stellenangebot-template .seitenleiste p.ansprechpartner-bild, 
.job-template-default .seitenleiste p.ansprechpartner-bild, .job-template .seitenleiste p.ansprechpartner-bild {
	padding-bottom: 10px;
}

.stellenangebot-template-default .seitenleiste p.ansprechpartner-bild img, .stellenangebot-template .seitenleiste p.ansprechpartner-bild img, 
.job-template-default .seitenleiste p.ansprechpartner-bild img, .job-template .seitenleiste p.ansprechpartner-bild img {
	width: 250px;
	border-radius: 50%;
}

.stellenangebot-template-default a.button.bewerben, .stellenangebot-template a.button.bewerben, 
.job-template-default a.button.bewerben, .job-template a.button.bewerben {
	background-color: #05405c;
	border: 2px solid #05405c;
	color: #fff;
	padding: 7px 20px; 
}

.stellenangebot-template-default a.button.bewerben:hover, .stellenangebot-template a.button.bewerben:hover, 
.job-template-default a.button.bewerben:hover, .job-template a.button.bewerben:hover {
	color: #05405c;
	background-color: #fff;
}

.stellenangebot-template-default .seitenleiste a.button.bewerben, .stellenangebot-template .seitenleiste a.button.bewerben, 
.job-template-default .seitenleiste a.button.bewerben, .job-template .seitenleiste a.button.bewerben {
	background-color: #fff;
	border: 2px solid #fff;
	color: #05405c;
	padding: 7px 20px; 
}

.stellenangebot-template-default .seitenleiste a.button.bewerben:hover, .stellenangebot-template .seitenleiste a.button.bewerben:hover,
.job-template-default .seitenleiste a.button.bewerben:hover, .job-template .seitenleiste a.button.bewerben:hover {
	color: #fff;
	background-color: #05405c;
	border-color: #fff;
}

/* Footer */ 

footer.et-l.et-l--footer a {
	color: #fff;
}

footer.et-l.et-l--footer a:hover {
	-webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
	text-decoration: underline;
}
/* Filliale Kuhn */
.kuhn_team_abstand_titel div{
	margin-top: 10px;
}

/* Filliale Meyer */
#park .icon::before {
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
  }
#park .meyer_park_icon::before {
    font-family: "FontAwesome"; 
    font-weight: 900; 
    content: "\f540";
    font-size: 24px;
  }
#park .tps::before {
    font-family: "FontAwesome"; 
    font-weight: 400; 
    content: "\f540";
  }
/* Termin Buchen */
.termin_buchen{
	background-color: #30b7e6;
	border: 2px solid #30b7e6;
	border-radius: 50px;
	height: 60px;
	margin-top: 10px !important;

}
.termin_buchen:hover{
	border: 2px solid #30b7e6;
	background-color: initial;
	transition: all .4s ease-in-out;
}
.termin_buchen a{
	padding: 29px 0 !important;
}

body.page-id-13{
	background-color: #00415d;
}
@media (max-width:980px) {
	.termin_buchen a{
		text-align: center;
  		margin-top: -14px;
	}
}
/* Responsive*/ 

@media (min-width: 981px) {
	.et_pb_gutters4 .et_pb_column_4_4 .et_pb_blog_grid .column.size-1of3 {
		width:46% !important;
		margin-right: 4%!important;
	}
}

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

@media screen and (max-width: 1024px) {
	.leistungen .leistung p .title {
		padding: 7px 17px; 
		font-size: 1.4em;
	}
	.jobs .job {
		margin-bottom: 70px;
	}

	.jobs .job:last-child {
		margin-bottom: 0px;
	}

	.jobs .job .one.half, .jobs .job .two.half {
		width: 100%;
	}

	.marken .marke {
		width: 	33%;
	}
}

@media screen and (max-width: 980px) {
	#post-2 .slider-bild .slider-slogen .slider-content .slogen.blau {
		/* right: 35%; */
	}

	.et_pb_section.content-leistungen {
		max-height: 90px;
		margin-bottom: 100px;
	}

	.jobs .job {
		margin-bottom: 50px;
	}

	.jobs .job:last-child {
		margin-bottom: 0px;
	}

	.jobs .job .one.half {
		width: 70%;
	}

	.jobs .job .two.half {
		width: 30%;
	}


	#wpsl-wrap #wpsl-search-wrap #wpsl-radius label {
		margin-left: 0px;
	}

	#wpsl-wrap #wpsl-search-wrap .wpsl-select-wrap {
		margin-top: 10px;
	}

	#wpsl-wrap #wpsl-search-wrap #wpsl-checkbox-filter {
		margin-top: 12px;
		margin-left: 0px;
	}

	#wpsl-search-wrap #wpsl-search-btn {
		margin-left: 0px;
		margin-top: 10px;
	}

	.et_pb_image.geschaeftsnachfolge-icons {
		text-align: left;
	}

	.et_pb_module.et_pb_blog_0 article:nth-child(odd) a.entry-featured-image-url {
		width: 100%;
		margin-right: 0px;
	}

	.et_pb_module.et_pb_blog_0 article:nth-child(even) a.entry-featured-image-url {
		float: left;
		width: 100%;
		margin-left: 0px;
	}

	.et_pb_module.et_pb_blog_0 article {
		margin-bottom: 100px;
	}

	/*** wrap row in a flex box ***/
	.custom_row {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap; /* Safari 6.1+ */
		flex-wrap: wrap;
	}
	 
	/*** custom classes that will designate the order of columns in the flex box row ***/
	.first-on-mobile {
		-webkit-order: 1;
		order: 1;
	}
	 
	.second-on-mobile {
		-webkit-order: 2;
		order: 2;
	}
	 
	.third-on-mobile {
		-webkit-order: 3;
		order: 3;
	}
	 
	.fourth-on-mobile {
		-webkit-order: 4;
		order: 4;
	}
	/*** add margin to last column ***/
	.custom_row:last-child .et_pb_column:last-child {
		margin-bottom: 30px;
	}

}

@media screen and (max-width: 760px) {
	.et_pb_section.content-leistungen {
		max-height: unset;
		height: auto;
		margin-bottom: 0px;
	}

	.leistungen .leistung {
		width: 50%;
		padding: 0px 20px; 
		margin-bottom: 60px;
	}

	.leistungen .leistung p .title {
		padding: 12px 30px;
		font-size: 1.5em;
	}

	.beitraege .beitrag:nth-child(odd) {
		margin-right: 0%;
	}

	.beitraege .beitrag:nth-child(even) {
		margin-left: 0%;
	}

	.beitraege .beitrag {
		width: 100%;
		margin-bottom: 40px;
		min-height: unset;
	}

	#wpsl-wrap.wpsl-store-below #wpsl-result-list {
		width: 100%;
		margin-left: 0px;
	}

	#wpsl-wrap.wpsl-store-below #wpsl-result-list li {
		padding: 10px;
	}

	#wpsl-wrap.wpsl-store-below div#wpsl-gmap {
		width: 100%;
	}

	.job-list .item .inhalt .liste {
		width: 48%;
	}

	.job-list .item .inhalt .liste.beschreibung {
		width: 48%;
	}

	.job-list .item .inhalt .liste.standort, .job-list .item .inhalt .liste.beginn {
		margin-top: 10px;
	}

	.job-list .item .inhalt .liste.standort, .job-list .item .inhalt .liste.beschreibung {
		margin-left: 0px;
		margin-right: 2%;
	}

	.job-list .item .inhalt .liste.taetigkeit, .job-list .item .inhalt .liste.beginn {
		margin-right: 0px;
		margin-left: 2%;
	}

	.search-job .input {
		width: 47%; 
	}

	.search-job select#beruf, .search-job select#standort, .search-job button.input {
		margin-left: 0px;
	}

	.search-job select#taetigkeit, .search-job select#beginn {
		margin-right: 0px;
	}

	.search-job select#beruf, .search-job select#taetigkeit, .search-job select#standort, .search-job select#beginn {
		margin-bottom: 15px;
	}
}

@media screen and (max-width: 670px) {
	.leistungen .leistung p .title {
		padding: 7px 15px;
		font-size: 1.3em;
	}

	.feine-stellen a.button.mail.two, .geschaeftsnachfolge a.button.mail.two {
		margin-right: 100px;
		width: fit-content;	
		display: block;
		margin-bottom: 18px;
	}

	.neusten-beitraege .neuestebeitraege.widget .beitrag {
		padding: 30px 20px;
	}

	.neusten-beitraege .neuestebeitraege.widget .beitrag .title p {
		min-height: 100px;
	}

	.home .jobs .job {
		margin-bottom: 50px;
	}

	.home .jobs .job:last-child {
		margin-bottom: 0px;
	}

	.home .jobs .job .one.half, .home .jobs .job .two.half {
		width: 100%;
	}

	.home .jobs .job .two.half {
		margin-top: 40px;
	}

	.marken .marke {
		width: 	50%;
	}
}


@media screen and (max-width: 560px) {
	.jobs .job .one.half {
		width: 60%;
	}

	.jobs .job .two.half {
		width: 40%;
	}

	.slider-bild .slider-slogen .slider-content p {
		font-size: 23px;
	}

	#post-2 .slider-bild .slider-slogen .slider-content .slogen.weiss {
		left: 35%;
	}

	.feine-stellen a.button.mail.two, .geschaeftsnachfolge a.button.mail.two {
		margin-right: 50px;
		width: fit-content;	
		display: block;
		margin-bottom: 18px;
	}

	.neusten-beitraege .neuestebeitraege.widget .beitrag {
		width: 80%;
	} 

	.neusten-beitraege .neuestebeitraege.widget .beitrag .title p {
		min-height: unset;
	}

	.marken .marke {
		width: 	100%;
	}
}

@media screen and (max-width: 499px) {
	.leistungen .leistung {
		width: 100%;
	}
}

@media screen and (max-width: 450px) {
	.jobs .job .one.half, .home .jobs .job .one.half {
		width: 100%;
	}

	.jobs .job .two.half, .home .jobs .job .two.half {
		width: 100%;
		margin-top: 15px;
	}

	.jobs .job {
		margin-bottom: 70px;
	}

	.jobs .job:last-child {
		margin-bottom: 0px;
	}

	.job-list .item .inhalt .liste {
		width: 100%;
	}

	.job-list .item .inhalt .liste.beschreibung {
		width: 100%;
	}

	.job-list .item .inhalt .liste.taetigkeit, .job-list .item .inhalt .liste.standort, .job-list .item .inhalt .liste.beginn {
		margin-top: 10px;
	}

	.job-list .item .inhalt .liste.standort, .job-list .item .inhalt .liste.beschreibung {
		margin-left: 0px;
		margin-right: 0%;
	}

	.job-list .item .inhalt .liste.taetigkeit, .job-list .item .inhalt .liste.beginn {
		margin-right: 0px;
		margin-left: 0%;
	}

	.job-list .item .inhalt {
		padding-left: 15px;
	}

}
@media screen and (max-width: 440px){
	.banner-code{
		height: 360px;
	}
}
@media screen and (max-width: 400px) {
	#et-main-area {
		margin-top: 65px;
	}
}