/*  Theme Name:   Bricks Child Theme  Theme URI:    https://bricksbuilder.io/  Description:  Use this child theme to extend Bricks.  Author:       Bricks  Author URI:   https://bricksbuilder.io/  Template:     bricks  Version:      1.1  Text Domain:  bricks */  body{   overflow-x:hidden; }  /*SCROLLBAR*/ body::-webkit-scrollbar {   width: 5px; } body::-webkit-scrollbar-track {   background: var(--bricks-color-zzcblb);   border-left: 0; } body::-webkit-scrollbar-thumb {   background-color: var(--bricks-color-jvpcsc);   border-radius: 5px; } /*TERM BUTTONS*/ body.term-1064 a.term-1064, body.term-1039 a.term-1039, body.term-746 a.term-746, body.term-436 a.term-436, body.term-790 a.term-790, body.term-313 a.term-313, body.term-549 a.term-549, body.term-326 a.term-326, body.term-757 a.term-757, body.term-372 a.term-372, body.term-951 a.term-951, body.term-417 a.term-417, body.term-390 a.term-390, body.term-540 a.term-540, body.term-1065 a.term-1065, body.term-826 a.term-826, body.term-730 a.term-730, body.term-533 a.term-533, body.term-621 a.term-621, body.term-1047 a.term-1047 {     background-color: var(--bricks-color-vzcmtr); }  /*WP NATIV AUDIO PLAYER*/  body .mejs-container,  body .mejs-container .mejs-controls,  body .mejs-embed, .mejs-embed  {     background: var(--bricks-color-vzcmtr); 	border-radius: 1rem; 	width: 100%!important; }    /*FDS AUDIOPLAYER*/  .fds-audio-player, .fds-not-allowed-audio-player {   display: flex;   flex-direction: column;   align-items: center;   width: 100%; } .fds-audio-player, .fds-not-allowed-audio-player{   margin-bottom: -3px; }   .fds-audio-player .controls-container button{   cursor: pointer;   background: transparent;   border:none; } .controls-container{   display:flex;   flex-direction: column;   width: 100%;   align-items: center;   justify-content: space-between; } .controls-container > div{   display:flex;   width: 100%;   flex-direction: row;   align-items: center;   justify-content: space-between; } @media screen and (min-width:478px){   .controls-container{       flex-direction: row;  }   .controls-container > div{       width: auto;  } }   .play > i, .pause > i, .restart > i, .mute > i{ 	 color: var(--bricks-color-zzcblb); 	 cursor: pointer; 	 text-align: center; 	 z-index:1; 	text-shadow: none; 	transition: all .5s; }  .play:hover > i, .play:focus > i, .pause:hover > i, .pause:focus > i, .restart:hover > i, .restart:focus > i, .mute:hover > i .mute:focus > i{ 	 text-shadow: 0 0 15px  var(--bricks-color-jvpcsc); }  .play > i, .pause > i{     font-size: 7rem;   	width: 60px;     height: 60px;     line-height: 60px;   	margin-right: 5px; }  .pause > i {     font-size: 3.5rem;     border: 5px solid;     background: transparent;     border-radius: 60px;     line-height: 50px; }  .restart > i{ 	margin-left: 5px;   	margin-right: 2rem; }  .restart > i, .mute > i, .unmute > i{ 	font-size:3rem; } .unmute > i{ 	color: var(--bricks-color-mezfzf); }  .speed-container {   margin-left: -10px;   background: var(--bricks-color-zzcblb);   padding: 0px 8px 3px 12px;   z-index: 0;   border-radius: 3px;   line-height: 1em; } .time-remaining {   display:flex;   margin: 0 0 1px 16px;   pointer-events: none; } .speed-container > svg {   fill: #fff; } .speed-option {   display: none; } .speed-option.current-speed {   display: inline-block; } .volume {   width: 100%; } .volume-container {   display: flex;   align-items: center;   width: 100%; }  /* Range zurücksetzen */ input[type=range].range {   -webkit-appearance: none;   -moz-appearance: none;   appearance: none;   width: 100%;   height: 16px;   outline: none;   padding: 0;   margin-bottom: 2px;   border-radius: 50px;   z-index: 1; } /* Range Thumb Styling */ .range::-webkit-slider-thumb {   -webkit-appearance: none;   appearance: none;   background: var(--bricks-color-zzcblb);   width: 16px;   height: 16px;   border:none;   border-radius: 50%;   cursor: pointer;   position: relative;   z-index: 2; } .range::-moz-range-thumb {   width: 16px;   height: 16px;   background: var(--bricks-color-zzcblb);   border:none;   border-radius: 50%;   cursor: pointer;   position: relative;   z-index: 2; }  .progress-container {   width: 100%;   cursor: pointer;   overflow:hidden;   height:0;   transition: all .25s;   opacity: 0;   margin: 0; } .playing .progress-container {   width: 100%;   cursor: pointer;   overflow:hidden;   height:inherit;   height: 16px;   opacity: 1;   margin: 2px 0 15px 0;   border-radius: 50px; } .progress-bar {   height: 100%;   transition: width .1s ease;   border-bottom-right-radius: 50px;   border-top-right-radius: 50px; } .playing-notes {   position:absolute;   right: 1rem;   top: -40px;   z-index: 0;   width: 60px;   height: 60px;   background:url("//freudesprueng.ch/wp-content/uploads/playing-notes.svg") no-repeat;   opacity:0;   transition: all .25s;   pointer-events: none; } .playing .playing-notes{   opacity:1; } .playing .playing-notes.shadow{   opacity:0.5;   filter:blur(4px);   right:0;   top: -50px; }  .progress-container{   background: #fff; } .progress-bar{   background: var(--bricks-color-jvpcsc); } .range {   background: rgb(255,255,255);   background: linear-gradient(94deg, rgba(255,255,255,0.1) 0%, rgba(255,255,255,1) 100%); } .speed-option.current-speed.active{   color:#fff; }  .fds-not-allowed-audio-player i, .fds-not-allowed-audio-player button, .fds-not-allowed-audio-player input{   cursor: not-allowed; }  /*FLIPBOOK ARROWS*/ .df-ui-nav.df-ui-next .df-ui-btn:before, .df-ui-nav.df-ui-prev .df-ui-btn:before{ 	color:var(--bricks-color-mezfzf); 	opacity: 1; 	filter: none; }  .df-ui-nav.df-ui-prev .df-ui-btn:before{ 	margin-left: -11px; }  .df-ui-nav.df-ui-next .df-ui-btn:before{ 	margin-right: -14px; }  .df-container>.df-ui-next.ti-angle-right:before, .df-container>.df-ui-prev.ti-angle-left:before{ 	font-weight:bold; 	font-size: 3rem; }   /*SVG ANIMATION*/  #frdspr-logo-cm2_to {  animation: frdspr-logo-cm2_to__to 3000ms linear 1 normal forwards } @keyframes frdspr-logo-cm2_to__to {   0% {      transform: translate(1206.321167px,219.968889px)  }   56.666667% {      transform: translate(1206.321167px,219.968889px);      animation-timing-function: cubic-bezier(0.42,0,0.58,1)  }   66.666667% {      transform: translate(1206.321167px,110.20782px)  }   100% {      transform: translate(1206.321167px,110.20782px)  } } #frdspr-logo-cm2 {  animation: frdspr-logo-cm2_c_o 3000ms linear 1 normal forwards } @keyframes frdspr-logo-cm2_c_o {   0% {      opacity: 0  }   56.666667% {      opacity: 0;      animation-timing-function: cubic-bezier(0.42,0,0.58,1)  }   66.666667% {      opacity: 1  }   100% {      opacity: 1  } } #frdspr-logo-cm6_to {  animation: frdspr-logo-cm6_to__to 3000ms linear 1 normal forwards } @keyframes frdspr-logo-cm6_to__to {   0% {      transform: translate(798.459996px,231.164986px);      animation-timing-function: cubic-bezier(0.42,0,0.58,1)  }   16.666667% {      transform: translate(967.089996px,231.164986px)  }   100% {      transform: translate(967.089996px,231.164986px)  } } #frdspr-logo-cm6 {  animation: frdspr-logo-cm6_c_o 3000ms linear 1 normal forwards } @keyframes frdspr-logo-cm6_c_o {   0% {      opacity: 0;      animation-timing-function: cubic-bezier(0.42,0,0.58,1)  }   16.666667% {      opacity: 1  }   100% {      opacity: 1  } } #frdspr-logo-cm7_to {  animation: frdspr-logo-cm7_to__to 3000ms linear 1 normal forwards } @keyframes frdspr-logo-cm7_to__to {   0% {      transform: translate(619.656499px,232.685013px)  }   3.333333% {      transform: translate(619.656499px,232.685013px);      animation-timing-function: cubic-bezier(0.42,0,0.58,1)  }   20% {      transform: translate(788.286499px,232.685013px)  }   100% {      transform: translate(788.286499px,232.685013px)  } } #frdspr-logo-cm7 {  animation: frdspr-logo-cm7_c_o 3000ms linear 1 normal forwards } @keyframes frdspr-logo-cm7_c_o {   0% {      opacity: 0  }   3.333333% {      opacity: 0;      animation-timing-function: cubic-bezier(0.42,0,0.58,1)  }   20% {      opacity: 1  }   100% {      opacity: 1  } } #frdspr-logo-cm8_to {  animation: frdspr-logo-cm8_to__to 3000ms linear 1 normal forwards } @keyframes frdspr-logo-cm8_to__to {   0% {      transform: translate(424.380681px,234.114967px)  }   6.666667% {      transform: translate(424.380681px,234.114967px);      animation-timing-function: cubic-bezier(0.42,0,0.58,1)  }   23.333333% {      transform: translate(593.010681px,234.114967px)  }   100% {      transform: translate(593.010681px,234.114967px)  } } #frdspr-logo-cm8 {  animation: frdspr-logo-cm8_c_o 3000ms linear 1 normal forwards } @keyframes frdspr-logo-cm8_c_o {   0% {      opacity: 0  }   6.666667% {      opacity: 0;      animation-timing-function: cubic-bezier(0.42,0,0.58,1)  }   23.333333% {      opacity: 1  }   100% {      opacity: 1  } } #frdspr-logo-cm9_to {  animation: frdspr-logo-cm9_to__to 3000ms linear 1 normal forwards } @keyframes frdspr-logo-cm9_to__to {   0% {      transform: translate(248.254995px,231.164986px)  }   10% {      transform: translate(248.254995px,231.164986px);      animation-timing-function: cubic-bezier(0.42,0,0.58,1)  }   26.666667% {      transform: translate(416.884995px,231.164986px)  }   100% {      transform: translate(416.884995px,231.164986px)  } } #frdspr-logo-cm9 {  animation: frdspr-logo-cm9_c_o 3000ms linear 1 normal forwards } @keyframes frdspr-logo-cm9_c_o {   0% {      opacity: 0  }   10% {      opacity: 0;      animation-timing-function: cubic-bezier(0.42,0,0.58,1)  }   26.666667% {      opacity: 1  }   100% {      opacity: 1  } } #frdspr-logo-cm10_to {  animation: frdspr-logo-cm10_to__to 3000ms linear 1 normal forwards } @keyframes frdspr-logo-cm10_to__to {   0% {      transform: translate(74.884313px,234.045006px)  }   13.333333% {      transform: translate(74.884313px,234.045006px);      animation-timing-function: cubic-bezier(0.42,0,0.58,1)  }   30% {      transform: translate(243.514313px,234.045006px)  }   100% {      transform: translate(243.514313px,234.045006px)  } } #frdspr-logo-cm10 {  animation: frdspr-logo-cm10_c_o 3000ms linear 1 normal forwards } @keyframes frdspr-logo-cm10_c_o {   0% {      opacity: 0  }   13.333333% {      opacity: 0;      animation-timing-function: cubic-bezier(0.42,0,0.58,1)  }   30% {      opacity: 1  }   100% {      opacity: 1  } } #frdspr-logo-cm11_to {  animation: frdspr-logo-cm11_to__to 3000ms linear 1 normal forwards } @keyframes frdspr-logo-cm11_to__to {   0% {      transform: translate(-88.69772px,232.360008px)  }   16.666667% {      transform: translate(-88.69772px,232.360008px);      animation-timing-function: cubic-bezier(0.42,0,0.58,1)  }   33.333333% {      transform: translate(79.93228px,232.360008px)  }   100% {      transform: translate(79.93228px,232.360008px)  } } #frdspr-logo-cm11 {  animation: frdspr-logo-cm11_c_o 3000ms linear 1 normal forwards } @keyframes frdspr-logo-cm11_c_o {   0% {      opacity: 0  }   16.666667% {      opacity: 0;      animation-timing-function: cubic-bezier(0.42,0,0.58,1)  }   33.333333% {      opacity: 1  }   100% {      opacity: 1  } } #frdspr-logo-cm13_to {  animation: frdspr-logo-cm13_to__to 3000ms linear 1 normal forwards } @keyframes frdspr-logo-cm13_to__to {   0% {      transform: translate(1086.160522px,640.829528px)  }   30% {      transform: translate(1086.160522px,640.829528px);      animation-timing-function: cubic-bezier(0.68,-0.55,0.5,2)  }   46.666667% {      transform: translate(1086.160522px,464.279648px)  }   100% {      transform: translate(1086.160522px,464.279648px)  } } #frdspr-logo-cm13 {  animation: frdspr-logo-cm13_c_o 3000ms linear 1 normal forwards } @keyframes frdspr-logo-cm13_c_o {   0% {      opacity: 0  }   30% {      opacity: 0  }   46.666667% {      opacity: 1  }   100% {      opacity: 1  } } #frdspr-logo-cm14_to {  animation: frdspr-logo-cm14_to__to 3000ms linear 1 normal forwards } @keyframes frdspr-logo-cm14_to__to {   0% {      transform: translate(959.385285px,589.524365px)  }   33.333333% {      transform: translate(959.385285px,589.524365px);      animation-timing-function: cubic-bezier(0.68,-0.55,0.5,2)  }   50% {      transform: translate(959.385284px,434.573669px)  }   100% {      transform: translate(959.385284px,434.573669px)  } } #frdspr-logo-cm14 {  animation: frdspr-logo-cm14_c_o 3000ms linear 1 normal forwards } @keyframes frdspr-logo-cm14_c_o {   0% {      opacity: 0  }   33.333333% {      opacity: 0  }   50% {      opacity: 1  }   100% {      opacity: 1  } } #frdspr-logo-cm15_to {  animation: frdspr-logo-cm15_to__to 3000ms linear 1 normal forwards } @keyframes frdspr-logo-cm15_to__to {   0% {      transform: translate(855.527487px,33.465458px)  }   36.666667% {      transform: translate(855.527487px,33.465458px);      animation-timing-function: cubic-bezier(0.68,-0.55,0.5,2)  }   53.333333% {      transform: translate(855.473511px,322.093704px)  }   100% {      transform: translate(855.473511px,322.093704px)  } } #frdspr-logo-cm15 {  animation: frdspr-logo-cm15_c_o 3000ms linear 1 normal forwards } @keyframes frdspr-logo-cm15_c_o {   0% {      opacity: 0  }   36.666667% {      opacity: 0  }   53.333333% {      opacity: 1  }   100% {      opacity: 1  } } #frdspr-logo-cm16_to {  animation: frdspr-logo-cm16_to__to 3000ms linear 1 normal forwards } @keyframes frdspr-logo-cm16_to__to {   0% {      transform: translate(808.144929px,33.964689px)  }   40% {      transform: translate(808.144929px,33.964689px);      animation-timing-function: cubic-bezier(0.68,-0.55,0.5,2)  }   56.666667% {      transform: translate(810.173127px,332.858109px)  }   100% {      transform: translate(810.173127px,332.858109px)  } } #frdspr-logo-cm16 {  animation: frdspr-logo-cm16_c_o 3000ms linear 1 normal forwards } @keyframes frdspr-logo-cm16_c_o {   0% {      opacity: 0  }   40% {      opacity: 0  }   56.666667% {      opacity: 1  }   100% {      opacity: 1  } } #frdspr-logo-cm19_to {  animation: frdspr-logo-cm19_to__to 3000ms linear 1 normal forwards } @keyframes frdspr-logo-cm19_to__to {   0% {      transform: translate(822.890991px,663.462693px)  }   43.333333% {      transform: translate(822.890991px,663.462693px);      animation-timing-function: cubic-bezier(0.68,-0.55,0.5,2)  }   60% {      transform: translate(822.890991px,468.21991px)  }   100% {      transform: translate(822.890991px,468.21991px)  } } #frdspr-logo-cm19 {  animation: frdspr-logo-cm19_c_o 3000ms linear 1 normal forwards } @keyframes frdspr-logo-cm19_c_o {   0% {      opacity: 0  }   43.333333% {      opacity: 0  }   60% {      opacity: 1  }   100% {      opacity: 1  } } #frdspr-logo-cm20_to {  animation: frdspr-logo-cm20_to__to 3000ms linear 1 normal forwards } @keyframes frdspr-logo-cm20_to__to {   0% {      transform: translate(714.381439px,616.796584px)  }   46.666667% {      transform: translate(714.381439px,616.796584px);      animation-timing-function: cubic-bezier(0.68,-0.55,0.5,2)  }   63.333333% {      transform: translate(714.381439px,502.007294px)  }   100% {      transform: translate(714.381439px,502.007294px)  } } #frdspr-logo-cm20 {  animation: frdspr-logo-cm20_c_o 3000ms linear 1 normal forwards } @keyframes frdspr-logo-cm20_c_o {   0% {      opacity: 0  }   46.666667% {      opacity: 0  }   63.333333% {      opacity: 1  }   100% {      opacity: 1  } } #frdspr-logo-cm21_to {  animation: frdspr-logo-cm21_to__to 3000ms linear 1 normal forwards } @keyframes frdspr-logo-cm21_to__to {   0% {      transform: translate(601.062531px,672.569349px)  }   50% {      transform: translate(601.062531px,672.569349px);      animation-timing-function: cubic-bezier(0.68,-0.55,0.5,2)  }   66.666667% {      transform: translate(601.062531px,544.005341px)  }   100% {      transform: translate(601.062531px,544.005341px)  } } #frdspr-logo-cm21 {  animation: frdspr-logo-cm21_c_o 3000ms linear 1 normal forwards } @keyframes frdspr-logo-cm21_c_o {   0% {      opacity: 0  }   50% {      opacity: 0  }   66.666667% {      opacity: 1  }   100% {      opacity: 1  } } #frdspr-logo-cm22_to {  animation: frdspr-logo-cm22_to__to 3000ms linear 1 normal forwards } @keyframes frdspr-logo-cm22_to__to {   0% {      transform: translate(486.878326px,570.403274px)  }   26.666667% {      transform: translate(486.878326px,570.403274px);      animation-timing-function: cubic-bezier(0.68,-0.55,0.5,2)  }   43.333333% {      transform: translate(486.878326px,490.322159px)  }   100% {      transform: translate(486.878326px,490.322159px)  } } #frdspr-logo-cm22 {  animation: frdspr-logo-cm22_c_o 3000ms linear 1 normal forwards } @keyframes frdspr-logo-cm22_c_o {   0% {      opacity: 0  }   26.666667% {      opacity: 0  }   43.333333% {      opacity: 1  }   100% {      opacity: 1  } }