/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #999;
}

/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/open-sans-v17-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('../fonts/open-sans-v17-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v17-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v17-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v17-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v17-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/open-sans-v17-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Bold'), local('OpenSans-Bold'),
       url('../fonts/open-sans-v17-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v17-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v17-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v17-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v17-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}

body {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 80%;
    line-height: 1.6em;
    color: #999;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}

html {
    background: #efefef;

}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ddd;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

img {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

#wrapper {
margin: 0px auto;
width: 900px;
border: 0px solid green;
}

#logo {
position: relative;
z-index: 2;
width: 250px;
height: 108px;
border: 0px solid green;
float: left;
margin-top: 56px;
background: url(../img/Glock_Logo.png) bottom right no-repeat;
}

.backgroundsize #logo {
background-size: contain;
}


.no-backgroundsize #logo{
background: url(../img/Glock_Logo_ie8.png) bottom right no-repeat;
}


header {
position: relative;
z-index: 5;
width: 656px;
height: 151px;
float: left;
margin-left: -6px;
background: url(../img/Glock_Head.png) top center no-repeat;
background-size: cover;
border-bottom: 13px solid #50b543;
}


.no-backgroundsize header{
background: url(../img/Glock_Head_ie8.png) bottom center no-repeat;
}

main {
position: relative;
z-index: 0;
width: 900px;
border: 0px solid blue;
float: left;
margin: -5px 0 0 0;
}

.imgtext{
float: right;
width: 16%;
border: 5px solid #efefef;
margin: 1% 0 0 3%;
padding: 5px;
}

.imgsmall{
float: left;
width: 44%;
border: 0px solid #efefef;
margin: 1% 5% 0 0;
padding: 0 10px 0 0;
}

.imgbig{
float: left;
width: 96%;
border: 5px solid #efefef;
margin: 2% 3% 2% 0;
padding: 5px;
}

.imgmarginbottom{
float: left;
width: 96%;
border: 5px solid #efefef;
margin: 2% 3% 5% 0;
padding: 5px;
}

#pic {
width: 100%;
float: left;
border: 0px solid red;
}

.caption {
position: relative;
z-index: 110;
float: right;
padding: 10px 15px;
margin: -100px 10px 0 10px;
font-size: 1.2em;
font-weight: bold;
font-style: italic;
color: #50b543;
-webkit-border-radius: 5px 0px 0px 5px;
border-radius: 5px 0px 0px 5px;
/* text-shadow: 1px 1px 1px #333; */
background: rgba(255, 255, 255, 0.8);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffffff', endColorstr='#ffffffff'); /* IE */
}


nav {
position: relative;
z-index: 4;
width: 265px;
border: 0px solid black;
float: left;
margin: 15px 20px 0 30px;
padding: 0; 
}

#nav-icon {
    display: hidden;
    width: 30px;
    height: 30px;
    background: #50b543 url(../img/menu-icon.png) center;
}

a:hover#nav-icon {
    background-color: #cdcdcd;
    }

article {
position: relative;
z-index: 3;
width: 520px;
border: 0px solid #50b543;
float: left;
background: #fff;
margin: 0 20px 0 -50px;
padding: 20px 35px 20px 55px; 
-webkit-box-shadow: 1px 1px 3px 3px rgba(155, 155, 155, 0.4);
box-shadow: 1px 1px 3px 3px rgba(155, 155, 155, 0.4);
-webkit-border-radius: 0px 0px 3px 3px;
border-radius: 0px 0px 3px 3px;
}

#right {
width: 570px;
border: 0px solid green;
float: left;
margin: 20px 0 0 265px;
padding: 0 20px 20px 20px;
background: #fff;
-webkit-box-shadow:  1px 1px 3px 3px rgba(155, 155, 155, 0.4);
box-shadow:  1px 1px 3px 3px rgba(155, 155, 155, 0.4);
}

.spalte1 {
width: 43%;
float: left;
}

.spalte2 {
width: 48%;
float: right;
border-left: 1px solid #ccc;
padding-left: 5%;
}

.clear {
clear: both;
}

footer {
width: 604px;
float: left;
color: #999;
margin: 25px 0 20px 265px;
padding: 8px 4px;
text-align: right;
font-size: 0.85em;
line-height: 1.45em;
border-top: 2px solid #50b543;
}

#print {
width: 100px;
float: left;
font-size: 0.8em;
line-height: 1.45em;
border: 0px solid black;
}

.Druck {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	-webkit-border-top-left-radius:0px;
	-moz-border-radius-topleft:0px;
	border-top-left-radius:0px;
	-webkit-border-top-right-radius:0px;
	-moz-border-radius-topright:0px;
	border-top-right-radius:0px;
	-webkit-border-bottom-right-radius:0px;
	-moz-border-radius-bottomright:0px;
	border-bottom-right-radius:0px;
	-webkit-border-bottom-left-radius:0px;
	-moz-border-radius-bottomleft:0px;
	border-bottom-left-radius:0px;
	text-indent:0;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#999;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #ffffff;
        padding: 2px 4px 1px 4px;
        float: left;
}

.Druck:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color:#dfdfdf;
}
.Druck:active {
	position:relative;
	top:1px;
}


h1 {
font-size: 1.4em;
color: #50b543;
border-bottom: 1px solid #ddd;
}

h2 {
font-size: 1.2em;
color: #50b543;
}

a {
color: #50b543;
text-decoration: underline;
}

ul {
list-style-type: none;
font-size: 1.1em;
line-height: 1.8em;
color: #fff;
font-weight: 700;
}

ul a{
text-decoration: none;
}

ul.inner {
list-style-type: disc;    
list-style-position: outside;
margin: 0 0 0 -22px;
color: #999;
font-size: 100%;
line-height: 1.6em;
font-weight: 400;
}

ul.innerpadding {
list-style-type: disc;    
list-style-position: outside;
margin: 0 0 0 -22px;
padding: 0 0 0 55%;
color: #999;
font-size: 100%;
line-height: 1.6em;
font-weight: 400;
border: 0px solid red;
}

#menubild {
position: relative;
z-index: 400;
background: url(../img/navigation_normal_new.png) top left no-repeat;
background-size: 210px;
padding: 11px 0 10px 9px;
margin-bottom: 5px;
color: #fff;
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-ms-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
transition: all 0.5s linear;
}

#menubild:hover  {
color: #50b543; 
}

#menubild.active  {
color: #50b543; 
}

#menubild a {
display: inline-block;
position: absolute;
left: 5px;
top: 0px;
z-index: 500;
background: url(../img/navigation_aktiv_new.png) top left no-repeat;
background-size: contain;
width: 210px;
padding: 11px 5px 10px 9px;
margin: 0 0 5px -5px;
opacity: 0;
color: #fff;
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-ms-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
transition: all 0.5s linear;
}

#menubild a:hover {
display: inline-block;
background: url(../img/navigation_aktiv_new.png) top left no-repeat;
background-size: contain;
width: 210px;
padding: 11px 5px 10px 9px;
margin-bottom: 5px;
opacity: 1;
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-ms-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
transition: all 0.5s linear;
}

#menubild.active a {
display: inline-block;
background: url(../img/navigation_aktiv_new.png) top left no-repeat;
background-size: contain;
width: 210px;
padding: 11px 5px 10px 9px;
margin-bottom: 5px;
opacity: 1;
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-ms-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
transition: all 0.5s linear;
}

/** IE8 START Fallbacks wit Modernizr
=====================================
**/

.no-backgroundsize #menubild{
background: none;
}

.no-backgroundsize #menubild a{
background: url(../img/navigation_normal_new_ie8.png) left top no-repeat;
}

.no-backgroundsize #menubild a:hover{
background: url(../img/navigation_aktiv_new_ie8.png) left top no-repeat;
}

.no-backgroundsize #menubild.active a{
background: url(../img/navigation_aktiv_new_ie8.png) left top no-repeat;
}

/** IE8 END Fallbacks wit Modernizr
=====================================
**/




.remove {
    display: none;
}

blockquote {
    width: 300px;
    margin: 0 auto 40px auto;
    font-size: 1.3em;
    line-height: 1.2em;
    font-weight: 700;
    color: #999;
    font-family: 'Droid Serif', serif;
    font-style: italic;
    text-align: center;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
}

blockquote.straight {
    width: 98%;
    margin: 2% 1%;
    font-size: 1.25em;
    line-height: 1.3em;
    font-weight: 700;
    color: #999;
    font-family: 'Droid Serif', serif;
    font-style: italic;
    text-align: left;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
}

cite {
    float: right;
    margin: 8px 0 0 0;
    font-size: 0.9em;
    font-weight: 700;
    color: #50b543;
    padding: 0 20px 0 0;
}

.anfuehrung {
color: #50b543;
font-size: 1.3em;
}

.partner {
display: block;
margin-top: 50px;
margin-bottom: 20px;
margin-left: auto;
margin-right: auto;
width: 70%;
float: none;
}

.mobile {
width: 98%;
height: 280px;
float: left;
padding: 0;
margin-bottom: 50px;
}

.small {
    font-size: 0.7em;
    line-height: 1.2em;
}


#partnertext{
position: relative;
z-index: 111;
width: 150px;
background: rgba(255, 255, 255, 0.9);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffffff', endColorstr='#ffffffff'); /* IE */
float: left;
border: 2px solid #50b543;
padding: 7px;
margin-top: 85px;
margin-left: 490px;
-webkit-box-shadow:  1px 1px 3px 3px rgba(0, 0, 0, 0.1);
box-shadow:  1px 1px 3px 3px rgba(0, 0, 0, 0.1);
-webkit-border-radius: 5px;
border-radius: 5px;
font-size: 0.8em;
line-height: 1.3em;
text-align: center;
-moz-transform: scale(1) rotate(-3deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
-webkit-transform: scale(1) rotate(-3deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
-o-transform: scale(1) rotate(-3deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
-ms-transform: scale(1) rotate(-3deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
transform: scale(1) rotate(-3deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
}

#partnertext img{
width: 140px;
margin: 5px;
}

#partnertext a{
font-family: Georgia, serif;
color: #666;
text-decoration: none;
text-align: center;
font-size: 1.1em;
font-weight: 300;
}

.smallreg {
font-size: 4pt;
vertical-align: baseline;
position: relative;
}


#ft {
display: none;
}
 
/*
    The following zoom:1 rule is specifically for IE6 + IE7.
    Move to separate stylesheet if invalid CSS is a problem.
*/
* html .clearfix,
*:first-child+html .clearfix {
    zoom: 1;
}



/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (max-width: 1024px) {


body {
    font-family: 'Open Sans', sans-serif;
    font-size: 80%;
    line-height: 1.5em;
}

#wrapper {
margin: 0px auto;
width: 768px;
border: 0px solid green;
overflow: hidden;
}

#logo {
position: relative;
z-index: 2;
width: 200px;
height: 88px;
border: 0px solid green;
float: left;
margin-top: 75px;
background: url(../img/Glock_Logo.png) bottom right no-repeat;
background-size: contain;
}


header {
position: relative;
z-index: 1;
width: 574px;
height: 150px;
border-bottom: 12px solid #50b543;
float: left;
margin-left: -6px;
background: url(../img/Glock_Head.png) top center no-repeat;
background-size: cover;
}

#partnertext{
position: relative;
z-index: 111;
width: 150px;
background-color: rgba(255, 255, 255, 0.9);
float: left;
border: 2px solid #50b543;
padding: 7px;
margin-top: 85px;
margin-left: 403px;
-webkit-box-shadow:  1px 1px 3px 3px rgba(0, 0, 0, 0.1);
box-shadow:  1px 1px 3px 3px rgba(0, 0, 0, 0.1);
-webkit-border-radius: 5px;
border-radius: 5px;
font-size: 0.7em;
line-height: 1.3em;
-moz-transform: scale(1) rotate(-3deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
-webkit-transform: scale(1) rotate(-3deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
-o-transform: scale(1) rotate(-3deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
-ms-transform: scale(1) rotate(-3deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
transform: scale(1) rotate(-3deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
}

main {
position: relative;
z-index: 0;
width: 760px;
border: 0px solid blue;
float: left;
margin: -5px 0 0 0;
}

.imgtext{
float: right;
width: 28%;
border: 5px solid #efefef;
margin: 1% 0 0 3%;
padding: 5px;
}

.imgsmall{
float: left;
width: 43%;
border: 0px solid #efefef;
margin: 0 5% 0 0;
padding: 0 10px 0 0;
}

.imgbig{
float: left;
width: 96%;
border: 5px solid #efefef;
margin: 2% 3% 1% 0;
padding: 5px;
}

.caption {
position: relative;
float: right;
background: rgba(255, 255, 255, 0.8);
padding: 10px 15px;
margin: -90px 8px 0 10px;
font-size: 1.0em;
font-weight: bold;
font-style: italic;
color: #50b543;
-webkit-border-radius: 5px 0px 0px 5px;
border-radius: 5px 0px 0px 5px;
/* text-shadow: 1px 1px 1px #333; */
filter: dropshadow(color=#333, offx=1, offy=1);
}

nav {
position: relative;
z-index: 4;
width: 265px;
border: 0px solid black;
float: left;
margin: 15px 20px 0 -30px;
padding: 0; 
}

ul {
list-style-type: none;
font-size: 1.1em;
line-height: 1.8em;
}

#nav-icon {
    display: hidden;
    width: 30px;
    height: 30px;
    background: #50b543 url(../img/menu-icon.png) center;
}

a:hover#nav-icon {
    background-color: #cdcdcd;
    }

article {
width: 430px;
border: 0px solid #999;
float: left;
background: #fff;
margin: 0 20px 0 -50px;
padding: 20px 35px 20px 55px; 
-webkit-box-shadow:  1px 1px 3px 3px rgba(155, 155, 155, 0.4);
box-shadow:  1px 1px 3px 3px rgba(155, 155, 155, 0.4);
overflow: hidden;

}

#right {
width: 570px;
border: 0px solid green;
float: left;
margin: 20px 0 0 265px;
padding: 0 20px 20px 20px;
background: #fff;
-webkit-box-shadow:  1px 1px 3px 3px rgba(155, 155, 155, 0.4);
box-shadow:  1px 1px 3px 3px rgba(155, 155, 155, 0.4);
}


footer {
width: 515px;
float: left;
color: #999;
margin: 25px 0 20px 205px;
padding: 8px 2px;
text-align: right;
font-size: 0.8em;
line-height: 1.4em;
border-top: 2px solid #50b543;
}

blockquote {
    width: 50%;
    font-size: 1.1em;
    line-height: 1.2em;
    color: #999;
    font-style: italic;
    margin-bottom: 40px;
}

/*
blockquote:before {
display: block;
content: "\201C";
font-size: 40px;
position: relative;
left: -120px;
top: 30px;
color: #50b543;
}

blockquote:after {
display: block;
content: "\201D";
font-size: 40px;
position: relative;
left: 100px;
top: 5px;
color: #50b543;
text-align: right;
font-family: Georgia, serif;
}
*/

cite {
    float: right;
    font-size: 0.9em;
    color: #50b543;
    }

h1 {
font-size: 1.3em;
color: #50b543;
border-bottom: 1px solid #ddd;
}

h2 {
font-size: 1.1em;
color: #50b543;
}


#ft {
display: none;
}

.partner {
display: block;
margin-left: auto;
margin-right: auto;
width: 70%;
float: none;
}

.mobile {
width: 100%;
height: 240px;
border: 0px solid yellow;
float: left;
margin: 5% 0 10% 0;
padding: 0;
}


}


@media only screen and (max-height: 768px) {

#menubild {
position: relative;
z-index: 400;
background: url(../img/navigation_normal_new.png) top left no-repeat;
background-size: 210px;
padding: 11px 0 10px 9px;
margin-bottom: 0px;
color: #fff;
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-ms-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
transition: all 0.5s linear;
}
    
    
}




@media only screen and (max-width: 767px) {
       
body {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 0.9em;
    line-height: 1.5;
    color: #999;
}

html {
    background: #fff;
}

#wrapper {
float: left;    
width: 100%;
border: 0px solid red;
}

header {
visibility: hidden;
display: none;
width: 1%;
height: 0px;
border-bottom: 0px solid #50b543;
float: left;
margin: 0;
background-size: cover;
}

#partnertext{
position: absolute;
top: 0;
left: 0;
z-index: 111;
width: 100%;
height: 100px;
background-color: rgba(255, 255, 255, 0.9);
float: left;
border: 0px solid #50b543;
padding: 7px;
-webkit-box-shadow:  0px 0px 0px 0px rgba(0, 0, 0, 0.1);
box-shadow:  0px 0px 0px 0px rgba(0, 0, 0, 0.1);
-webkit-border-radius: 0px;
border-radius: 0px;
font-size: 0.7em;
line-height: 1.3em;
-moz-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
-webkit-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
-o-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
-ms-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
}

#logo {
position: absolute;
top: 50px;
left: 3%;
z-index: 2;
width: 92%;
height: 120px;
background: url(../img/Glock_Logo-mobile.png) top left no-repeat;
background-size: contain;
margin: 2% auto 5px auto;
border: 0px solid red;
}


main {
position: relative;
z-index: 105;
width: 100%;
border: 0px solid blue;
float: left;
padding: 0;
margin: 0;
}

nav {
position: absolute;
top: 0;
z-index: 100;
width: 100%;
height: 40px;
border: 0px solid black;
margin-left: 0%;
margin-top: 0%;
background: #909793;

}

nav ul, nav:active ul {
position: absolute;
z-index: 101;
left: 2%;
top: 35px;
width: 117px;
display: none;
list-style-type: none;
font-size: 0.8em;
line-height: 1.2em;
border: 1px solid #909793;
padding: 6px;
-webkit-border-radius: 5px;
border-radius: 5px;
background-color: rgba(255, 255, 255, 0.9);
color: rgba(255, 255, 255, 0.9);
}

nav:hover ul {
display: block;
}

ul a{
text-decoration: none;
font-weight: 700;
color: #fff;
}

ul.innerpadding {
list-style-type: disc;    
list-style-position: outside;
margin: 0 0 0 22px;
padding: 10px 0 15px 0px;
color: #999;
font-size: 100%;
line-height: 1.6em;
font-weight: 400;
float: left;
}

#nav-icon {
        position: relative;
        z-index: 9;
        display:inline-block;
        float: left;
        margin: 5px 0 0 2%;
    }   
    
.remove {
    position: relative;
    z-index: 8;
    display: inline;
    float: left;
    text-align: center;
    color: #999;
    font-family: 'Open Sans', sans-serif;
    margin: 2px 0 0 15px;
}

.remove a{
    color: #999;
    text-decoration: none;
    font-family: Georgia, serif;
}

.remove img{
    width: 100%;
    float: left;
    margin: 10px auto;
} 

ol {
list-style-type: disc;    
list-style-position: outside;
margin: 3% 0 5% -22px;
float: left;
width: 88%;
}

#menubild {
background: #909793;
padding: 5px;
margin: 4px;
width: 100px;
}

#menubild.active {
background: #50b543;
color: #fff;
padding: 5px;
margin: 4px;
width: 100px;
}

#menubild:hover {
background: #50b543;
color: #fff;
padding: 5px;
margin: 4px;
width: 100px;
}

#menubild a {
background: #909793;
padding: 5px;
margin: 4px;
width: 100px;
}

#menubild.active a {
background: #50b543;
padding: 5px;
margin: 4px;
opacity: 0;
width: 100px;
}

#menubild a:hover {
background: #50b543;
padding: 5px;
margin: 4px;
opacity: 0;
width: 100px;
}


article {
width: 96%;
border: 0px solid silver;
float: left;
background: none;
padding: 2%;
margin: 175px 0 0 0;
-webkit-box-shadow:  0px 0px 0px 0px rgba(155, 155, 155, 0.4);
box-shadow:  0px 0px 0px 0px rgba(155, 155, 155, 0.4);
}


#right {
width: 96%;
float: left;
margin: 2% 0;
padding: 3% 2%;
border-top: 1px solid #999;
}

footer {
width: 99%;
height: 20px;
border: 0px solid #50b543;
float: left;
margin: 5% 0;
padding: 2%;
font-size: 0.55em;
text-align: left;
border-top: 5px solid #50b543;
}

.Druck {
	display:none;
}

blockquote {
    width: 70%;
    font-size: 1.2em;
    line-height: 1.2em;
    color: #999;
    font-style: italic;
}


cite {
    float: right;
    font-size: 0.9em;
    color: #50b543;
}

.mobile {
width: 100%;
height: auto;
border: 0px solid yellow;
float: left;
margin: 2% 0 5% 0;
padding: 0;
}

h1 {
font-size: 1.4em;
}

h2 {
font-size: 1.2em;
}

h3 {
font-size: 1em;
color: #50b543;
}


#ft {
display: inline;
text-align: center;
}

#ft img{
margin-top: 10px;
}

.partner {
display: block;
margin-left: auto;
margin-right: auto;
width: 70%;
float: none;
}

.imgsmall{
float: left;
width: 98%;
border: 0px solid #efefef;
margin: 0 0 2% 1%;
padding: 0;
}

.imgbig{
float: left;
width: 94%;
border: 5px solid #efefef;
margin: 2% 0% 2% 0;
padding: 5px;
}

.caption {
position: relative;
float: right;
background: rgba(255, 255, 255, 0.8);
padding: 10px 25px 10px 15px;
margin: -80px 9px 0 10px;
font-size: 0.9em;
font-weight: bold;
font-style: italic;
color: #50b543;
-webkit-border-radius: 5px 0px 0px 5px;
border-radius: 5px 0px 0px 5px;
/* text-shadow: 1px 1px 1px #666; */
filter: dropshadow(color=#666, offx=1, offy=1);
}

.karte{
clear: both;
height: 250px;
}

.TTWForm{
    width: 98%;
}


}






@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {
}


@media print {
    article {
position: relative;
z-index: 3;
width: 520px;
border: 0px solid #50b543;
float: left;
background: #fff;
margin: 0 20px 0 -50px;
padding: 20px 35px 20px 55px; 
-webkit-box-shadow: 1px 1px 3px 3px rgba(155, 155, 155, 0.4);
box-shadow: 0px 0px 0px 0px rgba(155, 155, 155, 0.4);
-webkit-border-radius: 0px 0px 0px 0px;
border-radius: 0px 0px 0px 0px;
}
}