/* Contao Open Source CMS, (c) 2005-2014 Leo Feyer, LGPL license */
body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li{float:left}.ce_gallery>ul li.col_first{clear:left}.float_left{float:left}.float_right{float:right}.block{overflow:hidden}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{width:0;height:0;left:-1000px;top:-1000px;position:absolute;overflow:hidden;display:inline}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
/* Contao Open Source CMS, (c) 2005-2014 Leo Feyer, LGPL license */
#wrapper{width:960px;margin:0 auto}*[class*="grid"]{float:left;margin-left:10px;margin-right:10px;display:inline}.mod_article *[class*="ce_"],.mod_article *[class*="mod_"]{margin-left:10px;margin-right:10px}.mod_article .mod_newsreader,.mod_article .mod_eventreader{margin-left:0;margin-right:0}.mod_article *[class*="layout_"]>*,.mod_article *[class*="event_"]>*{margin-left:10px;margin-right:10px}.mod_article.grid1,.mod_article.grid2,.mod_article.grid3,.mod_article.grid4,.mod_article.grid5,.mod_article.grid6,.mod_article.grid7,.mod_article.grid8,.mod_article.grid9,.mod_article.grid10,.mod_article.grid11,.mod_article.grid12{margin-left:0;margin-right:0}#main .inside{overflow:hidden}.grid1{width:60px}.grid2{width:140px}.grid3{width:220px}.grid4{width:300px}.grid5{width:380px}.grid6{width:460px}.grid7{width:540px}.grid8{width:620px}.grid9{width:700px}.grid10{width:780px}.grid11{width:860px}.grid12{width:940px}.mod_article.grid1{width:80px}.mod_article.grid2{width:160px}.mod_article.grid3{width:240px}.mod_article.grid4{width:320px}.mod_article.grid5{width:400px}.mod_article.grid6{width:480px}.mod_article.grid7{width:560px}.mod_article.grid8{width:640px}.mod_article.grid9{width:720px}.mod_article.grid10{width:800px}.mod_article.grid11{width:880px}.mod_article.grid12{width:960px}.offset1{margin-left:90px !important}.offset2{margin-left:170px !important}.offset3{margin-left:250px !important}.offset4{margin-left:330px !important}.offset5{margin-left:410px !important}.offset6{margin-left:490px !important}.offset7{margin-left:570px !important}.offset8{margin-left:650px !important}.offset9{margin-left:730px !important}.offset10{margin-left:810px !important}.offset11{margin-left:890px !important}.offset12{margin-left:970px !important}@media(min-width:768px) and (max-width:979px){#wrapper{width:744px}.grid1{width:42px}.grid2{width:104px}.grid3{width:166px}.grid4{width:228px}.grid5{width:290px}.grid6{width:352px}.grid7{width:414px}.grid8{width:476px}.grid9{width:538px}.grid10{width:600px}.grid11{width:662px}.grid12{width:724px}.mod_article.grid1{width:62px}.mod_article.grid2{width:124px}.mod_article.grid3{width:186px}.mod_article.grid4{width:248px}.mod_article.grid5{width:310px}.mod_article.grid6{width:372px}.mod_article.grid7{width:434px}.mod_article.grid8{width:496px}.mod_article.grid9{width:558px}.mod_article.grid10{width:620px}.mod_article.grid11{width:682px}.mod_article.grid12{width:744px}.offset1{margin-left:72px !important}.offset2{margin-left:134px !important}.offset3{margin-left:196px !important}.offset4{margin-left:258px !important}.offset5{margin-left:320px !important}.offset6{margin-left:382px !important}.offset7{margin-left:444px !important}.offset8{margin-left:506px !important}.offset9{margin-left:568px !important}.offset10{margin-left:630px !important}.offset11{margin-left:692px !important}.offset12{margin-left:754px !important}}@media(max-width:767px){#wrapper{width:auto}*[class*="grid"]{float:none !important;display:block !important;width:auto !important}*[class*="offset"]{margin-left:10px !important}}
/* Startseite.css */
body{background-image:url("../../files/salatbar-catering/layout/bg.jpg");background-position:center top;background-repeat:repeat;font:14px "Arial",sans-serif;color:#2e2e2e}#footerborder{width:100%;margin-top:100px;margin-bottom:50px;background-color:#fff;border-top:1px solid #000;border-bottom:1px solid #000}.button_style div{position:absolute}.button_style:hover .image_container{width:100%;top:420px;-webkit-transition: top 0.5s linear;-moz-transition: top 0.5s linear;-o-transition: top 0.5s linear;-ms-transition: top 0.5s linear;transition: top 0.5s linear}.button_style .image_container{width:100%;right:0;top:200px;overflow:hidden;-webkit-box-shadow:0 0 15px 0 #000;box-shadow:0 0 15px 0 #000;behavior:url("assets/css3pie/1.0.0/PIE.htc");z-index:103;-webkit-transition: top 3s linear;-moz-transition: top 3s linear;-o-transition: top 3s linear;-ms-transition: top 3s linear;transition: top 3s linear;-webkit-transition-delay:250ms;-moz-transition-delay:250ms;-o-transition-delay:250ms;transition-delay:250ms}.button_style .text{width:100%;margin-top:10px;margin-right:auto;margin-left:auto;text-align:center;font:20px/140% "Arial",sans-serif;font-style:italic;color:#2e2e2e;z-index:102}.button_style .text h1{width:100%;font:40px/140% "Lora",serif;font-weight:bold;color:#003d01}.button_style .bg{width:100%;height:100%;z-index:101}.button_style{min-height:400px;position:relative;overflow:hidden;border-radius:50%;behavior:url("assets/css3pie/1.0.0/PIE.htc")}.button_style a{color:#2e2e2e}.button_style a h1{color:#003d01}h2,h3,h4{margin-top:10px;margin-bottom:10px;text-align:center;font:16px "Lora",serif;font-weight:bold;color:#003d01}
.button_style { min-height:400px; }
.button_style .image_container { top:200px; }
.button_style:hover .image_container { top:420px; }
.button_style .text { font-size:20px;}
.button_style .text h1 { font-size:40px;}

#wrapper { width:100%; }
#header, #container, #footer { width:1200px; margin:0 auto; }

*[class*="grid"], .mod_article *[class*="ce_"], .mod_article *[class*="mod_"]  {  margin-left:0px; margin-right:0px;}

.mod_article.grid4,.mod_article.grid6 { margin-left:0; margin-right:0; }

.grid4  { width:400px; }
.grid6  { width:600px; }

.mod_article.grid4  { width:400px; }
.mod_article.grid6  { width:600px; }

.offset3  { margin-left:300px !important; }
.offset4  { margin-left:400px !important; }


@media (min-width:980px) and (max-width:1229px)
{
.button_style { min-height:320px; }
.button_style .image_container { top:160px; }
.button_style:hover .image_container { top:340px; }
.button_style .text { font-size:15px;}
.button_style .text h1 { font-size:30px;}

#wrapper { width:100%; }
#header, #container, #footer { width:960px; margin:0 auto; }

*[class*="grid"], .mod_article *[class*="ce_"], .mod_article *[class*="mod_"]  {  margin-left:0px; margin-right:0px;}

.mod_article.grid4,.mod_article.grid6 { margin-left:0; margin-right:0; }

.grid4  { width:320px; }
.grid6  { width:500px; }

.mod_article.grid4  { width:320px; }
.mod_article.grid6  { width:500px; }

.offset3  { margin-left:170px !important; }
.offset4  { margin-left:320px !important; }
}

@media (max-width:979px)
{
.button_style { min-height:260px; margin-top:20px; }
.button_style .image_container { top:160px; display:none;}
.button_style:hover .image_container { top:340px; }
.button_style .text { font-size:15px;}
.button_style .text h1 { font-size:30px;}
.button_style { background-color:#ffffff; border-radius:9px !important;}
.button_style .bg { display:none;}
.image_container > img { width:100%;}

#wrapper { width:80%; }
#header, #container, #footer { width:100%; margin:0 auto; }

*[class*="grid"], .mod_article *[class*="ce_"], .mod_article *[class*="mod_"]  {  margin-left:0px; margin-right:0px;}
h1 { text-decoration: underline; }
.mod_article.grid4,.mod_article.grid6 { margin-left:0; margin-right:0; }

*[class*="grid"] { width:100%; }
#fuss { width:100%; border-radius:9px;}
.mod_article *[class*="grid"]  { width:90%; padding:0 5%; }
*[class*="offset"] { margin-left:0 !important;  }

}
@keyframes fadein{from{opacity:0;}to{opacity:1;}}
@-moz-keyframes fadein{from{opacity:0;}to{opacity:1;}}
@-webkit-keyframes fadein{from{opacity:0;}to{opacity:1;}}
@-o-keyframes fadein{from{opacity:0;}to{opacity:1;}}


.logo {
  animation:fadein 2s;-moz-animation:fadein 2s;-webkit-animation:fadein 2s;-o-animation:fadein 2s;	
}
.eins, .zwei {
  animation:fadein 4s;-moz-animation:fadein 4s;-webkit-animation:fadein 4s;-o-animation:fadein 4s;	
}
#footer {
  animation:fadein 6s;-moz-animation:fadein 6s;-webkit-animation:fadein 6s;-o-animation:fadein 6s;	
}