/* theme-light.css — Hell-Layer über REFRAME (generiert, Primaerfarbe #1f1eb8) */
body{color: #15161c !important;background: #fbfbfd !important}
h1,
h2,
h3,
h4,
h5,
h6{color: #1f1eb8 !important}
h5{color: #15161c !important}
p{color: #15161c !important}
p.tag{color: #15161c !important}
p.green{color: #1f1eb8 !important}
a,
a:hover,
a:focus{color: #15161c !important}
span{color: #5b5f70 !important}
::-moz-selection{color: #1f1eb8 !important}
::selection{color: #1f1eb8 !important}
::-moz-selection{color: #1f1eb8 !important}
button{color: #15161c !important}
button.button-filled{background: #ffffff !important}
button.button-border{border: 0.1rem solid #15161c !important}
button.button-filled span.icon,
button.button-border span.icon{color: #15161c !important}
button .button-text{color: #15161c !important}
ul.default-list{color: #5b5f70 !important}
ul.icon-list.icon-filled span{background: #ffffff !important}
table tbody tr{border-bottom: 0.1rem solid rgba(21, 22, 28, 0.2) !important}
input,
textarea{border-bottom: 0.1rem solid #15161c !important;color: #15161c !important}
form ::-webkit-input-placeholder{color: #15161c !important}
form ::-moz-placeholder{color: #15161c !important}
form :-ms-input-placeholder{color: #15161c !important}
form ::-ms-input-placeholder{color: #15161c !important}
form ::placeholder{color: #15161c !important}
form .success-box{background: #ffffff !important}
form .success-box p{color: #1f1eb8 !important}
form .success-box .icon-button{color: #1f1eb8 !important;border-color: #1f1eb8 !important}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus{-webkit-text-fill-color: #15161c !important}
.loading-screen{background: #ffffff !important}
.loading-screen .line{background: rgba(21, 22, 28, 0.6) !important}
.scroll-bar{background: rgba(21, 22, 28, 0.2) !important}
.scroll-bar .inner{background: #15161c !important}
.scroll-progress{background: rgba(21, 22, 28, 0.2) !important}
.scroll-progress .inner{background: #15161c !important}
.c_cursor_outer .bg{border: 1px solid #1f1eb8 !important}
.c_cursor_outer .circle{border: 1px solid #1f1eb8 !important}
.c_cursor_inner{background: #1f1eb8 !important}
.provoke-scroll-bottom .fill{background: rgba(21, 22, 28, 0.2) !important}
.provoke-scroll-bottom .fill .inner{background: #15161c !important}
.m-menu-button .burger .line{background: #15161c !important}
.m-menu-button:hover .burger .line{background: #1f1eb8 !important}
.m-menu{background: #ffffff !important}
.m-menu .m-menu-inner .main-items > li span{color: #5b5f70 !important}
.m-menu .m-menu-inner .main-items > li a.is-active span,
.m-menu .m-menu-inner .main-items > li a:hover span{color: #15161c !important}
.m-menu .m-menu-inner .main-items > li a{color: #15161c !important}
.m-menu .m-menu-inner .main-items li:hover p,
.m-menu .m-menu-inner .main-items a.is-active p{color: #1f1eb8 !important}
.m-menu .m-menu-inner .social-items a:hover span{color: #1f1eb8 !important}
.menu-overlay{background: rgba(255, 255, 255, 0) !important}
.color-white{color: #15161c !important}
.text-highlight{background: rgba(255, 255, 255, 0.25) !important}
.left-content .inner-content .frame{border: 1px solid #15161c !important}
.mobile .left-content .inner-content:after{background: rgba(255, 255, 255, 1) !important}
.bg-bubbles li{background-color: rgba(255, 255, 255, 0.15) !important}
.bg-bubbles.white li{background-color: rgba(21, 22, 28, 0.15) !important}
.bg-bubbles li:nth-child(4){background-color: rgba(255, 255, 255, 0.25) !important}
.bg-bubbles.white li:nth-child(4){background-color: rgba(21, 22, 28, 0.25) !important}
.bg-bubbles li:nth-child(6){background-color: rgba(255, 255, 255, 0.2) !important}
.bg-bubbles.white li:nth-child(6){background-color: rgba(21, 22, 28, 0.2) !important}
.bg-bubbles li:nth-child(9){background-color: rgba(255, 255, 255, 0.3) !important}
.bg-bubbles.white li:nth-child(9){background-color: rgba(21, 22, 28, 0.3) !important}
.slick-dots li:after{background: rgba(21, 22, 28, 0.5) !important}
.slick-dots li.slick-active:after,
.slick-dots li:hover:after{background: rgba(21, 22, 28, 0) !important}
.open-options-panel{background: #f3f3f8 !important;color: #15161c !important}
.open-options-panel span{color: #15161c !important}
.options-panel .close-button{color: #15161c !important}
.options-panel .panel{background: #f3f3f8 !important}
.options-panel .panel-overlay{background: #fbfbfd !important}
.options-panel .headline p{color: #15161c !important}
.options-panel .options .color{border: 1px solid rgba(21, 22, 28, 0.0) !important}
.options-panel .options .color.active{border-color: #15161c !important}
.options-panel .button{border: 1px solid rgba(21, 22, 28, 0) !important}
.options-panel .button.active{border-color: #15161c !important}
.options-panel .button p{color: #15161c !important}
.goverlay{background: rgba(255, 255, 255, 0.95) !important}
.glightbox-container .gnext{background-color: rgba(255, 255, 255, 0) !important}
.glightbox-container .gprev{background-color: rgba(255, 255, 255, 0) !important}
.glightbox-container .gclose{background-color: rgba(255, 255, 255, 0) !important}
.glightbox-container .gbtn:hover span{color: #1f1eb8 !important}
.glightbox-container .info{background: #fbfbfd !important}
.glightbox-container .info-overlay{background: rgba(255, 255, 255, 0.4) !important}
.icon-button{border: 0.1rem solid #15161c !important;color: #15161c !important}
.icon-button.icon-button-filled{background: #ffffff !important}
.accordion .acc_section .acc_head{border-bottom: 0.1rem solid #15161c !important}
.accordion .acc_section .acc_head .icon{border-left: 0.1rem solid #15161c !important;border-bottom: 0.1rem solid #15161c !important}
.seperator-line{background: #15161c !important}
.skill-bar .bar{background: rgba(21, 22, 28, 0.2) !important}
.skill-bar .bar .fill{background: #15161c !important}
.skill-bar .bar .number-tag{background: #ffffff !important;color: #15161c !important}
.skill-bar .bar .number-tag:after{background: #ffffff !important;color: #15161c !important}
.skill-bar .bar .number-tag p{color: #15161c !important}
.resume{border-left: 0.1rem solid rgba(21, 22, 28, 0.2) !important}
.resume .item{background: #ffffff !important}
.resume .item:after{background: #15161c !important}
.pricing-item .features .feature-item span{color: #5b5f70 !important}
.work-grid .item:after{background: -o-linear-gradient(bottom, rgba(255, 255, 255, 0.5), 40%, rgba(255, 255, 255, 0)) !important;background: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0.5)), color-stop(40%), to(rgba(255, 255, 255, 0))) !important;background: linear-gradient(to top, rgba(255, 255, 255, 0.5), 40%, rgba(255, 255, 255, 0)) !important}
.skill-tags li{background: #ffffff !important}
.pill{border: 0.1rem solid rgba(21, 22, 28, 0.2) !important}
.pill.pill-filled{background: #ffffff !important}
.quote{background: #ffffff !important}
.card{background: #ffffff !important}
.tabs ul{border-bottom: 0.1rem solid rgba(21, 22, 28, 0.2) !important}
.tabs ul li{border-bottom: 0.1rem solid rgba(21, 22, 28, 0) !important}
.tabs ul li.active,
.tabs ul li:hover{border-bottom: 0.1rem solid #15161c !important}
.tabs ul li.active p,
.tabs ul li:hover p{color: #15161c !important}
.audio-player .toggle-btn{color: #15161c !important}
.audio-player .progress-bar{background: rgba(21, 22, 28, 0.2) !important}
.audio-player .progress-bar .fill{background: rgba(21, 22, 28, 1) !important}
.video-player .toggle-btn{color: #15161c !important}
.video-player .fullscreen-btn{color: #15161c !important}
.video-player .progress-bar{background: rgba(21, 22, 28, 0.2) !important}
.video-player .progress-bar .fill{background: rgba(21, 22, 28, 1) !important}
.icon-wrapper .icongrid{color: #5b5f70 !important}
.colors_warning_yellow .c_cursor_inner,
.colors_warning_yellow .m-menu-button:hover .burger .line{background: #1f1eb8 !important}
.colors_warning_yellow .c_cursor_outer .bg,
.colors_warning_yellow .c_cursor_outer .circle,
.colors_warning_yellow .m-menu .m-menu-inner .main-items > li a.is-active span:after{border-color: #1f1eb8 !important}
.colors_warning_yellow ::selection{color: #1f1eb8 !important}
.colors_warning_yellow ::-moz-selection{color: #1f1eb8 !important}
.colors_warning_yellow .m-menu .m-menu-inner .main-items  li:hover p,
.colors_warning_yellow .m-menu .m-menu-inner .main-items  a.is-active p,
.colors_warning_yellow .m-menu .m-menu-inner .social-items  a:hover span,
.colors_warning_yellow .glightbox-container .gbtn:hover span,
.colors_warning_yellow .m-menu .m-menu-inner .main-items > li a.is-active span,
.colors_warning_yellow .m-menu .m-menu-inner .main-items > li a:hover span,
.colors_warning_yellow .options-panel .close-button:hover{color: #1f1eb8 !important}
.colors_polar_white .c_cursor_inner,
.colors_polar_white .m-menu-button:hover .burger .line{background: #15161c !important}
.colors_polar_white .c_cursor_outer .bg,
.colors_polar_white .c_cursor_outer .circle,
.colors_polar_white .m-menu .m-menu-inner .main-items > li a.is-active span:after{border-color: #15161c !important}
.colors_polar_white ::selection{color: #15161c !important}
.colors_polar_white ::-moz-selection{color: #15161c !important}
.colors_polar_white .m-menu .m-menu-inner .main-items  li:hover p,
.colors_polar_white .m-menu .m-menu-inner .main-items  a.is-active p,
.colors_polar_white .m-menu .m-menu-inner .social-items  a:hover span,
.colors_polar_white .glightbox-container .gbtn:hover span,
.colors_polar_white .m-menu .m-menu-inner .main-items > li a.is-active span,
.colors_polar_white .m-menu .m-menu-inner .main-items > li a:hover span,
.colors_polar_white .options-panel .close-button:hover{color: #15161c !important}
.gslide-inline{background: #15161c !important}
.gslide-external{background: #15161c !important}
.glightbox-mobile .glightbox-container .gslide-description{background: -webkit-gradient(linear,left top,left bottom,from(rgba(255, 255, 255, 0)),to(rgba(255, 255, 255, .75))) !important;background: linear-gradient(to bottom,rgba(255, 255, 255, 0) 0,rgba(255, 255, 255, .75) 100%) !important}
.glightbox-mobile .glightbox-container .gslide-title{color: #15161c !important}
.glightbox-mobile .glightbox-container .gslide-desc a{color: #15161c !important}
.glightbox-mobile .glightbox-container .gslide-desc .desc-more{color: #15161c !important}
.gloader{border: 2px solid #15161c !important}
.gclose .garrow,.gnext .garrow,.gprev .garrow{stroke: #15161c !important}
.glightbox-clean .gslide-description{background: #15161c !important}
.glightbox-clean .gclose,.glightbox-clean .gnext,.glightbox-clean .gprev{background-color: rgba(255, 255, 255, .75) !important}
.glightbox-clean .gclose path,.glightbox-clean .gnext path,.glightbox-clean .gprev path{fill: #15161c !important}
@media(min-width:769px) {
  .goverlay{background: rgba(255, 255, 255, .92) !important}
  .glightbox-clean .gslide-media{box-shadow: 1px 2px 9px 0 rgba(255, 255, 255, .65) !important}
  .glightbox-clean .gclose,.glightbox-clean .gnext,.glightbox-clean .gprev{background-color: rgba(255, 255, 255, .32) !important}
  .glightbox-clean .gclose:hover,.glightbox-clean .gnext:hover,.glightbox-clean .gprev:hover{background-color: rgba(255, 255, 255, .7) !important}
}