/*
Theme Name: telefonseelsorge
Theme URI: https://www.telefonseelsorge.de
Description:  Wordpress-Theme für die Domain: telefonseelsorge.de. Gestaltet und Programmiert von <a href="https://www.mattiasstiller.de" target="_blank">Mattias Stiller - Webdesign &amp; Webberatung</a>
Author: Mattias Stiller - Webdesign &amp; Webberatung 
Version: 1.0 
*/

/* fira-sans-regular - latin */
@font-face {
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('webfonts/fira-sans-v15-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('webfonts/fira-sans-v15-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* fira-sans-500 - latin */
@font-face {
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 500;
  src: local(''),
       url('webfonts/fira-sans-v15-latin-500.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('webfonts/fira-sans-v15-latin-500.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* lato-regular - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('webfonts/lato-v22-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('webfonts/lato-v22-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* lato-700 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: local(''),
       url('webfonts/lato-v22-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('webfonts/lato-v22-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}


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

/*GLOBAL
-------------------------------------------------------------------------*/ 
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;
	overflow-x: hidden;
}
ol, ul {
	list-style: none;
} 
blockquote {
	quotes: none;
}
del {
	text-decoration: line-through;
}
a img {
	border: none;
}
body { 
	color: #454545;   
	overflow-x: hidden;
	font-family: 'Lato', arial, sans-serif;
	font-size: 19px;
	line-height: 29px;
	color: #000;
} 
.buehnenbild img, 
.buehnenbild .vc_figure,  
.buehnenbild .vc_single_image-wrapper {
	max-width: 100%;
	width: 100%; 
}

.page,
.single {
	background: #fff;
}
sup {
	font-size: 0.8em;
	position: relative;
	top: -5px;
}  
.wpb_content_element {
	margin-bottom: 0 !important;
} 
a,
p a,
li a {
	color: #fbb911;
	text-decoration: none;
} 
p a:hover,
li a:hover {
	text-decoration: underline;
}
a,
p a:focus,
.slick-prev:focus {
	outline: none;
}  
 

/*HEADLINES
-------------------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
	font-family: 'Fira Sans', arial, sans-serif;
} 
.white h1,.white h2,.white h3,.white h4,.white h5,.white h6, .white ul li {
	color: #fff !important;
} 
.wpb_text_column h1 {
	font-size: 50px; 
	font-weight: 400;
	padding-bottom: 15px; 
	line-height: 55px;
	color: #522a5b;
}   
.firstitem {
	position: relative;
	width: 100%; 
    background-color: #f2f2f2 !important;
	padding: 20px 0;
	margin-bottom: 30px;	
}    
.seconditem { 
	margin-bottom: 30px !important;	
} 
.wrapperboxfirst { 
	max-width: 1270px;
	margin: 0 auto;
}
.firstitem .wrapperboxfirst h1 {    
	color: #b9b8b8 !important;
	text-transform: uppercase !important;
	font-size: 20px !important;
	font-weight: 500 !important;
	line-height: 30px !important;
	font-family: 'Fira Sans', arial, sans-serif !important;
	padding-bottom: 0 !important; 
}
.mainheadline  {
	padding-bottom: 20px !important;
	padding-top: 20px !important;
	margin-bottom: 60px !important; 
}   
.mainheadline h1,
.mainheadline span {
	color: #b9b8b8 !important;
	text-transform: uppercase !important;
	font-size: 20px !important;
	font-weight: 500 !important; 
	line-height: 30px !important; 
	font-family: 'Fira Sans', arial, sans-serif !important;
	padding-bottom: 0 !important;  
}   
.wpb_text_column h2 {
	font-size: 50px; 
	font-weight: 400;
	padding-bottom: 15px; 
	line-height: 59px;
	color: #522a5b;
}  
.vc_custom_heading h2,
.vc_custom_heading h2 a {
	font-size: 30px;  
	line-height: 39px;
	padding-bottom: 0 !important;  
	color: #522a5b !important;
	font-weight: 400 !important;
} 
.specialrow h2 { 
	padding-bottom: 32px;  
} 
.wpb_text_column h3,
.search-results h3 a {
	font-size: 30px; 
	font-weight: 500;
	padding-bottom: 15px; 
	line-height: 35px;
	color: #fbb911;
}
.wpb_text_column h3  {
	font-size: 25px;  
	line-height: 30px;
	padding-bottom: 8px; 
}  
.righttext h3 {
	text-align: right; 
	font-size: 30px;  
	line-height: 35px;	
} 
.wpb_text_column h4 {
	font-size: 22px; 
	font-weight: 500;
	padding-bottom: 15px; 
	line-height: 25px;
	color: #522a5b;
} 
 

/*DIVERSES
-------------------------------------------------------------------------*/ 
.home .content {
	width: 100%;
}    
.shadow { 
	-webkit-box-shadow: 1px 2px 4px -1px #C0BEBE;
	-moz-box-shadow: 1px 2px 4px -1px #C0BEBE;
	box-shadow: 1px 2px 4px -1px #C0BEBE; 
}    
.languageicon p  { 
    position: relative; 
	padding-left: 28px;
}      
.languageicon p:before {
	content: "\e901"; 
    font-family: 'icomoon' !important;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit; 
    color: #000; 
    position: absolute;
	top: 0;
	left: 0;
	font-size: 22px; 
}  
.artikel {
	padding-top: 60px;
}  
.artikelbild {
	min-height: 310px;
}



/*STELLEN*/
.glossar-wrap .letterListwrap { 
    border-bottom: #fab832 2px solid !important;
}
.glossar-wrap .letterListwrap .rside { 
    padding-right: 0 !important;
}
.glossar-wrap .letterListwrap .rside { 
    width: 100% !important; 
}
.glossar-wrap .letterListwrap .letter-item,
.glossar-wrap .allGlossBtn  { 
    padding: 2px 4px !important;    
	font-size: 18px;
} 
.glossar-wrap .letterbox { 
    padding-bottom: 20px;
	padding-top: 20px; 
} 
.glossar-wrap .letterbox .listLetterItem { 
    padding-bottom: 0 !important; 
}    
.glossar-wrap h4.letterLi {    
	padding-bottom: 0;
}    
.glossar-wrap h4.letterLi a {    
	font-size: 22px;
	font-weight: 500; 
	line-height: 35px;
	color: #522a5b !important; 
}   
.glossar-wrap h4.letterLi a:hover {    
	color:#fab832 !important;
}
.glossar-wrap .glossar-entrys {
    margin-bottom: 70px !important;
}
.glossar-wrap{margin-top:25px;margin-bottom:25px}
.glossar-wrap .glossar-entrys{margin-bottom:35px}
.glossar-wrap .letterListwrap{width:100%;display:flex;flex-wrap:wrap;flex-direction:row;align-items:center;justify-content:space-between;border-bottom:#fab832 3px solid}
.glossar-wrap .letterListwrap .lside{display:block;width:40%;text-align:right;padding-right:40px}
.glossar-wrap .letterListwrap .rside{display:block;width:50%;text-align:right;padding-right:40px}
.glossar-wrap .letterListwrap .letter-item{display:inline-block;padding:2px;color:#522a5b;font-weight:bold}
.glossar-wrap .letterListwrap .letter-item.letter-enable{cursor:pointer}
.glossar-wrap .letterListwrap .letter-item.letter-disable{opacity:0.4}
.glossar-wrap .allGlossBtn{font-weight:bold;color:#fab832;display:inline-block;text-transform:uppercase;cursor:pointer}
.glossar-wrap .letterbox.hd{display:none}
.glossar-wrap .letterbox .listLetterItem{margin-bottom:15px;margin-top:15px;display:flex;flex-wrap:wrap;flex-direction:row;align-items:center;justify-content:center;color:white;background-image:url(images/glossary_pic_alpha.png);width:95px;height:75px;background-position:center center;background-repeat:no-repeat}
 



/*HEADER
-------------------------------------------------------------------------*/
.wrapperbox {
	max-width: 1300px;
	margin: 0 auto;  
} 
footer .wrapperbox,
.container-footerend .wrapper { 
	padding-top: 0;
}
.wrapperboxheader {
	margin: 0 auto;
	max-width: 1300px;
}
.hauptnavigation { 
    padding: 0; 
    display: inline-block;
	-webkit-transition: all 900ms ease-in-out;
	-moz-transition: all 900ms ease-in-out;
	-ms-transition: all 900ms ease-in-out;
	-o-transition: all 900ms ease-in-out;
	transition: all 900ms ease-in-out; 
	padding-left: 0;
}
.metamenu { 
    padding: 0; 
    float: right;
	-webkit-transition: all 900ms ease-in-out;
	-moz-transition: all 900ms ease-in-out;
	-ms-transition: all 900ms ease-in-out;
	-o-transition: all 900ms ease-in-out;
	transition: all 900ms ease-in-out; 
}
.metamenu a,
.metamenu span.iconsearch {  
	display: inline-block;
	white-space: nowrap;
	padding: 17px 17px 17px 40px;
    position: relative;  
	background: #ffd260;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-ms-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out; 
	font-size: 14px;
	font-family: 'Fira Sans';
	font-weight: 500;
	color: #000;
	margin-left: 10px;
	line-height: 17px;
	cursor: pointer;
} 
.metamenu a:hover,
.metamenu span.iconsearch:hover {     
	background: #f7dc9a; 
} 
.metamenu a.iconlight:before {
	content: "\e902";
    font-family: 'icomoon' !important;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit; 
    color: #000; 
    position: absolute;
	top: 15px;
	left: 8px;
	font-size: 26px; 
} 
.metamenu span.iconsearch:before {
	content: "\e906";
    font-family: 'icomoon' !important;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit; 
    color: #000; 
    position: absolute;
	top: 15px;
	left: 12px;
	font-size: 22px;
	transform: rotate(70deg); 
}
.header {
	width: 100%;
	max-width: 100%;  
	z-index: 9999;
	margin: 0 auto; 
	-webkit-transition: all 900ms ease-in-out;
	-moz-transition: all 900ms ease-in-out;
	-ms-transition: all 900ms ease-in-out;
	-o-transition: all 900ms ease-in-out;
	transition: all 900ms ease-in-out; 
	background: #fff;
	top: 0;
	padding-bottom: 50px;
}
.header_shadow { 
	-webkit-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.2);
	box-shadow: 0 3px 4px rgba(0, 0, 0, 0.2);  
} 
header .header-leftside {
	float: left;
	text-align: right;
}
header .vc_col-sm-3 {
	width: 300px;
}
header .meta {
	float: right;
	width: 269px;
	height: 37px;
}
header .header-rightside {    
	float: right;
}
header .header-rightside a:hover {
	text-decoration: none;
} 
header .header-rightside p span {
	line-height: 31px;
	font-family: 'PT Sans', sans-serif;
	font-size: 22px;
	font-weight: 700;
} 
.logobox img { 
    margin: 11% auto; 
    width: 100%;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-ms-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out; 
} 
a.logoimage { 
    display: block;
    height: 114px;
    position: relative;
    top: 20px; 
	background-size: 264px 114px;
	background-repeat: no-repeat;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-ms-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out; 
}
header .vc_col-sm-9 {
	width: 50%;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-ms-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out; 
	padding-right: 0;
}     
header .topheader .mainbuttons a {
	background: #fbb911; 
	white-space: nowrap;
	padding: 17px 34px; 
	line-height: 20px;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-ms-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
	font-size: 18px;
	font-family: 'Fira Sans';
	font-weight: 500;
	color: #000;
	margin-left: 20px;
	text-transform: uppercase;
	float: left;
}
header .topheader .mainbuttons a:hover {
	background: #ffd260; 
}
header .topheader {  
	padding-top: 20px;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-ms-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}
header .topheader .top_button {
 	display: -webkit-box ;
    display: -moz-box ;
    display: -ms-flexbox ;
    display: -webkit-flex ;
    display: flex ;
	justify-content: flex-end;
}
.header .mobileshow {
	display: none;
}
header .topheader .top_nummer {
 	display: -webkit-box ;
    display: -moz-box ;
    display: -ms-flexbox ;
    display: -webkit-flex ;
    display: flex ;
	justify-content: flex-end;
	margin-top: 27px; 
}
header .topheader .phonetrenner {
	font-size: 35px;
	font-family: 'Fira Sans';
	font-weight: 500;
	color: #000; 
	margin: 0 2%;
	color: #522a5b;
}
header .topheader .top_nummer div.nummernblock span {
	font-size: 35px;
	font-family: 'Fira Sans';
	font-weight: 500; 
	color: #522a5b;
}
header .topheader .top_nummer div.nummernblock:first-child {
	position: relative; 
}
header .topheader .top_nummer div.nummernblock:first-child:before {
	content: "\e905";
    font-family: 'icomoon' !important;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit; 
    color: #000; 
    position: absolute;
	top: 2px;
	left: -45px;
	font-size: 34px;
	color: #522a5b;
}
header .topheader div.datenschutzhinweis  { 
	text-align: right; 
	float: right;
	padding: 0;  
}
header .topheader div.datenschutzhinweis a  {
	font-size: 10px;
	font-family: 'Fira Sans';
	font-weight: 400;
	color: #000;
	text-align: right;	
	margin-top: -4px;
	float: right;
	padding: 0;
	background: transparent;
	text-transform: none;
}

.button_spendenheaderbox { 
	position: absolute;
	left: 50%;
 }
.button_spendenheader { 
	background: #d0c2d1;
	border-radius: 142px;
	padding: 11px;
	text-transform: uppercase;
	color: black;
	height: 85px;
	width: 85px;
	display: flex;
	position: relative;
	z-index: 99999;
	top: 16px;
	text-align: center;
	transform: rotate(-13deg);
	vertical-align: center;
	justify-content: center;
	align-items: center; 
	font-weight: 500;
	font-family: 'fira sans', arial;
 }
.button_spendenheader:hover { 
	background: #d0c2d1; 
	color: white;
 }
 
 
/*STICKY HEADER
-------------------------------------------------------------------------*/ 
.showsticky .headertwo  {  
	position: fixed;
	top: 0;
	width: 100%;
}
.showsticky {  
	position: absolute; 
}

 
 

/*MAIN MENU
-------------------------------------------------------------------------*/ 
header .headerone {
	display: block;
	height: 160px; 
	width: 100%;
	background: #fff;    
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-ms-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;  
	z-index: 99;
	position: relative;
}
header .headertwo {
	display: block;
	height: 51px; 
	background: #fbb911;    
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-ms-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out; 
	position: absolute; 
	z-index: 80;
	width: 100%;  
}
header .ingrid {
	max-width: 1300px;
	margin: 0 auto; 
}
header .menu { 
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-ms-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out; 
	display: -webkit-box ;
    display: -moz-box ;
    display: -ms-flexbox ;
    display: -webkit-flex ;
    display: flex ;
	justify-content: flex-start;
} 
header .menu ul  {
	list-style: none;
	margin: 0;
	height: 19px;
	text-align: left;
}
header .menu ul {
	margin: 0;
	padding: 0;
}
header .menu li { 
	z-index: 99999999; 
}
header .menu li .trenner {
	margin: 0 31px;
}  
header .menu li > a {
	text-align: left;
	display: block;
	white-space: nowrap;  
	padding: 15px 11px; 
	background: #fbb911; 
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-ms-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out; 
	font-size: 17px;
	font-family: 'Fira Sans';
	font-weight: 500;
	color: #000;
	text-transform: uppercase;
	letter-spacing: 1px;
	line-height: 21px;
} 
header .menu li > a:hover { 
	background: #ffd260; 
}
 
header .menu li.current-menu-item > a { 
	background: #ffd260;
}  
header .menu li.menu-item-first span  {
	display: none;
}
header .menu li.menu-item-first a  {
	position: relative;
	padding: 25px 25px 26px 25px; 
}
header .menu li.menu-item-first a:before {
	content: "\e900";
    font-family: 'icomoon' !important;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit; 
    color: #000; 
    position: absolute;
	top: 15px;
	left: 10px;
	font-size: 29px;
	color: #000;
} 
header div.menu li {
	float: left;
	position: relative;
}
header .menu a {
	display: inline;
	text-decoration: none;
}
header .menu li ul  {
	display: none;
	position: absolute;
	float: left;
	visibility: visible;
	height: auto; 
	min-width: 180px;
	left: 0;
	top: 41px;  
	box-shadow: 2px 10px 6px -9px #626262;
	-webkit-box-shadow: 2px 10px 6px -9px #626262;
	-moz-box-shadow: 2px 10px 6px -9px #626262;
	box-shadow: 2px 10px 6px -9px #626262; 
} 
header .menu li > ul  { 
	padding-top: 10px;
} 
header li.cursor {
	cursor: default;
}
header .menu li:hover > ul {
	display: block;
}
header .menu li ul li  {
	position: relative;
}
header .menu li ul li ul {
	display: none;
	position: absolute;
	float: left;
	visibility: visible;
	height: auto; 
	min-width: 180px;
	left: 100%;
	top: -10px;
}
header .menu li ul li:hover > ul {
	display: block;
}
header .menu .sub-menu li:last-child {
	border-bottom: none;
}
header .menu li.menu-item-has-children {  
    position: relative;   
}
 
header .menu .sub-menu .trenner {
	display: none;
}
header .menu ul li a, 
header .menu li.current_page_item ul a { 
	white-space: nowrap;
	height: auto; 
	font-size: 15px;
	display: block;
	text-align: left !important;
	border-right: none !important;
	border-bottom: none;
	line-height: 22px;  
}     
header .menu-item:hover > a {
	background: #ffd260 !important; 
} 




header .menu .sub-menu li > a:hover {  
	text-decoration: none !important;  
} 
header .menu .current_page_parent > a  {  
	background: #ffd260 !important;  
}  
 
	
 


/*VC-WRAPPER
-------------------------------------------------------------------------*/
.wpb_text_column .wpb_wrapper p,
 .wpb_text_column p:last-child {
	margin-bottom: 32px !important;
} 
.white .wpb_wrapper p {
	color: #fff;
}
.vc_row-has-fill + .vc_row-full-width + .vc_row > .vc_column_container > .vc_column-inner {
	padding-top: 0 !important;
} 
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
} 
.cta .wpb_text_column p {
	color: #fff;
	font-family: 'Fira Sans', arial, sans-serif;
	font-size: 50px;
	line-height: 55px;
	font-weight: 400;
} 
.vc_col-sm-12 {
    width: 100%;
}
.vc_col-sm-1, .vc_col-sm-10, .vc_col-sm-11, .vc_col-sm-12, .vc_col-sm-2, .vc_col-sm-3, .vc_col-sm-4, .vc_col-sm-5, .vc_col-sm-6, .vc_col-sm-7, .vc_col-sm-8, .vc_col-sm-9 {
    float: left;
}
.vc_col-lg-1, .vc_col-lg-10, .vc_col-lg-11, .vc_col-lg-12, .vc_col-lg-2, .vc_col-lg-3, .vc_col-lg-4, .vc_col-lg-5, .vc_col-lg-6, .vc_col-lg-7, .vc_col-lg-8, .vc_col-lg-9, .vc_col-md-1, .vc_col-md-10, .vc_col-md-11, .vc_col-md-12, .vc_col-md-2, .vc_col-md-3, .vc_col-md-4, .vc_col-md-5, .vc_col-md-6, .vc_col-md-7, .vc_col-md-8, .vc_col-md-9, .vc_col-sm-1, .vc_col-sm-10, .vc_col-sm-11, .vc_col-sm-12, .vc_col-sm-2, .vc_col-sm-3, .vc_col-sm-4, .vc_col-sm-5, .vc_col-sm-6, .vc_col-sm-7, .vc_col-sm-8, .vc_col-sm-9, .vc_col-xs-1, .vc_col-xs-10, .vc_col-xs-11, .vc_col-xs-12, .vc_col-xs-2, .vc_col-xs-3, .vc_col-xs-4, .vc_col-xs-5, .vc_col-xs-6, .vc_col-xs-7, .vc_col-xs-8, .vc_col-xs-9 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.vc_gitem_row .vc_gitem-col {
    padding: 10px 0;
}
.wpb_wrapper ul  {
		margin: 15px 0 15px 15px !important;
}
.wpb_wrapper ul li { 
	padding: 0;
	list-style-type: disc; 
} 
.wpb_wrapper ol  {
	margin: 15px 0 15px 15px !important;
}
.wpb_wrapper ol li {
	list-style-type: number;
	padding: 0 0 15px 0; 
}  
.nichtliste ul li { 
	padding-left: 0 !important; 
	background: none !important;
}


/*SPECIALROW*/
.specialrow .vc_col-sm-4  {
	 width: 34.5%;
}
.specialrow .vc_col-sm-4 > .vc_column-inner  {
	 margin-left: -450px;
	 padding: 70% 0;
}
.specialrow .vc_col-sm-8  {
	 width: 65.5%; 
}
.specialrow .vc_col-sm-8  >.vc_column-inner   { 
	 margin-right: -580px;
	 padding: 8% 10%;
}
.specialrow .vc_col-sm-8  >.vc_column-inner > .wpb_wrapper  { 
	 margin-right: 580px;
}
/*SPECIALROW*/




/*TABELLENANSICHT
-------------------------------------------------------------------------*/
table {
	border-collapse: seperate;
	border-spacing: 0;
	width: 100%;
} 
.wpb_vc_table {
	_overflow:auto; 
	overflow-y:auto;
	max-width:100%
} 
.wpb_vc_table::-webkit-scrollbar {
	-webkit-appearance:none;
	height:14px;
	width:14px
} 
.wpb_vc_table tr td:first-child { 
    background: #fbb911 !important;
	width: 165px;
	min-width: 165px;
	border-bottom: solid 2px white !important; 
} 
.wpb_vc_table tr td:last-child { 
    background: #f2f2f2 !important; 
}  
.wpb_vc_table td,
.wpb_vc_table table { 
	border: none !important; 
}  

.wpb_vc_table tr td { 
	border-bottom: solid 2px white !important; 
}  
.wpb_vc_table td  {  
	padding: 15px !important;
} 
 


/*KACHELN*/
.kachelview .vc_col-sm-3  {
	width: 32%; 
	position: relative; 
}
.kachelview .nichtanzeigen {
	display: none;
}
.kachelview .vc_col-sm-3 .vc_btn3-container { 
	position: absolute;
	bottom: 35px;
	right: 35px; 
	margin: 0;
}
.kachelview .vc_col-sm-3 .vc_btn3-container a,
.kachelview .vc_col-sm-3 .vc_btn3-container a:focus { 
	border: solid 2px #fff;
	color: #fff;
	border-radius: 0;
	background: transparent;
	text-transform: uppercase;
	font-size: 17px;
	font-family: 'Fira Sans';
	font-weight: 500;
	letter-spacing: 1px;
	padding: 5px 15px;
}
.kachelview .vc_col-sm-3 .vc_btn3-container a:hover { 
	border: solid 2px #fff !important;
	color: #522a5b !important; 
	background: #fff !important;
}
.kachelview .vc_col-sm-3 .vc_column-inner  { 
	min-height: 270px; 
	padding-top: 35px;
}
.kachelview .vc_col-sm-3 .vc_column-inner p  { 
	font-size: 45px;
	font-family: 'Fira Sans';
	font-weight: 400;
	color: #fff;
	text-transform: uppercase;
	line-height: 50px;
	padding-left: 20px;
}
.kachelview .firstcol  {
	 position: relative; 
    display: inline-block;
    height: 284px;
    min-width: 30px;
	width: 4%;
	padding-right: 0 !important;	
	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-ms-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out; 
}
.kachelview .firstcol .vc_column-inner  { 
	background-color: #fff !important;
}
.kachelview .firstcol p {
	text-align: center;
	overflow: hidden;
	height: 30px;
	text-transform: none !important;
	line-height: 40px !important; 
	width: 270px;
	position: absolute;
	bottom: -17px; 
	transform: rotate(-90deg);
	transform-origin: center left;
	color: #000 !important;
	font-size: 28px !important; 
	font-weight: 500 !important;
	padding-left: 0 !important; 
}
.kachelview .firstcol p:last-child {
	margin-bottom: 0 !important; 
}
/*KACHELN*/



/*BUTTONS*/
a.vc_general.vc_btn3,
button.vc_general.vc_btn3,
.vc_general.vc_btn3    {   
	font-family: Lato, arial, sans-serif;
	font-size: 19px;
	text-decoration: none;	
}  

/*gelb*/ 
a.btn-solid.vc_btn3-color-btn-custom-gelb,
button.btn-solid.vc_btn3-color-btn-custom-gelb, 
a.btn-solid.vc_btn3-color-btn-custombutton,
a.btn-solid.vc_btn3-color-btn-custom-gelb:focus,
button.btn-solid.vc_btn3-color-btn-custom-gelb:focus,
a.btn-solid.vc_btn3-color-btn-custombutton:focus  {   
	background: #fbb911;
	color: #000;
	border: solid 2px #fbb911;
}
a.btn-solid.vc_btn3-color-btn-custom-gelb:hover,
button.btn-solid.vc_btn3-color-btn-custom-gelb:hover,
a.btn-solid.vc_btn3-color-btn-custombutton:hover  {   
	background: #ffd260 !important;
	color: #000 !important;
	border: solid 2px #ffd260 !important;
} 
a.btn-outline.vc_btn3-color-btn-custom-gelb,
button.btn-outline.vc_btn3-color-btn-custom-gelb 
a.btn-outline.vc_btn3-color-btn-custom-gelb:focus,
button.btn-outline.vc_btn3-color-btn-custom-gelb:focus  {   
	background: transparent !important;
	color: #fbb911 !important;
	border: solid 2px #fbb911 !important;
}
a.btn-outline.vc_btn3-color-btn-custom-gelb:hover,
button.btn-outline.vc_btn3-color-btn-custom-gelb:hover  {   
	background: #fbb911 !important; 
	color: #000 !important;
	border: solid 2px #fbb911 !important;
}

/*lila*/ 
a.btn-solid.vc_btn3-color-btn-custom-lila,
button.btn-solid.vc_btn3-color-btn-custom-lila,  
a.btn-solid.vc_btn3-color-btn-custom-lila:focus,
button.btn-solid.vc_btn3-color-btn-custom-lila:focus  {   
	background: #d0c2d1;
	color: #000;
	border: solid 2px #d0c2d1;
}
a.btn-solid.vc_btn3-color-btn-custom-lila:hover,
button.btn-solid.vc_btn3-color-btn-custom-lila:hover   {   
	background: #522a5b !important;
	color: #fff !important;
	border: solid 2px #522a5b !important;
}

/*gelb*/

.vc_btn3-inline {
	margin-right: 10px;
}
.vc_btn3-icon-left {
	padding-left: 40px !important;
}
.vc_general.vc_btn3.vc_btn3-icon-left .vc_btn3-icon {
    vertical-align: top;
    height: 24px !important;
    line-height: 1;
    font-size: 27px;
	left: 10px;
}
/*BUTTONS*/


.downloadfreianzeigen {
	display: none;
}
 
 
 
 
 .vc_tta.vc_general .vc_tta-panel-heading
{
    border: solid transparent;
    box-sizing: border-box;
    transition: background .2s ease-in-out;
} 
.vc_tta-panels h4 {
	color: #000; 
	font-weight: 400;
	font-size: 20px;
	text-transform: none;
	border-bottom: 1px solid #fbb911;
	text-transform: uppercase;
	background: transparent !important;
}
.vc_tta-panels h4 a {
	padding: 20px 20px 20px 0 !important;
}
.vc_tta.vc_general .vc_tta-panel-body {
	padding-left: 0 !important;
}



 
/*ACCORDION DONLOAD PDF*/
.downloadfreianzeigen .wpb_wrapper  {
	display: flex !important;
	justify-content: flex-start !important;
	flex-wrap: wrap;
}
.downloadfreianzeigen .wpb_wrapper .vc_btn3-container {
    margin: 5px;
} 
.vc_tta-color-btn-custom-gelb .vc_tta-panel-title {
	background: #fbb911; 	
	-webkit-transition: all 100ms linear;
	-moz-transition: all 100ms linear;
	-ms-transition: all 100ms linear;
	-o-transition: all 100ms linear;
	transition: all 100ms linear; 
}
.downloadfreianzeigen .vc_tta-color-btn-custom-gelb .vc_tta-panel-title:hover {
    background: #ffd260 !important; 
}
.wpb-js-composer .downloadfreianzeigen .vc_tta.vc_general .vc_tta-panel-title > a { 
    padding: 20px !important;
	font-weight: 400;
} 

.showall .vc_tta.vc_general .vc_tta-panel .vc_tta-panel-body {
    display: block !important;
}

/*SLIDER*/  
.slick-slider {
	margin: 0 auto;
	width: 95%;
} 
.slick-slider .slick-prev::before,
.slick-slider .slick-next::before  {  
    font-family: 'icomoon' !important;
    font-style: normal !important;
    font-weight: normal !important;
    text-decoration: inherit; 
	position: absolute;
	color: #fbb911 !important;
}
.slick-slider .slick-prev::before  {
	content: "\e907" !important;
	transform: rotate(90deg); 
	top: 0;
	right: 0;
}
.slick-slider .slick-next::before  {
	content: "\e907" !important;
	transform: rotate(-90deg);
	top: 0;
	left: 0;	
} 
.sliderboxtext .slick-slider .slick-slide {
	font-size: 22px; 
	line-height: 31px;  
	color: #522a5b;  
	font-family: 'Fira Sans', arial, sans-serif;
	text-align: center;
}  
.sliderboxtext .slick-slider span { 
	display: block; 
	font-size: 13px; 
	font-style: normal;
	text-transform: uppercase;
	color: #000;
	font-weight: 700;
	font-family: Lato, arial, sans-serif;
} 
/*SLIDER*/




/*POST*/
.vc_grid-filter { 
    padding-bottom: 40px !important; 
}
.vc_grid-filter.vc_grid-filter-color-grey > .vc_grid-filter-item.vc_active {
	background-color: #fbb911 !important;
	color: #000 !important;
}
.vc_grid-filter.vc_grid-filter-color-grey > .vc_grid-filter-item.vc_active > span, .vc_grid-filter.vc_grid-filter-color-grey > .vc_grid-filter-item:hover > span { 
	color: #000 !important;
}
.vc_grid-filter.vc_grid-filter-bordered > .vc_grid-filter-item { 
    border: none !important; 
} 
.vc_pageable-slide-wrapper .vc_figure { 
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.21); 
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.21);
}
/*POST*/




 
/* OVERLAY SEARCH & SEARCH RESULT
-------------------------------------------------------------------------*/ 
.searchcenterbox ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  opacity: .5;
  color: #fff;
}
.searchcenterbox ::-moz-placeholder { /* Firefox 19+ */
  opacity: .5;
  color: #fff;
}
.searchcenterbox :-ms-input-placeholder { /* IE 10+ */
  opacity: .5;
  color: #fff;
}
.searchcenterbox :-moz-placeholder { /* Firefox 18- */
  opacity: .5;
  color: #fff;
}
.overlay { 
	height: 0;
	width: 100%;
	position: fixed; /* Stay in place */
	z-index: 999999999; /* Sit on top */
	left: 0;
	top: 0;
    background-color: #522a5b;  
	overflow-x: hidden;
	overflow-y: hidden;  
	transition: 0.5s; /* 0.5 second transition effect to slide in or slide down the overlay (height or width, depending on reveal) */
}
.overlay-content {
	position: relative;
	top: 25%; /* 25% from the top */
	width: 100%; /* 100% width */
	text-align: center; /* Centered text/links */
	margin-top: 30px; /* 30px top margin to avoid conflict with the close button on smaller screens */
} 
.overlay a {
	padding: 8px;
	text-decoration: none;
	font-size: 36px;
	color: #818181;
	display: block; /* Display block instead of inline */
	transition: 0.3s; /* Transition effects on hover (color) */
} 
.overlay a:hover, .overlay a:focus {
	color: #f1f1f1;
}
.overlay .closebtn {
	position: absolute;
	top: 20px;
	right: 45px;
	font-size: 60px;
	color: #fff;
}
.openbutton  {
    display: none; 
} 
.overlay .searchline {
	border-bottom: solid 4px #fff;
} 
.searchcenterbox {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.searchcenterbox #search {
	padding: 18px 40px 5px 10px; 
	font-size: 32px;
	float: left; 
	border: none; 
	background: transparent;
	color:#fff; 
	font-weight: 400;
	font-family: 'Fira sans', arial, sans-serif;
	letter-spacing: 1px; 
	outline: none;	
}
.search-submit {
	background: transparent; 
	border: none; 
	cursor: pointer;
}
.suchbutton  {
	width: 65px; 
	border: solid 4px #9c9c9c; 
	position: relative; 
	z-index: 99999999; 
	height: 63px; 
	border: none;
	background: transparent; 
	display: block;
} 
.suchbutton:before {
	content: "\e906";
    font-family: 'icomoon' !important;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit; 
    color: #fff; 
    position: absolute;
	top: 10px;
	left: 12px;
	font-size: 37px;
	transform: rotate(70deg); 
} 
.suchbutton:hover:before { 
    color: #fff;  
}  

 
 .search-results ol.searchlist li  { 
   margin-bottom: 50px;
 } 

/* When the height of the screen is less than 450 pixels, change the font-size of the links and position the close button again, so they don't overlap */
@media screen and (max-height: 450px) {
.overlay a {font-size: 20px}
.overlay .closebtn {
	font-size: 40px;
	top: 15px;
	right: 35px; 
 }
} 



/*PAGINATOR
-------------------------------------------------------------------------*/
.navigation a.page-numbers,
.navigation span.page-numbers {
	padding: 10px 20px;
	background: #fbb911;
	color: #fff;
	display: inline-block;
	margin-bottom: 8px;
} 
.navigation a.page-numbers:hover,
.navigation span.page-numbers:hover {
	background: #522a5b;
	text-decoration: none;
} 
.navigation span.page-numbers.current { 
	background: #522a5b; 
}  
.navigation .dots {
	background: #fff !important;
	color: #fbb911 !important;
}



/*SCROLL UP
-------------------------------------------------------------------------*/
.scroll-top-wrapper.show {
    visibility: visible;
    cursor: pointer;
    opacity: 1.0;
}  
.scroll-top-wrapper {
    position: fixed; 
    visibility: hidden;  
    z-index: 99999999;
	width: 37px;
	height: 37px; 
	bottom: 15px;  
	right: 15px;   
	background: #fbb911;
}
.scroll-top-wrapper:before {
		content: "\e904";
		font-family: 'icomoon' !important;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit; 
    color: #fff;
    font-size: 35px; 
    position: absolute;
    top: 4px;
    left: 1px; 
	transform: rotate(-90deg);
}  
.scroll-top-wrapper:hover:before {  
    color: #ffde00; 
}   
.scroll-top-wrapper,
.scroll-top-wrapper:before { 
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-ms-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	transition: all 200ms linear; 
}

 

/*FOOTER
-------------------------------------------------------------------------*/ 
.container-footerend {
	background: #522a5b;
	float: left; 
	position: relative;
	width: 100%; 
	margin-top: 60px;	
}  
.home .container-footerend {
	margin-top: 0;
}
.container-footerend .footer_top p {
	margin-bottom: 15px;
	color: #fff;
	font-size: 15px;
	line-height: 21px; 
} 
.container-footerend .widget_media_image {  
	margin-bottom: 17px;
}  
.container-footerend h5 {  
	text-transform: uppercase;
	color: #fff;
	font-size: 17px;
	line-height: 25px;	
	padding-bottom: 15px;
	font-family: Lato, arial, sans-serif;
	font-weight: 700;
	letter-spacing:1px;	
} 
.container-footerend p a { 
	text-decoration: none;
} 
.container-footerend p a:hover {  
	text-decoration: underline;
}  
.container-footerend a.btn-outline.vc_btn3-color-btn-custom-gelb {  
	font-size: 15px;
	padding: 10px 15px;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}    
footer strong {
    font-weight: bold; 
}
footer .vc_col-sm-12 {
	display: flex;
	padding: 50px 0 30px 0;	 
}
footer .vc_col-sm-12 #secondfooter aside:nth-child(2) { 
	margin-top: 30px;
} 
footer .vc_col-sm-12 .sidebar-container { 
	width: 25%; 
	padding: 0 15px
} 
footer .vc_col-sm-12 .sidebar-container img { 
	max-width: 100%; 
}
footer .vc_col-sm-12 .sidebar-container ul  {  
	width: 100%;
}
footer .vc_col-sm-12 .sidebar-container ul li { 
	border-bottom: solid 1px #dedede; 
	display: block;
}
footer .vc_col-sm-12 .sidebar-container ul li a {   
	text-decoration: none;
	width: 97%;
	line-height: 38px; 
	display: block; 
	padding-left: 3%;
}
footer .wp-caption-text {
	display: none;
}
.footerend { 
	padding-top: 10px;
	margin-top: 20px;
	padding: 20px 0 !important;
	background: #44224c;
	color: #fff;
	font-size: 17px;
}
.footerendtel {  
	padding: 40px 0 20px 0 !important;
	color: #fff;
	font-size: 17px;
	margin-top: 20px;
	border-top: solid 1px #44224c;
}
.footerendtel .telfooter {  
	padding: 0 15px !important;
	font-size: 35px;
	line-height: 41px;	
}
.footerendtel .telfooter .footerteltel {  
	color: #fff;
} 
.footerendtel .telfooter a.footerteldaten {  
	display: block;
	font-size: 18px;
	padding-top: 5px;	
}
.footerend a {  
	color: #fff;
}
.footerend a:hover {  
	text-decoration: underline;
}

.footerend #sixthfooter {
	max-width: 1270px;
	width: 100%;
	margin: 0 auto;
	padding: 0 15px;  
}


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

 

/* 1300px-Auflösung "WIDTH 1300px"
-------------------------------------------------------------- */
@media only screen and (max-width: 1300px) { 
	header .topheader .top_nummer,
	header .topheader .datenschutzhinweis	{ 
		margin-right: 10px;
	}	
	.firstitem .wpb_wrapper,
	.seconditem .wpb_wrapper	{ 
		padding-left: 15px ; 	
	}   
}


/* 1245px-Auflösung "WIDTH 1245px"
-------------------------------------------------------------- */
@media only screen and (max-width: 1245px) { 
	header .menu li >  a { 
		padding: 15px 7px; 
	}
}







.mobile_menu_button  {
	display: none;
}
.sidemenu {
	position: absolute;
	left: -450px;
	top: 60px;
	z-index: 9999;
	height: 100%;
	background-color: #da5e5e;
	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;
}
/* 1240px-Auflösung "WIDTH 1240px" (Mobile Menu erscheint)
-------------------------------------------------------------- */
@media only screen and (max-width: 1240px) {   
	.hauptnavigation {
		display: none;
		visibility: hidden !important;
	} 
	.mobile_menu {
		background: #522a5b;
		max-width: 90%;
		width: 350px;
		position: absolute;
		z-index: 9999;
		height: 100%;
		top: 160px;
		overflow-y: auto;
		overflow-x: hidden;
		display: block;
		font-family: 'Fira Sans';
	}
	.mobile_menu .mobile_menu_main ul a  {
		color: #fff; 
	}
	.mobile_menu .mobile_menu_main ul a:hover  {
		text-decoration: none;
	}
	.mobile_menu .mobile_menu_main > ul li  {
		line-height: 50px;
		z-index: 1;
		position: relative;
		margin: 0;
		line-height: 50px;
		z-index: 1;
		border-bottom: 1px solid #522a5b; 
	}
	.mobile_menu .mobile_menu_main > ul > li a  {
		padding-left: 20px;
		display: block;
		width: 100%;
		font-size: 20px !important;
	} 
	.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: "\e907";
		color: #fff;
		font-size: 17px;
		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;
		font-size: 17px !important;  
	} 
	.mobile_menu .mobile_menu_main ul ul ul li > a {
		padding-left: 60px; 
		font-size: 17px !important;  
	}
	.mobile_menu .mobile_menu_main ul ul li  {
		background: #333333;
		border-bottom: 1px solid #333333;
	}
	.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;
	} 
	.sidemenushow {
		display: block;
		left: 0;
	}
	#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: 15px;
		top: 18px;
		z-index: 99999;
		cursor: pointer;
	}
	#mobile_menu_button span {
		display: block;
		position: absolute;
		height: 2px;
		width: 100%;
		background: #522a5b;
		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_searchbox {
		font-size: 17px !important;
		background: #f2f2f2 !important;
		margin-bottom: 5px;
		padding: 15px 5% !important;
	} 
	.mobile_menu_searchbox input {
		font-size: 20px !important; 
		font-weight: 400;
		font-family: 'Fira sans', arial, sans-serif;
		border: none !important;
		background: #fff !important;
		color: #522a5b !important;
		width: 100%;
		padding: 0 2%; 
		height: 50px;
		-webkit-appearance: none; 
		outline: none;
	} 
	.mobile_menu_additional {
		padding: 15px 5% !important;
		background: #f2f2f2;
	} 	
	.mobile_menu_additional .iconlight { 
		position: relative;
		color: #522a5b;
		padding-left: 30px; 
	}	
	.mobile_menu_additional .iconlight:before { 
		content: "\e902";
		font-family: 'icomoon' !important;
		font-style: normal;
		font-weight: normal;
		text-decoration: inherit;
		color: #522a5b;
		position: absolute;
		top: -3px;
		left: -5px;
		font-size: 26px; 
	}
	
		 
	.seconditem 	{ 
		padding-left: 15px ; 	
	}  
	
	header .topheader { 
		padding-top: 75px; 
	}
	.header .mobileshow {
		display: inline-block;
		padding: 14px 0 15px 0;
		margin-left: 0;
		margin: 0 15px;
		width: 50%;
		text-align: center;
		text-transform: uppercase;
		font-size: 18px; 	
	}
	.header .mobileshow.button_online { 
		margin-right: 7.5px; 	
	}
	.header .mobileshow.button_vorort { 
		margin-left: 7.5px;	 
		margin-right: 7.5px; 
	}
	.header .mobileshow.button_vorapp { 
		margin-left: 7.5px; 
	}
	.metamenu { 
		float: left;
		width: 100%;
		display: -webkit-box ;
		display: -moz-box ;
		display: -ms-flexbox ;
		display: -webkit-flex ;
		display: flex ;
		justify-content: center;	
	}
	.header .mobileshow {
		display: inline-block;
	}
	.header .mobilenotshow,
	.header .iconsearch.mobilenotshow	{
		display: none;
	} 
	.metamenu a, .metamenu span.iconsearch { 
		line-height: 22px;  
	}
	 
	header .topheader .top_nummer div.nummernblock  { 
		text-align: right;
	}	
	.specialrow .vc_col-sm-4 > .vc_column-inner  {
		margin-left: 0; 
	}
}

/* 1024-Auflösung "WIDTH 1170px"
-------------------------------------------------------------- */
@media only screen and (max-width: 1170px) {  
	.button_spendenheaderbox { 
		left: 34%;
	}
	.button_spendenheader {  
		padding: 11px; 
		top: 16px; 
	}
}
 

/* 1024-Auflösung "WIDTH 1024px"
-------------------------------------------------------------- */
@media only screen and (max-width: 1024px) {  
	.menu li {
		margin: 0 0.6em;
	}
	.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;
	}
	.schnellnavigation .menu li {
		margin-left: 0;
	} 
	html {
		padding-top: 50px;
	}
	header .wrapperbox { 
		padding-top: 60px;
	}  	
	footer .vc_col-sm-12 {
		display: block; 
	}
	footer .sidebar-container {
		margin-bottom: 25px;
	}
	footer .vc_col-sm-12 .sidebar-container {
		width: 95%; 
		margin-bottom: 50px;
	}
	footer .vc_col-sm-12 .sidebar-container:last-child { 
		margin-bottom: 0;
	}


}


  /* Auflösung "WIDTH 996px"
-------------------------------------------------------------- */
@media only screen and (max-width: 996px) { 
	.menu  {
	  margin: 3.6% auto; 
	} 
	header .topheader .top_nummer {
		display: block; 
		margin-top: 29px;
	} 
	header .topheader .top_nummer .nummereins { 
		margin-bottom: 8px;
	} 
	header .topheader .top_nummer div.nummernblock:first-child::before { 
		content: " ";  
	}
	header .topheader {
		padding-top: 32px;
	}
	header .topheader.topheadereinenummer {
		padding-top: 72px;
	}
	header .topheader.topheaderzweinummern div.datenschutzhinweis a { 
		margin-top: -11px; 
	}
	header .topheader.topheadereinenummer div.datenschutzhinweis a { 
		margin-top: -10px; 
	}
	header .topheader .top_nummer .phonetrenner {
		display: none;
	}
	header .vc_col-sm-9 {
		width: 219px;
		padding-left: 0;		
	} 
	header .vc_col-sm-3 { 
		padding-right: 0;		
	} 
	.menu li > a,
	.menu ul li a,
	.menu li.current_page_item ul a {
		font-size: 15px;
	}
	.kachelview .vc_col-sm-3 .vc_column-inner p  { 
		font-size: 35px; 
		line-height: 40px;  	
	}
	.button_spendenheaderbox { 
		left: 45%;
	}
	 
} 


/* Auflösung "WIDTH 880px"
-------------------------------------------------------------- */
@media only screen and (max-width: 880px) {
	.menu li > a,
	.menu ul li a,
	.menu li.current_page_item ul a {
		font-size: 14px;
	} 
	.kachelview .vc_col-sm-3  {
		width: 50%;  
	} 
	.kachelview .vc_col-sm-3:nth-child(4)  {
		width: 100%;  
	}
	.kachelview .firstcol  {
		position: relative; 
		display: block; 
		width: 100%;
	}
	.kachelview .firstcol p { 
		transform: rotate(0deg);
		text-align: left;
		bottom: 0; 
	}
	.kachelview .vc_col-sm-3.firstcol {
		height: 70px;
	}
	.kachelview .vc_col-sm-3.firstcol .vc_column-inner {
		padding-left: 0;
	}
	.kachelview .vc_col-sm-3.firstcol {
		height: 30px;
	}  
	.wpb_text_column h1,
	.wpb_text_column h2 {
		font-size: 30px;
		line-height: 38px; 
	}  	 
	.wpb_text_column h3 {
		font-size: 25px;   
		line-height: 30px;
		font-weight: 400;
	}
} 



/* Auflösung "WIDTH 680px"
-------------------------------------------------------------- */
@media only screen and (max-width: 680px) {
	.button_spendenheaderbox { 
		left: 45%;
	}
	.button_spendenheader {  
		padding: 0; 
		top: 10px;
		font-size: 15px;		
	}
	
} 

	
 
/* Auflösung "WIDTH 767px" (BREAKPOINT VC)
-------------------------------------------------------------- */
@media only screen and (max-width: 767px) { 
	.container-footerend .vc_col-sm-6 {
		margin-bottom: 0;
	} 
	.wpb_row  {
		margin: 0;
	} 
	.righttext h3 {
		text-align: left; 
	} 
	.specialrow .vc_col-sm-4  {
	 width: 100%;
	}
	.specialrow .vc_col-sm-4 > .vc_column-inner  { 
		 padding: 30% 0;
	}
	.specialrow .vc_col-sm-8  {
		 width: 100%; 
	}
	.specialrow .vc_col-sm-8  >.vc_column-inner   {  
		 padding-left: 15px;
		 padding-right: 15px;
	}  
	.artikelbild {
		min-height: 210px;
	}
} 


/* Auflösung "WIDTH 540px BIS 3000px"
-------------------------------------------------------------- */
@media only screen and (max-width: 3000px) and (min-width: 540px)  {
	.fixedheadertwo {  
		position: fixed !important; 
		top: 0 !important;
	}
}

/* Auflösung "WIDTH 540px" (Umbruch der Telefonnummern)
-------------------------------------------------------------- */
@media only screen and (max-width: 540px) {  
	header .headerone { 
		height: 187px; 
	} 
	.fixedheadertwomobile { 
		position: fixed !important;
		top: 0 !important;
	}
	header .vc_col-sm-3 {
		width: 154px; 
	} 
	a.logoimage { 
		background-size: 138px; 
		height: 70px;
		top: 10px;
	} 
	header .header-leftside { 
		height: 81px;
	}
	header .topheader .top_nummer, 
	header .topheader .datenschutzhinweis {
		margin-right: 0;
		text-align: center !important;
		width: 100%;
		margin-top: 15px;
	}
	header .topheader div.datenschutzhinweis a  { 
		text-align: center;	 
		line-height: 0;
		width: 100%;
	}
	header .topheader.topheaderzweinummern div.datenschutzhinweis a { 
		margin-top: -4px; 
	}
	header .topheader.topheadereinenummer div.datenschutzhinweis a { 
		margin-top: -4px; 
	}
	header .topheader .top_nummer { 
		justify-content: center;
		padding-top: 15px;
		margin-bottom: 0px;
		display: flex;
		margin-top: 0;
	} 
	header .topheader .top_nummer .nummereins { 
		margin-bottom: 0;
	} 
	header .topheader,
	header .topheader.topheadereinenummer	{ 
		width: 100%;
		padding-top: 0;
	}  	
	header .vc_col-sm-9 {
		width: 100%; 
		background: #fbb911;
		padding: 16px;
	}  
	header .topheader .top_nummer .phonetrenner {
		display: block;
	} 
	header .topheader .yellowblock {  
		background: #ffd260; 
		float: left;
		text-align: center;
		width: 100%;
		padding-bottom: 12px;
	}
	.kachelview .vc_col-sm-3  {
		width: 100%;  
	}
	.kachelview .vc_col-sm-3 .vc_column-inner {
		min-height: 200px; 
	}	
	header .topheader .top_button   {  
		display: block; 	
	} 
	header .topheader .top_nummer div.nummernblock span,
	header .topheader .top_nummer .phonetrenner	{ 
		color: #000;
	} 
	#mobile_menu_button { 
		top: 32px; 
	}
	.mobile_menu { 
		top: 81px; 
	}
	.vc_btn3-container { 
		margin-bottom: 10px !important;  
	} 
	.button_spendenheader {   
		top: 6px; 
		width: 65px;
		height: 65px;
		font-size: 12px;		
	}
	.button_spendenheaderbox { 
		left: 55%;
	}
} 




/* Auflösung "WIDTH 520px"
-------------------------------------------------------------- */
@media only screen and (max-width: 520px) {   
	header .topheader .mainbuttons a { 
		padding: 7px 17px;  
		font-size: 15px; 
		margin-left: 0;
		display: block;
		width: 100%;
		float: none;
		text-align: center;		
	}  
	header .topheader .mainbuttons a:first-child { 
		margin-bottom: 10px;	
	}  
	.cta .wpb_text_column p { 
		font-size: 27px;
		line-height: 34px;
	} 
	.footerendtel .telfooter {  
		font-size: 25px;
		line-height: 31px;	
	} 		
}  

 

/* Auflösung "WIDTH 470px"
-------------------------------------------------------------- */
@media only screen and (max-width: 470px) {  
	header .topheader .top_nummer div.nummernblock span,
	header .topheader .phonetrenner	{
		font-size: 26px; 
	}  
	header .topheader.topheadereinenummer .top_nummer div.nummernblock 	{
		font-size: 35px; 
	} 
	header .topheader .yellowblock { 
		padding-bottom: 16px;
	} 
	header .topheader.topheadereinenummer .yellowblock {
		padding-bottom: 11px;
	} 
	.slick-prev::before   {  
		left: 0;  
	} 
	.slick-next::before  {   
		left: 0; 
	}	
} 

 	

/* Auflösung "WIDTH 400px"
-------------------------------------------------------------- */
@media only screen and (max-width: 400px) { 
	h1, h2 {
		font-size: 29px;
		line-height: 34px; 
	}  
	.button_spendenheaderbox {
		left: 53%;
	}
} 



/* Auflösung "WIDTH 370px"
-------------------------------------------------------------- */
@media only screen and (max-width: 370px) {   
	header .topheader .top_nummer div.nummernblock span,
	header .topheader .phonetrenner	{
		font-size: 20px; 
	}
	header .topheader div.datenschutzhinweis { 
		margin-top: 13px;
		padding-bottom: 2px;
	}	
	.container-footerend h5 {  
		font-size: 16px;
		line-height: 25px;	 
	} 
	footer .vc_col-sm-12 .sidebar-container {
		width: 90%;
	}
}