<?php ob_start("ob_gzhandler");header("Content-type: text/css");?>
@charset "UTF-8";@import default.css;ul.dropdown li a{display:block;padding:7px 10px}
@font-face{font-family:"Oswald";font-display: auto;src:url(../font/Oswald-Regular.ttf)}
@font-face{font-family:"Oswald-Bold";font-display: auto;src:url(../font/Oswald-Bold.ttf)}
#ei{float: left;margin-top:7px;}
ul.dropdown li{padding:0}
ul.dropdown li.dir{padding:7px 20px 7px 10px}
ul.dropdown ul li.dir{padding-right:15px}
ul.dropdown{font-weight:400}
ul.dropdown li{background-color:#FFF;border-color:#4a7194;border-style:solid;border-width:0 0 1px;color:#4a7194}
ul.dropdown li.hover,ul.dropdown li:hover,ul.dropdown li.on{background-color:#4a7194;color:#fff}
ul.dropdown a:link{color:#4a7194;text-decoration:none}
ul.dropdown a:visited{color:#4a7194;text-decoration:none}
ul.dropdown a:hover{color:#fff}
ul.dropdown a:active{color:#4a7194}
ul.dropdown ul{width:365px;margin-top:1px}
#menue{position:relative;margin-top:20px;}
#menue ul{margin:0;padding:0;list-style-type:none;position:relative;display:block;min-height:36px;text-transform:none;font-size:1em;-webkit-text-size-adjust:none;background:#307ecc;}
#menue li{display:block;float:left;margin:0;height:36px;padding:0;border-right:0px solid #fff;background:#307ecc;}
#menue li.aktiv{background:#fff!important;background-image:none!important;background-color:#fff!important;z-index:10;}
#menue li a{color:#FFF;display:block;float:left;font-weight:700;padding:8px 14px;text-transform:uppercase}
#menue li a:hover{background:transparent url(dropdown/themes/default/black.jpg) repeat-x top left;color:#fff !important;background:#000;border:1px solid;box-sizing:border-box;border-bottom:0;}
#menue ul li.last{border-right:0 none}
a:hover{color:#cd0600;}
.first{border-left:0 solid #000;left:1px;position:relative}
.active{border-left:0 solid #000}
.last span{padding-right:0}
*{margin:0;padding:0}
html{background-color:#c7daed;}
body{}
#wrapper{}
#header{background-size:cover;border-radius:0px;background-image:url(../pics/top5.jpg);background-repeat:no-repeat;-webkit-border-radius:0px;background-position:center top;height:250px;}
.hr{border-bottom:1px solid #4A7194;margin:15px 0 15px 0px;}
#logo > a{cursor:pointer;height:inherit;position:relative;width:inherit}
#qr{background:url(../images/qr.jpg) no-repeat scroll 0 0 transparent;background-size:contain;background-position:center center;height:40%;position:absolute;top:135px;width:40%;left:190px}
#slogan{font-size:50px;left:10px;position:absolute;top:190px;width:70%;z-index:100}
#slogan h1{color:#5b8cb7;font-size:18px;padding-left:10px;padding-top:0;font-family:'oswald',Arial,sans-serif;width:100%;text-transform:uppercase;text-shadow:1px 1px 0 #232323}
#navigation{float:left;list-style:none outside none;margin-top:220px;padding-left:12px}
.page-nav{display:none}
#container{background-color:#FFF;border-radius:0px;-webkit-border-radius:0px;position:relative;width:100%;padding-top:0;z-index:1;box-shadow:0px 2px 20px 0px black;}
#links{width:60%}
.links{float:left}
.pende{padding-bottom:0;margin-bottom:15px}
#rechts{position:absolute;right:2%;top:100px;width:20%}
.inhalt{float:left;left:0;padding-left:10px;padding-right:10px;position:relative;text-align:justify;top:10px;width:730px}
#inhalte{padding:24px !important;margin-bottom:30px;}
table{margin-bottom:10px;margin-left:0;margin-top:10px}
.kontakttable{margin-bottom:0;margin-left:60px;margin-top:10px;background-color:#fff}
.kontakttab{margin-bottom:0;margin-left:0;margin-top:10px;background-color:#fff}
#adressentab td{padding:0}
td{padding:5px;font-family:Arial,sans-serif;line-height:26px;vertical-align:top}
#preise td{line-height:1;padding:2px}
.noli{list-style:none}
ol{width:85%}
ol li{margin-left:20px;font-family:Arial,sans-serif;font-weight:400;font-size:14px}
#inhalte ul li{background-image:url(../pics/list.png);background-position:left 6px;background-repeat:no-repeat;background-size:7px 12px;color:#000;font-family:Arial,sans-serif;font-weight:400;line-height:24px;list-style-position:inside;list-style-type:none;padding-left:14px}
#inhalte ul{padding-bottom:10px;}
.dir > ul li{-webkit-border-radius:0 0 0 0;border-radius:0 0 0 0}
.listenelement{width:600px}
#ul_nav > li{-webkit-border-radius:0 0 0 0;border-radius:0 0 0 0}
li.dir.leistung{border-top:2px solid #FFF;color:#F90}
ul.dropdown li{background-color:#FFF;border-color:#31562B;-webkit-border-radius:8px 8px 8px 8px;border-radius:8px 8px 8px 8px;border-style:solid;border-width:1px}
#footer{}
#foot_navigation{position:absolute;right:0}
#foot_navigation li{float:left;padding-right:0;padding-left:0}
.subheader{background:url(../images/main-bg.jpg) repeat-x scroll 50% 100% transparent;background:-moz-radial-gradient(center 40px,circle,#F1F1F1 100px,#E3E3E3,#D0D0D0 700px);background:-webkit-gradient(radial,center 40,100,center 40,700,from(#F1F1F1),to(#d0d0d0))}
h1{color:#074fa4;margin-bottom:16px;padding-bottom:4px;border-bottom:solid 0 #31562B;font-family:'oswald',Arial,sans-serif;font-weight:700;font-size:24px;text-indent:0;letter-spacing:0;line-height:32px}
h1.slogan{color:#000;font-size:95%;font-family:Arial,sans-serif;font-style:normal;font-variant:normal;font-weight:400;text-align:center}
h2{color:#4a7194;font-family:'oswald',Arial,sans-serif;font-size:20px;font-style:normal;font-variant:normal;font-weight:700;padding-bottom:10px;padding-top:10px;}
#extra h2{color:#000;font-family:Arial,sans-serif;font-size:20px;font-style:normal;font-variant:normal;font-weight:700;line-height:150%;padding-bottom:0;padding-top:0}
h2.slogan{color:#555;font-size:18px;font-family:Arial,sans-serif;font-style:italic;font-variant:normal;font-weight:400;text-align:left}
h3{color:#000;font-size:140%;font-family:Arial,sans-serif;font-style:normal;font-variant:normal;font-weight:400}
h4{color:#000;font-size:85%;font-family:Arial,sans-serif;font-style:normal;font-variant:normal;font-weight:700;padding-bottom:0;padding-top:0;}
body{color:#000;font-size:16px;line-height:1.8em;font-family:Arial,sans-serif;text-decoration:none;-webkit-font-smoothing:antialiased;width:100%;box-shadow:0 345px 0 #307ecc inset;}
p{margin-bottom:16px;font-size:100%;}
#extra p{margin-bottom:0}
#menue li a{padding:3px 17px;border:1px solid #fff0;box-sizing:border-box;padding-bottom:2px;}
.rot{color:red;}
#extra .rot{color:#e40000;font-size:15px;line-height:30px;letter-spacing:2px;text-shadow:2px 1px 0 #000;text-transform:uppercase;}
.gruen{color:#008000;}
#extra .gruen{color:#60B083;font-size:15px;line-height:30px;letter-spacing:2px;text-shadow:2px 1px 0 #000;text-transform:uppercase}
li .rot{font-size:16px}
.blau{color:#074fa4}
.unterstrich{text-decoration:underline}
#formular td{color:#000;}
.thema{color:#5F8844;font-size:16px;font-family:Arial,sans-serif;font-style:normal;font-variant:normal;font-weight:400;text-decoration:none}
.fliesstextklein{color:#222;font-size:10px;font-family:Arial,sans-serif;font-style:normal;font-variant:normal;font-weight:400;text-decoration:none}
.specials{color:#c14550;font-size:14px;font-family:Arial,sans-serif;font-style:normal;font-variant:normal;font-weight:700;text-decoration:none}
.margins{color:#636363;font-size:14px;font-family:Arial,sans-serif;font-style:italic;font-variant:normal;font-weight:400;text-decoration:none}
.copyright{color:#8c440c;font-size:10px;font-family:Arial,sans serif;text-align:left;text-decoration:none}
#submenue{border-radius:0 10px 0 0;-webkit-border-radius:0 10px 0 0;position:absolute;right:10px;top:130px}
#submenue a{background-color:#FFF;border-radius:7px 7px 7px 7px;color:#4A7194;padding:4px 5px}
#submenue .aktiv{background-color:#4a7194;padding:2px 5px;color:#fff}
#submenue a:hover{background-color:#4a7194;padding:2px 5px;color:#fff}
#submenue img{position:relative;top:2px}
#layout_left img{position:relative;top:2px}
#layout_left a{text-decoration:none;color:#4A7194}
#bildlink{height:125px;overflow:hidden}
.img_right_korr{top:-70px!important}
#preise{width:100%;}
.bild_rechts{float:right;margin-bottom:0;margin-left:10px;padding-bottom:0;position:relative;top:-5px;}
.img_right{float:right;padding:5px;position:relative;top:0;}
.bild_mitte{text-align:center}
#erfahrung{width:100%}
.bild_links{float:left;margin-bottom:10px;margin-right:10px;position:relative;top:15px}
.starth2{border:1px solid #232323;-webkit-border-radius:18px 18px 18px 18px;border-radius:18px 18px 18px 18px;margin:0 auto;padding:2px;width:100%}
.start_rechts{background-color:green;border:1px solid #232323;-webkit-border-radius:18px 18px 18px 18px;border-radius:18px 18px 18px 18px;float:right;margin-bottom:20px;margin-top:20px;width:230px}
.start_ul{padding-top:5px}
.start_ul > li{background-color:#C2D370;border:1px solid #FFF;-webkit-border-radius:8px 8px 8px 8px;border-radius:8px 8px 8px 8px;font-weight:700;list-style:none outside none;margin-bottom:6px;margin-left:10px;margin-right:10px;padding:7px;text-align:center}
.start_rechts span{font-size:14px;font-weight:400}
span{font-family:Arial,sans-serif}
#leiste_oben{background:url(/css/dropdown/themes/default/black.jpg) repeat-x scroll left top transparent;height:40px;position:absolute;top:130px;width:100%}
#nav2 span{font-family:'oswald',Arial,sans-serif;font-weight:400;padding:0}
#nav2 span:hover{color:#fff;}
ul.dropdown{font-weight:400}
form{}
#kontakt{margin-bottom:20px;padding:35px;position:relative;width:auto;z-index:1000;}
#antwort{position:fixed;top:180px;left:calc(50% - 159px);padding:26px;background-color:#fff;border:0 solid #000;-webkit-border-radius:20px 20px 20px 20px;border-radius:20px 20px 20px 20px;-webkit-box-shadow:1px 1px 2px #000;box-shadow:1px 1px 2px #000;text-align:center;z-index:1001;width:264px;}
#btn_angebot{float:right;height:107px;width:100%;max-width:346px;background-image:url(../pics/btn_angebot2.jpg);background-repeat:no-repeat;margin-bottom:20px;background-size:contain;}
#rueckmeldung{border:0 solid #000;-webkit-border-radius:20px 20px 20px 20px;border-radius:20px 20px 20px 20px;-webkit-box-shadow:0 6px 13px #000;box-shadow:0 6px 13px #000;float:left;margin-bottom:20px;margin-left:20px;padding:30px;position:relative;top:15px;width:50%}
input{font-family:Arial,sans-serif;border:1px solid #4A7194;color:#000;padding:10px;width:93%;font-size:1em;}
textarea{font-family:Arial,sans-serif;border:1px solid #4A7194;color:#000;left:0;padding:10px;position:relative;width:93%;font-size:1em;}
.kontaktinput{float:left;width:165px}
.button{background-color:#4A7194;border:1px solid;color:#FFF;cursor:pointer;padding:0;position:relative;width:140px;right:67px;bottom:35px;height:30px;}
.formzeile{left:30px;margin:10px;position:relative;text-align:right;width:420px}
#kontaktinhalt{text-align:justify}
.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active{background:url(../images/ui-bg_glass_75_e6e6e6_1x400.png) repeat-x scroll 50% 50% #E6E6E6;border:1px solid #AAA;color:#212121;font-weight:400}
.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default{background:url(../images/ui-bg_glass_75_e6e6e6_1x400.png) repeat-x scroll 50% 50% #E6E6E6;border:1px solid #D3D3D3;color:#555;font-weight:400}
.ui-accordion-header.ui-state-active{background:url(../images/ui-bg_glass_75_e6e6e6_1x400.png) repeat-x scroll 50% 50% #E6E6E6}
a{color:#4A7194;font-weight:700;text-decoration:none}
.roll{display:inline-block;vertical-align:baseline;-webkit-perspective-origin:50% 50%;-moz-perspective-origin:50% 50%}
.roll span{display:block;position:relative;padding:0 2px;font-size:110%;-webkit-transition:all 400ms ease;-moz-transition:all 400ms ease;-webkit-transform-origin:50% 0;-moz-transform-origin:50% 0;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d}
.roll:hover span{background:#ccc;-webkit-transform:translate3d(0px,0px,-30px) rotateX(90deg);-moz-transform:translate3d(0px,0px,-30px) rotateX(90deg)}
.roll span:after{content:attr(data-title);display:block;position:absolute;left:0;top:0;padding:0 2px;color:#fff;background:#5B8CB7;-webkit-transform-origin:50% 0;-moz-transform-origin:50% 0;-webkit-transform:translate3d(0px,105%,0px) rotateX(-90deg);-moz-transform:translate3d(0px,105%,0px) rotateX(-90deg)}
##extra{background:#3879af;background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzM4NzlhZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwZjNiNWMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background:-moz-linear-gradient(top,#3879af 0%,#0f3b5c 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#3879af),color-stop(100%,#0f3b5c));background:-webkit-linear-gradient(top,#3879af 0%,#0f3b5c 100%);background:-o-linear-gradient(top,#3879af 0%,#0f3b5c 100%);background:-ms-linear-gradient(top,#3879af 0%,#0f3b5c 100%);background:linear-gradient(to bottom,#3879af 0%,#0f3b5c 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3879af',endColorstr='#0f3b5c',GradientType=0);padding:25px 15px}
#extra{background:#307ecc;background:-moz-linear-gradient(top,#074fa4 0%,#003e7b 100%);background:-o-linear-gradient(top,#074fa4 0%,#003e7b 100%);background:-ms-linear-gradient(top,#074fa4 0%,#003e7b 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#074fa4',endColorstr='#003e7b',GradientType=0);clear:both;padding:25px 15px;}
#extra2{background:#307ecc;background:-moz-linear-gradient(top,#074fa4 0%,#003e7b 100%);background:-o-linear-gradient(top,#074fa4 0%,#003e7b 100%);background:-ms-linear-gradient(top,#074fa4 0%,#003e7b 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#074fa4',endColorstr='#003e7b',GradientType=0);text-align:center;z-index:1;}
#extra p,#extra h1,#extra h2,#extra h3,#extra a{color:#fff}
#extra a{font-size:14px}
.borderBottom{border-bottom:1px solid #3879af}
#menue li .first .active{background-image:none;background-color:#fff}
#balken_oben{background:linear-gradient(to bottom,#307ecc 0%,#63a4e4 100%);z-index:-1;}
.angebot{width:90%;margin:0 auto}
.angebot h1, .angebot h2{font-family:arial,sans-serif;margin-bottom:0;}
img{border-style:none}
.totop{display:block;text-align:center}
#extra2 > span{font-size:.9em}
#wrapper{border:0 solid #000;box-shadow:0 0 0px 0 #000;margin:0px auto;max-width:960px;position:relative;min-height:calc(100vh - 328px);}
#logo{background:url(../pics/logo_sw.png) no-repeat scroll 0 0/50% auto transparent;margin-left:20px;min-height:45px;position:relative;top:28px;}
#logo > a{cursor:pointer;height:inherit;position:relative;width:inherit}
.first{border-left:0 solid #000;left:0;position:relative}
#menue ul li.last{border-right:0 none}
#menue ul li.last.active{border-bottom:1px solid gray}
nav ul li{list-style:outside none none;position:relative}
#headnav{}
@media only screen and (max-width:600px){#kontakt{float:none;margin-left:0;padding:15px}
html{background:#c7daed;}
#navm li.first.active{}
#navm li:hover{background-color:#000;}
}
@media only screen and (min-width:481px){#navi{display:none}
.page-nav ul.categories li .content{padding:0;position:relative;top:0}
.page-nav ul.categories li .text{float:left;font-family:"Open Sans",sans-serif;font-weight:400;height:110px;position:relative;width:50%}
.page-nav ul.categories li .icon{width:130px}
.page-nav ul.categories li .icon img{float:left;opacity:.5}
.page-nav ul.categories li .text p{margin:0 0 0 50px}
.page-nav ul.categories li .more{bottom:0;display:block;font-family:"Open Sans",sans-serif;font-size:15px;left:0;padding-left:135px;position:absolute;text-decoration:none;text-transform:lowercase}
.mobile-nav{position:relative;display:block;top:-40px;left:36%}
.navistate_1{display:none}
.navistate_2{display:none}
.navistate_3{display:block}
.kategorien.navistate_3 > ul{padding:0 16px}
.kategorien.navistate_3 li{float:left;font-size:20pt;font-weight:800;list-style:outside none none;padding-right:30px}
#logo{width:calc(100% - 130px);min-height:85px;}
}
@media only screen and (max-width:480px){html{background-color:#fff;}
#header{background:url(../pics/top5.jpg) no-repeat scroll center top/auto 256px transparent;border-radius:0px;min-height:140px;margin:0 0px;position:relative;top:0px;height:256px;}
#logo{background:url(../pics/logo_sw.png) no-repeat scroll 0 0/50% auto transparent;background-size:100% auto;left:calc(100% - 80%);height:auto;position:fixed;top:4px;width:60%;z-index:2;margin:0 auto;}
#wrapper{top:0px;}
#navi{float:left;margin-left:10px;margin-right:10px;text-align:left;min-width:230px;position:relative;z-index:10}
#navi ul{list-style-type:none;padding:0}
#navi li{margin:0 0 10px;display:block;padding:8px 12px 8px 35px;border:1px solid #333;background:none repeat scroll 0 0 #ab9e98;color:#000}
#navi li:hover{background:maroon;color:#000}
#navi li> a{color:#000;text-decoration:none}
#navi li.aktiv > a{color:#fff;text-decoration:none;padding-right:5px}
#navi li.aktiv{background-color:maroon;color:#fff}
#navi a{text-decoration:none}
#navi img{border:0 none;float:right;position:relative;left:7px;top:-7px;width:32px}
#menue{display:none;position:relative;left:0;}
#menue li{width:100%}
#navm a{display:block;width:100%;}
#nav2,#navm{position:relative;margin-top:40px;}
#nav2 li,#navm li{background:transparent url(dropdown/themes/default/black.jpg) repeat-x scroll left top;background:#307ecc;background-size:contain;height:48px;text-align:center}
#nav2 span,#navm span{color:#fff;display:inline-block;font-family:"oswald",Arial,sans-serif;font-weight:400;padding:8px}
#nav2 li active,#navm li active{color:#4a7194}
#navm li a.aktiv span{color:#2f7ece !important;}
.page-nav{display:block;position:fixed;top:50px;z-index:300;width:100%;}
.mobile-nav{background:url(../pics/symbole.png) no-repeat scroll -507px -15px rgba(0,0,0,0);color:#fff;display:block;height:42px;outline:medium none;position:relative;width:45px;z-index:50;margin:0 auto;}
.navistate_1{display:none}
.page-nav ul.categories li .icon img{width:80px}
.page-nav ul.categories li .text p{margin:0 0 0 20px}
.page-nav ul.categories li .more{padding-left:20px}
h1{font-size:1.4em}
#bildlink{height:165px}
.img_right_korr{top:0px!important}
#kontakt{width:auto;padding:15px;float:none;margin-left:0}
#inhalte{padding:13px 13px 30px}
#inhalte ul{display:inline-block}
.img_right{float:none;padding:5px 0;position:relative;top:0;width:100%}
.angebot{width:100%}
td.tds{font-size:.8em}
.tablem{position:relative;left:0;width:100%;margin-right:5px}
#menue li a{color:#FFF;display:inherit;padding:8px 0 8px 8px;text-transform:uppercase;display:block;width:calc(100% - 8px)}
.totop{display:block;margin:0 auto;text-transform:uppercase;background:url(dropdown/themes/default/black.jpg) repeat-x scroll left top rgba(0,0,0,0);margin-bottom:8px;text-align:center;color:#FFF;display:block;padding:7px 14px}
.totop a{color:#FFF;display:block;padding:7px 14px}
.element-animation{animation:animationFrames ease 1s;animation-iteration-count:1;transform-origin:50% 50%;animation-fill-mode:forwards;-webkit-animation:animationFrames ease 1s;-webkit-animation-iteration-count:1;-webkit-transform-origin:50% 50%;-webkit-animation-fill-mode:forwards;-moz-animation:animationFrames ease 1s;-moz-animation-iteration-count:1;-moz-transform-origin:50% 50%;-moz-animation-fill-mode:forwards;-o-animation:animationFrames ease 1s;-o-animation-iteration-count:1;-o-transform-origin:50% 50%;-o-animation-fill-mode:forwards;-ms-animation:animationFrames ease 1s;-ms-animation-iteration-count:1;-ms-transform-origin:50% 50%;-ms-animation-fill-mode:forwards}
#kontakt td{padding:0px;display:initial;}
.button{right:15px;bottom:15px;}
}
@keyframes animationFrames{0%{opacity:0;transform:translate(-1500px,0px)}
60%{opacity:1;transform:translate(30px,0px)}
80%{transform:translate(-10px,0px)}
100%{opacity:1;transform:translate(0px,0px)}
}
@-moz-keyframes animationFrames{0%{opacity:0;-moz-transform:translate(-1500px,0px)}
60%{opacity:1;-moz-transform:translate(30px,0px)}
80%{-moz-transform:translate(-10px,0px)}
100%{opacity:1;-moz-transform:translate(0px,0px)}
}
@-webkit-keyframes animationFrames{0%{opacity:0;-webkit-transform:translate(-1500px,0px)}
60%{opacity:1;-webkit-transform:translate(30px,0px)}
80%{-webkit-transform:translate(-10px,0px)}
100%{opacity:1;-webkit-transform:translate(0px,0px)}
}
@-o-keyframes animationFrames{0%{opacity:0;-o-transform:translate(-1500px,0px)}
60%{opacity:1;-o-transform:translate(30px,0px)}
80%{-o-transform:translate(-10px,0px)}
100%{opacity:1;-o-transform:translate(0px,0px)}
}
@-ms-keyframes animationFrames{0%{opacity:0;-ms-transform:translate(-1500px,0px)}
60%{opacity:1;-ms-transform:translate(30px,0px)}
80%{-ms-transform:translate(-10px,0px)}
100%{opacity:1;-ms-transform:translate(0px,0px)}
}
.element-animation-bounce-top{animation:animationFrames_bt ease 1s;animation-iteration-count:1;transform-origin:50% 50%;animation-fill-mode:forwards;-webkit-animation:animationFrames_bt ease 1s;-webkit-animation-iteration-count:1;-webkit-transform-origin:50% 50%;-webkit-animation-fill-mode:forwards;-moz-animation:animationFrames_bt ease 1s;-moz-animation-iteration-count:1;-moz-transform-origin:50% 50%;-moz-animation-fill-mode:forwards;-o-animation:animationFrames_bt ease 1s;-o-animation-iteration-count:1;-o-transform-origin:50% 50%;-o-animation-fill-mode:forwards;-ms-animation:animationFrames_bt ease 1s;-ms-animation-iteration-count:1;-ms-transform-origin:50% 50%;-ms-animation-fill-mode:forwards}
@keyframes animationFrames_bt{0%{opacity:0;transform:translate(0px,-500px)}
60%{opacity:1;transform:translate(NaNpx,30px)}
80%{transform:translate(NaNpx,-10px)}
100%{opacity:1;transform:translate(NaNpx,0px)}
}
@-moz-keyframes animationFrames_bt{0%{opacity:0;-moz-transform:translate(0px,-500px)}
60%{opacity:1;-moz-transform:translate(NaNpx,30px)}
80%{-moz-transform:translate(NaNpx,-10px)}
100%{opacity:1;-moz-transform:translate(NaNpx,0px)}
}
@-webkit-keyframes animationFrames_bt{0%{opacity:0;-webkit-transform:translate(0px,-500px)}
60%{opacity:1;-webkit-transform:translate(NaNpx,30px)}
80%{-webkit-transform:translate(NaNpx,-10px)}
100%{opacity:1;-webkit-transform:translate(NaNpx,0px)}
}
@-o-keyframes animationFrames_bt{0%{opacity:0;-o-transform:translate(0px,-500px)}
60%{opacity:1;-o-transform:translate(NaNpx,30px)}
80%{-o-transform:translate(NaNpx,-10px)}
100%{opacity:1;-o-transform:translate(NaNpx,0px)}
}
@-ms-keyframes animationFrames_bt{0%{opacity:0;-ms-transform:translate(0px,-500px)}
60%{opacity:1;-ms-transform:translate(NaNpx,30px)}
80%{-ms-transform:translate(NaNpx,-10px)}
100%{opacity:1;-ms-transform:translate(NaNpx,0px)}
}
@media only screen and (min-width:479px){.img_right_korr{top:0px!important;width:100%;}
}
@media screen and (min-width:481px) and (max-width:620px){#logo{width:80%;}
}
@media screen and (min-width:620px) and (max-width:740px){#logo{width:calc(100% - 250px);width:90%;}
}
@media screen and (min-width:740px) and (max-width:840px){#logo{width:calc(100% - 130px)}
}
@media only screen and (min-width:960px){#logo{width:55%;}
}