/*
colors:
DunkelBlau: #022679
DunkelRot: #990000
Schriftgrau: #1F1F1F

*/
/* francois-one-regular - latin */
@font-face {
  font-family: 'Francois One';
  font-style: normal;
  font-weight: 400;
  src: url('https://hansa-werft.de/template/inc_css/fonts/francois-one-v19-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('https://hansa-werft.de/template/inc_css/fonts/francois-one-v19-latin-regular.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://hansa-werft.de/template/inc_css/fonts/francois-one-v19-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://hansa-werft.de/template/inc_css/fonts/francois-one-v19-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('https://hansa-werft.de/template/inc_css/fonts/francois-one-v19-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://hansa-werft.de/template/inc_css/fonts/francois-one-v19-latin-regular.svg#FrancoisOne') format('svg'); /* Legacy iOS */
}

@font-face {
    font-family: 'LatoRegular';
    src: url(#);
    src: url(#) format('embedded-opentype'),
         url('/template/inc_css/fonts/lato-regular.woff') format('woff'),
         url('/template/inc_css/fonts/lato-regular.ttf') format('truetype'),
         url('/template/inc_css/fonts/lato-regular.svg') format('svg');
  font-style: normal;
  font-weight: normal;
}
@font-face {
    font-family: 'LatoLight';
    src: url(#);
    src: url(#) format('embedded-opentype'),
         url('/template/inc_css/fonts/lato-light.woff') format('woff'),
         url('/template/inc_css/fonts/lato-light.ttf') format('truetype'),
         url('/template/inc_css/fonts/lato-light.svg') format('svg');
}
@font-face {
    font-family: 'LatoBold';
    src: url(#);
    src: url(#) format('embedded-opentype'),
         url('/template/inc_css/fonts/lato-bold.woff') format('woff'),
         url('/template/inc_css/fonts/lato-bold.ttf') format('truetype'),
         url('/template/inc_css/fonts/lato-bold.svg') format('svg');
}
@font-face {
    font-family: 'LatoHairline';
    src: url(#);
    src: url(#) format('embedded-opentype'),
         url('/template/inc_css/fonts/lato-hairline.woff') format('woff'),
         url('/template/inc_css/fonts/lato-hairline.ttf') format('truetype'),
         url('/template/inc_css/fonts/lato-hairline.svg') format('svg');
}

/*Reset
------------------- */
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;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display:block;
}

.clear {
clear:both;
height:0;
font-size: 1px;
line-height: 0px;
}
/* Micro Clearfix  */
.cf:before,
.cf:after {
    content:"";
    display:table;
}
.cf:after {
    clear:both;
}
.cf {
    *zoom:1;
}

/* Reset Ende -----------------------------------*/

.span1, .span2, .span3, .span4, .span5, .span6, .span7, .span8, .span9, .span10, .span11, .span12{
    float:left;
    position:relative;
   -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    /**/
}
.span1Right, .span2Right, .span3Right, .span4Right, .span5Right, .span6Right, .span7Right, .span8Right, .span9Right, .span10Right, .span11Right, .span12Right{
    float:right;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    /**/
}
.inner { margin:0 auto }

.col{  margin-left: 1.5% !important;}

.col:first-child {  margin-left:0 !important;}
.span1, .span1Right{  width: 6.95833333333%; }
.span2, .span2Right{  width: 15.4166666667%; }
.span3, .span3Right{  width: 23.875%; }
.span4, .span4Right{  width: 32.3333333333%; }
.span5, .span5Right{  width: 40.7916666667%; }
.span6, .span6Right{  width: 49.25%; }
.span7, .span7Right{  width: 57.7083333333%; }
.span8, .span8Right{  width: 66.1666666667%; }
.span9, .span9Right{  width: 74.625%; }
.span10, .span10Right{  width: 83.0833333333%; }
.span11, .span11Right{  width: 91.5416666667%; }
.span12{ width: 100%;  margin-left: 0; }

a img { border:none; }

.txtRight { text-align: right }
.txtCenter { text-align: center }
.strong { font-weight:bold }
.floatR { float:right }
.floatL { float:left }
.em {font-style:italic}

/* FARBEN
**********************************************/

body { background:#FFF; }


.bgrTop { background:#DEDEE4; }/* Header Background */
.cntBgr { background:#FFF !important; }/* Content Background */
.stripe { background:#DEDEE4 url(https://hansa-werft.de/template/inc_css/frontend_hansa.css) repeat-x left top;	} /* Streifen */

.boTop{ /* Border */
border-top: 1px solid #022679;
}
.boBot{ /* Border */
border-bottom: 1px dotted #022679;
padding-bottom:20px;
}

.paVert { padding:.5em 0 }
.paHori { padding:0 .5em }
.maVert { margin:15px 0 }
.maHori { margin:0 .5em }
.mbo { margin-bottom:20px; }
.mto { margin-top:15px; }

html {
  height:100%;
  font-size:100.01%;
  }
body {
  font-size: 87.5%;
  color: #333;
  font-family: 'LatoRegular', sans-serif; /* Helvetica */
  font-size:1em;
  font-weight: normal;
  line-height: 1.5em;
}
#wrapp {
    float:left;
    position:relative;
    width: 94%;
    padding: 0 3%;
}
.width {
max-width:1150px; /* abzueglich contentInbox 80px */
margin:0 auto;
position:relative;
}
.container { /* generelle Breite der Seite */
margin:0 auto;
position:relative;
background:#ccc;
}

header {
margin:0 auto 0 auto; /* Abstand fuer Logos oben*/
padding:0;
}
/* Logos oben
************************************/
.logoBoxLeft {
width:400px;
margin:0 0 0 0;
position:absolute;
top:20px;left:20px;
z-index:100;
padding-top:0px;
text-align:left;
font-size:12px;
overflow:hidden;
color: rgba(0, 87, 169, 1);
}

.logoBox {
width:230px;
right:0; top:10px;
margin:0 20px 0 0;
position:absolute;
z-index:100;
padding-top:0;
text-align:center;
overflow:hidden;
font-size:12px;
color: rgba(0, 87, 169, 1);
}
.logoBox p {
    margin-bottom:5px;
    padding: 0px;
    /*font-family: 'LatoRegular', sans-serif;  */
    font-family: 'Francois One', sans-serif;
    font-size: 1.6em;
    font-weight:400;
    line-height:160%;
    color: #0057A9;
}


.title { /* Titelstreifen unterm Header block;*/
display: table;
margin:15px 0 !important;
height:80px;
width:90%;
padding:10px 5%;
    font-family: 'LatoRegular', sans-serif;
    /*font-family: 'Francois One', sans-serif;*/
    font-size: 1.2em;
    white-space: nowrap;
    font-weight:400;
    font-style:italic;
    line-height:130%;
    color: #F0F0F0; /* blau: 0057A9 rot 990000*/
background: #FFF url(/picture/bgr02_stripeHeadl.png) repeat-x left top;
text-shadow: 1px 1px 0px #404040;
}
.title > .stripeInner {
 display: table-cell;
 vertical-align: middle;
}
.stripeButton {
margin-top:15px;
}
#content {   padding:0; /* in #contentInbox setzen  */  }

#contentInbox {
  overflow:hidden;
  min-height:500px;
  margin:0px 40px 40px 40px;
  padding:0;
  }
#shadowSlider {
width:100%;
height:40px;
margin:0;
padding:0;
background: url(/picture/shadowSlider.png) no-repeat top center;
}
footer {
  height:100px;
  position:relative;
  margin:0 auto 0 auto;
  padding:80px 0 0 0;
  background: #fff url(/picture/bgr_footer.png) repeat-x left 50px;
  }
#footer .span3 p, #footer .span4 p, #footer .span6 p {
  margin:0 0 8px 30px;
  font-size:12px;
  line-height:130%;
  color:#FFF;
}
#footer .span3 h3, #footer .span4 h3, #footer .span6 h3,
#footer .span3 h4, #footer .span4 h4, #footer .span6 h4
  {
  margin:15px 0 15px 25px;
  color: #0057A9;
  font-size:15px;
  border-bottom:1px dashed #fff
}
#footer ul {
  padding: 0;
  margin: 5px 0 0 0;
}

#footer ul li {
  list-style:none;
  margin:0 0 8px 30px;
  font-size:12px;
  line-height:130%;
}
.logoFooter {
margin:0;
position:absolute;
left:45%;top:0;
z-index:100;
/**/
}


/* SET ENDE
================================*/

/* generell Listen ContentBereich */

#contentInbox ul {
  list-style-image: url(https://hansa-werft.de/picture/li_haekchen11x12.png);
  /*list-style-type:circle !important; */
  line-height:130%;
  padding: 0 0 0 10px;
  margin: 5px 0 0 20px;
}

#contentInbox li {
  margin: 0;
  padding-left: 0.1em;
  padding-bottom: 0.2em;
}
#contentInbox ol li {
  margin-left: 1.5em;
  padding-left: 0.2em;
  padding-bottom: 0.2em;
}

#contentInbox p{
  line-height: 1.4em;
  padding:0 1em 1em 0;
}

/* CSS Links/Text etc ==============*/

a, a:link, a:visited, a:active, a:focus {
	color: #022679;
	text-decoration: none
}
a:hover {
	color: #022679;
	text-decoration: underline;
}

#footer a:link,
#footer a:active,
#footer a:visited{
font-size: 12px;
font-weight: 400;
text-decoration: none;
color: #FFF;
}
#footer a:hover,
#footer a:focus {
border-bottom: 0px dotted #333;
}

 /* TEXT und LINEN
 ======================================= */
h2, h3, h4, h5, h6 {
 font-family: 'LatoRegular', sans-serif;
}
h1 {
        margin:0 0 10px;
        padding: 0px;
        font-family: 'LatoRegular', sans-serif;
        font-style:italic;
    font-size: 1.8em;
        line-height:150%;
        color: #990000;
}

h2 {
        color: #B74C4C; /* blau #0057A9*/
   font-size: 1.5em;
        line-height:150%;
        margin: 0px 0px 2px 0;
        padding-bottom: 3px;
}
h3 {
        margin-bottom:25px;
        padding: 0px;
   font-size: 1.4em;
        line-height:140%;
        color: #022679;
}

h4 {
        color:#3c3c3c;
	      margin-bottom: 15px;
   font-size: 1.4em;
        line-height:150%;
        padding:5px;
}
h5 {
        color:#022679;
	      margin-bottom: 10px;
   font-size: 1em;
        line-height:130%;
        padding:5px;
}
hr  {
background-color: #ffffff;
color: #ffffff;
	border: 1px dotted #022679;
	border-width:0 0 1px 0;
margin: 25px 0 15px 0;
height: 1px;
}


small, .small {
font-size:12px !important; line-height:140% !important
}
.txtBox {
        padding:0 0 15px 0;
        margin: 0 0 0 0;
}
.image-with-text {
        margin: 0 0 15px 0;
}

.image-with-text-top {
        margin: 37px 0 3px 0;
}
.image-with-text-left {
        margin: 37px 0 3px 190px;
}

.articleText {
        color:#3c3c3c;
	margin-bottom: 15px;
        font: normal 80%/140% Verdana, "Trebuchet MS", Arial;
        /*font-size: 90%;letter-spacing:0.04em;*/
        padding:5px;
        border: #d0d0d0 1px solid;
}

/* System - Abstand oben/ unten
********************************************************/
.spaceBeforeCP {
  clear:both;
  width:100%;
	height: 5px !important;
}
.spaceAfterCP {
  clear:both;
  width:100%;
	height: 5px !important;
}
.clearfloat {
  clear:both;
  height:0;
  font-size: 1px;
  line-height: 0px;
}
.separatorSmall {
height:26px;
width:100%;
margin:0 0 20px 0;
float:left;
}
.separator, .separator02 {
height:26px;
width:100%;
margin:20px 0 20px 0;
float:left;
}
.separator {
background: url(/picture/separator.png) no-repeat top center;
}
.separator02, .separatorSmall {
background: url(/picture/separator02.png) no-repeat top center;
}

/* BILDERFORMATE
====================================================== */
.imageStart{
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
	padding: 0;
	clear:both;
}
.imagelistimg {
  border: #d0d0d0 5px solid;
	margin-right: 20px;
}
/*
.headSubside {
width:100%;
overflow:hidden;
}
.headSubside h1{
float:left;
overflow:hidden;
}
.headSubside small {
float:left;
font-weight:bold;
margin-top: 30px;
padding-right:10px;
}
*/
/* Header Unterseiten
-------------------------------------- */

.subheader-image-v2 {
    position:relative;
    overflow:hidden;
    padding: 0;
    margin: 0;
    clear:both;
    line-height:80% !important;
}
.subheader-image-v2 img{
    width:99.65%; /**/
    height:auto;
   border:#022679 solid;
    border-width: 2px 2px 0 2px;
    /* */
}

.subheader-image-v2-caption {
  position:absolute;z-index:2;
  bottom:40px;
  left:2px;
  width:400px;
  background-color:rgba(255, 255, 255, .85);
  padding:5px 20px 15px 30px;
  color:#022679;
  text-align:left;
	font-size: 13px;
  font-weight:bold;
  line-height:170%;
	     border-radius:5px;
	-moz-border-radius:10px 10px 0 0;
	     border-radius:0 10px 10px 0;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=95);
       text-shadow: 2px 2px 3px #FFF;
}

.subheader-image-v2-caption b,
.subheader-image-v2-caption strong {
    color:#022679;
    font-style:normal;
    font-weight:bold;
  margin:0px;
  padding:10px 0 25px 0px;
  font-size: 1.3em;
}
.subheader-image-v2-caption em {
    color:#333;
    font-style:italic;
    font-weight:normal;
  margin:0px;
  padding:5px 0 15px 0px;
  font-size: 14px;
  float:right;
}
/**/

/**************** Animierter Teaser */

.animTeaser * {
	box-sizing: border-box;
}
.animTeaser {
	position: relative;
  float:left;
	margin: 40px 0 0 0;
	width: 100%;
}
.animTeaser ul {
margin:0 !important;
padding:0 !important;
}
.animTeaser li {
	position: relative;
	display: inline-block;
	overflow: hidden;
	background: #FFF;
  padding:0 !important;
}
.animTeaser li img {
	display: block;
	max-width: 100%;
	transition: opacity 450ms ease-in-out;
}
/*
.animTeaser li:hover img {
	opacity: 0.4;
}
*/
.animTeaser li figcaption {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	top: 36%; /* Ausfahrhoehe */
	transform: translateY(100%);
	z-index: 1;
	transition: transform 550ms ease-in-out;
	/* Text styling */
	font-size: 13px;
	padding: 10px;
	color: #900;
	text-align: left;
}
.animTeaser li figcaption a {
	display: block;
	width: 90%;
	height: 100%;
	text-decoration: none;
	color: #900;
}
.animTeaser li figcaption h2,
.animTeaser li figcaption a h2 {
	line-height: 100%;
  margin-bottom:0;
  padding-bottom:0;
	font-size: 16px;
  color: #900;
}
.animTeaser li figcaption small,
.animTeaser li figcaption a small {
	margin-top: 15px;
	display: block;
	font-size: 11px;
  color: #022679;
}
.animTeaser li:hover figcaption {
	transform: translateY(0%);
}
/* Style 02 */
.animTeaser li figcaption.alt {
	color: #900;
	background: #FFF;
	box-shadow: 2px 0px 2px 3px rgba(0, 0, 0, 0.1);
	transform: translateY(38%); /* Startposition */
  opacity: 0.8;
}
.animTeaser li:hover figcaption.alt {
	transform: translateX(0%);
}
/*
.animTeaser li figcaption.alt a {
	display: inline-block;
	width: auto;
	height: auto;
	margin-top: 0px;
	padding: 10px 15px;
	border-radius: 10px;
  background: #734e3a;
	text-decoration: none;
	color: #fff;
}  Button */


/* Text mit Galerie (bilder div)
***********************************************************/
.imageTxt {
margin:0 0 30px 0;
overflow:hidden;
width:100%
}
.imageTxt ul {
width:100%;
overflow:hidden;
margin:0 !important;
padding:0 !important;
list-style:none !important;
}
.imageTxt li{
 list-style:none !important;
 float:left;
 width:48%;
}
.imageTxt h3 {
        margin-bottom:10px;
        padding: 0px;
   font-size: 1.1em;
        line-height:140%;
}/**/
.imageTxt p {
        margin-bottom:10px;
        padding: 0px;
   /*font-size: .85em; justify */
   text-align:left;
        line-height:130%;
        color: #333;
}

.imageTxt img{
border:none;
width:96%;height:auto;
padding-left: 15px;
padding-bottom:8px;
}

.txtTeaser {
margin:2.5em 0 1.5em 0;
padding:1em 0;
border: dotted #022679;
border-width: 1px 0
}

.txtTeaser ul{
width:100%;
overflow:hidden;
margin:0 !important;
padding:0 !important;
list-style:none !important;
text-align:center
}

.txtTeaser ul li{
 list-style:none !important;
 float:left;
 width:23%;
}
.txtTeaser h3 {
        margin:0 0 1em 10px;
        padding: 0;
   /*font-size: 1.1em;*/
        line-height:140%;
}
.txtTeaser a {
        color:#900;
        font-weight:bold;
}


/* Galerien/ Teaser
*****************************/

.imageGal {
margin:0 0 30px 0;
overflow:hidden;
width:100%
}
.imageGal ul{
width:100%;
overflow:hidden;
margin:0 !important;
padding:0 !important;
}
.imageGal li{ list-style:none !important; }
.imageGal h2{color: #022679;margin-bottom:1em;}
.imageGal h3 {
        margin-bottom:10px;
        padding: 0px;
   font-size: 1em;
        line-height:140%;
        color: #022679;
}
.imageGal p {
        margin-bottom:10px;
        padding: 0 !important;
   font-size: .75em;
   text-align:left;
        line-height:110%;
}
.imageGal ul li img{
border:none;
padding:0 .5em 0 0;
height:auto;
float:left;
	-moz-transition: all .5s ease-in-out;
	-webkit-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}/*width:30%;*/

.imageGal img:hover {
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);

	-moz-transition: all .5s ease-in-out;
	-webkit-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}

.imageGal p a { text-decoration:none; }
.imageGal h3 a { text-decoration:none;color:#990000; }

/* Bildklassen Styles
********************************************************************/

.image_caption, .caption,
.image_caption p, .caption p {
text-align:left;
font-size:80%;
margin:0;padding:0;
}
.image_td {
margin-top:8px
}
.imgtxt-left {
    position: relative;
    float: left;
    margin: 0 1em .5em 0;
}
.imgtxt-right {
    position: relative;
    float: right;
    margin: 0 .8em .5em 1em;
    padding:0 !important;
}
.imgtxt-right img, .imgtxt-left img {
padding:0;margin:0;
 	-moz-box-shadow: 0 2px 2px rgba(0,0,0,0.7);
	-webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.7);
	box-shadow: 0 1px 2px rgba(0,0,0,0.7)
}
.imgtxt-top-left,
.imgtxt-bottom-left {
    position: relative;
    margin: 1em 0;
    clear: both;
}
.imgtxt-top-right,
.imgtxt-bottom-right {
    position: relative;
    float: right;
    margin: 1em 0;
    clear: both;
}
.imgtxt-top-center {
    position: relative;
    margin: 0 auto 1em auto;
    clear: both;
}
.imgtxt-bottom-center {
    position: relative;
    margin: 1em auto;
    clear: both;
}

.imgtxt-column-left { /* Bild links */
    position: relative;
    clear: both;
    width: 100%;
}
.imgtxt-column-left .imgtxt-column-left-text {
    position: relative;
    float: right;
    margin: 0 1% 1em 0;
    width: 76%;
}
.imgtxt-column-left .imgtxt-column-left-image {
    position: relative;
    float: left;
    margin: 0 0 1em 0;
    width: 23%;
    overflow:hidden;
}
.imgtxt-column-right { /* Bild rechts */
    position: relative;
    clear: both;
    width: 100%;
}
.imgtxt-column-right .imgtxt-column-right-text {
    position: relative;
    float: left;
    margin: 0 0 1em 0;
    width: 76%;
}
.imgtxt-column-right .imgtxt-column-right-image {
    position: relative;
    float: right;
    margin: 0 1% 1em 0;
    width: 23%;
    overflow:hidden;
}

.phpwcmsImgListRight {
	text-align: right;
	margin: 0;
	padding: 0;
}
.phpwcmsImgListLeft {
	text-align: right;
	margin: 0;
	padding: 0;
}

/* Navigation Ende **************************************/

/* ========================= Schatten ============== */

.shadow {
	-webkit-box-shadow: 0px 0px 5px #333;
	-khtml-box-shadow: 0px 0px 5px #333;
	-moz-box-shadow: 0px 0px 5px #333;
	box-shadow: 0px 0px 5px #333;
}
.shadowBot {
	-webkit-box-shadow: 0px 2px 5px #333;
	-khtml-box-shadow: 0px 2px 5px #333;
	-moz-box-shadow: 0px 2px 5px #333;
	box-shadow: 0px 2px 5px #333;
}
.shadowTop {
	-webkit-box-shadow: 0px 0px 15px #ccc;
	-khtml-box-shadow: 0px 0px 15px #ccc;
	-moz-box-shadow: 0px 0px 15px #ccc;
	box-shadow: 0px 0px 15px #ccc;
}

/* Button */

.button.large{
	font:16px/43px 'LatoBold', arial, helvetica, sans-serif;
	text-transform:uppercase;
	text-align:center;
	text-shadow:0 1px 0 #333;
	padding:10px 30px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 1px 1px rgba(0,0,0,0.2);
	box-shadow: 0 1px 1px rgba(0,0,0,0.2);
  margin-left:20px;
}
.button.small{
	/* min-height:32px; */
	font:13px/32px 'Francois One', arial, helvetica, sans-serif;
	text-transform:uppercase;
	text-align:center;
	text-shadow:0 1px 0 #333;
	padding:5px 20px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 1px 1px rgba(0,0,0,0.2);
	box-shadow: 0 1px 1px rgba(0,0,0,0.2);
}
.button.blue{
	color:#EEEEEE !important;
	background-image: linear-gradient(top, #28478D 0%, #03277A 100%);
	background-image: -o-linear-gradient(top, #28478D 0%, #03277A 100%);
	background-image: -moz-linear-gradient(top, #28478D 0%, #03277A 100%);
	background-image: -webkit-linear-gradient(top, #28478D 0%, #03277A 100%);
	background-image: -ms-linear-gradient(top, #28478D 0%, #03277A 100%);

	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #28478D),
		color-stop(1, #03277A)
	);
	border:1px solid #032472;
}
.button.blue:hover{
	color:#FFF !important;
	background-image: linear-gradient(top, #03277A 0%, #28478D 100%);
	background-image: -o-linear-gradient(top, #03277A 0%, #28478D 100%);
	background-image: -moz-linear-gradient(top, #03277A 0%, #28478D 100%);
	background-image: -webkit-linear-gradient(top, #03277A 0%, #28478D 100%);
	background-image: -ms-linear-gradient(top, #03277A 0%, #28478D 100%);

	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #03277A),
		color-stop(1, #28478D)
	);
	border:1px solid #032472;
}
.no-cssgradients .button.blue{
	background-color:#28478D;
}
.no-cssgradients .button.blue:hover{
	background-color:#03277A;
}

.button.red{
	color:#DEDEDE !important;
	background-image: linear-gradient(top, #FC5C5C 0%, #9C0B0C 100%);
	background-image: -o-linear-gradient(top, #FC5C5C 0%, #9C0B0C 100%);
	background-image: -moz-linear-gradient(top, #FC5C5C 0%, #9C0B0C 100%);
	background-image: -webkit-linear-gradient(top, #FC5C5C 0%, #9C0B0C 100%);
	background-image: -ms-linear-gradient(top, #FC5C5C 0%, #9C0B0C 100%);

	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #FC5C5C),
		color-stop(1, #9C0B0C)
	);
	border:1px solid #9d1111;
}
.button.red:hover{
	color:#FFF !important;
	background-image: linear-gradient(top, #9C0B0C 0%, #FC5C5C 100%);
	background-image: -o-linear-gradient(top, #9C0B0C 0%, #FC5C5C 100%);
	background-image: -moz-linear-gradient(top, #9C0B0C 0%, #FC5C5C 100%);
	background-image: -webkit-linear-gradient(top, #9C0B0C 0%, #FC5C5C 100%);
	background-image: -ms-linear-gradient(top, #9C0B0C 0%, #FC5C5C 100%);

	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #9C0B0C),
		color-stop(1, #FC5C5C)
	);
	border:1px solid #9d1111;
}
.no-cssgradients .button.red{
	background-color:#fd9c9c;
}
.no-cssgradients .button.red:hover{
	background-color:#fc7d7d;
}


/* Tables */
table {
  background: white;
  margin-right:2%;
  margin-bottom: 1.25em;
  border: solid 1px #dddddd; }
  table thead,
  table tfoot {
    background: whitesmoke;
    font-weight: bold; }
    table thead tr th,
    table thead tr td,
    table tfoot tr th,
    table tfoot tr td {
      padding: 0.5em 0.625em 0.625em;
      font-size: 0.875em;
      color: #222222;
      text-align: left; }
  table tr th,
  table tr td {
    padding: 0.5625em 0.625em;
    font-size: 0.875em;
    color: #222222; }
  table tr.even, table tr.alt, table tr:nth-of-type(even) {
    background: #f9f9f9; }
  table thead tr th,
  table tfoot tr th,
  table tbody tr td,
  table tr td,
  table tfoot tr td {
    display: table-cell;
    line-height: 1.125em; }

/*Cookie Consent OLD */
.cc-window{opacity:1;transition:opacity 1s ease;}
.cc-window.cc-invisible{opacity:0;}
.cc-animate.cc-revoke{transition:transform 1s ease;}
.cc-animate.cc-revoke.cc-top{transform:translateY(-2em);}
.cc-animate.cc-revoke.cc-bottom{transform:translateY(2em);}
.cc-animate.cc-revoke.cc-active.cc-bottom,.cc-animate.cc-revoke.cc-active.cc-top,.cc-revoke:hover{transform:translateY(0);}
.cc-grower{max-height:0;overflow:hidden;transition:max-height 1s;}
.cc-link,.cc-revoke:hover{text-decoration:underline;}
.cc-revoke,.cc-window{position:fixed;overflow:hidden;box-sizing:border-box;font-size:1em;line-height:1.5em;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;z-index:9999;}
.cc-window.cc-static{position:static;}
.cc-window.cc-floating{padding:2em;max-width:24em;-ms-flex-direction:column;flex-direction:column;}
.cc-window.cc-banner{padding:1em 1.8em;width:100%;-ms-flex-direction:row;flex-direction:row;}
.cc-revoke{padding:.5em;}
.cc-header{font-size:18px;font-weight:700;}
.cc-btn,.cc-close,.cc-link,.cc-revoke{cursor:pointer;}
.cc-link{opacity:.8;display:inline-block;padding:.2em;}
.cc-link:hover{opacity:1;}
.cc-link:active,.cc-link:visited{color:initial;}
.cc-btn{display:block;padding:.4em .8em;font-size:.9em;font-weight:700;border-width:2px;border-style:solid;text-align:center;white-space:nowrap;}
.cc-highlight .cc-btn:first-child{background-color:transparent;border-color:transparent;}
.cc-highlight .cc-btn:first-child:focus,.cc-highlight .cc-btn:first-child:hover{background-color:transparent;text-decoration:underline;}
.cc-close{display:block;position:absolute;top:.5em;right:.5em;font-size:1.6em;opacity:.9;line-height:.75;}
.cc-close:focus,.cc-close:hover{opacity:1;}
.cc-revoke.cc-bottom{bottom:0;left:3em;}
.cc-revoke.cc-left{left:3em;right:unset;}
.cc-revoke.cc-right{right:3em;left:unset;max-width:200px;text-align:center;}
.cc-top{top:1em;}
.cc-left{left:1em;}
.cc-right{right:1em;}
.cc-bottom{bottom:1em;}
.cc-floating>.cc-link{margin-bottom:1em;}
.cc-floating .cc-message{display:block;margin-bottom:1em;}
.cc-window.cc-floating .cc-compliance{-ms-flex:1 0 auto;flex:1 0 auto;}
.cc-window.cc-banner{-ms-flex-align:center;align-items:center;}
.cc-banner.cc-top{left:0;right:0;top:0;}
.cc-banner.cc-bottom{left:0;right:0;bottom:0;}
.cc-banner .cc-message{display:block;-ms-flex:1 1 auto;flex:1 1 auto;max-width:100%;margin-right:1em;}
.cc-compliance{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:justify;align-content:space-between;}
.cc-floating .cc-compliance>.cc-btn{-ms-flex:1;flex:1;}
.cc-btn+.cc-btn{margin-left:.5em;}
@media print{.cc-revoke,.cc-window{display:none;}
}
@media screen and (max-width:1099px){.cc-btn{white-space:normal;}
.cc-revoke.cc-bottom {display: none !important;}
}
@media screen and (max-width:414px) and (orientation:portrait),screen and (max-width:736px) and (orientation:landscape){.cc-window.cc-top{top:0;}
.cc-window.cc-bottom{bottom:0;}
.cc-window.cc-banner,.cc-window.cc-floating,.cc-window.cc-left,.cc-window.cc-right{left:0;right:0;}
.cc-window.cc-banner{-ms-flex-direction:column;flex-direction:column;}
.cc-window.cc-banner .cc-compliance{-ms-flex:1 1 auto;flex:1 1 auto;}
.cc-window.cc-floating{max-width:none;}
.cc-window .cc-message{margin-bottom:1em;}
.cc-window.cc-banner{-ms-flex-align:unset;align-items:unset;}
.cc-window.cc-banner .cc-message{margin-right:0;}
}
.cc-floating.cc-theme-classic{padding:1.2em;border-radius:0px;}
.cc-floating.cc-type-info.cc-theme-classic .cc-compliance{text-align:center;display:inline;-ms-flex:none;flex:none;}
.cc-theme-classic .cc-btn{border-radius:5px;}
.cc-theme-classic .cc-btn:last-child{min-width:140px;}
.cc-floating.cc-type-info.cc-theme-classic .cc-btn{display:inline-block;}
.cc-theme-edgeless.cc-window{padding:0;}
.cc-floating.cc-theme-edgeless .cc-message{margin:2em 2em 1.5em;}
.cc-banner.cc-theme-edgeless .cc-btn{margin:0;padding:.8em 1.8em;height:100%;}
.cc-banner.cc-theme-edgeless .cc-message{margin-left:1em;}
.cc-floating.cc-theme-edgeless .cc-btn+.cc-btn{margin-left:0;}

/* Responsify Defaults */

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

  #bg {
  display:none;
  }
  .logoBox {
  width:200px;
  right:0; top:10px;
  margin-right: 0px;
  }
  .logoBox img{
  width:80%;height:auto;
  }
  .logoBoxLeft {
  width:300px;
  }
  .logoBoxLeft img{
  width:100%;height:auto;
  }
  .title { /* Titelstreifen unterm Header block;*/
  display: block;
  height:auto;
  width:90%;
  padding:10px 5%;
  font-size: 1em;
  white-space: normal;
  background-color: #133482;
  background-image:none !important;
  text-shadow: 1px 1px 0px #404040;
  }
  #contentInbox {
  min-height:200px;
  padding:20px 0 10px 0px;
  }

  #shadowSlider {
  display:none;
  }
  h1, h2 {
  font-size: 90%;
  }
  .span6 {
  width:100%;
  margin:0 auto;
  float:none;
  }
  /*
  **************************** Galerien */

  .imageGal ul li {
  list-style:none;
  position: relative;
  margin:0 auto 15px auto !important;
  width:100%;
  text-align:left;
  }
  .imageGal img{
  border:none;
  padding:0 .5em 0 0;
  width:30%;height:auto;
  }
  .imageGal p{
   padding:0 !important;
   font-size: 1em;
  }
  .imgtxt-right {
    position: relative;
    float: none;
    margin: .8em auto;
    text-align:center
  }
  /* Header Unterseiten
-------------------------------------- */
  .subheader-image-v2 {
    position:relative;
    margin:0 !important;
    padding:0 !important;
  }
  .subheader-image-v2 img{
    width:99.4%;height:auto;
    margin:0 !important;
    padding:0 !important;
  }
  .subheader-image-v2-caption {
  bottom:10px;
  left:2px;
  width:300px;
  font-size: 12px;
  text-shadow: none;
  }

  .subheader-image-v2-caption b,
  .subheader-image-v2-caption strong {
  font-size: 1.1em;
  }
  .subheader-image-v2-caption em {
  font-size: 12px;
  }
  footer {
  height:auto !important;
  padding:20px 0 3em 0 !important;
  background-color: #133482;
  background-image:none !important;
  overflow:hidden;
  }
  #footer ul li {
  list-style:none;
  margin:0 0 8px 30px;
  font-size:12px;
  line-height:130%;
  }
  footer .span3, footer .span4 {
  float:left !important;
  width:100% !important;
  }
  footer .span3 p, #footer .span4 p {
  margin:0 !important;
  text-align:center !important;
  }
  .logoFooter {
  left:5%;top:10px !important;
  }
  .logoFooter img{
  width:95px !important; height: auto !important;
  }
  .captHover .span3, .captHover .span4 {
  width: 48.25%;
  float:left;
  margin-bottom:1.5em;
  }
  .button.red.large {
	font:12px/33px 'LatoBold', arial, helvetica, sans-serif;
  margin: 20px 0 0 0 !important;
  }
}

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

  #bg {
  display:none;
  }
  .captHover .span3, .captHover .span4 {
  width: 98%;
  float:left;
  margin-bottom:1.5em;
  }
  .logoBoxLeft {
  width:250px;
  }
  .logoBoxLeft img{
  width:100%;height:auto;
  }
  .logoBox {
  width:100px;
  right:0; top:10px;
  margin-right: 0px;
  }
  .logoBox img{
  width:100%;height:auto;
  }

}