@charset "UTF-8";
/* CSS Document */



/* Grundschrift regular/medium normal/italic */


@font-face {
    font-family: 'pt_sans_narrow';
    src: url('../fonts/pt_sans-narrow-web-bold-webfont.woff2') format('woff2'),
         url('../fonts/pt_sans-narrow-web-bold-webfont.woff') format('woff');
    font-weight: bold;
    font-style: normal;

}




@font-face {
    font-family: 'pt_sans_narrow';
    src: url('../fonts/pt_sans-narrow-web-regular-webfont.woff2') format('woff2'),
         url('../fonts/pt_sans-narrow-web-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




/* Iconfont */


@font-face {
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 900;
  font-display: auto;
  src: url("../fonts/fa-solid-900.eot");
  src: url("../fonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), 
	  url("../fonts/fa-solid-900.woff2") format("woff2"), 
	  url("../fonts/fa-solid-900.woff") format("woff"), 
	  url("../fonts/fa-solid-900.ttf") format("truetype"), 
	  url("../fonts/fa-solid-900.svg#fontawesome") format("svg"); }

.fa,
.fas {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900; }


@font-face {
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 400;
  font-display: auto;
  src: url("../fonts/fa-regular-400.eot");
  src: url("../fonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), 
	  url("../fonts/fa-regular-400.woff2") format("woff2"), 
	  url("../fonts/fa-regular-400.woff") format("woff"), 
	  url("../fonts/fa-regular-400.ttf") format("truetype"), 
	  url("../fonts/fa-regular-400.svg#fontawesome") format("svg"); }

.far {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400; }


@font-face {
  font-family: 'Font Awesome 5 Brands';
  font-style: normal;
  font-weight: normal;
  font-display: auto;
  src: url("../fonts/fa-brands-400.eot");
  src: url("../fonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), 
	  url("../fonts/fa-brands-400.woff2") format("woff2"), 
	  url("../fonts/fa-brands-400.woff") format("woff"), 
	  url("../fonts/fa-brands-400.ttf") format("truetype"), 
	  url("../fonts/fa-brands-400.svg#fontawesome") format("svg"); }

.fab {
  font-family: 'Font Awesome 5 Brands'; }





/*
==========================================================
======== SCHRIFTEN =======================================
==========================================================
*/



footer a, h4, h5, h6, .frame > header + h2,
.navbar-collapse .main-navigation-spalten ul.navbar-nav > li > ul li > a {
    font-family: 'pt_sans_narrow';
	font-weight:bold;
	font-style:normal;	
}

body, .main-navigation .navbar-collapse ul.navbar-nav li ul > li > .dropdown-menu a,
.main-navigation .toolbar .nav-link a, h5 {
    font-family: 'pt_sans_narrow';
	font-weight:normal;
	font-style:normal;		
}

main a:not(.btn):not(.card-link):not(.rundgang):not(.video):not(.nav-link) {
    font-family: 'pt_sans_narrow';
	font-weight:bold;
	font-style:italic;		
}






/*
==========================================================
======== STYLE ===========================================
==========================================================
*/

h1, h2, h3, h5 {
	text-transform:uppercase;
	letter-spacing: 3px;
}

h4, h6, .frame > header + h2 {
	text-transform:none;
}








/*
==========================================================
======== AUSRICHTUNGEN ===================================
==========================================================
*/

.ce-headline-center,
/*.align-items-center*/
.align-text-center {
    text-align: center;
}



/*
==========================================================
======== AKTIONEN ========================================
==========================================================
*/






.collapse:not(.show),
.ausblenden{
    display: none;
}


/*
==========================================================
======== LAYOUT ==========================================
==========================================================
*/


html {
  height: 100%;
}

body {
	font-size:1em;
	min-height: 100%;
	line-height:1.35em;
}



/* HEADER */

#sticky-header, #sticky-header.sticky {
    border-bottom:1px solid #d0d0d0;
}

header .logo-content * {
	height:100%;
}



/* FOOTER */

footer .logo-content {
    padding-top: 0px;
    padding-bottom: 20px;
}

footer .logo-content img {
	/*width:50%;*/
	height:auto;
}

footer .footer-zeile {
	border-top:1px solid #8eb83a;
}

footer .mediwertung {
	width:4.5em;
	margin-top:15px;
	margin-bottom:20px;
}

footer .medi-wertung map,
footer .medi-wertung img {
	width:100%;
	height:auto;
}

footer .praxisplusaward .ce-gallery * {
	width:100%;
	height:auto;
}
footer .praxisplusaward {
	margin-bottom:10px;
}

footer .bewertung-abgeben .icon-daumen,
footer .bewertung-abgeben .btn-default {
	float:left;
}
footer .bewertung-abgeben .btn-default {
	width:auto !important;
	padding: 5px 5px 2px 5px;
}

footer .bewertung-abgeben .icon-daumen {
	width: 25px;
	margin-right: 5px;
	margin-top:-10px;
}

footer .zeiten,
footer .medi-wertung,
footer .bewertung-abgeben {
	float:left;
	width:100%;
}



.footercomplete img:not([src*=".svg"]) {
	width:100%;
	height:auto;
}

/*
==========================================================
======== BILDER ==========================================
==========================================================
*/

main img:not([src*=".svg"]) {
	width:100%;
	height:auto;
}

main img[src*=".svg"],
main .captcha img:not([src*=".svg"]){
	width:auto;
}

.banner-container img {
	width:100%;
	height:auto;
}


/* Bild Überschrift Text Anordnung */
.ce-body .ce-textpic:first-child .ce-gallery figure {
    display: table;
    align-content: center;
    margin: 0 auto;
}
.ce-body .ce-textpic:first-child .ce-column {
	width:100%;
}

.ce-body > .ce-textpic.ce-left.ce-intext:last-child .ce-gallery {
	margin-bottom:0px;	
}




/* Bild rund */
.ce-gallery.ce-border img {
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	overflow:hidden;
	border:0px solid black;
}

.content-item.carousel-container .ce-gallery.ce-border {
	margin-bottom:1.5em;
}


/*
==========================================================
======== FARBEN ==========================================
==========================================================
*/


/* Dunkelgrau */
body, .navbar-nav a,
footer .toolbar a.nav-link,
nav.breadcrumb a, .breadcrumb-item + .breadcrumb-item::before,
.container-fluid.hg-gruen .accordion .collapse.show,
.container-fluid.hg-gruen .card.hg-weiss,
.container-fluid.hg-gruen .card.hg-hellgrau,
.container-fluid.hg-gruen .card.hg-hellgruen,
.container-fluid.hg-gruen .card.standard {
	color:#474947;
}


/* Schrift Helles Grün */
main a,
footer a,
nav a:hover,
.container-fluid.hg-gruen > .container > .standard .btn.btn-default,
.card.hg-gruen .btn.btn-default,
.container-fluid.hg-gruen .card.standard.linie .btn.btn-default,
footer .toolbar a.nav-link:hover,
.quicklinks-anzeige-content a,
.breadcrumb-item.active,
.container-fluid.hg-gruen .accordion .card-header a,
form[id*="miniformular"] .btn.btn-primary,
.hg-gruen .hg-weiss a,
.hg-gruen .hg-hellgrau a{
	color:rgba(142,184,58,1);
}


/* Schrift Dunkles Grün */
main a:hover,
body a:hover {
	color:rgba(106,139,43,1);
}

/* Schrift Weiss */
.hg-gruen a,
.hg-gruen,
.container-fluid.hg-hellgrau .accordion .card-header:hover a,
.container-fluid.hg-hellgruen .accordion .card-header:hover a,
.container-fluid.hg-weiss .accordion .card-header:hover a,
.container-fluid.standard .accordion .card-header:hover a,
.container-fluid.hg-gruen .accordion .card-header:hover a,
.container-fluid.card-link.collapsed:hover a,
.container-fluid.hg-gruen .card.standard.linie,
.carousel-item.active header, 
.banner-container .ce-bodytext,
.lightbox-container div:not(.hg-hellgrau):not(.hg-hellgruen):not(.hg-weiss):not(.standard) > .ce-body,
.lightbox-container div:not(.hg-hellgrau):not(.hg-hellgruen):not(.hg-weiss):not(.standard) > header,
form .btn.btn-primary {
	color:#ffffff;
}

/* Transparente Teile Weiss */
.quicklink-content.mobil,
#sticky-header.sticky{
	background-color:rgba(255,255,255,0.7);
	z-index:999;
}

/* Hintergrundfarbe Transparent */
.standard {
	background-color:transparent;
}

/* Hintergrundfarbe Weiss */
.hg-weiss,
.container-fluid.hg-gruen > .container > .standard .btn.btn-default,
.card.hg-gruen .btn.btn-default,
.container-fluid.hg-gruen .card.standard.linie .btn.btn-default,
.hg-gruen .accordion .card-header,
.container-fluid.hg-hellgrau .accordion .card-header,
.container-fluid.hg-hellgruen .accordion .card-header,
.container-fluid.hg-gruen .accordion .collapse.show,
.container-fluid.hg-hellgrau .accordion .collapse.show,
.container-fluid.hg-hellgruen .accordion .collapse.show,
form[id*="miniformular"] .btn.btn-primary {
	background-color:#ffffff;
}

/* Hintergrundfarbe Hellgrau */
.hg-hellgrau,
.container-fluid.hg-weiss .accordion .card-header,
.container-fluid.standard .accordion .card-header,
.container-fluid.standard .accordion .collapse.show {
	background-color:#f8f8f8;
}

/* Hintergrundfarbe Grün */
.hg-gruen,
.container-fluid.hg-weiss .accordion .card-header:hover,
.container-fluid.hg-hellgruen .accordion .card-header:hover,
.container-fluid.hg-hellgrau .accordion .card-header:hover,
.container-fluid.standard .accordion .card-header:hover,
.container-fluid.card-link.collapsed:hover,
form .btn.btn-primary {
	background-color:#8eb83a;
	color:#ffffff;
}

/* Hintergrundfarbe Hellgrün */
.hg-hellgruen,
.container-fluid.hg-gruen .accordion .card-header:hover {
	background-color:#f3f8eb;
}


/* Hintergrundfarbe Dunkelgrün */
.container-fluid.hg-gruen .accordion .card-header:hover,
.container-fluid.hg-hellgrau .accordion .card-header:hover,
.container-fluid.hg-hellgruen .accordion .card-header:hover {
	background-color:#8eb83a;
	color:#ffffff;	
}

/* Hintergrundfarbe Dunkelgrün 80Prozent */
.banner-container .ce-bodytext > h2,
.banner-container .ce-bodytext > p {
	background-color:rgba(142,184,58,0.8);	
}


/* Linie Dunkelgrün */
/* Kasten Linienumrandung */
.linie {
	border:1px solid #8eb83a !important;
}
.card.linie .content-item.card.linie {
	border:0px solid black !important;
}  

/* Linienfarbe Weiß */
/* Kasten Linienumrandung */
.hg-gruen .linie {
	border:1px solid #ffffff !important;
}


/* Hellgrün Footer 10Prozent von Dunkelgrün */
footer {
	background-color:rgba(106,139,43,0.1);
}








/*
==========================================================
======== QUICKLINKS ======================================
==========================================================
*/


.quicklink-anzeige {
	background-color: rgba(255, 255, 255, 0.9);
}

.quicklink-content.mobil {
	position:fixed;
	bottom:0;
	padding:20px;
}

.quicklink-anzeige .content {
	padding:20px;
}

.quicklink-anzeige .container-fluid,
.quicklink-anzeige .container {
    padding-left:0em;
    padding-right:0em;
}
.quicklink-content img {
	height:48px;
}

/*
#feldstellensuche {
  display:none;
}
#stellensuche {
  display:none;
}
*/




/*
==========================================================
======== BREADCRUMBS =====================================
==========================================================
*/


.breadcrumb-container {
    position: absolute;
    width: 100%;
	background-color:#f8f8f8;
}

.breadcrumb {
    background-color: transparent;
    border-radius: 0em;
    display: flex;
    flex-wrap: wrap;
    list-style: outside none none;
    margin-bottom:0em;
	padding:5px 0em 5px 0em;
}

nav.breadcrumb > * {
	font-size:0.8em;	
}

.breadcrumb-item + .breadcrumb-item::before {
    content: "»";
    display: inline-block;
    padding-right: 0.5rem;
}



/*
==========================================================
======== FLEX BOXEN UND SPALTENINHALTE ===================
==========================================================
*/

.d-flex {
	/*flex-direction: column;*/
	flex-wrap: wrap;
}

main div[class*="col-"] > div + div,
.container-fluid > .container > div + div {
	margin-top:30px;
}


main div[class*="col-"] .card.grid-container div[class*="col-"] > div:not([class*="space"]) + div:not([class*="space"]),
main div[class*="col-"] .card.grid-container .grid-container .container > div:not([class*="space"]) + div:not([class*="space"])  {
	margin-top:0px !important;
}


/* Wenn Kasten auf Kasten folgt */
.card + .card {
	margin-top:15px;
}

/*.d-flex .ce-body,*/
.d-flex > .card {
	height:100%;
}




/*
==========================================================
======== NAVIGATIONEN ====================================
==========================================================
*/


/* ================= Toolbar ============================  */

ul.toolbar {
	list-style-type:none;	
	padding-left:0;
	/*float:right;*/
	/*padding-top:10px;*/
	/*padding-bottom:12px;*/
	margin-bottom:0px;
}

ul.toolbar li {
	display:inline-block;
}

ul.toolbar li + li {
	/*margin-left:15px;*/
}

.navbar-collapse {
	position:absolute;
	z-index:888;
}

/* Pinterest ausblenden */
/* Sprachen Türkisch und Spanisch ausblenden */
.iconreihe.socialmedia .pinterest,
.sprachen .tuerkisch,
.sprachen .spanisch {
	display:none;
}


/* FOOTER TOOLBAR */

footer ul.toolbar li,
footer ul.toolbar li:first-child,
footer ul.toolbar li .nav-link,
footer ul.toolbar li:first-child .nav-link{
   	padding: 0em 0em;
	float:left;
}

footer ul.toolbar li {
	margin-right:15px;
}



/* ================= Mainnavigation ============================  */


.navigation-content {
	float:right;
}


.navbar {
	padding-right:0;
}

.navbar a {
	width:100%;
}



.main-navigation ul {
	padding-left:0;
	list-style-type:none;
}

.main-navigation a {
	color:#474947;
}

/* Smile-Design Button in der Navigation unter Service */
.main-navigation .nav-item.navistufe1-ausgeblendet:nth-child(5) a[href*="https://drgo"]:before {
	content:url("/fileadmin/gomolka/template/images/icons/logo_smile-design.svg");
}
.main-navigation .nav-item.navistufe1-ausgeblendet:nth-child(5) a[href*="https://dr"]  {
    color:transparent;
	font-size:0px;
}


/* Iconbar */

.icon-bar {
	width: 44px; 
	height: 4px;
	background-color: #84b52a;
	display: block;
	transition: all 0.2s;
	margin-top: 8px;
}

.icon-bar:first-child {
	margin-top:0px;
}
 
.navbar-toggle {
  padding:0;
  border: none !important;
  background: transparent !important;
}

button:focus {
	outline:0px solid;
}


.navbar-header {
	width:44px;
	height:30px;
}
 

/* ANIMATED X */
.navbar-toggle.x .icon-bar:nth-of-type(1) {
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transform-origin: 10% 10%;
	-ms-transform-origin: 10% 10%;
	transform-origin: 10% 10%;
}

.navbar-toggle.x .icon-bar:nth-of-type(2) {
	opacity: 0;
	filter: alpha(opacity=0);
}

.navbar-toggle.x .icon-bar:nth-of-type(3) {
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-transform-origin: 10% 90%;
	-ms-transform-origin: 10% 90%;
	transform-origin: 10% 90%;
}

/* ANIMATED X COLLAPSED */
.navbar-toggle.x.collapsed .icon-bar:nth-of-type(1) {
	-webkit-transform: rotate(0);
	-ms-transform: rotate(0);
	transform: rotate(0);
}

.navbar-toggle.x.collapsed .icon-bar:nth-of-type(2) {
	opacity: 1;
	filter: alpha(opacity=100);
}

.navbar-toggle.x.collapsed .icon-bar:nth-of-type(3) {
	-webkit-transform: rotate(0);
	-ms-transform: rotate(0);
	transform: rotate(0);
}
/* END ANIMATED X */






/*
==========================================================
======== ELEMENTE ========================================
==========================================================
*/


.frame {width:100%;}

ul {padding-left:1em;}



/* Breiter Section Container */

main .container-fluid,
footer .container-fluid {
	padding-top:50px;
	padding-bottom:50px;
}

main .container-fluid .container-fluid {
	padding-top:0px;
	padding-bottom:0px;
	padding-right:0px;
	padding-left:0px;
}

main .container-fluid .container-fluid > .container {
	padding-left:0px;
	padding-right:0px;
}

/* Spezielle Section für Kapitelbild */
.banner-container .container-fluid.hg-hellgrau {
	padding-top:25px;
	padding-bottom:25px;
}



/* KASTEN */

.card,
.accordion > .card:first-of-type,
.card-header:first-child {
	border-radius: 0em !important;
	border:0px solid black;
}

.card {
    word-wrap: normal;	
}



 
 




/* Normaler Kasten */

.card:not(.mitschatten) > header {
	padding-left:18px;
	padding-right:18px;
}

.card:not(.mitschatten) > .ce-bodytext,
.card:not(.mitschatten) > header + .ce-body{
	padding: 0px 18px 18px 18px;
}
.card:not(.mitschatten) > .ce-bodytext:empty, 
.card:not(.mitschatten) > header + .ce-body:empty {
	padding:0em;
}

main .card:not(.mitschatten) > .ce-body:first-child,
.container-fluid.card:not(.mitschatten){
	padding: 18px 18px 18px 18px;	
}

.card:not(.mitschatten) .ce-gallery {
    margin-bottom: 18px;
}

.card:not(.mitschatten) header:first-child,
.card:not(.mitschatten) .ce-gallery + header {
	margin-top:18px;
}




/* KASTEN MIT SCHATTEN */

.card.mitschatten header {
	padding-left:30px;
	padding-right:30px;
}

.card.mitschatten .ce-bodytext,
.card.mitschatten header + .ce-body{
	padding: 0px 30px 30px 30px;
}

.banner-container .container-fluid.hg-hellgrau .card.mitschatten .ce-bodytext,
.banner-container .container-fluid.hg-hellgrau .card.mitschatten header + .ce-body,
.banner-container .container-fluid.hg-hellgrau .card:not(.mitschatten) .ce-body:first-child {
	padding:0px 0px 0px 0px;
}

.card.mitschatten .ce-body:first-child {
	/*padding: 30px 30px 30px 30px;	*/
}

.card.mitschatten header:first-child,
.card.mitschatten .ce-gallery + header {
	margin-top:30px;
}

.card.mitschatten {
	text-align:center;
	border-radius: 0em;
}

.card.mitschatten.hg-weiss {
	border:1px solid #f8f8f8;
}

.card.mitschatten:hover::after{
    bottom: 10px;
}

.card.mitschatten::after,
.carousel-container.ce___card___mitschatten::after {
    border-radius: 10%;
    bottom: 2px !important;
    box-shadow: 0 5px 7px #999999;
    content: "";
    height: 40%;
    left: 50%;
    position: absolute !important;
    transition: all 0.3s ease-in-out 0s;
    /* Diese Werte sind im Responsive eingestellt*/
	/*width: 96%;*/
    /*margin-left: -48%;*/
	z-index:1;
}

/* Abstand Schatten modifizieren */
.banner-container .container-fluid.hg-hellgrau .card.mitschatten:after, 
.banner-container .container-fluid.hg-hellgrau .card.mitschatten:hover:after,
.mitschatten.frame-type-image:after,
.mitschatten.frame-type-image:hover:after {
    bottom: 12px;
}

.card.mitschatten::before{
    bottom: 0 !important;
    content: "";
    height: 50%;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 2;
}

.card.mitschatten * {
    z-index: 3;
}
.card.mitschatten,
.card.mitschatten .ce-body,
.card.mitschatten .ce-image,
.card.mitschatten .ce-gallery,
.card.mitschatten .ce-outer,
.card.mitschatten .ce-inner,
.card.mitschatten .ce-row,
.card.mitschatten .ce-column,
.card.mitschatten .image{
	    position: relative !important;
}



.card.mitschatten .ce-intext.ce-right .ce-gallery, .ce-intext.ce-left .ce-gallery, .ce-above .ce-gallery {
    /*margin-bottom: 0px !important;*/
	/*border:1px solid black;*/
}



.card.mitschatten.hg-weiss::before {
    background-color: #ffffff;
}

.card.mitschatten.hg-hellgrau::before {
    background-color: #f8f8f8;
}

.card.mitschatten.hg-gruen::before {
    background-color: #8eb83a;
}





/* Slider mit Schatten */

.carousel-container.ce___card___mitschatten .carousel-inner {
	overflow:hidden;
}


.carousel-container.ce___card___mitschatten .carousel-item .frame {
	position:relative;
	z-index:5 !important;
}

.carousel-container.ce___card___mitschatten .carousel-item .frame .ce-gallery {
    margin-bottom: 0px;
}

.carousel-container.ce___card___mitschatten .carousel-item, 
.carousel-container.ce___card___mitschatten .carousel-inner, 
.carousel-container.ce___card___mitschatten .carousel, 
.carousel-container.ce___card___mitschatten, 
.carousel-container.ce___card___mitschatten .carousel-item .frame {
	background-color:#ffffff;
	z-index: 10;
}






/* ACCORDION */

.grid-accordion, .accordion,
.accordion .content-item,
.accordion .card,
.accordion .card-header {
	display:block !important;
	width:100%;
}

.accordion .card header {
	padding:0px;
}

.accordion .card header a,
.accordion .card-body{
	padding:10px;	
}

.accordion .card-header {
    margin-bottom: 0;
    border-bottom: 0px solid rgba(0,0,0,.125);
}

.accordion .card .card-link {
	display:block;
}

.accordion .card .card-link:after,
.accordion .card .card-link.collapsed:after {
	font-family: 'Font Awesome 5 Free';
  	font-style: normal;
  	font-weight: 900;
	font-size:0.8em;
	float:right;
}

/* Aufgeklappt */
.accordion .card .card-link:after {
	content:'\f068';
}

/* Zugeklappt */
.accordion .card .card-link.collapsed:after {
	content:'\f067';
}

.accordion .card header:first-child{
	margin-top:0px;
}

.accordion > .card {
	/*margin-bottom:15px;*/
}

.accordion .collapse.show {
	/*margin-top:2px;*/
}

.accordion .card {
	background-color:transparent;
}

.accordion > .card .card-header {
    margin-bottom: 0px;
}




/* TEXT BILD OVERLAY */


.imglayout-79 {
    position: relative;
}

.imglayout-79:hover .ce-bodytext {
    opacity: 1;
}
.imglayout-79 .ce-bodytext {
    background-color: rgba(142, 184, 58, 0.85);
    color: #ffffff;
    height: 100%;
    margin: 0;
    opacity: 0;
    padding: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 5;
}

.imglayout-79 .ce-bodytext a {
  color:#ffffff;  
}

.imglayout-79 .ce-bodytext {
    color: #ffffff;
    text-align: center;
    vertical-align:middle;
    display: flex;
    justify-content: center; /* align horizontal */
    align-items: center; /* align vertical */
}

.imglayout-79 .ce-gallery {
  margin-bottom:0em !important;  
}






/* IFRAME EINBETTEN */

.embed-container {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: auto;
}

iframe {
	border:0px solid black;
}



/*
==========================================================
======== LINK KLASSEN ====================================
==========================================================
*/


.btn {
    display: inline-block;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
        border-top-color: transparent;
        border-right-color: transparent;
        border-bottom-color: transparent;
        border-left-color: transparent;
    line-height: 1.35;
    border-radius: 0rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,padding .15s ease-in-out,box-shadow .15s ease-in-out;
	text-transform:uppercase;
}

.btn-default  {
	background-color:rgba(142,184,58,1);
	color:#ffffff;
	display:inline-block;
	padding:5px 15px 2px 15px;
}

.btn-default:hover  {
	background-color:rgba(124,161,48,1);
	text-decoration:none;
	color:#ffffff;
    border: 1px solid transparent;
	padding:5px 25px 2px 25px;
}


footer .btn {
	-webkit-transition-duration: 0s !important;
	-moz-transition-duration: 0s !important;
	-o-transition-duration: 0s !important;
	transition-duration: 0s !important;
	transition: 0s !important;
}

footer .btn-default:hover {
	padding:5px 20px 2px 20px;	
}



a:hover {
	text-decoration:none;
}

.quicklink {
	cursor:pointer;
}







/* BUTTON */
.btn-default {
	border:0px solid black;
}

.btn {
	min-width: 120px;
	padding:5px 20px 2px 20px;
	border: none;
	background: none;
	color: inherit;
	vertical-align: middle;
	position: relative;
	z-index: 1;
	-webkit-backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
}
.btn:focus {
	outline: none;
}
.btn > span {
	vertical-align: middle;
}


.btn-default {
	border-radius: 0px;
	background-color:rgba(142,184,58,1);
	color: #fff;
	-webkit-transition: background-color 0.3s, color 0.3s;
	transition: background-color 0.3s, color 0.3s;
}

.btn-default::before {
	content: '';
	position: absolute;
	top: -10px;
	left: -10px;
	bottom: -10px;
	right: -10px;
	background: inherit;
	border-radius: 0px;
	z-index: -1;
	opacity: 0.4;
	-webkit-transform: scale3d(0.8, 0.5, 1);
	transform: scale3d(0.8, 0.5, 1);
}
.btn-default:hover {
	-webkit-transition: background-color 0.1s 0.3s, color 0.1s 0.3s;
	transition: background-color 0.1s 0.3s, color 0.1s 0.3s;
	color: #ECEFF1;
	background-color:rgba(124,161,48,1);
	-webkit-animation: anim-btn-1 0.3s forwards;
	animation: anim-btn-1 0.3s forwards;
 	border:0px solid black;
 }

.btn-default:hover::before {
	-webkit-animation: anim-btn-2 0.3s 0.3s forwards;
	animation: anim-btn-2 0.3s 0.3s forwards;
}
@-webkit-keyframes anim-btn-1 {
	60% {
		-webkit-transform: scale3d(0.8, 0.8, 1);
		transform: scale3d(0.8, 0.8, 1);
	}
	85% {
		-webkit-transform: scale3d(1.1, 1.1, 1);
		transform: scale3d(1.1, 1.1, 1);
	}
	100% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}
@keyframes anim-btn-1 {
	60% {
		-webkit-transform: scale3d(0.8, 0.8, 1);
		transform: scale3d(0.8, 0.8, 1);
	}
	85% {
		-webkit-transform: scale3d(1.1, 1.1, 1);
		transform: scale3d(1.1, 1.1, 1);
	}
	100% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}
@-webkit-keyframes anim-btn-2 {
	to {
		opacity: 0;
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}
@keyframes anim-btn-2 {
	to {
		opacity: 0;
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}


.hg-gruen a.btn.btn-primary {
	background-color:#ffffff !important;
	color:#8eb83a !important;
}



/* Button 3D-Rundgang */

.rundgang {
	background-image: url("../images/icons/icon_3D.svg");
	background-size: 35px 35px;
	background-repeat: no-repeat;
	text-transform: uppercase;
	position: relative;
	padding-left: 40px;
	padding-bottom: 15px;
	background-position: 0px;
	padding-top: 20px;
	line-height:30px;
}

.rundgang:hover {
	background-image: url("../images/icons/icon_3D_dunkel.svg");
}

a.video {
	background-image: url("../images/icons/youtube_social_icon_red.png");
	background-size: 36px 25px;
	background-repeat: no-repeat;
	text-transform: uppercase;
	position: relative;
	padding-left: 45px;
	padding-bottom: 15px;
	background-position: 0px;
	padding-top: 20px;
	line-height:30px;
}

a.video:hover {
	background-image: url("../images/icons/youtube_social_icon_red.png");
}


/*
==========================================================
======== ABSTÄNDE ========================================
==========================================================
*/



ul:last-child, 
p:last-child {
	margin-bottom:0em;
}








/*
==========================================================
======== FORMULARE =======================================
==========================================================
*/


/* Allgemein */

form {
	margin-top:1em;
	overflow:hidden;
}

.ce-body form:first-child {
	margin-top:0em;
}

input, .form-control {
	border-radius:0px;
}

input.form-control {
	line-height:1em !important;
	padding:0.3rem 0.4rem 0 0.4em;
	overflow:hidden;
	height:29px !important;
}



.form-group,
.actions {
	float:left;
	width:100%;
}
form label {
	width:15%;
	float:left;
}
form .input {
	width:83%;
	float:left;
	margin-left:2%;
}
.captcha img {
	margin-left: 2%;
}
form {
	padding-bottom:50px;
}

form textarea.form-control {
	height:10em !important;
	padding:0.3rem 0.4rem 0 0.4em;
}


/* CallToAction Formular - MiniFormular */

.hg-gruen form label{
	display:none;
}

form[id*="miniformular"]{
	text-align:center;
	padding-bottom:0em;
}

form[id*="miniformular"] .clearfix p {
	margin-bottom:40px;
}

form[id*="miniformular"] .form-group,
form[id*="miniformular"] .actions{
	display:inline-block;
}

form[id*="miniformular"] label {
	width:100%;
	float:left;
}
form[id*="miniformular"] .input {
	width:100%;
	float:left;
}



/*
form[id*="miniformular"] .form-group {
	width:40%;
	float:left;
}
*/

/*
form[id*="miniformular"] .actions {
	width:16%;
	float:left;
}
*/

/*
form[id*="miniformular"] .form-group {
	margin-right:2%;
}
*/

form[id*="miniformular"] .form-control,
form[id*="miniformular"] textarea.form-control {
    height: 29px !important;
}

form[id*="miniformular"] textarea,
form[id*="miniformular"] textarea.form-control {
	resize:none;	
	padding:0.3rem 0.4rem 0 0.4em;
	}




/* Bewerbungsformular */

button, input, optgroup, select, textarea {
}


form[id*="bewerbung"] legend,
form[id*="bwerbungsformular"] legend{
	width:auto;
	padding:15px;
	margin-bottom:0em;
}
form[id*="bewerbung"] fieldset,
form[id*="bwerbungsformular"] fieldset{
	border:1px solid #ffffff;
	padding:25px;
	margin:0em;
	margin-bottom:2em;
}
form[id*="bewerbung"] .clearfix + fieldset,
form[id*="bwerbungsformular"] .clearfix fieldset{
	margin-top:0em;
}
form[id*="bewerbung"] .input,
form[id*="bwerbungsformular"] .input{
    float: left;
    margin-left: 0%;
}
form[id*="bewerbung"] .form-check,
form[id*="bwerbungsformular"] .form-check {
	padding-left:0em;	
}
form[id*="bewerbung"] .input.checkbox,
form[id*="bwerbungsformular"] .input.checkbox{
	width:100%;
}

form[id*="bewerbung"] label.form-check-label,
form[id*="bwerbungsformular"] label.form-check-label{
	width:100% !important;
}
form[id*="bewerbung"] input[type=checkbox],
form[id*="bwerbungsformular"] input[type=checkbox]{
	margin-right:0.5em;
}
form[id*="bewerbung"] h2,
form[id*="bwerbungsformular"] h2 {
	display: block;
	width: 100%;
	max-width: 100%;
	padding: 0;
	margin-bottom: 2rem;
	font-size: 1.5rem;
	line-height: inherit;
	color: inherit;
	white-space: normal;
	text-transform:none;
	letter-spacing: 0px;
	margin-top:1em;
}
form[id*="bewerbung"] .clearfix,
form[id*="bwerbungsformular"] .clearfix {
	float:left;
}

.lightbox-container main > .content > .frame-type-form_formframework > header {
    padding-right: 0px;
    padding-left: 0px;
}


form[id*="bewerbung"] label,
form[id*="bwerbungsformular"] label {
	width:30%;
	margin-right:2%;
}

form[id*="bwerbungsformular"] fieldset[id*="1227-fieldset-5"] > .form-group > .input,
form[id*="bwerbungsformular"] label[for*="textarea"] + .input{
	width:100%;
	margin-right:0%;
}

form[id*="bewerbung"] .input,
form[id*="bwerbungsformular"] .input{
	width:68%;
}

form[id*="bwerbungsformular"] label[for*="textarea"] {
	display:none;
}


form[id*="bewerbung"] label[for*="bewerbungsformular-1216-textarea-1"],
form[id*="bewerbung"] label[for*="recaptcha"],
form[id*="bwerbungsformular"] label[for*="bewerbungsformular-1216-textarea-1"],
form[id*="bwerbungsformular"] label[for*="recaptcha"]{
	display:none;
}
form[id*="bewerbung"] label[for*="bewerbungsformular-1216-textarea-1"] + .input,
form[id*="bewerbung"] label[for*="bewerbungsformular-1216-textarea-1"] + .input textarea,
form[id*="bwerbungsformular"] label[for*="bewerbungsformular-1216-textarea-1"] + .input,
form[id*="bwerbungsformular"] label[for*="bewerbungsformular-1216-textarea-1"] + .input textarea{
	width:100%;
}
form[id*="bewerbung"] label[for*="bewerbungsformular-1216-textarea-1"] + .input textarea,
form[id*="bwerbungsformular"] label[for*="bewerbungsformular-1216-textarea-1"] + .input textarea{
	margin-bottom:1em;
}
.recaptcha {
	overflow:hidden;
}


/* CallToAction-Formular Grüner Balken */

.hg-gruen form  {
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
    padding-top: 50px;
	padding-bottom: 50px;
}	
	


.icon-up-open-big::before {
    content: "\f062";
    font-style: normal;
}





/*
==========================================================
======== EIGENE CSS KLASSEN ==============================
==========================================================
*/


.sprachen .card img {
	width:auto !important;
	height:auto !important;
	position:absolute;
	left:20px;
	top:0px;
}

.sprachen .card header,
.sprachen .card .ce-bodytext {
	margin-left:70px;
}

.sprachen .card:not(.mitschatten) header {
    padding-left: 0px;
    padding-right: 0px;
}

.sprachen .card:not(.mitschatten) .ce-bodytext, 
.sprachen .card:not(.mitschatten) header + .ce-body {
    padding: 0px 0px 18px 0px;
}

/* IFrame-Video-Youtube einbetten Responsive */
.video-container,
.video-container iframe,
.video-container object,
.video-container embed {
width:100%;
}



/* Container für das iframe */
.video-container {
  position: relative;
  width: 100%; /* Passt sich der Container-Breite an */
  padding-top: 56.25%; /* Verhältnis 16:9 (9/16 = 0.5625 => 56.25%) */
  overflow: hidden;
}

/* Das eigentliche iframe */
.video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}



.no-margin-top {
	margin-top:0em !important;
}
.small-margin-top,
.grid-container.content-small-margin-top .container > div + div,
main div[class*="col-"] .praxiswegweiser .container-fluid.card > .container > div:not([class*="space"]):not(.no-margin-top) + div:not([class*="space"]):not(.no-margin-top){
	margin-top:15px !important;
}

.circle {
	border-radius:100%;
	overflow:hidden;
}
.circle .ce-gallery {
	margin-bottom:0px !important;
}
.shadow {
	box-shadow: rgba(0, 0, 0, 0.25) 0px 4px 4px 0px;
}
.frame-type-image.no-margin-bottom .ce-gallery {
	margin-bottom:0em !important;
} 
.no-margin-bottom + div {
	margin-top:0em !important;
}

/* Ergänzungen Christoph */
/*.d-flex .card {width:100%;float:left;}*/




/*
==========================================================
======== SLIDER UND HEADERBEREICH ========================
==========================================================
*/


.carousel-item {
	position:relative
}

/*
.carousel-item.active header, 
.banner-container .ce-bodytext {
	z-index:20;
	position:absolute;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	padding-left:15px;
	padding-right:15px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
*/

/* Pfeile rechts links*/
.carousel-control-next, 
.carousel-control-prev {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 50px;
    color: #fff;
    text-align: center;
    opacity: .5;
    transition: opacity .15s ease;
	z-index:10;
}


.carousel-control-prev-icon {
    background-image: url("../images/icons/slider_icon_prev.png");
}

.carousel-control-next-icon {
    background-image: url("../images/icons/slider_icon_next.png");
}

.carousel-control-next-icon, 
.carousel-control-prev-icon {
    width: 26px;
    height: 44px;
}

.carousel-indicators li {
    width: 10px;
    height: 10px;
    border-radius:50%;
	margin-right: 6px;
	margin-left: 6px;
}

.carousel-container {
	position:relative;
}

/* Höhe der Slider im Headerbereich */
.startseite .carousel-container,
.startseite .carousel :not(img) {
	max-height:600px;
	/*overflow:hidden;*/
}

.startseite .banner-container .carousel-indicators {
	display:none;
}

/*
.banner-container .ce-bodytext > h2,
.banner-container .ce-bodytext > p {
	width:66%;
	color:#ffffff;
}
*/

.banner-container .ce-bodytext > h2 {
	padding: 15px 15px 0px 15px;
	margin:0;
}

.banner-container .ce-bodytext > p {
	padding: 0px 15px 15px 15px;
	margin:0;
}

.banner-container .ce-gallery {
	position:relative;
	width:100%;
}

.banner-container .ce-gallery * {
	width:100%;
}

/*
.banner-container .ce-textpic {
	display: flex;
	align-items: center;
	justify-content: center;
}
*/

.banner-container img {
	opacity:0.5;
}

/* Bild in grauem Container oder im Slider */
.banner-container .container-fluid.hg-hellgrau img {
	opacity:1;
}





/*
==========================================================
======== VIDEO EINBETTEN =================================
==========================================================
*/


.video-embed-item {
	border:1px solid black;
	width:100%;
}






/*
==========================================================
======== LIGHTBOX ========================================
==========================================================
*/

.lightbox-container .content > .grid-container > .container-fluid {
	background-color:transparent;
	border-bottom:1px solid #ffffff;
    padding-right: 0px !important;
    padding-left: 0px !important;
}

.lightbox-container .container-fluid .container-fluid.card {
  padding:18px !important;
}

.lightbox-container .container-fluid:last-child {
	border-bottom:0px solid #ffffff;
}

.lightbox-container .container {
	padding-left:0em;
	padding-right:0em;
}

.lightbox-content {background-color:#f8f8f8;}

.lightbox-content header,
.lightbox-content main {
	width:100%;
	overflow:hidden;
}

.button.hg-gruen {
	float:right;
	text-align:center;
}

.button.logo {
	background-color:#ffffff;
	float:left;
}


/*
==========================================================
======== LIGHTBOX TERMIN BUCHEN ==========================
==========================================================
*/

/* Teile Praxis Killesberg blau einfärben */
.linie.praxis-killesberg {
    border: 1px solid #0aa1e2 !important;
}
.praxis-killesberg .btn-default {
    border-radius: 0px;
    background-color: #0aa1e2;
}

.praxis-killesberg .btn-default,
.praxis-zuffenhausen .btn-default {
    display:block;
}
.terminbuchung .embed-container {
    height: 550px !important;
}
.terminbuchung iframe {
    height: 100% !important;
}

.terminbuchung .praxis-killesberg .ce-textpic,
.terminbuchung .praxis-zuffenhausen .ce-textpic {
	display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}

.terminbuchung .praxis-killesberg .ce-intext.ce-left .ce-gallery,
.terminbuchung .praxis-zuffenhausen .ce-intext.ce-left .ce-gallery,
.terminbuchung .praxis-killesberg .ce-textpic .ce-bodytext > *,
.terminbuchung .praxis-zuffenhausen .ce-textpic .ce-bodytext > * {
    margin-bottom: 0px;
}




/*
==========================================================
======== COOKIE HINWEIS ==================================
==========================================================
*/
.cc_container .cc_message {
    line-height: 1.25;
}





#bewerbungsformular-1216 fieldset[id*="fieldset-1"] .clearfix:nth-child(2) {
	margin-bottom:10px;
}

#bewerbungsformular-1216 fieldset[id*="fieldset-1"] .clearfix:nth-child(2),
#bewerbungsformular-1216 fieldset[id*="fieldset-1"] .form-group:nth-child(3),
#bewerbungsformular-1216 fieldset[id*="fieldset-1"] .form-group:nth-child(4),
#bewerbungsformular-1216 fieldset[id*="fieldset-1"] .form-group:nth-child(5),
#bewerbungsformular-1216 fieldset[id*="fieldset-5"] .form-group {
	width:25%;
	float:left;
}




/*
==========================================================
======== SOCIAL-MEDIA-NEWSROOHM ==========================
==========================================================
*/

div[class*="col-"] .grid-container,
.container-fluid.social-newsroom-container div[class*="col-"] > div{
	width:100%;
}

.container-fluid.social-newsroom-container .accordion .card-header {
	background-color:rgba(142,184,58,1) !important;
    color:#ffffff;
}

.container-fluid.social-newsroom-container .accordion .card-header h3 {
    margin-bottom: 0em;
    margin-top:8px;
}

.container-fluid.social-newsroom-container .accordion .card-header a {
    color:#ffffff !important;
}

.container-fluid.social-newsroom-container .row div + div {
    margin-top:0px;
}

.container-fluid.social-newsroom-container .accordion .card .card-link.collapsed::after,
.container-fluid.social-newsroom-container .accordion .card .card-link::after{
    position:absolute;
    right:25px;
    top:17px;
}

.container-fluid.social-newsroom-container .accordion .row + .row {
	margin-top:30px;
}

.container-fluid.social-newsroom-container .ce-intext.ce-left .ce-gallery {
    margin-bottom: 0px;
}

.container-fluid.social-newsroom-container .video {
    margin-bottom:1.5em;
}
.container-fluid.social-newsroom-container .video-container {
    margin-top:0.5em !important;
}

.container-fluid.social-newsroom-container img[src*="header"] {
	border-bottom:1px solid #ebebeb;
}

.container-fluid.social-newsroom-container #accordionfacebook .card-body,
.container-fluid.social-newsroom-container #accordioninstagram.card-body {
	padding-top:0em;
}



/*
==========================================================
======== TEAM FILTERUNG ==================================
==========================================================
*/

/* Listenansicht Filterung */
.tt_address_list .vcard {
    margin-bottom:30px;
}

.tt_address_list .btn {
    width:100%;
}

.xfilter.btn-default.active {
    background-color:#ffffff;
    color:rgba(124,161,48,1);
}

.tt_address_list .adressText {
    background-color: rgba(142, 184, 58, 0.85);
    color: #ffffff;
    height: 100%;
    margin: 0;
    opacity: 0;
    padding: 20px;
    position: absolute;
    text-align: center;
    top: 0;
    width: calc(100% - 30px);
    z-index: 5;
    display: flex; 
    flex-direction: column; 
    justify-content:center;
}

.tt_address_list .vcard:hover .adressText {
    opacity:1;
}
/* Item */
.adressText p.name {
    margin-bottom:0em !important;
}


/*
==========================================================
======== TERMIN BUCHEN SEITE =============================
==========================================================
*/

.terminbuchen .button.back {
    display:none;
}
.terminbuchen .button.home {
    margin-right:0em !important;
}
.terminbuchen .button.logo {
    padding-left:0em !important;
}


/*
==========================================================
======== WEISSE LIGHTBOX =================================
==========================================================
*/

.weiss .lightbox-container {
    margin-top: 0px;
}

.weiss .lightbox-content {
    background-color: #ffffff;
    margin-top:0em;
}


/* DEFAULT CSS TYPO3 */
  .ce-align-left { text-align: left; }
    .ce-align-center { text-align: center; }
    .ce-align-right { text-align: right; }

    .ce-table td, .ce-table th { vertical-align: top; }

    .ce-textpic, .ce-image, .ce-nowrap .ce-bodytext, .ce-gallery, .ce-row, .ce-uploads li, .ce-uploads div { overflow: hidden; }

    .ce-left .ce-gallery, .ce-column { float: left; }
    .ce-center .ce-outer { position: relative; float: right; right: 50%; }
    .ce-center .ce-inner { position: relative; float: right; right: -50%; }
    .ce-right .ce-gallery { float: right; }

    .ce-gallery figure { display: table; margin: 0; }
    .ce-gallery figcaption { display: table-caption; caption-side: bottom; }
    .ce-gallery img { display: block; }
    .ce-gallery iframe { border-width: 0; }
    .ce-border img,
    .ce-border iframe {
        border: 2px solid #000000;
        padding: 0px;
    }

    .ce-intext.ce-right .ce-gallery, .ce-intext.ce-left .ce-gallery, .ce-above .ce-gallery {
        margin-bottom: 10px;
    }
    .ce-intext.ce-right .ce-gallery { margin-left: 10px; }
    .ce-intext.ce-left .ce-gallery { margin-right: 10px; }
    .ce-below .ce-gallery { margin-top: 10px; }

    .ce-column { margin-right: 10px; }
    .ce-column:last-child { margin-right: 0; }

    .ce-row { margin-bottom: 10px; }
    .ce-row:last-child { margin-bottom: 0; }

    .ce-above .ce-bodytext { clear: both; }

    .ce-intext.ce-left ol, .ce-intext.ce-left ul { padding-left: 40px; overflow: auto; }

    /* Headline */
    .ce-headline-left { text-align: left; }
    .ce-headline-center { text-align: center; }
    .ce-headline-right { text-align: right; }

    /* Uploads */
    .ce-uploads { margin: 0; padding: 0; }
    .ce-uploads li { list-style: none outside none; margin: 1em 0; }
    .ce-uploads img { float: left; padding-right: 1em; vertical-align: top; }
    .ce-uploads span { display: block; }

    /* Table */
    .ce-table { width: 100%; max-width: 100%; }
    .ce-table th, .ce-table td { padding: 0.5em 0.75em; vertical-align: top; }
    .ce-table thead th { border-bottom: 2px solid #dadada; }
    .ce-table th, .ce-table td { border-top: 1px solid #dadada; }
    .ce-table tr:last-child td {border-bottom: 1px solid #dadada;}
    .ce-table-striped tbody tr:nth-of-type(odd) { background-color: rgba(0,0,0,.05); }
    .ce-table-bordered th, .ce-table-bordered td { border: 1px solid #dadada; }
    .td-align-center .ce-table td {text-align: center;}
    .td-align-center.td-first.align-left tr td:first-child {text-align:left;}

    /* Space */
    .frame-space-before-extra-small { margin-top: 1em; }
    .frame-space-before-small { margin-top: 2em; }
    .frame-space-before-medium { margin-top: 3em; }
    .frame-space-before-large { margin-top: 4em; }
    .frame-space-before-extra-large { margin-top: 5em; }
    .frame-space-after-extra-small { margin-bottom: 1em; }
    .frame-space-after-small { margin-bottom: 2em; }
    .frame-space-after-medium { margin-bottom: 3em; }
    .frame-space-after-large { margin-bottom: 4em; }
    .frame-space-after-extra-large { margin-bottom: 5em; }

    /* Frame */
    .frame-ruler-before:before { content: ''; display: block; border-top: 1px solid rgba(0,0,0,0.25); margin-bottom: 2em; }
    .frame-ruler-after:after { content: ''; display: block; border-bottom: 1px solid rgba(0,0,0,0.25); margin-top: 2em; }
    .frame-indent { margin-left: 15%; margin-right: 15%; }
    .frame-indent-left { margin-left: 33%; }
    .frame-indent-right { margin-right: 33%; }
    
    
    /* TABS */
    .tab-content {margin-top:1em;}





/*
==========================================================
======== PRAXISWEGWEISER ==================================
==========================================================
*/

.pp-tab-pane > .grid-container > header {
	display:none;
}


.praxiswegweiser .vertikal-zentriert.card .ce-textpic.ce-left,
.praxiswegweiser .vertikal-zentriert.card .ce-textpic.ce-right {
	flex-wrap: wrap;
	flex-direction: row;
	display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}


.ce-bodytext > h1:last-child,
.ce-bodytext > h2:last-child,
.ce-bodytext > h3:last-child,
.ce-bodytext > h4:last-child,
.ce-bodytext > h5:last-child {
	margin-bottom:0em;
}

.praxiswegweiser h3 {
	font-size:1em;
	letter-spacing:0px;
}
.praxiswegweiser h2,
.praxiswegweiser h3 {
	margin-bottom:0em;
}
.praxiswegweiser h2 {
	background-color: #8eb83a;
	color: #ffffff;
	padding:7px 7px 3px 7px;
}


.praxiswegweiser .card .card:not(.mitschatten) > header {
	padding-left:10px;
	padding-right:10px;
}

.praxiswegweiser .card .card:not(.mitschatten) > .ce-bodytext,
.praxiswegweiser .card .card:not(.mitschatten) > header + .ce-body{
	padding: 0px 10px 10px 10px;
}
.praxiswegweiser .card .card:not(.mitschatten) > .ce-bodytext:empty, 
.praxiswegweiser .card .card:not(.mitschatten) > header + .ce-body:empty {
	padding:0em;
}

.praxiswegweiser .card .card:not(.mitschatten) > .ce-body:first-child{
	padding: 10px 10px 10px 10px;	
}

.praxiswegweiser .card .card:not(.mitschatten) .ce-gallery {
    margin-bottom: 10px;
}

.praxiswegweiser .card .card:not(.mitschatten) header:first-child,
.praxiswegweiser .card .card:not(.mitschatten) .ce-gallery + header {
	margin-top:10px;
}

.praxiswegweiser .plus:after,
.praxiswegweiser .istgleich:after {
	display: inline;
	width: 35px;
	position: absolute;
	right: -25px;
	top: 10px;
	font-size: 5em;
}
.praxiswegweiser .plus:after {
	content: url(../../redaktion/icons/icons-lines-praxisleitfaden/icon_plus.svg);
	
}
.praxiswegweiser .istgleich:after {
	content: url(../../redaktion/icons/icons-lines-praxisleitfaden/icon_istgleich.svg);
}


/* Patches für Devices */

@media (min-width: 0px) and (max-width: 767px) {
.praxiswegweiser div[class*="col-md-4"] + div[class*="col-md-4"] {
	margin-top:7px !important;
}
.praxiswegweiser .ce-textpic.ce-left .ce-gallery{
	width:18% !important;
	float:left;
}
.praxiswegweiser .ce-intext.ce-left .ce-gallery {
	margin-right:2% !important;
	}
.praxiswegweiser .ce-intext.ce-left .ce-gallery img[src*=".svg"] {
	width:100%;
}
.praxiswegweiser .ce-textpic.ce-left .ce-bodytext{
	width:80% !important;
	float:left;
	hyphens: auto;
	}
.praxiswegweiser .container-fluid .container div[class*="grid-"] .content-item .row div + div {
  margin-top: 0px;
}
.praxiswegweiser .plus:after,
.praxiswegweiser .istgleich:after {
	position: relative;
	display: inline-block;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 10px;
	right: auto;
	left: auto;
	top: auto;
}
.plus,
.istgleich {
	text-align:center;
}
}



/* Tab Funktion */
.tabpanel.container {
	width:100%;
	max-width:100%;
	padding:0em;
}

/* Tabs Aussehen */
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active, .nav-tabs .nav-link:hover {
  border-radius:0px;
}
.nav-tabs .nav-link {
	text-transform:uppercase;
	letter-spacing: 0px;
}


/*
==========================================================
======== BEWERTUNGEN =====================================
==========================================================
*/

/* Jameda */

.container-fluid.jameda,
.container-fluid.jameda .container{
	padding-left:0em;
	padding-right:0em;
	padding-top:0em;
	padding-bottom:0em;
}
.container-fluid.jameda .container {
	position:relative;
	height:140px;
}
.container-fluid.jameda iframe {
	width: auto !important;
	height: 765px;
	transform: scale(0.52);	
	transform-origin: top left;
	position:absolute;
}

@media (min-width: 0px) and (max-width: 575px) {
.container-fluid.jameda .container {
	height:70px;
}
.container-fluid.jameda iframe {
	transform: scale(0.25);	
}
}




/*
==========================================================
======== Aaron =====================================
==========================================================
*/


#aswa-launcher:before {
	content:url("/fileadmin/gomolka/redaktion/icons/Tom-Mini-Icon.jpg");
	width:74px;
	height:74px;
	border-radius:74px;
	overflow:hidden;
	position:absolute;
}
#aswa-launcher #aswa-launcher-icon {
	display:none;
}





/* Wenn nur Headline und letztes Objekt in Col dann kein Abstand */
div[class*="col-"] .frame-type-header:last-child header > * {
	margin-bottom:0em;
}