/*
Theme Name: begis
Theme URI: https://www.mp-begis.de
Description:  Individuelles Wordpress-Theme für die Domain mp-begis.de. Layout und technische Umsetzung mittels Wordpress von Mattias Stiller - Webdesign & Webberatung.
Author: Mattias Stiller - Webdesign & Webberatung
Version: 1.0
Author URI: https://www.mattiasstiller.de
*/

/*GLOBAL
-------------------------------------------------------------------------*/
/* lato-regular - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('webfonts/lato-v23-latin-regular.woff2') format('woff2'), 
       url('webfonts/lato-v23-latin-regular.woff') format('woff');  
}

/* lato-700 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: local(''),
       url('webfonts/lato-v23-latin-700.woff2') format('woff2'),  
       url('webfonts/lato-v23-latin-700.woff') format('woff');  
} 
/* saira-500 - latin */
@font-face {
  font-display: swap;  
  font-family: 'Saira';
  font-style: normal;
  font-weight: 500;
  src: url('webfonts/saira-v14-latin-500.woff2') format('woff2'), 
       url('webfonts/saira-v14-latin-500.woff') format('woff');  
}

/* saira-600 - latin */
@font-face {
  font-display: swap;  
  font-family: 'Saira';
  font-style: normal;
  font-weight: 600;
  src: url('webfonts/saira-v14-latin-600.woff2') format('woff2'),  
       url('webfonts/saira-v14-latin-600.woff') format('woff'); 
}

@font-face {
  font-family: 'icomoon';
  font-weight: normal;
  font-style: normal;
  font-display: swap;
  src:  url('webfonts/icomoon.eot?8iaofz');
  src:  url('webfonts/icomoon.eot?8iaofz#iefix') format('embedded-opentype'),
		url('webfonts/icomoon.ttf?8iaofz') format('truetype'),
		url('webfonts/icomoon.woff?8iaofz') format('woff'),
		url('webfonts/icomoon.svg?8iaofz#icomoon') format('svg');
} 


header .menu >  li.menu-item-has-children >  a:before,
.wpb_text_column .wpb_wrapper ul li:before, 
.footer_bottom .scrollup a:before,
.slick-slider .slick-arrow:before,
.icon:before, 
.vc_tta-controls-icon:before,
.vc_tta-controls-icon:after,
header .menu li.menu-item-last a:before,   
.mobile_menu_additional .contact_notfall:before, 
.row_form:after,  
.stoerer .vc_col-sm-12:before, 
.social ul li a:before,
a.logoimage:before,
.wichtig:before,
a.iconphone:before,
a.iconmail:before,
a.iconcar:before,
span.iconmarker:before,
.randombuehne:after,
a.anchorhome:after,
a.anchorhome:before,
a.search-icon-mobile:before,  
.wichtig .vc_col-sm-12:before,
.hauptnavigation .menu a.search-icon:before,
.slider-text .slick-arrow.slick-prev:after,
.slider-text .slick-arrow.slick-next:after {
    font-family: 'icomoon' !important;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    position: absolute;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
} 
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{background:transparent;border:0;margin:0;padding:0;vertical-align:baseline;}
h1, h2, h3, h4, h5, h6 {
	clear: both;
}
html {
    padding-top: 0 !important;
	scroll-behavior: smooth;
	overflow: auto;
}
ol, ul {
	list-style: none;
}
del {
	text-decoration: line-through;
}
a img {
	border: none;
}
body {
	font-size: 17px;
	color: #000;
	font-family: 'Lato', sans-serif;
	line-height: 32px;
	overflow: hidden;
	position: relative;
	font-weight: 400;
} 
.page,
.single {
	background: #fff;
}
.wpb_wrapper sup {
	font-size: 0.8em;
	position: relative;
	top: -5px;
}
h1 sup,h2 sup,h3 sup,h4 sup,h5 sup { 
	top: -15px !important;
}
strong {
	font-weight: 700;
}
.wpb_content_element {
	margin-bottom: 0 !important;
}
.wpb_wrapper p a,
.wpb_wrapper li a {
	color: #6ec1e4;
}
.wpb_wrapper p a:hover,
.wpb_wrapper li a:hover {
	text-decoration: underline;
}
.white .wpb_wrapper p a,
.white .wpb_wrapper li a {
	color: #fff;
	text-decoration: underline;
}
.white .wpb_wrapper p a:hover,
.white .wpb_wrapper li a:hover {
	text-decoration: none;
}
.social ul li a:hover {
	text-decoration: none;
}
a {
	text-decoration: none;
}
a,
p a:focus,
.slick-prev:focus {
	outline: none;
}
a.search-icon-mobile {
	display: none;
}
.fullpic img,
.vc_single_image-wrapper,
.fullpic figure,
.entry-attachment img.attachment-large {
	width: 100%;
	min-width: 100%;
	height: auto;
}
iframe {
	display: block;
}
::-moz-selection {
   color:#fff;
   background:#3d3d3d;
   text-shadow: none;
}
::selection {
   color:#fff;
   background:#3d3d3d;
   text-shadow: none;
} 
img.wp-post-image {
	width: 100%;
	max-width: 100%;
	height: auto;
}
.center.wpb_column {
	text-align: center;
}
.wpb_text_column .wpb_wrapper p:last-child  {
	margin-bottom: 0;
}
  
.post-password-form {
	margin-top: 200px;
  margin-bottom: 100px;
}


  

.vc_row.vc_column-gap-35>.vc_vc_column>.vc_column_container,.vc_row.vc_column-gap-35>.vc_vc_column_inner>.vc_column_container
{
    padding-left: 17.5px;
    padding-right: 17.5px;
}
.vc_row.vc_column-gap-35>.vc_column_container {
    padding: 17.5px;
}
.vc_row.vc_column-gap-35 {
    margin-left: -15px !important;
    margin-right: -15px !important;
} 
.rightheadline {
	text-align: right;
}  
.ctabox .wpb_text_column h4 {
	font-size: 32px; 
	font-weight: 500;
	padding-bottom: 10px;	 
}  
.ctabox  {
	padding-top: 32px;
	padding-bottom: 32px;	
}
.ctabox .vc_btn3-container { 
	margin-bottom: 0;
	text-align: right;
	display: block !important; 
}
.bigbuehne {
	height: 943px;
}
.mainbuehne {
	padding: 26% 0;
}
.mainbuehne:after { 
	top: 0; 
	left: 0;
	color: #fff;
	font-size: 14px;
	position: absolute;
	content: " "; 
	background-repeat: no-repeat;
	background-size: cover;
	height: 100%; 
	width: 100%;
} 
.randombuehne figure,
.randombuehne .vc_single_image-wrapper,
.randombuehne .vc_single_image-wrapper img,
.randombuehne img {
	width: 100%; 
	object-fit: cover;
	height: 586px;
} 
.randombuehne  {
	line-height: 0 !important;
}  
.home .content {
	width: 100%;
}
.wpb_wrapper p {
	margin-bottom: 35px;
}
.vc_row.vc_column-gap-30 {
    margin-left: -15px;
    margin-right: -15px;
}
img.alignright,.wp-caption.alignright {
	float:right;
	margin:0 0 1em 1em
}
.wp-caption.alignleft,a img.alignleft {
	float:left;
	margin:0 1em 1em 0
}
img.aligncenter,a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto
}
.white {
	color: #fff !important;
} 
.wpb_text_column .wpb_wrapper ul li:before   {
	line-height: inherit;
}  
.social  { 
	z-index: 999;
	margin-top: 30px;
	display: none !important;
}
.changeteam .social  {  
	display: block !important;
}
.social ul { 
	display: flex;
} 
.social ul li { 
	margin-right: 20px;
}
.social ul li a.twitter:before,
.social ul li a.facebook:before,
.social ul li a.youtube:before,
.social ul li a.xing:before,
.social ul li a.linkedin:before   { 
	color: #fff; 
	position: relative;
	font-size: 45px; 
} 
.social ul li a   { 
	text-decoration: none !important;
}  
.page-id-19230 .nichtfront .social ul li a:before   { 
	color: #000;  
}  
.social ul li a.twitter:hover:before,
.social ul li a.facebook:hover:before,
.social ul li a.youtube:hover:before,
.social ul li a.xing:hover:before ,
.social ul li a.linkedin:hover:before  { 
	color: #6ec1e4;  
}
.social ul li a.twitter:before  {
	content: "\e909"; 
} 
.social ul li a.facebook:before  {
	content: "\e907"; 
} 
.social ul li a.youtube:before  {
	content: "\e908";  
} 
.social ul li a.xing:before  {
	content: "\e903"; 
} 
.social ul li a.linkedin:before  {
	content: "\e90c"; 
}  
.vc_row-has-fill .vc_row.vc_column-gap-30 {
  margin-left: -15px !important; 
  margin-right: -15px !important; 
}
/*CHANGE ROW*/ 
.changerow .vc_col-sm-6 .vc_column-inner {
    padding: 10% !important; 
} 
.changerow .vc_col-sm-6.vc_col-has-fill .vc_column-inner {
    min-height: 515px;
}
.changerow .vc_col-sm-6.vc_col-has-fill .vc_column-inner {
    padding: 0 !important;
}
.changerow .changedunkelgrau h2,
.changerow .changedunkelgrau p {
	color: #b6af9b;
}
.changerow .changedunkelgrau .vc_general.vc_btn3.btn-rahmen.vc_btn3-color-blue {
  background: #b6af9b !important;
  color: #212d2f !important;
  border: solid 2px #b6af9b !important;
} 
.changerow .changedunkelgrau .vc_general.vc_btn3.btn-rahmen.vc_btn3-color-blue:hover {
  background: transparent !important;
  color: #b6af9b !important;
  border: solid 2px #b6af9b !important;
} 
.changerow .changeblau h2,
.changerow .changeblau p {
	color: #fff;
}
.changerow .changeblau .vc_general.vc_btn3.btn-rahmen.vc_btn3-color-blue {
  background: #fff !important;
  color:  #23a0c3 !important;
  border: solid 2px #fff !important;
}
.changerow .changeblau .vc_general.vc_btn3.btn-rahmen.vc_btn3-color-blue:hover {
  background: transparent !important;
  color:  #fff !important;
  border: solid 2px #fff !important;
}
.changerow .changeblau h2,
.changerow .changeblau p {
	color: #fff;
}
.changerow .changeblau .vc_general.vc_btn3.btn-rahmen.vc_btn3-color-blue {
  background: #fff !important;
  color:  #23a0c3 !important;
  border: solid 2px #fff !important;
}
.changerow .changeblau .vc_general.vc_btn3.btn-rahmen.vc_btn3-color-blue:hover {
  background: transparent !important;
  color:  #fff !important;
  border: solid 2px #fff !important;
}
.changerow .changegrau h2,
.changerow .changegrau p {
	color: #fff;
}
.changerow .changegrau .vc_general.vc_btn3.btn-rahmen.vc_btn3-color-blue {
  background: #fff !important;
  color:  #59646e !important;
  border: solid 2px #fff !important;
}
.changerow .changegrau .vc_general.vc_btn3.btn-rahmen.vc_btn3-color-blue:hover  {
  background: transparent !important;
  color:  #fff !important;
  border: solid 2px #fff !important;
}
.changerow .changebraun h2,
.changerow .changebraun p {
	color: #212d2f;
}
.changerow .changebraun .vc_general.vc_btn3.btn-rahmen.vc_btn3-color-blue {
  background: #212d2f !important;
  color:  #b6af9b !important;
  border: solid 2px #212d2f !important;
}  
.changerow .changebraun .vc_general.vc_btn3.btn-rahmen.vc_btn3-color-blue:hover {
  background: transparent !important;
  color:  #212d2f !important;
  border: solid 2px #212d2f !important;
}  
/*CHANGE ROW*/ 


.minitable td:first-child {
	width: 130px;
	font-weight: bold;
}

 
 
  img.custom_border-left {
	-webkit-box-shadow: -20px 20px 0px 0px #f2f2f2;
	box-shadow: -20px 20px 0px 0px #f2f2f2;
}
 img.custom_border-rights {
	-webkit-box-shadow:  20px 20px 0px 0px #f2f2f2;
	box-shadow:  20px 20px 0px 0px #f2f2f2;
} 
  img.custom_border-left-dark {
	-webkit-box-shadow: -20px 20px 0px 0px #e1e1e1;
	box-shadow: -20px 20px 0px 0px #e1e1e1;
}
 img.custom_border-rights-dark {
	-webkit-box-shadow:  20px 20px 0px 0px #e1e1e1;
	box-shadow:  20px 20px 0px 0px #e1e1e1;
}


 
.fancybox-content {
	line-height: 0;
}


/*HEADLINES
-------------------------------------------------------------------------*/
.wpb_text_column h1, 
.wpb_text_column h2, 
.wpb_text_column h3, 
.wpb_text_column h4, 
.wpb_text_column h5, 
.wpb_text_column h6  { 
	font-family: 'Saira', sans-serif;
	font-weight: 500;
	color: #000;
	position: relative; 
}
.wpb_text_column h1, 
.wpb_text_column h2   {
	font-size: 45px;
	line-height: 61px; 
	color: #000;
}  
.white h2,
.white h2 a,
.white p {
	color: #fff !important;
} 
.wpb_text_column h3 { 
	font-size: 24px;
	line-height: 36px; 
}  
.wpb_text_column h4 { 
	font-size: 30px;
	line-height: 51px;
	font-weight: 400;  
}
.wpb_text_column h4 a {
	color: #3d3d3d;
	text-decoration: none;
} 
.wpb_text_column h5 {
	color: #23a0c3;
	font-size: 26px;
	line-height: 34px; 
	margin-bottom: 10px; 
	font-weight: 600;
}
.wpb_text_column h6 { 
	font-size: 18px;  	
}
.white h1, .white h2, .white h3, .white h4, .white h6 {
	color: #fff !important;
}

 
.cta_logo img
{
    width: 632px;
}




.anchor {
    display: block;
    position: relative;
    top: -50px;
    visibility: hidden;
}
.homemain {
	position: absolute; 
	color: white;
	width: 1200px;
	top: 29%; 
	left: 50%;
	z-index: 2;
	transform: translate(-50%,0);
} 
.homemain h1,
.homemain p { 
 
} 
.homemain p {
	font-size: 23px;
	margin-bottom: 15px;
} 
.homemain p a  {
    text-decoration: none  !important;; 
} 
a.anchorhome {
    position: relative; 
    width: 70px;
    height: 70px; 
	border: solid 2px #23a0c3;	
	display: block;
	margin-left: 4px;
}  
a.anchorhome:after {
    position: absolute;
	bottom: -26px;
	left: 23px;
    width: 70px;
    height: 70px;
    color: #fff;
    font-size: 22px; 
    content: "\e90b"; 
	z-index: 3; 	
} 
.homemain p a strong {
    visibility: hidden;
}
.dreierbox_buehne {
	position: relative;
	margin-top: -258px;
	margin-left: 0 !important;
	margin-right: 0 !important; 
	max-width: 1190px; 
	left: 50%;
	transform: translate(-50%,0);
} 
.dreierbox_buehne .vc_col-sm-4 .vc_column-inner  {
	padding: 25px !important;
} 
.dreierbox_buehne .dreierbox_buehne01 .wpb_text_column a  {
	color: #fff;
} 
.dreierbox_buehne .dreierbox_buehne01 p  {
	color: #fff;
	font-size: 18px; 
} 
.dreierbox_buehne .dreierbox_buehne01 p a { 
	margin-top: 20px !important;
	display: block;
} 
.dreierbox_buehne .dreierbox_buehne02 .wpb_text_column a  {
	color: #b6af9b;
} 
.dreierbox_buehne .dreierbox_buehne02 p  {
	color: #b6af9b;
	font-size: 18px;
}
.dreierbox_buehne .dreierbox_buehne02 p a { 
	margin-top: 20px !important;
	display: block;
} 
.dreierbox_buehne .dreierbox_buehne03 .wpb_text_column a  {
	color: #202325;
} 
.dreierbox_buehne .dreierbox_buehne03 p  {
	color: #000;
	font-size: 18px;
}  
.dreierbox_buehne .dreierbox_buehne03 p a { 
	margin-top: 20px !important;
	display: block;
}   
 .white.disbox h5 {
	color: #6ec1e4 !important;
}
 .white.disbox .vc_general.vc_btn3.btn-rahmen.vc_btn3-color-blue { 
	color: #000 !important; 
}

.extra { 
	margin-top: 0; 
 
	overflow: visible !important; 
} 
.extra .vc_col-sm-8 .vc_column-inner { 
 
} 
.extra .vc_col-sm-4 .vc_column-inner  {
	padding: 0 !important; 
	padding-left: 6px !important; 
} 
.extra .vc_col-sm-4 h4  { 
	color: #23a0c3; 
	line-height: 40px;
	font-size: 30px;
	padding-bottom: 20px;	
}  
.extra .vc_col-sm-4 p  { 
	color: white; 
} 
.extra .wpb_wrapper .menu-loesungen-container ul li   { 
	padding-bottom: 0; 
	padding-left: 0 !important;
	background: #000;
	margin-top: 0;
	margin-bottom: 6px !important;
} 
.extra .wpb_wrapper .menu-loesungen-container ul li ul li:hover   {  
	background: #282828; 
} 
.extra .wpb_wrapper .menu-loesungen-container ul li:before   {  
	content: " " !important;   
} 
.extra .wpb_wrapper .menu-loesungen-container ul li >  a   { 
	color: #fff;
	padding: 13px 0 13px 13px; 
	cursor: pointer;
	font-family: 'Saira', sans-serif !important;  
	font-size: 14px;
	text-decoration: none;
	display: block; 
	text-transform: uppercase;
} 
.extra .wpb_wrapper .menu-loesungen-container   {  
	margin-top: -12px; 
}  
.extra .wpb_wrapper .menu-loesungen-container ul li >  a:after  { 
    position: absolute;
    top: 14px;
    right: 24px;
    width: 0;
    height: 0;
    color: #fff;
    font-size: 14px;
    position: absolute;
    font-family: "icomoon";
    content: "\e938"; 
}
.extra .wpb_wrapper .menu-loesungen-container ul li.on >  a:after  { 
    transform: rotate(180deg);
	top: 47px;
	right: 10px;
}
.extra .wpb_wrapper .menu-loesungen-container ul li:before  {  
    content: " "; 
} 
.extra .wpb_wrapper .menu-loesungen-container ul li.schnell02 a   {  
	border-bottom: none !important;
} 

 /*2-ebene*/
.extra .wpb_wrapper .menu-loesungen-container ul li ul li a   { 
	text-decoration: none;
	color: #fff;
	padding: 0 20px;
}  
.extra .wpb_wrapper .menu-loesungen-container ul li ul li:before  {  
    content: " "; 
}
.extra .wpb_wrapper .menu-loesungen-container ul li ul li > a:after  {  
    content: " "; 
}
.extra .wpb_wrapper .menu-loesungen-container ul li   {
	padding-left: 0;
}  
.extra .wpb_wrapper .menu-loesungen-container ul li ul.sub-menu   {
	display: none;
	position: absolute;
	float: left;
	visibility: visible;
	height: auto; 
	min-width: 180px;
	left: 0;
	top: 100%;
	background: #000;
	z-index: 9; 
	width: 100%;
	margin: 0;
} 
.extra .wpb_wrapper .menu-loesungen-container ul li ul li   { 
	color: #fff;   
}  
 
.loesungsbox .lb_first .wpb_column.vc_column_container.vc_col-sm-3  {
	background: #23a0c3 !important;
	color: white;
}
 
.loesungsbox .lb_first .wpb_column.vc_column_container.vc_col-sm-3:first-child .vc_column-inner  {
	 
  position: relative;	
}
.loesungsbox .lb_first .wpb_column.vc_column_container.vc_col-sm-3:first-child  {
	width: 60px; 
}

.loesungsbox .lb_first .wpb_column.vc_column_container.vc_col-sm-3:first-child p  {
	 transform-origin: 0 0;
	transform: rotate(-90deg); 
	 position: absolute;
	top: 0;
	left: 0;
}








/* --- Dein bestehendes Styling --- */
.kachelview .vc_col-sm-3  {
	width: 31.6%; 
	position: relative; 
}  
.kachelview {
	margin-left: -5px !important;
	margin-right: -5px !important;	
} 
.kachelview .firstcol  {
	position: relative; 
	display: inline-block; 
	width: 60px;
	padding-right: 0 !important;	 
}
.kachelview p {
	margin-bottom: 20px !important;
	line-height: 25px;
}
.kachelview .firstcol p {
	text-align: center; 
	position: absolute; 
	top: 48%;
	transform: translateX(-48%) rotate(-90deg);
	font-size: 22px !important; 
	font-weight: 500 !important;
	padding-left: 0 !important; 
	text-transform: uppercase;
	white-space: nowrap;
	margin-bottom: 0 !important; 
	left: 45%;
} 
.kachelview a.linkbox:after {
	content: "";
	position: absolute;
	inset: 5px;
	z-index: 1; 
}
.kachelview > .vc_col-sm-3:not(.firstcol) .vc_column-inner {
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out; 
}

	
	
.kachelview > .vc_col-sm-3:not(.firstcol) .vc_column-inner:hover {
	opacity: .8;
}
.kachelview.vc_column-gap-30 > .vc_column_container {
	padding: 5px !important; 
}
.kachelview .vc_col-sm-3 .wpb_single_image img  {
	max-width: 119px;
	margin: 20px 0;
} 
.kachelview.first .vc_column-inner h4,
.kachelview.second .vc_column-inner h4,
.kachelview.third .vc_column-inner h4  {   
	font-size: 22px;
	line-height: 25px;
	margin-bottom: 10px;
} 
.kachelview.first .vc_column-inner h4,
.kachelview.first .vc_column-inner p  {  
	color: #fff;
} 
.kachelview.first .vc_column-inner  { 
	background-color: #23a0c3 !important;  
} 
.kachelview.second .vc_column-inner h4,
.kachelview.second .vc_column-inner p  {  
	color: #212d2f;
} 
.kachelview.second .vc_column-inner  { 
	background-color: #b6af9b !important;  
}  
.kachelview.third .vc_column-inner h4,
.kachelview.third .vc_column-inner p  {  
	color: #b6af9b;
} 
.kachelview.third .vc_column-inner  { 
	background-color: #212d2f !important;  
} 

/* --- NEUES LAYOUT FÜR DIE SLIDER --- */
.vs-box {
	display: flex;
	flex-wrap: nowrap;
	align-items: stretch; /* beide gleich hoch */
}

/* Bildbereich links */
.slider-image {
	flex: 1 1 auto; /* flexibel in der Breite */
	min-width: 0;
}

/* Bilder passen sich der Höhe an */
.slider-image img {
	height: 100%;
	width: auto;
	object-fit: cover;
}

/* Textbereich rechts */
.slider-text {
	flex: 0 0 320px; /* feste Breite für Textspalte */
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 20px;
	box-sizing: border-box;
}

/* Mobile: Bild oben, Text darunter */
@media (max-width: 768px) {
	.vs-box {
		flex-direction: column;
	}

	.slider-text {
		flex: 1 1 auto;
		width: 100%;
	}

	.slider-image img {
		width: 100%;
		height: auto;
	}
}


 
 










 
 .homebox_outer {
	 display: flex;
 }
 .homebox_outer .newsbox {
	 width: 50%;
	 background: #202325;
	 padding: 20px;
 }
 .homebox_outer .newsbox:first-child {
	 margin-right: 30px;
 }
 .homebox_outer .newsbox p.hometeaserdate{
	 margin-bottom: 0px !important;
 }
 .homebox_outer .newsbox h3 a {
	display: block;
	color: #23a0c3;
	min-height: 70px;
	padding: 10px 0; 
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out; 
 }
 .homebox_outer .newsbox a { 
	color: #fff; 
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out; 
 }
 .homebox_outer .newsbox a:hover,
.homebox_outer .newsbox h3 a:hover { 
	opacity: .6;
 }

/*HEADER
-------------------------------------------------------------------------*/
.wrapperbox {
	max-width: 1220px;
	margin: 0 auto; 
}
.wrapperboxheader {
	margin: 0 auto;
	position: absolute;
	top: 50px;
	width: 100%;   
	-webkit-transition: top 0.2s ease-in-out;
	-moz-transition: top 0.2s ease-in-out;
	-ms-transition: top 0.2s ease-in-out;
	-o-transition: top 0.2s ease-in-out;
	transition: top 0.2s ease-in-out;	
}
.hauptnavigation {
    max-width: 100%;
    padding: 0; 
    right: 0; 
    width: 100%;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	display: flex;
	justify-content: flex-end;
}
.header {
	margin: 0 auto;  
	z-index: 999;
	width: 100%;
	background-color: transparent;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	-webkit-box-shadow: 0px 2px 2px -1px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 2px 2px -1px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 2px 2px -1px rgba(0, 0, 0, 0.1);
	position: relative;
}
.header .headertop { 
	width: 100%;
	margin: 0 auto;
	max-width: 1230px; 
	padding-left: 20px;
	padding-right: 20px;
	display: flex; 
	align-items: center;
	height: 80px; 
 
} 
header .header-leftside {
	float: left;
	text-align: right;
	padding-left: 0 !important; 
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	position: relative;
	width: 100%; 
	display: flex;
	background: #fff;
	height: 80px;
} 
header .header-leftside .logoboxflex {
	display: block;
	width: 25%; 
} 
header .header-rightside {
	float: right;
	position: relative;
	padding-right: 0;
	display: flex;
	justify-content : center;
	align-items : center;	
	width: 150px;
	margin-left: 10px;
	background: #fff;
	height: 80px;
}  
header .header-rightside a {
	 max-width: 96px;
	 width: 100%;
	 line-height: 0;
}  
header .header-rightside a:hover {
	text-decoration: none;
} 
.logobox img {
    margin: 11% auto;
    width: 100%;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
a.logoimage { 
    display: block;
    height: 80px;
    position: relative;
	background-image: url('images/logo_bim2fm.svg');
	background-repeat: no-repeat;
	background-size: 55%;
	background-position: left center;	
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	margin-left: 20px;
}  
header .vc_col-sm-9 { 
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	width: 75%;
} 
 

 /*STICKY HEADER
-------------------------------------------------------------------------*/ 
.sticky .wrapperboxheader {
	height: 60px;  
	top: 0; 
	position: fixed; 
	background: #fff;
	-webkit-box-shadow: 0px 2px 2px -1px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 2px 2px -1px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 2px 2px -1px rgba(0, 0, 0, 0.1); 	
} 
.sticky .headertop  {
	height: 60px;  	
} 
header .header-menu .menu li >  a { 
	padding: 15px 0px;
}
.sticky .header-rightside .menu li ul  {
	top: 70px;
}
.sticky .header-rightside .menu li ul li ul {
	top: -23px;
}
 
.sticky .header-rightside .menu li.menu-item-last a:before  {
	top: -25px;
	font-size: 16px;
} 
.sticky .searchcenterbox { 
	top: 72px; 
}

 
 

/*MAIN MENU
-------------------------------------------------------------------------*/
.header .header-menu {
	display: block; 
}
.header .header-menu .menu {
	position: relativ;
	text-align: justify;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	width: 100%;
	display: -webkit-box ;
    display: -moz-box ;
    display: -ms-flexbox ;
    display: -webkit-flex ;
    display: flex;
	justify-content: flex-start;
	gap: 41px;
}
header .header-menu .menu ul  {
	list-style: none;
	margin: 0;
	height: 19px;
	text-align: right;	
	margin: 0;
	padding: 0;
} 
header .header-menu .menu li {
	z-index: 99999999;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;  
}
header .header-menu .menu li a {
	text-align: center;
	display: block;
	white-space: nowrap;
	font-family: 'Saira', sans-serif;
	font-weight: 500;
	font-size: 14px;
	color: #000000 !important; 
	text-transform: uppercase; 
	text-rendering: optimizeLegibility; 
	line-height: 30px; 
	padding: 25px 0px;
}
header .header-menu .menu li a:hover {
	color: #23a0c3 ;
} 
header .header-menu .menu li.current-menu-item >  a  {
	color: #23a0c3 !important;
}  

header .header-menu .menu li:hover > a {
  color: #23a0c3  !important;
}

header .header-menu .menu li.current-menu-parent ul li > a  {
	 
} 
 
header .header-menu div.menu li {
	float: left;
	position: relative;
}
header .header-menu .menu a {
	display: inline;
	text-decoration: none;
}
header .header-menu .menu li ul  {
	display: none;
	position: absolute;
	float: left;
	visibility: visible;
	height: auto;
	min-width: 100%;
	left: -26px;
	top: 80px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	-webkit-box-shadow: 0px 2px 6px -1px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 2px 6px -1px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 2px 6px -1px rgba(0, 0, 0, 0.1)
	
}
header .header-menu .menu li:hover > ul {
	display: block;
}

header .header-menu .menu li ul li  {
	position: relative;
	margin-left: 0;
}
header .header-menu .menu li ul li ul {
	display: none;
	position: absolute;
	float: left;
	visibility: visible;
	height: auto;
	min-width: 180px;
	left: 100%;
	top: -10px;
}
header .header-menu .menu li ul li:first-child ul {
	top: -10px;
}
header .header-menu .menu li ul li:hover > ul {
	display: block;
} 
header .header-menu .menu li.menu-item-has-children {
    position: relative;
}
header .header-menu .menu > li.menu-item-has-children > a:before {
    content: "\e938";
    color: #706f6f;
	font-size: 19px;
	top: 39%;
	right: -20px;
	display: inline-block; 
	z-index: 0;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out; 
}
header .header-menu .menu > li.menu-item-has-children > a:hover:before { 
 
}

/*2. Ebene*/
header .header-menu .menu ul li a,
header .header-menu .menu li.current_page_item ul a {
	padding: 11px 28px !important;
	white-space: nowrap;
	height: auto;
	color: #000 !important;
	font-size: 16px;
	display: block;
	text-transform: none;
	font-weight: normal;
	text-align: left !important;
	border-right: none !important;
	border-bottom: none;
	line-height: 22px;
	background: #fff;
	font-family: 'Saira', sans-serif;
	font-weight: 500;
	border-bottom: solid 1px #f2f2f2;
}
header .header-menu .menu ul li:last-child a { 
	border-bottom: none;
}
header .header-menu .menu li.current-menu-ancestor.current-menu-parent > a,
header .header-menu .menu li.current-menu-ancestor > a  { 
  color: #23a0c3  !important;
}
header .header-menu .menu li.current-menu-ancestor.current-menu-parent > a:before  { 
  
}
header .header-menu .menu li.current-menu-ancestor ul li.current-menu-ancestor > a {
	background:  #23a0c3 !important;
	color: #fff !important;
	text-decoration: none !important;
} 
header .header-menu .menu li ul li > a:hover,
header .header-menu .menu li.current-menu-ancestor.current-menu-parent li.extrabg > a:hover  {
	background: #23a0c3 !important;
	color: #fff !important;
	text-decoration: none !important;
}
header .header-menu .menu li ul li.current-menu-item >  a,
header .header-menu .menu li.current-menu-ancestor > li.current-menu-parent {
	background: #23a0c3 !important;
	color: #fff !important;
	text-decoration: none !important;
} 


.hauptnavigation .menu a.search-icon   { 
    cursor: pointer;
}
.hauptnavigation .menu a.search-icon:before  { 
    position: absolute;
    top: 24px;
    right: 3px;
    width: 20px;
    height: 20px; 
    font-size: 30px;
    position: absolute; 
    content: "\e90a"; 
}
.searchcenterbox {
	display: none; 
	position: absolute;
	z-index: 99999999999;
	right: 0;
	background: #f2f2f2;
	width: 450px;
	top: 82px;
	padding: 10px; 
}
 
.searchcenterbox form input {
	width: 100%;
	border: none;
	background: #fff;
	padding: 14px;
	outline: none;
	color: #000;
	letter-spacing: 1px;
	font-size: 17px;
}
 
.searchcenterbox .searchline {
	line-height: 0;
}




/*VC-WRAPPER
-------------------------------------------------------------------------*/ 
.wpb_text_column .wpb_wrapper ul  { 
	margin-top: 32px; 
	margin-bottom: 32px; 
}
.wpb_text_column .wpb_wrapper ul li {
	list-style-type: none;
	padding-left: 30px;
	position: relative;
	margin-bottom: 14px; 
}
.wpb_text_column .wpb_wrapper ul li:before {
    content: "\e938";
	color: #3d3d3d;
	font-size: 29px; 
	left: 0;
	top: 0; 
	transform: rotate(-90deg);
}
.white .wpb_text_column .wpb_wrapper ul li:before { 
	color:  #fff; 
}
 .white ul li:before { 
	color: #fff !important; 
}
.wpb_text_column .wpb_wrapper ul li ul li:before {
	content: "•";
	color: #a1191d;
	font-size: 26px;
	left: 0px;
	top: -1px; 
}

.wpb_text_column .wpb_wrapper ul li ul li   {
	padding-left: 17px;
}

.wpb_text_column .wpb_wrapper ul li ul  {
	margin: 20px 0 20px 2px;
}
.wpb_text_column .wpb_wrapper ol  {
	list-style: none;
	counter-reset: my-awesome-counter;
}
.wpb_text_column .wpb_wrapper ol li {
	counter-increment: my-awesome-counter;
	margin-bottom: 10px;
}
.wpb_text_column .wpb_wrapper ol li:before {
	content: counter(my-awesome-counter) ". ";
	color: #002940;
}
  

 

 









/*BUTTONS*/
.vc_general.vc_btn3 { 
	padding: 13px 25px !important; 
	border-radius: 0 !important; 
	font-size: 16px !important; 
	line-height: 24px;
	text-align: left !important; 
	display: inline-block;
	font-family: 'Saira', sans-serif;
	font-weight: 600;  
}
.vc_general.vc_btn3.btn-solid.vc_btn3-color-btn-custom-weiss {
	background: #fff !important;
	color: #64aecd !important;
	border: solid 2px #fff !important;  
}
.vc_general.vc_btn3.btn-solid.vc_btn3-color-btn-custom-weiss:hover {
	background: transparent !important;
	color: #fff !important;
	border: solid 2px #fff !important;  
}
.vc_general.vc_btn3.btn-rahmen.vc_btn3-color-btn-custom-weiss {
	background: transparent !important;
	color: #fff !important;
	border: solid 2px #fff !important;  
}
.vc_general.vc_btn3.btn-rahmen.vc_btn3-color-btn-custom-weiss:hover {
	background: #fff !important;
	color: #6ec1e4 !important;
	border: solid 2px #fff !important; 
}
.vc_general.vc_btn3.btn-rahmen.vc_btn3-color-btn-custom-weissgrau {
	background: transparant !important;
	color: #fff !important;
	border: solid 2px #fff !important;  
}
.vc_general.vc_btn3.btn-rahmen.vc_btn3-color-btn-custom-weissgrau:hover {
	background: #fff !important;
	color: #333 !important;
	border: solid 2px #fff !important;   
} 
.vc_general.vc_btn3.btn-solid.vc_btn3-color-btn-custom-weissgrau {
	background: #fff !important;
	color: #333333 !important;
	border: solid 2px #fff !important;  
}
.vc_general.vc_btn3.btn-solid.vc_btn3-color-btn-custom-weissgrau:hover {
	opacity: .8; 
} 
.vc_general.vc_btn3.btn-rahmen.vc_btn3-color-blue {
	background: #6ec1e4 !important;
	color: #52656d !important;
	border: solid 2px #6ec1e4 !important;
}
.vc_general.vc_btn3.btn-rahmen.vc_btn3-color-blue:hover {
	opacity: .8; 
}  
.vc_general.vc_btn3.btn-rahmen.vc_btn3-color-black {
	background: transparent !important;
	color: #000 !important;
	border: solid 2px #000 !important;
}
.vc_general.vc_btn3.btn-rahmen.vc_btn3-color-black:hover {
	background: #000 !important;
	color: #fff !important;
	border: solid 2px #000 !important;
}  

.vc_general.vc_btn3.btn-solid.vc_btn3-color-black {
	background: #000 !important;
	color: #fff !important;
	border: solid 2px #000 !important;
}
.vc_general.vc_btn3.btn-solid.vc_btn3-color-black:hover {
	background: #fff !important;
	color: #000 !important;
	border: solid 2px #000 !important;
} 

.extramargin .vc_general.vc_btn3 {
	margin-left: 10px;
} 
.vc_btn3-center {
	text-align: center;
}
 
 
 

.counterbox .icon {
	height: 121px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.counterbox .icon:before {
	color: #b6af9b;
	z-index: 0;
	position: absolute;
} 
.counterbox .icon_counter01:before {
	content: '\e906'; 
	font-size: 121px; 
}
.counterbox .icon_counter02:before {
	content: '\e905'; 
	font-size: 96px; 
}
.counterbox .icon_counter03:before {
	content: '\e902'; 
	font-size: 101px; 
}
.counterbox .icon_counter04:before {
	content: '\e904'; 
	font-size: 90px; 
}
.counterbox .wpb_raw_html,
.counterbox .wpb_text_column {
	text-align: center;
}  
.counterbox .counter,
.counterbox .counterafter {
	font-size: 62px; 
	font-family: 'Saira', sans-serif;
	font-weight: 600;  	
} 
.counterbox .counter,
.counterbox .counterafter,
.white.counterbox p { 
	color:#b6af9b !important;	
}
.counterbox .counter { 
	margin-bottom: 30px !important;
	display: inline-block;  
}
.counterbox .vc_column-gap-35 div.vc_col-sm-3:nth-child(1),
.counterbox .vc_column-gap-35 div.vc_col-sm-3:nth-child(2),
.counterbox .vc_column-gap-35 div.vc_col-sm-3:nth-child(3)  {
	border-right: solid 1px #000; 
}
.counterbox .vc_column-gap-35 div.vc_col-sm-3   {
	padding-top: 50px;
 
}
 
 


 

/*FOOTER
-------------------------------------------------------------------------*/
.container-footerend {
 	background: #000; 
	position: relative;
	width: 100%;
}
 
.footer_top p a,
.footer_top li a  {
	color: #fff;
	text-decoration: none;
}
footer p a:hover,
footer li a:hover {
	text-decoration: underline; 
} 
.footer_top   { 
	padding-bottom: 80px;
	padding-top: 80px;
	background: #212d2f;
	margin: 0 auto;
}
.page-id-26590 .footer_top   { 
	display: none;
}
.footer_top p  {
	margin-bottom: 15px;
	color: #fff;
}  
.footer_top .vc_col-sm-12 {
	display: flex;
	flex-direction: row;
	padding: 25px 0 50px 0;
}
.footer_top .sidebar-container {
	display: inline-block;
	padding: 0 15px;
	width: 33.3%;
	text-align: left;
}
.footer_top .sidebar-container:first-child {
	padding-left: 0;
} 
.footer_top .sidebar-container:last-child img {
	padding-right: 100px;
} 
.footer_top h5.widget-title:before {
	background: none;
}
.footer_top .footerclaim {
	text-transform: uppercase;
	font-size: 30px;
	line-height: 41px;
	color: #fff;
	margin-bottom: 70px;
}
.footer_top img {
	max-width: 80% !important;
	margin-top: 10px;
} 
.footer_top .ft_box   { 
	margin: 0 auto;
	max-width: 1190px; 
	display: flex;
} 
.footer_top .ft_box .ft_leftside {  
	width: 60%;
	margin-right: 90px;
}  
.footer_top .ft_box .ft_leftside h5 {  
	color: #fff;
	font-size: 41px;
	line-height: 51px;
	font-family: 'Saira', sans-serif;
	font-weight: 500;
	margin-bottom: 20px; 
}  
.footer_top .ft_box .ft_leftside p a {   
	margin-top: 20px;
	display: block;
} 

.footer_top .vc_general.vc_btn3.btn-solid.vc_btn3-color-btn-custom-weiss {
	color: #212d2f !important;
}

.footer_top .vc_general.vc_btn3.btn-solid.vc_btn3-color-btn-custom-weiss:hover {
	color: #212d2f !important;
	background: #fff !important;
	opacity: .8 !important;
}

.footer_top .social ul li a:before { 
  font-size: 33px !important;
}
.footer_top .ft_box .ft_rightside   {  
	width: 40%; 
} 
.footer_top .ft_box .ft_rightside h6 {  
	color: #fff;
	font-size: 25px;
	line-height: 51px;
	font-family: 'Saira', sans-serif;
	font-weight: 500;
	margin-bottom: 20px;
} 
.footer_top .ft_box .ft_rightside img  {  
	height: 28px; 
}

.footer_bottom #sixthfooter {
	max-width: 1190px;
	margin: 0 auto;
	position: relative;
}
.footer_bottom #sixthfooter .vc_col-sm-12 {
	padding: 15px 0;
	width: auto;
	display: inline-block;
}
.footer_bottom p a {
	color: #fff;
	text-decoration: none;
}
.footer_bottom  {
	background: #000;
	color: #fff;
	font-size: 14px;  
}
.footer_bottom ul {
	display: inline-block;
}
.footer_bottom a:hover:before {
	text-decoration: none;
	opacity: .75;
}
.footer_bottom .scrollup{
	position: absolute;
	right: 0;
	top: 16px; 
}
.footer_bottom .scrollup a {
	color: #fff !important;
	font-family: 'lato', sans-serif;
	line-height: 27px;
	font-weight: 400;
	padding-right: 22px; 
	position: relative;
}
.footer_bottom .scrollup a:before {
    content: "\e938";
    color: #fff;
	font-size: 17px;
	top: 2px;
	display: inline-block;
	position: absolute;
	right: 0;
	transform: rotate(180deg);
}




/* RESPONSIVE WEBDESIGN
--------------------------------------------------------------
--------------------------------------------------------------
--------------------------------------------------------------
--------------------------------------------------------------
--------------------------------------------------------------

 /* 2900px-Auflösung "MIN WIDTH 2900px"
-------------------------------------------------------------- */
@media only screen and (min-width: 2900px) {
.bigboxd,
.changerow,
.counterbox,
.bim-headline,
.header .headertop   {
    margin: 0 auto;
	left: 0 !important;
	max-width: 2200px !important; 
	padding-left: 0 !important;
	padding-right: 0 !important;
}
a.logoimage { 
  background-size: 152px; 
}
 .wrapperbox,
.footer_bottom #sixthfooter,
 .footer_top .ft_box {
	max-width: 2200px; 
} 
.sliderboxwrapper .slick-list {
	width: 100% !important;
}
.bim-headline   { 
	max-height: 500px;
}
/*.vc_row.vcrow1920 {
 
	margin: 0 auto;
	left: 0 !important;
}
.randombuehne img {
	max-width: 3000px;
} 
.randombuehne  {
	text-align: center;
} 
.home .randombuehne:after { 
	background-color: rgba(0,0,0,0); 
}
.wrapperbox {
  max-width: 3000px;
  margin:0 auto;
} 
 
  
.changerow,
.counterbox	{
    position: relative;
  }

  .changerow > .vc_column_container, 
  .changerow > .wpb_column,
  .changerow > .vc_row-inner,
  .counterbox > .vc_column_container, 
  .counterbox > .wpb_column,
  .counterbox > .vc_row-inner  {
    
    margin-left: auto;
    margin-right: auto;
  }
 
  .counterbox > .vc_row-inner .vc_inner  {
  
    margin-left: auto;
    margin-right: auto;
  }
   .header .headertop { 
  max-width: 2700px; 
  height: 130px;
}
  header .header-menu .menu li a { 
  font-size: 2rem; 
}
  header .header-menu .menu > li.menu-item-has-children > a::before { 
  font-size: 44px;
  top: 24%;
  right: -38px; 
}
  .wpb_wrapper p,
ul li  { 
  font-size: 3rem;
  line-height: 4.5rem;
}
.wpb_text_column h1, 
.wpb_text_column h2 {
  font-size: 7rem;
  line-height: 9rem; 
}
.wpb_text_column h5 { 
  font-size: 3rem;
    line-height: 4.5rem;
}*/
}



/* MIN1940px-Auflösung "MIN WIDTH 1940px"
-------------------------------------------------------------- */
@media only screen and (min-width: 1940px) {
.vc_row.vcrow1920  {
 	max-width: 1270px;
	margin: 0 auto;
	left: 0 !important;
}
 .vc_row.vcrow1920.homebox {
    max-width: inherit; 
  }

.randombuehne img   {
	max-width:2800px !important;
	object-fit: cover;
	max-height: 586px;
	object-position: center;
} 
.nichtfront .randombuehne img   {  
	object-position: center;
} 
.randombuehne  {
	text-align: center;
}  
  .home .randombuehne:after {
    max-width: 3000px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
/*.changerow,
.counterbox	{
    position: relative;
  } 
  .changerow > .vc_column_container, 
  .changerow > .wpb_column,
  .changerow > .vc_row-inner,
  .counterbox > .vc_column_container, 
  .counterbox > .wpb_column,
  .counterbox > .vc_row-inner  {  
    margin-left: auto;
    margin-right: auto;
  } 
  .counterbox > .vc_row-inner .vc_inner  {  
    margin-left: auto;
    margin-right: auto;
  } */
}
  


/* 1300px-Auflösung "WIDTH 1300px"
-------------------------------------------------------------- */
@media only screen and (max-width: 1300px) {
	.hauptnavigation 	{
		right: 10px !important;
	} 
	.footer_top,
	.footer_bottom {
		padding-left: 15px;
		padding-right: 15px;
	}
	.vc_row.vc_column-gap-35 {
		margin-left: -15px !important;
		margin-right: -15px !important;
	} 
	  
	.header .headertop  {
		padding-left: 15px;
		padding-right: 15px;
	}  
	a.anchorhome {
		display: none; 
	}  
}





.mobile_menu_button  {
	display: none;
}
.sidemenu {
	position: absolute;
	top: -850px; 
	z-index: 9999; 
	background-color: #23a0c3;
	width: 250px;
	display: none;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}



/* 1200px-Auflösung "WIDTH 1200px" - MOBILE MENU KOMMT
-------------------------------------------------------------- */
@media only screen and (max-width: 1200px) { 
	.randombuehne figure,
	.randombuehne .vc_single_image-wrapper,
	.randombuehne .vc_single_image-wrapper img,
	.randombuehne img { 
		object-fit: inherit;
		height: auto;
	}  
	.changerow .vc_col-sm-6 .vc_column-inner {
		padding: 60px 15px !important;
	}
	.changerow .vc_col-sm-6 {
		width: 100% !important;
	}
	.changerowrightimage {
		flex-direction: column-reverse;
		display: flex;
	} 
	
	.sidemenushow {
		display: block;
		top: 60px;
	}  
	a.search-icon-mobile {
		display: block;
		width: 30px;
		height: 30px;
		top: 10px;
		right: 60px;
		position: absolute;
		z-index: 999999; 
		cursor: pointer;		
	}
	a.search-icon-mobile:before {
		position: absolute;
		top: 0;
		right: 0; 
		font-size: 40px;
		position: absolute; 
		content: "\e90a"; 
	}
	.searchcenterbox { 
		right: 29px; 
		width: 350px;
		top: 62px; 
	}
	.mobile_menu {
		background: #23a0c3;
		max-width: 100%;
		width: 100%;
		position: absolute;
		z-index: 9999; 
		overflow-y: auto;
		overflow-x: hidden; 
		display: block;
		font-weight: 500;
		font-family: 'Saira', arial, sans-serif;
		text-transform: uppercase; 
	} 
	.mobile_menu .mobile_menu_main > ul > li a  {
		padding-left: 15px;
		display: block; 
		font-size: 14px;
	}
	.mobile_menu .mobile_menu_main ul a  {
		color: #fff;
	}
	.mobile_menu .mobile_menu_main > ul li  {
		line-height: 50px;
		z-index: 1;
		position: relative;
	}
	.mobile_menu .mobile_menu_main > ul > li  {
		line-height: 50px;
		z-index: 1;
		border-bottom: 1px solid #2091b1;
		position: relative;
	} 
	.mobile_menu .mobile_menu_main .menu > li.menu-item-has-children {
		position: relative;
	}
	.mobile_menu .mobile_menu_main .menu .mobile_menu_arrow {
		top: 0;
		right: 0;
		width: 50px;
		height: 50px;
		position: absolute;
		cursor: pointer;
	}
	.mobile_menu .mobile_menu_main .menu .mobile_menu_arrow:after {
		content: "\e938";
		color: #fff;
		font-size: 27px;
		top: 0;
		right: 0;
		width: 50px;
		height: 50px;
		z-index: 2;
		font-family: 'icomoon' !important;
		font-style: normal;
		font-weight: normal;
		text-decoration: inherit;
		position: absolute;
		line-height: 1;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		justify-content : center;
		align-items : center;
		display: flex;
	}
	.mobile_menu .mobile_menu_main .menu li.expanded > .mobile_menu_arrow:after {
		 transform: rotate(-180deg);
	}
	.mobile_menu .mobile_menu_main ul ul li > a {
		padding-left: 30px; 
		text-transform: none; 
		font-size: 15px;
	}
	.mobile_menu .mobile_menu_main ul ul li > a {
		padding-left: 30px;
		border-bottom: 1px solid #202020;
	}
	.mobile_menu .mobile_menu_main ul ul ul li > a {
		padding-left: 60px;
	}
	.mobile_menu .mobile_menu_main ul ul li  {
		background: #212d2f;
	}
	.mobile_menu .mobile_menu_main ul ul li:last-child {
		border-bottom: none;
	}
	.mobile_menu .mobile_menu_main ul.sub-menu {
		display: none;
	}
	.mobile_menu .mobile_menu_main ul.sub-menu.is-open {
		display: block;
	} 
	.header-rightside .hauptnavigation {
		display: none;
		visibility: hidden;
	}
	#mobile_menu_button {
		width: 31px;
		height: 31px;
		position: absolute;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: .5s ease-in-out;
		-moz-transition: .5s ease-in-out;
		-o-transition: .5s ease-in-out;
		transition: .5s ease-in-out;
		cursor: pointer;
		right: 16px;
		top: 21px;
		z-index: 99999;
		cursor: pointer;
	}
	#mobile_menu_button span {
		display: block;
		position: absolute;
		height: 2px;
		width: 100%;
		background: #23a0c3;
		border-radius: 9px;
		opacity: 1;
		left: 0;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: .25s ease-in-out;
		-moz-transition: .25s ease-in-out;
		-o-transition: .25s ease-in-out;
		transition: .25s ease-in-out;
	}
	#mobile_menu_button span:nth-child(1) {
	  top: 0px;
	  -webkit-transform-origin: left center;
	  -moz-transform-origin: left center;
	  -o-transform-origin: left center;
	  transform-origin: left center;
	}
	#mobile_menu_button span:nth-child(2) {
	  top: 9px;
	  -webkit-transform-origin: left center;
	  -moz-transform-origin: left center;
	  -o-transform-origin: left center;
	  transform-origin: left center;
	}
	#mobile_menu_button span:nth-child(3) {
	  top: 18px;
	  -webkit-transform-origin: left center;
	  -moz-transform-origin: left center;
	  -o-transform-origin: left center;
	  transform-origin: left center;
	}
	#mobile_menu_button.open span:nth-child(1) {
	  -webkit-transform: rotate(45deg);
	  -moz-transform: rotate(45deg);
	  -o-transform: rotate(45deg);
	  transform: rotate(45deg);
	  top: 0;
	  left: 0;
	}
	#mobile_menu_button.open span:nth-child(2) {
	  width: 0%;
	  opacity: 0;
	}
	#mobile_menu_button.open span:nth-child(3) {
	  -webkit-transform: rotate(-45deg);
	  -moz-transform: rotate(-45deg);
	  -o-transform: rotate(-45deg);
	  transform: rotate(-45deg);
	  top: 22px;
	  left: 0;
	}  
	.mobile_menu_additional {
		padding: 25px 0 25px 20px !important;
		background: #000; 
	}  
	
	.mobile_menu_additional .social ul  {
		margin-left: -20px;
		background: #23a0c3;
		padding: 23px;
	} 	 
	.mobile_menu_additional .social ul li:first-child   {
		margin-left: 0; 
	} 	 
	.mobile_menu_additional .social ul li a.xing:before, 
	.mobile_menu_additional .social ul li a.linkedin:before, 
	.mobile_menu_additional .social ul li a.mail:before { 
		font-size: 42px;
		color: #fff; 
	}		   
	.mobile_menu_additional .social ul li a.mail:before { 
		font-size: 52px; 
	}	 
	.mobile_menu_additional .social ul li a.xing:hover:before, 
	.mobile_menu_additional .social ul li a.linkedin:hover:before, 
	.mobile_menu_additional .social ul li a.mail:hover:before {  
		color: #6ec1e4; 
	}
	.mobile_menu_additional .contact_notfall  { 
		position: relative;
		margin: 0 0 0 42px;
	}  
	.mobile_menu_additional .contact_notfall:before  {
		font-size: 42px;
		top: 16px;
		content: "\e901";
		z-index: 0;
		position: absolute;
		left: -46px;
		transform: rotate(28deg);
	}  
	.mobile_menu_additional .contact_notfall .contact_notfall_headline  {
		font-size: 15px;
		font-weight: 500;
		font-family: 'Saira', sans-serif;
		text-transform: uppercase;
		line-height: 32px;
	}   
	.mobile_menu_additional .contact_notfall .contact_notfall_number {
		font-size: 28px;
		margin-top: 3px;
		line-height: 32px;
	}   
	.mobile_menu_additional .contact_notfall .contact_notfall_number a  {
		color: inherit;
	}       
	.mobile_menu_additional .contact_notfall .contact_notfall_number a:hover  {
		text-decoration: none;
	}    
	.mobile_menu_additional .contact_notfall .contact_notfall_hinweis  {
		font-size: 10px;
		color: #adadad !important;
	}      
	.mobile_menu_additional .contact_notfall .contact_notfall_headline,
	.mobile_menu_additional .contact_notfall .contact_notfall_number,
	.mobile_menu_additional .contact_notfall:before   {
		color: #fff;
	}  
	.homemain {
		left: 15px;
		transform: translate(0,0);
		width: auto;
	} 	
	.sticky .wrapperboxheader { 
	  position: absolute; 
	}
	.wrapperboxheader { 
		top: 0; 
	}

	.dreierbox_buehne { 
	  margin-top: -191px; 
	} 
 	header .header-menu {
		display: none !important;
	}
	header .header-rightside { 
		margin-left: 0;
		position: absolute;
		right: 16px;
		top: 72px;
		height: 51px;
		width:  94px;
	}
	header .header-rightside a {
	  max-width: 72px; 
	}
	.home .mainwrapper {
		padding-top: 0;
	}  
	.header .headertop  { 
		height: 60px; 
	} 
	.header {
		position: relative; 
		height: 60px; 
	}  
	.wrapperbox {
		padding-top: 0;
	} 
	header .header-leftside {
		height: 60px;
		width: 100%;
	} 
	.header a.logoimage { 
		left: 0;  
		background-size: 100%;
		height: 60px;
		margin-left: 0;	
	} 
	header .header-leftside .logoboxflex { 
		width: 126px;
	}
	.counterbox .counter,
	.counterbox .counterafter	{
		font-size: 80px;  
	} 
	figure {
		margin: 0;
	}
	.vc_btn3-container.vc_btn3-center {
		text-align: center;
	}    
}



/* 1100-Auflösung "WIDTH 1100"
-------------------------------------------------------------- */
@media only screen and (max-width: 1100px) { 
	.container-footerend .footer_bottom #sixthfooter {
		padding-bottom: 15px;
	}   
	.counterbox .counter,
	.counterbox .counterafter {
		font-size: 52px;   	
	} 
 
	.dreierbox_buehne {
		margin-top: -10px;
		margin-right: -15px !important;
	}
}
 


/* 1024-Auflösung "WIDTH 1024px"
-------------------------------------------------------------- */
@media only screen and (max-width: 1024px) {
	.menu .sub-menu li {
		margin: 0 ;
	}
	.content {
		width: 100%;
	}
	.container-footer .footerbox {
		display: block;
		width: 100%;
		margin-bottom: 25px;
		text-align: left;
		min-height: 0;
	} 
	.vc_col-sm-4 .vc_column-inner  {
		padding: 10px;
	} 
	.container-footerend .footer_bottom #sixthfooter .vc_col-sm-12 {
		padding-bottom: 0;
	}
	.vc_tta.vc_general .vc_tta-panel-title > a {
		padding-left: 0 !important;
	}
	.counterbox h2 { 
		padding-left: 15px;
	} 
	.dreierbox_buehne .wpb_text_column h4 {
 
	}
	.dreierbox_buehne .wpb_text_column p {
		font-size: 16px; 
	}
	.wpb_text_column h4 br {
		display: none;
	}
	.counterbox .vc_column-gap-35 div.vc_col-sm-3   {
		width: 50%; 
	} 
	.counterbox .vc_column-gap-35 div.vc_col-sm-3:nth-child(3),
	.counterbox .vc_column-gap-35 div.vc_col-sm-3:nth-child(4)   { 
		border-top: solid 1px #000;
	}   
	.counterbox .counter,
	.counterbox .counterafter {
		font-size: 62px;   	
	} 
	
	.kachelview .vc_col-sm-3 h4 {
		hyphens: auto;
	}  
	.kachelview   {
		margin-bottom: 32px;  
		margin-left: 0 !important;
		margin-right: 0 !important;
		margin-right: 0 !important;
	}   
	.kachelview .vc_col-sm-3  {
		width: 100%;  
	} 
	.kachelview .firstcol  { 
		display: block; 
		width: 100%; 
	} 
	.kachelview .firstcol p { 
		position: relative;
		top: 48%;
		transform: none;  
		margin-bottom: 0 !important; 
		left: 0;
		padding: 20px 0 !important; 
	}

}


  /*  Auflösung "WIDTH 880px"
-------------------------------------------------------------- */
@media only screen and (max-width: 880px) { 
	.nichtfront .wpb_raw_code .wpb_wrapper .form {
		max-width: 100%;
	}   
	.homebox .vc_col-sm-8,
	.homebox .vc_col-sm-4 {
		width: 100%;
	}
	.homemain { 
	  top: 15%; 
	}
}


/* IPHONE-Auflösung "WIDTH 767px"
-------------------------------------------------------------- */
@media only screen and (max-width: 767px) { 
	.changerow .vc_col-sm-6.vc_col-has-fill .vc_column-inner {
		min-height: 350px;
	}
	.changerow.minheight .vc_col-sm-6.vc_col-has-fill .vc_column-inner {
		min-height: 378px;
	} 
	.container-footerend .footer_top .vc_col-sm-12 {
		display: block;
	}
	.container-footerend .footer_top .sidebar-container 	{
		width: 100%;
		padding: 0;
		margin-bottom: 62px;
		text-align: left;
	}
	.container-footerend .footer_top .sidebar-container:last-child 	{ 
		margin-bottom: 0; 
	} 
	.wpb_text_column h1, .wpb_text_column h2, .wpb_text_column h3 , .wpb_text_column h4 {
		font-size: 24px;
		line-height: 36px !important; 
	} 
	.wpb_text_column h5 { 
		font-size: 16px; 
		line-height: 31px; 
	} 
	.footer_top .vc_col-sm-12 { 
		padding: 25px 0 0 0;
	}   
	body {
		font-size: 16px; 
		line-height: 31px; 
	}   
	.header,
	.header .headertop,
	.wrapperboxheader 	{ 
		height: 60px;
	}  
	.vc_general.vc_btn3 {
		padding: 11px 21px !important; 
		font-size: 13px !important; 
	} 
	.footer_top .ft_box .ft_leftside h5 {   
		font-size: 24px;
		line-height: 36px !important;
		margin-bottom: 10px;
	}
	.footer_top .ft_box .ft_rightside h6 {
		margin-bottom: 10px;
	}	
	.counterbox .vc_column-gap-35 div.vc_col-sm-3   {
		width: 100%; 
		border-top: solid 1px #000;
	} 
	.footer_top .ft_box { 
	  display: block;
	}
	.footer_top .ft_box .ft_leftside,
	.footer_top .ft_box .ft_rightside   {  
		width: 100%; 
	} 
	.footer_top .ft_box .ft_leftside   {  
		margin-bottom: 80px;
	} 
	
	.extra .vc_col-sm-8 .vc_column-inner { 
		padding-left: 15px !important; 
		margin-bottom: 32px;
	}  
	.nohandy,
	.scrollup	{
		display: none !important; 
	}   
	.homemain {
		top: 15%;
	} 
	.homemain p {
	  font-size: 16px; 
	}
	.extra .vc_col-sm-4 .vc_column-inner { 
	  padding-left: 15px !important;
	}
}


/* EXTRA-Auflösung "WIDTH 620px"
-------------------------------------------------------------- */
@media only screen and (max-width: 620px) {
	.extramargin .vc_general.vc_btn3 {
		margin-left: 0;
	}
	.vc_btn3-container.extramargin.vc_btn3-inline {
		display: block;
	}   
	.homebox .homebox_outer  {
		display: block;
	}  
	.homebox .homebox_outer .newsbox  {
		width: calc(100% - 40px);
	} 
	.homebox .homebox_outer .newsbox:first-child  {
		margin-bottom: 32px;
	}
 	.mobile_menu_additional .contact_notfall .contact_notfall_number {
		font-size: 22px; 
	}   
	.homemain {
		top: 8%;
	} 
} 


/* EXTRA-Auflösung "WIDTH 420px"
-------------------------------------------------------------- */
@media only screen and (max-width: 420px) { 
	.randombuehne img {
		width: auto;
		height: 350px;
	} 
	.homemain h1  { 
		font-size: 32px;
		line-height: 43px !important;
	} 
	.homemain {
		top: 6%;
	}  
	.searchcenterbox {  
		width: 250px; 
	}	
}