/**
 * RSCSS - Really S[imple|hort] Cascading Style Sheet
 * Copyright (c) 2015-2022 Philipp Kolbeck
 * Parsed: 16.09.2022 10:31:35 - Rendertime: 0,0068sec.
 */

@font-face { font-family: "muli"; src: url("../fonts/Multi-Regular.woff") format("woff2"),
    url("../fonts/Multi-Regular.woff") format("woff"),
    url("../fonts/Multi-Regular.otf") format("opentype"); font-display: auto; font-style: normal; font-weight: 400; }
@font-face { font-family: "muli"; src: url("../fonts/Multi-Medium.woff2") format("woff2"),
    url("../fonts/Multi-Medium.woff") format("woff"),
    url("../fonts/Multi-Medium.otf") format("opentype"); font-display: auto; font-style: normal; font-weight: 700; }
@font-face { font-family: "muli"; src: url("../fonts/Multi-Bold.woff2") format("woff2"),
    url("../fonts/Multi-Bold.woff") format("woff"),
    url("../fonts/Multi-Bold.otf") format("opentype"); font-display: auto; font-style: normal; font-weight: 800; }
@font-face { font-family: "muli"; src: url("../fonts/Multi-Black.woff2") format("woff2"),
    url("../fonts/Multi-Black.woff") format("woff"),
    url("../fonts/Multi-Black.otf") format("opentype"); font-display: auto; font-style: normal; font-weight: 900; }
.tk-muli { font-family: "muli",sans-serif; }
* { font-family: 'Muli-Regular'; font-family: 'muli'; }
h1,h2,h3,h4,h5,h6 { font-family: 'Muli-Bold'; font-family: 'muli'; font-weight: 800 !important; }
body { transition: transform 0.8s; }
body.flip { transform: rotateY(180deg); }
.bg-blue { background: #01569E; }
.bg-blue * { color: #FFF; }
.bg-gradient-h-darkblue-lightblue { background: rgb(1,86,158); background: -moz-linear-gradient(left,  rgba(1,86,158,1) 0%, rgba(83,162,194,1) 100%); background: -webkit-linear-gradient(left,  rgba(1,86,158,1) 0%,rgba(83,162,194,1) 100%); background: linear-gradient(to right,  rgba(1,86,158,1) 0%,rgba(83,162,194,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01569e', endColorstr='#53a2c2',GradientType=1 ); }
.bg-waves { background-image: url('../img/bg.waves.png'); background-size: 100%; background-repeat: no-repeat; background-position: center bottom; }
.gradient-welle-1 { background: url(../img/bg.waves.png) center bottom no-repeat, linear-gradient(to bottom, rgba(225,237,245,1) 0%,rgba(251,251,251,1) 100%); box-shadow: inset 0 -1px 0 #eee; }
@keyframes diagnoal-gradient-anim {
0% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
100% { background-position: 0% 50%; } }
.diagnoal-gradient-anim { background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab); background-size: 400% 400%; animation: diagnoal-gradient-anim 15s ease-in-out infinite; }
button.btn,
a.btn { border-radius: 0; font-size: 16px; padding: .3em 2em .275em 2em; padding: .3em 2em .4em 2em; }
button.btn-bg-trans,
a.btn-bg-trans { background-color: transparent; }
button.btn-primary:not([tabindex]),
a.btn-primary:not([tabindex]) { background-color: #02569D; color: #FFF; border: none; border-radius: 0; font-size: 16px; padding: .8em 2em .75em 2em; }
button.btn-primary:not([tabindex]):hover,
a.btn-primary:not([tabindex]):hover { background-color: #53A2C2; }
main>section.container,
main>section.container-fluid:not(.hero),
main>section.container-fluid>.row>.container:not(.hero),
main>section.container-fluid>.row>div>.container,
main>section.container-fluid>.row>.col>.container,
main>section.container-fluid>.row>div>.container>.row>div>.container { padding-top: 20px; padding-bottom: 20px; }
header .brand { position: absolute; margin-top: 35px; cursor: pointer; }
header .nav_basic { padding: 0; margin: 0; margin: 20px 0 30px 0; list-style-type: none; display: flex; justify-content: flex-end; }
header .nav_basic>li.stretch { display: none; }
header .nav_basic>li>a { display: block; padding: 5px 20px; color: #01569E; font-size: 12px; font-weight: bold; }
header .nav_basic>li>a.search { display: block; padding: 0; margin-top: 5px; margin-left: 15px; width: 22px; height: 22px; color: #01569E; background-image: url('../img/icon.search.svg'); background-repeat: no-repeat; }
header .nav_basic>li>a.menutoggler { display: none; }
header .nav_main { padding: 0; margin: 0; list-style-type: none; display: flex; justify-content: flex-end; }
header .nav_main>li>a { display: block; padding: 15px 30px; color: #393939; text-transform: uppercase; outline: 0; }
header .nav_main>li:last-of-type>a { padding-right: 0; }
header .nav_main>li>a { text-decoration-color: #01569E; text-decoration-thickness: 2px; text-underline-offset: 5px; }
header .nav_main>li>ul { display: none; }
header .nav_main>li>ul>li>a { color: #02569D; display: inline-block; outline: 0; white-space: nowrap; }
header .nav_main>li>ul.show { display: block; position: absolute; z-index: 1; background-color: #FFF; list-style-type: none; padding: 10px 10px 20px 10px; margin: 0; }
header .nav_main>li>ul.show>li { padding-right: 20px; padding: 0 30px; }
header .nav_main>li>ul.show>li.toggleLink>a { color: #02569D; display: inline-block; text-transform: uppercase; padding: 2px 0; outline: 0; font-weight: bold; }
header .nav_main>li>ul.show>li.toggleLink:not(:last-child)>ul { margin-bottom: 10px; }
header .nav_main>li>ul.show>li>a:hover { color: #53A2C2; text-decoration: none; }
header .nav_main>li>ul.show>li>ul { list-style-type: none; padding: 0; margin: 0; }
header .nav_main>li>ul.show>li>ul>li { font-weight: normal; }
header .nav_main>li>ul.show>li>ul>li>a { color: #02569D; display: inline-block; padding: 2px 0; outline: 0; white-space: nowrap; }
header .nav_main>li>ul.show>li>ul>li>a:hover { color: #53A2C2; text-decoration: none; }
header .nav_main>li.right { }
header .nav_main>li.right>ul.show { float: right; position: absolute; right: 0; }
@media (min-width: 768px) and (max-width: 991.98px)  { 
header .nav_basic { padding: 0; margin: 0; margin: 35px 0 15px 0; }
header .nav_main { }
header .nav_main>li>a { padding: 15px 20px; } }
@media (max-width: 767.98px)  { 
header { position: relative; z-index: 99999; }
header>div { background-color: #FFF; }
header>.container-fluid:first-of-type>.row>.col>.container { max-width: none; width: 100%; padding: 0; }
header .brand { border-bottom: 1px #01569E solid; position: static; margin: 20px auto 10px auto; display: block; text-align: center; padding-bottom: 20px; padding-left: 15px; padding-right: 15px; }
header .brand img { max-width: 100%; }
header .nav_basic { padding: 0; margin: 0; margin: 5px 0 10px 0; }
header .nav_basic>li.stretch { display: inline; flex: auto; }
header .nav_basic>li:first-of-type>a { padding-left: 0; }
header .nav_basic>li>a.menutoggler { display: block; padding: 0; margin-top: 5px; margin-left: 15px; width: 22px; height: 22px; color: #01569E; background-image: url('../img/icon.menutoggler.svg'); background-repeat: no-repeat; outline: 0; }
header .nav_main { display: none; }
header .nav_main.show { display: block; box-shadow: 0 0 3px rgba(0,0,0,.25); margin-left: -15px; margin-right: -15px; padding-bottom: 20px; }
header .backdrop { content: ""; background: -moz-linear-gradient(top,  rgba(1,86,158,0.75) 0%, rgba(83,162,194,0.75) 100%); background: -webkit-linear-gradient(top,  rgba(1,86,158,0.75) 0%,rgba(83,162,194,0.75) 100%); background: linear-gradient(to bottom,  rgba(1,86,158,0.75) 0%,rgba(83,162,194,0.75) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf01569e', endColorstr='#bf53a2c2',GradientType=0 ); position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; display: none; }
header .backdrop.show { display: block; }
header .nav_main.show>li { padding-left: 15px; padding-right: 15px; }
header .nav_main.show>li>a { padding: 12px 0; font-weight: bold; border-bottom: 1px #C6D6EA solid; outline: 0; }
header .nav_main.show>li>a:hover { text-decoration: none; color: #53A2C2; }
header .nav_main.show>li>ul.show { display: block; padding: 0; position: static; }
header .nav_main.show>li>ul.show>li { padding: 0; }
header .nav_main.show>li>ul.show>li>a { padding: 12px 30px !important; border-bottom: 1px #C6D6EA solid; display: block; color: #84909F; font-size: 14px; outline: 0; }
header .nav_main.show>li>ul.show>li>a:hover { color: #53A2C2; }
header .nav_main.show>li>ul.show>li>ul { list-style-type: none; padding: 0; margin: 0; padding-bottom: 10px; display: none; }
header .nav_main.show>li>ul.show>li>ul.show { display: block; }
header .nav_main.show>li>ul.show>li>ul>li { font-weight: normal; border-bottom: 1px #C6D6EA solid; }
header .nav_main.show>li>ul.show>li>ul>li>a { color: #02569D; display: inline-block; padding: 2px 50px; color: #84909F; outline: 0; padding-top: 7px; padding-bottom: 7px; }
header .nav_main.show>li>ul.show>li>ul>li>a:hover { color: #53A2C2; }
header .nav_main.show>li.right { }
header .nav_main.show>li.right>ul.show { float: none; position: static; right: 0; background-color: 0; } }
@media (max-width: 575.98px) {                         
header .nav_basic>li>a { padding: 5px 10px; color: #01569E; } }
main h1 { color: #02569D; text-transform: uppercase; font-size: 40px; font-weight: bold; margin-bottom: 50px; margin-bottom: 30px; margin-bottom: 1.5rem; }
main h2 { color: #02569D; text-transform: uppercase; font-size: 30px; font-weight: bold; line-height: 1.2; }
main h3 { color: #02569D; font-size: 24px; font-weight: bold; }
main p { color: #393939; font-size: 16px; line-height: 28px; line-height: 26px; }
main p strong { color: #01569E; }
main .bg-blue h1,
main .bg-blue h2,
main .bg-blue p { color: #FFF; }
main .bg-blue ul { list-style-type: none; }
main .bg-blue ul>li::before { content: "\2022"; color: #53A2C2; font-weight: bold; display: inline-block; width: 1em; margin-left: -1em; }
main .bg-blue ul>li { color: #FFF; font-weight: bold; margin-bottom: 15px; }
@media (max-width: 767.98px)  { 
main .bg-blue ul { padding-left: 15px; } }
main .gradient-v-1 { background: linear-gradient(to bottom,  rgba(225,237,245,1) 0%,rgba(251,251,251,1) 100%); box-shadow: inset 0 -1px 0 #EEE; }
@media (min-width: 992px) { 
#carouselHero .carousel-item .item-title { align-items: start; }
#carouselHero .carousel-item .btn { margin-left: auto; margin-right: 30px; } }
@media (max-width: 991.98px)  { 
#carouselHero .carousel-item .btn { margin-top: 10px; } }
@media (min-width: 320px) and (max-width: 575.98px)  { 
}
main>.container-fluid>.row>.col { }
main>.container-fluid.slider>.row>.col>.container { padding-top: 0; padding-bottom: 0; }
main>.container-fluid.slider>.row>.col>.container>.row>.col { display: flex; justify-content: center; align-items: center; height: 300px; }
.bread ul { list-style-type: none; margin: 0; padding: 0; }
.bread ul li { display: inline-block; float: left; }
.bread ul li:not(:last-child):after { content: "»"; color: #AFB4BB; margin-right: 5px; font-size: 12px; font-weight: bold; }
.bread ul li a { color: #AFB4BB; margin-right: 5px; font-size: 12px; font-weight: bold; }
.bread ul li:last-child a { color: #01569E; }
main section.scroll-next { padding-top: 0 !important; padding-bottom: 15px !important; }
main .showbox { display: flex; justify-content: center; }
main .showbox>div { flex: 1; }
main .showbox>div:first-of-type { margin-right: 8px; }
main .showbox>div:last-of-type { margin-left: 8px; }
main .showbox>div>div:first-of-type { height: 20vw; overflow: hidden; }
main .showbox .img { height: 20vw; background-position: center; background-repeat: no-repeat; background-size: cover; margin-bottom: 20px; transition: 500ms ease-in-out; }
main .showbox .img:hover { transition: 2000ms ease-in-out; transform: scale(1.3); }
main .showbox h3 { color: #02569D; text-transform: uppercase; font-size: 24px; font-weight: bold; }
main .showbox .ellipsis { width: 100%; display: table; table-layout: fixed; }
main .showbox .ellipsis>div { display: table-cell; }
main .showbox .ellipsis>div p { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-bottom: 0; }
main .showbox a { color: #02569D; font-weight: bold; }
@media (max-width: 991.98px) { main .showbox {
        flex-direction: column; }
main .showbox>div { margin-left: 0 !important; margin-right: 0 !important; }
main .showbox>div>div:first-of-type { height: 50vw; margin-bottom: 15px; }
main .showbox .img { height: 50vw; } }
main .showbox-multirow { }
main .showbox-multirow>div>div { padding-left: 8px; padding-right: 8px; }
main .showbox-multirow>div>div>a { text-decoration: none; }
main .showbox-multirow>div>div:nth-child(3n) { padding-right: 0; }
main .showbox-multirow>div>div:nth-child(3n+1) { padding-left: 0; }
@media (min-width: 768px) and (max-width: 991.98px)  { 
main .showbox-multirow>div>div { padding-left: 8px; padding-right: 8px; }
main .showbox-multirow>div>div:nth-child(2n) { padding-right: 0; padding-left: 8px; }
main .showbox-multirow>div>div:nth-child(2n+1) { padding-left: 0; padding-right: 8px; } }
@media (max-width: 767.98px)  { 
main .showbox-multirow>.row>div:last-child { margin-bottom: 0 !important; }
main .showbox-multirow>div>div { padding-left: 0; padding-right: 0; } }
main .showbox-multirow>div>div>a>div:first-of-type { height: 15vw; height: 362px; height: 20vw; max-height: 220px; overflow: hidden; background-color: #02569D; }
main .showbox-multirow .img { height: 362px; background-position: center; background-repeat: no-repeat; background-size: cover; margin-bottom: 20px; transition: 500ms ease-in-out; }
@media (min-width: 992px) and (max-width: 1199.98px) { 
    main .showbox-multirow>div>div>a>div:first-of-type,
main .showbox-multirow .img { height: 302px; } }
@media (min-width: 768px) and (max-width: 991.98px)  { 
    main .showbox-multirow>div>div>a>div:first-of-type,
main .showbox-multirow .img { height: 337px; } }
@media (min-width: 576px) and (max-width: 767.98px)  { 
    main .showbox-multirow>div>div>a>div:first-of-type,
main .showbox-multirow .img { height: 508px; } }
main .showbox-multirow .img:hover { transition: 2000ms ease-in-out; transform: scale(1.3); }
main .showbox-multirow h3 { color: #02569D; font-size: 24px; font-weight: bold; }
main .showbox-multirow .ellipsis { width: 100%; display: table; table-layout: fixed; }
main .showbox-multirow .ellipsis>div { display: table-cell; }
main .showbox-multirow .ellipsis>div p { overflow: hidden; text-overflow: ellipsis; margin-bottom: 0; }
main .showbox-multirow a { color: #02569D; font-weight: bold; }
@media (max-width: 991.98px)  { 
main .showbox-multirow>div>div>a>div:first-of-type { margin-bottom: 15px; }
main .showbox-multirow .img { height: 50vw; } }
body.page-id-377 section.leistungen:not(section.leistungen ~ section.leistungen) h3 { min-height: 55px; }
body.page-id-377 section.leistungen:not(section.leistungen ~ section.leistungen) .ellipsis p,
main .showbox-multirow .more-as-buttons { display: inline-block; padding: 12px 32px 8px 32px; border: 2px #02569D solid; color: #02569D; font-size: 16px; line-height: auto; cursor: pointer; min-width: 260px; text-align: center; }
body.page-id-377 section.leistungen:not(section.leistungen ~ section.leistungen) .ellipsis p a { display: none; }
main .showorb { display: flex; justify-content: center; }
main .showorb>div { flex: 1; padding-left: 8px; padding-right: 8px; }
@media (max-width: 991.98px)  { 
main .showorb { flex-direction: column; }
main .showorb>div { padding-left: 0; padding-right: 0; } }
main .showorb .orb { background-color: #02569D; width: 112px; height: 112px; border-radius: 56px; background-position: center; background-repeat: no-repeat; background-size: cover; margin: 20px auto; transition: 250ms; }
main .showorb .orb:hover { background-color: #02569D; width: 132px; height: 132px; border-radius: 50%; background-position: center; background-repeat: no-repeat; background-size: cover; margin: 10px auto; }
@media (max-width: 991.98px)  { 
main .showorb .orb { margin-top: 0; } }
main .showorb h3 { color: #02569D; text-transform: uppercase; font-size: 24px; font-weight: bold; text-align: center; }
main .showorb p { text-align: center; }
main .showorb a { color: #02569D; font-weight: bold; }
main .bg-waves h3 { text-transform: none; }
main .showtile { display: flex; justify-content: center; }
main .showtile>div { flex: 1; position: relative; overflow: hidden; margin-left: 8px; margin-right: 8px; }
main .showtile>div:first-of-type { margin-left: 0; }
main .showtile>div:last-of-type { margin-right: 0; }
@media (max-width: 991.98px)  { 
main .showtile>div { margin-left: 0; margin-right: 0; }
main .showtile>div:not(:last-of-type) { margin-bottom: 16px; } }
main .showtile .label { position: absolute; bottom: 0; left: 0; background-color: rgba(2,86,157,.8); padding: 10px 15px; }
main .showtile .img { height: 20vw; background-position: center; background-repeat: no-repeat; background-size: cover; transition: 250ms; }
main .showtile .img:hover { transform: scale(1.2) rotate(3deg); }
main .showtile h3 { color: #FFF; text-transform: uppercase; font-size: 18px; font-weight: bold; margin-bottom: 0; }
main .showtile .ellipsis { width: 100%; display: table; table-layout: fixed; }
main .showtile .ellipsis>div { display: table-cell; }
main .showtile .ellipsis>div p { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-bottom: 0; color: #FFF; font-size: 14px; }
main .showtile a { color: #02569D; font-weight: bold; }
@media (max-width: 991.98px)  { 
main .showtile { flex-direction: column; }
main .showtile .img { height: 70vw; } }
.teaserorbs .d-flex>div { padding-left: 70px; }
.teaserorbs .d-flex>div * { line-height: normal; margin-top: 5px; }
.teaserorbs .orb { background-color: #FFF; width: 60px; height: 60px; border-radius: 56px; background-position: center; background-repeat: no-repeat; background-size: cover; display: inline-block; float: left; position: relative; margin-left: -70px; }
.mixed .m-r--10vw { margin-right: -10vw; z-index: 1; }
@media (max-width: 991.98px)  { 
.mixed .m-r--10vw { margin-right: 0; z-index: 1; } }
.contentslider .slider { height: 300px; }
.contactperson>.row>div>.container>.row>div>.container { padding-top: 40px !important; padding-bottom: 40px !important; }
.contactperson .addr>p:first-child { border-left: 2px #FFF solid; }
.contactperson .addr>p { padding-left: 15px; }
.contactperson .addr img { width: 185px; height: 185px; border-radius: 50%; }
.contactperson>.row .row { align-items: center; }
@media (max-width: 991.98px)  { 
.contactperson .addr>p:first-child { border-left: medium none; }
.contactperson .addr>p { padding-left: 0; } }
@media (max-width: 575.98px)  { 
.carousel.slide .carousel-item .img { height: 87.5vw; height: calc(100vw - 60px); } }
@media (min-width: 576px) and (max-width: 767.98px)  { 
.carousel.slide .carousel-item .img { height: 225px; } }
@media (min-width: 768px) and (max-width: 991.98px)  { 
.carousel.slide .carousel-item .img { height: 200px; } }
@media (min-width: 992px) and (max-width: 1199.98px) { 
.carousel.slide .carousel-item .img { height: 280px; } }
@media (min-width: 1200px) {                           
.carousel.slide .carousel-item .img { height: 340px; } }
.row.downloads { gap: 20px 0; }
.download a:hover { text-decoration: none; }
.download-name { font-size: 16px; font-weight: 800; color: #01569E; text-transform: uppercase; }
.download-desc { font-size: 16px; font-weight: 400; color: #393939; }
.download-size { font-size: 12px; font-weight: 400; color: #53A2C2; }
.news-image { padding-bottom: 50%; margin-bottom: 1em; background-size: cover; }
.news-name { font-size: 16px; font-weight: 800; color: #01569E; }
.news button.button { border: none; padding: 10px 0; cursor: pointer; }
.row.aktuelles { gap: 30px 0; }
.close { position: absolute; right: 32px; top: 32px; width: 32px; height: 32px; opacity: 0.3; background-image: url(../img/icon-close.svg); background-repeat: no-repeat; background-size: cover; }
.close:hover { opacity: 1; }
.modal-window { position: fixed; background-color: rgba(255, 255, 255, 0.25); top: 0; right: 0; bottom: 0; left: 0; z-index: 999; visibility: hidden; opacity: 0; pointer-events: none; transition: all 0.5s; }
.modal-window:target { visibility: visible; opacity: 1; pointer-events: auto; }
.modal-window > div { width: 896px; max-width: 90%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); padding: 2em; background: white; }
.blur { position: fixed; top: 0; bottom: 0; left: 0; right: 0; background-color: #01569E; opacity: 0.5; z-index: 600; display: none; }
}
.form input,
.form select,
.form textarea { border: none; border-radius: 0; }
.form input::placeholder,
.form select::placeholder,
.form textarea::placeholder { color: #AFB4BB; }
.form select.form-control:not([size]):not([multiple]) { height: 2.25rem; }
.form label { color: #01569E; font-size: 12px; font-weight: bold; }
.form .small { line-height: normal; }
.form .small a { color: #000; text-decoration: underline; }
.form .btn { color: #01569E; border: 2px #01569E solid; }
@media (min-width: 768px) and (max-width: 991.98px)  { 
.form textarea { min-height: 272px; } }
@media (min-width: 992px) { 
.form textarea { min-height: 193px; }
.form .container>.row:last-child>div:first-child { padding-right: 60px; }
.form .container>.row:last-child>div:last-child { padding-left: 60px; } }
footer .shares { list-style-type: none; display: flex; justify-content: center; margin-top: 40px; margin-bottom: -1px; padding: 0; }
footer .shares li { padding-bottom: 20px; border-bottom: 1px #FFF solid; display: inline-block; }
footer .shares a { background: #01569E; width: 46px; height: 46px; border-radius: 50%; display: inline-block; }
footer .shares li:not(:first-child) a { margin-left: 35px; }
footer .shares li a.tw { background-image: url('../img/share.tw.svg'); }
footer .shares li a.fb { background-image: url('../img/share.fb.svg'); }
footer .shares li a.pi { background-image: url('../img/share.pi.svg'); }
footer .shares li a.yt { background-image: url('../img/share.yt.svg'); }
footer .links { list-style-type: none; display: flex; justify-content: center; margin-bottom: 25px; padding: 0; }
footer .links li { display: inline-block; }
footer .links li a { color: #FFF; display: inline-block; padding: 8px 15px 12px 15px; }
body.error404 { padding-bottom: 200px; ^
    minh: 800px; }
body.error404 footer { position: fixed; left: 0; right: 0; bottom: 0; }
aside.toolbarbuttons { position: fixed; bottom: 20vh; right: 10px; }
aside.toolbarbuttons ul { list-style-type: none; padding: 0; margin: 0; }
aside.toolbarbuttons ul a { display: block; width: 70px; height: 70px; background-size: 100%; }
aside.toolbarbuttons ul a.contact { background-image: url('../img/icon.contact.svg'); }
aside.toolbarbuttons ul a.share { background-image: url('../img/icon.share.svg'); }
aside.toolbarbuttons ul a.position { background-image: url('../img/icon.position.svg'); }
aside.toolbarbuttons ul a.home { background-image: url('../img/icon.home.svg'); }
a[type=submit],
input[type=submit],
button[type=submit] { -webkit-appearance: none; -moz-appearance: none; appearance: none; }
@keyframes matching_words_pulse {
0%,100% { background-color: rgba(255,255,0,0.3); box-shadow: 3px 0 0 0px rgba(255,255,0,0.3), -3px 0 0 0px rgba(255,255,0,0.3); }
50% { background-color: rgba(255,255,0,0.7); box-shadow: 3px 0 0 0px rgba(255,255,0,0.7), -3px 0 0 0px rgba(255,255,0,0.7); } }
.highlight { animation: matching_words_pulse 3s infinite; }
a[href='javascript:']:not([onclick]):not([data-toggle]) { cursor: not-allowed; }
#responsiveinfo { display: block; position: fixed; left: 10px; bottom: 10px; margin-right: 10px; padding: 5px 10px; color: #000; font-size: 11px; font-weight: bold; font-family: 'Segoe UI'; text-shadow: 0 0 2px #FFF; letter-spacing: .25px; z-index: 999999; }
@media (max-width: 319.98px) {
body { overflow: hidden; }
#responsiveinfo { background: rgba(127,127,127,1); }
#responsiveinfo:before { content: "0-319px (xxs)"; }
#responsiveinfo::after { display: flex; justify-content: center; align-items: center; position: fixed; left: 0px; top: 0px; right: 0px; bottom: 0px; background-color: rgba(191,0,0,.85); color: #FFF; font-size: 20vw; font-family: Arial; text-shadow: 0 0 5px #000; letter-spacing: -2.5px; content: "Narrooow!"; z-index: -100; } }
@media (min-width: 320px) and (max-width: 575.98px)  { 
#responsiveinfo { background: rgba(226,0,122,.75); }
#responsiveinfo:before { content: "320-767px (xs)"; } }
@media (min-width: 576px) and (max-width: 767.98px)  { 
#responsiveinfo { background: rgba(192,192,0,.75); }
#responsiveinfo:before { content: "576-767px (sm)"; } }
@media (min-width: 768px) and (max-width: 991.98px)  { 
#responsiveinfo { background: rgba(0,255,0,.75); }
#responsiveinfo:before { content: "768-991px (md)"; } }
@media (min-width: 992px) and (max-width: 1199.98px) { 
#responsiveinfo { background: rgba(255,102,0,.75); }
#responsiveinfo:before { content: "992-1199px (lg)"; } }
@media (min-width: 1200px) {                           
#responsiveinfo { background: rgba(0,158,224,.75); }
#responsiveinfo:before { content: "1200px (xl)"; } }
main section:not(:first-child):not(:last-child) { }
@keyframes corner_wobble_1 {
25% { border-radius: .2em; border-bottom-right-radius: .8em; }
40% { border-bottom-left-radius: .6em; }
50% { border-radius: .2em; border-top-right-radius: .8em; }
65% { border-top-left-radius: .6em; }
75% { border-radius: .2em; border-bottom-left-radius: .8em; }
90% { border-bottom-right-radius: .6em; }
0%,100% { border-radius: .2em; border-top-left-radius: .8em; }
15% { border-top-right-radius: .6em; } }
.corner-wobble-1 { animation: corner_wobble_1 12s infinite; }
@keyframes corner_wobble_2 {
20% { border-radius: .2em; border-top-left-radius: .8em; }
35% { border-top-right-radius: .6em; }
45% { border-radius: .2em; border-bottom-right-radius: .8em; }
60% { border-bottom-left-radius: .6em; }
70% { border-radius: .2em; border-top-right-radius: .8em; }
85% { border-top-left-radius: .6em; }
0%,100% { border-radius: .2em; border-bottom-left-radius: .8em; }
10% { border-bottom-right-radius: .6em; } }
.corner-wobble-2 { animation: corner_wobble_2 12s infinite; }
@keyframes corner_wobble_3 {
15% { border-radius: .2em; border-bottom-left-radius: .8em; }
30% { border-bottom-right-radius: .6em; }
40% { border-radius: .2em; border-top-left-radius: .8em; }
55% { border-top-right-radius: .6em; }
65% { border-radius: .2em; border-bottom-right-radius: .8em; }
80% { border-bottom-left-radius: .6em; }
0%,100% { border-radius: .2em; border-top-right-radius: .8em; }
5% { border-top-left-radius: .6em; } }
.corner-wobble-3 { animation: corner_wobble_3 12s infinite; }
.btn { border-radius: .2em; display: inline-block; color: #FFF; font-family: Paintball, 'Segoe UI', Tahoma, Arial; font-size: 25px; text-decoration: none; background: #1b656a; background: #30B2BB; padding: .1em .5em .075em .5em; }
.btn>span { position: relative; z-index: 1; text-shadow: 0px 0px 1px rgba(0,0,0,.5); }
.btn.corner-wobble-1:hover { animation: corner_wobble_1 12s infinite; }
.btn.corner-wobble-2:hover { animation: corner_wobble_2 12s infinite; }
.btn.corner-wobble-3:hover { animation: corner_wobble_3 12s infinite; }
.btn.btn-white { top: 140px; background: #FFF; color: #30B2BB; text-shadow: none; }
@keyframes spin_star {
0% { opacity: 0; transform: rotate(0deg); }
10%,40% { opacity: 1; }
100% { opacity: 0; transform: rotate(360deg); } }
.btn.bg-spin-star,
.btn.bg-spin-star-hover:hover { overflow: hidden; }
.btn.bg-spin-star:before,
.btn.bg-spin-star-hover:hover:before { background-image: url('../img/wobble.btnback.png'); background-position: center; background-size: 100%; animation: spin_star 10s infinite; z-index: -0; width: 200%; height: 500px; display: block; content: " "; position: relative; margin: -230px auto -270px -50%; }