@import url('../fonts/css/sofiapro_light.css');

/* Add here all your css styles (customizations) */

/* ############################## */
/* VARIABLES */
/* ############################## */
/* KLEMMT THEME */
:root {
	--zms_topbar_bg:#136988;
	--zms_header_bg:#ffffff !important;
	--zms_header_main_text_color:#333333;
	--zms_header_dropdown_text_color:#333333;
	--zms_logo: url('skin_zms5_base/common/img/bonsaiclub-berlin.svg');
	--zms_card_bg:white;
	--zms_card_shadow:0 0 2rem rgba(0,0,0,0.2);
	--zms_card_delimiter_border:1px dotted #333;
	--zms_color_primary:#008080;
	--zms_color_primary_border:#008080;
	--zms_color_primary_hover:#008080;
	--zms_color_primary_border_hover:#008080;
	--zms_color_primary_opac15:#ccf6cc;
	--zms_color_secondary:#6c757d;
	--zms_color_secondary_border:#6c757d;
	--zms_color_secondary_hover:#5a6268;
	--zms_color_secondary_border_hover:#545b62;
	--zms_color_black:#000000;
	--bcb_color_primary:#e60e7d;
	--bcb_color_secondary:#ede6f4;
	--bcb_color_tertiary:#fcf5fd;
	--site_color_footer:#383838;
}

/* /VARIABLES */
/* ############################## */


.caption {
	font-size:0.9rem;
	font-style:italic;
	}

blockquote {
	margin-top: 10px;
	margin-bottom: 15px;
	margin-left: 50px;
	padding-left: 15px;
	border-left: 3px solid #ccc;
	} 

.emphasis {
	background: green;
	color:#fff;
	padding:0px 10px 5px 10px;
	}

body {
	/* font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"; */
	font-family: "sofiapro-light", Helvetica, Arial, sans-serif;
	font-size:1.1rem;
    }

.sticky-top {
	position:fixed;
	top:0;
	padding:10px 20px;
    }

@media (min-width: 992px) {
    .dropdown .dropdown-menu {
	    transition: all 0.5s;
	    overflow: hidden;
	    transform-origin: top center;
	    transform: scale(1, 0);
	    display: block;
    }

    .dropdown:hover .dropdown-menu {
	    transform: scale(1);
    }
}

main article {
	padding-top:3rem;
    }

main a {
	color:black;
    text-decoration:none !important;
    }

main a:hover {
	color:var(--bcb_color_primary);
    }

.read-more {
	position:relative;
	}

a.read-more:before, a.more-link:before {
	display:block;
	float:left;
	border:0px solid red !important;
	margin-top:3px;
	margin-left:-7px;
	content:url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20fill%3D%22%23000%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z%22/%3E%3C/svg%3E");
	width:20px;
	height:20px;
	}

a.read-more:hover:before, a.more-link:hover:before {
	content:url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20fill%3D%22%2300d400%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z%22/%3E%3C/svg%3E");
	}

.footer-bcb a.more-link:before {
	content:url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20fill%3D%22%23fff%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z%22/%3E%3C/svg%3E");
	}

.footer-bcb a.more-link:hover:before {
	content:url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20fill%3D%22%23fff%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z%22/%3E%3C/svg%3E");
	height:27px;
	border-bottom: 1px solid #fff !important;
	}

/* CUSTOMIZE: MAIN NAV
-------------------------------------------------- */
.active.nav-link {
  color:var(--bcb_color_primary) !important;
  }

.nav-link:hover, .active.nav-link:hover {
  color:var(--bcb_color_primary) !important;
  }

.dropdown-menu a.active {
  color:var(--bcb_color_primary) !important;
	text-decoration:none;
  }

.dropdown-menu a:hover, .dropdown-menu a.active:hover {
  color:var(--bcb_color_primary) !important;
  text-decoration:none;
  }

/* CUSTOMIZE MA5 MENU
-------------------------------------------------- */
.ma5menu__container {
	background-color:var(--bcb_color_primary) !important;
	}

.ma5menu__panel {
	background-color:var(--bcb_color_primary) !important;
	}

.ma5menu__alert {
	background-image:-o-linear-gradient(top, rgba(0,111,0,0) 0%, #006f00 50%);
	background-image:linear-gradient(to bottom, rgba(0,111,0,0) 0%, #006f00 50%);
	}


.ma5menu__logo {
  background-image:url("/skin_zms5_base/common/img/bonsaiclub-berlin_ffffff.svg");
    
}

/* CUSTOMIZE MA5 MENU !THIS IS USED!
-------------------------------------------------- */
.navbar-brand img {  
	min-width:261px
	}
    
@media (max-width: 1199px) {  
	#zhrefnav {
		display:none;
	}
}
#zhrefnav ul {
	display:none;
	}
 
@media (min-width: 1200px) {
	.dropdown:hover>.dropdown-menu {
	display: block !important;
	}

.dropdown .dropdown-menu {
	 transition: all 0.5s;
	 overflow: hidden;
	 transform-origin: top center;
	 transform: scale(1, 0);
	 display: block;
	}

 .dropdown:hover .dropdown-menu {
	 transform: scale(1);
	}
}

#zhrefnav {
	}

#zhrefnav > li > a {
	color: #000;
	display: block;
	padding: 10px 0px 10px 40px;
	text-align: center;
	text-decoration: none;
	font-size:1.0rem;
	font-weight:400;
	}

#zhrefnav ul {
	background: #fff;
	height: 0;
	left: 28px;
	opacity: 0;
	position: absolute;
	transition: all .5s ease;
	top: 40px;
	min-width:250px;
	width: 100%;
	border:0px;
	padding:0px 15px 0px 15px;
	}

#zhrefnav ul ul{
	display:none !important;
	}

#zhrefnav li:hover ul {
	height: auto;
	opacity: 1;
	transform: translateY(0);
	}

#zhrefnav ul li {
	border-bottom:1px solid #ddd;
	padding: 5px 0px;
	}

#zhrefnav ul a {
	color: #000;
	display: block;
	padding: 5px 0px;
	font-size:1.0rem;
	font-weight:400;
	}

.navbar-toggler {
	/* display:none; */
		background:transparent !important;
	}

/* ma5menu */
span.ma5menu__logo {
	/* display:none; */
	}

.ma5menu__logo {
  width:40px;
  height:40px;
  background-image:url("/sites/klemmt-partner/skin_zms5_base/common/img/logo_arztpraxis-klemmt-schmerztherapie-berlin.svg");
  background-size:40px 40px;
}



@media (min-width: 1200px) {
	.xxxxxxxxxxxma5menu__toggle {
		display:none !important;
		}
}

.ma5menu__toggle, .ma5menu__toggle:hover {
	background:#fff;
	}

html.ma5menu--active, html.ma5menu--active body {
	overflow-x: visible !important;
	border:0px solid red;
	}

.hamburger--slider.is-active .hamburger-inner {
	transform:translate3d(0,0px,0) rotate(0deg)
	}

.hamburger--slider.is-active .hamburger-inner:before {
	transform:rotate(-0deg) translate3d(0,0,0);
	opacity:1
	}

.hamburger--slider.is-active .hamburger-inner:after {
	transform:translate3d(0,0px,0) rotate(0deg)
	}


html.ma5menu--active .hamburger--slider .hamburger-inner {
	transform:translate3d(0,10px,0) rotate(45deg) !important;
	}

html.ma5menu--active .hamburger--slider .hamburger-inner:before {
	transform:rotate(-45deg) translate3d(-5.71429px,-6px,0) !important;
	opacity:0
	}

html.ma5menu--active .hamburger--slider .hamburger-inner:after {
	transform:translate3d(0,-20px,0) rotate(-90deg) !important;
	}


.smart-scroll{
	position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
}
.scrolled-down{
	transform:translateY(-100%); transition: all 0.3s ease-in-out;
}
.scrolled-up{
	transform:translateY(0); transition: all 0.3s ease-in-out;
}



.carousel-item {
	animation: zoomin 6s linear infinite;
    }

@keyframes zoomin {
  0%   { background-size: 100% ; }
  50% { background-size: 105% ; }
  100% { background-size: 110% ; }
}

/* CUSTOMIZE: TOC WITH SQUARE IMAGE
-------------------------------------------------- */
.squareimg {
    width: 100%;
    padding-bottom: 100%;
    background-size: cover;
    background-position: center;
    }

.toc-title a {
    color:#000;
    }

.toc-title a:hover {
    color:rgb(0,212,0);
    text-decoration:none;
    }

/* CUSTOMIZE: msect (SECTION)
-------------------------------------------------- */
.border-bottom-yes {
	border-bottom:1px solid;
	border-bottom-color:var(--bcb_color_primary);
	}


/* CUSTOMIZE: MORE BUTTON - Currently not in use
-------------------------------------------------- */
.more-button {
	 display: inline-block;
	 padding: 0.25rem 1.25rem;
	 border-radius: 10rem;
	 color: #fff;
	 text-transform: none;
	 font-size: 1rem;
	 transition: all 0.3s;
	 position: relative;
	 overflow: hidden;
	 z-index: 1;
	}

.more-button:after {
	 content: '';
	 position: absolute;
	 bottom: 0;
	 left: 0;
	 width: 100%;
	 height: 100%;
	 background-color: rgb(0,128,128);
	 border-radius: 10rem;
	 z-index: -2;
	}
    
.more-button:before {
	 content: '';
	 position: absolute;
	 bottom: 0;
	 left: 0;
	 width: 0%;
	 height: 100%;
	 background-color:rgb(0,204,153);
	 transition: all 0.3s;
	 border-radius: 10rem;
	 z-index: -1;
	}
    
.more-button:hover {
	color: #fff;
	text-decoration:none;
	}

.more-button:hover:before {
	 width: 100%;
    }


/* CUSTOMIZE: TOP IMAGE
-------------------------------------------------- */
body#zmsid_content .top-img{
	background:#fff !important;
	}
	
	
/* CUSTOMIZE: TINY TOC
-------------------------------------------------- */
:root {
	--tiny-square-width: clamp(80px, 25%, 240px);
	}

.tiny-toc-section{
	background-color:var(--bcb_color_secondary);
	}

.tiny-toc-container {
	 width: min(100% - 0.1rem, 1440px);
	}

.tiny-toc-container .row > div {
	display: flex; /* Gleich hohe Spalten */
	}

.tiny-toc-item {
	display: flex;
	flex-direction: column;
	margin-bottom: 0rem;
	padding: 10px;
	background: #fff; /* weisser Hintergrund */
	border-radius: 0px;
	/* box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); */
	opacity: 0;
	transform: translateY(30px);
	animation: fadeUp 0.8s ease-out forwards;
	animation-timeline: view(); /* Modern Scroll-Animation */
	animation-range: entry 0% cover 40%;
	height: 100%; /* Gleiche Höhe innerhalb einer Reihe */
	}

.tiny-toc-item:hover{
	box-shadow: 0 4px 24px rgba(0, 0, 0, 0.1);
	}

@keyframes fadeUp {
	from {
		opacity: 0;
		transform: translateY(30px);
		}
	to {
		opacity: 1;
		transform: translateY(0);
		}
	}

.tiny-thumb-wrapper {
	position: relative;
	width: 100%;
	overflow: hidden;
	border-radius: 0px;
	}

.tiny-thumb-wrapper img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.3s ease;
	}

.tiny-thumb-wrapper img:hover {
	transform: scale(1.05);
	}

.tiny-info-block {
	position:relative;
	padding: 1.5rem 0;
	text-align: left;
	flex-grow: 1;
	display: flex;
	flex-direction: column;
	/* justify-content: center;  Vertikale Zentrierung - verursacht Fehler (h3 bei 768px auf unterschiedlicher Hoehe) */
	}

/* Querformat auf mittleren Geräten */
@media (min-width: 768px) {
	.tiny-thumb-wrapper {
		aspect-ratio: 16 / 9;
	}
}

.tiny-toc-item {
	display: grid;
	grid-template-columns: var(--tiny-square-width) 1fr;
	align-items: start;
	column-gap: 0.75rem;
	width:100%;
	}

.tiny-thumb-wrapper {
	aspect-ratio: 16 / 9;
	width: 100%;
	}

.tiny-info-block {
	padding: 0;
	text-align: left;
	justify-content: flex-start;
	}

.tiny-info-block h3 {
	margin-top: 0;
	}

.tiny-toc-item-title {
	font-size:1.10rem;
	margin-top:5% !important;
	}

.tiny-toc-item.active a{
	color:var(--bcb_color_primary);
	}

.tiny-toc-item-title a:hover {
	color:var(--bcb_color_primary);
	text-decoration:none;
	}

@media (min-width: 768px) {
	.tiny-toc-item-title {
		font-size:1.75rem;
	}
}
	

/* CUSTOMIZE: HERO (V1) 	
-------------------------------------------------- */
.project-hero {
	background-attachment:fixed;
	box-shadow: inset 0 0 0 1000px rgba(0,0,0,.5);
	box-shadow: inset 0 0 0 1000px rgba(255,255,255,0);
	box-shadow: inset 0 0 0 1000px rgba(230,14,125,0.85);
	}

.project-hero{ 
	height:100%;
	width:100%;
	background-size: cover;
	background-position: center;
	background-repeat:no-repeat;
   -webkit-transition:  box-shadow 0.7s ease-in-out;
	-moz-transition: box-shadow 0.7s ease-in-out;
	transition: box-shadow 0.7s ease-in-out;
	}  
    
.project-hero:hover{
	box-shadow: inset 0 0 0 1000px rgba(230,14,125,1.0);
	}

.project-hero-txt-container  {
	}
	
.bc-txt {
	color:#d40032;
	color:#000;
	color: rgba(255,255,255,1);
	text-shadow: 2px 2px 3px rgba(255,255,255,0.0);
	font-size: 30px;
	line-height: 38px;
	}

/* CUSTOMIZE: CONSULTATION HOURS 	
-------------------------------------------------- */
.c-hours-wrapper .h2 {
	margin:0px 0px 30px 0px;
	font-size:3.5rem !important;
	font-size:1.85729375rem !important;
	font-weight:400;
	width:100% !important;
	min-width:100% !important;
	}

.c-hours-wrapper .h3 {
	margin-top:20px !important;
	font-size:2rem !important;
	font-size:1.385729375rem !important;
	font-weight:400;
	width:100% !important;
	min-width:100% !important;
	}

.c-hours-wrapper .h4 {
	font-size:2rem !important;
	font-size:1.85729375rem !important;
	font-weight:600;
	}

.txt-white {
	color:#fff !important;
	}

.c-hours-wrapper hr {
	background:white !important;
	}

/* CUSTOMIZE: MASONRY 	
-------------------------------------------------- */

.card-columns {
	-webkit-column-count: 1; /* Chrome, Safari, Opera */
	-moz-column-count: 1; /* Firefox */
	column-count: 1;
	}	

@media (min-width: 768px) {
.card-columns {
	-webkit-column-count: 2; /* Chrome, Safari, Opera */
	-moz-column-count: 2; /* Firefox */
	column-count: 2;
	}
}

@media (min-width: 992px) {
.card-columns {
	-webkit-column-count: 3; /* Chrome, Safari, Opera */
	-moz-column-count: 3; /* Firefox */
	column-count: 3;
	}
}


.card-columns .card-body {
	padding:0px;
	}

.card-img-top {
	margin-bottom:10px;
	max-width:310px;
	}


.masonry-item {
	padding:15px;
	}


/* CUSTOMIZE: BILD TEXT BOX
-------------------------------------------------- */
.imgtxtboxes-row .card {
    border:0px;
    }

.imgtxtboxes-row .card-body {
    padding:0px !important;
    }

/* CUSTOMIZE: CAROUSEL - Currently not in use
-------------------------------------------------- */

/* Carousel base class */
.carousel {
	--margin-bottom: 4rem;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
	bottom: 3rem;
	z-index: 10;
}
/* Declare heights because of positioning of img element */
.carousel-item {
	height: 32rem;
	background-size:cover;
}
.carousel-item > img {
	position: absolute;
	top: 0;
	left: 0;
	min-width: 100%;
	height: 32rem;
}
.carousel h1 {
	text-shadow: 0 0 3rem #00263f;
	font-size: 480%;
	font-weight: 100;
	text-align: left;
	line-height:1;
	margin-bottom:1.5rem;
	color:#ffffff;
}
.carousel p {
	font-size: 220%;
	font-weight: 600;
	text-align: left;
	color:#ffffff;
	font-style:italic;
	background:#e91e63;
	display:inline-block;
	padding:0 1rem;
	line-height:1.35
}
@media (max-width: 991px) {
	.carousel h1 {
		font-size: 450%;
	}
}

/* CUSTOMIZE: CARD
-------------------------------------------------- */
.card-deck {
	margin-bottom: 2rem;
}
.card-deck .card {
	background: var(--zms_card_bg);
	box-shadow: var(--zms_card_shadow);
}
@media (max-width: 991px) {
	.card-deck .card {
		display: flex;
		flex: auto;
		margin-bottom: 2rem;
	}
}
.card-deck .card .card-header {
	/* color: white; */
}
.home #e164.card-deck .card:nth-child(1) .card-header {
	background: #3474a4;
}
.home #e164.card-deck .card:nth-child(2) .card-header {
	background: #ff8300;
}
.home #e164.card-deck .card:nth-child(3) .card-header {
	background:var(--zms_color_primary);
}
.card-deck .card .card-img-top {
	width: 100%;
	max-height: 7rem;
	object-fit: cover;
}
.web.home #e164.card-deck .card:nth-child(1) .card-img-top {
	background: #3f83b5;
}
.web.home #e164.card-deck .card:nth-child(2) .card-img-top {
	background: #FF9800;
}
.web.home #e164.card-deck .card:nth-child(3) .card-body {
	padding-top: .25rem;
}
.web.home #e164.card-deck .card:nth-child(3) .card-body p.card-text {
	display:none;
}
.web.home #e164.card-deck .card:nth-child(3) .card-body ol {
	padding: 0;
	margin: 0 -1.2rem;
}
.web.home #e164.card-deck .card:nth-child(3) .card-body ol li {
	padding: .5rem 0 .5rem 1rem;
	list-style-type: none;
	border-bottom: var(--zms_card_delimiter_border);
}
.web.home #e164.card-deck .card:nth-child(3) .card-body ol li a {
	color: #333;
}
.web.home #e164.card-deck .card:nth-child(3) .card-body ol li a:before {
	content: "\f15c";
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	margin-right: .5rem;
	color: var(--zms_color_primary);
	font-size: 150%;
}
.card-deck .card .btn.btn-primary {
	background-color: var(--zms_color_secondary);
	border-color:var(--zms_color_secondary_border);
	margin:1rem 0;
}
.card-deck .card .btn.btn-primary:hover {
	background-color: var(--zms_color_secondary_hover);
	border-color: var(--zms_color_secondary_border_hover)
}
.card-deck .card .card-linklist {
	min-height: 1px;
	padding: 1.25rem;
}
.web .contentEditable .bt_card_layout.card-deck {
	display:flex;
	flex-direction: row;
	flex-flow: row wrap;
	align-items:strech;
}
.web .contentEditable .bt_card_layout.card-deck > .bt_card {
	flex:1;
}
.web .contentEditable .bt_card_layout.card-deck > .bt_card > div {
	height:100%
}
.web .contentEditable.zmi-highlight:hover:before {
	z-index:10;
}

/* CUSTOMIZE: JUMBOTRON - Currently not in use
-------------------------------------------------- */
.web.home .jumbotron {
margin-top:1.7rem
}
.web.home .jumbotron h1.display-4 {
	font-size: 2.5rem;
}
.web.home .jumbotron h1.display-4,
.web.home .jumbotron .lead {

}
.web.home .jumbotron .btn {
	background-color: var(--zms_color_primary) !important;
	border-color: var(--zms_color_primary_border) !important;
	padding: .375rem .75rem;
	font-size: 1rem;
	line-height: 1.5;
	border-radius: .25rem;
}


/* CUSTOMIZE: ZMSGraphic
-------------------------------------------------- */
a.fancybox img {
	padding:0px;
	/* background:transparent url(/misc_/zms/zoom.gif) bottom right no-repeat; */
	background-color:transparent;
	width:100% !important;
	}

div.ZMSGraphic {
	background-color: transparent;
	margin: 0em 0;
	}
	
.zmi div.ZMSGraphic {
	margin:0;
	}

div.ZMSGraphic.left {
	text-align:left;
	}
	
div.ZMSGraphic.right {
	text-align:right;
	}
	
div.ZMSGraphic.center {
	text-align:center;
	}

@media (min-width: 992px) {	
div.ZMSGraphic.floatleft {
	float:left;
	margin-right:2em;
	}

div.ZMSGraphic.floatright {
	float:right;
	margin-left:2em;
	}

div.graphic.alignleft {
	float:left;
	text-align:right;
	}

div.graphic.alignright {
	float:right;
	text-align:right;
	}

.ZMSGraphic.left .graphic.alignleft {
	float:left;
	margin-right:15px;
	}
}

div.ZMSGraphic .alignleft {
	margin-right:10px;
	}
	
div.ZMSGraphic.center div.graphic {
	text-align:center;
	margin:0px auto;
	}

div.graphic {
	max-width:100% !important;
	}


div.graphic img{
	width:100% !important;
	}

div.ZMSGraphic div.text {
	padding: 4px;
	}

.ZMSGraphic .text {
	background-color:transparent;
	padding:.5em 1em 0em 1em;
	font-size:smaller;
	font-style:italic;
	}

.ZMSGraphic .graphic {
	margin-bottom: 7px;
	}

.ZMSGraphic.center div.graphic  {
	margin:0 auto
	}

.ZMSGraphic.left .text,
.ZMSGraphic.right .graphic,
.ZMSGraphic.right .text {
	width: auto !important;
	}

/*-- ## FF Patch ## --*/
div.ZMSGraphic.right div.graphic {
	width:100% !important;
	}

div.ZMSGraphic.right div.graphic img {
	display:inline !important;
	}

a.zoom img.zoom,
a.superzoom img.superzoom {
	width: 26px;
	height: 21px;
	background-position:top right;
	background-repeat:no-repeat;
	margin:0px;
	padding:0px;
	}

a.zoom img.zoom {
	/* background-image: url(/misc_/zms/zoom.gif); */
	}

a.superzoom img.superzoom {
	/* background-image: url(/misc_/zms/superzoom.gif); */
	}

/* CUSTOMIZE: FOOTER
-------------------------------------------------- */
.footer-bcb {
	margin-top:3rem;
	padding:25px 0px;
	font-size:1rem;
	}

.footer-nav>.n-item>a{
	display:block;
	margin-bottom:0.7rem;
	padding-bottom:0.2rem;
	border-bottom:1px solid #fff;
	overflow:hidden;
	text-overflow:ellipsis;
	}

.txtinfo-row.copyright p {
	margin-top:3rem;
	border-top:1px solid;
	border-top-color:#fff;
    }


.footer-bcb,.footer-bcb * {
	background:var(--bcb_color_primary);
	color:#fff;
	}

.footer-bcb a:hover{
	color:#fff;
	}

@media only screen and (min-width : 992px) {
}

/* -- BO Btn back to top -- */
.back-to-top {
    position: fixed;
    bottom: 25px;
    right: 25px;
    display: none;
    background-color: rgba(255, 255, 255, 0.7);
    border-radius: 50%;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);
    transition: .3s ease-out;
    z-index: 11; ;
    color:#000;
    display:block;
    }

.back-to-top:hover, .back-to-top:hover fas {
    background-color:var(--zms_color_black);
    color:#fff;
    }
/* -- EO Btn back to top -- */



/* MAIN CONTENT */
.breadcrumb{
	border-top:1px solid !important;
	border-top-color:var(--bcb_color_primary) !important;
	border-radius:0px;
	}

.breadcrumb *{
	padding-top:7px !important;
	}

li.breadcrumb-item a {
	color:var(--zms_color_black);
}

main > div.row > article h1.title {
	margin-bottom: .5rem;
	font-weight: 300;
	color:#e60d7c;
}
@media (max-width: 576px) {
	main > div.row > article h1.title {

	}
}
@media (max-width: 767px) {
	main > div.row {
		flex-flow: column-reverse;
	}
}


/* ASIDE CONTENT */

@media (max-width: 768px) {
	aside.sidebar {
		/* NOT needed if nav translated to header section
			border-top:1px dotted black;
			padding:2rem
		*/
	}
}
aside .ZMSTeaserElement h2 {
	font-size: 1.15rem;
	margin: 0 0 .15rem 0;
	font-weight: bold;
	line-height: 1.5;
}
aside .ZMSTeaserElement .title {
	text-transform: uppercase;
	font-size: 1.15rem;
	border-bottom: 2px solid white;
	margin: -1.25rem;
	padding: 1.25rem;
	padding-bottom: .5rem;
	margin-bottom: .5rem;
	font-weight: bold;
	opacity: .55;
	text-overflow: ellipsis;
	overflow: hidden;
}
aside .ZMSTeaserElement .text {
	XX-overflow: hidden;
	display: block;
	text-overflow: ellipsis;
}
aside .ZMSTeaserElement .text a {
	text-overflow: ellipsis;
}
aside .ZMSTeaserElement ol.uploads li a:before {
	content: "\f15c";
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	margin-right: .5rem;
	color: var(--zms_color_primary);
	font-size: 100%;
}
aside .ZMSTeaserElement ol.uploads {
	padding: 0;
	margin: 0 -1.2rem 2rem;
}
aside .ZMSTeaserElement ol.uploads li {
	padding: .5rem 0 .5rem 1rem;
	list-style-type: none;
	border-bottom: var(--zms_card_delimiter_border);
	text-overflow: ellipsis;
	overflow: hidden;
}
aside .ZMSTeaserElement .title a,
aside .ZMSTeaserElement ol.uploads li a {
	color: #0c5460;
}
aside .ZMSTeaserElement ol.uploads li a:before {
	content: "\f019";
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	margin-right: .5rem;
	color: var(--zms_color_primary);
	color: #000000;
	font-size: 100%;
}
aside .ZMSTeaserElement .HREF_MORE {
	display:none;
}
aside ul#sidebarnav {
	margin:-0.65rem 0 0 0;
	padding:0;
}
aside ul#sidebarnav > li {
	margin:.5rem 0 .5rem 0;
	padding:0;
	list-style-type:none;
	line-height:2;
}
aside ul#sidebarnav li a {
	padding:0;
	list-style-type:none;
	color:#333333;
	display:block;
	padding:0 1rem;
}

aside ul#sidebarnav li a:hover {
	color:var(--bcb_color_primary);
    }

ul#sidebarnav li.current > a {
	font-weight:bold;
}
aside ul#sidebarnav > li.active > a,
aside ul#sidebarnav > li.current > a {
	background:var(--bcb_color_secondary);
}
/* Aggrated Aside-Nav */
header ul#sidebarnav {
	list-style-type:none;
	padding-left: 1.5rem;
}

header .dropdown-item.active,
header .dropdown-item.active:hover,
header .dropdown-item:active {
	text-decoration: none;
	font-weight:bold;
	opacity:0.6;
	background-color: #f8f9fa;;
	color:var(--zms_header_main_text_color);
}

main nav.toc {
	margin: 3rem 0;
	padding: 0 1rem 1rem 0;
	border: 1px solid var(--zms_color_primary);
	background: #9e9e9e0d;
}
main nav.toc:before {
	content:'Inhaltsübersicht';
	display:inline-block;
	padding:0.5rem 1rem;
	background:var(--zms_color_primary);
	color:white;
	font-weight:bold;
	margin:0 0 1rem 0
}
main nav.toc a {
	color:#607D8B
}


/* SEARCH RESULT */
.flow form.search legend,
#search_results h4 {
	display:none
}
#search_results {
	border:1px solid var(--zms_color_primary) !important; 
	padding:0 1rem 0rem 1rem;
	background:#9e9e9e0d;
	margin:2rem 0 0 0;
}
.flow form.search div:not(.header) > .col-md-12 {
	padding-right: 0;
	padding-left: 0;
}
.flow #search_results .header.row {
	margin-bottom: 1rem
}
.flow #search_results .header.row {
	background:var(--zms_color_primary);
	color:white;
	display:inline-block;
	padding:.5rem;
	margin-left:-1rem;
	position:relative
}
.flow #search_results .header.row span#q {
	padding:0 .3rem;
	font-weight:bold
}
.flow #search_results h2 {
	font-size: 1rem;
	font-weight: bold;
	margin: 1rem 0 .25rem 0;
	padding:.3rem 0 0 1.5rem
}
.flow #search_results h2:before {
	content: "\f15b";
	font-family: 'Font Awesome 5 Free';
	font-weight: 400;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height: 1;
	box-sizing: border-box;
	margin-left:-1.35rem;
	color: #607D8B;
	position:absolute
}
.flow #search_results h2.ZMSFolder:before {
	content: "\f07b";
}
.flow #search_results h2.ZMSDocument:before {
	content: "\f15c";
}
.flow #search_results h2 a,
.flow #search_results .breadcrumb a {
	color: #607D8B;
}
.flow #search_results .breadcrumb {
	display:none;
	top: inherit;
	z-index: auto;
	padding:0;
	margin:0;
	font-style:italic;
	font-size:small;
	background:none;
	border-top:1px dotted  #9e9e9e
}
.flow #search_results .line p:after {
	content:" ...";
}
.flow .pagination {
	margin-top:1rem
}

/* ################ */
/* INDIVIDUAL PAGES */
/* ################ */


/* CUSTOMIZE: Text formats
-------------------------------------------------- */
h1, .h1, h2, .h2, h3, .h3, .is-serif { 
	font-family: Georgia, Times, "Times New Roman", serif; 
	color:#000;
	}
	
/* CUSTOMIZE: Text formats
-------------------------------------------------- */
h1, .h1, h2, .h2, h3, .h3, .is-serif { 
	font-family: Georgia, Times, "Times New Roman", serif; 
	color:#000;
	}

h1, .h1 { 
	font-size: 1.75rem; 
	}

h2, .h2 { 
	font-size: 1.5rem; 
	}

h3, .h3 { 
	font-size: 1.3rem; 
	}

.teaser img {
	max-width:100%;
	margin-bottom:1rem
    }

.txt-black {
	color:#000;
	}