@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.ie7 img{-ms-interpolation-mode:bicubic}.ie8 img{width:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.responsive{position:relative;height:0}.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.responsive.ratio-169{padding-bottom:56.25%}.responsive.ratio-1610{padding-bottom:62.5%}.responsive.ratio-219{padding-bottom:42.8571%}.responsive.ratio-43{padding-bottom:75%}.responsive.ratio-32{padding-bottom:66.6666%}
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{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
header,footer,nav,section,aside,main,article,figure,figcaption{display:block}body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,ol,ul,li,dl,dt,dd,figure,table,th,td,form,fieldset,legend,input,textarea{margin:0;padding:0}table{border-spacing:0;border-collapse:collapse}caption,th,td{text-align:left;text-align:start;vertical-align:top}abbr,acronym{font-variant:normal;border-bottom:1px dotted #666;cursor:help}blockquote,q{quotes:none}fieldset,img,iframe{border:0}ul{list-style-type:none}sup{vertical-align:text-top}sub{vertical-align:text-bottom}del{text-decoration:line-through}ins{text-decoration:none}body{font:12px/1 "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;color:#000}input,button,textarea,select{font-family:inherit;font-size:99%;font-weight:inherit}pre,code{font-family:Monaco,monospace}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}h1{font-size:1.8333em}h2{font-size:1.6667em}h3{font-size:1.5em}h4{font-size:1.3333em}table{font-size:inherit}caption,th{font-weight:700}a{color:#00f}h1,h2,h3,h4,h5,h6{margin-top:1em}h1,h2,h3,h4,h5,h6,p,pre,blockquote,table,ol,ul,form{margin-bottom:12px}
.content-slider{overflow:hidden;visibility:hidden;position:relative}.slider-wrapper{overflow:hidden;position:relative}.slider-wrapper>*{float:left;width:100%;position:relative}.slider-control{height:30px;position:relative}.slider-control a,.slider-control .slider-menu{position:absolute;top:9px;display:inline-block}.slider-control .slider-prev{left:0}.slider-control .slider-next{right:0}.slider-control .slider-menu{top:0;width:50%;left:50%;margin-left:-25%;font-size:27px;text-align:center}.slider-control .slider-menu b{color:#bbb;cursor:pointer}.slider-control .slider-menu b.active{color:#666}
/*@import url(http://fonts.googleapis.com/css?family=Armata);*/
body {
/*  background-image:url(http://www.kbits.at/tl_files/kbits.at/bg.jpg); */
  background-repeat:repeat-x;
 /* font-family:Verdana,Arial,sans-serif;*/
  font-size:12px;
  line-height: 1.25em;
  /*  background-position:center top;
  background-attachment:fixed;
  -o-background-size: 100%, auto;
  -moz-background-size: 100%, auto;
  -webkit-background-size: 100%, auto; */
  background-color:#ffffff;
  font-size: 12pt;
}
a {
   color:#999933;
}

#logo {
  position:relative;
  top:14px;
  margin:0 0 19px 0;
  width:69px;
  height:69px;
  background-image:url(https://www.kbits.at/files/kbits.at/logo_klein.png);
  background-repeat:none;
}

#startseite {

  padding-top: 50px;

}

.slider-control {
  position: absolute;
  top: 40px !important;
  right: 200px;
}
.slider-prev, .slider-next {
  display: none !important;
}

.slider-control .slider-menu {
  font-size: 90px;
}

#kontaktformular {
  display: none;
  position: fixed;
  bottom: 85px;
  background: rgb(255,255,255);
  border: 2px solid rgb(40,40,40);
  padding: 15px;
  right: 28vw;
  width: 85vw;
  max-width: 520px;
  max-height: 70vh;
  border-radius: 25px 25px 0px 25px;
  box-shadow: 5px 5px 15px rgb(120,120,120);
  overflow: auto;
}

#kontaktformular td, #kontaktformular th {
  border-bottom: 0px;
}

.menubutton {
  width: 50px;
  cursor: pointer;
}

#kontaktformularbutton, #readbutton {
  position: fixed;
  right: 25vw;
}

#kontaktformularbutton {
  bottom: 20px;
}

#readbutton {
  bottom: 50px;
}

.button, button, input[type="button"], input[type="reset"], input[type="submit"] {  color:#ffffff;  background-color: #999933;  border: 0.1rem solid #999933;  text-decoration: none;  padding: 2px;
}



#kopfmenu {
  position:absolute;
  right:40px;
  top:65px;
  z-index:99;
  }

#kopfmenu ul{
  padding:0px;
  margin:0px;
 } 
#kopfmenu a {
  display: block;
  font-weight:normal;
  text-decoration:none;
  color:#999933;
  }
#kopfmenu li {
  padding:2px;
  margin:0 0 0 20px;
  background-image: none;
  float:left;
  font-size:14px;
  list-style-type: none;
 }
.more a, .back a { color:#000000;
    background:#999933;
    text-decoration:none;
    padding:2px;
    margin:2px;
    -moz-border-radius:5px; /* Firefox */
    -webkit-border-radius:5px; /* Safari, Chrome */
    -khtml-border-radius:5px; /* Konqueror */
    border-radius:5px; /* CSS3 */
}
/*
h1, h2 {
font-family:'Armata', Georgia, serif;
font-weight:bold;
color:#555555;
line-height: 1.3em;
}
h1 {font-size:1.5em;}
h2 {font-size:1.4em;}
*/
#wrapper {
 /* min-width:310px;
min-width:690px;
 max-width:690px; */
 padding:0px 25vw 20px 25vw;
}
.slideshow {
 padding: 20px 0 20px 0;
}
.slideshow img, .slideshow-images a img {
 border:none;
}

.cookiebar {
  width: 290px;
  right: 35px !important;
  bottom: 25px !important;
  background: #fff;
  color: #000000;
  border: 1px solid #000;
  z-index: 999;
  border-radius: 20px;
  box-shadow: 4px 4px 5px #aaa;
  left: -20px;
  padding: 5px 0px 10px 20px;
}
.cookiebar__link {
  color: initial;
}

.cookiebar__button {
  border-radius: 10px;
  background-color: initial;
  color: #000;
  padding: 0px 8px;
  border: 1px solid #000;
  margin-top: 5px;
}

.imgBand {
 padding: 8px 0 8px 0;
}
.box, .layout_short {
 width:45%;
 min-height:150px;
 margin:0 15px 10px 0px;
 padding:2px;
 float:left;
 border-bottom-style:dotted;
 border-color:#98bf21;
}

.box {
 min-height:400px;

}

.box img{
 width:90%;
 max-width:300px;
}
.info, .layout_simple time, .date {
  font-size:0.8em;
  display:block;
  
}

.layout_short h2 {
  margin:-5px 0 -5px 0;
  line-height: 1.2em;

}

.layout_short h2 a{
  text-decoration:none;
}

#fuss {  
  padding:5px 0 5px 0;
  text-align: center;
}
.toggler {
  padding:10px 0 0 0;
  font-size:12px;
  font-weight:bold;
  text-decoration:underline;
  color:#999933;
}
p.error {
  color:#FF0000;
}
.ueberschrift {
 padding:10px 0 0 0;
 margin:20x;
 border-top-style:dotted;
 border-color:#98bf21;
}
.partner {
 padding:0 0 20px 0 ;
}


.fix {
position: fixed;
top:0px;
}
.flex {
position:relative;
top:0px;
}

.zitat {

 background-color:#dfe54f;
 margin:7px;
 padding:15px;
 -moz-box-shadow: 0px 5px 5px 0px #999;
 -webkit-box-shadow: 0px 5px 5px 0px #999;
 box-shadow: 0px 5px 5px 0px #999;
}

.mod_newslist {
 margin:15px 0 0 0;
 padding:10px 0 0 0;
 border-top-style:dotted;
 border-color:#98bf21;
}

.mod_twitterreader ul{
  margin:0px;
  padding:0px;
}


.mod_twitterreader li, .layout_simple{
  padding:7px;
  list-style-type: none;

}

@media only screen and (max-width:1024px) {
  #wrapper {
    padding:0px 5vw 20px 5vw;
  }
  #kontaktformular {
    right: 8vw;
  }
  #kontaktformularbutton {
    right: 5vw;
  }
}


@media only screen and (max-width:600px) {
  #wrapper {
    padding:0px 2vw 20px 2vw;
  }
  #kopfmenu {
  right:4px;
  }
  .box, .layout_short {
    width:100%;
    margin:0 5px 10px 0px;
    padding:0px;
    }
  .mod_newsreader img {
    width:100%;
    height:auto;
    }
}