* { margin: 0; padding: 0; outline: 0; }
html{
background: #5e8fc0 url(/files/glausback.jpg) no-repeat fixed;
background-size:cover;
height:1px;
}
body {
font-family: 'Oswald' , "Helvetica Neue" sans-serif;
height:1px;
width:100%;
}
img{
max-width:100%;
height:auto;
}
h1{
margin-bottom:0.5em;
}
.thumbi {
width:100px;
height:auto;
}
a.faq{ line-height:1.6em; font-size:20px; font-weight:600; text-decoration:none; }
.klap {
margin-bottom:10px;
margin-top:20px;
color:#081430;
background: #ffffff url(/files/auf.png) right bottom no-repeat;
padding:10px;
font-family: 'Oswald' , sans-serif;
}
#titelklap{
-moz-box-shadow:1px 1px 6px #a0a0a0; /* Firefox */
-webkit-box-shadow:1px 1px 6px #a0a0a0; /* Chrome, Safari */
-khtml-box-shadow:1px 1px 6px #a0a0a0; /* Konqueror */
box-shadow:1px 1px 6px #a0a0a0; /* CSS3 */
margin-left:20px;
padding:10px 5px;
margin-bottom:12px;
font-family: 'Open Sans Condensed', sans-serif;
background:url(/files/zu.png) right bottom no-repeat;
font-weight:bold;
}
#popup{
-moz-box-shadow:1px 1px 6px #a0a0a0; /* Firefox */
-webkit-box-shadow:1px 1px 6px #a0a0a0; /* Chrome, Safari */
-khtml-box-shadow:1px 1px 6px #a0a0a0; /* Konqueror */
box-shadow:1px 1px 6px #a0a0a0; /* CSS3 */
margin-left:20px;
padding:10px 5px;
margin-bottom:12px;
font-family: 'Open Sans Condensed', sans-serif;
background: #FFFFFF;
width:50%;
min-height:300px;
}
#blocks{
-moz-box-shadow:1px 1px 6px #666666; /* Firefox */
-webkit-box-shadow:1px 1px 6px #666666; /* Chrome, Safari */
-khtml-box-shadow:1px 1px 6px #666666; /* Konqueror */
box-shadow:1px 1px 6px #666666; /* CSS3 */
background: url(/files/transweiss.png) repeat;
padding-left:10px;
padding-right:10px;
padding-bottom:10px;
margin-bottom:20px;
padding-top:20px;
}
#blocks img{
margin-left:0px;
margin-top:-20px;
width:100%;
height:auto;
}
#bluesign{
font-size:0.6em;
text-align:left;
margin-left:20px;
}
.image {
text-align:left;
float:left;
}
.image p{
}
.galerie img{
}
.galerie a {
}
.galerie a:hover {
}
.galerie{
width:100%;
}
.slider img
{
width:100px;
}
.blur img:hover
{
width:100%;
-moz-transform: scale(0.9); /* Firefox 3.6 Firefox 4 */
-webkit-transform: scale(0.9); /* Safari */
-o-transform: scale(0.9); /* Opera */
-ms-transform:scale(0.9); /* IE9 */
transform:scale(0.9); /* W3C */
}
/*
REDAXO-Modul: doForm! 3
Beschreibung: CSS-DEMO
Bereich: CSS
Für: do form! 2.x und 3.x
Stand: 20.04.2009
Version: 1.0
--------------------------------------------------------------------------
HINWEISE:
--------------------------------------------------------------------------
!! Das CSS berücksichtigt nicht alle möglichen Felder
!! Farben nicht 1 zu 1 übernehmen
!! ist ja nicht wirklich hübsch
Weitere Infos zu den CSS hier:
http://wiki.redaxo.de/index.php?n=R4.DoForm
-------------------------------------------------------
*/
/* Formular Definition */
/*//////////////////////////////////////////////////////////////////////////////*
/* Div das das Formular umschließt */
.formgen {
font-weight:normal;
padding-right: 10px;
padding-left: 10px;
}
/* Was passiert wenn auf das Label geklickt wird? */
label,
select,
input[type=checkbox],
input[type=radio],
input[type=button],
input[type=submit]
{
cursor : pointer;
font-size:14px;
padding-bottom:20px;
}
.formgen form
{
line-height : 100%;
}
/*
Wie sehen die einzelnen Blöcke aus?
Jedes Feld wird von einem DIV umschlossen, das hier definiert werden kann
*/
.formgen .formblock
{
margin-bottom: 15px;
margin-top: 10px;
padding-top: 3px;
padding-bottom: 3px;
padding-right: 2px;
padding-left: 5px;
}
.forminfo
{
width: 500px;
margin-bottom: 15px;
padding-top: 3px;
padding-bottom: 3px;
padding-right: 2px;
padding-left: 5px;
font-weight: bold;
font-size:2em;
}
/*
Verhalten von br-Tags
*/
.formgen br
{
clear:both;
}
/*
--------- FORMULAR-OBJEKTE ------------
*/
/* Mehrzeiliges Eingabefeld */
.formgen .formtextfield
{
width: 100%;
height: 100px;
margin-left: 4px;
background-color: #ffffff;
color:#000000;
font-family: 'Oswald' , sans-serif;
font-size: 1.2em;
border: #000000 1px solid;
}
/* Textfeld */
.formgen .formtext
{
width: 100%;
float:left;
height: 40px;
margin-left: 4px;
margin-bottom: 6px;
font-size: 1.2em;
background-color: #ffffff;
font-family:"Trebuchet MS", verdana, arial, helvetica, sans-serif;
color:#000000;
border: #000000 1px solid;
}
.formgen input:focus, .formgen input:hover,
.formgen select:focus, .formgen select:hover,
.formgen textarea:focus, .formgen textarea:hover {
background-color: #ffffff;
color:#000000;
border: #000000 1px solid;
}
.formgen .textarea
{
}
/* Label */
.formgen label {
width: 160px;
clear: both;
float: left;
height: 20px;
color: #000000;
}
/* Aussehen der Select-Ausgabe */
.formgen .formselect
{
width: 200px;
background-color: #ffffff;
margin-left: 4px;
color: #000000;
}
/* Sende-Button */
.formgen .formsubmit
{
width: 240px;
height:auto;
text-align: center;
border: 1px thin solid #ececed;
float: left;
color: #000000;
margin-bottom: 20px;
}
/* Fieldsetbeschriftung */
.formgen legend {
color: #000000;
background-color: #00CCFF;
margin-bottom:20px;
}
.formgen .fieldset {
margin-bottom: 20px;
margin-top: 20px;
}
/* -------------- AUSGABEN / Fehlermeldungen --------*/
/* Markierung der Labels bei Fehler */
.formgen .formerror {
border-bottom-width: 1px;
color: #b25297;
}
.formgen .formcaptcha
{
vertical-align: bottom;
float: left;
margin-top: 20px;
width: 100px;
}
.formgen .formreq {
color: #006633;
}
.formgen .formheadline {
color: #004A94;
padding-top: 4px;
padding-bottom: 4px;
margin-top: 5px;
margin-bottom: 5px;
font-style: bold;
font-size: 1.3em;
}
.formgen .formradio {
margin-left:20px;
}
.formgen .formcheck {
margin-left:130px;
}
.formgen .formtrenn {
padding-bottom:10px;
color:#ffffff;
}
/*//////////////////////////////////////////////////////////////////////////////*
/* Ende der Formulardefinition */
#banner {
position:fixed;
overflow: hidden;
display:block;
left:0px;
z-index:1;
height:130px;
width:100%;
color: #ffffff;
top:0px;
-moz-box-shadow:1px 1px 6px #666666; /* Firefox */
-webkit-box-shadow:1px 1px 6px #666666; /* Chrome, Safari */
-khtml-box-shadow:1px 1px 6px #666666; /* Konqueror */
box-shadow:1px 1px 6px #666666; /* CSS3 */
}
.banner img{
max-width:990px;
z-index:1;
}
#mainbanner {
position:relative;
display:block;
overflow: hidden;
top:0px;
width:100%;
height:150px;
left:0px;
}
#kontaktbanner {
position:absolute;
display:block;
overflow: hidden;
top:0px;
left:0px;
height:200px;
}
#mainbanner img {
min-width:990px;
height:auto;
}
#navi > ul {
margin-top: 0;
}
#navi > ul > li {
border-radius: 10px 10px 0 0;
display: inline-block;
}
#navi > ul > li a {
color: #000000;
text-decoration: none;
padding: 0.5em 1.5em;
background:#FFFFFF;
border-radius: 10px 10px 0 0;
}
#navi > ul > li:first-child {
}
#navi > ul > li:hover a {
color: #000000;
background: #f7e923;
border-radius: 10px 10px 0 0;
padding: 0.5em 1.5em;
}
#navi > ul > li.active {
background: none;
}
#navi > ul > li.active a {
background: #f7e923;
color:#FFFFFF;
}
#navi > ul > li > ul {
display: block;
background: #f7e923;
color:#FFFFFF;
}
#navi {
display:block;
float:none;
background:none;
margin-bottom:-16px;
padding-top:20px;
}
.rex-lvl3 {
background: #f7e923;
color:#FFFFFF;
padding: 0.5em 1.5em;
text-align:center;
}
#spr{
position:relative;
display:block;
font-size:14px;
float:left;
margin-left:600px;
margin-top:0px;
color:#516cd1;
z-index:9999;
background:none;
}
#spr a{
color:#000000;
}
#spr1{
position:relative;
display:block;
font-size:14px;
float:left;
margin-left:30px;
margin-top:20px;
color:#516cd1;
z-index:9999;
}
#drucken{
position:absolute;
display:block;
font-size:14px;
float:right;
right:200px;
top:0px;
color:#516cd1;
z-index:9999;
}
#ticker { position:relative; display:block; z-index:999; padding-top:0px; width:100%; padding-left:20px; text-shadow: 2px 2px 5px #ffffff; }
/*font-family: 'Ubuntu', sans-serif;*/
a { color: #333333; text-decoration: underline; cursor: pointer; }
a:hover { text-decoration: none; color: #000000;}
a img { border: none; padding:0px; }
a img:hover{ float:none; padding:0px;}
a.more { color: #2b9208; text-decoration: underline; padding-left: 11px; background: #ffffff; }
a.more:hover { text-decoration: none; }
input, textarea, select { font-size: 20px; width:100%; height:35px; }
textarea { overflow: auto; }
.cl { display: block; min-height: 0px; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }
.left, .alignleft { float: left; display: inline; }
.right, .alignright { float: right; display: inline; }
article, aside, details, footer, header, menu, nav, section { display: block; }
#pdf { padding-bottom:5px;}
.shell { width: 100%; margin: 0 auto; background: none;}
.container { margin: 0 auto; background:url(/files/transweiss.png); min-height:500px; padding-top:40px; padding-bottom:20px; width:960px;}
#titel { font-size:8em; line-height:0.4em; opacity: 0.15; text-align:center; color:#0097ac; z-index:5; font-family: 'Arimo', sans-serif;}
#titel2 { font-size:8em; line-height:0.4em; opacity: 0.15; text-align:center; color:#663300; z-index:5;}
#top { display:block; margin-bottom:1px; font-size:18px; line-height:1.2em; z-index:999;}
#header { margin: 0 auto; background:none; top:0px; position:fixed; z-index:1;}
#logo { width: 100%; z-index:999; font-size: 0; line-height: 0; z-index:2; position:fixed; background: url(/files/transweiss.png); border-bottom:1px solid #000000;}
#logo a {height:130px; width:100%; padding-top:30px; display: block; background: url(/files/logo_autoglaus.png) no-repeat 50% 15px; text-indent: -4000px; }
#ticker h1{ color:#23222d; font-size:24px; font-weight:bold; z-index:999;}
.search { float: right; }
.search input.field { border: 1px solid #d6d6d6; background: #ededed; width: 166px; height: 24px; line-height: 22px; padding: 0px 10px; float: left; font-size: 11px; font-family: 'Arimo', sans-serif; color: #bebebe; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px;}
.search input.search-btn { width: 22px; height: 26px; margin-left: 3px; border: 0; cursor: pointer; background: url(images/search-btn.png) no-repeat 0 0; float: left; font-size: 0; line-height: 0; text-indent: -4000px; }
#navigation2 { height: 30px; margin:0 auto; background:#5e8fc0; width:100%; z-index:4; font-family: 'Oswald' , sans-serif; font-weight:400;}
#navigation2 ul { list-style: none; list-style-position: outside; }
#navigation2 ul li { float: left; padding-left:10px; line-height: 18px; font-size: 18px; letter-spacing:0.1em; width:160px;}
#navigation2 ul li a { display: block; color: #ffffff; text-decoration: none; background: #5e8fc0;}
#navigation2 ul li a:hover { text-decoration: none; color: #000000; background: #ffffff; border:1px solid #5e8fc0; font-weight:400;}
#navigation2 ul ul li { line-height:18px; font-size:16px; width:160px; font-weight:lighter;}
#navigation2 a.rex-current { text-decoration:none; color: #000000; background: none;}
#navigation2 ul ul { height:50px; background: none; width:180px;}
#navigation2 ul ul a.rex-current { width: 100%; background: none; }
#navigation2 ul ul li a:hover { background: #cccccc; color:000000; }
#navigation { height: 50px; padding-left: 17px; margin-top:100px; font-weight: 500;}
#navigation ul { list-style: none; list-style-position: outside; }
#navigation ul li { float: left; padding-right: 1px; padding-left: 2px; line-height: 28px; font-size: 26px; }
#navigation ul li a { display: block; padding: 0px 12px; color: #000000; }
#navigation ul li a:hover { text-decoration: none; }
#navigation ul ul li { float: left; padding-right: 1px; padding-left: 2px; line-height: 28px; font-size:16px; width:100%; }
#navigation ul li.first a { padding-left: 38px; background:#ffffff;}
#navigation a.nav-btn { display: block; }
.slider-holder { position: relative; z-index: 5; }
.slider-holder span.slider-b { background: none; width: 100%; height: 30px; position: absolute; bottom: 0px; left: 0px; z-index: 100;}
.slider-holder span.slider-shadow { background: none; width: 990px; height: 13px; position: absolute; top: 0px; left: 0px; z-index: 100; display: block; }
.slider { width: 990px; height: 378px; position: relative; background: url(images/slide-img.png) no-repeat 0 0;}
.slider ul.slides { list-style: none; list-style-position: outside; }
.slider ul.slides li { width: 990px; height: 378px; float: left; position: relative; overflow: hidden; }
.slider ul.slides li .img-holder { width: 741px; height: 347px; position: absolute; bottom: 0px; right: 0px; }
.slider ul.slides li .img-holder img { width: 741px; height: 347px; }
.slider ul.slides li .slide-cnt { width: 320px; padding: 33px 0 0 34px; position: absolute; left: 0; top: 20px; }
.slider ul.slides li .slide-cnt h2 { font-size: 44px; line-height: 44px; padding-bottom: 16px; color: #fff; text-shadow: rgba(0,0,0,0.4) 0px 1px 2px; font-family: Arial, Helvetica, sans-serif; font-weight: 700; }
.slider ul.slides li .slide-cnt p { color: #fff; font-size: 14px; padding-bottom: 22px; }
.slider ul.slides li .slide-cnt a.grey-btn { background: url(images/grey-btn.png) no-repeat 0 0; width: 186px; height: 45px; text-align: center; line-height: 40px; display: block; font-weight: bold; font-size: 18px; color: #636363; text-shadow: rgba(255,255,255,0.4) 0px 1px 0px; }
.slider ul.slides li .slide-cnt a.grey-btn:hover { background-position: 0 -47px; text-decoration: none; }
.flex-control-nav { left: 480px; }
.main a.m-btn-grey { display: none; }
.main table {
width: 100%;
border-collapse: collapse;
}
/* Force table to not be like tables anymore */
/* Hide table headers (but not display: none;, for accessibility) */
.main thead {
}
/* Zebra striping */
.main tr:nth-of-type(2n) {
background: #eee;
}
.main thead tr,
.main tfoot tr {
color:#FFFFFF;
}
.main th {
background: #333;
color: white;
font-weight: bold;
}
.main td, th {
padding: 5px 3px;
vertical-align: top;
text-align: left;
}
.main table p{
font-size:0.9em; margin-top:10px;
}
.main {margin: 0 auto; font-family: 'Oswald' , sans-serif; padding-top:100px; padding-top:150px; }
.main p{ line-height:1.9em; margin-bottom:10px; font-weight:400; font-size:0.8em; color: #003366;}
.main ul{ line-height:1.4em; margin-bottom:20px; font-size:1.2em;}
.main h1 { color:#000000; background: inherit; font-size:26px; line-height:26px; margin-bottom: 5px; text-transform:uppercase; font-weight:400; font-style:oblique; }
.main h2 { color:#23222d; background: inherit; font-size:20px; line-height:26px; margin-bottom: 10px; font-weight:400;}
.main h3 { color:#23222d; background: inherit; font-size:18px; line-height:22px; margin-bottom: 10px; }
.main h4 { color:#23222d; background: inherit; font-size:16px; line-height:18px; margin-bottom: 10px; }
.main section { clear: both; padding: 0 30px 0; }
.main ul { list-style: none; list-style-position: outside;}
.main ul li { padding-bottom: 6px; list-style-type: disc; line-height:1.2em; margin-left:20px; padding-left:5px; font-size:0.8em;}
.main ul li a { color: #000000; text-decoration: none; }
.main ul li a:hover { text-decoration: none; color: #39305d;}
.main .cols .col { width: 400px; float: left; background: inherit; padding:0px; margin:20px; }
.main .cols .col:after { content:''; width: 100%; clear: both; }
.main .cols .col + .col { overflow:hidden; padding-left:30px; }
.main .cols .col img { max-width:400px; height:auto; }
.main .cols .col-cnt { width: 100%; float: right;padding-left:0px; }
.main .cols .col2 { width: 300px; float: left; }
.main .cols .col2 img { max-width:150px; height:auto; }
.main .post { padding:0px 30px; width: 100%; box-sizing: border-box; color:#000000;}
.main .post img { max-width:100%; height: auto; }
.main .post .video-holder { width: 635px; height: 245px; float: left; margin-right: 20px; }
.main .post h2 { padding-bottom: 15px; }
.main .post p { padding-bottom: 8px; }
.main .post p strong { }
.main .post-cnt { display:block; width: 100%; padding-left:20px; padding-right:20px; }
.main .post-cnt1 { width: 100%; }
.main .post-cnt1 img{ max-width: 100%; }
.main .post-cnt2 li{ list-style-type:none; }
.main .testimonial { padding:0px; background: transparent; }
.main .testimonial strong.quote { font-size: 28px; font-family: 'Arimo', sans-serif; position: relative; top: 10px; left: -6px; }
.testimonial h2 { padding-bottom: 12px; }
.testimonial p { padding-bottom: 6px; }
.testimonial p.author { text-align: right; }
.socials { background: #inherit; text-align:center; }
.socials-inner { padding-left: 158px;}
.socials h3 { float: left; font-size: 18px; line-height: 49px; padding-right: 19px; padding-bottom: 0; font-family: 'Arimo', sans-serif; font-weight: 500; }
.socials ul { list-style: none; list-style-position: outside; line-height: 49px; }
.socials ul li { font-size: 11px; padding-right: 18px; color: #7c7c7c; background: transparent; text-transform: uppercase; float: left; }
.socials ul li a { color: #7c7c7c; text-decoration: none; display: block; padding-left: 28px; position: relative; }
.socials ul li a span { background: url(images/socials.png) no-repeat 0 0; position: absolute; width: 20px; height: 20px; top: 13px; left: 0; }
.socials ul li a:hover { color: #333; }
.socials ul li a.facebook-ico span { background-position: 0 0; }
.socials ul li a.twitter-ico span { background-position: -22px 0; }
.socials ul li a.rss-feed-ico span { background-position: -44px 0; }
.socials ul li a.myspace-ico span { background-position: -67px 0; }
.socials ul li a.john-doe-123-ico span { background-position: -89px 0; }
#footer {color:#ffffff; height:100%; background: url(/files/trans.png); padding-top:10px; margin:0 auto; font-family: 'Oswald' , sans-serif; font-weight:400;}
#footer p { font-weight:300; text-align:center;}
#iframe{ max-width:100%; position:relative; display:block; overflow:hidden; margin:0 auto;}
.footer-cols { padding: 16px 14px; height:30px; font-size:9px;}
.footer-cols .col { float: left; width: 195px; }
.footer-cols .col + .col { padding-left: 54px; }
.footer-cols .col ul { list-style: none; list-style-position: outside; }
.footer-cols .col ul li { color: #3399CC; font-size: 16px; padding-bottom: 4px; background: url(images/arr-footer-col.png) no-repeat 0 8px; padding-left: 9px; }
.footer-cols .col ul li a { color: #3399CC; }
.footer-bottom { height: 38px; padding-top: 24px; padding: 24px 20px 0; border-top: 10px solid #262c2c; }
.footer-bottom .footer-nav { float: left; line-height: 1.4em; }
.footer-bottom .footer-nav ul { list-style: none; list-style-position: outside; }
.footer-bottom .footer-nav ul li { display: inline; font-size: 22px; color: #9e9e9e; border-left: 1px solid #1a1f20; padding: 0 11px; }
.footer-bottom .footer-nav ul li.first { padding-left: 0; border: 0; }
.footer-bottom .footer-nav ul li a { color: #5f6261; }
.footer-bottom .footer-nav ul li a:hover,
.footer-bottom .footer-nav ul li.active a { color: #9e9e9e; text-decoration: underline; }
.footer-bottom p.copy { float: right; line-height: 11px; font-size: 11px; color: #5f6261; }
.footer-bottom p.copy span { padding: 0 11px; }
.footer-bottom p.copy a { color: #2b9208; text-decoration: underline; }
.footer-bottom p.copy a:hover { text-decoration: none; }
.footer-bottom p.copy strong { font-weight: normal; }
/* #Media Queries
================================================== */
/* ipad portrait */
@media only screen and ( min-width: 768px) and ( max-width: 990px ) {
body { width: 668px; }
.shell { width: 668px; background: #ffffff; }
#navigation ul li a { padding: 0 12px; }
#navigation ul li.first a { padding-left: 5px; }
#navigation2 ul li a { padding: 0 12px; }
#navigation2 ul li.first a { padding-left: 5px; }
#navigation3 ul li a { padding: 0 12px; }
#navigation3 ul li.first a { padding-left: 5px; }
.slider-holder { position: relative; }
.slider-holder span.slider-b { background: url(images/t-slider-bottom.png) no-repeat 0 0; width: 748px; height: 30px; position: absolute; bottom: -13px; left: 0px; z-index: 100;}
.slider-holder span.slider-shadow { background: transparent; display: none; }
.flex-control-nav { left: 346px; }
.slider { width: 748px; height: 292px; position: relative; background: url(images/t-slide-img.png) no-repeat 0 0;}
.slider ul.slides { list-style: none; list-style-position: outside; }
.slider ul.slides li { width: 748px !important; height: 292px; float: left; position: relative; }
.slider ul.slides li .img-holder { width: 537px; height: 266px; position: absolute; bottom: 0px; right: 0px; }
.slider ul.slides li .img-holder img { width: 537px !important; height: 266px !important; }
.slider ul.slides li .slide-cnt { width: 320px; padding: 0px 0 0 34px; }
.slider ul.slides li .box-cnt { width: 285px; }
.slider ul.slides li .slide-cnt h2 { font-size: 40px; line-height: 40px; padding-bottom: 16px; color: #fff; text-shadow: rgba(0,0,0,0.4) 0px 1px 2px; font-family: Arial, Helvetica, sans-serif; font-weight: 700; }
.main { padding: 27px 0 0 0; }
.main section { padding: 0 30px 0 0;}
.main .cols { padding:0px 0px; }
.main .cols .col { width: 400px; float: left; background: inherit; padding:10px; margin:20px; }
.main .cols .col:after { content:''; width: 100%; clear: both; }
.main .cols .col + .col { overflow:hidden; }
.main .cols .col img { max-width:400px; height:auto; }
.main .testimonial { background: transparent; }
.main .post { background: margin-top:20px; width: 100%; box-sizing: border-box; border-radius: 10px 10px 10px 10px; background: #ffffff; color:#000000; padding-left: 20px ; }
.main .post .video-holder { width: 435px; height: 245px; float: none; display: block; margin-right: 0px; margin-bottom: 20px; }
.main .post-cnt { float: none; display: block; width: 100%; }
.socials-inner { padding-left: 70px; }
.footer-bottom { height: 0px; font-size:23px; }
.footer-cols { padding-left: 0px; }
.footer-cols .col { width: 350px; }
.footer-cols .col + .col { padding-left: 28px; }
.footer-cols .col ul li { font-size: 12px; }
.footer-bottom .footer-nav { float: none; display: block; padding-bottom: 18px; }
.footer-bottom p.copy { float: none; display: block; text-align: center; }
#footer img {margin-right:30px; height:auto; }
}
@media only screen and ( max-width: 767px) {
html{
}
body { width: 100%; }
.shell { width: 500px; margin: 0px auto; background: transparent; }
#header { position: relative; z-index: 1000; padding-top: 0; padding-right: 0; }
#logo { float: none; display: none; margin: 0 auto; padding: 0 20px 20px 0; }
#logo2 { float: none; display: none; margin: 0 auto; padding: 0 0 0 0; }
#top { display:inline; margin-top: 0px; float:right; font-size:14px; line-height:1.2em;}
#top p { padding-top:80px; padding-right:20px; }
#ticker{margin-top:40px; z-index:9999; width:100%;}
#spr{
position:absolute;
bottom:5px;
display:block;
color:#516cd1;
z-index:9999;
font-size:20px;
width:100%;
text-align:center;}
#spr a{
color:#516cd1;
}
.search { display: none; }
#navigation { display:none;}
#navigation2 { display:none;}
#navigation3 { display:none;}
#navigation li { width:610px; text-align:center;}
#mobile { position:relative; padding-top:30px; }
#navigation ul li a { padding: 0 15px; font-size:18px; height:30px; }
#navigation ul li.first a { padding-top: 16px; }
.m-slider { background: #000000; position: relative; margin: 0 auto; width: 310px;}
.slider-holder { position: relative; margin: 0 auto; width: 310px; }
.slider-holder span.slider-b { background: url(images/m-slider-bottom.png) no-repeat 0 0; width: 310px; height: 12px; position: absolute; bottom: -3px; left: 0px; z-index: 100;}
.slider-holder span.slider-shadow { background: transparent; display: none; }
.flex-control-nav { left: 130px; }
.slider { width: 510px; height: 181px; overflow: hidden; position: relative; background: url(images/m-slide-img.png) no-repeat 0 0;}
.slider ul.slides li { width: 310px !important; height: 181px !important; float: none; }
.slider ul.slides li .img-holder { width: 250px !important; height: 134px !important; bottom: -10px !important; left: 50%; margin-left: -145px; }
.slider ul.slides li .img-holder img { width: 250px !important; height: 134px !important; }
.slider ul.slides li .slide-cnt { width: 300px; margin: 0 auto; padding: 0px 0 0 0px; }
.slider ul.slides li .box-cnt { display: none; }
.slider ul.slides li .slide-cnt h2 { font-size: 22px; text-align: center; line-height: 25px; padding-bottom: 16px; color: #fff; text-shadow: rgba(0,0,0,0.4) 0px 1px 2px; font-family: Arial, Helvetica, sans-serif; font-weight: 700; }
.slider ul.slides li .slide-cnt a.grey-btn { display: none; }
.main { margin-top:10px; padding: 10px 0 0 0; }
.main section { padding: 0 20px 20px 30px; }
.main .cols { margin: 0 0 0 0; }
.main .cols .col { width:100%; float: none; display: block; margin: 0 auto; }
.main .cols .col img { float: none; display: block; margin-left:0px; }
.main .cols .col + .col { padding-left: 0px; }
.main .cols .col-cnt { padding-left:0px; text-align:left; }
.main .post { padding:20px; width: 100%; box-sizing: border-box; padding-top: 28px; padding-left: 40px; }
.main .post .video-holder { width: 280px; height: 102px; float: none; display: block; margin: 0 auto 20px; }
.main .post .video-holder img { width: 280px; height: 102px; }
.main .post-cnt { float: none; display: block; width: 100%; }
.main .post-cnt p strong { }
.testimonial h2 { font-size: 21px; }
.testimonial p.author { text-align: center; }
.socials {width:100%; height: 100%; }
.socials-inner { padding-left: 10px; }
.socials h3 { float: none; display: block; }
.socials ul li { display: block; float: none; line-height: 30px; }
.socials ul li a { display: block; float: none; }
.socials ul li a span { top: 4px; }
#footer { background:#none; border-bottom:none; }
#footer p {font-size:20px; line-height:28px;}
.footer-cols { padding-left: 10px; padding-right: 0; padding-top:-100px; height:0px;}
.footer-cols .col { width: 320px; float: none; display: block; padding-top: 0px; }
.footer-cols .col + .col { padding-left: 0px; }
.footer-cols .col ul li { font-size: 22px; }
#titel { font-size:3em; padding-top:10px; z-index:9999;}
#titel2 { font-size:3em; padding-top:60px; z-index:9999;}
#banner { position:relative; float: none; display: block; padding: 0; height:200px; z-index:1; box-shadow:none;}
#banner img{ height:auto; z-index:1; }
#mainbanner { float: none; display: block; margin: 0px; padding:0px 0 0 0; height:280px; z-index:1;}
#mainbanner img{ height:auto; z-index:1; margin-left:-300px;}
#kontaktbanner { float: none; display: block; margin: 0px; padding:0px 0 0 0; height:380px; z-index:1;}
.footer-bottom { height: 8px; }
.footer-bottom { padding: 10px 9px 20px; height: 100%; }
.footer-bottom .footer-nav { float: none; display: block; padding: 0 0px 18px; }
.footer-bottom .footer-nav ul li { padding: 0 4px; border: 0; font-size: 10px !important; }
.footer-bottom p.copy { float: none; display: block; text-align: center; }
.footer-bottom p.copy strong { display: block; padding-top: 10px; }
.footer-bottom p.copy span { display: none; }
#m-nav {background:none;
display: block; padding-top:50px;
}
ul#m-nav li {
list-style: none;
text-align: left;
padding: 8px 0px 20px 0px;
}
#open {
position:relative;
color: #fff;
width:100%;
padding: 10px 0;
background: #0000CC;
border-bottom: gray solid 1px;
text-align: center;
}
#iframe{ max-width:450px; position:relative; display:block; overflow:hidden; margin:0 auto;}
#navi > ul > li {
display: inline-block;
padding: 0.5em 0.5em;
}
#navi > ul > li a {
color: #000;
text-decoration: none;
padding: 0.5em 0.5em;
}
#navi > ul > li:first-child {
margin-left: 0; background:none;
}
#navi > ul > li:hover a {
color: #ffffff;
background: #2a2232;
padding: 0.5em 0.5em;
}
}
@media only screen and ( max-width: 767px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-resolution: 240dpi) {
#navigation a.nav-btn span.arr { background: #00000; -webkit-background-size: 13px 18px; -moz-background-size: 13px 18px; background-size: 13px 18px; }
#navigation a.nav-btn span.arr.active { background: url(images/nav-arr@2x.png) no-repeat 0 bottom; -webkit-background-size: 13px 18px; -moz-background-size: 13px 18px; background-size: 13px 18px; }
}
@media only screen and ( max-width: 467px) {
body { background: inherit; }
#spr{
display:block;
bottom:25px;
left:0px;
width:320px;
text-align:center;
color:#516cd1;
z-index:9999;
font-size:18px;
}
#spr a{
color:#516cd1;
}
#spr1{
bottom:265px;
left:-25px;
color:#516cd1;
z-index:9999;
font-size:14px;
}
#blocks img{
width:100%;
margin-right:0px;
}
#blocks{
width:100%;
padding-right:10px;
padding-bottom:10px;
margin-bottom:20px;
}
#titel { font-size:2.2em; overflow:hidden; min-height:60px;}
#titel2 { font-size:2.2em; min-height:80px; margin-top:30px;}
#ticker{margin-top:0px; z-index:9999; width:100%;}
#noticker{margin-top:0px; z-index:9999; width:100%;}
.shell { width: 100%; margin: 0px auto; background: transparent; }
#header { position: relative; z-index: 1000; padding-top: 0; padding-right: 0; }
#logo { float: none; display: none; margin: 0 auto; padding: 0 0 0 0; }
#logo2 { float: none; display: none; margin: 0 auto; padding: 0 0 0 0; }
#banner { float: none; display: block; padding: 0; height:10px; z-index:1; box-shadow:none;}
#banner img{ height:auto; z-index:1; margin-right:-10px; }
#mainbanner { float: none; display: block; margin: 0px; padding:0px; max-height:300px; z-index:1; overflow:hidden;}
#kontaktbanner { float: none; display: block; margin: 0px; padding:0px 0 0 0; height:380px; z-index:1;}
#mainbanner img{ height:auto; z-index:1; margin-left:0px;}
.search { display: none; }
#navigation { display:none;}
#navigation2 { display:none;}
#navigation3 { display:none;}
#navigation li { width:310px; text-align:center;}
#mobile { display:none; }
#navigation ul li a { padding: 0 15px; font-size:18px; height:30px; }
#navigation ul li.first a { padding-top: 16px; }
.m-slider { background: #000000; position: relative; margin: 0 auto; width: 310px;}
#top { display:inline; float:none; width:100%; font-size:0.9em; line-height:1.3em; z-index:1;}
.slider-holder { position: relative; margin: 0 auto; width: 310px; }
.slider-holder span.slider-b { background: url(images/m-slider-bottom.png) no-repeat 0 0; width: 310px; height: 12px; position: absolute; bottom: -3px; left: 0px; z-index: 100;}
.slider-holder span.slider-shadow { background: transparent; display: none; }
.flex-control-nav { left: 130px; }
.slider { width: 510px; height: 181px; overflow: hidden; position: relative; background: transparent;}
.slider ul.slides li { width: 310px !important; height: 181px !important; float: none; }
.slider ul.slides li .img-holder { width: 250px !important; height: 134px !important; bottom: -10px !important; left: 50%; margin-left: -145px; }
.slider ul.slides li .img-holder img { width: 250px !important; height: 134px !important; }
.slider ul.slides li .slide-cnt { width: 300px; margin: 0 auto; padding: 0px 0 0 0px; }
.slider ul.slides li .box-cnt { display: none; }
.slider ul.slides li .slide-cnt h2 { font-size: 22px; text-align: center; line-height: 25px; padding-bottom: 16px; color: #fff; text-shadow: rgba(0,0,0,0.4) 0px 1px 2px; font-family: Arial, Helvetica, sans-serif; font-weight: 700; }
.slider ul.slides li .slide-cnt a.grey-btn { display: none; }
.main { padding: 0 0 0 0; font-size:20px; background:transparent;}
.main h1 { font-size:32px; line-height:36px; letter-spacing:0.1em; text-align:left; color:#003366;}
.main .cols { margin: 0 0 0 0; }
.cl {display:block;}
.main .cols .col { width: 100%; float: none; display: block; margin: 0 auto; padding-left:0px; padding-right:0px; }
.main .cols .col img { max-width: 100%; height:auto; display: block; margin-right:0px; margin-bottom:10px; }
.main .cols .col + .col { padding-top: 20px; width:300px; padding-right:0px; }
.main .cols .col-cnt { padding-left:0px; text-align:left; }
.main .post { margin-top:20px; padding:10px; width: 100%; box-sizing: border-box; padding-right:10px; color:#000000;; border-bottom:none; min-height: 2px; }
.main .post .video-holder { width: 280px; height: 162px; float: none; display: block; margin: 0 auto 20px; }
.main .post .video-holder img { width: 280px; height: 162px; }
.main .post-cnt p strong { }
.main .post-cnt { padding-left:10px; padding-right:10px; }
.iframe{ max-width:300px; position: relative; display:block; overflow: scroll; margin:0 auto;}
.testimonial h2 { font-size: 21px; }
.testimonial p.author { text-align: center; }
.main .testimonial { padding-left:0px; margin:0px; }
.socials { padding-bottom: 0px; height: 100%; font-size:10px;}
.socials-inner { padding-left: 10px; }
.socials h3 { float: none; display: block; }
.socials ul li { display: block; float: none; line-height: 30px; }
.socials ul li a { display: block; float: none; }
.socials ul li a span { top: 4px; }
#footer h2 { padding-bottom: 12px; }
.footer-cols { padding-bottom: 0; font-size:16px; }
.footer-cols .col { width: 320px; float: none; display: block; padding-bottom: 22px; }
.footer-cols .col + .col { padding-left: 0px; }
.footer-cols .col ul li { font-size: 22px; }
#footer { padding-right: 20px;}
#footer img {width:100% height: auto;}
.footer-bottom { height: 8px; }
.footer-bottom { padding: 10px 9px 20px; }
.footer-bottom .footer-nav { float: none; display: block; padding: 0 0px 18px; }
.footer-bottom .footer-nav ul li { padding: 0 4px; border: 0; font-size: 10px !important; }
.footer-bottom p.copy { float: none; display: block; text-align: center; }
.footer-bottom p.copy strong { display: block; padding-top: 10px; }
.footer-bottom p.copy span { display: none;
}
/* Force table to not be like tables anymore */
.main table, thead, tbody, th, td, tr {
display: block;
}
/* Hide table headers (but not display: none;, for accessibility) */
thead tr {
position: absolute;
top: -9999px;
left: -9999px;
}
tr { border:none;
}
td {
/* Behave like a "row" */
border: none;
border-bottom:none;
position: relative;
padding-left: 50%;
}
td:before {
/* Now like a table header */
position: absolute;
/* Top/left values mimic padding */
top: 6px;
left: 6px;
width: 25%;
padding-right: 10px;
white-space: nowrap;
}
#bluesign{
font-size:1em;
text-align:center;
margin:0px;
}
}