﻿/**
Theme Name: Maria Heimsuchung
Theme URI: https://www.caritas-klinik-pankow.de/
Description: https://www.caritas-klinik-pankow.de/
Version: 1.0
**/

/** CUSTOM PATTERN **/
.fp-player a:last-of-type {
	opacity:0;
}

#cn-more-info {
    color: #fff;
    text-decoration: underline;
}

.wp-block-kadence-iconlist li {
	background: transparent;
}

html {
	position: relative;
	width: 100%;
	height: 100%;
	background: #fff;
}

body {
	width: 100rem;
	margin: 0 auto;
}

.lightgray {
	color:#9B9B9B;
}

.small {
	font-size:0.75rem;
}

.col-4-box {
	display: block;
}

.col-4-box .col {
    width: calc((100% / 4 ) - 0.1px);
    box-sizing: border-box;
    float: left;
}

.grau {
	background:#f6f6f6;
	margin: 0.75rem 0;
}
/*
.uagb-columns__wrap .uagb-column__wrap {
	margin:0 0.375rem;
	box-sizing: border-box;
}*/

.padding-block {
	padding: 0 20px;
}

.wp-block-image {
	margin-bottom: 0;
}

.advgb-accordion-header-icon {
	line-height: 2.8;
}

.advgb-accordion-header h4.advgb-accordion-header-title, .advgb-accordion-header h4 {
	font-weight: normal;
	font-size: 1.5rem;
	padding: 0.15rem 1rem;
}

.uagb-column__inner-wrap h4 {
	margin: 0;
}

.textbox p {
	margin: 0;
}

.no-margin-bottom {
	margin-bottom: 0 !important;
}

.no-margin {
	margin: 0 !important;
}

.mobile-only {
	display: none;
}

.blocks-gallery-item {
	padding-left: 0;
}

.wp-block-image img {
	width: 100%;
	display:block;
	height: auto;
}

.wp-block-image .is-resized img {
	width: auto;
	display:block;
}

.single-quote .kt-testimonial-item-wrap {
	padding: 20px !important;
	box-sizing: border-box;
}

.single-quote .kt-testimonial-name {
	text-align: right;
	color: #B20D11;
}

.kt-testimonial-content {
	line-height: 1.4em;
}

.gt3pg-type-masonry dd {
	display: none;
}

.wp-block-kadence-testimonials .kt-blocks-carousel .slick-slider:not(.kt-carousel-arrowstyle-none) {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

button.kt-blocks-accordion-header {
	margin-bottom: 6px;
}

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

.header {
	border-top: 0.5625rem solid #B20D11;
}

.logobox {
	width: 31.875rem;
	margin: 2.25rem;
	float:left;
}

.logobox a {
	display: block;
	width: 100%;
	height: 9rem;
	padding-top: 1rem;
	box-sizing: border-box;
}

.logobox img {
	display: block;
	max-height: 100%;
	height: auto;
	margin:0 auto;
}

.housebox {
	padding: 2.25rem 2.25rem 2rem 0;
	border: 0;
	border-bottom-left-radius: 1.875rem;
	border-top: none;
	border-right: none;
	text-align: right;
	width: calc(100% - 36.375rem);
	box-sizing: border-box;
	height: 13.5rem;
	float: left;
}

.housebox a {
	display: inline-block;
	height: 100%;
	width: auto;
	max-width: 100%;
}

.housebox a img {
	max-height: 100%;
	width: auto;
	max-width: 100%;
}

.header nav {
	display: block;
	width: 100%;
	background: #F6F6F6;
	text-align: right;
	padding: 0 2.25rem;
	box-sizing: border-box;
}

nav li {
	background:transparent;
	padding: 8px 15px 12px 15px;
	color: #464646;
	border-left: 3px solid white;
	display: inline-block;
	text-align: left;
}

nav li span {
	display: block;
}

.header nav li:last-of-type {
	border-right: 3px solid #fff;
}

nav li a:link, nav li a:visited {
	
}

/*
.is-resized img {
	width: inherit !important;
	height: inherit !important;
}*/

.myspacer {
	display:block; 
	width:100%; 
	height:1px;
}



.widget-title {
	margin-bottom: 1.5rem;
}

/*********************************/
/* CONTENT
/*********************************/

.contentintro {
	border-top:3px solid #b20d11;
	border-right: 3px solid #b20d11;
	border-top-right-radius: 30px;
	padding:0.75rem 4.5rem;
	margin-right: 2.25rem;
}

.contentintro img {
	display: inline-block;
	margin: 0 1rem 0 0;
}

.contentintro h1 {
	display: inline-block;
}

.smallpagecontent {
	width: 42rem;
	margin: 1rem auto;
}

.breadcrumb {
	display: block;
	background: #f6f6f6;
	min-height: 1rem;
	margin-bottom: 2rem;
	padding: 0.75rem 3.75rem;
	font-size: 0.9rem;
}




.breadcrumb a {
	margin-right: 0.75rem;
	margin-left: 0.75rem;
}

.breadcrumb_last {
	margin-left: 0.75rem;
	color: #b20d11;
}

.breadcrumb a:before, .breadcrumb_last:before {
	display: inline-block;
	content: ">>";
	margin-right: 0.5rem;
	color: #9B9B9B;
}

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

.footer {
	background: #F6F6F6;
}

.scrolltop:link, .scrolltop:visited {
	display: block;
	border-bottom: 3px solid #b20d11;
	border-right: 3px solid #b20d11;
	border-bottom-right-radius: 30px;
	text-align: right;
	text-decoration: none;
	font-weight: bold;
	font-size: 1.125rem;
	padding-top: 40px;
	padding-right: 30px;
	padding-bottom: 1rem;
	width: 86%;
	margin-left: 1rem;
	color: #b20d11;
}

.scrolltop img {
	display: inline-block;
	width: 2.25rem;
	height: 2.25rem;
	vertical-align: text-bottom;
	margin-right: 1.25rem;
}

.footer .col:nth-of-type(1) {
	border-left: 7px solid #f6f6f6;
}

.footer .col {
	border-left: 7px solid white;
	padding: 2.25rem 1.5rem;
}

.footer ul li {
	background:url(bilder/icon_liste_red.png) 0 0.15rem no-repeat;
}

.footer ul li a:link, .footer ul li a:visited {
	color:#7d7d7d;
}

.footer ul li a:hover, .footer ul li a:active {
	color:#b20d11;
}

.menuspacer {
	background: none !important;
	color: #f6f6f6;
}

/*******************************************/
/* SLIDESHOW
/*******************************************/

.memberbox {
	display: block;
	position: relative;
	padding: 0 5rem;
	max-width: 76.5rem;
	margin: 0 auto;
}

.memberdetailbox {
	position: relative;
	margin: 0 1rem;
}

.memberimg {
	float: left;
	width: 375px;
}

.memberdetail {
	width: calc(100% - 400px);
	position: absolute;
	bottom: 0;
	left: 400px;
}

.membername {
	font-size: 1.5rem;
	color: #464646;
}

.memberbereich {
	font-size: 1.125rem;
	color: #B20D11;
}

.memberstation {
	font-size: 1.125rem;
	color: #9B9B9B;
	margin-bottom: 2rem;
}

.membercontactbox {
	display: block;
	width: 100%;
	position: relative;
}

.memberphone {
	color: #000;
	float: left;
}

.membermail {
	color: #000;
	float: right;
}

.memberbox .prevArrow,.memberbox .nextArrow  {
	width: 3rem;
	text-align: center;
	font-weight: bold;
	font-size: 2rem;
	float: left;
	padding: 7.5rem 1rem 6.5rem;
	position: absolute;
	top: 0;
	left: 0;
}

.memberbox .nextArrow  {
	left: auto;
	right: 0;
}

.memberbox .prevArrow:hover,.memberbox .nextArrow:hover  {
	cursor: pointer;
}

.memberthumbbox {
	max-width: 76.5rem;
	margin: 2rem auto 0;
}

.memberthumb img {
	width: 100%;
	height: auto;
}

.kt-testimonial-text-wrap {
	background-image: url("bilder/icon_quote-first.png"), url("bilder/icon_quote-second.png");
	background-position: left top, right bottom;
	background-repeat: no-repeat, no-repeat;
	background-size: auto auto, 36px auto;
	padding: 2rem 3rem 1rem 6rem;
}

.kt-testimonial-item-wrap {
	padding:20px 20% !important;
}

.kt-testimonial-meta-wrap {
	display: block;
	margin-top: 1.5rem;
	font-style: italic;
}

.kt-testimonial-halign-left .kt-testimonial-item-wrap .kt-testimonial-meta-name-wrap {
	text-align: right;
}


.kt-blocks-carousel .slick-prev::before {

    content: "<<";
    font-weight: bold;
    font-size: 2rem;
    font-family: 'Arial', sans_sarif !important;
	transform: inherit !important;
	border: 0 !important;

}


.kt-blocks-carousel .slick-next::before {

    content: ">>";
    font-weight: bold;
    font-size: 2rem;
    font-family: 'Arial', sans_sarif !important;
	transform: inherit !important;
	border: 0 !important;
}

/************************************/
/* QUICKCONTACT
/************************************/

.desktop-quickcontakt {
	border-bottom: 0.5625rem solid #B20D11;
	padding: 0 1rem;
	background: #B20D11;
	color: #fff;
	position: relative;
	height: 1.2rem;
}

.desktop-quickcontakt span {
    font-size: 0.9rem;
    display: inline-block;
    margin-right: 1.5rem;
}

.desktop-quickcontakt span:first-of-type {
    margin-left: 1.5rem;
}

.desktop-quickcontakt img {
    position: absolute;
    top: 0px;
    left: 11px;
    height: 1.2rem;
    width: auto;
}

.quickcontactbox {
	background: url(bilder/icon_phone.png) 0 0 no-repeat;
	padding-left: 3rem;
	margin-bottom:2rem;
	display: block;
	position: relative;
	width: calc(100% - 6rem);
	min-height: 2.5rem;
}

.stationcontactbox {
	margin-bottom:2rem;
	display: block;
	position: relative;
	width: calc(100% - 3rem);
	min-height: 2.5rem;
	color: #000;
}

.quickcontactbox .mailicon, .stationcontactbox .mailicon {
	width:30px;
	height:23px;
	display: block;
	background:url(bilder/icon_letter.png) 0 0 no-repeat;
	background-size: contain;
	position: absolute;
	right: -48px;
	top: 0; 
}

span.wpcf7-not-valid-tip {
    margin-left: 1rem;
    margin-top: -0.5rem;
    margin-bottom: 1rem;

}




/************************************/
/* MMENU
/************************************/

.sticky {
	position: fixed !important;
	top: 0;
}

.sticky .stickyonly {
	display: block !important;
}

.homebtn {
	background: #b20d11;
	height: 48px;
	width: 4.5rem;
	text-align: center;
	padding: 0.5rem;
	box-sizing: border-box;
	position: absolute;
	left: 0;
	display: none;
}

.homebtn img {
	height: 100%;
}

#mainmenuwrapper {
	display: -ms-flexbox;
    display: flex;
    padding: 0;
    background-color: #F6F6F6;
    z-index: 100;
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: 100%;
    max-width: 1600px;
}

#mainmenu {
    white-space: nowrap;
    position: relative;
}

#mainmenu .top-level:hover,
#mainmenu .top-level.open:hover,
#mainmenu .top-level:hover span,
#mainmenu .top-level.open:hover span {
    background-color: #97D11F;
    cursor:pointer;
    color: white;
}

#mainmenu .top-level.open {
    background-color: #fff;
}

#mainmenu .top-level.open  {
    color:#B20D11;
}

#mainmenu div.top-level br, #mainmenu a.top-level br{
    display: none;
}

#mainmenu .top-level.open span {
    color:#9B9B9B;
}

#mainmenu .top-level:first-child {
    margin-left: 200px;
}

#mainmenu .top-level.last-child {
    margin-right: 36px;
    border-right: 3px solid white;
}

#mainmenu .top-level  {
    color:#464646;
    font-size: 16px;
    padding: 8px 15px 12px 15px;
    background-color: #F6f6f6;
    display:inline-block;
    border-left: 3px solid white;
    height: 48px;
    position:relative;
    text-align:left;
    box-sizing: border-box;
}

#mainmenu .top-level > a {
    color:#464646;
}

#mainmenu .top-level span {
    color:#9B9B9B;
    display:block;
    font-size: 12px;
}

#mainmenuwrapper .top-level.first {
    min-height: 60px;
    width:100%;
    vertical-align: top;
    margin-left:0;
}

#mainmenu .top-level.last {
    min-height: 50px;
    width: 16px;
    vertical-align: top;
    margin-right:0;
}

#mainmenu .top-level.last.open {
    background-color: inherit;
}

#mainmenu .hidden {
    display: none;
}

.submenu.open  {
    display: block;
}

#mainmenuwrapper .submenu a:hover {

    color: #97D11F;

}

.submenu {
    background-color:#F6f6f6;
    padding:12px;
    display:none;
    cursor: default;
    border: 3px solid #fff;
    z-index:100;
    white-space: normal;
    left: 200px;
    width: calc(100% - 236px);
    position: absolute;
    box-sizing: border-box;
}

.submenu a.red {

    color: #B20D11 !important;
    font-weight: bold;

}

.submenu .mainmenubox {
    text-align:left;
    background-color:#fff;
    padding:12px 7px 12px 12px;
    margin: 6px;
    line-height:18px;
    box-sizing: border-box;
}

.submenu .mvz {
    padding-top: 22px;
}
.submenu .mainmenubox .line24{
    line-height: 24px;
}

.submenu .mainmenubox strong {
    color:#B20D11;
    display:block;
    font-size: 16px;
    font-weight:normal;
}

.submenu .mainmenubox .emptyline
{
    
    font-size: 16px;
}

.submenu .mainmenubox strong a,
.submenu .mainmenubox strong a:visited,
.submenu .mainmenubox strong a:link,
.submenu .mainmenubox strong a:hover {
    text-decoration: none;
    color:#B20D11;
    display:block;
    font-size: 16px;
    font-weight:normal;
}

.submenu .mainmenubox .smallmenuhead,
.submenu .mainmenubox .smallmenuhead a,
.submenu .mainmenubox .smallmenuhead a:visited,
.submenu .mainmenubox .smallmenuhead a:link,
.submenu .mainmenubox .smallmenuhead a:hover {
    color: #B20D11;
    font-size: 16px;
}
.submenu.departments .mainmenubox .smallmenuhead a
{
    color: #9b9b9b;
}

.submenu .mainmenubox a {
    display:block;
    color:#9B9B9B;
    font-size:14px;
    text-decoration: none;
}

.submenu .flex-row,
.submenu .outer-flex {
	display: -ms-flexbox;
    display: flex;
}

.submenu .outer-flex > div
{
	-ms-flex: 1 1 auto;
    flex-shrink: 1;
}

.submenu .flex-row .mainmenubox {
    width: 331px;
    -ms-flex: 1 1 auto;
    flex-shrink: 1
}

.submenu .flex-row:first-child .mainmenubox {
    margin-top:0;
}
.submenu .flex-row:last-child .mainmenubox {
    margin-bottom:0;
}

.submenu .flex-row .mainmenubox:first-child {
    margin-left:0;
}

.submenu .flex-row .mainmenubox:last-child {
    margin-right:0;
}

 div.submenu div.flex-row div.mainmenubox {
        width:100%;
    }

div.mainmenubox.flex,
div.bottom.flex{
	display: -ms-flexbox;
    display:flex;
    justify-content: space-between;
    -ms-flex-pack: justify;
    line-height:1.5em;
}

div.mainmenubox.flex.phonenumbers
{    
    display: block;
    padding-top: 25px;
}
div.mainmenubox.double .bottom.flex.phonenumbers
{    
    display: block;
    padding-top: 34px;
}

.oneline
{
    display: flex;
}

div.mainmenubox.double {
    background-color: white;
    padding:0;
}

div.mainmenubox.double .top {
    border-bottom: 12px solid #f6f6f6;
}

div.mainmenubox.double .top,
div.mainmenubox.double .bottom {
    padding:12px 12px;
}

div.mainmenubox.triple {
    background-color: white;
    padding:0;
}

div.mainmenubox.triple .top,
div.mainmenubox.triple .middle {
    border-bottom: 12px solid #f6f6f6;
}

div.mainmenubox.triple .top,
div.mainmenubox.triple .middle,
div.mainmenubox.triple .bottom {
    padding:12px 12px;
}

div.submenu.about div.mainmenubox.image {
    height:100%;
}

div.submenu.about div.mainmenubox.double.one-length{
    width: 33%;
}

div.submenu div.mainmenubox.image {
    padding:0;
    overflow: hidden;
    text-align: center;
}
div.submenu div.mainmenubox.image img {
    width: 100%;
    display: block;
}

div.submenu.client div.mainmenubox.image {
    width: 100%;
}

div.submenu div.mainmenubox.image.double-length{
   width: 67%;
}

div.submenu div.mainmenubox.image.double-length img{
    width: 100%;
}

div.submenu.applicants div.mainmenubox {
    width:336px;
}
div.submenu.applicants .image {
    display:inline-block;
    overflow: hidden;
}

div.submenu.applicants img {
    width:auto;
    height: 100%;
    vertical-align:top;
    margin-left: 12px;
}

div.submenu.applicants .applicants-wrapper {
    width:66%;
    vertical-align:top;
    display:inline-block;
}

   div.submenu.applicants div.flex-row div.mainmenubox {
        width:50%;
    }


/************************************/
/* Single
/************************************/
.sidebar-left, .sidebar-right {
	width: 25%;
	float: left;
	text-align: center;
	font-size: 1.2rem;
	padding: 0 12px;
	box-sizing:border-box;
	min-height: 1px;
}

.sidebar-left img, .sidebar-right img {
	max-width: 100%;
	height: auto;
}

.singlecontent {
	float: left;
	width: 50%;
	padding: 0 20px;
	box-sizing: border-box;
}

.singlecontainer {
	width: 100%;
	padding:0 60px;
	box-sizing: border-box;
	margin: 24px 0;
}

.singlecontainer h4 {
	text-transform: uppercase;
	color: #7d7d7d;
	font-weight: normal;
	margin: 0 0 0.5rem;
}

.catdivider {
	height: 30px;
	margin: 2rem 0;
}

.page-numbers {
	border: 1px solid #f6f6f6;
	padding: 0.3rem 0.5rem;
	margin-right: 0.3rem;
}

.clear {
	clear: both;
}

.theme-sec1 img {
	height: auto;
}

.theme-sec1 {
	padding-top: 24px;
	padding-bottom: 24px;
	padding-left: 72px;
	padding-right: 72px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 24px;
	margin-bottom: 24px;
	max-width: 100%;
	background: #f6f6f6;
}

.theme-sec2{
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 0;
	padding-right: 0;
}


.theme-sec3-1 {
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 0;
	padding-right: 0;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 6px;
	background:#fff;
}

.theme-sec3-2 {
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 0;
	padding-right: 0;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 6px;
	margin-right: 6px;
	background:#fff;
}

.theme-sec3-3 {
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 0;
	padding-right: 0;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 6px;
	margin-right: 6px;
	background:#fff;
}

.theme-sec3-4 {
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 0;
	padding-right: 0;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 6px;
	margin-right: 0;
	background:#fff;
}

.theme-sec4 {
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	padding-right: 20px;
	margin-right: auto;
	margin-left: auto;
	max-width: 100%;
}


.footer .uagb-columns__columns-4 {
	background: #fff;
}

.footer .theme-sec1 {
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}

.footer .theme-sec3-1 {
	background: #f6f6f6;
}

.footer .theme-sec3-1:nth-of-type(4){
	margin-right: 0;
}

.footer .theme-sec4 {
	padding-top: 48px;
	padding-bottom: 48px;
}

.katlink:link, .katlink:visited {
	color: #b7b7b7;
	display: block;
	margin-bottom: 0.3rem;	
}

.katlink:hover, .katlink:active {
	color: #b20d11;
}

.autowidth img {
	width:auto;
}

.searchform {
	position: absolute;
	right: 5px;
	top: -5px;
}

.searchform .search-field {
	width: 12rem;
	padding: 0.3rem 0.5rem;
	border: 0;
	border-radius: 0;
	margin: 0;
	float: left;
}

.searchform input[type="submit"] {
	border: 0;
	border-radius: 0;
	padding: 0.3rem 1rem;
	background: #efefef;
	color: #000;
	margin: 0;
}


@media print {
	
}
/** CUSTOM PATTERN ENDE **/

@media screen and (max-width: 104rem){
	body {
		width: calc(100% - 4rem);
	}
}

@media screen and (max-width: 87.5rem){
	.housebox {
		position: relative;
	}

/*
	.housebox img {
		width: 85%;
		position: absolute;
		bottom: 0;
		right: 0;
	}
*/
}

@media screen and (max-width: 69rem){
	.logobox {
	    margin: 1rem 2.25rem;
	    height: 8rem;
	    width: calc(50% - 4.5rem);
	}

	.logobox a {
		height: 100%;
	}

	.logobox img {
	    width: auto;
	    height: auto;
		max-width:90%;
	}

	.housebox {
		height: 10rem;
		width: 50%;
	}

	.contentintro {
		padding: 0.75rem 0;
		margin-right: 0;
	}

	.contentintro img {
	    width: 5rem;
	    height: auto;
	}

	h1 {
		font-size: 1.75rem;
	}

	.breadcrumb {
		padding: 0.75rem 1rem;
	}

	.wp-block-image img {
	    max-width: 100%;
	    display: block;
	    margin: 0 auto;
	}

	.uagb-section__wrap {
	    padding: 24px !important;
	}

	.uagb-section__wrap .uagb-section__wrap {
	    padding: 20px !important;
	}

	.mobile-no-tb-padding {
		padding:0 24px !important;
	}

	.memberimg {
	    width: 15rem;
	}

	.slick-slide img {
	    width: 100%;
	    height: auto;
	}

	.memberdetail {
	    width: calc(100% - 16rem);
	    left: 16rem;
	}

	.membername {
    	font-size: 1.2rem;
	}

	.memberbereich {
    	font-size: 1rem;
	}

	.memberstation {
	    font-size: 1rem;
	    margin-bottom: 1rem;
	}

	.memberbox {
		padding: 0 3rem;
	}

	.memberbox .prevArrow, .memberbox .nextArrow {
	    font-size: 1rem;
	    padding: 5rem 0rem 4.5rem;
	}

	.membercontactbox {
	    font-size: 0.865rem;
	}

	li, h1, h2, h3, h4, p {
		overflow-wrap: break-word;
		word-wrap: break-word;
		-webkit-hyphens: auto;
		-ms-hyphens: auto;
		-moz-hyphens: auto;
		hyphens: auto;
	}

	#mainmenuwrapper {
		width: calc(100% - 4rem);
	}


div#mainmenu div.top-level, div#mainmenu a.top-level {
        font-size:14px;
        font-weight: bold;
        line-height: 16px;
        text-align: left;
        flex-grow: 1;
        white-space:normal;
        padding: 8px 0 8px 8px;

    }

    #mainmenu .top-level:first-child {
    margin-left: 16px;
}

    div#mainmenu div.top-level br{
        display: block;
    }

    div#mainmenu div.top-level span, div#mainmenu a.top-level span {
        display:none;
    }

    div#mainmenu .top-level.last-child {
        margin-right: 18px;
    }
   
    div#mainmenu {
        padding-left:0;
        display: -ms-flexbox;
        display:flex;
        width: 100%;
    }

    div.submenu {
        top: 48px;
        width: calc(100% - 218px);
        padding: 12px
    }

    div.submenu .mainmenubox {
        margin: 4.5px
    }

    div.submenu div.flex-row div.mainmenubox {
        width:33%;
    }

    div.submenu div.applicants-wrapper div.flex-row div.mainmenubox {
        width:50%;
    }

    div.submenu .flex-row .mainmenubox strong,
    div.submenu .flex-row .mainmenubox strong a
    {
        font-size: 14px;
    }

    div.submenu .flex-row .mainmenubox  a
    {
        font-size: 12px;
    }

    .submenu .mainmenubox .smallmenuhead,
    .submenu .mainmenubox .smallmenuhead a,
    .submenu .mainmenubox .smallmenuhead a:visited,
    .submenu .mainmenubox .smallmenuhead a:link,
    .submenu .mainmenubox .smallmenuhead a:hover
    {
       font-size: 14px !important;
    }

    .submenu .mainmenubox .emptyline
    {
    
        font-size: 0px;
        line-height: 0px;
    }

    div.submenu .flex-row .mainmenubox.phonenumbers a,
    div.submenu .flex-row .bottom.phonenumbers a
    {
        font-size: 12px;
        line-height: 16px
    }

    .oneline
    {
      display: block !important;
      margin-bottom: 6px;
    }
    div.mainmenubox.flex,
    div.mainmenubox.double .bottom.flex.phonenumbers
    {    
    padding-top: 12px !important;
    }
    #mainmenuwrapper {
        position:relative;
    }

    .sidebar-left, .sidebar-right {
		width: 100%;
		float: left;
		text-align: left;
		font-size: 1.2rem;
		padding: 0;
		box-sizing:border-box;
	}

	.sidebar-left {
		margin-bottom: 24px;
	}

	.sidebar-right {
		margin-top: 24px;
	}

	.singlecontent {
		float: left;
		width: 100%;
		padding:0;
	}

	.singlecontainer {
		width: 100%;
		padding:0 40px;
	}
}

@media screen and (max-width: 766px){
	body {
		width: 100%;
		overflow-x: hidden;
	}

	.header {
		margin-bottom: 0 !important;
	}

	.housebox {
		border: 0;
		width: 100%;
		text-align: center;
		padding: 0;
		float: none;
		height: 0;
	}

	.logobox {
	    margin: 0rem 0;
	    height: auto;
	    width: 100%;
	    float: none;
	}

	#mainmenuwrapper {
		display: none;
	}

	.mobile-only {
		display: block;
	}

	.header {
		border-top: 44px solid #B20D11;
	}

	.quickcontact {
		background: #B20D11;
		position: fixed;
		top: 0;
		width: 100%;
		z-index: 9999;
		height: 2.75rem;
	}

	.quickcontact .contacticon {
		padding: 0.5rem 1.5rem;
		display: inline-block;
	}

	.contacticon:hover {
		cursor: pointer;
	}

	.tel-box, .search-box {
		display: none;
		background: #fff;
		border-bottom: 0.5rem solid #B20D11;
	}

	.tel-box a {
		display: block;
		color: #000;
		font-size: 1.2rem;
		margin: 0;
		background: #f6f6f6;
		border-top: 5px solid #fff;
		border-bottom: 5px solid #fff;
		padding: 0.5rem 1rem;
	}

	#responsive-menu-button {
		right: 12px !important;
		top: 1px !important;
	}

	.contentintro {
		padding: 0.75rem 1.25rem;
		border-top: 0;
		border-right: 0;
	}

	.contentintro img {
	    display: none;
	}

	.breadcrumb {
		display: none;
	}

	.smallpagecontent {
	    width: calc(100% - 2.5rem);
	    margin: 0rem auto;
	}

	.advgb-accordion-header h4.advgb-accordion-header-title, .advgb-accordion-header h4 {
	    font-size: 1.1rem;
	    padding: 0.15rem 0.5rem;
	}

	.advgb-accordion-header-icon {
	    line-height: 2.6rem;
	}

	.uagb-columns__columns-4 .wp-block-uagb-column, .uagb-columns__columns-3 .wp-block-uagb-column, .uagb-columns__columns-2 .wp-block-uagb-column {
		margin-left: 0 !important;
		margin-right: 0 !important;
		margin-bottom: 1rem !important;
	}

	.uagb-columns__columns-4 .wp-block-uagb-column:nth-of-type(4), .uagb-columns__columns-3 .wp-block-uagb-column:nth-of-type(3), .uagb-columns__columns-2 .wp-block-uagb-column:nth-of-type(2)  {
		margin-bottom: 0rem !important;
	}

	.memberimg {
		width: 100%;
		float: none;
	}

	.memberimg img {
		width: 20rem;
		max-width: 100%;
		margin: 0 auto;
	}

	.memberdetail {
	    width: 100%;
	    left: 0;
	    text-align: center;
	    position: relative;
	    margin-top: 1rem;
	    display: block;
	}

	.memberbox .prevArrow, .memberbox .nextArrow {
	    padding: 8rem 0rem 4.5rem;
	}

	.memberthumbbox {
		display: none !important;
	}

	.slideshow-box {
		padding: 24px 0 !important;
	}

	.slideshow-box .uagb-section__wrap,  .uagb-section__wrap .no-padding {
		padding: 0 !important;
	}

	.slideshow-box .uagb-section__wrap h2 {
		padding: 20px !important;
	}

	.memberphone, .membermail {
		float: none;
	}

	.kt-testimonial-item-wrap {
	    padding: 20px 0 !important;
	}

	.kt-testimonial-text-wrap {
	    background-size: 36px auto, 36px auto;
	    padding: 1rem 3rem 1rem 3rem;
	}

	.kt-blocks-carousel .slick-prev::before, .kt-blocks-carousel .slick-next::before {
	    font-size: 1rem;
	}

	.wp-block-image img {
		width: auto;
	}


	.uagb-section__wrap h2 {
		font-size: 1.2rem;
	}

	.singlecontainer {
		padding:0 24px;
	}
}

@media screen and (max-width: 27rem){

	.kt-testimonial-text-wrap {
	    padding: 2rem 0rem 2rem 0rem;
	}

	.quickcontactbox {
	    background: transparent;
	    padding-left: 0rem;
	    width: 100%;
	    padding-top: 2rem;
	}

	.quickcontactbox .mailicon {
	    right: 0;
	}
}

@media screen and (max-width: 23rem){
	.tel-box a {
	    font-size: 1rem;
	}

	h1 {
	    font-size: 1.5rem;
	}

	.kt-testimonial-text-wrap {
	    padding: 2rem 0rem 2rem 0rem;
	}
}

/** CUSTOM PATTERN ENDE **/

/** CSS FOR NEW CONTENT */
.sec-menschlichkeit {
	background: #f6f6f6;
	margin-top:24px;
}

.sec-menschlichkeit h2, .sec-menschlichkeit-article h2 {
	color: #144673;
	font-weight:normal;
	display: block;
	text-align: center;
	font-size: 1.8rem;
	padding:3rem 0;
}

.sec-menschlichkeit img, .sec-menschlichkeit-article img {
	width: 100%;
	height: auto;
}

.intro {
	background:#f6f6f6;
	padding: 0.15rem 0;
	font-size: 1.4rem;
	color: #B20D11;
	font-weight:bold;
	border-bottom: 1rem solid #fff;
}

.innerwrapper {
	padding:0 5.4rem;
	text-align: center;
}

.intro .innerwrapper {
	text-align: left;
}

.mobile-only {
	display: none;
}

.sec-menschlichkeit a {
	color: #B20D11;
	text-decoration: none;
	display: inline-block;
	margin: 2rem auto;
	font-size: 1rem;
	font-weight:bold;
}

.sec-vorteil {
	background:#f6f6f6;
	padding:2.5rem 5.4rem 5.4rem;
}

.sec-vorteil .intro {
	border-bottom:0;
	margin-bottom:1rem;
}

.sec-vorteil .thirdbox {
	display:block;
	background:#fff;
	height:45rem;
	-webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.35);
	-moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.35);
	box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.35);
}

.sec-vorteil .thirdbox .onethird {
	width:calc(100% * 0.33333);
	float:left;
	padding:1rem 3rem;
}

.sec-vorteil .thirdbox .twothird, .vorteilbg {
	width:calc(100% * 0.66666);
	float:left;
	background-image:url(https://www.dominikus-krankenhaus-berlin.org/wp-content/uploads/2019/03/caritas_gesundheit_keyvisual.jpg);
	background-position:center center;
	background-size:cover;
	background-repeat:no-repeat;
	height:100%;
}

.sec-vorteil .subtitle, .sec-vorteil2 .subtitle {
	color:#7d7d7d;
	font-weight:bold;
}

.sec-vorteil .onethird h2 {
	line-height:1.8rem;
	margin-bottom:2rem;
}

.sec-vorteil .red,.sec-vorteil2 .red {
	color:#B20D11;
}

.sec-vorteil .readmore {
	font-weight: bold;
	text-align: right;
	display: block;
	margin-top: 4rem;
}

.col-3-box {
	margin-top:3rem;
}

.col-3-box .col {
    width: calc((100% / 3 ) - 0.1px);
    box-sizing: border-box;
    float: left;
	text-align:left;
	padding:0 1.5rem;
}

.sec-menschlichkeit2 h2 {
	    font-weight: normal;
	    padding: 2.5rem 0;
	    color: #fff;
	    font-size: 2.5rem;
	}

.actioncontainer {
	height: 56rem;
	background-image:url(bilder/bg_2.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
}

.actionbox {
	position: absolute;
	width: 15rem;
	height: auto;
	border:5px solid #fff;
	border-radius: 0.5rem;
	background: rgba(255,255,255,0.5);
	color: #144673;
	text-align: left;
padding: 0.5rem;
	left: 50%;
}

.actionbox p {
	line-height: 1.2em;
	font-size: 0.875rem;
	margin-bottom: 0;
	margin-top:0;
}

.actionbox h3 {
	font-size: 1.1rem;

	margin-bottom: 0.3rem;

	line-height: 1.2rem;
	color:#144673;
}

.plus-border {
	width: 24px;
	height: auto;
	position: absolute;
	left: -15px;
	top: -15px;
}

.circlebox {
	width: 5rem;
	height: 5rem;
	position: absolute;
	top: 0;
	transition: all .2s ease-in-out;
}

.actionbox .left {
	left: -6.5rem;
}

.actionbox .right {
	right: -6.5rem;
}

.actionbox:hover {
	cursor:default;
}

.circlebox img {
	width: 100%;
	height: auto;
}

.actionbox:hover .circlebox {
	transform: scale(1.2) rotate(90deg);
}

.actionbox:nth-of-type(1) {
	margin-left: -10rem;
	top:9rem;
}

.actionbox:nth-of-type(2) {
	margin-left: 4rem;
	top:17rem;
}

.actionbox:nth-of-type(3) {
	margin-left: -15rem;
	top:21rem;
}

.actionbox:nth-of-type(4) {
	margin-left: 5rem;
	top:29rem;
}

.actionbox:nth-of-type(5) {
	margin-left: -2rem;
	top:38rem;
}

.actionbox:nth-of-type(6) {
	margin-left: -12rem;
	top:47rem;
}

.quelle {
	text-align:left;
	color:#144673;
}

.sec-vorteil-content {
	padding:5.4rem;
}

.sec-vorteil-content h2 {
	line-height:1.75rem;
}

.sec-vorteil-content .col-2-box {
	height:25rem;
}

.col-2-box {
	display:block;
	background:#fff;
	-webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.35);
	-moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.35);
	box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.35);
}

.col-2-box .col {
	width:50%;
	float:left;
	box-sizing:border-box;
	padding:1rem 3rem;
	min-height:100%;
}

.sec-vorteil2 {
	padding:3rem 8.4rem;
}

.sec-vorteil2 h2 {
	font-weight:normal;
}

.sec-vorteil2 .thirdbox {
	display:block;
}

.sec-vorteil2 .thirdbox .onethird {
	width:calc(100% * 0.40);
	float:left;
	padding:1rem 3rem;
}

.sec-vorteil2 .thirdbox .twothird {
	width:calc(100% * 0.60);
	float:left;
}

.sec-vorteil2 p {
	margin:1.25rem 0;
}

.sec-vorteil2 .subtitle {
	margin:10px 0;
}

.sec-vorteil2 img {
	max-width:100%;
}

@media (max-width: 58rem) {
    .innerwrapper {
    	padding: 0 2.5rem;
	}
	
	.sec-vorteil {
		padding: 2.5rem 2.5rem 2.5rem;
	}
	
	.sec-vorteil .thirdbox {
		height:auto;
	}
	
	.sec-vorteil .thirdbox .onethird {
    	width: 100%;
	}
	
	.sec-vorteil .thirdbox .twothird {
		width: 100%;
		height: 20rem;
	}
	
	.sec-vorteil-content .col-2-box {
		height: auto;
	}
	
	.sec-vorteil-content .col {
		width:100%;
	}
	
	.sec-vorteil-content .col:nth-of-type(2) {
		height:20rem;
	}
	
	.sec-vorteil2 .thirdbox .onethird, .sec-vorteil2 .thirdbox .twothird {
    	width: 100%;
	}
	
	.sec-vorteil2 img {
		display:block;
		margin:0 auto;
	}
	
	.sec-vorteil2 {
		padding: 2.5rem;
	}
}

@media (max-width: 47rem) {
    .innerwrapper {
    	padding: 0 2.5rem;
	}

	.desktop-only {
		display: none;
	}

	.mobile-only {
		display: block;
	}

	.mobile-only p {
		margin:0 0 10px;
	}

	.sec-menschlichkeit h2 {
	    margin: 2rem 0;
	}
	
	.col-3-box .col {
		width: 100%;
		padding:0;
	}
	
	.sec-menschlichkeit2 h2 {
		font-size:2rem;
	}
	
	.actionbox {
		position:relative;
		margin: 0 auto 2rem auto !important;
		left: 0;
		top: inherit !important;
	}
	
	.actioncontainer {
		padding-bottom: 2rem !important;
		height: auto;
	}

	.desktop-quickcontakt {
		display: none;
	}
}

@media (max-width: 25rem) {
	.sec-vorteil .thirdbox .onethird {
		padding: 1rem 2rem;
	}
	
	.sec-vorteil {
		padding: 1rem;
	}
	
	.col-2-box .col, .sec-vorteil2 {
		padding:1rem 1.5rem;
	}
}