/*
Theme Name: indigo
Theme URI: https://www.indigo-digital.de
Description:  Individuelles Wordpress-Theme für die Domain indigo-digital.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
-------------------------------------------------------------------------*/ 

/* anton-regular - latin */
@font-face {
  font-display: swap;  
  font-family: 'Anton';
  font-style: normal;
  font-weight: 400;
  src: url('webfonts/anton-v26-latin-regular.woff2') format('woff2');  
}

/* dm-sans-300 - latin */
@font-face {
  font-display: swap;  
  font-family: 'DM Sans'; 
  font-weight: 300; 
  src: url('webfonts/dm-sans-v15-latin-300.woff2') format('woff2');  
}

/* dm-sans-regular - latin */
@font-face {
  font-display: swap;  
  font-family: 'DM Sans'; 
  font-weight: 400; 
  src: url('webfonts/dm-sans-v15-latin-regular.woff2') format('woff2');  
}
/* dm-sans-700 - latin */
@font-face {
  font-display: swap;  
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 700;
  src: url('webfonts/dm-sans-v15-latin-700.woff2') format('woff2'); 
}

 

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


header .menu >  li.menu-item-has-children >  a:before,
.wpb_text_column .wpb_wrapper ul li: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,    
.row_form:after,   
.social ul li a:before,
a.logoimage:before,   
a.anchorhome:after,
a.anchorhome:before,   
a.vc_btn3:after,   
.counterbox_mobilebox:after,   
.smicon:after,
.sn-extra:after,
.footer_bottom .scrollup a:before,
.mobile_menu:after, 
.fancybox-container .fancybox-button div:after, 
.kachelblackbox:before, 
.wpcf7 .wpcf7-submit:after,
.labelsgridbox .kachelitem:after,
.alianzengridbox .kachelitem:after,
.gallery dt a:after,
.slider-text .slick-arrow: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;
} 

 .hiddenaccy {
  text-indent: 120%;
  overflow: hidden;
  display: none;
  top: -15px;
  background: transparent;
}
.kachelblackbox  {
	position: relative;
}  
.kachelblackbox:before {
	content: "\e90c" !important;
	color: #202020;
	font-size: 1529px;
	left: 0;
	top: 22px;
} 
 
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;
	-webkit-text-size-adjust: 100%;
	text-size-adjust: 100%;
}
ol, ul {
	list-style: none;
}
del {
	text-decoration: line-through;
}
a img {
	border: none;
}
body {
	font-size: 1.2rem;
	color: #171717;
	font-family: 'DM Sans', sans-serif;
	line-height: 1.9rem;
	overflow: hidden;
	position: relative;
	font-weight: 300;
} 
.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: #000;
	text-decoration: underline;
}
.wpb_wrapper p a:hover,
.wpb_wrapper li a:hover {
	text-decoration: none;
}
.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;
} 
a {
	text-decoration: none;
}
a,
p a:focus,
.slick-prev:focus {
	outline: 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;
}


.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;
}   
 
.mainbuehne,
.mainbuehne .wpb_column.vc_column_container.vc_col-sm-12,
.mainbuehne .wpb_column.vc_column_container.vc_col-sm-12 .vc_column-inner {
	height: 797px; 
}
 
.mainbuehne .buehnenheadline {
  font-family: 'Anton', sans-serif;
  font-weight: 400; 
}
 .mainbuehne .homemain {
	position: absolute; 
	color: white;
	width: 90%; 
	top: 20%;
	left: 131px;
	z-index: 2; 
}  
.home .mainbuehne .homemain span {
	font-family: 'Anton', sans-serif;
	font-weight: 400; 
	position: relative; 
	font-size: 4.5rem;
	line-height: 5rem;
	color: #d02e86;
	text-transform: uppercase;
	text-shadow: 11px 11px 0px #560c34;
	margin-right: 10px;
}
.home .mainbuehne .homemain span:nth-child(1) {  
	font-size: 135px;
}
.home .mainbuehne .homemain span:nth-child(2) {  
	font-size: 235px;
}
.home .mainbuehne .homemain span:nth-child(3) { 
	display: block;
	margin-right: 0;
	margin-top: 129px;
	font-size: 392px;
	margin-left: 276px;
}
.home .mainbuehne .homemain p { 
	max-width: 680px; 
	width: 100%;
	font-size: 1.2rem;
	line-height:2.2rem;
	margin-bottom: 15px;
}
.home .mainbuehne .homemain p:last-child { 
	right: 52px;
	position: absolute;
	bottom: -214px;
}
.home .mainbuehne .wpb_raw_html { 
	transform: rotate(-10deg);
}
 




.nichtfront .mainbuehne .buehnenheadline {
	font-size: 2.5rem;
	line-height: 3rem;
	color: #d02e86;
	text-transform: uppercase;
	text-shadow: 4px 4px 0px #560c34;
} 
 .mainbuehne .homemainextra .buehnenheadline { 
	color: #4b4b4b; 
	font-size: 4.5rem;
	line-height: 5rem;
} 
.mainbuehne .wpb_single_image img {
  height: auto;
  max-width: 1418px;
  vertical-align: top;
}
.mainbuehne .wpb_column.vc_column_container.vc_col-sm-12:after {  
	top: 0;
	left: -934px;
	content: '';
	position: absolute; 
	border-style: solid;
	border-width: 658px 441px 0 1124px;
	border-color: rgba(255,255,255,.1) transparent transparent transparent;
	font-size: 560px;
} 
.custom_rowshape:before {  
	top: 0;
	left: -934px;
	content: '';
	position: absolute; 
	border-style: solid;
	border-width: 658px 441px 0 1124px;
	border-color: rgba(255,255,255,.1) transparent transparent transparent;
	font-size: 560px;
}    
 
.mainbuehne .homemain p a  {
    text-decoration: none  !important; 
}   
.mainbuehne .homemain p a strong {
    visibility: hidden;
} 
.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;
}  
 
.vc_row-has-fill .vc_row.vc_column-gap-30 {
  margin-left: -15px !important; 
  margin-right: -15px !important; 
}
.trennermodul .trennerline {
	height: 2px;
	background: #E0E0E0;
	width: 100%;	
} 
.trennermodul  {
	margin-top: 80px;
	margin-bottom: 60px;
}




.mobile_menu_button  {
	display: none;
}
.sidemenu {
	position: absolute;
	right: -850px; 
	z-index: 9999; 
	background-color: #000000;
	width: 455px;
	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;
}
.mobile_menu:after  {
	content: "\e90c";
	color: #202020;
	font-size: 529px;
	right: -336px;
	top: 22px;	
}
.sidemenushow {
	display: block;
	right: 0;
}   
.mobile_menu {
	background: #000;
	max-width: 100%;
	width: 455px; 
	position: fixed;
	z-index: 999999999999; 
	overflow-y: auto;
	overflow-x: hidden; 
	display: block;
	font-weight: 400;
	font-family: 'Anton', sans-serif;
	text-transform: uppercase;  
	height: 100%;
	border-left: solid 2px #111111;
} 
.mobile_menu .mobile_menu_main > ul > li a  {
	padding-left: 15px;
	display: block; 
	font-size: 1.7rem;
	line-height: 2.4rem;
	/*border-bottom: solid 2px #111111;*/
	padding: 20px 0;
	margin: 0 40px;
}  
.mobile_menu .mobile_menu_main > ul > li a:hover  {
	color: #d02e86;
}  


.mobile_menu .mobile_menu_main > ul > li.current-menu-item a:before  {
	content: '';
	position: absolute;
	border-left: solid 6px #d02e86;
	height: 21px; 
	top: 29px;
	left: 21px;
}  

 
 .mobile_menu .wpml-ls-item a { 
  flex-direction: row-reverse;
  font-size: 1.7rem;
  line-height: 2.4rem;
  display: flex !important;
  color: #fff;
  justify-content: left;
}
.mobile_menu .wpml-ls-item {
  border: none;
  padding: 0; 
} 
.mobile_menu .wpml-ls-menu-item .wpml-ls-flag + span {
  margin-left: 0;
  margin-right: .3em;
}


.mobile_menu .mobile_menu_main ul a  {
	color: #fff; 
} 
.mobile_menu .mobile_menu_main ul li.current-menu-item a  {
	color: #d02e86; 
} 
.mobile_menu .mobile_menu_main ul a:hover:before  {
	content: '';
	position: absolute;
	border-left: solid 6px #d02e86;
	height: 21px; 
	top: 29px;
	left: 21px;
}
#menu-main .wpml-ls-item a:hover:before,
#menu-main-englisch .wpml-ls-item a:hover:before { 
	left: -17px;
	top: 10px;
}


#menu-main .wpml-ls-item a,
#menu-main-englisch .wpml-ls-item a {
	position: relative;
	line-height: 0;
}
#menu-main .wpml-ls-item a:after {
	position: absolute;
	content: url('images/flag_gb_black.jpg');
	width: 32px;
	height: 24px;
	left: 33px;
	top: 8px; 
}
#menu-main .wpml-ls-item a:hover:after { 
	content: url('images/flag_gb_color.jpg'); 
}
#menu-main-englisch .wpml-ls-item a:after {
	position: absolute;
	content: url('images/flag_de_black.jpg');
	width: 32px;
	height: 24px;
	left: 33px;
	top: 8px; 
}
#menu-main-englisch .wpml-ls-item a:hover:after { 
	content: url('images/flag_de_color.jpg'); 
}
 

.mobile_menu .mobile_menu_main > ul li  {
	z-index: 1;
	position: relative; 
}
.mobile_menu .mobile_menu_main > ul > li  {
	line-height: 50px;
	z-index: 1;
	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: 16px;
}
.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;
} 
#mobile_menu_button {
	width: 70px;
	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: 0;
	top: -14px;
	z-index: 99999;
	cursor: pointer;
}
#mobile_menu_button span {
	display: block;
	position: absolute;
	height: 5px; 
	background: #fff;
	border-radius: 25px;
	opacity: 1;
	right: 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;
	width: 70%;
	-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:11px;
	width: 47%;
	right: 23px;
	-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: 22px; 
	right: 28px;
	width: 70%;
	-webkit-transform-origin: left center;
	-moz-transform-origin: left center;
	-o-transform-origin: left center;
	transform-origin: left center;
} 
#mobile_menu_button:hover span:nth-child(1) {
	background: #a65280;
} 
#mobile_menu_button:hover span:nth-child(2) {
	background: #00aaa4;
} 
#mobile_menu_button:hover span:nth-child(3) {
	background: #f38c00;
} 
.mobile_menu_additional {
	padding: 25px 0 25px 20px !important;
	background: #000; 
}   
.mobilemenuclose {
	margin-top: 65px;
	diplay: block;
	position: relative;
	z-index: 9999;
	display: flex;
	justify-content : flex-end;
	height: 55px;
}  
.mobilemenuclose .mobilemenuclose_inner {
	width: 50px; 
	height: 50px;
	top: 0;
	right: 30px;
	position: relative; 
	cursor: pointer;
}
	
.mobilemenuclose span {
	display: block;
	position: absolute;
	height: 5px;
	width: 100%;
	background: #fff;
	border-radius: 25px;
	opacity: 1;
	right: 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;
}  

.mobilemenuclose span:nth-child(1) {
	  -webkit-transform: rotate(45deg);
	  -moz-transform: rotate(45deg);
	  -o-transform: rotate(45deg);
	  transform: rotate(45deg);
	  top: 21px;
	  left: 0;
}
.mobilemenuclose span:nth-child(2) {
	  width: 0%;
	  opacity: 0;
}
.mobilemenuclose span:nth-child(3) {
	  -webkit-transform: rotate(-45deg);
	  -moz-transform: rotate(-45deg);
	  -o-transform: rotate(-45deg);
	  transform: rotate(-45deg);
	  top: 21px;
	  left: 0;
}  
 

 
/*HEADLINES
-------------------------------------------------------------------------*/
.wpb_text_column h1  
.wpb_text_column h3, 
.wpb_text_column h4, 
.wpb_text_column h5, 
.wpb_text_column h6  { 
	font-family: 'Anton', sans-serif;
	font-weight: 400;
	color: #171717;
	position: relative;
	text-transform: uppercase; 
}
.wpb_text_column h1   {
	font-size: 45px;
	line-height: 61px;  
}  
.white h2,
.white p {
	color: #fff !important;
}  
.wpb_text_column h4 { 
	font-size: 1.5rem;
    line-height: 2rem;
	letter-spacing: .06rem;	 
} 
.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 h5, .white h6 {
	color: #fff !important;
}
.white .specialheadingbox h3.sh_headline { 
	color: #d02e86 !important;
}
 


 .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; 
} 
 
 
  

/*HEADER
-------------------------------------------------------------------------*/
.wrapperbox {
	max-width: 1500px; 
	margin: 0 auto; 
}
.wrapperboxheader {
	margin: 0 auto; 
	top: 50px;
	width: 100%; 
	position: absolute;	
	-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;
}
.header {
	margin: 0 auto;  
	z-index: 99999;
	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 {
	display: block;
	width: 100%; 
	margin: 0 auto;
	max-width: 1475px; 
	padding-left: 20px;
	padding-right: 20px;
	display: flex; 
	align-items: center; 
	justify-content: space-between;
} 
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: 349px;
} 
header .header-rightside {
	float: right;
	position: relative;
	padding-right: 0;
	display: flex;
	justify-content : flex-end;
}  
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: 77px;
    position: relative;
	background-image: url('images/logo_indigo_digital.svg');
	background-repeat: no-repeat;
	background-size: 83%;
	background-position: 0 0 ; 
	-webkit-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
	filter: brightness(0) saturate(100%) invert(100%) sepia(5%) saturate(21%) hue-rotate(276deg) brightness(109%) contrast(100%);
}  
a.logoimage:hover { 
    filter: none;
}  
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: 100px;
} 
 
 

 
 

/*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;
}
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; 
	margin-left: 60px;
}
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;
} 

.sn-extra  {
	position: relative; 
	overflow: hidden;
}  
 
.sn-extra .vc_column-inner .wpb_text_column.wpb_content_element   {
	background: #f2f2f2; 
	border: solid 1px #E0E0E0;
	padding: 30px; 
} 
 


.sn-extra:after {
	content: "\e90c";
	color: #E8E8E8;
	font-size: 159px;
	right: 48px;
	top: 41px;
}
 
.sn-extra pre {
	margin-bottom: 15px;
	font-size: 24px;
	line-height: 36px;
	letter-spacing: .06rem;
	font-family: 'Anton', sans-serif;
	font-weight: 400;
	text-transform: uppercase;
} 
.sn-extra .wpb_text_column .wpb_wrapper ul   {
	margin-bottom:0; 
}  
.sn-extra .wpb_text_column .wpb_wrapper ul li:before { 
  top: 1px; 
}
.sn-extra .wpb_text_column .wpb_wrapper ul li  {
	margin-bottom:5px; 
}  
.sn-extra .wpb_text_column .wpb_wrapper ul li a {
	font-size: 1rem;
	text-decoration: none;
}  
.sn-extra .wpb_text_column .wpb_wrapper ul li a:hover { 
	text-decoration: underline;
} 

.sn-traegerrow {
	position: relative;
	z-index: 2;
} 

.extramenu .wpb_wrapper .menu-sn-leistungen-container  { 
	max-width: 430px;
	width: 100%;
	position: absolute;
	right: 15px;
	top: -150px;
	z-index: 9999;
} 
 

 
.extramenu .wpb_wrapper .menu-sn-leistungen-container ul li   { 
	padding-bottom: 0; 
	padding-left: 0 !important;
	background: #fff;
	margin-top: 0;
	margin-bottom: 0 !important; 
} 
.extramenu .wpb_wrapper .menu-sn-leistungen-container ul li ul li:hover   {  
	background: #000; 
}  
.extramenu .wpb_wrapper .menu-sn-leistungen-container ul li ul li:hover a  {  
	color: #fff;
} 
.extramenu .wpb_wrapper .menu-sn-leistungen-container ul li ul li:hover > a:after  {   
	color: #fff; 
}
.extramenu .wpb_wrapper .menu-sn-leistungen-container ul li:before   {  
	content: " " !important;   
} 
.extramenu .wpb_wrapper .menu-sn-leistungen-container ul li >  a   { 
	color: #000;
	padding: 13px 0 13px 13px; 
	cursor: pointer;  
	font-size: 1rem !important; 
	font-weight: 400;
	text-decoration: none;
	display: block;  
    position: relative; 
	text-transform: uppercase;
} 
.extramenu .wpb_wrapper .menu-sn-leistungen-container ul li ul li >  a   { 
	text-transform: none;
} 
  
.extramenu .wpb_wrapper .menu-sn-leistungen-container ul li >  a:after  { 
    position: absolute;
    top: 14px;
    right: 5px;
	width: 20px;
	height: 20px;
    color: #000;
    font-size: 14px; 
    font-family: "icomoon";
    content: "\e938"; 
}
.extramenu .wpb_wrapper .menu-sn-leistungen-container ul li.on >  a:after  { 
    transform: rotate(180deg);
	top: 24px;
	right: 10px;
}
.extramenu .wpb_wrapper .menu-sn-leistungen-container ul li:before  {  
    content: " "; 
} 
.extramenu .wpb_wrapper .menu-sn-leistungen-container ul li.schnell02 a   {  
	border-bottom: none !important;
} 

 /*2-ebene*/
.extramenu .wpb_wrapper .menu-sn-leistungen-container ul li ul li a   { 
	text-decoration: none;
	color: #000;
	padding: 10px 20px 10px 37px;
}  
.extramenu .wpb_wrapper .menu-sn-leistungen-container ul li ul li:before  {  
    content: " "; 
}
.extramenu .wpb_wrapper .menu-sn-leistungen-container ul li ul li > a:after  {  
    content: "\e938";
	color: #3d3d3d;
	font-size: 22px;
	left: 8px;
	top: 17px;
	transform: rotate(-90deg); 
}
.extramenu .wpb_wrapper .menu-sn-leistungen-container ul li   {
	padding-left: 0;
}  
.extramenu .wpb_wrapper .menu-sn-leistungen-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;
	box-shadow: 1px 9px 9px -3px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 1px 9px 9px -3px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:1px 9px 9px -3px rgba(0, 0, 0, 0.2);
} 
.extramenu .wpb_wrapper .menu-sn-leistungen-container ul li ul li   { 
	color: #fff;   
}  
 



/*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;
}
   

.specialheadingbox  { 
	padding-left: 100px;
}
.specialheadingbox h1.sh_subheadline,  
.specialheadingbox h2.sh_subheadline  { 
	font-size: .9rem;
	line-height: 2rem;
	font-weight: 400;
	margin-bottom: 5px;
}
.specialheadingbox h3.sh_headline {
	text-transform: uppercase;
	font-family: 'Anton', sans-serif;
	font-weight: 400; 
	position: relative;
	font-size: 4.8rem;
	line-height: 4.8rem; 
}






/*BUTTONS*/
.vc_general.vc_btn3 { 
	padding: 0 !important; 
	border-radius: 0 !important; 
	font-size: 1.1rem !important; 
	line-height: 1.1rem !important; 
	text-align: left !important;  
	font-family: 'Anton', sans-serif;
	font-weight: 400; 
	text-transform: uppercase; 
	margin-top: 17px;
	display: inline !important; 
	letter-spacing: .05rem;
}
a.vc_btn3:after { 
	position: relative;
	content: '\e902';
	font-size: 29px;
	right: 0;
	top: 5px;
}
.vc_general.vc_btn3.btn-solid.vc_btn3-color-btn-custom-weiss {
	color: #fff !important; 
}
.vc_general.vc_btn3.btn-solid.vc_btn3-color-btn-custom-weiss:hover {
	color: #d02e86 !important;  
}   
.vc_general.vc_btn3.btn-solid.vc_btn3-color-black { 
	color: #000 !important; 
}
.vc_general.vc_btn3.btn-solid.vc_btn3-color-black:hover {
	color: #7e7e7e !important; 
} 

.extramargin .vc_general.vc_btn3 {
	margin-left: 10px;
} 
.vc_btn3-center {
	text-align: center;
}
 
 
 
.counterbox .vc_row.vc_column-gap-35 > .vc_column_container {
	padding: 20px 0 10px 0;
}
.counterbox {
	padding: 20px 0 10px 0;
	margin-left: 0 !important;
	margin-right: 0 !important;
}
.counterbox .wpb_wrapper{
	text-align: center; 
	line-height: .8rem;
}  
.counterbox .vc_column-inner .vc_column-inner{

} 
.counterbox .vc_column-inner .vc_column-inner .vc_column-inner{
	padding: 0;
} 
.counterbox .wpb_raw_html,
.counterbox .wpb_text_column {
	text-align: center;
}  
.counterbox .counter,
.counterbox .counterafter {
	font-size: 1.5rem; 
	font-family: 'Anton', sans-serif;
	font-weight: 400;  
	text-transform: uppercase;	
} 
.counterbox .counter,
.counterbox .counterafter,
counterbox p { 
	color:#000 !important;	
}
.counterbox .counter {  
	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 #fff; 
}
.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),
.counterbox .vc_column-gap-35 div.vc_col-sm-3:nth-child(4)  {
	border-left: solid 1px #e6e3e3; 
}
.counterbox .vc_column-gap-35 div.vc_col-sm-3   {
	padding-top: 50px;
 
}
.counterbox p { 
	font-size: .9rem;
	line-height: 2rem;
	font-weight: 400;
	margin-bottom: 5px;
}

 
 


 

/*FOOTER
-------------------------------------------------------------------------*/

.contactbox .vc_col-sm-8 p {
	text-transform: uppercase;
	font-family: 'Anton', sans-serif;
	font-weight: 400; 
	font-size: 3.8rem;
	line-height: 3.8rem;
	color: #171717;
}
.contactbox .vc_col-sm-4 .contactbox-number {
	text-transform: uppercase;
	font-family: 'Anton', sans-serif;
	font-weight: 400; 
	font-size: 2.8rem;
	line-height: 2.8rem;
	color: #171717;	
	margin: 2px 0 10px 0; 
}
.contactbox .vc_col-sm-4 .contactbox-number a {
	text-decoration: none;
	transition: all .2s ease-in-out;
}
.contactbox .vc_col-sm-4 .contactbox-number a:hover {
	opacity: .7;
}
.contactbox .vc_col-sm-4   {
	text-align: right;
}



 
 
   
ul.smbox    {
	display: flex; 
	justify-content : space-between;
	gap: 72px;
}  
ul.smbox li   {
	flex-grow: 1;
	width: 25%;
	border-top: 2px solid #e0e0e0;
	padding-top: 6px;
} 
ul.smbox a  {
	display: block;
	width: 100%;
	font-weight: 400;
	font-family: 'Anton', sans-serif;
	color: #000;
	font-size: 1.1rem;
	line-height: 1.1rem;
	text-transform: uppercase;
	letter-spacing: .01rem;
	transition: all .2s ease-in-out;
	letter-spacing: .05rem;
} 
ul.smbox p  {
	font-size: .9rem;
	line-height: 2rem;
	font-weight: 400;
	margin-bottom: 5px;
} 
ul.smbox a:before    { 
	content: "";
	position: absolute;
	inset: 0;
	cursor: pointer !important;
	display: flex;	
}   
ul.smbox li:hover a,  
ul.smbox li:hover a:after    { 
	color: #7e7e7e !important;	 
}   
ul.smbox a.smicon:after   { 
	color: #000; 
	position: absolute;
	font-size: 2.5rem;
	right: 0;
	transition: all .2s ease-in-out;	
}   
ul.smbox a.smicon.facebook:after  {
	content: "\e908"; 
} 
ul.smbox a.smicon.instagram:after  {
	content: "\e905"; 
} 
ul.smbox a.smicon.spotify:after {
	content: "\e906";  
} 
ul.smbox a.smicon.deezer:after  {
	content: "\e909"; 
} 
ul.smbox a.smicon.tidal:after  {
	content: "\e907"; 
}  
.wpb_text_column .wpb_wrapper ul  { 
	margin-top: 0;
} 
.wpb_text_column .wpb_wrapper ul.smbox li:before {
	content: ""; 
} 
.wpb_text_column .wpb_wrapper ul.smbox li { 
	padding-left: 0; 
} 
 .wpb_wrapper ul.smbox li a { 
	text-decoration: none;
}

.sminhalt ul.smbox    {
	display: block;  
}  
.sminhalt ul.smbox li   { 
	width: 100%; 
} 
.sminhalt ul.smbox a.smicon:after   {  
	font-size: 2.5rem; 
} 

.container-footerend {
 	background: #fff; 
	position: relative;
	width: 100%;
} 
footer p a:hover,
footer li a:hover {
	text-decoration: underline; 
} 

.footer_bottom .wpb_wrapper p   {
	margin-bottom: 0;
}
.footer_bottom #sixthfooter {
	max-width: 1460px;
	margin: 0 auto;
	position: relative;
}
.footer_bottom #sixthfooter .vc_col-sm-12 {
	padding: 15px 0;
	width: auto;
	display: inline-block;
} 
.footer_bottom  {  
	font-size: .9rem;
	line-height: 1.5rem;  
}  
.footer_bottom .scrollup{
	position: absolute;
	right: 0;
	top: 16px; 
}
.footer_bottom .scrollup a {
	color: #000 !important; 
	line-height: 27px; 
	padding-right: 22px; 
	position: relative;
}
.footer_bottom .scrollup a:before {
    content: "\e938";
    color: #000;
	font-size: 17px;
	top: 2px;
	display: inline-block;
	position: absolute;
	right: 0;
	transform: rotate(180deg);
	text-decoration: none;
}



/* RESPONSIVE WEBDESIGN
--------------------------------------------------------------
--------------------------------------------------------------
--------------------------------------------------------------
--------------------------------------------------------------
--------------------------------------------------------------
-------------------------------------------------------------- */
/* 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;
	}
}
 
 
 
/* 1500px-Auflösung "WIDTH 1500px"
-------------------------------------------------------------- */
@media only screen and (max-width: 1500px) { 
	.header .headertop {
	  padding-left: 0;
	  padding-right: 0;
	  width: 96%;
	}
	.home .mainbuehne .homemain span:nth-child(3) { 
	  margin-left: 64px;
	}
	.home .mainbuehne .homemain p:last-child {
	  right: 195px; 
	}
}
/* 1300px-Auflösung "WIDTH 1300px"
-------------------------------------------------------------- */
@media only screen and (max-width: 1300px) { 
	.footer_top,
	.footer_bottom {
		padding-left: 15px;
		padding-right: 15px;
	}
	.vc_row.vc_column-gap-35 {
		margin-left: -15px !important;
		margin-right: -15px !important;
	}   
	.home .mainbuehne .homemain span:nth-child(3) { 
	  margin-left: -92px;
	} 
}






/* 1200px-Auflösung "WIDTH 1200px" - MOBILE MENU KOMMT
-------------------------------------------------------------- */
@media only screen and (max-width: 1200px) {   
	.homemain {
		left: 15px;
		transform: translate(0,0);
		width: auto;
	}   
	.wrapperboxheader { 
		top: 20px; 
	}  
	.mobilemenuclose {
	  margin-top: 34px; 
	}
	.home .mainwrapper {
		padding-top: 0;
	}   
	.wrapperbox {
		padding-top: 0;
	}  
	.header a.logoimage { 
		left: 0; 
	}  
	figure {
		margin: 0;
	}
	.vc_btn3-container.vc_btn3-center {
		text-align: center;
	} 
	.contactbox .vc_col-sm-8,
	.contactbox .vc_col-sm-4	{
		width: 100%;
	} 
	.contactbox .vc_col-sm-8 p 	{
		font-size: 2.5rem;
		line-height: 2.6rem;
	}  
	.contactbox .vc_col-sm-4 .contactbox-number p	{
		font-size: 1.8rem;
		line-height: 2.8rem;
	} 
	.contactbox .vc_col-sm-4   {
		text-align: left;
		margin-top: 32px;
	}	
}



/* 1100-Auflösung "WIDTH 1100"
-------------------------------------------------------------- */
@media only screen and (max-width: 1100px) { 
	.container-footerend .footer_bottom #sixthfooter {
		padding-bottom: 15px;
	}  
	ul.smbox {
		display: flex; 
		flex-wrap: wrap;
	}
	ul.smbox li   {
		flex: 1 1 25%;
	}  
	.home .mainbuehne .homemain span:nth-child(3) {  
		font-size: 340px;	  
	} 
}
 


/* 1024-Auflösung "WIDTH 1024px"
-------------------------------------------------------------- */
@media only screen and (max-width: 1024px) {
	.menu .sub-menu li {
		margin: 0 ;
	}
	.content {
		width: 100%;
	}
	.mainbuehne .wpb_single_image { 
	  right: 0;  
		bottom: 0;
	}
	.mainbuehne .homemain { 
	  top: 50px;
	  left: 20px; 
	}
	.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;
	} 
	.wpb_text_column h4 br {
		display: none;
	}
	.counterbox .vc_column-gap-35 div.vc_col-sm-3   {
		width: 50%; 
	}  
	.specialheadingbox {
	  padding-left: 0;
	}
	 .extramenu .wpb_wrapper .menu-sn-leistungen-container { 
		right: auto;
		top: 0;
		left: 0;
	}
	.extramenu .wpb_wrapper .menu-sn-leistungen-container ul li { 
	  background: #000; 
	}
	.extramenu .wpb_wrapper .menu-sn-leistungen-container ul li > a,
	.extramenu .wpb_wrapper .menu-sn-leistungen-container ul li > a:after,
	.extramenu .wpb_wrapper .menu-sn-leistungen-container ul li ul li a	{
	  color: #fff; 
	}  
	.extramenu .wpb_wrapper .menu-sn-leistungen-container ul li ul li:hover {
	  background: #fff;
	}
	.extramenu .wpb_wrapper .menu-sn-leistungen-container ul li ul li:hover a {
	  color: #000;
	}
	  .extramenu .wpb_wrapper .menu-sn-leistungen-container { 
		top: -10px; 
	}
	.extramenu .wpb_wrapper .menu-sn-leistungen-container {
	  max-width: 100%; 
	} 
	.extramenu .wpb_wrapper .menu-sn-leistungen-container ul li ul li:hover > a:after  {   
		color: #000; 
	}
	.extramenu .wpb_wrapper .menu-sn-leistungen-container ul li ul li > a:after  {   
		color: #fff; 
	} 
	.sn-extra:after {
	  content: " "; 
	}
	.home .mainbuehne .homemain {
		top: 199px;
		left: 99px;
	}
	.home .mainbuehne .homemain span:nth-child(3) { 
	  margin-left: -22px;
		top: -39px;
		font-size: 263px;
	}
	.home .mainbuehne .homemain p:last-child {
	  right: 119px;
	  bottom: -133px;
	} 
}




  /*  Auflösung "WIDTH 880px"
-------------------------------------------------------------- */
@media only screen and (max-width: 880px) {
	.wpb_text_column h1, .wpb_text_column h3, .wpb_text_column h4, .wpb_text_column h5, .wpb_text_column h6 {
		-moz-hyphens:auto;
		-o-hyphens:auto;
		-webkit-hyphens:auto;
		-ms-hyphens:auto;
		hyphens:auto; 
	}
	.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%; 
	}
	.mainbuehne .homemain p br {
		display: none;
	}
	.specialheadingbox h2.sh_headline,
	.specialheadingbox h3.sh_headline  { 
	  hyphens: auto;
	} 
	.home .mainbuehne .wpb_raw_html {
	  transform: none;
	}
	.home .mainbuehne .homemain { 
		left: 38px;
	} 
	.home .mainbuehne .homemain p:last-child {
		left: 0;
		right: auto;
	}
}


/* IPHONE-Auflösung "WIDTH 767px"
-------------------------------------------------------------- */
@media only screen and (max-width: 767px) {  
	.specialheadingbox h2 br,
	.specialheadingbox h3 br {
		display: none;
	}
	.specialheadingbox {
	  padding-left: 0;
	}
	.specialheadingbox h2.sh_headline,
	.specialheadingbox h3.sh_headline,
	.mainbuehne .buehnenheadline	{
		font-size: 2.8rem;
		line-height: 3rem;
	}
	.specialheadingbox h1.sh_subheadline, .specialheadingbox h2.sh_subheadline { 
	  line-height: 1.5rem; 
	}
	.mainbuehne, .mainbuehne .wpb_column.vc_column_container.vc_col-sm-12, 
	.mainbuehne .wpb_column.vc_column_container.vc_col-sm-12 .vc_column-inner {
	  height: 597px;
	}
	.mainbuehne .homemain {   
	  transform: translate(0,22%);
	}
	.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: 1.5rem;
		line-height: 2rem;
	}  
	.footer_top .vc_col-sm-12 { 
		padding: 25px 0 0 0;
	}   
	.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%;  
	} 
	.counterbox {
	  padding: 0; 
	}
	.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-bottom: solid 1px #fff; 
	}
	.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),
	.counterbox .vc_column-gap-35 div.vc_col-sm-3:nth-child(4)  {
	 
	}
	.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),
	.counterbox .vc_column-gap-35 div.vc_col-sm-3:nth-child(4)  {
		border-left: none;
		border-righ: none; 		
	} 
	.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; 
	} 
 
	.sn-extrabox .vc_inner {
		display: flex;
		flex-direction: column-reverse; 
	}
	 .trennermodul  {
		margin-top: 40px;
		margin-bottom: 40px;
	}
	.sn-extra  { 
	  margin-bottom: 32px !important;  
	} 
	.home .mainbuehne .homemain { 
		top: 156px;
	}
	.home .mainbuehne .homemain span:nth-child(1) {
		font-size: 105px;
	}
	.home .mainbuehne .homemain span:nth-child(2) {
	  font-size: 175px;
	}
	.home .mainbuehne .homemain span:nth-child(3) {
		margin-left: 30px;
		top: -66px;
		font-size: 220px;
	}
	.home .mainbuehne .homemain p:last-child {
		bottom: -78px;
	}
}



/* 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;
	} 
	.counterbox .wpb_wrapper{
		text-align: left; 
	}  
	.sn-extra .vc_column-inner .wpb_text_column.wpb_content_element { 
	  padding: 15px;
	}
	.counterbox .vc_row.vc_column-gap-35 > .vc_column_container { 
	  margin-bottom: 10px;  
	  background: #000;
	}
	.counterbox .counter, 
	.counterbox .counterafter,
	.counterbox p {
		color: #fff !important;
	} 
	.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-bottom: none;
	}
	.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: none;
	}
	.counterbox_mobilebox:after  {
		content: "\e90c";
		color: #3b3b3b;
		font-size: 29px; 
		right: 10px;
		top: 22px;  	
	}
	.counterbox {
		background: #fff !important; 
	}
	.homemain {
		top: 8%;
	}  	
	a.logoimage {  
		height: 77px; 
		background-size: 180px; 
	}  
	#mobile_menu_button { 
	  top: -28px; 
	}
	#mobile_menu_button span,
	.mobilemenuclose span	{ 
	  height: 3px; 
	}
	.mobilemenuclose .mobilemenuclose_inner { 
	  right: 20px; 
	}
	.mobilemenuclose {
	  margin-top: 19px; 
	}
	#mobile_menu_button span:nth-child(1) {
		top: 2px;
	} 
	#mobile_menu_button span:nth-child(1), 
	#mobile_menu_button span:nth-child(3) { 
	  width: 55%; 
	}
	#mobile_menu_button span:nth-child(2)  { 
	  width: 40%; 
	}
	#mobile_menu_button span:nth-child(2) { 
	  right: 17px; 
	}
	#mobile_menu_button span:nth-child(3) { 
	  right: 24px; 
	  top: 20px;
	}
	.header .headertop { 
	  width: 92%;
	} 	  
	ul.smbox {
		display: block;  
	}	  
	ul.smbox li {
		width: 100%;
	}
	.page .mainbuehne .homemain {
	  top: 111px; 
	}
	.nichtfront .mainbuehne, 
	.nichtfront .mainbuehne .wpb_column.vc_column_container.vc_col-sm-12, 
	.nichtfront .mainbuehne .wpb_column.vc_column_container.vc_col-sm-12 .vc_column-inner {
	  height: 350px;
	}  
	.home .mainbuehne .homemain {  
		left: 19px;
	}
	.home .mainbuehne .homemain span { 
	  display: block;
	}
	.home .mainbuehne .homemain span:nth-child(1) {
		font-size: 63px;
	}
	.home .mainbuehne .homemain span:nth-child(2) {
		font-size: 86px;
		top: 1px;
	}
	.home .mainbuehne .homemain span:nth-child(3) {
		margin-left: 0px;
		top: auto;
		font-size: 118px;
		margin-top: 23px;
	}
	.home .mainbuehne .homemain p:last-child {
		bottom: auto;
		margin-top: 12px;
	}
	.home .mainbuehne .homemain span { 
	  text-shadow: 6px 6px 0px #560c34; 
	}

} 



/* EXTRA-Auflösung "WIDTH 420px"
-------------------------------------------------------------- */
@media only screen and (max-width: 420px) {   
	.homemain h1  { 
		font-size: 32px;
		line-height: 43px !important;
	} 
	.homemain {
		top: 6%;
	}  
	.mobile_menu::after { 
	  font-size: 491px;
	  right: -271px;
	  top: 69px;
	} 
}