html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block;}body{line-height:1;}ol, ul{list-style:none;}blockquote, q{quotes:none;}blockquote:before, blockquote:after,q:before, q:after{content:'';content:none;}table{border-collapse:collapse;border-spacing:0;}
.showMenue{display:none;}
body{border-top:5px solid #D3d3d3 ;background:#F8F8FF;font-family:'Open Sans', sans-serif;color:#333333;}
input{font-family:'Open Sans', sans-serif;font-size:16px;padding:7px;outline:0;border:0;width:250px;background:#EBE8DE;border-radius:5px;}
.INPUT_FORM{font-family:'Open Sans', sans-serif;font-size:12px;padding:5px 18px;line-height:25px;outline:0;border:0;width:250px;background:#FFFFFF;border-radius:5px;}
input[type=submit]{width:auto;padding:5px 18px;line-height:25px;text-shadow:none;cursor:pointer;box-shadow:none;background:#333333;color:#fff;}
p{margin:5px 0;line-height:25px;}
a{text-decoration:none;color:inherit;transition:color .5s ease;}
strong{font-weight:bold;}
figcaption strong{border-bottom:1px solid #D6D0C1;padding-bottom:10px;margin:10px 0;display:block;}
figcaption{line-height:25px;font-size:14px;width:200px;}
hr{background-color:#D6D0C1;border:0;height:1px;margin:20px 0;}
.clear{clear:both;}
.hidden{position:absolute;clip:rect(1px 1px 1px 1px);clip:rect(1px, 1px, 1px, 1px);}
header{position:relative;width:auto;max-width:1080px;margin:0 auto 20px auto;}
header img{float:left;width:187px;height: auto !important;}
header h1{margin:35px 0 0 0;font-size:55px;color:#D3d3d3;font-family:'Baumans', cursive;margin-left:220px;}
header span{
margin: 35px 0 0 0;
font-size: 55px;
/*color: #696969;*/
color: #545454;
font-family: 'Baumans', cursive;
margin-left: 220px;
display: block;
}
header .spansub{
font-family: 'Open Sans', sans-serif;
font-size: 26px;
color: #4A463B;
display: block;
margin-left: 652px;
margin-top: -35px;
}
header p{font-family:'Open Sans', sans-serif;font-size:26px;color:#4A463B;display:block;margin-left:652px;}
header p a{color:#4A463B;text-decoration:none;}
/*#spacer{width:auto;height:70px;background-color:#D3d3d3;position: relative;top: 0;z-index:999;font-family:'Open Sans', sans-serif;color:#fff;font-size:18px;}*/
#spacer2, #spacer3{width:auto;height:10px;background-color:#D3d3d3;}
#spacer p{}
.spacer_head{margin-top:0px;width:100%;height:auto;position:relative;text-align: center;color:#EBE8DE;background-color:#333333;}
.spacer_head span, #spacer_head span a{ padding-top:1px; padding-bottom:1px;font-family: 'Open Sans', sans-serif;text-transform: uppercase;transition: all .25s ease;text-decoration: none;margin: 1px; padding: 1px;cursor: pointer;font-size:large;color:#EBE8DE; text-align: center;}
.navmain{margin-top:22px;padding-top: 10px;padding-bottom: 10px;width:auto;height:auto;position:relative; text-align: center;color:#333333;background-color:#D3d3d3;}
.sub_navmain{z-index: 1000; margin-top:22px;padding-top: 10px;padding-bottom: 10px;width:auto;height:auto;position:absolute; text-align: center;color:#333333;background-color:#D3d3d3;}
.navmain2{margin-top:2px; padding-top: 10px;padding-bottom: 10px; width:auto;height:auto;position:relative; text-align: center;color:#333333;background-color:#D3d3d3;}
.navmain span, .showMenue span{font-family: 'Open Sans', sans-serif;text-transform: uppercase;transition: all .25s ease;color: #000;text-decoration: none;margin: 1px;padding: 1px; cursor: pointer; font-size:x-large ;}
.navmain2 span, .showMenue2 span{font-family: 'Open Sans', sans-serif;text-transform: uppercase;transition: all .25s ease;color: #000;text-decoration: none;margin: 1px;padding: 1px; cursor: pointer;font-size: medium;}
.navsub{}
/*nav ul{display:block;margin:0px;padding:0px;}
nav li:hover{background-color:#D3d3d3;border-color:#333;border-style:solid;border-width:1px;}
nav li li:hover{background-color:#D3d3d3 ;border-color:#333;border-style:solid;border-width:1px;}
nav ul li{display:block;float:left;padding:3px 15px;}
nav ul li ul{display:none;clear:both;}
nav ul li:hover ul{display:block;float:none;background-color:#D3d3d3;padding-top:10px;padding-bottom:10px;padding-left:0px;}
nav ul li:hover ul li{float:none;padding-top:10px;padding-bottom:10px;}
nav ul li:hover ul li ul{display:none;background-color:#D3d3d3;padding-top:5px;padding-bottom:5px;}
nav ul li ul li:hover ul{display:block;float:none;background-color:#D3d3d3;padding-top:5px;padding-bottom:5px;margin-left:80px;position:absolute;}
nav ul li ul{display:none;float:left;padding:3px 15px;}
nav ul li a,
nav span{font-family:'Open Sans', sans-serif;text-transform:uppercase;transition:all .25s ease;color:#000;text-decoration:none}
nav a:hover{color:#696969 ;}*/
/*.mobile2{float:left;height:auto;width:auto;}*/
/*#mobileMenu{position:fixed;top:0;left:0;width:100%;display:none;}
#mobileMenu ul li{display:block;background-color:#D3d3d3;color:#fff;padding:12px 0;letter-spacing:0.1em;text-align:center;text-transform:uppercase;border-bottom:1px solid #CC5836;}
.toggleMobile{display:none;}
.mobile2{float:left;height:auto;width:auto;}
.mobile2 div{height:94px;}
.mobile2 img{width:113px;height:94px;float:left;padding:5px}
.mobile2 hr{margin:2px 0;}
.mobile2 p{text-transform:none;}*/
.slidesjs-container{border-top:1px #d6d0c1 solid;}
#slides{display:none}
.container, .toptitle{width:auto;margin:0 auto;position:relative;max-width:900px;}
/*änderung 01.12.2022 wegen Cumulate Layout Shift*/
#headpic{width:100%; aspect-ratio: 900/410;}
/*#colums_kurs_full_pic{aspect-ratio: 250/208; float:left; padding-right: 20px}*/
/*#headpic img{max-width:100%; height: auto !important;}*/
/*#headpic{width:100%;}*/
/*änderung 01.12.2022 wegen Cumulate Layout Shift ENDE*/
/*#headpic img{width:100%;}*/
/*#headpic img{max-width:100% ; height: auto !important;}*/
#headpic_content{line-height:25px;font-family:'Open Sans', sans-serif;width:150px;position:absolute;top:1%;left:1%;display:none;z-index:11;}
#headpic_content h3{color:#EBE8DE;font-size:25px;font-weight:bold;margin-bottom:10px;background-color:#333333;padding:10px 15px;border-radius:15px 0 15px 0;display:inline-block;}
#headpic_content{display:block;}
#headpic_content p{margin:0 0 0 0;color:#4a463b;background-color:#EBE8DE;padding:3px 3px;border-radius:5px;}
.slidesjs-pagination .active{color:red;}
#slider_content1 p .responsive_button, #slider_content2 p .responsive_button, #slider_content3 p .responsive_button, #slider_content4 p .responsive_button,#slider_content5 p .responsive_button{display:none;color:#000;}
#slider_content1{line-height:25px;font-family:'Open Sans', sans-serif;width:350px;position:absolute;top:5%;right:5%;display:none;z-index:11;}
#slider_content2{line-height:25px;font-family:'Open Sans', sans-serif;width:350px;position:absolute;top:5%;left:5%;display:none;z-index:11;}
#slider_content3{line-height:25px;font-family:'Open Sans', sans-serif;width:350px;position:absolute;top:5%;left:5%;display:none;z-index:11;}
#slider_content4{line-height:25px;font-family:'Open Sans', sans-serif;width:350px;position:absolute;top:5%;left:5%;display:none;z-index:11;}
#slider_content5{line-height:25px;font-family:'Open Sans', sans-serif;width:350px;position:absolute;top:5%;left:5%;display:none;z-index:11;}
#slider_content1 h3, #slider_content2 h3, #slider_content3 h3, #slider_content4 h3, #slider_content5 h3{color:#EBE8DE;font-size:25px;font-weight:bold;margin-bottom:10px;background-color:#333333;padding:10px 15px;border-radius:15px 0 15px 0;display:inline-block;}
#slider_content1{display:block;}
#slider_content1 p, #slider_content2 p, #slider_content3 p, #slider_content4 p, #slider_content5 p{margin:0 0 30px 0;color:#4a463b;background-color:#EBE8DE;padding:10px 15px;border-radius:5px;}
.button{
padding: 7px 14px;
border: 1px solid #4a463b;
background-image: linear-gradient(to bottom, #4a463b 0%, #EBE8DE 100%);
background-image: url(linear-gradient(to bottom, #4a463b 0%, #EBE8DE 100%));
background-color: #4A463B;
color: #EBE8DE;
text-shadow: 1px 1px 0px #4a463b;
text-decoration: none;
border-radius: 5px;
box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.3);
}
.button:hover{background:none #EBE8DE;border-color:#EBE8DE;text-shadow:none;color:#4A463B;}
.button2{
padding: 7px 14px;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
border: 1px solid #4a463b;
background-image: linear-gradient(to bottom, #4a463b 0%, #EBE8DE 100%);
background-image: linear-gradient(to bottom, #EBE8DE 0%, #4a463b 100%);
background-color: #4A463B;
color: #EBE8DE;
text-shadow: 1px 1px 0px #4a463b;
text-decoration: none;
border-radius: 5px;
box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.3);
}
#blogpic{width:100%;}
#blogpic img{max-width:100%; height: auto !important;}
.button2:hover{background:none #EBE8DE;border-color:#EBE8DE;text-shadow:none;color:#4A463B;}
.button3{margin-left:auto;margin-right:auto;margin-top:10px;margin-bottom:10px;padding-left:20px;padding-right:20px;padding-top:20px;padding-bottom:20px;}
footer{position:relative;clear:both;width:auto;height:400px;background:#333333;}
article footer{position:relative;clear:both;width:auto;height:50px;background:#333333;}
article footer p{color: #FFF;float: left; font-size:10px;}
/*footer{ position: sticky;bottom: 0;clear:both;width:auto;height:400px;background:#333333;}*/
footer .wrapper{line-height:25px;margin:0 auto;padding-top:30px;width:auto;max-width:900px;font-size:14px;}
footer .wrapper .column{font-family:'Open Sans', sans-serif;color:#ababab;float:left;width:280px;margin-right:20px;}
footer .wrapper .column.midlist ul li{display:block;width:auto;padding:0 0 10px 25px;margin-bottom:10px;border-bottom:1px solid #444444;background:url(img/arrowright2.png) left 6px no-repeat;}
footer .wrapper .column.midlist ul li a:hover{color:#fff;}
footer .wrapper .column.rightlist ul li{display:block;width:auto;margin-bottom:15px;}
footer .wrapper .column.rightlist ul li a span{margin-left:95px;display:block;}
footer .wrapper .column.rightlist ul li a img{transition:border .25s ease;float:left;border:3px solid #444444;}
footer .wrapper .column.rightlist ul li a img:hover{border-color:#5e5e5e;}
footer .wrapper .column h4{font-size:16px;color:#fff;border-bottom:1px solid #444444;padding:0 0 10px 0;margin-bottom:10px;}
footer .wrapper .footlist1 a {font-size:14px;color:#fff;border-bottom:1px solid #444444;padding:0 0 10px 0;margin-bottom:10px;}
footer .wrapper .footlist1 a:hover{color:#fff;}
#copyright{background:#1D1D1D;height:100px;position:absolute;bottom:0;left:0;width:100%;}
#copyright .wrapper{font-family:'Open Sans', sans-serif;padding-top:25px;color:#ABABAB;font-size:14px;position:relative;}
#copyright .wrapper .social{position:absolute;right:0;top:25px;}
#copyright .wrapper .social a{transition:opacity .25s ease;opacity:0.3;margin-left:12px;display:block;float:left;}
#copyright .wrapper .social a:hover{opacity:0.7;}
#copyright .wrapper a{color:#ABABAB;}
#copyright .wrapper a:hover{color:#fff;}
#boxcontent, #boxcontent_1{width:auto;max-width:900px;margin:0 auto;padding:70px 0 45px 0;}
#boxcontent article{float:left;width:300px;margin-right:auto;margin-left:auto;font-size:14px;}
#boxcontent_1 article{float:left;width:300px;margin-right:auto;margin-left:auto;font-size:14px;}
.teaser_div{float:left;width:300px;margin-right:auto;margin-left:auto;font-size:14px;display:block;height:450px;}
#boxcontent article h3, #boxcontent_1 article h3{font-family:'Open Sans', sans-serif;font-size:20px;margin-bottom:10px;margin-right:5px;}
.teaser_div strong{font-family:'Open Sans', sans-serif;font-size:20px;margin-left:0;width:250px;display:block;}
#boxcontent article img, #boxcontent_1 article img{float:left;width:250px;}
.teaser_div img{float:left;width:250px;margin-right:auto;margin-left:auto;}
#TERMLISTKOS, #TERMLISTWELL, #TERMLISTFIT{width:250px;}
#boxcontent article p, #boxcontent_1 article p, .teaser_div p{line-height:25px;font-family:'Open Sans', sans-serif;margin-right:5px;width:250px;}
#boxcontent article article, #boxcontent_1 article article{line-height:25px;font-family:'Open Sans', sans-serif;margin-right:5px;width:250px;}
#boxcontent article a, #boxcontent_1 article a, .teaser_div a{line-height:25px;font-family:'Open Sans', sans-serif;margin-left:10px;text-decoration:none;color:#4A463B;}
#four_columns, #text_columns{line-height:25px;font-family:'Open Sans', sans-serif;clear:both;width:auto;max-width:900px;margin:0 auto;}
#four_columns_kurse{line-height:25px;font-family:'Open Sans', sans-serif;clear:both;width:auto;max-width:900px;margin:0 auto;}
#text_columns_kurse{line-height:25px;font-family:'Open Sans', sans-serif;clear:both;width:900px;max-width:900px;margin:0 auto;}
#four_columns h2, #text_columns h3, #text_columns h1, #text_columns_kurse h3{font-size:20px;border-bottom:1px solid #D6D0C1;padding:20px 0;margin-bottom:20px;}
#four_columns .img-item{float:left;margin-right:25px;}
#four_columns .img-item a{position:relative;display:block;}
.thumb-screen{display:block;position:absolute;top:0;left:0;width:100%;height:113px;background:#000 url(img/zoom.png) center center no-repeat;z-index:99;opacity:0;transition:opacity .5s ease;}
.thumb-screen:hover{opacity:0.5;}
#text_columns article.column1, #text_columns .column2{margin:10px 0;font-size:14px;float:left;width:auto;max-width:1100px;}
fieldset{margin:10px 0;font-size:14px;float:left;width:auto;max-width:95%;}
/*INPUT_FORM_TEXTBOX{margin:10px 0;font-size:14px;float:left;width:auto !important;max-width:95%;}*/
#text_columns_kurse article.colums_kurs, #text_columns_kurse .column2{margin:10px 0;font-size:14px;float:left;width:auto;max-width:450px;}
#text_columns_kurse article.colums_kurs_full{margin:10px 0;font-size:14px;float:left;width:auto;max-width:900px;}
/*#text_columns_kurse .column2{margin:10px 0;font-size:14px;float:left;width:auto;max-width:900px;}*/
#text_columns article.column_teaser{margin:10px 0;font-size:14px;float:left;width:auto;}
#text_columns article.column_teaser img{float:left;width:125px;height:104px;}
.row h4, .column2 h3, #text_columns_kurse h1, .toptitle h1{color:#EBE8DE;font-size:25px;font-weight:bold;margin-bottom:10px;background-color:#333333;padding:10px 15px;border-radius:15px 0 15px 0;display:inline-block;}
.toptitle h1{color:#EBE8DE;font-size:25px;font-weight:bold;margin-bottom:20px;margin-top:20px;background-color:#333333;padding:10px 15px;border-radius:15px 0 15px 0;display:inline-block;}
.toptitle h2{color:#EBE8DE;font-size:25px;font-weight:bold;margin-bottom:20px;margin-top:20px;background-color:#333333;padding:10px 15px;border-radius:15px 0 15px 0;display:inline-block;}
#text_columns .column2{margin:120px 0;}
.row{position:relative;margin:40px 0 0 50px;float:right;width:350px;}
.row img{float:left;}
.row p{margin-left:100px;}
.rocket, .clock{top:0;left:0;position:absolute;height:80px;}
.rocket:hover{opacity:0;transition:opacity 0.4s ease 0.2s;animation-name:stylie-transform-keyframes;animation-duration:700ms;animation-delay:0ms;animation-fill-mode:forwards;animation-timing-function:linear;animation-iteration-count:1;transform-origin:0 0;}
.clock:hover{animation-name:stylie-transform2-keyframes;animation-duration:100ms;animation-delay:0ms;animation-fill-mode:forwards;animation-timing-function:linear;animation-iteration-count:infinite;transform-origin:0 0;}
.btn {
background: #4ad934;
background-image: -webkit-linear-gradient(top, #4ad934, #5ab82b);
background-image: -moz-linear-gradient(top, #4ad934, #5ab82b);
background-image: -ms-linear-gradient(top, #4ad934, #5ab82b);
background-image: -o-linear-gradient(top, #4ad934, #5ab82b);
background-image: linear-gradient(to bottom, #4ad934, #5ab82b);
-webkit-border-radius: 28;
-moz-border-radius: 28;
border-radius: 28px;
text-shadow: 1px 1px 3px #666666;
font-family: Arial;
color: #ffffff;
font-size: 1em;
padding: 10px 20px 10px 20px;
text-decoration: none;
}
.btn:hover {
background: #5ab82b;
background-image: -webkit-linear-gradient(top, #5ab82b, #4ad934);
background-image: -moz-linear-gradient(top, #5ab82b, #4ad934);
background-image: -ms-linear-gradient(top, #5ab82b, #4ad934);
background-image: -o-linear-gradient(top, #5ab82b, #4ad934);
background-image: linear-gradient(to bottom, #5ab82b, #4ad934);
text-decoration: none;
}
.TERMINE{
width: 95%;
display: flex;
}
.TERMINE_vollzeit{
width: 49%;
float: left;
border-right: 2px;
border-color: #000;
border-style: solid;
}
.TERMINE_teilzeit{
width: 49%;
float: right;
margin-right:1%;
}
.teaser_div_test{float:left;width:300px;margin-right:auto;margin-left:auto;font-size:14px;display:block;height:250px;background:#ebe8de;}
.teaser_div_test h3{
font-family: 'Open Sans', sans-serif;
font-size: 14px;
background-color: #FF0;
opacity: 0.8;
display: flex;
height: 30px;
width: 70%;
float: right;
text-align: right;
margin-right: 25px;
align-items: center;
justify-content:flex-end;
position: relative;
margin-top: -15px;
border-radius: 5px 0 0 5px;
font-weight: bold;
}
.teaser_div_test:hover strong{
font-family: 'Open Sans', sans-serif;
font-size: 20px;
margin-left: 0;
width: 250px;
display: block;
z-index: 999;
position: relative;
transform: translate(0,-100%);
background:#ebe8de;
opacity: 0.8;
}
.teaser_div_test:hover p{
clear:both;
font-family: 'Open Sans', sans-serif;
font-size: 15px;
margin-left: 0;
margin-top:0;
width: 250px;
height:195px;
display: block;
z-index: 999;
position: relative;
transform: translate(0,-120%);
background:#ebe8de;
opacity: 0.8;
}
.teaser_slider_left{
width: 50px;
display: block;
height: 250px;
background-color: #D3d3d3;
position: absolute;
top:250px;
right:0;
border-radius: 25px 0 0 25px;
z-index: 999;
}
.teaser_slider_left span{
font-family: 'Open Sans', sans-serif;
font-size: 45px;
color: #FFF;
transform: rotate(90deg);
transform-origin: 15% 55%;
float: left;
margin-top:40%;
}
.teaser_slider_left:hover{
width: 350px;
display: block;
right: 0;
border-radius: 25px 0 0 25px;
z-index: 999;
min-height: 250px;
background-color: #D3d3d3;
height:auto;
}
.teaser_slider_left:hover div{
display: block;
background-color: #D3d3d3;
height: auto;
margin-top:20px;
margin-left:20px;
}
.teaser_slider_left:hover div div{
display: block;
background-color: #D3d3d3;
height: auto;
}
.teaser_slider_left div div:hover p{
clear:both;
font-family: 'Open Sans', sans-serif;
font-size: 15px;
margin-left: 0;
margin-top:0;
width: 250px;
height:195px;
display: block;
position: static;
margin-top: -15px;
/*transform: translate(0,-120%);*/
background:#ebe8de;
opacity: 0.8;
}
.teaser_slider_left:hover div h3{
font-family: 'Open Sans', sans-serif;
font-size: 14px;
background-color: #FF0;
opacity: 0.8;
display: flex;
height: 30px;
width: 70%;
float: right;
text-align: right;
margin-right: 25px;
align-items: center;
justify-content:flex-end;
position: relative;
margin-top: -15px;
border-radius: 5px 0 0 5px;
font-weight: bold;
}
.teaser_slider_left:hover div img{float:left;width:250px;margin-right:auto;margin-left:auto;}
.teaser_slider_left:hover span{
display: none;
}
.teaser_slider_left:hover p{
display: none;
}
.teaser_slider_left div{
display: none;
}
.overlay {
height: 100%;
width: 100%;
display: none;
position: fixed;
z-index: 1000;
top: 0;
left: 0;
background-color: rgb(0,0,0);
background-color: rgba(0,0,0, 0.9);
overflow-y: scroll;
}
.overlay_NAV {
height: auto;
width: 100%;
/*display: ;*/
position: fixed;
z-index: 10000;
top: 0;
left: 0;
background-color: #D3d3d3;
opacity: 0.95;
/*background-color: rgba(211,211,211, 0.9);*/
overflow-y: scroll;
}
.overlay_SUBNAV {
height: 100%;
width: 100%;
/*display: ;*/
position: fixed;
z-index: 10001;
top: 0;
left: 0;
background-color: #D3d3d3;
opacity: 0.95;
/*background-color: rgba(211,211,211, 0.9);*/
overflow-y: scroll;
}
.overlay-content {
position: relative;
top: 1%;
width: 100%;
text-align: left;
margin-top: 30px;
}
.overlay-content-beauty {
/*position: relative;*/
top: 10%;
width: 80%;
height:80%;
text-align: left;
margin-top: 30px;
display:flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: center;
}
.flexmstart{
display:flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: center;
height: 100%;
}
.flexmstart_NAV{
display:flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: center;
height: 100%;
}
.overlay a {
padding: 8px;
text-decoration: none;
font-size: 36px;
color: #818181;
display: block;
transition: 0.3s;
}
.overlay span{
font-family: 'Open Sans', sans-serif;
text-transform: uppercase;
transition: all .25s ease;
color: #000;
text-decoration: none;
margin: 1px;
padding: 1px;
/*cursor: pointer;*/
font-size: x-large;
color: #818181;
/*background-color:#6FC;*/
}
.overlay a:hover, .overlay a:focus {
color: #f1f1f1;
}
.overlay .menue_TOP{
margin-top: 80px;
}
.overlay .closebtn {
position: absolute;
top: 2px;
right: 10px;
height:70px;
font-size: 60px;
z-index: 1010;
/*background-color:#3F0;*/
}
.overlay .column_nav {
width: 23%;
height: 125px;
float: left;
/*background-color:#F30;*/
margin: 5px;
padding: 5px;
border-bottom:1px;
border-bottom-color:#818181;
border-bottom-style:solid;
position: relative;
}
.overlay_SUBNAV a {
padding: 8px;
text-decoration: none;
font-size: 36px;
color: #818181;
display: block;
transition: 0.3s;
}
.overlay_SUBNAV span{
font-family: 'Open Sans', sans-serif;
text-transform: uppercase;
transition: all .25s ease;
color: #000;
text-decoration: none;
margin: 1px;
padding: 1px;
/*cursor: pointer;*/
font-size: x-large;
color: #818181;
/*background-color:#6FC;*/
}
.overlay_SUBNAV a:hover, .overlay a:focus {
color: #f1f1f1;
}
.overlay_SUBNAV .menue_TOP{
margin-top: 80px;
}
.overlay_SUBNAV .closebtn {
position: absolute;
top: 2px;
right: 10px;
height:70px;
font-size: 60px;
z-index: 1010;
/*background-color:#3F0;*/
}
.overlay_SUBNAV .column_nav {
width: 23%;
height: 125px;
float: left;
/*background-color:#F30;*/
margin: 5px;
padding: 5px;
border-bottom:1px;
border-bottom-color:#818181;
border-bottom-style:solid;
position: relative;
}
.foerderung{
position: absolute;
display: block;
background-color:#F30;
color:#FFFFFF;
margin-left: 4px;
padding: 3px;
bottom:0px;
font-size: small;
width: 108px;
}
.foerderung_tmp{
position: absolute;
display: block;
background-color:#F30;
color:#FFFFFF;
/*margin-bottom: 4px;*/
/*margin: 5px;*/
margin-left: 4px;
padding: 3px;
bottom:0px;
font-size: small;
width: 108px;
}
.overlay .column_nav_small{
width: 100%;
height: auto;
clear:both
/*background-color: #0F0;*/
margin: 5px;
padding: 5px;
font-size: x-large;
color: #818181;
}
.overlay .column_nav img{
/* width: 50%;
height: 50%;*/
float: left;
margin: 2px;
padding: 2px;
}
.overlay .column_nav a{
font-family: 'Open Sans', sans-serif;
font-size: small;
}
.overlay_SUBNAV .column_nav_small{
width: 100%;
height: auto;
clear:both
/*background-color: #0F0;*/
margin: 5px;
padding: 5px;
font-size: x-large;
color: #818181;
}
.overlay_SUBNAV .column_nav img{
/* width: 50%;
height: 50%;*/
float: left;
margin: 2px;
padding: 2px;
}
.overlay_SUBNAV .column_nav a{
font-family: 'Open Sans', sans-serif;
font-size: small;
}
.spacer_nav{width:100%;height:3px;background-color:#D3d3d3;clear:both;}
.back-to-top {
z-index: 1000000;
display: none;
text-decoration: none;
position: fixed;
bottom: 10px;
right: 20px;
overflow: hidden;
width: 51px;
height: 51px;
border: none;
text-indent: 100%;
background: url(/img/ui.totop.png) no-repeat left top;
}
#Submenue{
width: 100%;
height: 80px;
display: flex;
justify-content: center;
}
.Submenue_item {
color: #EBE8DE;
font-size: 25px;
font-weight: bold;
background-color: #333333;
border-radius: 15px 0 15px 0;
display: inline-block;
padding: 10px 15px;
margin-bottom: 20px;
margin-top: 20px;
margin-left:auto;
margin-right:auto;
}
.pointer{
cursor: pointer;
}
.menue_beauty{
width: 33%;
height: 250px;
}
.flex_menue_beauty_Item_1, .flex_menue_beauty_Item_2,.flex_menue_beauty_Item_3,.flex_menue_beauty_Item_4,.flex_menue_beauty_Item_5,.flex_menue_beauty_Item_6,.flex_menue_beauty_Item_7,.flex_menue_beauty_Item_8{
display: flex;
flex: 20%;
max-width:20%;
height: 50%;
align-self: flex-start;
}
.flex_menue_beauty_Item_1_NAV, .flex_menue_beauty_Item_2_NAV,.flex_menue_beauty_Item_3_NAV,.flex_menue_beauty_Item_4_NAV,.flex_menue_beauty_Item_5_NAV,.flex_menue_beauty_Item_6_NAV,.flex_menue_beauty_Item_7_NAV,.flex_menue_beauty_Item_8_NAV{
display: flex;
flex: 10%;
max-width:11%;
height: 25%;
align-self: flex-start;
border:1px solid #696969;
border-top-right-radius: 25%;
}
/*.flex_menue_beauty_top{
flex: 20%;
max-width:20%;
height: 50%;
align-self: flex-start;
}
.flex_menue_beauty_bottom{
flex: 20%;
max-width:20%;
height: 50%;
align-self: flex-end;
}
.flex_menue_beauty_center{
flex: 20%;
max-width:20%;
height: 50%;
align-self: center;
}*/
.menue_beauty_center{
width: 33%;
height: 500px;
}
.flextext{
font-family: 'Open Sans', sans-serif;
text-transform: uppercase;
/*transition: all .25s ease;*/
color: #EBE8DE;
font-size: 0.9vw;
font-weight: bold;
text-decoration: none;
width:auto;
}
.flextext_NAV{
font-family: 'Open Sans', sans-serif;
text-transform: uppercase;
/*transition: all .25s ease;*/
color: #000000;
font-size:clamp(0.3em, calc(0.75em + 0.2vw), 2em);
font-weight: bold;
text-decoration: none;
width:80%;
height: 48px;
min-height: 24px;
}
.fleximg{
width:90%;
height:auto;
}
.fleximg_NAV{
width:90%;
height:auto;
filter: drop-shadow(1rem 1rem 4px #ccc);
border-top-left-radius: 15%;
border-top-right-radius: 15%;
}
.Figure_Flex{
width:auto;
}
.float_left{
float:left;
}
.float_right{
float:right;
}
.float_none{
clear:both;
}
.reset{
clear:both;
}
.text_columns_links{
display:flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: center;
}
.spacer_nav_links{
flex:90%;
background-color:#D3d3d3;
}
.column_nav_links {
/* width: 23%;
height: 125px;
float: left;
background-color:#F30;*/
/* margin: 5px;
padding: 5px;
border-bottom:1px;
border-bottom-color:#818181;
border-bottom-style:solid*/;
display: flex;
flex:35%;
background-color: #ECECEC;
border-radius: 5%;
margin:1%;
padding: 1%;
min-height:240px;
}
.column_nav_small{
width: 100%;
height: auto;
clear:both
background-color: #0F0;
margin: 5px;
padding: 5px;
font-size: x-large;
color: #818181;
}
.column_nav_links img{
margin: 2px;
padding: 2px;
border-radius: 10%;
}
.column_nav_links a{
font-family: 'Open Sans', sans-serif;
font-size: 1vh;
display: block;
}
.text_columns_full{
display:flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: center;
}
.column_nav_full {
display: flex;
flex:25%;
background-color: #ECECEC;
border-radius: 5%;
margin:1%;
padding: 1%;
min-height:240px;
}
.column_nav_full img{
margin: 2px;
padding: 2px;
border-radius: 10%;
}
.column_nav_full a{
font-family: 'Open Sans', sans-serif;
font-size: 1vh;
display: block;
}
/*.teaser_div_test:hover h3 { z-index: 999; position: relative;}
.teaser_div_test:hover img{ z-index: 999; position: relative;float:left;width:250px;margin-right:auto;margin-left:auto;}*/
.teaser_div_test img{float:left;width:250px;margin-right:auto;margin-left:auto;}
.teaser_div_test strong, .teaser_div_test p, .teaser_div_test span{display:none;}
@media (max-width:1215px){#slider_content1, #slider_content2, #slider_content3, #slider_content4, #slider_content5{width:auto;margin-right:50px;}
#slider_content1 h2, #slider_content2 h2, #slider_content3 h2, #slider_content4 h2, #slider_content5 h2{font-size:18px;}
#slider_content1 p, #slider_content2 p, #slider_content3 p, #slider_content4 p, #slider_content5 p{font-size:14px;}
#slider_content1 p .responsive_button, #slider_content2 p .responsive_button, #slider_content3 p .responsive_button, #slider_content4 p .responsive_button, #slider_content5 p .responsive_button{display:inline;}
.container .button{display:none;}
.btn {
background: #4ad934;
background-image: -webkit-linear-gradient(top, #4ad934, #5ab82b);
background-image: -moz-linear-gradient(top, #4ad934, #5ab82b);
background-image: -ms-linear-gradient(top, #4ad934, #5ab82b);
background-image: -o-linear-gradient(top, #4ad934, #5ab82b);
background-image: linear-gradient(to bottom, #4ad934, #5ab82b);
-webkit-border-radius: 28;
-moz-border-radius: 28;
border-radius: 28px;
text-shadow: 1px 1px 3px #666666;
font-family: Arial;
color: #ffffff;
font-size: 20px;
padding: 10px 20px 10px 20px;
text-decoration: none;
}
.btn:hover {
background: #5ab82b;
background-image: -webkit-linear-gradient(top, #5ab82b, #4ad934);
background-image: -moz-linear-gradient(top, #5ab82b, #4ad934);
background-image: -ms-linear-gradient(top, #5ab82b, #4ad934);
background-image: -o-linear-gradient(top, #5ab82b, #4ad934);
background-image: linear-gradient(to bottom, #5ab82b, #4ad934);
text-decoration: none;
}
.overlay .column_nav{
width: 120px;
height:250px;
/*height: auto;*/
float: left;
/*background-color: #0F0;*/
margin: 5px;
padding: 5px;
}
}
@media (max-width:915px){.showMenue{display:none;}
.blogvideo{width:100%; height:100% !important}
#boxcontent article{float:none;margin:30px auto 0 auto;width:60%;}
#spacer{font-size:15px;}
#spacer .search{margin-top:19px;margin-right:-385px;}
#spacer p{margin-left:-370px;}
input{padding:4px;font-size:14px;}
input[type="submit"]{padding:1px 14px;}
#four_columns{width:500px;}
#four_columns .img-item:nth-of-type(3), #four_columns .img-item:nth-of-type(4){margin-top:25px;}
#text_columns article.column1, #text_columns .column2{float:none;max-width:500px;margin:50px 30px 0 30px;}
.column2 .row{float:none;margin:0 0 40px 50px;}
footer .wrapper .column{font-size:12px;width:230px;}
.btn {
background: #4ad934;
background-image: -webkit-linear-gradient(top, #4ad934, #5ab82b);
background-image: -moz-linear-gradient(top, #4ad934, #5ab82b);
background-image: -ms-linear-gradient(top, #4ad934, #5ab82b);
background-image: -o-linear-gradient(top, #4ad934, #5ab82b);
background-image: linear-gradient(to bottom, #4ad934, #5ab82b);
-webkit-border-radius: 28;
-moz-border-radius: 28;
border-radius: 28px;
text-shadow: 1px 1px 3px #666666;
font-family: Arial;
color: #ffffff;
font-size: 20px;
padding: 10px 20px 10px 20px;
text-decoration: none;
}
.btn:hover {
background: #5ab82b;
background-image: -webkit-linear-gradient(top, #5ab82b, #4ad934);
background-image: -moz-linear-gradient(top, #5ab82b, #4ad934);
background-image: -ms-linear-gradient(top, #5ab82b, #4ad934);
background-image: -o-linear-gradient(top, #5ab82b, #4ad934);
background-image: linear-gradient(to bottom, #5ab82b, #4ad934);
text-decoration: none;
}
}
@media (max-width:765px){
/*.container{height:1px;top:-1500px;}*/
.blogvideo{width:100%; height:100% !important}
header{height:auto;}
header h1{margin:35px 0 0 0;font-size:55px;color:#D3d3d3;font-family:'Baumans', cursive;margin-left:10px;}
header span{margin:35px 0 0 0;font-size:55px;color:#545454;font-family:'Baumans', cursive;margin-left:10px;display:block;}
header .spansub{display:none;}
header p{font-family:'Open Sans', sans-serif;font-size:26px;color:#4A463B;margin-left:100px;}
header p a{color:#4A463B;text-decoration:none;}
header img{display:none;}
.showMenue{display:block;color:#333333;background-color:#D3d3d3;}
.mobile_menue, .mobile_menue a{
display: block;
clear: both;
font-family: 'Open Sans', sans-serif;
font-size: 26px;
color: #D3d3d3;
margin-top: 10px;
margin-bottom: 10px;
}
.overlay span{
font-size: large;
color: #818181;
/*background-color:#6FC;*/
}
nav div li{display:none;}
/*.navmain span{display:none;}
.navmain2 span{display:none;}*/
/*.navmain {display:none;}*/
.navmain2 {display:none;}
nav div:hover li{display:block;}
/*nav{background:#D3d3d3;clear:both;margin-top:0;margin-left:-50%;padding:0px;display:block;width:100%;float:left;}*/
nav ul{}
nav li{width:90%;}
nav a,
nav span{display:block;height:20px;margin-top:10px;margin-bottom:10px;}
#four_columns_kurse, #text_columns_kurse{line-height:25px;font-family:'Open Sans', sans-serif;clear:both;width:90%;margin-right:auto;margin-left:auto;}
#boxcontent, #boxcontent_1{width:90%;margin-right:auto;margin-left:auto;}
#boxcontent article{float:left;width:90%;margin-right:auto;margin-left:auto;font-size:14px;}
#boxcontent_1 article{float:none;width:50%;margin-right:auto;margin-left:auto;font-size:14px;}
.teaser_div{float:left;width:50%;margin-right:auto;margin-left:auto;font-size:14px;display:block;height:550px;}
#boxcontent article h3, #boxcontent_1 article h3{font-family:'Open Sans', sans-serif;font-size:20px;margin-bottom:10px;margin-right:5px;display:block;}
.mobile2{float:left;}
.mobile2 div{height:110px;}
.mobile2 div p{line-height:10px;}
#spacer{height:auto;margin-top:30px;padding-bottom:20px;}
#spacer2{display:none;}
#spacer p{text-align:center;position:static;margin:0 auto;padding:15px 0 7px 0;}
#spacer .search{text-align:center;position:static;margin:0 auto;}
footer{padding-bottom:70px;height:auto;}
footer .wrapper{width:350px;margin:0 auto;}
footer .wrapper .column{margin-top:30px;float:none;font-size:14px;width:auto;}
footer .wrapper .social{display:none;}
.btn {
background: #4ad934;
background-image: -webkit-linear-gradient(top, #4ad934, #5ab82b);
background-image: -moz-linear-gradient(top, #4ad934, #5ab82b);
background-image: -ms-linear-gradient(top, #4ad934, #5ab82b);
background-image: -o-linear-gradient(top, #4ad934, #5ab82b);
background-image: linear-gradient(to bottom, #4ad934, #5ab82b);
-webkit-border-radius: 28;
-moz-border-radius: 28;
border-radius: 28px;
text-shadow: 1px 1px 3px #666666;
font-family: Arial;
color: #ffffff;
font-size: 1em;
padding: 10px 20px 10px 20px;
text-decoration: none;
}
.btn:hover {
background: #5ab82b;
background-image: -webkit-linear-gradient(top, #5ab82b, #4ad934);
background-image: -moz-linear-gradient(top, #5ab82b, #4ad934);
background-image: -ms-linear-gradient(top, #5ab82b, #4ad934);
background-image: -o-linear-gradient(top, #5ab82b, #4ad934);
background-image: linear-gradient(to bottom, #5ab82b, #4ad934);
text-decoration: none;
}
#Submenue{
width: 100%;
height: 220px;
display: flex;
flex-direction: column;
}
.Submenue_item {
color: #EBE8DE;
font-size: 25px;
font-weight: bold;
background-color: #333333;
border-radius: 15px 0 15px 0;
display: inline-block;
padding: 5px 15px;
margin-bottom: 10px;
margin-top: 10px;
margin-left:2px;
margin-right:auto;
}
}
@media screen and (max-width:500px)
{header{margin-top:30px;text-align:center;}
.showMenue{display:block;color:#333333;background-color:#D3d3d3;}
.blogvideo{width:100%; height:100% !important}
.mobile_menue, .mobile_menue a{
display: block;
clear: both;
font-family: 'Open Sans', sans-serif;
font-size: 26px;
color: #D3d3d3;
margin-top: 10px;
margin-bottom: 10px;
}
.overlay span{
font-size: large;
color: #818181;
/*background-color:#6FC;*/
}
nav div li{display:none;}
nav div:hover li{display:block;}
/*nav{background:#D3d3d3;clear:both;margin-top:0;margin-left:-50%;padding:0px;display:block;width:100%;float:left;}*/
nav ul{}
nav li{width:90%;}
nav a,
nav span{display:block;height:20px;margin-top:10px;margin-bottom:10px;}
#boxcontent_1 article{float:none;width:90%;margin-right:auto;margin-left:auto;font-size:14px;}
.teaser_div{float:left;width:90%;margin-right:auto;margin-left:auto;font-size:14px;display:block;height:550px;}
#text_columns_kurse li, #boxcontent_1 li{padding-top:10px;padding-bottom:10px;}
.Kartenlink{padding-top:20px;padding-bottom:20px;padding-right:20px;padding-left:20px;}
.mobile2{float:left;}
.mobile2 div{height:250px;}
.mobile2 strong{display:block;margin-top:10px;margin-bottom:10px;float:left;}
.mobile2 img{width:113px;height:94px;padding-right:70px;padding-bottom:20px;float:left;}
.mobile2 hr{margin:2px 0;clear:both;}
.mobile2 div p{font-size:smaller;line-height:10px;padding-top:20px;}
.if4x3{height:5400px;width:100%;}
#spacer{height:auto;margin-top:30px;padding-bottom:20px;}
#spacer2{display:none;}
#four_columns{width:auto;}
#four_columns .img-item{width:200px;float:none;margin:25px auto 0 auto;}
#four_columns h2{margin:0 30px;}
.column2 .row{margin:0 0 40px 10px;width:auto;}
footer .wrapper{width:auto;}
footer .wrapper .column{margin:0 auto 15px auto;max-width:300px;}
input{width:auto;}
header h1,
header span{margin-left:10px;font-size:30px;/*font-size: 0.8vh;*/}
header p{margin-left:60px;font-size:14px;}
header img{display:none;}
header .spansub{display:none;}
/*#headpic{width:100%; aspect-ratio: 500/228;}*/
#text_columns_kurse article.colums_kurs, #text_columns_kurse .column2{margin:10px 0;font-size:14px;float:left;width:auto;max-width:320px;}
.overlay {
height: 100%;
width: 100%;
display: none;
position: fixed;
z-index: 1000;
top: 0;
left: 0;
background-color: rgb(0,0,0);
background-color: rgba(0,0,0, 0.9);
overflow-y: scroll;
}
.overlay_NAV {
height: 100%;
width: 100%;
/* display: none;*/
position: fixed;
z-index: 1000;
top: 0;
left: 0;
background-color: #D3d3d3;
opacity: 0.95;
overflow-y: scroll;
}
.overlay span{
font-family: 'Open Sans', sans-serif;
/* text-transform: uppercase; */
transition: all .25s ease;
color: #000;
text-decoration: none;
margin: 1px;
padding: 1px;
/*cursor: pointer;*/
font-size: 2.0vh;
color: #818181;
/*background-color:#6FC;*/
}
.overlay_NAV span{
font-family: 'Open Sans', sans-serif;
/* text-transform: uppercase; */
transition: all .25s ease;
color: #000;
text-decoration: none;
margin: 1px;
padding: 1px;
/*cursor: pointer;*/
font-size: 2.0vh;
color: #818181;
/*background-color:#6FC;*/
}
.overlay_SUBNAV {
height: 100%;
width: 100%;
/*display: ;*/
position: fixed;
z-index: 10001;
top: 0;
left: 0;
background-color: #D3d3d3;
opacity: 0.95;
/*background-color: rgba(211,211,211, 0.9);*/
overflow-y: scroll;
}
.overlay_SUBNAV .column_nav {
width: 40%;
height: 250px;
float: left;
/*background-color:#F30;*/
margin: 5px;
padding: 5px;
border-bottom:1px;
border-bottom-color:#818181;
border-bottom-style:solid;
position: relative;
}
.spacer_nav_links{
flex:90%;
background-color:#D3d3d3;
margin-top: 15%;
}
.column_nav_links {
/* width: 23%;
height: 125px;
float: left;
background-color:#F30;*/
/* margin: 5px;
padding: 5px;
border-bottom:1px;
border-bottom-color:#818181;
border-bottom-style:solid*/;
flex:50%;
background-color: #ECECEC;
border-radius: 5%;
margin:1%;
padding: 20px;
margin-top: 15%;
}
.column_nav_links img{
margin: 2px;
padding: 2px;
border-radius: 10%;
}
.column_nav_links a{
font-family: 'Open Sans', sans-serif;
font-size: 2vh;
display: block;
}
.btn {
background: #4ad934;
background-image: -webkit-linear-gradient(top, #4ad934, #5ab82b);
background-image: -moz-linear-gradient(top, #4ad934, #5ab82b);
background-image: -ms-linear-gradient(top, #4ad934, #5ab82b);
background-image: -o-linear-gradient(top, #4ad934, #5ab82b);
background-image: linear-gradient(to bottom, #4ad934, #5ab82b);
-webkit-border-radius: 28;
-moz-border-radius: 28;
border-radius: 28px;
text-shadow: 1px 1px 3px #666666;
font-family: Arial;
color: #ffffff;
font-size: 0.9em;
padding: 10px 20px 10px 20px;
text-decoration: none;
}
.btn:hover {
background: #5ab82b;
background-image: -webkit-linear-gradient(top, #5ab82b, #4ad934);
background-image: -moz-linear-gradient(top, #5ab82b, #4ad934);
background-image: -ms-linear-gradient(top, #5ab82b, #4ad934);
background-image: -o-linear-gradient(top, #5ab82b, #4ad934);
background-image: linear-gradient(to bottom, #5ab82b, #4ad934);
text-decoration: none;
}
#Submenue{
width: 100%;
height: 220px;
display: flex;
flex-direction: column;
}
.overlay-content-beauty {
position: relative;
top: 100%;
width: 80%;
height:auto;
text-align: left;
/*margin-top: 30px;*/
display:flex;
flex-direction:column;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
overflow-y: scroll;
}
.flexmstart{
display:flex;
flex-direction:column;
flex-wrap: wrap;
justify-content: center;
align-items: center;
height: 100%;
}
.flexmstart_NAV{
display:flex;
flex-direction:column;
flex-wrap: wrap;
justify-content: center;
align-items: center;
height: auto;
overflow-y: scroll;
}
.Submenue_item {
color: #EBE8DE;
font-size: 25px;
font-weight: bold;
background-color: #333333;
border-radius: 15px 0 15px 0;
display: inline-block;
padding: 5px 15px;
margin-bottom: 10px;
margin-top: 10px;
margin-left:2px;
margin-right:auto;
}
.flextext{
font-family: 'Open Sans', sans-serif;
text-transform: uppercase;
transition: all .25s ease;
color: #EBE8DE;
font-size: 3vh;
font-weight: bold;
text-decoration: none;
}
.fleximg{
width:80%;
height:auto;
}
.Figure_Flex{
width:auto;
}
.flex_menue_beauty_Item_1, .flex_menue_beauty_Item_2,.flex_menue_beauty_Item_3,.flex_menue_beauty_Item_4,.flex_menue_beauty_Item_5,.flex_menue_beauty_Item_6,.flex_menue_beauty_Item_7,.flex_menue_beauty_Item_8{
flex: 1;
max-width:80%;
height: auto;
align-self: flex-start;
}
.flex_menue_beauty_Item_1_NAV, .flex_menue_beauty_Item_2_NAV,.flex_menue_beauty_Item_3_NAV,.flex_menue_beauty_Item_4_NAV,.flex_menue_beauty_Item_5_NAV,.flex_menue_beauty_Item_6_NAV,.flex_menue_beauty_Item_7_NAV,.flex_menue_beauty_Item_8_NAV{
display: flex;
flex: 10%;
max-width:80%;
height: auto;
align-self: flex-start;
}
/* #spacer2, #spacer3{width:auto;height:10px;background-color:#D3d3d3;max-width:320px;}
footer{position:relative;clear:both;width:auto;height:auto;background:#333333;max-width:320px;}*/
}
@keyframes stylie-transform-keyframes{0%{transform:translateX(30px) translateY(46px) rotate(0deg) translate(-50%, -50%);animation-timing-function:cubic-bezier(.25,.25,.75,.75);}
100%{transform:translateX(260px) translateY(-150px) rotate(0deg) translate(-50%, -50%);}
}
@keyframes stylie-transform2-keyframes{0%{transform:translateX(40px) translateY(40px) rotate(0deg) translate(-50%, -50%);animation-timing-function:cubic-bezier(.25,.25,.75,.75);}
100%{transform:translateX(50px) translateY(40px) rotate(0deg) translate(-50%, -50%);}
}