/**************
CSS für MBGV
Author: webcetera
Datum: 24.03.2022
************************/


@font-face {
    font-family: "pantonregular";
    src: url("/files/cto_layout/fonts/panton-regular-webfont.eot");
    src: url("/files/cto_layout/fonts/panton-regular-webfont.eot?#iefix") format('embedded-opentype'),
         url("/files/cto_layout/fonts/panton-regular-webfont.woff2") format('woff2'),
         url("/files/cto_layout/fonts/panton-regular-webfont.woff") format('woff'),
         url("/files/cto_layout/fonts/panton-regular-webfont.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: "pantonbold";
    src: url("/files/cto_layout/fonts/panton-bold-webfont.eot");
    src: url("/files/cto_layout/fonts/panton-bold-webfont.eot?#iefix") format('embedded-opentype'),
         url("/files/cto_layout/fonts/panton-bold-webfont.woff2") format('woff2'),
         url("/files/cto_layout/fonts/panton-bold-webfont.woff") format('woff'),
         url("/files/cto_layout/fonts/panton-bold-webfont.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: "pantonlight";
    src: url("/files/cto_layout/fonts/panton-light-webfont.eot");
    src: url("/files/cto_layout/fonts/panton-light-webfont.eot?#iefix") format('embedded-opentype'),
         url("/files/cto_layout/fonts/panton-light-webfont.woff2") format('woff2'),
         url("/files/cto_layout/fonts/panton-light-webfont.woff") format('woff'),
         url("/files/cto_layout/fonts/panton-light-webfont.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;

}



/**************
FARBEN
dunkelgrau: #142c0f
hellblau Layout: #DEEFF2
dunkelblau: #3a9ebe
apricot: #FFEEDB
hellgrau: #EFF3F7
************************/

/*******************
ALLGEMEIN
*******************/


html, body {
    font-family: "pantonregular";
	font-size: 18px;
    font-weight: 500;
	hyphens: initial;
	}

p {
	font-size:18px;	
	line-height: 25px;
	letter-spacing: 0.2px;
	   hyphenate-limit-chars: auto 5;
   hyphenate-limit-lines: 2;
} 

p a {
  color: #3a9ebe;
}


.dunkelblau p 
{
	color: #3a9ebe;
	font-size: 22px;
	line-height: 30px;
}



/**********************
BLAUER HINTERGRUND BEIM LOGO
***********************/



@media only screen and (min-width: 1025px) and (max-width: 1300px) {
#bgblue {
	height: 260px;
	width: 435px; 
	background:  #DEEFF2;
	position: absolute;
}
} 
	
@media only screen and (min-width: 1301px) and (max-width: 1450px) {
#bgblue {
	height: 260px;
	width: 515px; 
	background:  #DEEFF2;
	position: absolute;
}
} 	
	
@media only screen and (min-width: 1451px) {
#bgblue {
	height: 260px;
	width: 550px; 
	background:  #DEEFF2;
	position: absolute;
}
}
	
	

/**********************
FERTIG BLAUER HINTERGRUND BEIM LOGO
***********************/




strong {
	font-weight: bold;
}

h1 {
	font-family: "pantonlight";
	hyphens: initial;
}



h2, h3, h4, h5 {
	font-family: "pantonregular";
}



.mittel h2, h2.mittel, .mittel h3, h3.mittel, .mittel h4, h4.mittel  {
	font-family: "pantonbold";
	font-size: 22px;
	margin-bottom: 5px;
	line-height: 30px;
}

.klein h2, .klein h3 {
	font-family: "pantonbold";
	font-size: 18px;
	margin-bottom: 0px;
	line-height: 24px;
}




.links p  {
	margin-top:10px;
	line-height: 15px;
}



.links p a {
	color: #3a9ebe;
	line-height: 25px; 
}

.links p a:hover {
	color:rgba(58,158,190,0.72);
	
}



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

#fix-wrapper {
  margin-top: 30px;
} 



.header {
  line-height: 40px !important;
  padding-top: 27px;
	height:70px;
}


#top, #top .inside {
  background-color: transparent;
}


#top-wrapper #top .inside {
  padding-top: 20px !important;
  padding-bottom: 15px !important;
	width: 50%;
	float: right; 
}

#container {
  background: transparent;
}


.banner {
	 background-repeat: no-repeat;
	margin-top: 40px;
}


#top-wrapper, #header {
  background-repeat: repeat-y;
	background: transparent;
}

.logo a {
  margin-top: -47px;
	  margin-left: -40px;
}


#stickyheader .logo a {
  margin-top: -27px;
  margin-left: -40px;
}

#stickyheader .logo {
  width: 150px;
  height: 70px;
}


/**************************
NAVIGATION
**************************/

.mainmenu {
  float: left;
  margin-left: 430px;
  margin-top: -10px;
}


.mainmenu ul ul {
  border-top: 1px solid #fff;
} 


.mainmenu ul li a {
	font-family: "pantonregular";
	font-size: 18px;
}

.mainmenu ul ul li a:hover:not(.menuheader):not(.megamenu) {
  background-color: #ffffff !important;
  font-weight: bold;
}

.mainmenu ul ul li.first {
  border-top: 2px solid #00000029;
}

.mainmenu ul ul li a {
  padding: 0 0.5rem !important;
  font-size: 18px;
  border-bottom: 2px solid #00000029;
}

.vlist .level_2 {
	padding: 0;
	width: calc(100% + 140px);
}



/*METANAVI*/

#top .top_metanavi li {
  margin-right: 20px;
}

#top .top_metanavi a:hover {
  color: #3a9ebe;
}




/*******************
PRIVACY BOX
*******************/

.mod_privacy_optin_slim .privacy_inside {
  color: #000;
  background: #fff;
  width: 100%;
  padding: 30px;
  border-left: 100px solid #deeff2; 
  border-top: 50px solid #deeff2;	
  padding-bottom: 150px; 
}

.mod_privacy_optin_slim * {
  font-family: Arial, Verdana, sans-serif;
  line-height: 30px;
  font-size: 22px;
  box-sizing: border-box;
}




/*******************
SOCIALS
*******************/

#top .mod_socials a i {
	width: 25px;
	font-size: 20px;
	line-height: 27px;
	height: 25px;
	border-radius: 4px;
	margin-top: 12px;
}

#footer .mod_socials a i {
	width: 35px;
	font-size: 23px;
	line-height: 21px;
	height: 35px;
	border-radius: 4px;
	margin-top: 0px;
	padding: 5px;
}

i.fa-linkedin {
    background: #C1C1C1 !important;
    color: rgb(255,2552,255) !important;
}


/*******************
STARTSEITE
*******************/

/*SLIDER*/
.tp-bannertimer {
	display: none;
}


/*HAUSGRAFIK*/
#hausgrafik {
  padding-left: 15px !important;
  padding-right: 15px !important;
} 

#hausgrafik .autogrid_row {
  padding-left: 0px !important;
  padding-right: 0px !important;
} 

#hausgrafik .column {
  padding-left: 0px !important;
  padding-right: 0px !important;
} 





/*BUTTONS*/
.ce_hyperlink-extended.wide a {
    padding: 12px 30px;
	color: #142c0f !important;
	border: none;
	font-size: 22px !important;
	font-weight: 400;
    width: 100% !important;
    background: #FFEEDB !important;
    text-align: left !important;
}

.ce_hyperlink-extended.wide a:hover {
    background: #DDF5F9 !important;
    }


/*MOBILE LINKS DEINSTLEISTUNGEN*/

.mod_customnav .mlist {
	border-bottom: 1px solid #707070;
}

.mod_customnav .mlist a {
	color: #000;
}


/*PARTNER GESUCHT UND MIETANGEBOT*/

.partner, .mietangebot {
	padding: 25px 15px 0px 28px;
	margin-bottom: 15px;
}


.mietangebot {
	background: #ffeedb;

}

.partner {
	background: #EFF3F7;
}


.partner h4 a, .mietangebot h4 a {
  font-weight: 600;
  margin-bottom: 15px;
  font-size: 22px !important;
}

.partner p, .mietangebot p {
	font-size: 18px !important;
	color:#000;
}



.mietangebot a, .partner a {
	font-size: 18px !important;
	color: #000 !important; 
} 


.mietangebot:hover, .partner:hover{ 
	background: #DEEFF2; 
}

iframe {
    width: 1px;
    min-width: 100%;
  }

/*******************
DIENSTLEISTUNGEN
*******************/

/*IMAGE MAP*/
.hotspot_content.center, .hotspot_content.left, .hotspot_content.right{
     background: #DDF5F9;
}

.hotspot a {
	color: #3a9ebe;
}



/*AKKORDEON*/

.ce_accordion {
    margin-bottom: 6px;
    border: none !important;
}

.ce_accordion .accordion {
  padding: 20px 20px 20px 84px;
  border: 0;
  background: none;

}

.ce_accordion .toggler:hover, .ce_accordion .toggler.ui-state-active {
  color: #fff; 
	background: #3A9EBE;
}


.ce_accordion .toggler {
    padding: 10px 20px;
    margin-bottom: 0;
    background: #DDF5F8;
	font-size: 22px;
	font-family: pantonregular;
	font-weight: bold;
}

.ce_accordion .toggler::before {
    float: left;
    margin-left: 6px;
 }


.ce_accordion .toggler.ui-state-active::before {
	content: url("../../cto_layout/Bilder_Dokumente/Illustrationen/Pfeil_toggler_weiss.svg")"";
	height: 20px;
	width: 42px;
	line-height: 24px;
}

.ce_accordion .toggler::before {
	content: url("../../cto_layout/Bilder_Dokumente/Illustrationen/Pfeil_toggler_schwarz.svg")"";
	height: 20px;
	width: 42px;
	line-height: 24px;
}


.ce_accordion .toggler::before {
    color: #142c0f;
	font-size: 50px;
	margin-right: 25px;
	margin-bottom: 18px;
}


/*******************
TEAM UND FILTER (PORTFOLIO)
*******************/

.ce_teambox {
flex: 0 0 calc((100% / 12) * 12);
max-width: calc((100% / 12) * 12);
padding-left: 0px;
padding-right: 20px;
flex-basis: 1;
flex-grow: 1;
width: 100%;
position: relative;
box-sizing: border-box;	
}

#filtermenschen .ce_teambox {
flex: 0 0 calc((100% / 12) * 3);
  flex-grow: 0;
max-width: calc((100% / 12) * 3);
}



.ce_teambox .name {
  font-size: 18px;
  color: #3a9ebe;	
  margin-top: 15px;
}

.ce_teambox .function {
  color: #3a9ebe;
	margin-bottom: 0px;
}

.ce_teambox p a, 
.ce_teambox .email a{
  color: #000;
}

.ce_teambox p a:hover, 
.ce_teambox .email a:hover {
  color: #3a9ebe;
}

.ce_teambox .socials {
   display: none;
}

.teamkontakt a {
	color: #142c0f;  
}

.teamkontakt a:hover { 
color: #3a9ebe;
}

.button {
  display: inline-block;
  padding: 0 28px 0 0;
  background: #fff;
  font-family: sans-serif;
  font-size: 18px;
  cursor: pointer;
  color: #959595;
	font-family: "pantonregular" !important;
}

.button.is-checked {
  color: #3a9ebe;
} 

.button:hover:not([type="submit"]), textarea:hover {
  border: none;
  color: #3a9ebe;
}

.ce_teambox .image {
  text-align: center;
  max-width: 300px;
}



/*******************
FORMULAR
*******************/

form fieldset {
  padding: 10px;
  margin-top: -8px;	
  border: 0px solid rgba(0,0,0,.2);
	display: block ruby;
}

form .widget-radio span {
  margin-right: 20px;
}

textarea:hover {
  border: 1px solid rgb(153,153,153);
  color: #3a9ebe;
}

button.submit[type="submit"] {
  font-size: 18px;
  font-weight: 200;
  color: #000;
}

button.submit[type="submit"]:hover {
 	background: #FFEEDB;
}


/*******************
STELLE
*******************/

.stelle {
	border-bottom: 1px solid #142c0f;
	padding-bottom: 30px;
}




/*******************
PRIVACY OPT-IN
*******************/

.mod_privacy_optin_slim .privacy_button a {
  background: #3a9ebe;
}



/*******************
FOOTER
*******************/

#footer {
  margin-top: 160px;
}


#footer p {
    line-height: 25px;
}

.imprint a {
    font-weight: 800;
}






/****************************
SCREENS
***************************/

/* On screens that are 650px*/
@media screen and (max-width: 1025px) {

.column[class*="col_"] {
  margin-bottom: 5px;
}	
	
.dunkelblau p 
{
	color: #3a9ebe;
	font-size: 18px;
	line-height: 30px;
}
	
	
.mod_privacy_optin_slim .privacy_inside {
  padding-bottom: 80px;
}	
	
	
	
#fix-wrapper {
  margin-top: 0px;
}
	 
	
#top-wrapper, #header {
  background: #DEEFF2;
}

#mmenu #mmenu_middle {
  padding: 30px 20px 20px 20px;
 }	
	
body.fixed-header .header.cloned {
 background: #DEEFF2;
}	
	
	
/*BANNER	*/
.banner img {
  display: block;
  min-width: 190%;
  margin-left: -220px;
  margin-top: -10px;
  image-rendering: crisp-edges;
}
	
	/*BANNER	ENDE */
	
	
	
	
.mmenu_trigger .burger {
  height: 30px;
  width: 30px;
  position: relative;
  font-size: 7px;
  cursor: pointer;
  transition: .2s all;
  right: 10px;
}

.mmenu_trigger .burger .burger_lines, .mmenu_trigger .burger .burger_lines::after, .mmenu_trigger .burger .burger_lines::before {
   height: 3px;
}

#top .mod_socials a i {
 display: none	;	
}
	
	
#bgblue {
	height: 210px;
	width: 100%;
	background:  #DEEFF2;
	position: absolute;
}	
	
	
.logo a {
  margin-top: -27px;
  margin-left: 0px;
	width: 180px;
}

.stickyheader .header.cloned .inside, .header .inside {
  height: 40px !important;
}
	
	
#stickyheader .logo a {
margin-left: 0px;
width: 145px;

}

#stickyheader .logo {
  width: 50px;
  height: 70px;
}

#mmenu #mmenu_bottom {
  background: #DEEFF2;
 }	
	
	
	
.banner {
background: transparent;
margin-bottom: 15px;
margin-top: 10px;
	}
	
	.hellblau {
		background: #DEEFF2;
		padding: 20px;
		margin-bottom: 4px;
	}		
	
	
h1, .h1, .h1 p {
line-height: 34px;
font-size: 25px;
font-weight: bold;
}	
	
	

	
/*AKKORDEON*/
.ce_accordion .accordion {
  padding: 20px 20px 20px 20px;
 }	
	
.ce_accordion .toggler {
  font-size: 18px;
 }
	
.ce_accordion .toggler::before {
  float: right;
  margin-left: 6px;
}	

.ce_accordion .toggler::before, .ce_accordion .toggler.ui-state-active::before {
  height: 27px;
  width: 27px;
  line-height: 18px;
	margin-right: 0;
}	
	

	
	 
/*TEAM*/	
	
.ce_teambox {
flex: 0 0 calc((100% / 12) * 12);
flex-grow: 0;
max-width: calc((100% / 12) * 12);
padding-left: 0px;
padding-right: 0px;	
}	


	
#filtermenschen .ce_teambox {
flex: 0 0 calc((100% / 12) * 12);
  flex-grow: 0;
max-width: calc((100% / 12) * 12);
}	
	
	
	.button-group {
		text-align: center;
	}	
	
		
	
}
.teambox_content .email {
    display: none;
}

/*
@media only screen and (max-width: 1025px) {
.mmenu_trigger {
  display: flex;
}

}*/




/*FUER TABLET*/


@media only screen and (max-width: 1024px) and (min-width: 768px)  {
.smartmenu .smartmenu-trigger {
  width: 35px;
position: absolute;
z-index: 1000000000;
transition: All 0.3s ease;
-webkit-transition: All 0.3s ease;
cursor: pointer;
right: 17px;
top: -19px;

}
	 
	
#top-wrapper #top .inside {
  margin-right: 50px;
}	
	
	
	
.logo a {
  margin-top: -27px;
  margin-left: 0px;
	width: 280px;
}	
	
.banner img {
  margin-top: 20px;
}

	
#filtermenschen .ce_teambox {
  flex: 0 0 calc((100% / 12) * 3);
    flex-grow: 0;
  max-width: calc((100% / 12) * 6);
}
	
	
	
}


/* REferenz Detail*/
.referenz_detail_border_top{
	border-top: 0.5px solid #000;
}

.referenz-slider .swiper-button-next, .swiper-button-prev {
    margin-top: -35px;
}
p.referenzen-subheading {
    margin-top: 15px;
    margin-bottom: 0;
}

.ctlg_sidebar_item .referenz-sidebar-item p {
    margin-bottom: 6px;
    font-size: 18px;
}
.ctlg_sidebar_item .referenz-sidebar-item p a  {
    color: #142c0f;
}
.ctlg_sidebar_item .referenz-sidebar-item p a:hover  {
    color: #3a9ebe;
}
.referenz_detail_border_top ul {
    margin-left: 0;
    padding-left: 16px;
}
.referenz_detail_border_top ul li {
    padding-left: 12px;
}