/*
Theme Name: Avada Child
Description: Child theme for Avada theme
Author: ThemeFusion
Author URI: https://theme-fusion.com
Template: Avada
Version: 1.0.0
Text Domain:  Avada
*/

#cookie-bar { position: fixed; bottom: 0; left: 0; width: 100%; z-index: 520; color: #FFF; background-color: rgba(51, 51, 51, 0.9); display: none; padding: 20px 0; box-shadow: 0 0 30px rgba(0, 0, 0, 0.7); }
#cookie-bar .inner { max-width: 1370px; margin: 0 auto; display: flex; }
#cookie-bar .inner:after { content: ''; display: block; clear: both; }
#cookie-bar .cookie-text { flex-basis: 80%; font-size: 1rem; }
#cookie-bar .cookie-text a { text-decoration: underline; }
#cookie-bar .cookie-ok { align-self: flex-end; flex-basis: 20%; text-align: right; }
#cookie-bar .cb-enable { display: inline-block; background: transparent; border: solid 1px #FFF; color: #FFF; padding: 5px 10px; border-radius: 10px; text-decoration: none; box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); }
#cookie-bar .cb-enable:hover { background: #FFF; color: #000000; box-shadow: rgba(0, 0, 0, 0.419608) 0px 8px 16px -12px, rgba(0, 0, 0, 0.117647) 0px 4px 35px 0px, rgba(0, 0, 0, 0.2) 0px 6px 14px -4px; }
#cookie-bar .cb-enable, #cookie-bar .cookie-text a { transition: all 0.4s ease-out; -webkit-transition: all 0.4s ease-out; }

@media (max-width: 1410px) {
	#cookie-bar .inner { margin: 0 20px; }
}

@media (max-width: 600px) {
	#cookie-bar .inner { flex-wrap: wrap; }
	#cookie-bar .cookie-text { flex-basis: 100%; margin-bottom: 20px; }
	#cookie-bar .cookie-ok { flex-basis: 100%; }
}


/* Donutgrafik NEU   */
.process_container { display: flex;}
.process_wrapper, .process_text_wrapper { position: relative; }

.process_wrapper { flex: 1 0 60%; height: 0px; padding-bottom: 60%; position: relative; }
.process_text_wrapper { flex: 1 0 40%; -ms-flex-negative: 1; }

.process_text_wrapper { box-sizing: border-box; padding-left: 30px; padding-top: 200px; }
#process { position: absolute; top: 0; left: 0; z-index: 1; }
svg#process g.shadow { pointer-events: none; transition: 50ms ease-in-out; opacity: 0; }
svg#process #quarter_circle_5_copy,
svg#process #circle_2_copy { pointer-events: none; display: none; }

svg#process[data-shadow="1"] #wrapper_1 g.shadow,
svg#process[data-shadow="2"] #wrapper_2 g.shadow,
svg#process[data-shadow="3"] #wrapper_3 g.shadow,
svg#process[data-shadow="4"] #wrapper_4 g.shadow,
svg#process[data-shadow="5"] #wrapper_5 g.shadow,
svg#process #wrapper_1.active g.shadow,
svg#process #wrapper_2.active g.shadow,
svg#process #wrapper_3.active g.shadow,
svg#process #wrapper_4.active g.shadow,
svg#process #wrapper_5.active g.shadow { opacity: 1; }

svg#process[data-shadow="2"] #quarter_circle_5 { display: none; }
svg#process[data-shadow="2"] #quarter_circle_5_copy { display: inline;  }

svg#process[data-shadow="5"] #circle_2 { display: none; }
svg#process[data-shadow="5"] #circle_2_copy { display: inline;  }

.process_text_wrapper ._t { font-family: "Source Sans Pro", sans-serif; font-weight: 300; font-size: 1rem; }
.process_text_wrapper ._t > p:first-of-type  { color: #004b70; position: relative; font-weight: 400; font-size: 1.2rem; padding-left: 55px;padding-top:5px;margin-bottom:10px; }
.process_text_wrapper ._t > p span.subline  { color: #004b70; position: relative; font-weight: 300; font-size: 1rem;line-height:1.8rem;}
.process_text_wrapper ._t > p > span.zahl {
	display: inline-flex; background: #fff;
	width: 30px; height: 60px; justify-content:inherit;
	align-items: center;
	margin-right: 10px;
	color: #004b70; font-size: 3.6rem;
	font-weight:700;
	position: absolute; top: 0; left: 0;
}
g[data-name] { cursor: pointer; -webkit-tap-highlight-color: transparent; }


/* Donutgrafik */
.donut_container { display: flex; }
.donut_wrapper, .donut_text_wrapper { position: relative; /*float: left;*/ }
.donut_wrapper { flex: 1 0 40%; height: 0px; padding-bottom: 40%; position: relative; }
.donut_text_wrapper { flex: 1 0 60%; -ms-flex-negative: 1; }
/*.donut_wrapper { width: 40%; }*/
.donut_text_wrapper { /*width: 60%;*/ box-sizing: border-box; padding-left: 60px; padding-top: 100px; }
#donut { position: absolute; top: 0; left: 0; z-index: 1; }
#donut g._hover path.highlight, ._t { transition: all 200ms linear; }
#donut g._hover.active path.highlight { fill: #fcb352; }

._t { font-family: "Source Sans Pro", sans-serif; font-weight: 300; font-size: 1.1rem; }
._t > p:first-of-type  { position: relative; font-weight: 400; font-size: 1.6rem; padding-left: 40px; }
._t > p > span.number { display: inline-flex; background: #fcb352; width: 30px; height: 30px; justify-content: center; align-items: center; border-radius: 100%; margin-right: 10px; color: #fff; font-size: 1.2rem; position: absolute; top: 0; left: 0; }
g[data-name] { cursor: pointer; -webkit-tap-highlight-color: transparent; }


/* Bausteingrafik */
.bausteine-outer-wrapper { display: flex; align-items: center; margin: 100px auto; max-width: 1140px; width: 100%; }

.bausteine-outer-wrapper .bausteine-inner-wrapper { flex: 1 0 66.7%; max-width: 768px; width: 100%; position: relative; left: 50%; transform: translateX(-50%); }
.bausteine-container { width: 100%; height: 0; overflow: hidden; padding-bottom: 100%; position: relative; left: 25%; transform: translateX(-50%); }
.bausteine-container .building-block { cursor: pointer; width: 18.75%; position: absolute; }

/* Grafik 01 */
.bausteine-container .building-block.row-4 { top: 56.5%; left: 1.3%; z-index: 4; }
.bausteine-container .building-block.row-4 + .row-4 { left: 19.4%; z-index: 3; }
.bausteine-container .building-block.row-4 + .row-4 + .row-4 { left: 38%; z-index: 2; }
.bausteine-container .building-block.row-4 + .row-4 + .row-4 + .row-4 { left: 56.3%; z-index: 1; }
.bausteine-container .building-block.row-3 { top: 38.8%; left: 10.6%; z-index: 7; }
.bausteine-container .building-block.row-3 + .row-3 { left: 28.8%; z-index: 6; }
.bausteine-container .building-block.row-3 + .row-3 + .row-3 { left: 46.9%; z-index: 5; }
.bausteine-container .building-block.row-2 { top: 21.2%; left: 20.3%; z-index: 9; }
.bausteine-container .building-block.row-2 + .row-2 { left: 38.5%; z-index: 8; }
.bausteine-container .building-block.row-1 { top: 3.5%; left: 29.9%; z-index: 10; }

.bausteine-container .shadow { z-index: 0; position: absolute; top: 73%; left: 0; width: 100%; }
.bausteine-container .info-layer { border-radius: 3px; display: none; pointer-events: none; width: 17.1875%; padding-bottom: 17.1875%; position: absolute; top: 0; left: 0; background-color: rgba(20, 115, 161, .9); z-index: 20; }
.bausteine-container .info-layer .info-text { color: #fff; padding: 10px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; }

.bausteine-outer-wrapper .bausteine-inner-wrapper {
  flex: 1 0 66.7%;
  max-width: 768px;
  width: 100%;
  position: relative;
  left: 50%;
  transform: translateX(-50%);}
.bausteine-outer-wrapper {display: flex; align-items: center; margin: 100px auto; margin-top: 100px;max-width: 1140px;width: 100%;}

.bausteine-outer-wrapper .bausteintext-container { flex: 1 0 33.3%; margin-left: -60px; margin-right: 60px; }
.bausteine-outer-wrapper .bausteintext-container .bstext { display: none; }

.bausteintext-container h3, .bausteine-container .info-layer .info-text { font-family: 'Kefa', sans-serif; }
.bausteintext-container h3 { color: #1473a1 !important; font-size: 1.667rem; margin-bottom: 30px; font-weight: 300; line-height: 2rem; }
.bausteintext-container p { font-family: 'Source Sans Pro', sans-serif; }


/* Grafik 02 2024 */
.bausteine-ambulant-outer-wrapper  { display: flex; /*align-items: center;*/ margin: 40px auto 100px auto; max-width: 1140px; width: 100%; }
.bausteine-ambulant-outer-wrapper .bausteine-ambulant-inner-wrapper { flex: 1 0 66.7%; max-width: 768px; width: 100%; position: relative; left: 25%; transform: translateX(-50%); }

.bausteine-ambulant-container { width: 100%; height: 0; overflow: hidden; padding-bottom: 100%; position: relative; left: 50%; transform: translateX(-50%); }
.bausteine-ambulant-container .building-block { cursor: pointer; width: 18.75%; position: absolute; }


.bausteine-ambulant-container .building-block.row-1 { top: 3.5%; left: 20.9%; z-index: 10; }
.bausteine-ambulant-container .building-block.row-1 + .row-1 { left: 39.65%; z-index: 9; }

.bausteine-ambulant-container .building-block.row-2 { top: 21.2%; left: 10.3%; z-index: 8; }
.bausteine-ambulant-container .building-block.row-2 + .row-2 { left: 28.5%; z-index: 7; }
.bausteine-ambulant-container .building-block.row-2 + .row-2 + .row-2 { left: 46.9%; z-index: 6; }

.bausteine-ambulant-container .building-block.row-3 { top: 38.8%; left: 20.9%; z-index: 5; }
.bausteine-ambulant-container .building-block.row-3 + .row-3 { left: 39.65%; z-index: 4; }



.bausteine-ambulant-container .shadow { z-index: 0; position: absolute; top: 56%; left: 0; width: 100%; }
.bausteine-ambulant-container .info-layer { border-radius: 3px; display: none; pointer-events: none; width: 17.1875%; padding-bottom: 17.1875%; position: absolute; top: 0; left: 0; background-color: rgba(20, 115, 161, .9); z-index: 20; }

.bausteine-ambulant-container .info-layer .info-text { color: #fff; padding: 10px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; }
.bausteine-ambulant-outer-wrapper .bausteintext-ambulant-container { flex: 1 0 33.3%; margin-left: -120px; margin-right: 60px;padding-top:80px; }
.bausteine-ambulant-outer-wrapper .bausteintext-ambulant-container .bstext { display: none; }

.bausteintext-ambulant-container h3, .bausteine-ambulant-container .info-layer .info-text { font-family: 'Kefa', sans-serif; }
.bausteintext-ambulant-container h3 { color: #1473a1 !important; font-size: 1.667rem; margin-bottom: 20px; font-weight: 300; line-height: 2rem; }
.bausteintext-ambulant-container p { font-family: 'Source Sans Pro', sans-serif; }



@media ( max-width : 768px ) {

    /* Bausteingrafik */
    .bausteine-ambulant-outer-wrapper { flex-wrap: wrap; }
    .bausteine-ambulant-outer-wrapper .bausteine-ambulant-inner-wrapper { flex-basis: 100%; left: 50%;}
    .bausteine-ambulant-outer-wrapper .bausteintext-ambulant-container { margin-left: 0; margin-right: 0; padding-top:0; }


    
    .bausteine-outer-wrapper { flex-wrap: wrap; }
    .bausteine-outer-wrapper .bausteine-inner-wrapper { flex-basis: 100%; }
    .bausteine-outer-wrapper .bausteintext-container { margin-left: 0; margin-right: 0;}    
    .bausteine-container { left: 50%; }
    

	/* Donutgrafik */
	.donut_container { display: block; }
	.donut_wrapper, .donut_text_wrapper { flex-basis: 100%; }
	.donut_wrapper { padding-bottom: 100%; }
	.donut_text_wrapper { padding-top: 40px; padding-left: 20px; padding-right: 20px; }
	._t { transform: none; left: auto; }

	/* Donutgrafik NEU */
	.process_container { display: block; }
	.process_wrapper, .process_text_wrapper { flex-basis: 100%; }
	.process_wrapper { padding-bottom: 100%; }
	.process_text_wrapper { padding-top: 40px; padding-left: 20px; padding-right: 20px; }
	._t { transform: none; left: auto; }
	
}