/*
Theme Name: Weisse Liste, Zephyr Child Theme
Theme URI: 
Description: Based on Zephyr Theme
Author:
Author URI: 
Version: 1.0.0
Template: Zephyr
*/
@import url("../Zephyr/style.css");
@import url("webfont.css");
@import url("theme-font-optionen.css");
@import url("iconfont.css");
@import url("editor-style-shared.css");
/*@import url('https://fonts.googleapis.com/css?family=Lato:300,400,400i,700,700i,900');*/


/* --- Typografie ---------------------------------------------------------------------------------------*/

	html, body, p {
		font-family: 'Lato', Arial, sans-serif;
		font-weight: 400;
		font-style: normal;
		font-size: 16px;
		line-height: 133%;
		color: #323232;
		background-color: #fff;
		}
	p {
		background-color: transparent;
		margin-bottom: 1em;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		}
	h1, h2, h3, h4, h5, h6 {
		color: #22366f;
		font-weight: 400;
		text-transform: none;
		letter-spacing: 0.1px;
		padding-top: 0;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;}
		
	h1 {
		font-size: 310%;
		line-height: 115%;
		margin-bottom: 16px;}
	h2 {
		font-size: 200%;
		line-height: 110%;
		margin-bottom: 40px;
	}	
	h3 {
		font-size: 150%;
		line-height: 110%;
		}
	h4 {
		font-size: 120%;
		line-height: 125%;
		margin-bottom: 4px;
		}
	h5, h6 {
		font-size: 100%;
		line-height: 110%;
		}
			
	b, strong {
		font-family: 'Lato', Arial, sans-serif;
		font-weight: 700;
	}
	em, i, italic {
		font-weight: 400; 
		font-style: italic;
	}

	bolditalic, bi {
		font-weight: 700; 
			font-style: italic;
	}


	
	body a, a {
		color: #22366f;
		text-decoration:none;
		transition: all 0.2s ease 0s;
	}
	body a:hover {
	color: #0c9acf;
	}
	body a:visited, body a:active, body a:focus {
	color: #22366f;
	}



/*  -----  Editor Styles überschreiben hier ------  */




/* ---------  LAYOUT ----------- */


.unsichtbar {
	display: none !important;
}


/* ---------  HEADER ----------- */

.head-sec a::before {
    color: rgba(255,255,255,0.7);
    font-family: "icomoon";
    font-size: 24px;
    font-weight: normal;
    position: absolute;
	left: auto;
    top: -1px;
    transform: translateX(-24px);
    transition: color 0.3s ease 0s;
}


.sticky .l-subheader.at_bottom { /* on scroll hide menu nav*/
    position: relative;
    top: -200px;
}
.header_hor .l-subheader.at_middle, .header_hor .l-subheader.at_bottom {
    box-shadow: none; 
}
.sticky .l-subheader.at_middle, .sticky .l-subheader.at_bottom {
    border-bottom: 1px solid #d0d0ca;
}

/* ---------  NAV MENU ----------- */

.l-subheader-cell .w-nav {
    margin-left: 13px;
}
.current-menu-item .w-nav-title {
    font-weight: 700;
}


/* ---------  DOT MENU ----------- */

.individuelles-menu-pflegereform { /* section unten braucht keine hoehe*/
    height: 0;
}
.individuelles-menu-pflegereform .l-section-h {
    padding: 0;
}

.individuelles-menu-pflegereform h2 {
    display: none;
}
.individuelles-menu-pflegereform .widget_nav_menu > div {
    border: 0 none;
}
.individuelles-menu-pflegereform ul.menu {
    position: fixed;
    right: 30px;
    top: calc(50% - 155px);
}
.individuelles-menu-pflegereform ul.menu > li.menu-item {
    height: 25px;
}
.individuelles-menu-pflegereform ul.menu > .menu-item > a {
    border: 0 none;
    border-radius: 8px 0 0 8px;
    color: #ffffff !important;
    display: block;
    height: 30px;
    line-height: 30px;
    margin: 10px 0;
    overflow: visible;
    padding: 0 0 0 10px !important;
    position: relative;
    right: 0;
    text-indent: -10000em;
    transition: none 0s ease 0s ;
}
.individuelles-menu-pflegereform ul.menu > .menu-item:hover > a {
    background: #0c9acf none repeat scroll 0 0;
    right: 25px;
    text-indent: 0;
}
.individuelles-menu-pflegereform ul.menu > .menu-item > a::after {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #e0e0e0;
    border-radius: 5px;
    content: "";
    display: block;
    height: 10px;
    position: absolute;
    right: 0;
    top: 10px;
    width: 10px;
}
.individuelles-menu-pflegereform ul.menu > .menu-item:hover > a::before {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border-color: transparent transparent transparent #0c9acf;
    border-style: solid;
    border-width: 15px 0 15px 12px;
    content: "";
    height: 0;
    position: absolute;
    right: -12px;
    width: 0;
}
.individuelles-menu-pflegereform ul.menu > .menu-item:hover > a::after {
    background: #0c9acf none repeat scroll 0 0;
    border: 0 none;
    content: "";
    right: -25px;
}
.individuelles-menu-pflegereform ul.menu > .menu-item > a.active::after {
    background: #22366f none repeat scroll 0 0;
    border: 0 none;
    content: "";
}
.current-menu-item ._mPS2id-h.mPS2id-highlight.mPS2id-clicked.mPS2id-highlight-first.mPS2id-highlight-last {
    color: #fff;
}
.l-main .individuelles-menu-pflegereform ul.menu {
    border-style: solid;
    border-width: 0;
}





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

.footer-pflege a {
	color: #323232 !important;
	margin-left: 4px;
}
.footer-pflege a:hover {
	color: #0c9acf !important;
}
.footer-pflege a::before {
    color: #d0d0ca;
    content: "»";
    display: inline-block;
    font-size: 30px;
    font-weight: normal;
    left: -5px;
    position: relative;
    top: 2px;
    transition: color 0.3s ease 0s;
}
.footer-pflege img {
    position: relative;
    top: 7px;
    width: 240px;
}
.footer-menu-pflege {}
.footer-pflege li.menu-item {
    font-size: 16px;
    margin: 0 !important;
    padding: 0 !important;
}
.footer-pflege li.menu-item::before {
    content: " " !important;
}
.footer-bottom {
	border-top: 1px solid #d0d0ca;
	margin-top: 40px;
	padding: 12px 0;
}
.l-section.footer-pflege .l-section-h {
    padding-bottom: 10px;
}
.footer-bottom a {
	padding: 0 15px;
	font-size: 15px;
}
.footer-bottom a::before {
    content: " ";
}



/* --------- BUTTONS ------- */


.qode-btn.btn-rueckruf .qode-btn-text::before, .qode-btn.btn-nachricht .qode-btn-text::before {
    color: #1a96b5;
    font-family: "icomoon";
    font-size: 28px;
    font-weight: normal;
    position: absolute;
    top: 13px;
	left: 15px;
    /*transform: translateX(-24px);*/
    transition: color 0.3s ease 0s;
}
.qode-btn.btn-rueckruf .qode-btn-text::before {
	content: "\e908";
}
.w-toplink {
    background-color: rgba(50, 50, 50, 0.3);
}


/* --------- LISTEN ------- */



.liste-mit-pfeilen ul {
    color: #323232;
    display: inline-block;
    list-style: outside none none;
    margin: 2px 0 50px !important;
}
.liste-mit-pfeilen li {
    display: table;
    float: left;
    font-size: 16px;
    margin-bottom: 0px;
    margin-left: 21px;
}
.liste-mit-pfeilen li::before {
    color: #0c9acf;
    content: "»";
    display: block;
    font-size: 30px;
    font-weight: normal;
    left: -22px;
    position: relative;
    top: 18px;
    transition: color 0.3s ease 0s;
}


.hintergrund .liste-mit-pfeilen li, .anbieter li {
    font-size: 18px;
}




/* --------- SECTION PFLEGE OPENER ------- */

.pflege-opener {}

.pflege-opener .l-section-h {
    padding-left: 30px;
}

.l-section.pflege-opener-arrow-down {
    margin-top: -70px;
}


/* --------- SECTION EINLEITUNG ------- */

.einleitung .cl-counter {
    line-height: 1.1;
	margin-bottom: 40px;
}
.cl-counter-value {
    font-weight: 700;
}
.einleitung .g-cols .g-cols {
    padding: 50px 0 30px;
}
.einleitung .g-cols .vc_col-sm-6:first-child {
    border-right: 1px solid #e7e7e4;
}
.einleitung .g-cols .vc_col-sm-6 .vc_column-inner {
    margin: 0 auto;
    padding: 40px 0 20px;
    width: 420px;
}


/* --------- SECTION VORSCHLAEGE ------- */

.w-tabs-section-header {
    padding: 20px 0 20px 90px;
}
.w-tabs.accordion .w-tabs-section {
    margin-bottom: 7px;
    border-width: 0 !important;
}
.w-tabs-section-title {
    max-width: calc(100% - 0px);
}
.w-tabs-section.color_custom::before {
/*    background-color: #22366f;
    color: #fff;
    content: " ";
    display: block;
    font-size: 20px;
    font-weight: 900;
	padding: 22px 30px;
	position: absolute;*/
	
/*    height: 65px;
    width: 65px;*/
}


/* alte Accordeon-Quadrate ausblenden */
/*.w-tabs-section.color_custom::before{
    display: none;
}*/
.w-tabs-section-header::before, .w-tabs-section-header::after{
    font-family: 'Lato', Arial, sans-serif;
    display: inline-block;
    position: absolute;
    font-size: 20px;
	font-weight: 900;
}

.w-tabs-section-header::before{
    content: '';
    top: 0;
    left: 0;
    height: 100%;
    width: 80px;
    background-color: #22366f;
}

.w-tabs-section-header::after{
    left: 40px;
    top: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
}


.w-tabs-section.color_custom:nth-child(1) .w-tabs-section-header::after {content: "1";}
.w-tabs-section.color_custom:nth-child(2) .w-tabs-section-header::after {content: "2";}
.w-tabs-section.color_custom:nth-child(3) .w-tabs-section-header::after {content: "3";}
.w-tabs-section.color_custom:nth-child(4) .w-tabs-section-header::after {content: "4";}
.w-tabs-section.color_custom:nth-child(5) .w-tabs-section-header::after {content: "5";}
.w-tabs-section.color_custom:nth-child(6) .w-tabs-section-header::after {content: "6";}
.w-tabs-section.color_custom:nth-child(7) .w-tabs-section-header::after {content: "7";}
.w-tabs-section.color_custom:nth-child(8) .w-tabs-section-header::after {content: "8";}
.w-tabs-section.color_custom:nth-child(9) .w-tabs-section-header::after {content: "9";}
.w-tabs-section.color_custom:nth-child(10) .w-tabs-section-header::after {content: "10";}
.w-tabs-section.color_custom:nth-child(11) .w-tabs-section-header::after {content: "11";}
.w-tabs-section.color_custom:nth-child(12) .w-tabs-section-header::after {content: "12";}
.w-tabs-section.color_custom:nth-child(13) .w-tabs-section-header::after {content: "13";}
.w-tabs-section.color_custom:nth-child(14) .w-tabs-section-header::after {content: "14";}
.w-tabs-section.color_custom:nth-child(15) .w-tabs-section-header::after {content: "15";}
.w-tabs-section.color_custom:nth-child(16) .w-tabs-section-header::after {content: "16";}
.w-tabs-section.color_custom:nth-child(17) .w-tabs-section-header::after {content: "17";}
.w-tabs-section.color_custom:nth-child(18) .w-tabs-section-header::after {content: "18";}
.w-tabs-section.color_custom:nth-child(19) .w-tabs-section-header::after {content: "19";}
.w-tabs-section.color_custom:nth-child(20) .w-tabs-section-header::after {content: "20";}
.w-tabs-section.color_custom:nth-child(21) .w-tabs-section-header::after {content: "21";}
.w-tabs-section.color_custom:nth-child(22) .w-tabs-section-header::after {content: "22";}
.w-tabs-section.color_custom:nth-child(23) .w-tabs-section-header::after {content: "23";}
.w-tabs-section.color_custom:nth-child(24) .w-tabs-section-header::after {content: "24";}
.w-tabs-section.color_custom:nth-child(25) .w-tabs-section-header::after {content: "25";}
.w-tabs-section.color_custom:nth-child(26) .w-tabs-section-header::after {content: "26";}
.w-tabs-section.color_custom:nth-child(27) .w-tabs-section-header::after {content: "27";}
.w-tabs-section.color_custom:nth-child(28) .w-tabs-section-header::after {content: "28";}
.w-tabs-section.color_custom:nth-child(29) .w-tabs-section-header::after {content: "29";}
.w-tabs-section.color_custom:nth-child(30) .w-tabs-section-header::after {content: "30";}


.w-tabs.accordion .w-tabs-section-content-h {
    padding: 12px 31px !important;
}
.w-tabs-section-header h5 {
    color: #22366f;
    font-weight: 700;
}
.w-tabs.icon_chevron .w-tabs-section-control::before {
    font-family: 'icomoon' !important;
    font-weight: 400;
	font-size: 9px;
	content: "\e906";
}


/* --------- SECTION LÖSUNG LOESUNG VIDEO VORSCHLAEGE ------- */

#loesung.l-section {
    padding-bottom: 50px;
}

#player_responsive{
	position: relative;
	height: 0;
	width: 100%;
	padding-bottom: 56.25%;
	/*opacity: 0.2;*/
}

#yt_container iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #ccc;
}

#yt_container{
	position: relative;
	margin: auto auto;
	padding: 5px 5px 0 5px;
	border: 1px solid #d0d0ca;
	background: #fff;
	width: 90%;
	max-width: 860px;
	text-align: center;
}



#yt_container a:link, #yt_container a:visited{
	display: inline-block;
	padding: 5px 10px;
	text-transform: uppercase;
	margin: 10px 2px;
	color: #323232;
	text-decoration: none;
	font-size: 14px;
}

#yt_container a::before {
    color: #969996;
    content: "\e903";
    font-family: icomoon;
    font-size: 10px;
    margin-right: 5px;
    position: relative;
    top: -1px;
}

#yt_container a:hover{
	background: #f1f1ef;
}

#yt_container_shadow{
	position: relative;
	margin: auto auto;
	width: 90%;
	max-width: 740px;
	padding-bottom: 56.25%;
	margin-bottom: -60%;
	background: red;
}

/*SCHATTEN EFFEKT*/

#yt_container:before
{
	content:"";
    position:absolute; 
    z-index:-1;
    box-shadow: 0px 2px 57px 0px rgba(0, 0, 0, 0.36);
    top:3%;
    bottom:0px;
    left:4%;
    right:4%;
} 



/* --------- SECTION HINTERGRUND ------- */
.hintergrund-tabs {}
.hintergrund-tabs .ult_tabcontent {
	color: #323232 !important;
}

.hintergrund-tabs .ult_tab_li {
    background-color: #22366f;
	border-right: 1px solid #f1f1ef !important;
    transition: all 0.3s ease 0s;
//    width: 25%;
}
.hintergrund-tabs .ult_tab_li:last-child {
 	border-right: 0px !important;
}
.ult_tab_li.current {
    background-color: #fff !important;
}
.ult_tabmenu.style1 a.ult_a {
    padding: 15px 0 15px 25px !important;
}
.ult_tabmenu.style1 a.ult_a:hover {
    color: #85cce7 !important;
}
.ult_tabmenu.style1 .ult_tab_li.current a.ult_a:hover {
    color: #22366f !important;
}
li.ult_tab_li > a.ult_a span {
    text-align: left !important;
}
.hintergrund .ult_tabitemname {
    padding: 80px;
}

.infografik-legende-dunkel, .infografik-legende-mittel {
    float: left;
    width: 160px;
}
.infografik-legende-dunkel {
    margin-left: 190px;
    position: relative;
}
.infografik-legende-dunkel div, .infografik-legende-mittel div {
    float: left;
    height: 12px;
    margin-right: 5px;
    position: relative;
    top: 6px;
    width: 12px;
}
.infografik-legende-dunkel div {
    background-color: #22366f;
    color: #22366f;
}
.infografik-legende-mittel div {
	background-color: #0c9acf;
	color: #0c9acf;
}
.highcharts-title {
    display: none;
}
.m-chart-container {
    margin-top: -20px;
}
.highcharts-point.highcharts-color-0 {
    fill: #22366f;
}
.highcharts-point.highcharts-color-1 {
    fill: #0c9acf;
}
#m-chart-79-12 .highcharts-yaxis-labels text:last-child{ /*letzten wert ausblenden*/
    display: none;
}

.w-testimonials {
    margin-bottom: 50px;
}
.w-testimonials.style_2 .w-testimonial-h::before { /*quote " entfernen*/
    content: " ";
}
.w-testimonial-author-name, .w-testimonial-author-role {
    color: #969996 !important;
    font-size: 15px;
    font-weight: 400;
    line-height: 20px;
}
.w-testimonial-author {
    line-height: 20px;
}
.w-testimonial-author-name ~ .w-testimonial-author-role {
    margin-left: 0;
}

.w-testimonials.style_2 .w-testimonial-h {
    padding: 0 60px;
}
.ult-carousel-wrapper .slick-list {
    min-height: 170px !important;
}
button.slick-prev, button.slick-next, 
button.slick-prev:hover, button.slick-next:hover, 
button.slick-prev:focus, button.slick-next:focus, 
button.slick-prev:active, button.slick-next:active {
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;
	height: 36px !important;
}
.ultsl-arrow-right6::before, .ultsl-arrow-left6::before {
    font-family: 'icomoon' !important;
    font-weight: 400;
	font-size: 28px;
	color: #d0d0ca;
	transition: color 0.3s linear 0s;
}
button:hover .ultsl-arrow-right6::before, button:hover .ultsl-arrow-left6::before {
	color: #22366f;
}
.ultsl-arrow-right6::before {
	content: "\e902" !important;
}
.ultsl-arrow-left6::before {
	content: "\e901" !important;
}

.ul-indent {
    display: block;
    margin: 0 30px;
}
.hintergrund hr {
    margin-bottom: 30px;
}
.fuenf-fakten hr {
    margin: 0;
    width: 80px;
}
.hintergrund h3 {
    margin-bottom: 15px;
}
.hintergrund .vc_col-sm-6 {
    margin-bottom: 60px;
}
.hintergrund .tab2-img-graph {
	width: 80%;
	margin: 0 10%;
}




/* --------- SECTION ANBIETER ------- */

.anbieter .g-cols .g-cols {
    margin-top: 50px;
}
.anbieter .g-cols .vc_col-sm-8 .vc_column-inner {
    padding: 0;
}
.overlay-show.ult-responsive.mycust.ult-align-left {
    color: #deb315 !important;
	display: inline-block;
    left: 65px;
    position: relative;
    transition: all 0.3s linear 0s;
    width: 230px;
}
.overlay-show.ult-responsive.mycust.ult-align-left:hover, .overlay-show.ult-responsive.mycust.ult-align-left:hover::before {
    color: #323232 !important;
}
.overlay-show.ult-responsive.mycust.ult-align-left::before {
	font-family: 'icomoon' !important;
    color: #deb315;
    display: inline-block;
    font-size: 40px;
    font-weight: 400;
	content: "\e908";
	left: -67px;
    position: absolute;
    top: 10px;
	transition: color 0.3s linear 0s;
}


.ult_modal-content {
    border: 0 solid #fff !important;
}



/* --------- SECTION TWITTER NETZ ------- */


.netz .twitter-embed {
    margin: 0 auto 50px;
    width: 90%;
}
.netz .g-cols.twitter-embed .vc_column-inner {
    padding: 0 10px;
}
.netz .g-cols.twitter-embed .vc_column-inner iframe {
    background-color: #fff;
}
/* easy social share */
.essb_links.essb_template_grey-round-retina li a {
    background-color: #22366f !important;
    border-radius: 26px;
}
.essb_links .essb_icon {
    height: 52px;
    width: 52px;
}
.essb_links .essb_icon::before {
    font-size: 34px !important;
    left: 9px;
    top: 10px;
}
.essb_icon.essb_icon_whatsapp::before, .essb_icon.essb_icon_sms::before {
    top: 8px;
}



.essb_links li a .essb_icon.essb_icon_whatsapp, 
.essb_links li a .essb_icon.essb_icon_sms {
	display: none;
}

/* html.no-touch ginge auch... */
body.state_mobiles .essb_links li a .essb_icon.essb_icon.essb_icon_whatsapp, 
body.state_tablets .essb_links li a .essb_icon.essb_icon.essb_icon_whatsapp, 
body.state_mobiles .essb_links li a .essb_icon.essb_icon.essb_icon_sms,
body.state_tablets .essb_links li a .essb_icon.essb_icon.essb_icon_sms {
	display: inline-block;
}



/* --------- SECTION KONTAKT ANSPRECHPARTNER ------- */

.kontakt img {
    margin: 0 30px 60px 0;
    width: 182px;
}
.kontakt a {
	color: #323232 !important;
}
.kontakt a:hover {
	color: #0c9acf !important;
}
.link-twitter {
	margin-left: 5px;
}
.link-twitter::before {
    background-image: url("assets/twitter@2x.png");
    background-position: center center;
    background-size: cover;
    content: " ";
    display: inline-block;
    height: 13px;
    left: -4px;
    position: relative;
    top: 1px;
    width: 16px;
}

/* --------- SECTION DOWNLOADS ------- */

#download .g-cols .vc_column-inner {
    padding: 0 5px;
}
.download-section a {
    background-color: #0c9acf;
	color: #fff !important;
    margin: 0 4px;
    padding: 15px 15px 15px 25px;
    text-transform: uppercase;
}
.download-section a:hover {
    background-color: #22366f;
}
.download-section a::before {
	font-family: 'icomoon' !important;
    color: #fff;
    display: inline-block;
    font-size: 20px;
    font-weight: 400;
	content: "\e907";
	left: -2px;
    margin: 0 10px 0 0;
    position: relative;
    top: 3px;
}

.l-section.download-section p {
}
.download-section .l-section-h {
    border-top: 1px solid #f1f1ef;
    padding-top: 40px;
}


/* ###############################################

        P   R   O   J   E   K   T   -   S   E   I   T   E

############################################### */

/* Menue ausblenden */
.projekt .l-subheader.at_bottom{
    display: none;
}
.projekt nav {
    display: none;
}

/* alte Accordeon-Quadrate ausblenden */
.w-tabs-section.color_custom::before{
    display: none;
}


/* ###############  OPENER  ###############*/

.projekt #opener h4{
    font-size: 40px;
}

.projekt #opener h4 strong{
    /*font-size: 68px;*/
}

.projekt #einleitung, .narrow-content .l-section-h{
    max-width: 1000px;
    padding: 0 40px;
}

.projekt .einleitung_teil2{
    margin-top: 140px;
}


/* ###############  ANTRIEB  ###############*/

.projekt .textaufblau{
    max-width: 540px;
    margin: auto auto;
}

.projekt .textaufblau p{
    margin-bottom: 50px;
    font-size: 20px;
}

/* ###############  ECKPUNKTE  ###############*/

#eckpunkte .w-tabs-section-header::before, #eckpunkte .w-tabs-section-header::after{
    font-family: "Icomoon";
    display: inline-block;
    position: absolute;
    font-size: 30px;
}

#eckpunkte .w-tabs-section-header::before{
    content: '';
    top: 0;
    left: 0;
    height: 100%;
    width: 80px;
    background-color: #deb315;
}

#eckpunkte .w-tabs-section-header::after{
    font-size: 30px;
    left: 40px;
    top: 50%;
    transform: translate(-50%, -50%);
    content: "\e904";
    color: #fff;
}


#eckpunkte .w-tabs-section-header{
    position: relative;
    text-align: center;
    background-color: #f6f6f4;
}

#eckpunkte .w-tabs-section-header:hover{
    background: #fbfbfb;
}

#eckpunkte .w-tabs-section{
    margin-bottom: 4px;
}

#eckpunkte .w-tabs-section-content-h{
    background: #fbfbfb;
}

#eckpunkte .l-section-h {
    padding-top: 120px;
    padding-bottom: 140px;
}

#eckpunkte h2{
    margin-bottom: 90px;
}



/* ###############  SCHIRMHERR  ###############*/

.projekt .text_staatssekretaer{
    max-width: 1100px;
    font-size: 36px !important;
}

#schirmherr img{
    width: 35%;
    height: auto;
    right: 0;
}

#schirmherr .w-image{
    text-align: right;
}

#schirmherr p {
    font-size: 32px;
    line-height: 1.5;
}

#schirmherr .l-section-h {
    padding-top: 100px;
    padding-bottom: 30px;
}

/* ###############  PROJEKTE  ###############*/

.projekt .stoerer_links {
    display: inline-block;
    position: absolute;
    background: #22366f;
    color: #fff;
    padding: 10px;
    font-size: 16px;
    left: 0px;
}

.projekt .stoerer_links.letzter {
    margin-top: -20px;
}

.projekt #projekte a:link, .projekt #projekte a:visited, .mehr-erfahren a:link,  .mehr-erfahren a:visited{
    font-size: 16px;
    color: #0c9acf;
    text-decoration: underline;
}
.projekt #projekte a:hover, .mehr-erfahren a:hover{
    text-decoration: none;
}

.projekt #projekte p{
    font-size: 16px;
    line-height: 1.3;
}

.projekt #projekte .vc_column-inner{
    padding: 44px 80px;
}

.projekt #projekte .wpb_row{
    margin-bottom: 3px;
}

.projekt #projekte h2{
    margin-bottom: 80px;
}


/* ###############  KURATORIUM  ###############*/

#kuratorium h2, #kuratorium p{
    max-width: 820px;
    margin: auto auto;
}

#kuratorium p{
    margin: 60px auto;
}

#kuratorium .liste-mit-pfeilen li{
    float: none;
    display: block;
}

#kuratorium .w-tabs-section-header::before, #kuratorium .w-tabs-section-header::after{
    font-family: "Icomoon";
    display: inline-block;
    position: absolute;
    font-size: 30px;
}

#kuratorium .w-tabs-section-header::before{
    content: '';
    top: 0;
    left: 0;
    height: 100%;
    width: 80px;
    background-color: #969996;
}

#kuratorium .w-tabs-section-header::after{
    font-size: 30px;
    left: 40px;
    top: 50%;
    transform: translate(-50%, -50%);
    content: "\e905";
    color: #fff;
}


#kuratorium .w-tabs-section-header-h, #kuratorium h5{
    color: #505550;
    text-align: center;
}

#kuratorium .w-tabs-section-content-h{
    margin-left: 49px;
}

/* ###############  KONTAKT  ###############*/

.projekt .ansprechpartner{
    margin: 90px auto;
    max-width: 800px;
}

/* ###############  MAP  ###############*/

.projekt #map_interactive {
    padding: 0;
}

.projekt #map_interactive .l-section-h {
    margin: 0 0 !important;
    padding: 0;
    width: 100%;
    max-width: 100%;
}

.projekt #map_interactive .ultimate-map-wrapper{
    margin-bottom: 0;
}


.projekt h1{
    font-size: 68px;
    margin-bottom: 0px;
    margin-top: 30px;
}



/*  BILDER SLIDER

ANLEITUNG: 
Die 4 Bilder sind je eine leere Zeile in Wordpress mit einem 
Hintergrundbild. Werden per CSS absolut übereinander positioniert 
und via Keyframes ein + aus geblendet.

ACHTUNG: Es muss eine leere Zeile darüber eingefügt sein, 
damit das Padding passt. Also im Wordpress 5 Zeilen für 4 Bilder:

1. Zeile: leer
2. Zeile: erstes Bild
3. Zeile: zweites Bild
4. Zeile: drittes Bild
5. Zeile: viertes Bild
*/

.slideshow{
    position: absolute !important;
    padding-top: 120px;
    width: 100%;
    opacity: 0;
    top: 80px;
}





.slideshow.image01 {
    animation: fadeInOut1 20s ease reverse forwards infinite
}

.slideshow.image02 {
    animation: fadeInOut2 20s ease reverse forwards infinite
}

.slideshow.image03 {
    animation: fadeInOut3 20s ease reverse forwards infinite
}

.slideshow.image04 {
    animation: fadeInOut4 20s ease reverse forwards infinite
}

@keyframes fadeInOut1 {
    0% {opacity: 1 }
    24% {opacity: 1 }
    26% {opacity: 0 }
    98% {opacity: 0 }
    100% {opacity: 1 }
}

@keyframes fadeInOut2 {
    0% { opacity: 0 }
    24% {opacity: 0 }
    26% { opacity: 1 }
    49% { opacity: 1 }
    51% { opacity: 0 }
}

@keyframes fadeInOut3 {
    0% { opacity: 0 }
    49% {opacity: 0 }
    51% { opacity: 1 }
    74% { opacity: 1 }
    76% { opacity: 0 }
}

@keyframes fadeInOut4 {
    0% { opacity: 0 }
    74% {opacity: 0 }
    76% { opacity: 1 }
    96% { opacity: 1 }
    98% { opacity: 0 }
}




/*  -----  Responsive ------  */



@media only screen and (max-width: 1120px) {
	
	h1 {
    font-size: 44px;
}
	
/*	.w-tabs-section.color_custom::before {
    background-color: transparent;
    color: #0c9acf;
}
*/

}

@media only screen and (min-width: 1000px) and (max-width: 1200px) {
}

	
@media only screen and (max-width: 1024px) {
		
	.pflege #opener .l-section-h {
	padding: 80px 0;
	bottom: 20px;
	position: absolute;
	}
	.pflege #opener h1, .pflege #opener h4 {
    background-color: rgba(255, 255, 255, 0.9);
    display: table;
    padding: 20px;
    margin: 0;
	}
	.pflege #opener h4 {
	padding: 15px 20px 0;
	}
	
	.hintergrund dt {
		border-bottom: 1px solid #d0d0ca;
	}
	.hintergrund i.accordion-icon {
    font-style: normal;
    margin: 2px 10px;
	}
	.hintergrund .ult-tabto-accordion .ult-tabto-accordionItem {
		max-height: 150em;
	}
	.hintergrund .ult-tabto-accordion .ult-tabto-accolapsed {
		max-height: 0;
	}
	.hintergrund .ult-tabto-accordion dd p {
    margin: 0;
}
	.hintergrund .ult_acordian-text {
    margin: 0 !important;
}
	.ult-tabto-accordion dt > a {
    text-align: left !important;
	}
	.hintergrund .ult_tab_main {
    margin-left: 10px !important;
}
	
	.projekt #opener .upb_row_bg {
    background-position: 70% 0 !important;
}
	
	#schirmherr p {
    font-size: 26px;
}

}



@media only screen and (max-width: 1000px) {
	
		.pflege #opener .upb_row_bg {
    background-position: 70% 20% !important;
}
	
	.einleitung .g-cols .vc_col-sm-6 .vc_column-inner {
    width: 90%;
}
	
	.w-nav-control::before {
    content: "menu";
	color: #22366f;
    font-family: Lato;
    font-weight: 400;
	margin-left: 10px;
    text-transform: uppercase;
    font-size: 20px;
}
	.ush_menu_1.type_mobile .w-nav-anchor.level_1 {
    font-size: 16px;
    margin-left: -37px;
    text-align: center;
}

	
	#yt_container {
    width: 100%;
}
	#yt_container a:link, #yt_container a:visited {
    margin: 10px 2px;
    padding: 5px;
}
	
}	

@media only screen and (max-width: 900px) {
	
	.download-section .vc_col-sm-6 {
		margin-bottom: 15px !important;
		width: 100%;
	}
	.l-section.download-section p {
		text-align: center !important;
	}
	.download-section a {
    display: inline-block;
    margin: 0 auto;
    padding: 12px 5px;
    width: 80%;
}

	.kontakt .g-cols .vc_col-sm-6 {
    margin: 40px auto;
	}
	.kontakt img {
	float: none;
	margin: 0 auto;
	}
	.kontakt p, .kontakt h4 {
	text-align: center;
	}
	
	.projekt #opener .l-section-h {
    padding-top: 80px;
}
	.projekt #projekte .vc_column-inner {
    padding: 30px 38px;
}
	.projekt #projekte h3 {
    font-size: 22px;
}
	
}



@media only screen and (max-width: 768px) {
	
	
		.pflege #opener .upb_row_bg {
    background-position: 80% 20% !important;
}
	
#yt_container > a:link {
    padding: 0;
    width: 100%;
}
	
	.individuelles-menu-pflegereform ul.menu {
    right: 15px;
}
	
	.hintergrund-tab3-content .vc_col-sm-6, .hintergrund-tab4-content .vc_col-sm-6 {
    width: 100%;
}
	.hintergrund-tab3-content img, .hintergrund-tab4-content img {
	width: 80%;
	margin: 10px 10%;
	}
	.hintergrund .infografik {
    margin: 20px 0;
	}
	.ul-indent {
    display: block;
    margin: 0 10px;
	font-size: 0.92em;
	}
	.infografik-legende-dunkel, .infografik-legende-mittel {
		margin-bottom: 10px;
		margin-left: 0;
		position: relative;
	}
	
	.anbieter .vc_col-sm-8, .anbieter .vc_col-sm-4 {
		margin: 0 0 30px;
		width: 100%;
	}
	.anbieter .liste-mit-pfeilen ul {
    margin-bottom: 20px !important;
}
	.netz iframe {
    width: 100% !important;
}
	
	
	footer p, footer, footer li {
    text-align: center;
}
	footer a {
    font-size: 14px;
    line-height: 20px;
}
	.footer-pflege img {
    width: 160px;
}
	
	.projekt .einleitung_teil2 {
    margin-top: 100px;
}
	#eckpunkte h2 {
    margin-bottom: 50px;
}
	#eckpunkte .l-section-h {
    padding-bottom: 70px;
    padding-top: 70px;
}
	.projekt #projekte h2 {
    margin-bottom: 40px;
}
	#schirmherr .l-section-h {
    padding-top: 60px;
}
	#kuratorium p {
    margin: 30px auto 60px;
}
	.projekt .ansprechpartner {
    margin: 50px auto 90px;
}

	

}


@media only screen and (max-width: 600px) {
	
	h3, h5 {
	  overflow-wrap: break-word;
	  word-wrap: break-word;
	  -webkit-hyphens: auto;
	  -ms-hyphens: auto;
	  -moz-hyphens: auto;
	  hyphens: auto; /* einzelne wörter, absätze werden umgebrochen*/
	}
	
	.individuelles-menu-pflegereform ul.menu {
		display: none;
	}
	
	/*
	.pflege-test .individuelles-menu-pflegereform ul.menu {
		display: block;
	}
	.pflege-test .individuelles-menu-pflegereform ul.menu > .menu-item > a {
    	width: 10px;
		position: absolute;
		display: block;
	}
	.pflege-test .individuelles-menu-pflegereform ul.menu > .menu-item > a:hover {
		width: 200px;
	}*/
	
	/* TEST*/
	/* 
	.individuelles-menu-pflegereform ul.menu > .menu-item > a {
    	width: 10px;
		position: absolute;
		display: block;
	}
	.individuelles-menu-pflegereform ul.menu > .menu-item > a:hover {
		width: 200px;
	}
	.individuelles-menu-pflegereform ul.menu > .menu-item > a.mPS2id-clicked {
		right: -1000px;
	}
	*/

	
	
	.ush_menu_1.type_mobile .w-nav-anchor.level_1 {
    margin-left: 23px;
	text-align: left;
}
	#opener h1, #opener h4 {
    padding: 16px;
	}
	#opener h1 {
    font-size: 30px !important;
}
	.slick-list {
    padding: 0 10px !important;
}
.projekt #opener .l-section-h {
    padding-top: 60px;
}
	.projekt #opener h4 {
    font-size: 30px;
}
	.projekt #opener h1 {
    font-size: 58px !important;
	line-height: 100%;
}
	.einleitung img {
    margin: 0 auto;
    width: 80%;
}
	.projekt .textaufblau p {
    font-size: 18px;
    margin-bottom: 20px;
    margin-left: 7%;
    width: 84%;
	}
#eckpunkte .w-tabs-section-header::after {
    font-size: 24px;
}
	#schirmherr p {
    font-size: 22px;
}
	#schirmherr img {
    width: 60%;
}
	
	.slideshow{
		top: 80px;
	}
	

}


@media only screen and (max-width: 480px) {
	
	.l-subheader-cell .w-img.ush_image_2 {
		margin-left: 0;
	}
	
	#opener h1, #opener h4 {
    padding: 12px;
	}
	
		#opener h1 {
    font-size: 22px !important;
}
	.pflege #opener h1, .pflege #opener h4 {
    padding: 15px;
}
	.pflege #opener .g-cols.type_default > div > .vc_column-inner {
    padding-left: 15px;
    padding-right: 15px;
}
	.pflege #opener h4 {
    padding: 15px 15px 0;
}
	.download-section a {
    font-size: 12px;
}
	.download-section a::before {
    font-size: 16px;
}
	
	.essb_links .essb_icon {
    height: 32px;
    width: 32px;
}
	.essb_links .essb_icon::before {
    font-size: 21px !important;
    left: 5px;
    top: 6px;
}
	.projekt #opener h1 {
    font-size: 48px !important;
}
	.projekt #opener .l-section-h {
    padding-left: 0;
    padding-top: 25px;
}
	#eckpunkte .w-tabs-section-header::after {
    font-size: 20px;
	}
	#schirmherr p {
    font-size: 20px;
}
	.projekt #projekte .vc_column-inner {
    padding: 30px 28px 50px;
}
	#kuratorium .w-tabs-section-content-h {
    margin-left: 5px;
}
	
	.cl-counter-value, .cl-counter-title {
    font-size: 36px !important;
}
	
	
}




/*####################################

    TEAM SEITE ANPASSUNGEN

######################################*/

.g-cols.type_boxes>div>.vc_column-inner{
    padding: 0;
}

h1{
    margin-bottom: 0;
}

/* Menü ausblenden */
.at_bottom{
    display: none;
}

.teamgrid_overlay{
    position: absolute;
    background: rgba(12,154,207,0.8);
    width: 100%;
    max-width: 100%;
    height: 100%;
    max-height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    transition: all 0.3s ease-in-out;
    padding: 20px;
    cursor: default;
}

#teamgrid .vc_column-inner{
    padding: 0;
}

#teamgrid .w-image{
    margin-bottom: 0;
    transition: all 0.3s ease-in-out;
}

#teamgrid .wpb_row .vc_column_container:hover .teamgrid_overlay{
    opacity: 1;
}

#teamgrid .wpb_row .vc_column_container:hover .w-image{
    filter: grayscale(100%);
}

.teamgrid_info{
    margin: 0;
    width: 100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    text-align: center;
    font-size: 18px;
}

.teamgrid_info .weiss{
    display: inline-block;
    font-size: 24px;
    padding-top: 30px;
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);;
}

#teamgrid .vc_col-sm-3:hover .teamgrid_info .weiss{
    padding-top: 0;
}


.teamgrid_overlay img{
    margin: 0;
    margin-bottom: 5px;
    max-width: 30px;
    height: auto;
}

.letzte_reihe{
    background: #22366f;
}

#map_interactive .l-section-h, .ultimate-map-wrapper.ult-adjust-bottom-margin{
    padding: 0;
    margin: 0;
    margin-bottom: 0;
}

@media only screen and (max-width: 900px) {




}


/*######################################################
/
/					UPDATES 2023
/				
/######################################################*/


.smallicon img{
    max-width: 90px;
}

.hideme{
    display:none;
}


li.ult_tab_style_6 a.ult_a:after{
	border-color: #0c9acf !important;
	display: none !important;
}