/*Card Liste */ .card .list-group-item{background:#F2EFEB !important;} /**/ /* ----------- Start Media Query ----------- */ .form-control{background:transparent !important;width:150px} /* ----------- iPhone X ----------- */ /* Portrait and Landscape */ @media only screen and (min-device-width: 375px) and (-webkit-min-device-pixel-ratio: 3) { .form-control { width: 100px; } } /* ----------- Ende Media Query ----------- */ /* Input Form */ .textshadowicon{text-shadow: 0px 3px 3px rgba(255,255,255,0.5), 4px 2px 4px rgba(56,56,56,0.45);} .textshadowinput {text-shadow: -1px -1px 1px rgba(255,255,255,.1), 1px 1px 1px rgba(0,0,0,.5);} /* Input Form */ /* Card */ .bordercard {border-radius: 15px 15px 0px 0px; -webkit-border-radius: 15px 15px 0px 0px; -moz-border-radius: 15px 15px 0px 0px; border:0px; box-shadow: 0 2.8px 2.2px rgba(0, 0, 0, 0.02), 0 6.7px 5.3px rgba(0, 0, 0, 0.028), 0 12.5px 10px rgba(0, 0, 0, 0.035), 0 22.3px 17.9px rgba(0, 0, 0, 0.042), 0 41.8px 33.4px rgba(0, 0, 0, 0.05), 0 100px 80px rgba(0, 0, 0, 0.07) ; text-shadow: -1px -1px 1px rgba(255,255,255,.1), 1px 1px 1px rgba(0,0,0,.5); } .rounded-r {-webkit-border-radius: 0px 0px 20px 0px; -moz-border-radius: 0px 0px 20px 0px; border-radius: 0px 0px 20px 0px;} .card-body {padding:0px !important;} .element-animation{ animation: animationFrames ease 1s; animation-iteration-count: 1; transform-origin: 50% 50%; animation-fill-mode:forwards; /*when the spec is finished*/ -webkit-animation: animationFrames ease 1s; -webkit-animation-iteration-count: 1; -webkit-transform-origin: 50% 50%; -webkit-animation-fill-mode:forwards; /*Chrome 16+, Safari 4+*/ -moz-animation: animationFrames ease 1s; -moz-animation-iteration-count: 1; -moz-transform-origin: 50% 50%; -moz-animation-fill-mode:forwards; /*FF 5+*/ -o-animation: animationFrames ease 1s; -o-animation-iteration-count: 1; -o-transform-origin: 50% 50%; -o-animation-fill-mode:forwards; /*Not implemented yet*/ -ms-animation: animationFrames ease 1s; -ms-animation-iteration-count: 1; -ms-transform-origin: 50% 50%; -ms-animation-fill-mode:forwards; /*IE 10+*/ } @keyframes animationFrames{ 0% { opacity:0; transform: translate(0px,-25px) ; } 100% { opacity:1; transform: translate(0px,0px) ; } } @-moz-keyframes animationFrames{ 0% { opacity:0; -moz-transform: translate(0px,-25px) ; } 100% { opacity:1; -moz-transform: translate(0px,0px) ; } } @-webkit-keyframes animationFrames { 0% { opacity:0; -webkit-transform: translate(0px,-25px) ; } 100% { opacity:1; -webkit-transform: translate(0px,0px) ; } } @-o-keyframes animationFrames { 0% { opacity:0; -o-transform: translate(0px,-25px) ; } 100% { opacity:1; -o-transform: translate(0px,0px) ; } } @-ms-keyframes animationFrames { 0% { opacity:0; -ms-transform: translate(0px,-25px) ; } 100% { opacity:1; -ms-transform: translate(0px,0px) ; } } /* ---------------------------------------------- * Generated by Animista on 2021-3-1 17:2:40 * Licensed under FreeBSD License. * See http://animista.net/license for more info. * w: http://animista.net, t: @cssanimista * ---------------------------------------------- */ @-webkit-keyframes kenburns-top { 0% { -webkit-transform: scale(1) translateY(0); transform: scale(1) translateY(0); -webkit-transform-origin: 50% 16%; transform-origin: 50% 16%; } 100% { -webkit-transform: scale(1.25) translateY(-15px); transform: scale(1.25) translateY(-15px); -webkit-transform-origin: top; transform-origin: top; } } @keyframes kenburns-top { 0% { -webkit-transform: scale(1) translateY(0); transform: scale(1) translateY(0); -webkit-transform-origin: 50% 16%; transform-origin: 50% 16%; } 100% { -webkit-transform: scale(1.25) translateY(-15px); transform: scale(1.25) translateY(-15px); -webkit-transform-origin: top; transform-origin: top; } } .kenburns-top { -webkit-animation: kenburns-top 10s ease-out both; animation: kenburns-top 10s ease-out both; } /* ---------------------------------------------- * Generated by Animista on 2021-3-1 16:13:45 * Licensed under FreeBSD License. * See http://animista.net/license for more info. * w: http://animista.net, t: @cssanimista * ---------------------------------------------- */ /** * ---------------------------------------- * animation fade-in * ---------------------------------------- */ @-webkit-keyframes fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } .fade-in { -webkit-animation: fade-in 1.5s cubic-bezier(0.39, 0.575, 0.565, 1) both; animation: fade-in 1.5s cubic-bezier(0.39, 0.575, 0.565, 1) both; } .d-flex { display: table-caption !important; } .card-img-overlay { padding: 0px !important; -webkit-border-radius: 30px 30px 0px 0px; -moz-border-radius: 30px 30px 0px 0px; border-radius: 30px 30px 0px 0px; } .softshadow { border-radius: 24px; background: #f3f3f3; box-shadow: -21px 21px 39px #d4d4d4, 21px -21px 39px #ffffff; margin-bottom:40px; } .circlebuttonshadow { border-radius: 24px; background: linear-gradient(225deg, #e6e6e6, #ffffff); box-shadow: -4px 4px 8px #d4d4d4, 4px -4px 8px #ffffff; } /*.nav-pills .nav-link { font-size: 0.8rem; z-index: 1000; border-radius: 20px; background: #91785b; -webkit-box-shadow: 5px 3px 15px 2px rgba(0,0,0,0.4) ; box-shadow: 5px 3px 15px 2px rgba(0,0,0,0.4) ; color: white !important; width:95%; height:40px; } .nav-pills .nav-link.active, .nav-pills .show > .nav-link { border-radius: 20px; background: #165788; -webkit-box-shadow: 4px 4px 6px 1px rgba(0,0,0,0.5) inset; box-shadow: 4px 4px 6px 1px rgba(0,0,0,0.5) inset; color: white !important; /*filter: drop-shadow(5px 5px 6px #000);*/ } #pillContainer-21431 { background: white; } .small { font-size: 1.1rem !important; } .bottombar { border-radius: 58px; background: #F4F2ED; box-shadow: inset 8px 8px 14px #eae8e4, inset -8px -8px 14px #fefcf6; } .buttonbootombar{border: 15px solid #CB0044; border-radius: 0px 58px 58px 0px; font-size: x-large; } .formcontrol{background:transparent;} .nav{background: whitesmoke; border-radius: 20px;border:0px;} .nav-fill .nav-item{font-size:1em;} .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link{background: #165788; color: white!important;} .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus{background: #165788; color: white!important;border:0px!important;}