@charset "utf-8";
/* CSS Document */

/* oswald-300 - latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/oswald-v16-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Oswald Light'), local('Oswald-Light'),
       url('../fonts/oswald-v16-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/oswald-v16-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/oswald-v16-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/oswald-v16-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/oswald-v16-latin-300.svg#Oswald') format('svg'); /* Legacy iOS */
}

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

/* oswald-700 - latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/oswald-v16-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Oswald Bold'), local('Oswald-Bold'),
       url('../fonts/oswald-v16-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/oswald-v16-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/oswald-v16-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/oswald-v16-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/oswald-v16-latin-700.svg#Oswald') format('svg'); /* Legacy iOS */
}
/* archivo-narrow-regular - latin */
@font-face {
  font-family: 'Archivo Narrow';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/archivo-narrow-v8-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Archivo Narrow Regular'), local('ArchivoNarrow-Regular'),
       url('../fonts/archivo-narrow-v8-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/archivo-narrow-v8-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/archivo-narrow-v8-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/archivo-narrow-v8-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/archivo-narrow-v8-latin-regular.svg#ArchivoNarrow') format('svg'); /* Legacy iOS */
}

/* archivo-narrow-700 - latin */
@font-face {
  font-family: 'Archivo Narrow';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/archivo-narrow-v8-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Archivo Narrow Bold'), local('ArchivoNarrow-Bold'),
       url('../fonts/archivo-narrow-v8-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/archivo-narrow-v8-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/archivo-narrow-v8-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/archivo-narrow-v8-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/archivo-narrow-v8-latin-700.svg#ArchivoNarrow') format('svg'); /* Legacy iOS */
}


/* html5reset.css - 01/11/2011 */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure,footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent; }
body {line-height: 1; }
article,aside,details,figcaption,figure, footer,header,hgroup,menu,nav,section {display: block; }
nav ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}
a {margin: 0;padding: 0;font-size: 100%;vertical-align: baseline;background: transparent;}
/* change colours to suit your needs */ 
ins {background-color: #ff9;color: #000;text-decoration: none;}
/* change colours to suit your needs */ 
mark {background-color: #ff9;color: #000; font-style: italic;font-weight: bold;}
del {text-decoration:line-through; }
abbr[title], dfn[title] {border-bottom: 1px dotted;cursor: help;}
table {border-collapse: collapse;border-spacing: 0; }
/* change border colour to suit your needs */ 
hr {display: block;height: 1px;border: 0; border-top: 1px solid #cccccc;margin: 1em 0;padding: 0;}
input, select {vertical-align: middle;}

/* BASIC PAGE SETUP ============================================================================= */
body {margin : 0 auto; padding : 0; font : 100%/1.4 'Oswald', sans-serif; font-weight:300; letter-spacing:0.04px; color : #000;text-align: center; background: #fff; 
 background:fixed; 
 /*background-image: -ms-linear-gradient(top, #ff0000 0%, #830a0a 100%); background-image: -moz-linear-gradient(top, #ff0000 0%, #830a0a 100%); background-image: -o-linear-gradient(top, #ff0000 0%, #830a0a 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ff0000), color-stop(1, #830a0a));  background-image: -webkit-linear-gradient(top, #ff0000 0%, #830a0a 100%); background-image: linear-gradient(to bottom, #ff0000 0%, #830a0a 100%);*/
background-image: -ms-linear-gradient(top, #830a0a 0%, #ff0000 100%); background-image: -moz-linear-gradient(top, #830a0a 0%, #ff0000 100%); background-image: -o-linear-gradient(top, #830a0a 0%, #ff0000 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #830a0a), color-stop(1, #ff0000));  background-image: -webkit-linear-gradient(top, #830a0a 0%, #ff0000 100%); background-image: linear-gradient(to bottom, #830a0a 0%, #ff0000 100%);

}
button,input,select,textarea {font-family : 'Oswald', sans-serif; color : #333; }
/*HEADINGS============================================================================= */
h1, h2, h3{font-family: 'Oswald', sans-serif;font-weight : 700; margin-top: 10px; letter-spacing: -1px;}
h4, h5, h6 {font-family: 'Oswald', sans-serif; font-weight : 400; margin-top: 10px; letter-spacing: -1px; }
h1{font-family: 'Oswald', sans-serif; color: #fff; margin-bottom : 0em; font-size : 6em; /* 96 / 16 */ line-height : 1.4; font-weight:700; letter-spacing:-0.03em; text-shadow: 0px 0px 10px rgba(131,10,10,1);-webkit-transition: all 0.3s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
h1+h2{margin-top:-10px; color:#fff;text-shadow: 0px 0px 10px rgba(131,10,10,1); font-weight:400;letter-spacing: 0px; padding-bottom:50px;font-size:3.5em;-webkit-transition: all 0.3s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}

.maincontent h1{text-shadow:none; color:#c00; line-height:1; padding-top:20px; padding-bottom:20px;}

h3.logo{letter-spacing:0.03em;}
h3.logo span{font-weight:700; letter-spacing:0.05em;padding-left:0.03em;}

h2 { margin-bottom : 0em; margin-top : 0em; font-size : 2.75em; /* 40 / 16 */ line-height : 1.2; }
h3 { margin-bottom : 0.1em; font-size : 1.75em; /* 28 / 16 */ line-height : 1.3; letter-spacing:0.01em;}
h4 { margin-bottom : 0.5em; font-family : 'Oswald', sans-serif; font-size : 1.5em; /* 24 / 16*/ line-height : 1.25; letter-spacing:0.02em; }
footer h4 {color: #fff; }
h5 {color: #555; margin-bottom : 1.25em; font-size : 1em; /* 20 / 16 */ }
h6 {color: #666; font-size : 1em; /* 16 / 16*/ }
/*TYPOGRAPHY============================================================================= */
p, ol, ul, dl, address {margin-bottom : 1.5em;font-size : 1.2em; /* 16 / 16 = 1 */ }
p { hyphens : auto;}
p.center { text-align: center; }
ul,ol {margin : 0 0 1.5em 0;padding : 0 0 0 24px; }
li ul,li ol {margin : 0; font-size : 1em; /* 16 / 16 = 1 */ }
dl,dd {margin-bottom : 1.5em; }
dt {font-weight : normal; }
b, strong {font-weight : bold; }
hr {display : block;margin : 1em 0;padding : 0; height : 1px;border : 0;border-top : 1px solid #ccc; }
small {font-size : 1em; /* 16 / 16 = 1 */ }
sub, sup {font-size : 75%;line-height : 0;position : relative;vertical-align : baseline; }
sup {top : -.5em; }
sub {bottom : -.25em; }
.subtext { color: #666; }
/* LINKS =============================================================================*/
a {color : #999; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; text-decoration: none; }
a:focus {outline : thin dotted;color : rgb(0,0,0); }
a:hover,a:active {outline : 0; color : #F4A700; }
 
/* IMAGES ============================================================================= */
img { border : 0; max-width: 100%; height: auto; width: auto\9; /* ie8 */ }
img.floatleft { float: left; margin: 0 10px 0 0; }
img.floatright { float: right; margin: 0 0 0 10px; }
/* TABLES ============================================================================= */
table {border-collapse : collapse; border-spacing : 0; margin-bottom : 1.4em;width : 100%; }
th, td, caption {padding : .25em 10px .25em 5px; }
tfoot {font-style : italic; }
caption {background-color : transparent; }
/* FORMS ============================================================================= */
form {margin : 0; }
fieldset {margin-bottom : 1.5em;padding : 0;border-width : 0; }
legend {*margin-left : -7px;padding : 0;border-width : 0; }
label{ font-weight : normal; cursor : pointer; display:block; margin:0; position:relative; top:0; left:0; }
label.inline{ display:inline; margin:0; }
label span{ color:#666; font-size:0.9em; }
label span.right{ position:absolute; bottom:0; right:1em; text-align:right; }
label.disabled{ color:#ccc; }
 button,search, input,select,textarea {font-size : 100%;margin : 0;vertical-align : baseline;*vertical-align : middle; }
button, input {line-height : normal;*overflow : visible; }
button,input[type="button"],input[type="reset"],input[type="submit"] {padding: 0.5em 1em; margin: 0; cursor : pointer;text-shadow:0 1px 0 #fff; }
input[type="checkbox"],input[type="radio"] {box-sizing : border-box; }
input[type="search"] {box-sizing : content-box; }
button::-moz-focus-inner,input::-moz-focus-inner {padding : 0; border : 0;}
input{ margin:0; border:1px solid #ccc; font-size:1em; padding:5px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; background:#fff; -moz-box-shadow:inset 0px 0px 6px #ccc; -webkit-box-shadow:inset 0px 1px 6px #ccc; box-shadow:inset 0px 1px 6px #ccc; }
input::-webkit-input-placeholder, input:-moz-placeholder, .placeholder{ color:#bbb; }
input::-moz-focus-inner {border:0;}
input[disabled="disabled"], input.disabled{ color:#999; background:#f5f5f5; -moz-box-shadow:inset 0px 0px 2px #ddd; -webkit-box-shadow:inset 0px 1px 2px #ddd; box-shadow:inset 0px 1px 2px #ddd; }
 /* Colors for form validity */ input:valid,textarea:valid { /* Styles */ }
input:invalid,textarea:invalid { -webkit-box-shadow : 0 0 2px #f00;-moz-box-shadow : 0 0 2px #f00; box-shadow : 0 0 2px #f00; }
.no-boxshadow input:invalid,.no-boxshadow textarea:invalid { background-color : #ccc; }
/*MAIN LAYOUT============================================================================= */
#wrapper { width: 100%; position: relative; text-align: left; }
#headcontainer{ width: 100%; background:transparent; }
header{position:relative; clear: both; /* 1000px / 1250px */ font-size: 0.8125em; /* 13 / 16 */ max-width: 92.3em; /* 1200px / 13 */ margin: 0 auto; padding: 40px 0px 10px 0px; position: relative; color: #000; text-align: center; background:transparent; text-align:left; }

@media only screen and (min-width: 846px) {
a#navopener{display:none;}
header{width:80%;}
header ul{display:block; position:absolute; font-family:'Oswald', sans-serif; right:0px; bottom:0px; list-style-type:none; list-style-position:outside;margin-bottom : -0.35em;}
header ul li{display:inline-block; padding-left:20px; font-size:1.2em; text-transform:uppercase; letter-spacing:0.02em;}
header ul li p{font-weight:700;}
header ul li a{font-weight:400; color:#000;}
header ul li a:hover{color:#999;}
header h1{max-width:600px;}
header h4{padding-bottom:50px;}
}
@media only screen and (max-width: 845px) {
	a#navopener{display:block;}
	div.maincontent{padding:0px; width:100% !important;}
	header{width:100%; padding-bottom:0px;}
	footer{width:100% !important; padding-bottom:0px;}
	header ul{display:none; position:relative; list-style-position:outside; margin:0; padding:0;  width:100%; font-family:'Oswald', sans-serif; left:0px; bottom:0px;  list-style-type:none; list-style-position:outside; margin-bottom :0px !important; background:#000;}
	header ul li{display:block; padding-left:20px; margin-left:0px; font-size:1.2em; color:#fff; text-transform:uppercase; letter-spacing:0.02em; padding-top:10px; padding-bottom:10px; border-bottom:1px solid #444;}
	header ul li p{font-weight:400; color:#F4A700;font-size:1em; margin-bottom:0px;}
	header ul li a{font-weight:400; color:#fff;}
	header ul li a:hover{color:#999;}
	header h1,header h2{max-width:600px; clear:both; padding-left:20px; line-height:1.2;}
	header h1{ line-height:0.9; padding-bottom:20px;}
	header h3{margin: 0px 20px 0px 20px;}
	header h4{margin: 0px 20px 40px 20px;}
	h1+h2{padding-bottom:20px;}
}

div.partner{display:inline-block; padding:10px;}
div.partner img{width:100%;}
#maincontentcontainer { width: 100%; }
.standardcontainer {}
.darkcontainer { background: rgba(102, 102, 102, 0.05); }
.lightcontainer { background: rgba(255, 255, 255, 0.33); }
#maincontent{ clear: both; width: 80%; /* 1000px / 1250px */ font-size: 0.8125em; /* 13 / 16 */ max-width: 92.3em; /* 1200px / 13 */ margin: 0 auto; padding: 1em 0px; color: #333; line-height: 1.5em; position: relative; }
.maincontent{ clear: both; width: 80%; /* 1000px / 1250px */ font-size: 0.8125em; /* 13 / 16 */ max-width: 92.3em; /* 1200px / 13 */ margin: 0 auto; padding: 1em 0px 0px 0px; color: #333; line-height: 1.5em; position: relative; background:#fff;}
.images{ width:100%;}
.images div.maincontent{padding:0px;}
.images img{border-top:20px solid #c00; border-bottom:20px solid #ccc; border-right:none; border-left:none;}


#footercontainer { width: 100%; background:transparent; }
footer { clear: both; width: 80%; /* 1000px / 1250px */ font-size: 0.8125em; /* 13 / 16 */ max-width: 92.3em; /* 1200px / 13 */ margin: 0 auto; padding: 20px 0px 10px 0px; color: #999; background:#000; margin-bottom:90px;
background-image: -ms-linear-gradient(top, #444444 0%, #222222 100%); background-image: -moz-linear-gradient(top, #444444 0%, #222222 100%); background-image: -o-linear-gradient(top, #444444 0%, #222222 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #444444), color-stop(1, #222222));  background-image: -webkit-linear-gradient(top, #444444 0%, #222222 100%); background-image: linear-gradient(to bottom, #444444 0%, #222222 100%);
border-top:20px solid #e7e7e7;
color:#fff;
min-height:200px;

}
footer strong { font-size: 1.077em; /* 14 / 13 */ color: #aaa; }
footer a:link, footer a:visited { color: #999; text-decoration: underline; }
footer a:hover { color: #fff; text-decoration: underline; }
/*SECTIONS============================================================================= */
.section { clear: both; padding: 0px; margin: 0px; }
/*BUTTONS============================================================================= */ 
.button { display: inline-block; outline: none; cursor: pointer; text-align: center; text-decoration: none; font-weight: normal; color: #fff; padding: .5em 1em; margin: 1px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2); box-shadow: 0 1px 2px rgba(0,0,0,.2); background: #cc1122 url(/images/glass.png) repeat-x 0 50%; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; font-size : 1.1em;}
.button:hover { background: #dd2233 url(/images/glass.png) repeat-x 0 50%; color: #fff; text-decoration: none; }
.button:active { background: #dd2233 url(/images/glass.png) repeat-x 0 50%; color: #fff; position: relative; top: 1px; }
.button:visited {color : #fff; }
/*GLOBAL OBJECTS ============================================================================= */
.breaker{clear:both; }
.group:before, .group:after { content:""; display:table; }
.group:after { clear:both; }
.group { zoom:1; /* For IE 6/7 (trigger hasLayout) */ }
.floatleft { float: left; }
.floatright { float: right; }
 /* VENDOR-SPECIFIC ============================================================================= */
html {-webkit-overflow-scrolling : touch;-webkit-tap-highlight-color : rgb(52,158,219);-webkit-text-size-adjust : 100%;-ms-text-size-adjust : 100%; }
.clearfix {zoom : 1; }
::-webkit-selection {background : rgb(23,119,175);color : rgb(250,250,250);text-shadow : none; }
::-moz-selection {background : rgb(23,119,175);color : rgb(250,250,250);text-shadow : none; }
::selection {background : rgb(23,119,175);color : rgb(250,250,250);text-shadow : none; }
button,input[type="button"],input[type="reset"],input[type="submit"] {-webkit-appearance : button; }
::-webkit-input-placeholder { font-size : .875em;line-height : 1.4; }
input:-moz-placeholder {font-size : .875em;line-height : 1.4; }
.ie7 img, .iem7 img {-ms-interpolation-mode : bicubic; }
input[type="checkbox"],input[type="radio"] {box-sizing : border-box; }
input[type="search"] {-webkit-box-sizing : content-box; -moz-box-sizing : content-box; }
button::-moz-focus-inner,input::-moz-focus-inner {padding : 0; border : 0; }
p { /* http://www.w3.org/TR/css3-text/#hyphenation */ -webkit-hyphens : auto; -webkit-hyphenate-character : "\2010"; -webkit-hyphenate-limit-after : 1; -webkit-hyphenate-limit-before : 3; -moz-hyphens : auto; }



/* COL-SETUP */
/*  SECTIONS  ============================================================================= */
.section {clear: both;padding: 0px;margin: 0px;}
/*  GROUPING  ============================================================================= */
.group:before,.group:after { content:"";display:table;}
.group:after {clear:both;}
.group {zoom:1; /* For IE 6/7 (trigger hasLayout) */}
/*  GRID COLUMN SETUP   ==================================================================== */
.col {display: block;float:left;margin: 1% 0 1% 1.6%;}
.col:first-child { margin-left: 0; } /* all browsers except IE6 and lower */
/*  REMOVE MARGINS AS ALL GO FULL WIDTH AT 480 PIXELS */

.span_2_of_2 {width: 100%;}
.span_1_of_2 {width: 49.2%;}
.span_3_of_3 {width: 100%; }
.span_2_of_3 {width: 66.13%; }
.span_1_of_3 {width: 32.26%; }


.span_9_of_9 {	width: 100%;}
.span_8_of_9 {	width: 88.71%;}
.span_7_of_9 {	width: 77.42%; }
.span_6_of_9 {	width: 66.13%; }
.span_5_of_9 {	width: 54.84%; }
.span_4_of_9 {	width: 43.55%; }
.span_3_of_9 {	width: 32.26%;}

.span_3_of_9.tab{width: 33.33%;}
.span_2_of_9 {width: 20.97%; }
.span_1_of_9 {width: 9.68%; }

div#kopfbild{display:block; width:100%; background:transparent url(../../images/soldaten.jpg) center center no-repeat;border-top:20px solid #c00; border-bottom:20px solid #efefef; border-right:none; border-left:none;
-webkit-transition: all 0.3s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;
}

header h3{color:#EFDEB9; font-size:1.2em;}
header h4{color:#fff; font-size:1.2em; font-family: 'Oswald', sans-serif;font-weight : 400; }



div.tabelle{display:table; border-collapse:separate; border-spacing:10px; margin:0px -20px 0px -20px; padding:0px !important;  table-layout:fixed; 
min-width: -moz-calc(100% + 40px);
min-width: -webkit-calc(100% + 40px);
min-width: -o-calc(100% + 40px);
min-width: calc(100% + 40px);
}
div.group.tab{display:table-row; 
min-width: -moz-calc(100% + 40px);
min-width: -webkit-calc(100% + 40px);
min-width: -o-calc(100% + 40px);
min-width: calc(100% + 40px);
}

div.tabelle span.sep{display:none;}
div.group.tab div.col.tab{display:table-cell; float:none;   padding:0px !important; padding-bottom:0px; vertical-align:top;}
div.group.tab div.col.tab.bd{/*border:1px solid #efefef;  border-top:20px solid #efefef; */border-bottom:20px solid #ccc; background:#efefef;}
div.group.tab div.col.tab div.ontop{position:relative; z-index:100; margin-top:-100%; padding:10px; color:#fff;}
div.group.tab:before{content:''; display:inline;}
div.group.tab:after{content:''; display:inline;}

div.followbox{padding:20px; border-bottom:20px solid #ccc; background:#efefef; margin-bottom:20px;}
div.followbox p{font-size:1.3em; padding-top:10px;}

div.group.tab img{width:100%; max-width:100%; border-bottom:20px solid #ccc;}

div.space{padding:0px 20px 20px 20px;}
h2.intro{padding-top:25px;font-size:2em; letter-spacing:normal; color:#c00;}
h2 span.red{color:#c00;}
h2.intro+h3{margin-top:10px;letter-spacing:normal; }
p.pdo{padding-top:30px;}
div.col.tab p{letter-spacing:0.1px; font-size:1.4em; line-height:1.2;}

.colcontent {
    width: auto;
	line-height:1.8em;
    /*column-count: 2; -webkit-column-count: 2; -moz-column-count: 2; */
	column-width: 280px; -webkit-column-width: 280px; -moz-column-width: 250px;
    column-gap: 40px; -webkit-column-gap: 40px; -moz-column-gap: 40px;
	column-rule: 1px solid #eee; -webkit-column-rule: 1px solid #eee; -moz-column-rule: 1px solid #eee;
	color:#444;
	text-align:justify;
}
.colcontent p,#impressum p,#datenschutz p{color:#222; font-weight:400; font-family: 'Archivo Narrow', sans-serif; font-size:1.3em;}
q{font-size:1.7em; font-weight:400; line-height:1.3; padding-bottom:20px; padding-top:10px; display:block; }




@media only screen and (max-width: 928px) and (min-width: 481px){
 .span_4_of_9 {margin-left: 0; width: 100%;}
 .span_1_of_9 {margin-left: 0; display:none;}
 div.event{min-height:20px;}
 div.inhaltsspacer{padding:20px 40px 20px 40px;}
 div#kopfbild{height:300px; }
 header .span_6_of_9{width:100%;margin-left: 0;}
 header .span_3_of_9{width:100%;margin-left: 0;}
 header h3{font-size:1.7em; padding-top:20px; /*border-top:1px dashed #EFDEB9;*/}
 header h4{font-size:1.6em;padding-top:10px; padding-bottom:40px;}
}
@media only screen and (min-width: 929px){
	div.event{min-height:80px;}
	div.inhaltsspacer{padding:20px 40px 20px 40px;}
	div#kopfbild{height:481px; }
	header h3{padding-top:15px;}
}

@media only screen and (min-width: 701px){
.swiper-slide div.info{display:block; bottom:10%; min-width:40%; text-align:left; position:absolute; padding:10px; color:#fff; right:0px; z-index:21;}
.swiper-slide div.info div.bg{display:block; position:absolute; width:100%; top:0px; left:0px; height:100%;  -moz-opacity: 0.60; opacity: 0.60; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=60); z-index:-1;}
.swiper-slide div.info div.txt{display:block; width:100%; top:0px; left:0px; padding:20px; padding-right:40px; height:100%; z-index:22; }
div.txt h2,div.txt h3,div.txt p{color:#fff;}
div.txt h2{text-transform:uppercase; font-weight:400; font-size:2.25em; letter-spacing:0.01em;}
div.txt h2 span{font-weight:700; letter-spacing:0.02em;}
div.txt h3{letter-spacing:0.02em;}
div.txt p{font-size:1.3em; padding-bottom:0px; margin-bottom:0px;}
}
@media only screen and (max-width: 700px){
.swiper-slide div.info{display:block; bottom:0px; min-width:100%; text-align:left; position:absolute; padding:0px; color:#fff; right:0px; z-index:21;}
.swiper-slide div.info div.bg{display:block; position:absolute; width:100%; top:0px; left:0px; height:100%; background:#000; -moz-opacity: 0.60; opacity: 0.60; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=60); z-index:-1;}
.swiper-slide div.info div.txt{display:block; width:100%; top:0px; left:0px; padding:0px; padding-right:0px; height:100%; z-index:22; text-align:center;}
div.txt h2,div.txt h3,div.txt p{color:#fff;}
div.txt h2{text-transform:uppercase; display:block; position:relative; font-weight:400; font-size:1.75em; letter-spacing:0.01em; padding:10px; padding-left: 4%; padding-right: 4%; text-align:left; }
div.txt h2 span{font-weight:700; letter-spacing:0.02em;}
div.txt h3{display:none;}
div.txt p{display:none;}
 header h3{margin: 0px 20px 0px 20px;}
 header h4{margin: 0px 20px 40px 20px;}
	 div.tabelle span.sep{display:inline; position:absolute;}
	 div.group.tab.sepgroup{display:block; position:relative; padding:0px; width:100%; min-width:100%;table-layout:fixed;}

}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */
@media only screen and (max-width: 480px) {
 div#kopfbild{height:300px; }
div.inhaltsspacer{padding:20px 20px 20px 20px;}
header{padding: 20px 0px 0px 0px;}
header h1{font-size:3em;}
header h2{font-size:2.1em;}
/*header{width: 93.75%; /* 450px / 480px }*/
#maincontent{width: 93.75%; /* 450px / 480px */}
.maincontent{width: 93.75%; /* 450px / 480px */}
footer{width: 93.75%; /* 450px / 480px */}	
.col { margin: 1% 0 1% 0%;}
.span_3_of_3 {width: 100%;}
.span_2_of_3 {width: 100%;}
.span_1_of_3 {width: 100%;}
.span_2_of_2 {width: 100%;}
.span_1_of_2 {width: 100%;}
.span_9_of_9 {width: 100%;}
.span_8_of_9 {width: 100%;}
.span_7_of_9 {width: 100%;}
.span_6_of_9 {width: 100%;}
.span_5_of_9 {width: 100%;}
.span_4_of_9 {width: 100%;}
.span_3_of_9 {width: 100%;}
.span_2_of_9 {width: 100%;}
.span_1_of_9 {width: 100%;}
.span_3_of_9.tab{width: 100%;}
div.tabelle{display:block; margin:0px; border-collapse:collapse; border-spacing:0px;width:100%; min-width:100%; padding-bottom:20px; clear:both;}
div.group.tab div.col.tab{display:block; margin:10px 0px 10px 0px; float:left; width:100%;}
.maincontent h1{font-size:3em; margin-top:20px;}
q{font-size:1.5em;}
table.termine td.date{display:block; width:100%; border:none; clear:both;}
div.tab.termine{display:block; width:100%; border:none; clear:both; margin:0px; margin-top:10px; padding-bottom:20px;}
div.tab.termine div.trow{display:block; width:100%; border:none; float:left; padding-top:5px; padding-bottom:10px;}
div.tab.termine div.trow div.tcl{display:inline-block; float:left; padding:0px;  font-size:1.5em; line-height:1.2em;}
div.tab.termine div.trow div.tcl.ort{padding-right:5px;}
div.tab.termine div.trow div.tcl.date{display:block; width:100%;}
div.tab.termine div.trow div.tcl.tickets{display:block; float:right; margin-top:-2px;}
div.tab.termine div.trow{display:block; border-bottom:1px solid #ddd; clear:both;}
p.zusatzinfo{display:block; clear:both; padding-top:20px;}


	header h3{margin:0px 0px 0px 0px; padding:15px 20px 0px 20px; border-top:20px solid #c00; }
	header h4{padding-bottom:40px;padding-top:15px;}

}







/* Slider : Start */
.kkslide {width: 100%; max-height:auto; min-height:150px; padding: 0px; border: none; margin:0px; position: relative; /*box-shadow:3px 3px 5px rgba(0,0,0,0.3); */ margin-bottom: 0px; overflow:hidden;}
.kkslide img{width:100%;}
.swiper-container {max-height: 380px; height:auto; width: 100%;}
.content-slide { padding: 20px; color: #fff;}
.swiper-slide{position:relative;}
/* Slider : Ende */



/* Slider : Ende */

div.event{display:block; border-bottom:1px solid #000; width:100%; padding-top:10px;}
div.event h3{line-height:.5em; margin-bottom:0px;}
div.event p{font-weight:400; font-size:1.5em;}


@media only screen and (min-width: 481px) {
div.tab.termine div.trow div.tcl{font-size:1.2em; padding-bottom:5px; padding-top:5px;}
div.tab.termine{display:table; width:100%; border:none; border-collapse:collapse; font-size:padding:0px; margin:0px; margin-top:10px; margin-bottom:20px;}
div.tab.termine div.trow{display:table-row;}
div.tab.termine div.trow div.tcl{display:table-cell; border-bottom:1px solid #ddd;}
div.tab.termine div.trow div.tcl.tickets{text-align:right;}
}

div.tab.termine div.trow div.tcl.tickets a{min-width:58px;display:inline-block; text-transform:uppercase; text-align:center; letter-spacing:0.2em; font-size:0.8em; padding-left:10px; padding-right:10px; background:#ccc; -webkit-border-radius:8px;-moz-border-radius:8px; border-radius:8px; color:#fff; background-image: -ms-linear-gradient(top, #cccccc 0%, #afafaf 100%); background-image: -moz-linear-gradient(top, #cccccc 0%, #afafaf 100%); background-image: -o-linear-gradient(top, #cccccc 0%, #afafaf 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #cccccc), color-stop(1, #afafaf));  background-image: -webkit-linear-gradient(top, #cccccc 0%, #afafaf 100%); background-image: linear-gradient(to bottom, #cccccc 0%, #afafaf 100%); }
div.tab.termine div.trow div.tcl.tickets a:hover{background-image: -ms-linear-gradient(top, #474646 0%, #000000 100%); background-image: -moz-linear-gradient(top, #474646 0%, #000000 100%); background-image: -o-linear-gradient(top, #474646 0%, #000000 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #474646), color-stop(1, #000000));  background-image: -webkit-linear-gradient(top, #474646 0%, #000000 100%); background-image: linear-gradient(to bottom, #474646 0%, #000000 100%);}

div.tab.termine div.trow div.tcl.tickets p.sold{min-width:58px; text-align:center; display:inline-block; color:#fff; margin-bottom:0px; text-transform:uppercase; letter-spacing:0.2em; font-size:0.8em; padding-left:10px; padding-right:10px; background:#900; -webkit-border-radius:8px;-moz-border-radius:8px; border-radius:8px; background-image: -ms-linear-gradient(top, #cc0000 0%, #990000 100%); background-image: -moz-linear-gradient(top, #cc0000 0%, #990000 100%); background-image: -o-linear-gradient(top, #cc0000 0%, #990000 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #cc0000), color-stop(1, #990000));  background-image: -webkit-linear-gradient(top, #cc0000 0%, #990000 100%); background-image: linear-gradient(to bottom, #cc0000 0%, #990000 100%); }


div.tab.termine div.trow div.tcl.ort{font-weight:700; letter-spacing:0.02em;}
div.tab.termine div.trow div.tcl.date{white-space:nowrap;}
div.tab.termine div.trow div.tcl.headline{font-weight:700; letter-spacing:0.02em; padding-top:1.0em;}

div.tab.termine div.trow{background:#fff; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}

div.tab.termine div.trow:hover{background:#eee;}
div.tab.termine div.trow.hd:hover{background:#fff;}

a#navopener{width:45px; height:30px; background:#000 url(../img/menu.gif) 0px 0px no-repeat; text-indent:-99999px; position:absolute; top:0px; right:30px; -moz-border-radius-bottomright:6px; -webkit-border-bottom-right-radius:6px; -moz-border-radius-bottomleft:6px; -webkit-border-bottom-left-radius:6px; border-bottom-left-radius:6px; border-bottom-right-radius:6px;}
a#navopener:hover{background-position:0px -30px;}

a[data-role="button"]{color:#000; cursor:default;}


@media only screen and (max-width: 1024px) and (min-width: 846px){
header {width: 93.75%; /* 960px / 1024px */}
#maincontent{width: 93.75%; /* 960px / 1024px */}
.maincontent{width: 93.75%; /* 960px / 1024px */}
footer {width: 93.75%; /* 960px / 1024px */}
}
@media only screen and (max-width: 768px) and (min-width: 481px){
#maincontent{width: 93.75%; /* 720px / 768px */}
.maincontent{width: 93.75%; /* 720px / 768px */}
footer {width: 93.75%; /* 720px / 768px */}	
}

.images .maincontent{background:none;}
.maincontent ul{display:block; width:154px; height:56px; position:absolute; float:right; right:0px; z-index:300; top:-56px; list-style-position:outside; list-style-type:none; margin:0; padding:0;}
.maincontent ul li{display:block; float:left; width:77px; height:56px; overflow:hidden;}
.maincontent ul li a{display:block; float:left; width:77px; height:56px; text-indent:-99999px; background:transparent url(../img/lang.gif) 0px 0px no-repeat; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.maincontent ul li a#deutsch{background-position:0px 0px;}
.maincontent ul li a#italiano{background-position:-77px 0px;}
.maincontent ul li a:hover{background-color:#c00;}
.maincontent ul li a.active{background-color:#c00; cursor:default;}

strong.pdo{padding-top:10px; display:block;}

div#impressum{border-top:20px solid #e7e7e7; background:#eee; display:none;}
div#datenschutz{border-top:20px solid #e7e7e7; background:#eee; display:none;}

p.download a{
 	display:block;
	position:relative;
    border:0;
    padding-left:25px;
    color:#000;


}

p.download a:before {
	content:' ';
	position:absolute;
	display:block;
    left:0px;
    width:14px;
    height:20px;
	margin-top:-7px;
    border:2px solid #ccc;
    background:transparent;
	background:#ccc;
	 -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;
}

p.download a:after {
	content:' ';
	position:absolute;
	display:block;
    left:10px;
    border-width:4px;
    border-style:solid;
    border-color:#fff #fff #eee #eee;
    margin-top:-27px;
    background:transparent;
	box-shadow:-2px 2px 2px rgba(0,0,0,0.1);
	 -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;
}

p.download a:hover:before{border:2px solid #c00; background:#c00;} 
p.download a:hover:after{border-color:#fff #fff #E0C8C9 #E0C8C9;} 


#flag { display:block;  height: auto; padding: 35px 15px 5px 15px; position: relative;
 background: transparent; 
background-image: -ms-linear-gradient(top, rgba(220,0,0,1) 0%, rgba(180,0,0,1) 100%); 
 background-image: -moz-linear-gradient(top, rgba(220,0,0,1) 0%, rgba(180,0,0,1) 100%); 
 background-image: -o-linear-gradient(top, rgba(220,0,0,1) 0%, rgba(180,0,0,1) 100%); 
 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(220,0,0,1)), color-stop(1, rgba(180,0,0,1)));  
 background-image: -webkit-linear-gradient(top, rgba(220,0,0,1) 0%, rgba(180,0,0,1) 100%); 
 background-image: linear-gradient(to bottom, rgba(220,0,0,1) 0%, rgba(180,0,0,1) 100%);
color: #fff; letter-spacing: 0.05em; text-align: center; }

/*#flag:before{content:' ';
	position:absolute;
	display:block;
    left:0px;
    border-width:20px;
    border-style:solid;
    border-color: #fff  #f00 #f00 #fff;

	top:0px;
    background:transparent;
	box-shadow:4px 4px 4px rgba(0,0,0,0.1);
	 -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;
}*/


#flag h2{letter-spacing:0.03em; text-transform: uppercase; }
#flag p{font-weight:400; padding-top:10px; line-height:1.5;}
#flag span{white-space:nowrap; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}


@media only screen and (min-width: 1024px){
#flag p{font-size:2em;}
#flag h2{font-size:2.75em;}
}
@media only screen and (max-width: 1023px) and (min-width: 846px){
#flag p{font-size:1.7em;}
#flag h2{font-size:2.2em;}
}
@media only screen and (max-width: 845px) and (min-width: 481px){
#flag p{font-size:1.5em;}
#flag h2{font-size:2em;}
}
@media only screen and (max-width: 480px){
#flag p{font-size:1.2em;}
#flag h2{font-size:1.8em;}
}



/*#flag:after { content: ""; position: absolute; left: 0; bottom: 0; width: 0; height: 0; border-bottom: 30px solid #fff; border-left: 165px solid transparent; border-right: 165px solid transparent; }





p.download a:hover:before,
p.download a:focus:before,
p.download a:active:before {
    border-color:#730800;
    background:transparent;
}

p.download a:hover:after,
p.download a:focus:after,
p.download a:active:after {
    border-color:#fff #730800 #730800 #fff;
}*/