/* CSS Document */
* {
    margin:0px;
    padding:0px;
    box-sizing:border-box;
}
body {
    font:14px/24px 'Roboto', Arial, sans-serif;
	font-weight:400;
}
.hide {
    display:none;
}
.frame-space-before-extra-small {
    margin-top:20px !important;
}
.frame-space-before-small {
    margin-top:40px !important;
}
.frame-space-before-medium {
    margin-top:60px !important;
}
.frame-space-before-large {
    margin-top:80px !important;
}
.frame-space-before-extra-large {
    margin-top:100px !important;
}
.frame-space-after-extra-small {
    margin-bottom:20px !important;
}
.frame-space-after-small {
    margin-bottom:40px !important;
}
.frame-space-after-medium {
    margin-bottom:60px !important;
}
.frame-space-after-large {
    margin-bottom:80px !important;
}
.frame-space-after-extra-large {
    margin-bottom:100px !important;
}
.clearer {
    clear:both;
}
.wrapper {
    overflow-x:hidden;
	padding:1px 0px;
}
.row {
    display:block;
}
.wrapper:after, .row:after {
	content:'';
	display:block;
	clear:both;
}
/* Globals - Start */
img, video, embed, object, .video {
    display:block;
    max-width:100%;
    height:auto !important;
}
a {
    text-decoration:underline;
    transition:all 0.30s ease-in-out 0s;
}
a.linkbox {
	text-decoration:none;
	display:block;
	padding:0px;
	transform: scale(1);
}
a.linkbox:hover {
	transform: scale(1.05);
}
a.linkbox .ce-bodytext {
	padding:0px 20px;
}
a.linkbox .ce-bodytext {
	padding:0px 20px;
}
a.linkbox .ce-bodytext p.text-right {
	margin-bottom:0px;
}
a.linkbox .ce-bodytext p.text-right .button {
	margin-right:-20px;
}
h1, h2, h3, h4, h5 {
	line-height:40px;
}
h1, h2 {
    font-weight:800;
}
h1 {
	font-size:34px;
}
h2 {
    font-size:28px;
}
h3 {
    font-size:18px;
    font-weight:400;
	line-height:26px;
}
h4 {
    font-size:15px;
	line-height:22px;;
	margin-bottom:10px;
    font-weight:600;
}
h5 {
    font-size:14px;
	font-weight:600;
}
@media screen and (max-width:999px) {
	h1 {
		font-size:25px;
        line-height:37px;
	}
	h2{
		font-size:20px;
        line-height:30px;
	}
}
ul, ol, p, h1, h2, h3, h4, h5, blockquote {
    margin:20px 0px;
}
ul, ol {
    display:block;
    list-style:none;
}
ul li, ol li {
    list-style:none;
    margin:0px 0px 0px 22px;
    padding:0px 0px 0px 0px;
}
ol {
    counter-reset:ol-counter;
}
ol li {
    padding-bottom:20px;
    margin-bottom:20px;
}
ol li:before {
	content:counter(ol-counter);
	counter-increment:ol-counter;
}
ul li {
    list-style:disc;
}
ul.hooks {
	display: block;
	list-style:none;
	margin:0px 0px 20px 0px;
	padding:0px;
}
ul.hooks li {
	display:block;
	list-style:none;
	margin:0px;
	padding:0px 0px 0px 40px;
	position:relative;
	font-size:18px;
	line-height:28px;
}
ul.hooks li:before {
	position: absolute;
	display:block;
	left:0px;
	top:0px;
	width:30px;
	height:30px;
	line-height:30px;
	font-size:26px;
	content:'\f00c';
    font-family:FontAwesome;
}
ul.inline {
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	gap:30px;
}
@media screen and (max-width:999px) {
	ul.inline {
		gap:5px;
	}
	ul.inline li {
		gap:5px;
		margin-left:10px;
		margin-right:10px;
	}
}
ul.hooks.inline.small {
    gap:0px;
}
ul.hooks.inline.small li {
    padding-left:20px;
    font-size:13px;
    margin-right:10px;
}
ul.hooks.inline.small li:before {
    width:20px;
    height:28px;
    line-height:28px;
    font-size:15px;
}


ul.icons, ul.downloads {
	display: block;
	list-style:none;
	margin:0px 0px 20px 0px;
	padding:0px;
}
ul.downloads {
	margin:20px 0px 0px;
}


ul.icons li, ul.downloads li {
	display:block;
	list-style:none;
	margin:0px;
	position:relative;
	padding:0px;
}
ul.icons li {
	font-size:18px;
	line-height:45px;
	padding:0px 0px 0px 40px;
}


ul.icons li .fa, ul.icons li .far, ul.icons li .fas {
	position: absolute;
	display:block;
	left:0px;
	top:0px;
	width:45px;
	height:45px;
	line-height:45px;
	font-size:26px;
}
ul.downloads li {
    margin:15px 0px;
    display:flex;
}
ul.downloads li a {
    position:relative;
    display:flex;
    text-decoration:none;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: nowrap;
    flex-direction: row;
    gap:10px;
}
ul.downloads li a.download-withdesc {
    justify-content: flex-start;
}
ul.downloads li a:before {
    display:block;
    flex:0 0 40px;
    height:40px;
    font-size:20px;
    line-height:40px;
    text-align:center;
    content:'\f019';
    font-family:FontAwesome;
    border-radius:50%;
}
ul.downloads li a .download-text {
    flex:0 0 calc(100% - 50px);
}
ul.downloads li a .download-text .download-size {
    font-weight:400;
    white-space: nowrap;
}
ul.downloads li a .download-titel {
    font-weight:800;
}
ul.downloads li a .download-description {
    font-style: italic;
    line-height:20px;
}
ul.downloads li.download {
}
ul.downloads li.download.download_pdf a:before {
    content:'\f1c1';
}
ul.downloads li.download.download_jpg a:before,
ul.downloads li.download.download_gif a:before,
ul.downloads li.download.download_png a:before {
    content:'\f1c5';
}
hr {
    border:none;
    border-top:1px solid #000;
    margin:10px auto;
    position:relative;
    width:100px;
}

blockquote {
	display:flex;
	position:relative;
	max-width:500px;
	text-align:center;
	font-size:20px;
    line-height:26px;
	font-style: italic;
	margin:20px auto;
    justify-content: center;
    align-items: center;
    gap:5px;
}
blockquote cite {
	
}
blockquote:before,
blockquote:after {
    content:"„";
    font-size:50px;
    font-family: "Georgia", Serif;
}
blockquote:after {
    content:"“";
}


.text-center {
	text-align:center;
}
.text-end, .text-right {
	text-align:right;
}
.text-justify {
	text-align:justify;
}
/* Globals - Stop */





/* Accordion - Start */
.accordion {
    border:2px solid #ccc;
    transition:all 0.30s ease-in-out 0s;
}
.accordion + .accordion {
    border-top:none;
}
.accordion .accordion-head {
	padding:10px 90px 10px 20px;
    position:relative;
    cursor:pointer;
}
.accordion .accordion-head > * {
    display:block;
    padding-right:32px;
    margin:10px 0px;
}
.accordion .accordion-head:before {
	font-size:26px;
    display:block;
    position:absolute;
    top:50%;
    right:30px;
    width:30px;
    height:30px;
    font-family:FontAwesome;
    margin:auto;
	margin-top:-15px;
    content:'\f107';
    text-align:center;
    line-height:30px;
}
.accordion.open .accordion-head:before {
    content:'\f106';
}
.accordion-content {
	max-height:0px;
    transition:all 0.30s ease-in-out 0s;
	overflow:hidden;
    padding:0px 20px;
}
.accordion.open .accordion-content {
    display:block;
	max-height:5000px;
    padding:20px;
}
/* Accordion - Stop */





/* Tabs Start */
.tabs {
    display:flex;
    align-items:stretch;
    flex-direction:column;
    flex-wrap:nowrap;
    justify-content:flex-start;
}
.tabs ul.tabnav {
    display:flex;
    flex-direction:row;
    justify-content: flex-start;
    gap:0px;
    margin:0px;
    padding:0px 20px;
    border-bottom:1px solid #ccc;
    flex-wrap: wrap;
}
.tabs ul.tabnav li {
    display:block;
    margin:0px;
    padding:0px;
    margin-left:-3px;
}
.tabs ul.tabnav li {
}
.tabs ul.tabnav li a {
    position:relative;
    display:block;
    text-decoration:none;
    padding:8px 20px;
    margin-right:-1px;
    margin-bottom:-1px;
    transition:none;
    font-weight:400;
    font-size:20px;
    z-index:4;
    border-top-left-radius:10px;
    border-top-right-radius:10px;
}
.tabs ul.tabnav li.aktiv a, .tabs ul.tabnav li:hover a {
    padding-top:4px;
    z-index:5;
}
@media screen and (max-width:1000px) {
    .tabs ul.tabnav {
        padding:0px 3px;
    }
    .tabs ul.tabnav li a {
        padding:4px 10px;
        font-size:16px;
        border-top-left-radius:7px;
        border-top-right-radius:7px;
    }
    .tabs ul.tabnav li.aktiv a, .tabs ul.tabnav li:hover a {
        border-top-width:3px;
        padding-top:1px;
    }
}


.tabs .tabcontents {
    display:block;
    position:relative;
    z-index:6;
}
.tabs .tabcontents .tabcontent {
    display:none;
}
.tabs .tabcontents .tabcontent.aktiv {
    display:block;
}
/* Tabs - Stop */





/* CE-Contents Start */
.bild.center {
	display:flex;
    justify-content: center;
    align-items: stretch;
    flex-direction: row;
    flex-wrap: nowrap;
}
.bild.center figure.image {
    display:block;
}
.bild.center figure.image a {
    display:block;
}
.bild.center figure.image img {
    display:block;
}
.bild.center figure.image figcaption {
    display:block;
    text-align:center;
    font-weight:600;
}
.textfloatbox {
    display:block;
    padding-bottom:20px;
    width:33.3333%;
}
.textfloatbox.textfloatbox-left {
    float:left;
    padding-right:20px;
}
.textfloatbox.textfloatbox-right {
    float:right;
    padding-left:20px;
}
@media screen and (max-width:1000px) {
    .textfloatbox {
        width:50%;
    }
}
@media screen and (max-width:650px) {
    .textfloatbox {
        width:100%;
    }
    .textfloatbox.textfloatbox-left, .textfloatbox.textfloatbox-right {
        float:none;
        padding-right:0px;
        padding-left:0px;
    }
}
.ce-textpic {
    display:flex;
    gap:20px;
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;
    align-content: center;
    
}
.ce-textpic.ce-above {
    flex-direction: column;
}
.ce-textpic.ce-below {
    flex-direction: column;
}
.ce-textpic.ce-left.ce-intext, .ce-textpic.ce-right.ce-intext {
    width:100%;
}
.ce-textpic.ce-right.ce-intext {
    flex-direction: row-reverse;
}
.gallery {
    display:flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: stretch;
    gap:10px;
    width:100%;
}
.gallery .gallery-big {
    display:block;
    position:relative;
    padding:9px;
    border-radius:5px;
}
.gallery .gallery-big .gallery-big-link {
    display:block;
    position:relative;
    overflow:hidden;
}
.gallery .gallery-big .gallery-big-link .gallery-big-image {
    position:relative;
    width:100%;
    height:0px;
}
.gallery .gallery-big .gallery-big-link .gallery-big-image .gallery-big-image-cc {
    position:absolute;
    top:0px;
    right:0px;
    bottom:0px;
    left:0px;
    display:flex;
    align-items: center;
    justify-content: center;
}
.gallery .gallery-big .gallery-big-link .gallery-big-text {
    position:absolute;
    display: block;
    left:0px;
    right:0px;
    transition:all 0.30s ease-in-out 0s;
    bottom:-100%;
    padding:10px;
}
.gallery .gallery-big .gallery-big-link .gallery-big-text.notitle.nodesc {
    display:none
}
.gallery .gallery-big .gallery-big-link:hover .gallery-big-text {
    bottom:0px;
}
.gallery .gallery-big .gallery-big-link .gallery-big-text .gallery-big-text-title {
    font-weight:800;
}
.gallery .gallery-big .gallery-big-link .gallery-big-text .gallery-big-text-desc {
    font-weight:400;
}
.gallery .gallery-big .gallery-big-link .gallery-big-text.notitle .gallery-big-text-title {
    display:none
}
.gallery .gallery-big .gallery-big-link .gallery-big-text.nodesc .gallery-big-text-desc {
    display:none
}
.gallery .gallery-nav {
    display:block;
    overflow:hidden;
    position:relative;
    height:100px;
    margin:0px;
    padding:0px;
}
.gallery .gallery-nav .gallery-scroll {
    display:block;
    position:absolute;
    width:30px;
    height:30%;
    top:50%;
    margin-top:-15px;
    z-index:10;
    cursor:pointer;
}
.gallery .gallery-nav .gallery-scroll-left {
    left:15px;
}
.gallery .gallery-nav .gallery-scroll-right {
    right:15px;
}
.gallery .gallery-nav .gallery-scroll:after {
    display:block;
    font-family:FontAwesome;
    font-size:22px;
    width:20px;
    height:20px;
    line-height:20px;
    padding:5px;
    text-align:center;
    position:absolute;
	border-radius:50%;
} 
.gallery .gallery-nav .gallery-scroll-left:after {
    content:'\f053';
}
.gallery .gallery-nav .gallery-scroll-right:after {
    content:'\f054';
}
.gallery .gallery-nav .gallery-scrollbar {
    display:block;
    position:absolute;
    width:100%;
    height:100px;
    left:0px;
    top:0px;
    right:0px;
    bottom:0px;
    overflow:hidden;
}


.gallery .gallery-nav .gallery-scrollbar ul.gallery-previews {
    display:flex;
    overflow:hidden;
    gap:10px;
    position:absolute;
    margin:0px;
    padding:0px;
    list-style:none;
    z-index:9;
    justify-content:flex-start;
}
.gallery .gallery-nav .gallery-scrollbar ul.gallery-previews li {
    margin:0px;
    padding:0px;
    list-style:none;
}
.gallery .gallery-nav .gallery-scrollbar ul.gallery-previews li a {
    display:block;
    padding:9px;
    width:100px;
    height:100px;
    border-radius:5px;
}
/* CE-Contents Stop */






.content {
    position:relative;
    z-index:100;
    margin:-1px 0px;
    padding:1px 0px;
}
section, .section {
    max-width:1200px;
    display:block;
    width:100%;
    margin:0px auto;
}
.header {
    display:block;
    position:fixed;
    top:0px;
    width:100%;
    z-index:1000;
    transition:all 0.30s ease-in-out 0s;
}
.mainmenu {
    display:flex;
    padding:20px;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: nowrap;
    flex-direction: row;
    width:100%;
    position:relative;
}
.mainmenu .logo {
    width:150px;
    margin-right:35px;
    position: relative;
    z-index:1003;
    transition:all 0.30s ease-in-out 0s;
}
.mainmenu nav.menu {
    display:block;
    margin-left:auto;
}
.mainmenu nav.menu > ul {
    display:flex;
    list-style:none;
    gap:0px;
    margin:0px;
}
.mainmenu nav.menu > ul > li {
    position:relative;
    list-style:none;
    margin:0px;
    padding:0px;
}
.mainmenu nav.menu ul li a {
    display:block;
    text-decoration:none;
    position:relative;
}
.mainmenu nav.menu > ul > li > a {
    padding:10px 20px;
}
.mainmenu nav.menu > ul > li.aktiv:after {
    display:block;
    position:absolute;
    left:50%;
    bottom:6px;
    width:34px;
    margin-left:-17px;
    height:3px;
    content:'';
}
.mainmenu nav.menu > ul > li > ul {
    display:none;
    position:absolute;
    width:320px;
    background:#fff;
    margin:0px;
    padding:0px;
    border-radius:10px;
    overflow:hidden;
}
.mainmenu nav.menu > ul > li > ul > li {
    display:block;
    list-style:none;
    padding:0px;
    margin:0px;
    line-height:16px;
}
.mainmenu nav.menu > ul > li > ul > li .navsubname {
    font-size:12px;
}
.mainmenu nav.menu li:hover > ul {
    display:block;
}
.mainmenu nav.menu > ul > li > ul > li > a {
    display:block;
    padding:10px 20px;
    text-shadow:none;
    position:relative;
    font-weight:800;
}
.mainmenu nav.menu > ul > li > ul > li > a .navsubname {
    font-weight:400;
}
.mainmenu nav.menu > ul > li > ul > li.aktiv > a:before {
    position:absolute;
    display:block;
    width:3px;
    height:100%;
    left:0px;
    top:0px;
    bottom:0px;
    content:'';
}
.mainmenu .menuopener {
    display:none;
}
.top .mainmenu .logo {
    width:225px;
    margin-right:35px;
}
@media screen and (max-width:999px) {
    .header, .top .header {
        position:static;
        height:96px;
    }
    .mainmenu, .top .mainmenu {
        padding:0px;
    }
    .mainmenu .menuopener {
        display:block;
        position:absolute;
        top:23px;
        right:20px;
        width:50px;
        height:50px;
        text-align:center;
        font-size:30px;
        cursor:pointer;
    }
    .mainmenu .menuopener .fa {
        display:block;
        width:50px;
        height:50px;
        line-height:50px;
    }
    .mainmenu .menuopener .open, .mainmenu.resmenuopen .menuopener .close {
        display:block;
    }
    .mainmenu.resmenuopen .menuopener .open, .mainmenu .menuopener .close {
        display:none;
    }
    .mainmenu .logo, .top .mainmenu .logo {
        position:absolute;
        left:0px;
        bottom:0px;
        top:0px;
        width:260px;
        margin-right:35px;
        height:96px;
        display:flex;
        padding:10px;
    }
    .mainmenu nav.menu, .top .mainmenu nav.menu {
        display:none;
        position:absolute;
        top:116px;
        left:20px;
        right:20px;
        z-index:101;
    }
    .mainmenu.resmenuopen nav.menu {
        display:block;
    }
    .mainmenu nav.menu > ul {
        flex-direction: column;
        align-items: flex-start;
    }
    .mainmenu nav.menu > ul > li {
        display:block;
        width:100%;
    }
    .mainmenu nav.menu > ul > li > ul {
        display:block;
        position:static;
        width:100%;
        border-radius:0px;
        background:transparent;
    }
    .mainmenu nav.menu ul li ul li a, .top .mainmenu nav.menu ul li ul li a {
        padding:10px 40px;
    }
    .mainmenu nav.menu > ul > li.aktiv:after {
        content:none;
    }
    .mainmenu nav.menu ul > li.aktiv > a:before {
        position:absolute;
        display:block;
        width:5px;
        height:100%;
        left:0px;
        top:0px;
        bottom:0px;
        content:'';
    }
    .mainmenu nav.menu ul > li > ul > li.aktiv > a:before {
        width:10px;
    }
}





.footer {
    display:block;
    line-height:20px;
}
.footer h5 {
    font-weight:800;
    font-size:20px;
    line-height:24px;
}
.footer ul {
    list-style:none;
    padding:0px;
    margin:0px;
}
.footer ul li {
    display:block;
    list-style:none;
    padding:10px 0px 10px 20px;
    margin:0px;
}
.footer ul li a {
    display:block;
    margin:-10px 0px -10px -20px;
    padding:10px 0px 10px 20px;
    position:relative;
    text-decoration:none;
}
.footer ul li a:before {
    position:absolute;
    left:0px;
    top:10px;
    content:'\f101';
    font-family:FontAwesome;
}
.footer ul li:last-child {
    border-bottom:none;
}
.footer ul.icons {
    padding:0px;
    margin:0px;
}
.footer ul.icons li {
    list-style:none;
    padding:10px 0px 10px 45px;
    margin:0px;
    line-height:inherit;
    font-size:inherit;
    border-bottom:none;
}
.footer ul.icons li a:before {
    content:none;
}
.footer ul.icons li a {
    display:block;
    margin:-10px 0px -10px -45px;
    padding:10px 0px 10px 45px;
    position:relative;
    text-decoration:none;
}
.footer ul.icons li .fa-solid, .footer ul.icons li .fa-brands, .footer ul.icons li .fa-regular, .footer ul.icons li .fa {
    position:absolute;
    left:0px;
    top:5px;
    width:30px;
    height:30px;
    line-height:30px;
    border-radius:50%;
    text-align:center;
    font-size:16px;
}
.subfooter {
}
.subfooter a {
    text-decoration:none;
}
.subfooter ul, .subfooter p {
    margin:0px;
}
.button {
    display:inline-block;
    font-size:14px;
    line-height:24px;
    padding:8px 30px;
    border-radius:20px;
    text-decoration:none;
    transition:all 0.15s ease-in-out 0s;
    text-shadow: none;
}
.button.smallbutton {
    line-height:24px;
    padding:3px 20px;
    border-radius:15px;
}
.button + .button, .button:has(+ .button) {
    margin:15px;
}
.design-bgeffect2 .button {
    transition:all 0.15s ease-in-out 0s;
}
.button .fa,
.button .fas,
.button .far,
.button .fa-solid,
.button .fa-regular,
.button .fa-bold {
    font-size:20px;
    margin-left:-15px;
    line-height:24px;
}
.design-greyscaleimg {
    
}
.design-greyscaleimg img {
    filter: grayscale(1);
    transition:all 0.30s ease-in-out 0s;
    margin:auto;
}
.design-greyscaleimg figcaption {
    max-width:250px;
}
.design-greyscaleimg img:hover {
    filter: grayscale(0);
}
.design-smallsize {
    max-width:800px;
    margin:auto;
    width:100%;
}
.design-teaser {
    border-radius:10px;
    padding:0px;
    overflow:hidden;
}
.design-teaser .ce-image .bild .overlayimage {
}
.design-teaser .ce-image .bild .overlayimage a {
    display:block;
    position:relative;
}
.design-teaser .ce-image .bild .overlayimage a .overlay {
    position:absolute;
    display:block;
    left:0px;
    bottom:0px;
    right:0px;
    padding:10px 20px;
}
.design-teaser .ce-image .bild .overlayimage a .overlay h2 {
    margin:5px 0px 0px;
}
.design-teaser .ce-image .bild .overlayimage a .overlay p {
    margin:0px 0px 5px;
    line-height:26px;
    font-size:20px;
}
.stage {
    background-size:cover;
    background-position:center bottom;
    background-repeat:repeat-x;
    display:block;
    position:relative;
    width:100%;
    padding:0px;
    overflow:hidden;
}
@media screen and (min-width:1920px) {
    .stage {
        background-size:auto 100%;
    }
}
.stage .stagecontent {
    display:block;
    max-width:1200px;
    width:100%;
    height:0px;
    padding-bottom:50%;
    position:relative;
    margin:auto;
}
.stage.stagesmall .stagecontent {
    padding-bottom:25%;
}
@media screen and (min-width:1920px) {
    .stage .stagecontent {
        height:1000px;
        padding-bottom:0px;
    }
    .stage.stagesmall .stagecontent {
        padding-bottom:0px;
        height:450px;
    }
}
.stage .stagecontent .stagecontentimage {
    position:absolute;
    right:20px;
    bottom:0px;
    left:20px;
}

.stage .stagecontent .stageinnercontent {
    display:flex;
    position:absolute;
    top:0px;
    right:0px;
    bottom:0px;
    left:0px;
    width:auto;
    align-items: center;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: space-between;
    margin:0px auto;
    padding:0px 20px;
    gap:20px;
}
.stage .stagecontent .stageinnercontent .stageleft {
    flex:0 0 50%;
}
.stage .stagecontent .stageinnercontent .stageright {
    flex:0 0 20%;
}
.stage h1 {
    text-transform:none;
    font-size:60px;
    font-weight:bold;
}
.stage p {
    font-size:30px;
    line-height:40px;
}
@media screen and (max-width:1399px) {
    .stage h1 {
        font-size:50px;
    }
    .stage p {
        font-size:20px;
        line-height:26px;
    }
}
@media screen and (max-width:1199px) {
    .stage h1 {
        font-size:30px;
    }
    .stage p {
        font-size:15px;
        line-height:20px;
    }
}
@media screen and (max-width:649px) {
    .stage .stagecontent {
        padding-bottom:0px;
        height:auto;
    }
    .stage .stagecontent .stageinnercontent {
        position:relative;
    }
    .stage .stagecontent .stageinnercontent .stageleft {
        flex:0 0 100%;
    }
    .stage .stagecontent .stageinnercontent .stageright {
        display:none;
    }
}





.frame-shadow {
    border-radius:10px;
    padding:20px;
    overflow:hidden;
}
.frame-shadow header:first-child h1,
.frame-shadow header:first-child h2,
.frame-shadow header:first-child h3,
.frame-shadow header:first-child h4,
.frame-shadow header:first-child h5 {
    margin-top:0px;
}
.bodytext > *:last-child {
    margin-bottom:0px;
}
.bodytext > *:first-child {
    margin-top:0px;
}
.design-bgeffect, .design-bgeffect2 {
    background-repeat:no-repeat;
    background-size:cover;
    display:block;
    position:relative;
    background-position: 50%;
    background-attachment: fixed;
}
.design-bgeffect:before, .design-bgeffect2:before {
    content:'';
    display:block;
    width:100%;
    height:100%;
    position:absolute;
    left:0px;
    top:0px;
    bottom:0px;
    right:0px;
    opacity:0.8;
}
.design-iconblock {
    text-align:center;
}
.design-iconblock .fa-solid,
.design-iconblock .fas,
.design-iconblock .fa-brands,
.design-iconblock .fab,
.design-iconblock .fa-regular,
.design-iconblock .far,
.design-iconblock .fa {
    display:block;
    width:70px;
    height:70px;
    line-height:70px;
    font-size:35px;
    border-radius:50%;
    margin:0px auto;
}
.design-iconblock h3 {
    font-weight:800;
    margin:20px 0px 10px;
    font-size:20px;
    line-height:24px;
}
.design-iconblock p {
    margin:0px;
	font-size:30px;
    font-weight:800;
}


/* Gridsystem Start */
.explodegrid {
    margin:0px -20px;
}
.explodegrid.explodeoben {
    margin-top:-20px;
}
.explodegrid.explodeunten {
    margin-bottom:-20px;
}
.floatgrid {
}
.floatgrid .floatgridelement {
    display:flex;
    
}
.floatgrid .floatgridelement > * {
    width:100%;
    margin-top:0px;
    margin-bottom:0px;
}
.grid0-xs, .grid1-xs, .grid1_5-xs, .grid2-xs, .grid3-xs, .grid4-xs, .grid4_5-xs, .grid5-xs, .grid5th-xs, .grid6-xs, .grid7-xs, .grid8-xs, .grid9-xs, .grid10-xs, .grid11-xs, .grid12-xs,
.grid0-sm, .grid1-sm, .grid1_5-sm, .grid2-sm, .grid3-sm, .grid4-sm, .grid4_5-sm, .grid5-sm, .grid5th-sm, .grid6-sm, .grid7-sm, .grid8-sm, .grid9-sm, .grid10-sm, .grid11-sm, .grid12-sm,
.grid0-md, .grid1-md, .grid1_5-md, .grid2-md, .grid3-md, .grid4-md, .grid4_5-md, .grid5-md, .grid5th-md, .grid6-md, .grid7-md, .grid8-md, .grid9-md, .grid10-md, .grid11-md, .grid12-md,
.grid0-lg, .grid1-lg, .grid1_5-lg, .grid2-lg, .grid3-lg, .grid4-lg, .grid4_5-lg, .grid5-lg, .grid5th-lg, .grid6-lg, .grid7-lg, .grid8-lg, .grid9-lg, .grid10-lg, .grid11-lg, .grid12-lg {
    position:relative;
    min-height:1px;
    padding:0px 20px;

    display:block;
}
.grid0-xs, .grid1-xs, .grid1_5-xs, .grid2-xs, .grid3-xs, .grid4-xs, .grid4_5-xs, .grid5-xs, .grid5th-xs, .grid6-xs, .grid7-xs, .grid8-xs, .grid9-xs, .grid10-xs, .grid11-xs, .grid12-xs {
    float:left;
}
.grid0-xs {
    display:none;
}
.grid1-xs {
    width:8.33%;
}
.grid1_5-xs {
    width:12.25%;
}
.grid2-xs {
    width:16.66%;
	padding:0px 10px;
}
.grid3-xs {
    width:25%;
}
.grid4-xs {
    width:33.33%
}
.grid4_5-xs {
    width:37.5%;
}
.grid5-xs {
    width:41.66%
}
.grid5th-xs {
    width:20%
}
.grid6-xs {
    width:50%;
}
.grid7-xs {
    width:58.33%;
}
.grid8-xs {
    width:66.66%
}
.grid9-xs {
    width:75%;
}
.grid10-xs {
    width:83.33%;
}
.grid11-xs {
    width:91.66%;
}
.grid12-xs {
    width:100%;
}
.not-xs {
    display:none;
}
@media screen and (min-width:650px) {
	.grid2-xs {
		padding:0px 20px;
	}
    .not-xs {
        display:block;
    }
    .grid0-sm, .grid1-sm, .grid1_5-sm, .grid2-sm, .grid3-sm, .grid4-sm, .grid4_5-sm, .grid5-sm, .grid5th-sm, .grid6-sm, .grid7-sm, .grid8-sm, .grid9-sm, .grid10-sm, .grid11-sm, .grid12-sm {
        float:left;
        display:block;
    }
    .grid0-sm {
        display:none;
    }
    .grid1-sm {
        width:8.33%;
    }
    .grid1_5-sm {
        width:12.25%;
    }
    .grid2-sm {
        width:16.66%;
    }
    .grid3-sm {
        width:25%;
    }
    .grid4-sm {
        width:33.33%;
    }
    .grid4_5-sm {
        width:37.5%;
    }
    .grid5-sm {
        width:41.66%;
    }
    .grid5th-sm {
        width:20%;
    }
    .grid6-sm {
        width:50%;
    }
    .grid7-sm {
        width:58.33%;
    }
    .grid8-sm {
        width:66.66%;
    }
    .grid9-sm {
        width:75%;
    }
    .grid10-sm {
        width:83.33%;
    }
    .grid11-sm {
        width:91.66%;
    }
    .grid12-sm {
        width:100%;
    }
}
@media screen and (min-width:1000px) {
    .grid0-md, .grid1-md, .grid1_5-md, .grid2-md, .grid3-md, .grid4-md, .grid4_5-md, .grid5-md, .grid5th-md, .grid6-md, .grid7-md, .grid8-md, .grid9-md, .grid10-md, .grid11-md, .grid12-md {
        float:left;
        display:block;
    }
    .grid0-md {
        display:none;
    }
    .grid1-md {
        width:8.33%;
    }
    .grid1_5-md {
        width:12.5%;
    }
    .grid2-md {
        width:16.66%;
    }
    .grid3-md {
        width:25%;
    }
    .grid4-md {
        width:33.33%;
    }
    .grid4_5-md {
        width:37.5%;
    }
    .grid5-md {
        width:41.66%;
    }
    .grid5th-md {
        width:20%;
    }
    .grid6-md {
        width:50%;
    }
    .grid7-md {
        width:58.33%;
    }
    .grid8-md {
        width:66.66%;
    }
    .grid9-md {
        width:75%;
    }
    .grid10-md {
        width:83.33%;
    }
    .grid11-md {
        width:91.66%;
    }
    .grid12-md {
        width:100%;
    }
}
@media screen and (min-width:1200px) {
    .grid0-lg, .grid1-lg, .grid1_5-lg, .grid2-lg, .grid3-lg, .grid4-lg, .grid4_5-lg, .grid5-lg, .grid5th-lg, .grid6-lg, .grid7-lg, .grid8-lg, .grid9-lg, .grid10-lg, .grid11-lg, .grid12-lg {
        float:left;
        display:block;
    }
    .grid0-lg {
        display:none;
    }
    .grid1-lg {
        width:8.33%;
    }
    .grid1_5-lg {
        width:12.5%;
    }
    .grid2-lg {
        width:16.66%;
    }
    .grid3-lg {
        width:25%;
    }
    .grid4-lg {
        width:33.33%;
    }
    .grid4_5-lg {
        width:37.5%;
    }
    .grid5-lg {
        width:41.66%;
    }
    .grid5th-lg {
        width:20%;
    }
    .grid6-lg {
        width:50%;
    }
    .grid7-lg {
        width:58.33%;
    }
    .grid8-lg {
        width:66.66%;
    }
    .grid9-lg {
        width:75%;
    }
    .grid10-lg {
        width:83.33%;
    }
    .grid11-lg {
        width:91.66%;
    }
    .grid12-lg {
        width:100%;
    }
}
.nopadding {
    padding:0px;
}
.mobilepx {
    position:absolute;
    top:0px;
    left:0px;
    display:none;
    visibility:hidden;
    width:1px;
    height:1px;
}
@media screen and (max-width:649px) {
    .mobilepx {
        display:block;
        visibility:visible;
    }
}
/* Gridsystem Stop */








.carousel {
    padding:0px;
    width:100%;
    position:relative;
}
.carousel.carousel-with-spacer {
    margin-left:-20px;
    margin-right:-20px;
    width:calc(100% + 40px);
}
.carousel.carousel-with-spacer.carousel-useviewport {
    margin-left:0px;
    margin-right:0px;
    width:100%;
}
.carousel .carousel-viewport {
    display:block;
    width:100%;
    position:relative;
    overflow:hidden;
}
.carousel.carousel-useviewport .carousel-viewport {
    max-width:1200px;
    display:block;
    width:100%;
    margin:0px auto;
    overflow:unset;
}
.carousel .carousel-viewport .carousel-content {
    display:flex;
    flex-wrap:nowrap;
    flex-direction:row;
    align-items:stretch;
    justify-content:flex-start;
    width:300%;
    margin-left:-100%;
    position:relative;
    top:0px;
    height:inherit;
}
.carousel[data-viewelements="2"] .carousel-viewport .carousel-content,
.carousel[data-viewelements="3"] .carousel-viewport .carousel-content,
.carousel[data-viewelements="4"] .carousel-viewport .carousel-content,
.carousel[data-viewelements="5"] .carousel-viewport .carousel-content,
.carousel[data-viewelements="6"] .carousel-viewport .carousel-content {
    margin-left:0px;
}
.carousel[data-viewelements="2"] .carousel-viewport .carousel-content {
    left:-50%;
    right:-50%;
    width:200%;
}
.carousel[data-viewelements="3"] .carousel-viewport .carousel-content {
    left:-33.3333%;
    right:-33.3333%;
    width:166.6666%;
}
.carousel[data-viewelements="4"] .carousel-viewport .carousel-content {
    left:-25%;
    right:-25%;
    width:150%;
}
.carousel[data-viewelements="5"] .carousel-viewport .carousel-content {
    left:-20%;
    right:-20%;
    width:140%;
}
.carousel[data-viewelements="6"] .carousel-viewport .carousel-content {
    left:-16.6666%;
    right:-16.6666%;
    width:133.3333%;
}
.carousel .carousel-viewport .carousel-content .carousel-element {
    display:block;
    transform:scale(0);
    position:absolute;
    top:0px;
    /*left:50%;*/
    transition:all 0.30s ease-in-out 0s;
}
.carousel .carousel-viewport .carousel-content .carousel-element .stimme {
    height:calc(100% - 110px);
}
.carousel.carousel-with-spacer .carousel-viewport .carousel-content .carousel-element {
    padding:0px 20px;
}
/*
.carousel .carousel-viewport .carousel-content.moveright .carousel-element.carousel-last,
.carousel .carousel-viewport .carousel-content.moveright .carousel-element.carousel-last,
.carousel[data-viewelements="1"] .carousel-viewport .carousel-content.moveright .carousel-element[data-shownum="2"],
.carousel[data-viewelements="2"] .carousel-viewport .carousel-content.moveright .carousel-element[data-shownum="3"],
.carousel[data-viewelements="3"] .carousel-viewport .carousel-content.moveright .carousel-element[data-shownum="4"],
.carousel[data-viewelements="4"] .carousel-viewport .carousel-content.moveright .carousel-element[data-shownum="5"],
.carousel[data-viewelements="5"] .carousel-viewport .carousel-content.moveright .carousel-element[data-shownum="6"],
.carousel[data-viewelements="6"] .carousel-viewport .carousel-content.moveright .carousel-element[data-shownum="7"]
{
    transition:none;
}
*/
.carousel .carousel-viewport .carousel-content .carousel-element.carousel-last,
.carousel .carousel-viewport .carousel-content .carousel-element[data-shownum="1"],
.carousel[data-viewelements="1"] .carousel-viewport .carousel-content .carousel-element[data-shownum="2"],

.carousel[data-viewelements="2"] .carousel-viewport .carousel-content .carousel-element[data-shownum="2"],
.carousel[data-viewelements="2"] .carousel-viewport .carousel-content .carousel-element[data-shownum="3"],

.carousel[data-viewelements="3"] .carousel-viewport .carousel-content .carousel-element[data-shownum="2"],
.carousel[data-viewelements="3"] .carousel-viewport .carousel-content .carousel-element[data-shownum="3"],
.carousel[data-viewelements="3"] .carousel-viewport .carousel-content .carousel-element[data-shownum="4"],

.carousel[data-viewelements="4"] .carousel-viewport .carousel-content .carousel-element[data-shownum="2"],
.carousel[data-viewelements="4"] .carousel-viewport .carousel-content .carousel-element[data-shownum="3"],
.carousel[data-viewelements="4"] .carousel-viewport .carousel-content .carousel-element[data-shownum="4"],
.carousel[data-viewelements="4"] .carousel-viewport .carousel-content .carousel-element[data-shownum="5"],

.carousel[data-viewelements="5"] .carousel-viewport .carousel-content .carousel-element[data-shownum="2"],
.carousel[data-viewelements="5"] .carousel-viewport .carousel-content .carousel-element[data-shownum="3"],
.carousel[data-viewelements="5"] .carousel-viewport .carousel-content .carousel-element[data-shownum="4"],
.carousel[data-viewelements="5"] .carousel-viewport .carousel-content .carousel-element[data-shownum="5"],
.carousel[data-viewelements="5"] .carousel-viewport .carousel-content .carousel-element[data-shownum="6"],

.carousel[data-viewelements="6"] .carousel-viewport .carousel-content .carousel-element[data-shownum="2"],
.carousel[data-viewelements="6"] .carousel-viewport .carousel-content .carousel-element[data-shownum="3"],
.carousel[data-viewelements="6"] .carousel-viewport .carousel-content .carousel-element[data-shownum="4"],
.carousel[data-viewelements="6"] .carousel-viewport .carousel-content .carousel-element[data-shownum="5"],
.carousel[data-viewelements="6"] .carousel-viewport .carousel-content .carousel-element[data-shownum="6"],
.carousel[data-viewelements="6"] .carousel-viewport .carousel-content .carousel-element[data-shownum="7"] {
    transform:scale(1);
    z-index:5;
}
.carousel[data-viewelements="1"] .carousel-viewport .carousel-content .carousel-element {
    width:33.3333%;
}
.carousel[data-viewelements="2"] .carousel-viewport .carousel-content .carousel-element {
    width:25%;
}
.carousel[data-viewelements="3"] .carousel-viewport .carousel-content .carousel-element {
    width:20%;
}
.carousel[data-viewelements="4"] .carousel-viewport .carousel-content .carousel-element {
    width:16.6666%;
}
.carousel[data-viewelements="5"] .carousel-viewport .carousel-content .carousel-element {
    width:14.2857%;
}
.carousel[data-viewelements="6"] .carousel-viewport .carousel-content .carousel-element {
    width:12.5%;
}

.carousel .carousel-viewport .carousel-content .carousel-element.carousel-last {
    mask-image: linear-gradient(to right, transparent 0%, black 100%);
    -webkit-mask-image: linear-gradient(to right, transparent 0%, black 100%);
    left:0%;
    z-index:4;
}
.carousel[data-viewelements="1"] .carousel-viewport .carousel-content .carousel-element[data-shownum="1"],
.carousel[data-viewelements="4"] .carousel-viewport .carousel-content .carousel-element[data-shownum="2"] {
    left:33.3333%
}
.carousel[data-viewelements="1"] .carousel-viewport .carousel-content .carousel-element[data-shownum="2"],
.carousel[data-viewelements="4"] .carousel-viewport .carousel-content .carousel-element[data-shownum="4"] {
    left:66.6666%;
}
.carousel[data-viewelements="2"] .carousel-viewport .carousel-content .carousel-element[data-shownum="1"],
.carousel[data-viewelements="6"] .carousel-viewport .carousel-content .carousel-element[data-shownum="2"] {
    left:25%
}
.carousel[data-viewelements="2"] .carousel-viewport .carousel-content .carousel-element[data-shownum="2"],
.carousel[data-viewelements="4"] .carousel-viewport .carousel-content .carousel-element[data-shownum="3"],
.carousel[data-viewelements="6"] .carousel-viewport .carousel-content .carousel-element[data-shownum="4"] {
    left:50%;
}
.carousel[data-viewelements="2"] .carousel-viewport .carousel-content .carousel-element[data-shownum="3"],
.carousel[data-viewelements="6"] .carousel-viewport .carousel-content .carousel-element[data-shownum="6"] {
    left:75%;
}
.carousel[data-viewelements="3"] .carousel-viewport .carousel-content .carousel-element[data-shownum="1"] {
    left:20%
}
.carousel[data-viewelements="3"] .carousel-viewport .carousel-content .carousel-element[data-shownum="2"] {
    left:40%;
}
.carousel[data-viewelements="3"] .carousel-viewport .carousel-content .carousel-element[data-shownum="3"] {
    left:60%;
}
.carousel[data-viewelements="3"] .carousel-viewport .carousel-content .carousel-element[data-shownum="4"] {
    left:80%;
}
.carousel[data-viewelements="4"] .carousel-viewport .carousel-content .carousel-element[data-shownum="1"] {
    left:16.6666%;
}
.carousel[data-viewelements="4"] .carousel-viewport .carousel-content .carousel-element[data-shownum="5"] {
    left:83.3333%;
}
.carousel[data-viewelements="5"] .carousel-viewport .carousel-content .carousel-element[data-shownum="1"] {
    left:14.2857%;
}
.carousel[data-viewelements="5"] .carousel-viewport .carousel-content .carousel-element[data-shownum="2"] {
    left:28.5714%;
}
.carousel[data-viewelements="5"] .carousel-viewport .carousel-content .carousel-element[data-shownum="3"] {
    left:42.8571%;
}
.carousel[data-viewelements="5"] .carousel-viewport .carousel-content .carousel-element[data-shownum="4"] {
    left:57.1428%;
}
.carousel[data-viewelements="5"] .carousel-viewport .carousel-content .carousel-element[data-shownum="5"] {
    left:71.4285%;
}
.carousel[data-viewelements="5"] .carousel-viewport .carousel-content .carousel-element[data-shownum="6"] {
    left:85.7142%;
}
.carousel[data-viewelements="6"] .carousel-viewport .carousel-content .carousel-element[data-shownum="1"] {
    left:12.5%;
}
.carousel[data-viewelements="6"] .carousel-viewport .carousel-content .carousel-element[data-shownum="3"] {
    left:37.5%;
}
.carousel[data-viewelements="6"] .carousel-viewport .carousel-content .carousel-element[data-shownum="5"] {
    left:62.5%;
}
.carousel[data-viewelements="6"] .carousel-viewport .carousel-content .carousel-element[data-shownum="7"] {
    left:87.5%;
}

.carousel[data-viewelements="1"] .carousel-viewport .carousel-content .carousel-element[data-shownum="2"],
.carousel[data-viewelements="2"] .carousel-viewport .carousel-content .carousel-element[data-shownum="3"],
.carousel[data-viewelements="3"] .carousel-viewport .carousel-content .carousel-element[data-shownum="4"],
.carousel[data-viewelements="4"] .carousel-viewport .carousel-content .carousel-element[data-shownum="5"],
.carousel[data-viewelements="5"] .carousel-viewport .carousel-content .carousel-element[data-shownum="6"],
.carousel[data-viewelements="6"] .carousel-viewport .carousel-content .carousel-element[data-shownum="7"] {
    mask-image: linear-gradient(to left, transparent 0%, black 100%);
    -webkit-mask-image: linear-gradient(to left, transparent 0%, black 100%);
    z-index:4;
}






.carousel .carousel-viewport .carousel-content .carousel-element {
}
.carousel .carousel-viewport .carousel-content .carousel-element {
}
.carousel .carousel-viewport .carousel-content .carousel-element {
}
.carousel .carousel-viewport .carousel-content .carousel-element {
}
.carousel .carousel-viewport .carousel-content .carousel-element {
}
.carousel .carousel-points {
    display:block;
    width:100%;
    position:relative;
}
.carousel.carousel-useviewport .carousel-points {
    max-width:1200px;
    margin:0px auto;
}
.carousel .carousel-points ul {
    display:flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin:20px auto;
    list-style:none;
    padding:0px;
    gap:6px;
}
.carousel .carousel-points ul li.carousel-point {
    display:block;
    width:34px;
    height:34px;
    padding:0px;
    margin:0px;
    cursor:pointer;
    position:relative;
}
.carousel .carousel-points ul li.carousel-point:after,
.carousel .carousel-points ul li.carousel-point:before {
    display:block;
    position:absolute;
    left:7px;
    top:7px;
    right:7px;
    bottom:7px;
    content:'';
    transition:all 0.25s ease-in-out 0s;
    border-radius:50%;
    opacity:1;
}
.carousel .carousel-points ul li.carousel-point.aktiv:after, .carousel .carousel-points ul li.carousel-point:hover:after {
    left:0px;
    top:0px;
    right:0px;
    bottom:0px;
    opacity:0.2;
}
.carousel .carousel-nav {
    display:none;
}
.carousel .carousel-nav .carousel-prev, .carousel .carousel-nav .carousel-next {
    display:block;
    position:absolute;
    top:0px;
    bottom:0px;
    left:20px;
    right:20px;
    cursor:pointer;
    z-index:6;
}

.carousel.carousel-useviewport .carousel-nav .carousel-prev,
.carousel.carousel-useviewport .carousel-nav .carousel-next {
    left:-70px;
    right:-70px;
}
@media screen and (max-width:1360px) {
    .carousel.carousel-useviewport .carousel-nav .carousel-prev,
    .carousel.carousel-useviewport .carousel-nav .carousel-next {
        left:20px;
        right:20px;
    }
}


.carousel .carousel-nav .carousel-next {
    left:auto !important;
}
.carousel .carousel-nav .carousel-prev {
    right:auto !important;
}
.carousel .carousel-nav .carousel-prev:after, .carousel .carousel-nav .carousel-next:after {
    display:block;
    font-family:FontAwesome;
    font-size:22px;
	color:#333333;
    width:20px;
    height:20px;
    line-height:20px;
    padding:10px;
    text-align:center;
    position:absolute;
    top:50%;
    margin-top:-20px;
	border-radius:50%;
	background:#fff;
    box-shadow:1px 1px 3px 1px rgba(0, 0, 0, 0.5);
}
.carousel .carousel-nav .carousel-prev:after {
    content:'\f053';
    left:20px;
}
.carousel .carousel-nav .carousel-next:after {
    content:'\f054';
    right:20px;
}
.adspace {
    display:flex;
    margin:auto;
    max-width:100%;
    align-items: center;
    justify-content: center;
}


/* Formulare - Start */
fieldset {
    padding:1px 5px;
    background:none;
    border:1px solid #000000;
}
fieldset legend {
    margin:5px 0px;
    font-size:16px;
    line-height:22px;
    color:#333;
    font-weight:600;
    padding:0px 5px;
}
.form-group {
	margin:5px 0px;
}
.form-group input[type="text"], .form-group input[type="password"], .form-group input[type="email"], .form-group textarea, .form-group select {
	margin:0px;
	padding:8px;
	width:100%;
    line-height:24px;
	background:#efefef;
	border:none;
    color:#333;
	font-family:'Roboto', Arial, sans-serif;
}
.form-group input[type="text"]:focus, .form-group input[type="password"]:focus, .form-group input[type="email"]:focus, .form-group textarea:focus {
	box-shadow:0 0 3px rgba(255, 255, 255, 0.2);
}
.form-group select[multiple]
{
	height:auto;
}
.form-group textarea {
	resize:none;
	overflow:auto;
	min-height:38px;
	height:auto;
}
.actions button, .actions input[type=button], .actions input[type=submit] {
    display:block;
    font-size:14px;
    line-height:24px;
    padding:8px 30px;
    border-radius:20px;
    text-decoration:none;
    transition:all 0.15s ease-in-out 0s;
    margin:auto;
}
.actions button:hover, .actions .button:hover, .actions input[type=button]:hover, .actions input[type=submit]:hover {
    box-shadow: inset 0px 0px 15px rgba(0, 0, 0, 0.30), 0px 0px 15px rgba(0, 0, 0, 0.30);
    color:#fff;
}
/* Formulare - Stop */

@keyframes blendleft {
    from {
        transform:translate(100%, 0%);
        opacity:0;
    }
    to {
        transform:translate(0%, 0%);
        opacity:1;
    }
}
@keyframes blendright {
    from {
        transform:translate(-100%, 0%);
        opacity:0;
    }
    to {
        transform:translate(0%, 0%);
        opacity:1;
    }
}
@keyframes blendup {
    from {
        /*transform:translate(0%, 100%);*/
        opacity:0;
    }
    to {
        /*transform:translate(0%, 0%);*/
        opacity:1;
    }
}
.scrollblender {
    opacity:1;
    /*transform:translate(0%, 0%);*/
    min-height:30px;
}
.scrollblender.viewarea {
    animation:blendup 1s;
}
.scrollblender.viewarea.blendleft {
    animation:blendright 1s;
}
.scrollblender.viewarea.blendright {
    animation:blendleft 1s;
}

body.top .scrolledunscrolled.unscrolled,
body .scrolledunscrolled.scrolled {
    display:block;
}
body .scrolledunscrolled.unscrolled,
body.top .scrolledunscrolled.scrolled {
    display:none;
}
@media screen and (max-width:999px) {
    body .scrolledunscrolled.unscrolled,
    body.top .scrolledunscrolled.unscrolled {
        display:none;
    }
    body .scrolledunscrolled.scrolled,
    body.top .scrolledunscrolled.scrolled {
        display:block;
    }
}