@charset "UTF-8";
/*
Theme Name:   UnderStrap Child
Template:     understrap
Text Domain:  understrap-child
Version:      999
*/
:root {
	--text_color: #706f6f; 
	--h1_color:	#706f6f;

	--text_a: #999999;	/* 333 */
	--text_a_hover: #e01513;

	--text_color_hover: #e01513;

	--bg_darker:  #777777;
	--bg_dark: #444444;

	--footer_text_color: #fff;

	--menue_bg: #fff;
	
	--menue_level_1_a: #706f6f;
	--menue_level_1_a_active: #e01513;
	
	--menue_level_2_bg: #fff;
	--menue_level_2_bg_active: #fff; 
	
	--meanmenue_menue_bg: #fff;
	
	--meanmenue_border_color: rgba(0,0,0,.2);

	--menue_footer_a: #fff;
	--menue_footer_a_active: #ccc;	
	
	--swiper_color: #706f6f;	
	--swiper_color_hover: #fff;
	
}

::selection {
    background: #ccc;
    color: #000;
}
a:focus,
button:focus{ 
	-moz-outline: none;
	outline: none;
}
* {margin: 0;padding: 0;border: 0;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}


a[target="_blank"]:not(.modal_trigger):not(.no_before)::before {
    font-family: "FontAwesome";
    content: "\f08e";
    margin: 0 5px 0 0;
}
.maincontent a[href^="https"]:not([target='_blank']):not(.no_before)::before {
    font-family: "FontAwesome";
    content: "\f08b";	/* f090 */
    margin: 0 2px 0 2px;
}

a[href$=".pdf"]:not(.no_before)::before {
    font-family: "FontAwesome";
    content: "\f019" !important;
    margin: 0 5px 0 0;
}

/* 
fonts
__________________________________________________________*/


/* roboto-100 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: url('assets/fonts/roboto/roboto-v27-latin-100.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('assets/fonts/roboto/roboto-v27-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('assets/fonts/roboto/roboto-v27-latin-100.woff2') format('woff2'), /* Super Modern Browsers */
       url('assets/fonts/roboto/roboto-v27-latin-100.woff') format('woff'), /* Modern Browsers */
       url('assets/fonts/roboto/roboto-v27-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */
       url('assets/fonts/roboto/roboto-v27-latin-100.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-300 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('assets/fonts/roboto/roboto-v27-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('assets/fonts/roboto/roboto-v27-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('assets/fonts/roboto/roboto-v27-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('assets/fonts/roboto/roboto-v27-latin-300.woff') format('woff'), /* Modern Browsers */
       url('assets/fonts/roboto/roboto-v27-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('assets/fonts/roboto/roboto-v27-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-500 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url('assets/fonts/roboto/roboto-v27-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('assets/fonts/roboto/roboto-v27-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('assets/fonts/roboto/roboto-v27-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('assets/fonts/roboto/roboto-v27-latin-500.woff') format('woff'), /* Modern Browsers */
       url('assets/fonts/roboto/roboto-v27-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('assets/fonts/roboto/roboto-v27-latin-500.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('assets/fonts/roboto/roboto-v27-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('assets/fonts/roboto/roboto-v27-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('assets/fonts/roboto/roboto-v27-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('assets/fonts/roboto/roboto-v27-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('assets/fonts/roboto/roboto-v27-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('assets/fonts/roboto/roboto-v27-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-700 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('assets/fonts/roboto/roboto-v27-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('assets/fonts/roboto/roboto-v27-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('assets/fonts/roboto/roboto-v27-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('assets/fonts/roboto/roboto-v27-latin-700.woff') format('woff'), /* Modern Browsers */
       url('assets/fonts/roboto/roboto-v27-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('assets/fonts/roboto/roboto-v27-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-900 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: url('assets/fonts/roboto/roboto-v27-latin-900.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('assets/fonts/roboto/roboto-v27-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('assets/fonts/roboto/roboto-v27-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('assets/fonts/roboto/roboto-v27-latin-900.woff') format('woff'), /* Modern Browsers */
       url('assets/fonts/roboto/roboto-v27-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('assets/fonts/roboto/roboto-v27-latin-900.svg#Roboto') format('svg'); /* Legacy iOS */
}






body,p,h1,h2,h3,h4,h5,h6,div,td,li{ 
	font-family: 'Roboto', Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: 300;
	letter-spacing: 0;
	line-height: 1.5em;
	color: var(--text_color); 
}
.my_hyphens {
    -moz-hyphens: auto;
    -o-hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    -webkit-hyphens: auto;
	-ms-hyphens: auto;
}
h1{
	font-size: 35px;
	line-height: 1.2;
	font-weight: 100;
	color: #706f6f;
	border-bottom: 1px solid var(--h1_color);
	padding-bottom: 25px;
	margin-bottom: 30px;
	color: var(--h1_color); 
	/* text-transform: uppercase; */
}

h2{
	font-size: 20px;
	line-height: 1.2;
	margin-top: 2em;
    margin-bottom: 16px;	
	font-weight: 400;
	color: var(--h1_color); 
}
h2:first-child) {
    margin-top: 0;
}
b, strong {
    font-weight: 500;
}
p {
    margin-bottom: 20px;
}



a{
	color: var(--text_a);
	 text-decoration: none;
	-o-transition: color 0.1s ease-in;
	-webkit-transition: color 0.1s ease-in;
	-moz-transition: color 0.1s ease-in;
	transition: color 0.1s ease-in;		
}
a:hover {
   color: var(--text_a_hover);
    text-decoration: none;
}
a:focus{ 
	-moz-outline: none;
	outline: none;
} 


/*
grid
__________________________________________________________*/



body, html{
	/* height: 100%; */
	min-height: 100%;
	width: 100%;
	background-color: #fff;
}
body{	
	overflow-x: hidden;
	overflow-y: scroll;		
}

#site {
	display: flex;
	min-height: 100vh;
	height: 100%;
	flex-direction: column;
}
/* #site_header, */
#site_footer {
	flex: none;
}
#site_content {
	flex: 1 0 auto;
	width: 100%;
}
#site_content::after {
	content: '\00a0';
	display: block;
	height: 0px;
	visibility: hidden;
}
#site_content{
	margin-top: 110px;
	padding-bottom: 50px;
}
@media (min-width: 768px) {
	.scrolled  #site_content{
		margin-top: 63px;
	}
}
@media (max-width: 767px) {
	#site_content{
		margin-top: 50px;
	}	
}
/*
#logo_wrapper{
    padding-top: 30px;
    padding-bottom: 20px;
}
#site_header.sps_blw  #logo_wrapper {
    padding-top: 10px;
    padding-bottom: 5px;
}
.scrolled_content #site_content{
	margin-top: 54px;
}

*/




/* 
header
__________________________________________________________*/
/*

.bg_menue{
	background-color: var(--menue_bg);
}
#site_header{
	width: 100%;
	display: table; 
    float: left;
    z-index: 100;
    display: block;
	background-color: #fff;
}



	#logo_wrapper {
		padding-left: 15px;
	}	
			#logo_wrapper img{
				height: 80px;
				margin-right: 20px;
				margin-bottom: 5px;
				float: right;
			}
			#header_about{
				position: absolute;
				bottom: 25px;
				right: 0;
				text-align: right;
			}
				#header_about strong{
					text-transform: uppercase;
					color: var(--h1_color); 
					font-size: 30px;
				}



@media (max-width: 991px) {
	#logo_wrapper,
	#site_header #logo_wrapper{
		height: 100px !important;
	}
}
*/
.maincontent_wrapper{
	margin-top: 50px;
}
.link_box_wrapper{
	margin-top: 50px;
}


/* 
sprechzeiten footer
__________________________________________________________*/	

#site_footer {
	background-color: var(--bg_dark);
}
	.footer_info{
		background-color: var(--bg_darker);
		padding-top: 50px;
		padding-bottom: 30px;
		
	}
		#footer_logo_wrapper{
			display: inline-block;
		}
		#footer_logo_wrapper p{
			text-align: center;
		}

	
	#site_footer div,
	#site_footer p,
	#site_footer td,
	#site_footer a{
		color: var(--footer_text_color);
	}
	.footer_logo img{
		width: 100%;
		max-width: 250px;
	}

	


.lebenslauf table{
	width: 100%;
	margin-bottom: 1em;
}
.lebenslauf table td{
	vertical-align: top;
}
.lebenslauf table td:first-child {
    width: 120px;
}	
.lebenslauf table tr td:last-child{
	padding-bottom: 1em;
}
/*

.sprechzeiten table{
	width: 100%;
}
.sprechzeiten table td{
	vertical-align: top;
}
.sprechzeiten table td:first-child {
    width: 30px;
}
@media (max-width: 991px) {
	.sprechzeiten table{
		margin: 5px auto;
	}
	.sprechzeiten table td{
		text-align: left;
		padding: 2px 5px;
	}

	.sprechzeiten table td:first-child{
		 width: 10%;
	}
	
	
	.sprechzeiten table tr:nth-child(even){
		background-color: rgba(255,255,255,.05);
	}
	.sprechzeiten table tr:nth-child(odd){	
		background-color: rgba(255,255,255,.1);
	}	
	.sprechzeiten table tr:hover{
		background-color: rgba(255,255,255,.15);
	}
}
*/
.siegel img:first-child{
	max-width: 100px;
	margin: 0 15px 0 0;
}
.siegel img:last-child{
	max-width: 86px;
}
/*
@media (max-width: 991px) {
	.siegel img{
		max-width: 100px;
	}
}
*/
.arzt_bezeichnung{
	padding-top: 30px;
}
@media (max-width: 767px) {
	.arzt_bezeichnung{
		padding-top: 30px;
	}
	.siegel{
		
	}
}


@media (max-width: 767px) {
	.footer_logo{
	
		text-align: center;
	}
	.footer_adresse,
	.sprechzeiten{
		text-align: center;
	}



	
}


		
/* 
utils
__________________________________________________________*/

.maincontent ul {
    padding-left: 8px;
    list-style: none;
}
	.maincontent ul li {
		position: relative;
		padding-left: 5px;
	}
	/*
	.maincontent ul li::marker {
		content: "-";
	}
	*/
	.maincontent ul li::before {
		margin-left: -10px;
		display: inline-block;
		width: 10px;
		content: "-";
	}
cite{
	display: table;
	font-style: normal;
	padding-left: 60px;
	position: relative;
	margin-bottom: 2em;
	width: 100%;
}
cite:before{
	position: absolute;
	top: 10px;
	left: 0px;
	font-family: 'FontAwesome';
	content: "\f10e";
	font-size: 40px;
	color: #ccc;
}
cite p:last-of-type{
	margin-bottom: 0px;
}

@media (max-width: 575px) {
	cite{
		padding-left: 40px;
	}

	cite:before{
		font-size: 30px;
	}
}
	
	
.totop {
	position: fixed;
	bottom: 6px;
	right: 4px;
	color: #fff;
	font-size: 14px;
	padding: 2px 5px;
	display: none;
	z-index: 990;
	background: var(--bg_dark);
}


.totop:hover {	
	opacity: .9;
	color: #fff;
}	

.fancy{
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;	
}



img,
embed,
object,
video { 
	max-width: 100%;
	height: auto;
	width: auto;
}
.bg_cover {
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
	
}
.text_shadow,
.text_shadow p {
	text-shadow: 0px 0px 40px rgba(0, 0, 0, .8);
	filter: dropshadow(color=rgba(0, 0, 0, .8), offx= 0, offy=0);
}
/**/
.slide_wrap .text_shadow{
	text-shadow: 2px 2px 2px rgba(0, 0, 0, 0);
	filter: dropshadow(color=rgba(0, 0, 0, 0), offx= 2, offy=2);
}



.img_right,
.alignright,
figure.wp-caption.alignright{
	padding: 0px; 
	margin: 5px 0 20px 30px;
	float: right;
	width: 30% !important;	
}
.img_left,
.alignleft,
figure.wp-caption.alignleft{
	padding: 0px; 
	margin: 5px 30px 20px 0;
	float: left;
	width: 30% !important;
}



/*
.img_left,
.img_right{
	border: 1px solid #ccc;
}
*/
figcaption,
.img_caption{
	background-color: #ddd;
	padding: 10px 10px;
	text-align: center;
	font-size: 13px;
	line-height: 15px;
}
	
@media (max-width: 575px) {
	.img_left,
	.img_right,
	.alignleft,
	.alignright,
	figure.wp-caption.alignright,
	figure.wp-caption.alignleft{
		width: 100% !important;
		margin-top: 10px;
		margin-bottom: 25px;
	}
}

.img_100prozent{
	width: 100%;
	/*
	margin: 5px 0;
	border: 1px solid #003a65;
	*/
}

.img_no_scale{
	width: auto !important;
}

/* 
forms
__________________________________________________________*/
.form-control:focus {
    color: inherit;
    background-color: #fff;
    border-color: #aaa;
    outline: 0;
    box-shadow: none;
}
ul.pagination{
	padding: 0;
}
	ul.pagination li{
		padding: 0;
	}
		ul.pagination li::marker {
			content: "";
		}
		
	ul.pagination .page-item.active .page-link {
		z-index: 1;
		color: #fff;
		background-color: var(--bg_darker);
		border-color: var(--bg_darker);
	}
	
	ul.pagination .page-link{
		color: var(--bg_darker);
	}
	ul.pagination .page-link:focus, 
	ul.pagination .page-link:hover {
		color: var(--bg_darker);
		text-decoration: none;
		background-color: #eee;
		border-color: #eee;
	}	
/* 
swiper
__________________________________________________________*/

.swiper-container {
	width: 100%;
	height: 100%;	
}
#swiper_header{
	height: 250px;	
}
body.home #swiper_header{
	height: 500px;	
}

@media (max-width: 767px) {
	#swiper_header{
		height: 200px;	
	}
	body.home #swiper_header{
		height: 400px;	
	}
}
 
	.swiper-slide {	
		background: #fff;
	}
	

/**/
.swiper-container-horizontal > .swiper-pagination-bullets, 
.swiper-pagination-custom, 
.swiper-pagination-fraction {  
	bottom: 5px;	
}	
.swiper-pagination-bullet {
    opacity: 1 !important;
	box-shadow: 1px 1px 7px 0px rgba(0,0,0,.3);
	-moz-box-shadow: 1px 1px 7px 0px rgba(0,0,0,.3);
	-webkit-box-shadow: 1px 1px 7px 0px rgba(0,0,0,.3);	
}
	

		.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {		
			width: 8px;
			height: 8px;
			/* border-radius: 0; */
			background: var(--swiper_color_hover);
			/* border: 1px solid #fff; */	
			border: var(--swiper_color_border);
			margin: 0 3px;
		}


	
	.swiper-pagination-bullet:hover {
		background: var(--swiper_color) !important; 
	}
	.swiper-pagination-bullet-active {
		/*opacity: 1;*/
		background:  var(--swiper_color) !important; 
	}	
	
.swiper_cursor{
	cursor: e-resize;
}
.swiper-button-next, 
.swiper-button-prev	{
		z-index: 50;
		cursor: pointer;
		color: rgba(255,255,255,.7); 
		/* color: #fff;*/
		opacity: 0;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		-ms-transition: all 0.3s ease;
		transition: all 0.3s ease;			
	}
	.swiper-container:hover .swiper-button-next, 
	.swiper-container:hover .swiper-button-prev{
		opacity: 1;
	}
	
	.swiper-button-next:hover, 
	.swiper-button-prev:hover	{
		color: #fff;
	}
		.swiper-button-next::after, 
		.swiper-button-prev::after{
			text-shadow: 1px 1px 5px rgba(0, 0, 0, .2);
			filter: dropshadow(color=rgba(0, 0, 0, .2), offx= 1, offy=1);	
		}
		
.slide_wrap{
	/* overflow: hidden; */
	position: relative;
	background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;	
	
}	

.animation_box{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    margin: 0 auto;
    width: 100%;
    max-width: 850px;
    padding: 20px;
    text-align: center;
}

/*
	.animation_box h1{
		line-height: 56px;
		letter-spacing: 6px;
		font-size: 60px;
		font-weight: 400;
		color: #fff;
		text-transform: uppercase;
		padding: 0;
		margin: 0 0 15px 0;
		border-bottom: none;
	}
	.animation_box h2{
		font-size: 25px;
		line-height: 30px;
		letter-spacing: 3px;
		font-weight: 500;
		color: #fff;
		margin: 0px;
		padding: 0px;		
	}
*/
	.animation_box h1{
		
		letter-spacing: 6px;
		font-size: 70px;
		line-height: 70px;
		font-weight: 400;
		color: #fff;
		text-transform: uppercase;
		padding: 0;
		margin: 15% 0 15px 0;
		border-bottom: none;
	}
	
@media (max-width: 991px) {
	.animation_box h1{
		font-size: 50px;
		line-height: 50px;	
		letter-spacing: 4px;
	}
}
	

@media (max-width: 767px) {
	.animation_box h1{	
		letter-spacing: 2px;
		font-size: 30px;
		line-height: 36px;
		margin: 0 0 5px 0;
	}
	/*
	.animation_box h2{
		font-size: 18px;
		line-height: 22px;
		letter-spacing: 2px;
	}
	*/
}

/*
#####################################################################
*/
/*!
 * ImageHover.css - http://www.imagehover.io
 * Version 1.0
 * Author: Ciarán Walsh

 * Made available under a MIT License:
 * http://www.opensource.org/licenses/mit-license.php
 */
[class^="imghvr-"], [class*=" imghvr-"], [class^="imghvr-"]::before, [class^="imghvr-"]::after, [class*=" imghvr-"]::before, [class*=" imghvr-"]::after, [class^="imghvr-"] *, [class*=" imghvr-"] *, [class^="imghvr-"] ::before, [class^="imghvr-"] ::after, [class*=" imghvr-"] ::before, [class*=" imghvr-"] ::after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
}
[class^="imghvr-"], [class*=" imghvr-"] {
    position: relative;
    display: inline-block;
    margin: 0px;
    max-width: 100%;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
[class^="imghvr-"] .figcaption, [class*=" imghvr-"] .figcaption {
    padding: 15px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    /* line-height: 1.3; */
}
[class^="imghvr-"] a, [class*=" imghvr-"] a {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
}

.imghvr-push-up{
	height: 250px;
	display: block;
	background: rgba(50,50,50,1);
	margin-bottom: 2em;
}

	.imghvr-push-up .image_container {
		height: 100%;
		width: 100%;
		position: relative;
		overflow: hidden;
		line-height: 0;
		background-position: center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		background-size: cover;
		-o-background-size: cover;		
	}
	



	.imghvr-push-up .imghvr-bottom{
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		background: rgba(50,50,50,.9);	
		color: #fff;
		text-align: center;
		padding: 8px;
		opacity: 1;
	}
	.imghvr-push-up:hover  .image_container {
		opacity: .85;
	}
	
/*	*/
					.imghvr-push-up .figcaption {
						background: rgba(50,50,50,.95);
						opacity: 0;
						-webkit-transform: translateY(100%);
						transform: translateY(100%);
						
					}

					.imghvr-push-up:not(.no_fx):hover .imghvr-bottom{
						opacity: 0;
					}
					.imghvr-push-up:hover .figcaption {
						-webkit-transform:translateY(0);
						transform:translateY(0);
						opacity: 1;
					}
					.imghvr-push-up .figcaption,
					.imghvr-push-up .figcaption h3,
					.imghvr-push-up .figcaption p,
					.imghvr-push-up .figcaption div{
						color: #fff;
					}
					.imghvr-push-up .figcaption h3{
						font-size: 17px;
						border-bottom: 1px solid #fff;
						padding-bottom: 10px;
						margin-bottom: 10px;
					}

/* 
tabs
__________________________________________________________*/

.ctab_nav {
    border-bottom: none !important;
}
.ctab_nav li{
    padding: 0 !important;
    margin: 0 5px !important;
}

.ctab_nav .nav-link, 
.ctab_nav .nav-link:hover {
    padding: 0 !important;
    border: none;
}
.ctab_nav .nav-link.active{
   
    border-color: transparent !important;
    background-color: transparent !important;
    
}
.ctab_nav_inner {
	background-color: #efefef;
    display: table;
    width: 100%;
    height: 100%;
    text-align: center;
}
.ctab_nav h3{
    padding: 10px 15px;
    margin: 0;
    font-weight: 300;
}
.ctab_nav .nav-link.active h3,
.ctab_nav .nav-link:hover h3 {
     color: var(--menue_level_1_a_active);
}

/* 
accordion
__________________________________________________________*/
.accordion{
	margin-bottom: 1.5em;
}

h4 a{
	display: inline-block;
	color: var(--text_color);
	font-weight: 700;
	padding-right: 30px;
}	
.accordion .accordion_toggle {
	position: relative;
	cursor: pointer;
	width: 100%;
}
	.accordion .accordion_toggle .fa {
		position: absolute;
		top: 3px;
		/* right: -23px; */
		right: 0;
		color: var(--text_color);
		font-size: 24px;
		font-weight: 300;
	}
		.accordion .shown .accordion_toggle .fa {
			transform:rotate(180deg);
			-webkit-transform:rotate(180deg);
		}
.card{
	border: none;	
}

	.accordion > .card > .card-header {
		border-radius: 0;
		margin-bottom: 0px;
		border-bottom: 1px solid rgba(0,0,0,.2);
		padding: .75rem 0;
		background-color: rgba(0,0,0,0);
	}
.card-body {
    padding: 1.25rem 0;
}

/* 
video-js
__________________________________________________________*/	
.video_container{
	max-width: 700px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 40px;

}	
/**/
.video-js .vjs-play-progress::before, .vjs-slider-horizontal .vjs-volume-level::before {
    top: -10px;
}