/* roboto-300italic - latin */
@font-face {
	font-family: "Roboto";
	font-style: italic;
	font-weight: 300;
	src: local(""),
		url("../fonts/roboto-v20-latin-300italic.woff2") format("woff2"),
		/* Chrome 26+, Opera 23+, Firefox 39+ */
			url("../fonts/roboto-v20-latin-300italic.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
	font-display: swap;
}

/* roboto-300 - latin */
@font-face {
	font-family: "Roboto";
	font-style: normal;
	font-weight: 300;
	src: local(""), url("../fonts/roboto-v20-latin-300.woff2") format("woff2"),
		/* Chrome 26+, Opera 23+, Firefox 39+ */
			url("../fonts/roboto-v20-latin-300.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
	font-display: swap;
}

/* roboto-regular - latin */
@font-face {
	font-family: "Roboto";
	font-style: normal;
	font-weight: 400;
	src: local(""), url("../fonts/roboto-v20-latin-regular.woff2") format("woff2"),
		/* Chrome 26+, Opera 23+, Firefox 39+ */
			url("../fonts/roboto-v20-latin-regular.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
	font-display: swap;
}

/* roboto-500 - latin */
@font-face {
	font-family: "Roboto";
	font-style: normal;
	font-weight: 500;
	src: local(""), url("../fonts/roboto-v20-latin-500.woff2") format("woff2"),
		/* Chrome 26+, Opera 23+, Firefox 39+ */
			url("../fonts/roboto-v20-latin-500.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
	font-display: swap;
}

/* roboto-italic - latin */
@font-face {
	font-family: "Roboto";
	font-style: italic;
	font-weight: 400;
	src: local(""), url("../fonts/roboto-v20-latin-italic.woff2") format("woff2"),
		/* Chrome 26+, Opera 23+, Firefox 39+ */
			url("../fonts/roboto-v20-latin-italic.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
	font-display: swap;
}

/* roboto-700italic - latin */
@font-face {
	font-family: "Roboto";
	font-style: italic;
	font-weight: 700;
	src: local(""),
		url("../fonts/roboto-v20-latin-700italic.woff2") format("woff2"),
		/* Chrome 26+, Opera 23+, Firefox 39+ */
			url("../fonts/roboto-v20-latin-700italic.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
	font-display: swap;
}

/* roboto-500italic - latin */
@font-face {
	font-family: "Roboto";
	font-style: italic;
	font-weight: 500;
	src: local(""),
		url("../fonts/roboto-v20-latin-500italic.woff2") format("woff2"),
		/* Chrome 26+, Opera 23+, Firefox 39+ */
			url("../fonts/roboto-v20-latin-500italic.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
	font-display: swap;
}

/* roboto-700 - latin */
@font-face {
	font-family: "Roboto";
	font-style: normal;
	font-weight: 700;
	src: local(""), url("../fonts/roboto-v20-latin-700.woff2") format("woff2"),
		/* Chrome 26+, Opera 23+, Firefox 39+ */
			url("../fonts/roboto-v20-latin-700.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
	font-display: swap;
}



/***************** Setup ********************************************************/
/********************************************************************************/

* {
margin:0px;
padding:0px;	
box-sizing:border-box;
}
html,
body {
height: auto;
}

body {
font: 110%/1.4 'Roboto', Verdana, Helvetica, Sans-Serif;
color:#525252;
font-weight:400;
padding:0px;	
margin:0px 0px 0px 0px;
background-color:#efeeee;
font-weight:400;
width:100%;
}
#background {
background: linear-gradient(180deg, rgba(255,255,255,1) 650px, rgba(239,238,238,1) 100%);
}

img, table, a img {
border:none;
}

img {
display:block;
max-width:100%;
height: auto;
}

a, a:link, a:visited, #footerMenu li a.active {
text-decoration:underline;
color:#303030;
}
#main a, #main a:link, #main a:visited {
color:#cc1a24;	
}

a:hover, a:active {
text-decoration:none;
}
ul, ul li {
margin:0px;
padding:0px;	
list-style:none;
}
.invisible {
position: absolute;
left: -6000px;
top: 0px;
width: 1px;
height: 1px;
overflow: hidden;
}

/***************** wrapper **********************************************************/
/********************************************************************************/


#wrapper {
max-width:1400px;
width:100%;
text-align:left;
margin:0px auto;
position:relative;
padding:0px 20px;
}
/***************** header **********************************************************/
/********************************************************************************/
header{
position:relative;
width:100%;
height:520px;
overflow: hidden;
padding-top:20px;
max-width: 2500px;
margin: 0px auto;
}
header:before {
content:'\0020';	
display:block;
position:fixed;
left:0px;
top:0px;
width:100%;
height:20px;
background: rgb(48,28,19);
background: linear-gradient(90deg, rgba(48,28,19,1) 0%, rgba(97,6,7,1) 25%, rgba(172,6,28,1) 50%, rgba(182,57,111,1) 75%, rgba(152,26,130,1) 100%); 	
pointer-events:none;
z-index:10000;
}
.logged-in header:before {
top:29px;	
}
header img{
height:500px !important;
width:auto !important;
max-width:100000% !important;
left:calc((1247px - 50%) * -1) !important;
}
.bx-wrapper {
position:relative;
z-index:0;	
}
.logo b {
display:block;
font-size:2.2rem;
font-weight:500;
color:#4f8bb4;
text-transform:none;
}
.titelContainer {
position:absolute;
left:0px;
top:20px;
width:887px;
height:280px;
background: transparent url('../img/header_titel_bg.png') no-repeat left top;	
padding:25px;
max-width:100%;
}
.titelContainer a {
text-transform:uppercase;
font-size: 2.57rem;
line-height: 1.1em;
text-decoration:none;	
}
.i18n-en .titelContainer a {
font-size: 2rem;
}

.titelContainer a span {
color:#cc1a24;
display:block;
font-size: 2rem;
white-space:nowrap;
}
.i18n-en .titelContainer a span {
display: inline !important;
white-space:nowrap;
}
.titelContainer ul.menu {
margin-top:30px;	
margin-left:5px;
}

.titelContainer ul.menu ul.menu {
margin-top:0px;	
margin-left:0px;
}
ul.menu li {
padding:0px;
margin:0px;
list-style:none;	
}
.titelContainer ul.menu li a, .titelContainer a.en, .titelContainer a.de {
display:block;
width:25px;
height:25px;
left:4px;
top:3px;
background-position:center center;
background-repeat:no-repeat;	
text-indent:-10000px;
float:left;
margin-right:5px;
}
.titelContainer ul.menu li a#YT {
background-image:url('../img/icon_yt.png');
}
.titelContainer ul.menu li a#FB {
background-image:url('../img/icon_fb.png');
}
.titelContainer ul.menu li a#IG {
background-image:url('../img/icon_ig.png');
}
.titelContainer  a.en {
background-image:url('../img/flag_en.png');
margin-left:15px;
}
.titelContainer a.de {
background-image:url('../img/flag_de.png');
margin-left:15px;
}
.titelContainer a.deActive, .titelContainer a.enActive {
display:none;	
}
.not-front header {
height:270px;	
}
.not-front header img {
margin-top:-244px;	
}
header:after {
content:'\0020';	
display:block;
position:absolute;
left:0px;
bottom:0px;
width:2500px;
left:calc((1250px - 50%) * -1);
height:500px;
background: transparent url('../img/header_bottom_bg.png') no-repeat center bottom;	
pointer-events:none;
}
#borderBottom {
position:fixed;
left:0px;
bottom:0px;
width:100%;
height:20px;
background: rgb(43,43,43);
background: linear-gradient(90deg, rgba(43,43,43,1) 0%, rgba(198,198,198,1) 25%, rgba(223,162,32,1) 50%, rgba(55,130,47,1) 75%, rgba(31,57,149,1) 100%);	
z-index:10000;
}
footer {
background:transparent url('../img/footer_bg.png') no-repeat center bottom;
height:190px;
width:100%;
margin-bottom:40px;
}

/***************** main sections **********************************************************/
/********************************************************************************/
#wrapper {
display: table; /* Fallback IE<9 */
display: flex;
display: -webkit-box;
display: -moz-box;
display: -webkit-flex;
display: -ms-flexbox;  
justify-content: space-between;
-webkit-box-pack: justify;
-moz-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
align-items: start;
}
#main {	
width:100%;
flex:1 1 100%;
-ms-flex:1 1 100%;
-webkit-flex:1 1 100%;
padding-right:400px;
}
ul.primary li a {
font-size:1rem;	
}
aside {
width:320px;
border-left:4px solid #cc1a24;
text-align:center;
position: absolute;
right:20px;
top: 0px;
}
aside .region, aside > a:first-child {
padding:0px 30px 0px 30px;	
margin-bottom:30px;
display:block;
width:100%;
}
aside .region:last-child {
margin-bottom:0px;	
}
aside img {
position:relative;
margin:0px auto;	
margin-bottom:35px;
}

.stickySideNavi aside {
position: fixed;
right: calc(50% - 680px);
top: 83px;
}
.stickySideNavi #main {
padding-right:400px;
min-height: 450px;
}
.stickySideNavi #wrapper {
display:block;	
}
@media (min-width:881px) {
.stickySideNavi #main {
padding-top:30px;	
}
.stickySideNavi #mainmenu {
position: fixed;
top: 14px;
max-width: 960px;
z-index: 1000;
background: #fff;	
border-left:4px solid #cc1a24;
}
.logged-in.stickySideNavi #mainmenu {
top: 24px;
}
.stickySideNavi .region-main-navigation {
border: 15px solid #fff;
}
}
/***************** contents **********************************************************/
/********************************************************************************/
h1 {
font-weight:400;
font-size:2.2rem;
line-height:1.2em;
margin-bottom:0.31em;
text-transform:uppercase;
}
h2 {
font-weight:400;
font-size:2.2rem;
line-height:1.2em;
margin-bottom:0.61em;
}
.not-front h2 {
font-weight:400;
font-size:1.7rem;
line-height:1.2em;
margin-bottom: 0.41em;
margin-top: 0.41em;
}
h3 {
font-weight:400;
font-size:1.17em;
line-height:1.2em;
margin-bottom:0.31em;
margin-top: 1.1em;
}
h4 {
font-weight:400;
padding-right:80px;
font-size:1.051em;
line-height:1.2em;
margin-bottom:0.51em;
}
p {
font-size:1rem;
line-height:1.45em;
font-weight:400;
margin:0 0 0.75em 0;
color:#525252;
}
aside p {
font-size:1rem;	
}
aside p b {
font-weight:500;
text-transform:uppercase;    
font-size: 1.13rem;
display:block;
margin-bottom:7px;
}

article ul {
font-size:1rem;
line-height:1.4em;
padding:0px 0 0 3px;
list-style:none;
font-weight:400;
margin:0 0 1em 0;
}
article ul ul {
margin:0.51em 0 0 0;	
}
article ul p {
padding-top:12px;	
margin-bottom:5px;
}
article ol {
font-size:1rem;
line-height:1.4em;
margin:0px 0px 8px 0px;
padding:0px 0 0 3px;
list-style-position:inside;
font-weight:400;
}
article ul li {
position:relative;
padding-left:18px;
padding-bottom:8px;	
}
article ul li:before {
background-color:#525252;
position:absolute;
left:0px;
top:11px;
margin-top:-2px;
display:block;	
height:4px;
width:4px;
content:'\0020';	
}
.contextual-links-wrapper  li {
padding-left:0px !important;	
}
.contextual-links-wrapper  li:before {
display:none !important;	
}
article #tabs-wrapper li, .item-list .pager li {
padding-left:0px;	
}
.item-list .pager li {
margin-left:5px;	
}
article #tabs-wrapper li:before, .item-list .pager li:before{
display:none;	
}
article ol li {
padding:0px 0px 8px 0px;
}
b {
font-weight:600;
}
.field-type-text-with-summary table {
margin-top:20px;
margin-bottom:20px;	
}
.field-type-text-with-summary table tr {
border-bottom:1px solid #ccc;	
}
.field-type-text-with-summary table td {
padding:5px 20px 5px 5px;
font-size: 1rem;
line-height: 1.45em;
font-weight: 400;
color: #525252;
}
.field-type-text-with-summary table td:last-child {
padding-right:5px;
border-right:none;
}
article table {
width:100%;	
}
.page-node-1860 table td + td, .page-node-1861 table td + td {
vertical-align:middle;
}
.page-node-1860 table td:first-child, .page-node-1861 table td:first-child {
width:1%;	
}
.page-node-1860 table td:first-child img, .page-node-1861 table td:first-child img {
width:auto;
max-width:1000px;	
}
article {
padding:20px;
background-color:#fff;
margin-bottom:40px;	
margin-top:50px;	
}

#themen .region-boxes-homepage, .region-press-content {
padding-top:60px;
display: table; /* Fallback IE<9 */
display: flex;
display: -webkit-box;
display: -moz-box;
display: -webkit-flex;
display: -ms-flexbox;  
justify-content: space-between;
-webkit-box-pack: justify;
-moz-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
flex-flow: row wrap;
-webkit-flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap:wrap;
-ms-flex-direction:row;
width:100%;
}
.region-press-content {
padding-top:20px;	
}
#themen .block:before, .region-press-content .block:before {
background-color:#5f5f5f;
position:absolute;
left:0px;
top:0px;
display:block;	
height:100%;
width:4px;
content:'\0020';	
}
#themen .block, .region-press-content .block {
width:47%;
flex:0 0 47%;
-ms-flex:0 0 47%;
-webkit-flex:0 0 47%;
background-color:#fff;
margin-bottom:6%;
position:relative; 
}
.region-press-content #block-block-40,  .region-press-content #block-block-41 {
width:100%;
flex:0 0 100%;
-ms-flex:0 0 100%;
-webkit-flex:0 0 100%;
}
.region-press-content #block-block-40 a,  .region-press-content #block-block-41 a{
display:block; 	
}
#themen h2{
text-transform:uppercase;
font-size: 2.13rem;	
padding:22px 75px 0px 25px;
}
.region-press-content h2 {
text-transform:uppercase;
font-size: 1.81rem;	
padding:22px 75px 0px 29px;
}
#themen h2 span, .region-press-content h2 span {
color:#cc1a24;
display:block;
}
#themen p, .region-press-content p {
font-size: 1rem;
}
#themen .content {
padding:0px 25px 25px 25px;
float: left;
}
.region-press-content .content {
padding:0px 25px 10px 25px;
float: left;
}
#themen .content a, #themen .content a:link, #themen .content a:visited,
.region-press-content .content a, .region-press-content .content a:link, .region-press-content .content a:visited {
color:#cc1a24;
text-decoration:none;	
font-size:1rem;
clear: both;
float: right;
font-weight:500;
}
.region-press-content .content a, .region-press-content .content a:link, .region-press-content .content a:visited {
float:none;	
}
.region-press-content .content li:before {
display:none;	
}
.region-press-content .content li {
padding-left:0px;	
}
#themen .content a:hover, #themen a:active, .region-press-content .content a:hover, .region-press-content a:active {
text-decoration:underline;	
}
#themen .content a:before, .region-press-content .content a:before {
content:'\0020';	
display:inline-block;
width:25px;
height:25px;	
background:transparent url('../img/arrow_red.svg') no-repeat left center;
top: 6px;
position: relative;
margin-right: 8px;
}

#themen .block:after, .region-press-content .block:after {
content:'\0020';	
display:block;
width:50px;
height:55px;	
top: 20px;
right:22px;
position: absolute;
}
#themen .block:first-child:after {
background:transparent url('../img/wimpel.svg') no-repeat right top;
background-size:48px auto;
}
#themen .block:nth-child(2):after {
background:transparent url('../img/calendar.svg') no-repeat right top;
background-size:46px auto;
}
#themen .block:nth-child(3):after {
background:transparent url('../img/gallery.svg') no-repeat right top;
background-size:48px auto;
}
#themen .block:nth-child(4):after {
background:transparent url('../img/historisches_2.svg') no-repeat right top;
background-size:48px 48px;	
right:18px;
top: 18px;
}
.region-press-content  .block:after {
background:transparent url('../img/presseberichte.svg') no-repeat right top;
background-size:50px 47px;
}


.region-press-content .block:nth-child(2):after {
background:transparent url('../img/presse_1.svg') no-repeat right top;
background-size:50px 49px;
}
.region-press-content .block:nth-child(3):after {
background:transparent url('../img/presse_2.svg') no-repeat right top;
background-size:50px 49px;
}
#virtuellesGedenken {
padding-top:50px;
max-width:960px;
}
.region-virtual-commemoration-homepage {
position: relative;
}
#virtuellesGedenken .bx-viewport {
height:auto !important;	
}
#virtuellesGedenken .views-row {
display: table; /* Fallback IE<9 */
display: flex;
display: -webkit-box;
display: -moz-box;
display: -webkit-flex;
display: -ms-flexbox;  
background-color:#fff;
margin-left:0px;
margin-bottom:0px;
}
#virtuellesGedenken .views-field-field-vgv-beschreibung {
width:365px;
flex:0 0 365px;
-ms-flex:0 0 365px;
-webkit-flex:0 0 365px;
background-color:#fff;
padding-top:170px;
margin-left:auto;
margin-right:35px;
margin-left: 20px;
max-width: 41%;
}
.bx-viewport {
background-color:#fff;	
}
.bx-has-controls-direction .bx-next{
display:block;
text-indent:-10000px;
position:absolute;
right:25px;
bottom:15px;
width: 50px;
height: 25px;
background: transparent url('../img/arrow_red.svg') no-repeat center center;	
background-size:25px 15px;
}
.bx-has-controls-direction .bx-prev{
display:block;
text-indent:-10000px;
position:absolute;
right:80px;
bottom:15px;
width: 50px;
height: 25px;
background: transparent url('../img/arrow_red_left.svg') no-repeat center center;	
background-size:25px 15px;
}
.flexslider {
position:relative;
border:none;	
}
.flex-nav-next, .flex-nav-prev {
position:static;	
}
.flex-next {
text-indent:-10000px;
width: 50px;
height: 25px;
background: transparent url('../img/arrow_red.svg') no-repeat center center;	
background-size:25px 15px;
text-align: left !important;
}
.flex-prev {
text-indent:-10000px;
width: 50px;
height: 25px;
background: transparent url('../img/arrow_red_left.svg') no-repeat center center;	
background-size:25px 15px;
}

#node-837 .flex-next {
background: transparent url('../img/arrow_white.svg') no-repeat center center;	
background-size:25px 15px;
}
#node-837 .flex-prev {
background: transparent url('../img/arrow_white_left.svg') no-repeat center center;	
background-size:25px 15px;
}
.flex-nav-next, .flex-nav-prev {
padding:0px;	
}
.flexslider {
border:15px solid #efeeee;	
background-color: #efeeee;
margin-bottom:35px;
margin-top:15px;
}
.flexslider li:before {
display:none !important;		
}
.flexslider li {
padding:0px !important;	
}


.bx-has-controls-direction .bx-next:hover, .bx-has-controls-direction .bx-prev:hover, 
.flex-prev:hover, .flex-next:hover {
opacity:0.8;	
}

.region-virtual-commemoration-homepage h2 {
text-transform: uppercase;
font-size: 2.3rem;
text-align:right;
padding-bottom:7px;
border-bottom:4px solid #cc1a24;
margin-bottom:14px;
position: absolute;
right: 35px;
top: 25px;
width: 365px;
z-index:100;
background-color: #fff;
padding: 10px;
max-width: 41%;
}
.region-virtual-commemoration-homepage h2 span {
color:#cc1a24;
display:block;
}
#virtuellesGedenken .views-field-field-vgv-beschreibung p, #virtuellesGedenken .views-field-field-vgv-beschreibung {
font-size: 1rem;
margin-left: auto;
}
#virtuellesGedenken .views-field-field-vgs-statement {
max-width:452px;	
margin-right: 20px;
}
.views-field-field-vgv-video-id {
min-width: 52%;	
}
.view-news .view-content,.view-presse .view-content, .cards {
display: table; /* Fallback IE<9 */
display: flex;
display: -webkit-box;
display: -moz-box;
display: -webkit-flex;
display: -ms-flexbox;  
justify-content: space-between;
-webkit-box-pack: justify;
-moz-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
flex-flow: row wrap;
-webkit-flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap:wrap;
-ms-flex-direction:row;
width:100%;	
-ms-flex-align:stretch;
-webkit-align-items:stretch;
align-items:stretch;
}
.view-news .views-row, .view-presse .views-row, .cards .item {
width:32%;
flex:0 0 32%;
-ms-flex:0 0 32%;
-webkit-flex:0 0 32%;	
margin-right:2%;
margin-bottom:4%;
background-color:#fff;	
position:relative;
float:left;
}
.view-news .views-row:before, .view-presse .views-row:before, .cards .item:before {
background-color:#5f5f5f;
position:absolute;
left:0px;
top:0px;
display:block;	
height:100%;
width:4px;
content:'\0020';
z-index: 1;
}
.view-news .views-row:last-child, .view-presse .views-row:last-child, .cards .item:last-child {
margin-right:auto;	
}
.view-news .views-row:nth-child(3n), .view-presse .views-row:nth-child(3n), .cards .item:nth-child(3n) {
margin-right:0px;	
}
.view-news .views-field-body, .view-news .views-field-title, .view-presse .views-field-field-datum,.view-news .views-field-field-akt-hl-body,
.view-presse .views-field-field-akt-hl-body, .view-presse .views-field-title, .view-presse .views-field-field-datumm,
.cards .item h2, .cards .item p {
padding-left:15px;	
padding-right:10px;
margin:0px;
padding-bottom:10px;
}
.view-news .views-field-field-akt-hl-body,.view-news .views-field-body, .view-presse .views-field-field-akt-hl-body, .view-presse .views-field-field-datum, .cards .item p  {
padding-bottom:2px;	
}
.view-presse .views-field-field-datum span {
padding-top:10px;
display:block;	
}
.view-news .views-field-body p, .view-presse .views-field-field-akt-hl-body p, .cards .item p {
  font-size: 0.851rem;
  line-height: 1.6em;
}
.view-news .views-field-title h2, .view-presse .views-field-title h2 {
margin:0px;
padding:15px 0 0px 0;	
font-size:1.05rem;
line-height:1.4em;
}
.cards .item h2 {
font-size:1.05rem;
padding-top:10px;
padding-bottom:8px;
line-height:1.4em;	
}
.cards .item p {
padding-bottom:10px;
}
.view-news .views-field-title h2 a, .view-presse .views-field-title h2 a, .cards .item a {
text-decoration:none;
}
.view-news .views-field-title h2 a:hover, .view-presse .views-field-title h2 a:hover, .cards .item a:hover {
text-decoration:underline;
}
.page-news-medien article, .page-presse article, .page-node-1866 article, .page-cards article {
padding:0px;
background-color:transparent;	
}

.pager li {
padding:5px;	
}
.pager li:before {
display:none;
}
.page-presse .pager li {
float:right;
padding:20px 0px;	
}
.page-presse .pager li a {
background: transparent url('../img/arrow_red.svg') no-repeat left center;	
background-size:25px 15px;
padding-left:35px;
font-size: 1rem;
font-weight: 500;
text-decoration:none;
}
.page-presse .pager li a:hover, .page-presse .pager li a:active {
text-decoration:underline;	
}
.node-fotogalerie h2 {
width:100%;	
flex:0 0 100%;
-ms-flex:0 0 100%;
-webkit-flex:0 0 100%;
}
.node-type-fotogalerie .field-item, .view-virtuelle-gedenkwochen-statements .view-content, .view-virtuelle-gedenkwochen-videos .view-content, .galleryintext,
.field-name-field-akt-pix .field-items
 {
display: table; /* Fallback IE<9 */
display: flex;
display: -webkit-box;
display: -moz-box;
display: -webkit-flex;
display: -ms-flexbox;  
justify-content: space-between;
-webkit-box-pack: justify;
-moz-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
flex-flow: row wrap;
-webkit-flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap:wrap;
-ms-flex-direction:row;
width:100%;	
}
.node-type-fotogalerie .field-item a, .view-virtuelle-gedenkwochen-statements .views-row, .galleryintext a, .field-name-field-akt-pix .field-item{
width:18%;
flex:0 0 18%;
-ms-flex:0 0 18%;
-webkit-flex:0 0 18%;	
margin-bottom:2.5%;
margin-right:2.5%;
}
.view-display-id-page_7 .views-row {
width:49%;
flex:0 0 49%;
-ms-flex:0 0 49%;
-webkit-flex:0 0 49%;	
margin-bottom:2%;
margin-right:2%;
}
.galleryintext, .field-name-field-akt-pix .field-item {
margin-top:20px;	
}
.view-virtuelle-gedenkwochen-videos .views-row {
width:32%;
flex:0 0 32%;
-ms-flex:0 0 32%;
-webkit-flex:0 0 32%;	
margin-bottom:2%;
margin-right:2%;
}
.node-type-fotogalerie .field-item a img, .view-virtuelle-gedenkwochen-statements .views-row img, .view-virtuelle-gedenkwochen-videos .views-row img, .galleryintext img,
.field-name-field-akt-pix .field-item img {
width:100%;	
}
.node-type-fotogalerie .field-item a:nth-child(5n), .view-virtuelle-gedenkwochen-statements .views-row:nth-child(5n), .view-virtuelle-gedenkwochen-videos .views-row:nth-child(3n),
.galleryintext a:nth-child(5n), .field-name-field-akt-pix .field-item:nth-child(5n) {
margin-right:0px;	
}
.node-type-fotogalerie .field-item a:last-child, .view-virtuelle-gedenkwochen-statements .views-row:last-child, .view-virtuelle-gedenkwochen-videos .views-row:last-child,
.galleryintext a:last-child, .field-name-field-akt-pix .field-item:last-child {
margin-right:auto !important;	
}
.attachment .view-virtuelle-gedenkwochen-statements .view-content {
display:block;	
}
.attachment .view-virtuelle-gedenkwochen-statements .views-row {
width:100%;
margin:0px;
margin-bottom: 7px;	
}
#block-block-26 .content {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
max-width: 100%;
margin: 0px;	
}
#block-block-26 .content iframe {
max-width: 100%;
width: 100%;
position: absolute;
right: 0;
top: 0;
border: none;
height: 100%;
}

#block-block-30 iframe {
width: 100%;
height: 400px;	
}
/***************** FORMULARE  *******************************************************/
/********************************************************************************/

input[type="text"], input[type="password"],input[type="email"], textarea, select {
color:#303030;
font-size:14px;
border:1px solid #c5c5c5;
background-color:#fff;
padding:4px;
margin:2px 0px;
font-family:'Roboto', Verdana, Helvetica, Sans-Serif;
}
input[type="text"], input[type="password"],input[type="email"], select, .form-textarea-wrapper {
max-width:100%;
}
input[type="submit"] {
color:#fff;
font-size:14px;
border:1px solid #cc1a24;
background-color:#cc1a24;
padding:5px 10px;
font-family:'Roboto', Verdana, Helvetica, Sans-Serif;
}

label {
font-size:14px;
font-family:'Roboto', Verdana, Helvetica, Sans-Serif;
padding-right:10px;
}
#edit-submit-programm-gedenk-und-befreiungsfeiern {
cursor:pointer;	
}

#node-1905 table *, #node-1904 table * {
border:none;	
}
#node-1905 table, #node-1904 table {
border:10px solid #eee;	
}
#node-1905 table tr:nth-child(odd), #node-1904 table tr:nth-child(odd) {
background-color:#eee;
}
#node-1905 table td, #node-1904 table td {
vertical-align:top;
padding:10px;
}
#node-1905 table td:first-child, #node-1904 table td:first-child {
border-right:10px solid #fff;
}
#node-1905 table tr:nth-child(even) td:first-child, #node-1904 table tr:nth-child(even) td:first-child {
border-right:10px solid #eee;	
}
footer {
padding-top:42px;	
}


#footerLogos {
max-width:980px;
height:90px;
display: table; /* Fallback IE<9 */
display: flex;
display: -webkit-box;
display: -moz-box;
display: -webkit-flex;
display: -ms-flexbox;  
justify-content: space-between;
-webkit-box-pack: justify;
-moz-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;	
position:relative;
margin:0px auto 0px auto;
width: 100%;
}
#footerLogos .dmwLogo {
margin-top:15px;	
}
#footerLogos .zcLogo {
margin-top:38px;	
}
#footerLogos .zcoLogo {
margin-top:38px;	
}
#footerLogos .reLogo {
margin-top:50px;	
}
#footerLogos .editionLogo {
margin-top:75px;	
}
#footerLogos a {
margin:0px 8px;
width:auto;
flex:0 1 auto;
-ms-flex:0 1 auto;
-webkit-flex:0 1 auto;	
float:left;
}
#footerMenu {
max-width: 957px;
position: relative;
margin: 21px auto 0px auto;
}
#footerMenu .content li {
display:inline;
font-size:0.851rem;	
}
#footerMenu .content li a {
font-size:0.851rem;		
}
#footerMenu .content li {
position:relative;
padding-right:8px;
margin-right:3px;	
}
#footerMenu .content li:before {
content:'\0020';	
display:block;
width:1px;
height:14px;	
background-color:#303030;
position:absolute;
right:0px;
top:1px;
}
#footerMenu .content li:last-child:before {
display:none;	
}
.region-footer-navigation {
width:320px;	
}
#footerMenu div.contextual-links-wrapper ul.contextual-links {
border-bottom: 18px solid rgb(255, 255, 255);	
}

/* Anmeldeformulare */
#edit-submitted-af-auswahl-de .form-item label, #edit-submitted-afr-auswahl-en .form-item label,
#edit-submitted-afr-auswahl-de .form-item label, #edit-submitted-af-auswahl-en .form-item label{
color: #fff;
}
#edit-submitted-af-auswahl-de .form-item, #edit-submitted-afr-auswahl-en .form-item,
#edit-submitted-afr-auswahl-de .form-item, #edit-submitted-af-auswahl-en .form-item {
background-color: #cc1a24;
padding:5px 10px 8px 10px;	
}
.webform-client-form > div, .fieldset-wrapper {
display: table; /* Fallback IE<9 */
display: flex;
display: -webkit-box;
display: -moz-box;
display: -webkit-flex;
display: -ms-flexbox;  
justify-content: space-between;
-webkit-box-pack: justify;
-moz-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
flex-flow: row wrap;
-webkit-flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap:wrap;
-ms-flex-direction:row;
width:100%;	
}
.webform-client-form .form-item {
width:49%;
flex:0 0 49%;
-ms-flex:0 0 49%;
-webkit-flex:0 0 49%;	
margin-top:0px;
}
.webform-client-form .form-item p:last-child {
margin-bottom:0px;	
}
.webform-client-form #edit-submitted-af-auswahl-de .form-type-radio,
.webform-client-form #edit-submitted-afr-auswahl-en .form-type-radio,
.webform-client-form #edit-submitted-afr-auswahl-de .form-type-radio, 
.webform-client-form #edit-submitted-af-auswahl-en .form-type-radio {
display:block;
}
.webform-client-form .webform-component-radios, .webform-client-form .webform-component-markup,
.webform-client-form .webform-component-matrix, .webform-client-form .webform-component-boolean, 
.webform-client-form .webform-component-textarea, .webform-client-form .form-type-radio {
width:100%;
flex:0 0 100%;
-ms-flex:0 0 100%;
-webkit-flex:0 0 100%;	
}
.webform-client-form .webform-component-boolean input {
float: left;
margin: 2px 5px 0 0;	
}
.webform-client-form .form-item input[type="text"], .webform-client-form .form-item input[type="email"] {
width:100%;	
}
.form-type-radio {
display:inline;	
}

.webform-client-form  fieldset {
	border: none;
	padding: 0px;
	margin-top: 10px;
	float: left;
	width: 100%;
}

.webform-client-form legend a {
	text-decoration: none !important;
}

.webform-client-form legend {
	margin-bottom: 10px;
	color: #cb0c27;
}

.webform-client-form .fieldset-legend {
	padding-left: 0px;
	background-image: none;
}

.webform-client-form table {
width:49%;
flex:0 0 49%;
-ms-flex:0 0 49%;
-webkit-flex:0 0 49%;	
}
.webform-client-form tbody {
border:none;	
}
.webform-client-form tr td:last-child {
	padding-bottom: 15px !important;
}
.webform-client-form input#edit-submitted-af-bp-de-add-row-af-bp-de,
.webform-client-form input#edit-submitted-af-ueb-de-add-row-af-ueb-de,
.webform-client-form input#edit-submitted-af-bp-en-add-row-af-bp-en,
.webform-client-form input#edit-submitted-af-ueb-en-add-row-af-ueb-en,
.webform-client-form input#edit-submitted-afr-bp-de-add-row-afr-bp-de,
.webform-client-form input#edit-submitted-afr-bp-en-add-row-afr-bp-en
 {
margin-bottom: 15px;
}
.webform-client-form .form-action {
text-align: right;
width: 100%;
}
.webform-client-form tbody tr:last-child {
	display: none;
}
.webform-client-form tr {
border:none;
background-color:transparent;	
}
.webform-client-form table td {
	display: block;
	float: left;
	clear: left;
	width: 100%;
	padding-bottom: 5px;
}

.webform-client-form table caption {
	text-align: left;
	font-weight: 400;
	font-size: 20px;
	padding-bottom: 12px;
	padding-top: 10px;
	font-size: 18px;
	color: #cb0c27;
}

.webform-client-form table thead {
	display: none !important;
}


#node-2098 .field-type-text-with-summary p a, 
#node-2099 .field-type-text-with-summary p a {
display:block;
background-color:#5e0708;
padding:10px 15px;
color:#fff;	
font-size: 1.1rem;
text-decoration:none;
}

#node-2098 .field-type-text-with-summary p:nth-child(2) a,
#node-2099 .field-type-text-with-summary p:nth-child(2) a {
display:block;
background-color:#a8061b;
}

#node-2098 .field-type-text-with-summary p:nth-child(3) a,
#node-2099 .field-type-text-with-summary p:nth-child(3) a {
display:block;
background-color:#b13472;
}
#node-2098 .field-type-text-with-summary p a:hover,
#node-2099 .field-type-text-with-summary p a:hover {
background-color:#000 !important;	
}

/* Programm */
#views-exposed-form-programm-gedenk-und-befreiungsfeiern-page, #views-exposed-form-programm-gedenk-und-befreiungsfeiern-page-3 {
	margin-top: 15px;
}
#views-exposed-form-programm-gedenk-und-befreiungsfeiern-page input,
#views-exposed-form-programm-gedenk-und-befreiungsfeiern-page select,
#views-exposed-form-programm-gedenk-und-befreiungsfeiern-page-3 input,
#views-exposed-form-programm-gedenk-und-befreiungsfeiern-page-3 select {
	margin-top: 0px !important;
	padding: 5px 10px !important;
	width: 100% !important;
	font-size: 14px;
	height: 31px;
}
#views-exposed-form-programm-gedenk-und-befreiungsfeiern-page .views-exposed-form .views-exposed-widget,
#views-exposed-form-programm-gedenk-und-befreiungsfeiern-page-3 .views-exposed-form .views-exposed-widget {
	padding-right: 10px;
}
#views-exposed-form-programm-gedenk-und-befreiungsfeiern-page .description, #views-exposed-form-programm-gedenk-und-befreiungsfeiern-page-3 .description  {
	color: #cb0c27;
	margin-bottom: 7px;
	font-size: 0.91rem;
}
#views-exposed-form-programm-gedenk-und-befreiungsfeiern-page input, #views-exposed-form-programm-gedenk-und-befreiungsfeiern-page-3 input {
	background-color: #cb0c27;
	border: none;
	color: #fff;
	min-width: 90px;
}
#views-exposed-form-programm-gedenk-und-befreiungsfeiern-page select, #views-exposed-form-programm-gedenk-und-befreiungsfeiern-page-3 select {
	padding: 5px 2px !important;
	min-width: 190px;
}
#views-exposed-form-programm-gedenk-und-befreiungsfeiern-page, #views-exposed-form-programm-gedenk-und-befreiungsfeiern-page-3
	.form-type-date-select {
	display: block;
	margin-right: 0px;
}
#views-exposed-form-programm-gedenk-und-befreiungsfeiern-page, #views-exposed-form-programm-gedenk-und-befreiungsfeiern-page-3
	.form-type-date-select
	div {
	display: block;
	float: none;
}
 .view-programm-gedenk-und-befreiungsfeiern table {
	margin: 0px 0px 20px 0px;
	width: 100%;
}
 .view-programm-gedenk-und-befreiungsfeiern table,
 .view-programm-gedenk-und-befreiungsfeiern table th,
 .view-programm-gedenk-und-befreiungsfeiern table td,
 .view-programm-gedenk-und-befreiungsfeiern table tbody {
	border: none !important;
}

 .view-programm-gedenk-und-befreiungsfeiern table tr {
	background-color: #ffffff;
	border: none !important;
}

 .view-programm-gedenk-und-befreiungsfeiern table td {
	padding: 0px;
	width: 200px;
	border: none !important;
	padding: 13px 20px 0 0px;
	border-bottom: 1px solid #ffffff !important;
	font-size: 13px;
	vertical-align: top;
}

 .view-programm-gedenk-und-befreiungsfeiern table td + td {
	background-color: #eee;
	padding: 13px;
	width: auto;
}

 .view-programm-gedenk-und-befreiungsfeiern .gbf-highlight td + td {
	background-color: #cb0c27;
	color: #ffffff !important;
}

 .view-programm-gedenk-und-befreiungsfeiern strong,
 .view-programm-gedenk-und-befreiungsfeiern em {
	color: #4c4c4c;
}


	.view-programm-gedenk-und-befreiungsfeiern
	.gbf-highlight
	.time-default-highlight,
 .view-programm-gedenk-und-befreiungsfeiern .gbf-highlight strong,
 .view-programm-gedenk-und-befreiungsfeiern .gbf-highlight a,
 .view-programm-gedenk-und-befreiungsfeiern .gbf-highlight p,
 .view-programm-gedenk-und-befreiungsfeiern .gbf-highlight li,


	.view-programm-gedenk-und-befreiungsfeiern
	table.gbf-highlight
	strong,
 .view-programm-gedenk-und-befreiungsfeiern table.gbf-highlight em,

	.view-programm-gedenk-und-befreiungsfeiern
	.gbf-highlight
	.time-default-small,

	.view-programm-gedenk-und-befreiungsfeiern
	.gbf-highlight
	.time-default {
	color: #ffffff !important;
}

 .view-programm-gedenk-und-befreiungsfeiern strong {
	font-weight: 700;
}

 .view-programm-gedenk-und-befreiungsfeiern table td img {
	margin-top: 20px;
	width: 180px;
	height: auto;
}

 .view-programm-gedenk-und-befreiungsfeiern table th div {
	border-bottom: 1px solid #cb0c27;
	color: #cb0c27;
	padding: 10px 0px;
	margin-bottom: 1px;
	font-weight: bold;
	text-align: left;
	text-transform: uppercase;
	width: 180px;
	font-weight: 500;
	font-size: 15px;
}

 .view-programm-gedenk-und-befreiungsfeiern table td p,  .view-programm-gedenk-und-befreiungsfeiern table td ul {
	font-size: 13px;
	margin-bottom: 15px;
}
.view-programm-gedenk-und-befreiungsfeiern table td ul li:before {
  background-color: #fff;
  top: 9px;
}
tr.fdf td.views-field-field-gbf-description {
	background-color: #972554 !important;
}

tr.fdf div.time-default,
tr.fdf td.views-field-field-gbf-description,
tr.fdf td.views-field-field-gbf-description strong,
tr.fdf td.views-field-field-gbf-description a:visited,
tr.fdf td.views-field-field-gbf-description a:link,
tr.fdf td.views-field-field-gbf-description a:visited,
tr.fdf td.views-field-field-gbf-description p {
	color: #fff !important;
}

 .view-programm-gedenk-und-befreiungsfeiern table td strong.bold {
	font-size: 15px;
}


	.view-programm-gedenk-und-befreiungsfeiern
	table
	td
	.time-default
	+ br,

	.view-programm-gedenk-und-befreiungsfeiern
	table
	td
	.time-default-highlight
	+ br {
	display: none;
}

 .view-programm-gedenk-und-befreiungsfeiern table td .time-default {
	text-transform: uppercase;
	font-weight: bold;
	color: #cb0c27;
}


	.view-programm-gedenk-und-befreiungsfeiern
	table
	td
	.time-default-small {
	text-transform: none;
	font-weight: bold;
	color: #cb0c27;
	font-size: 12px;
}


	.view-programm-gedenk-und-befreiungsfeiern
	table.gbf-highlight
	td
	.time-default-highlight {
	color: #ffffff;
	text-transform: uppercase;
	font-weight: bold;
}

 .view-programm-gedenk-und-befreiungsfeiern .view-grouping-header {
	background-color: #eee;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: bold;
	padding: 10px 10px;
	margin-bottom: 5px;
	margin-top: 15px;
	font-weight: bold;
}


	.view-programm-gedenk-und-befreiungsfeiern
	.view-content
	.gbf-highlight
	.view-grouping-header {
	background-color: #cb0c27;
	color: #ffffff;
	margin-bottom: 5px;
}


	.view-programm-gedenk-und-befreiungsfeiern
	.view-content
	.gbf-highlight
	th,
.de-view-grouping-count-ohne-fotos99 th,
.de-view-grouping-count-mit-fotos99 th.caption-highlight,
.en-view-grouping-count-ohne-fotos99 th,
.en-view-grouping-count-mit-fotos99 th.caption-highlight {
	padding: 0px !important;
	border-bottom: none !important;
}

 .view-programm-gedenk-und-befreiungsfeiern .view-header {
	background-color: #cb0c27;
	color: #ffffff;
	margin-top: 5px;
	padding-left: 0px;
}
.view-header header {
display:none;	
}
 .view-programm-gedenk-und-befreiungsfeiern button {
	color: #ffffff !important;
	font-size: 18px;
	text-decoration: none;
	display: block;
	padding: 10px;
	background-color:transparent;
	border:none;
	cursor:pointer;
}

 .view-programm-gedenk-und-befreiungsfeiern button:hover {
	text-decoration: underline;
}

@media (max-width: 481px) {
	 .view-programm-gedenk-und-befreiungsfeiern table td,
	 .view-programm-gedenk-und-befreiungsfeiern table th,
	 .view-programm-gedenk-und-befreiungsfeiern table td img {
		display: block;
		clear: both;
		width: 100%;
		box-sizing: border-box;
		padding-right: 0px;
		height: auto;
		margin-top: 8px;
		margin-bottom: 0px;
		padding-top: 0px;
	}

	 .view-programm-gedenk-und-befreiungsfeiern table .caption {
		width: auto;
	}

	
		.view-programm-gedenk-und-befreiungsfeiern
		.view-grouping-header {
		margin-bottom: 0px;
		margin-top: 20px;
	}
}



.breadcrumb {
font-size:0.85rem;	
margin-top:41px;
margin-bottom:-40px;
}
/* YouTube-Player */
.youtube-player, .embedded-video .player {
position: relative;
padding-bottom: 56%;
height: 0;
overflow: hidden;
max-width: 100%;
margin: 0px;
}

.youtube-player iframe, .embedded-video .player iframe{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 100;
background: transparent;
}

.youtube-player img {
object-fit: cover;
display: block;
left: 0;
bottom: 0;
margin: auto;
max-width: 100%;
width: 100%;
position: absolute;
right: 0;
top: 0;
border: none;
height: auto;
cursor: pointer;
-webkit-transition: 0.4s all;
-moz-transition: 0.4s all;
-o-transition: 0.4s all;
transition: 0.4s all;
}

.youtube-player img:hover {
-webkit-filter: brightness(75%);
}

.youtube-player .play {
height: 72px;
width: 72px;
left: 50%;
top: 50%;
margin-left: -36px;
margin-top: -36px;
position: absolute;
background: url('../img/player-icon.png') no-repeat;
cursor: pointer;
}

#node-1856 iframe, #node-1862 iframe {
width:100%;	
margin-bottom:20px;
}

#admin-menu {
z-index:100000;	
}
