@media (min-width:1900px) {
.not-front header {
  height: 300px;
}
}

@media (max-width:1390px) {
.stickySideNavi aside {
right:0px;
}	
#main, .stickySideNavi #main {
padding-right: 335px
}
aside {
width: 295px;
right:0px;
}
#mainmenu ul.menu ul.menu li a, #mainmenu ul.menu ul.menu li a:link, #mainmenu ul.menu ul.menu li a:visited {
font-size: 0.951rem;
}
#mainmenu ul.menu li a:link, #mainmenu ul.menu li a:visited, #mainmenu ul.menu li .nolink {
font-size: 1.25rem;
}
.stickySideNavi #mainmenu {
  position: fixed;
  top: 15px;
  max-width: 100%;
  z-index: 1000;
  background: #fff;
  border-left: 4px solid #cc1a24;
  right: 355px;
  width: auto;
  left: 20px;
}
}
@media (max-width:1340px) {
.stickySideNavi #mainmenu {
right: 355px;
left: 20px;
width: auto;	
}
}


@media (max-width:1220px) {
#mainmenu ul.menu ul.menu li a, #mainmenu ul.menu ul.menu li a:link, #mainmenu ul.menu ul.menu li a:visited {
font-size: 0.91rem;
}
#mainmenu ul.menu li a:link, #mainmenu ul.menu li a:visited, #mainmenu ul.menu li .nolink {
font-size: 1.1rem;
}
}

@media (max-width:1150px) {
header {
background-color:#cc1a24;
}
header img {
display:none;	
}
aside {
position:absolute !important;	
right:0px;
z-index: 1001;
}
.region-side-content {
display:none !important;	
}
.asideContent {
position: absolute;
right: 0;
top:-26px;
border:none;
width: auto;
}
.stickySideNavi .asideContent {
position: fixed;
top:30px;
border:none;
}
.stickySideNavi #main {
padding-right:60px;	
}
aside > a {
position: absolute;
top: -204px;
right: 20px;
display: block;
padding: 10px !important;
background-color: #fff;
width: 195px !important;
display:block;
}
.not-front aside > a {
  top: -129px;
  right: 0;
}
aside > a img {
margin-bottom:0px;	
}
aside ul.menu li a {
text-indent:-10000px;
width:34px;
float:right;
clear:both;
background-position:center center !important;	
}
aside ul.menu li a:hover, .icon-nav aside ul.menu li a {
text-indent:0px;
width:auto;
background-position:center center !important;	
}
 .icon-nav aside ul.menu li a {
width: 100%;
}
.icon-nav #icon-toggle {
height:40px;
background:#cc1a24 url('../img/icon_menu_close.png') no-repeat center center  !important;
top:-46px;	
width:40px;
}
#main {
padding-right:60px;	
}
.stickySideNavi #mainmenu {
position: fixed;
top: 15px;
right: 0px !important;
max-width: 100%;
left: 0px !important;
width: auto;
}
.not-front.stickySideNavi #mainmenu {
top: 15px;
}

.logged-in.stickySideNavi #mainmenu {
top: 25px;
}
#wrapper {
display:block;	
}
aside .region {
padding-left:0px;
padding-right:0px;
float:right;
clear:both;
}
}

@media (max-width:950px) {
#themen h2 {
font-size: 1.5rem;
padding-top: 74px;
}
}


@media (max-width:900px) {
#footerMenu {
margin:40px 10px;	
}
}

@media (max-width:880px) {
.region-main-navigation{
display:none;
}
#menu-toggle {
display:block;
}
.menuTitle {
display:block;
}	
#mainmenu {
margin:0px;
position:absolute;
left:0px;
right: 0px;
top:20px;
}	
#main {
position:relative;
padding-top: 20px;	
}
.stickySideNavi #main, #main {
  padding-right: 40px;
}
.stickySideNavi #menu-toggle {
  background-position:10px 14px !important;
  left: 0px;
right: 0px;
  height: 47px;
  top: 5px !important;
  background-color: #fff !important;
  padding: 10px 10px 10px 45px;
}
.active-nav.stickySideNavi #menu-toggle {
  left: auto;
right: 33px !important;
  top: 20px !important;
}
.stickySideNavi #mainmenu {
width: auto;
z-index: 1000;
border:none;
right:60px;
}
.active-nav.stickySideNavi  .region-main-navigation {
  top: 65px;
  background-color: #fff;
 padding: 10px;
  right: 0px;
  left: 0px;
  margin-top:0px;
  width:auto;
}

.active-nav #virtuellesGedenken, .active-nav #themen {
display:none;	
}
}

@media (max-width:768px) {
.not-front aside > a {
  top: -206px;
}
.region-side-navigation-third li {
width:50%;	
}
.region-side-navigation-third li.first {
position:fixed;
bottom:19px;
left:0px;
border-right:1px solid #fff;
}
aside .region-side-navigation-third ul.menu li a, aside .region-side-navigation-third ul.menu li a:link, aside .region-side-navigation-third ul.menu li a:visited {
line-height: 35px;
}
aside .region-side-navigation-third ul.menu li a:before {
top:10px !important;	
}
.region-side-navigation-third li.last {
position:fixed;
bottom:19px;
right:0px;	
}
aside .region-side-navigation-third  ul.menu li a {
  text-indent:0px;
  width: 100%;
  clear: none;
  background-position: left top !important;
border-bottom:1px solid #fff;
}
aside {
top: 40px;
}
#icon-toggle {
display:block;	
}
.asideContent {
top: -85px;
-webkit-transition: 0.4s all;
-moz-transition: 0.4s all;
-o-transition: 0.4s all;
transition: 0.4s all;
	
}
.icon-nav .asideContent {
top: -42px;
}
.stickySideNavi.icon-nav .asideContent {
  top: 74px;
}
footer {
margin-bottom: 73px;
}
.node-type-fotogalerie .field-item a, .view-virtuelle-gedenkwochen-statements .views-row, .galleryintext a, .field-name-field-akt-pix .field-item {
width:32%;
flex:0 0 32%;
-ms-flex:0 0 32%;
-webkit-flex:0 0 32%;
margin-right:2%;
}	
.view-display-id-page_7 .views-row {
width:100%;
flex:0 0 100%;
-ms-flex:0 0 100%;
-webkit-flex:0 0 100%;	
margin-bottom:2%;
margin-right:0%;
}
.view-display-id-page_7 .views-row:nth-child(2n) {
margin-right:0px;
}
.node-type-fotogalerie .field-item a:nth-child(5n), .view-virtuelle-gedenkwochen-statements .views-row:nth-child(5n),
.galleryintext a:nth-child(5n), .field-name-field-akt-pix .field-item:nth-child(5n) {
margin-right:2%;
}
.node-type-fotogalerie .field-item a:nth-child(3n), .view-virtuelle-gedenkwochen-statements .views-row:nth-child(3n),
.galleryintext a:nth-child(3n), .field-name-field-akt-pix .field-item:nth-child(3n) {
margin-right:0px;		
}
.view-virtuelle-gedenkwochen-videos .views-row {
width:49%;
flex:0 0 49%;
-ms-flex:0 0 49%;
-webkit-flex:0 0 49%;	
}
.view-virtuelle-gedenkwochen-videos .views-row:nth-child(3n) {
margin-right:2%;
}
.view-virtuelle-gedenkwochen-videos .views-row:nth-child(2n) {
margin-right:0px;		
}	
h1 {
font-size: 1.9rem;
}  
.not-front h2 {
font-size: 1.4rem;
}
h3 {
font-size: 1.1em;
}
.view-news .views-row, .view-presse .views-row, .cards .item {
width:49%;
flex:0 0 49%;
-ms-flex:0 0 49%;
-webkit-flex:0 0 49%;	
}
.view-news .views-row:nth-child(3n), .view-presse .views-row:nth-child(3n), .cards .item:nth-child(3n) {
margin-right:2%;	
}
.view-news .views-row:nth-child(2n), .view-presse .views-row:nth-child(2n), .cards .item:nth-child(2n) {
margin-right:0%;	
}
#themen {
max-width: 960px;	
}
#themen .block, .region-press-content .block {
  width: 100%;
  flex: 0 0 100%;
  -ms-flex: 0 0 100%;
  -webkit-flex: 0 0 100%;
}
#virtuellesGedenken .views-row {
display:block;	
}
#virtuellesGedenken .views-field-field-vgv-beschreibung {
width:100%;
margin:0px;	
padding:20px;
max-width:100%;
}	
.region-virtual-commemoration-homepage h2 {
width:100%;
max-width:100%;
padding-left:10px;
text-align:left;
position:static;	
}
.bx-wrapper {
margin-top:25px;
}
header .bx-wrapper {
margin-top: 65px;
}
header img {
height: 415px !important;
}
.i18n-en .titelContainer a,.titelContainer a span {
font-size: 1.5rem;
}
}


@media (max-width:750px) {
.titelContainer a{
font-size: 2rem;
}  
}

@media (max-width:600px) {
.webform-client-form .form-item {
  width: 100%;
  flex: 0 0  100%;
  -ms-flex: 0 0 100%;
  -webkit-flex: 0 0 100%;
}
.not-front aside > a {
  top: -175px;
}
}

@media (max-width:520px) {
.view-news .views-row, .view-presse .views-row, .cards .item {
width:100%;
flex:0 0 100%;
-ms-flex:0 0 100%;
-webkit-flex:0 0 100%;	
margin-bottom:25px;
}
.view-news .views-row:nth-child(3n), .view-presse .views-row:nth-child(3n), .cards .item:nth-child(3n) {
margin-right:0%;	
}
.i18n-en .titelContainer a {
font-size: 1.7rem;
}
}

@media (max-width:480px) {
header {
background-color:#fff;
}
header img {
display:block;	
}
.titelContainer a, .i18n-en .titelContainer a,.titelContainer a span {
font-size: 1.21rem;
}  
.titelContainer {
padding: 15px;
background:none;
}
.titelContainer ul.menu {
margin-top: 20px;
}
header:after {
display:none;	
}
header {
height: 270px;
}
.stickySideNavi #mainmenu {
left: 0;
width: 100%;
}
.not-front header img {
  margin-top: 135px;
}
.not-front aside > a {
  top: -204px;
}
stickySideNavi #menu-toggle {
left: 10px;
}
 aside > a:first-child {
width: 150px !important;
right: 1px;
}
aside {
  top: 23px;
}
.asideContent {
top: -10px;
}
.icon-nav .asideContent {
  top: 27px;
}
.stickySideNavi .asideContent {
top: 75px;
}
.stickySideNavi.icon-nav .asideContent {
  top: 119px;
}
#mainmenu {
top: 10px;
}
.breadcrumb {
margin-top: 30px;
}
.stickySideNavi #menu-toggle {
left: 0px;
}
article {
margin-top: 34px;
}
h1 {
  font-size: 1.6rem;
}
.bx-wrapper {
  margin-top: 20px;
}
header .bx-wrapper {
  margin-top: 135px;
}
header img {
height: auto !important;
width: 150% !important;
margin-left: -25%;
}
.stickySideNavi #main {
  padding-top: 0;
}
.stickySideNavi #virtuellesGedenken {
  padding-top: 10px;
}
.region-virtual-commemoration-homepage h2 {
font-size: 1.6rem;
}
#themen h2 {
font-size: 1.6rem;
}
article {
padding:20px 0px;
background-color:transparent;
} 
.node-type-fotogalerie .field-item a, .view-virtuelle-gedenkwochen-statements .views-row, .galleryintext a,
.view-virtuelle-gedenkwochen-videos .views-row, .field-name-field-akt-pix .field-item {
width:100%;
flex:0 0 100%;
-ms-flex:0 0 100%;
-webkit-flex:0 0 100%;
margin-right:0%;
margin-bottom:15px;
}	
.node-type-fotogalerie .field-item a:nth-child(5n), .view-virtuelle-gedenkwochen-statements .views-row:nth-child(5n),
.galleryintext a:nth-child(5n), .field-name-field-akt-pix .field-item:nth-child(5n) {
margin-right:0%;
}
.flexslider:hover .flex-direction-nav .flex-next {
  right: 0px;
}
.flexslider:hover .flex-direction-nav .flex-prev {
  left: 0px;
}
aside > a {
  position: absolute;
  top: -195px;
}
}

@media (max-width:440px) {
.titelContainer a, .i18n-en .titelContainer a {
  font-size: 1.21rem;
}
.titelContainer {
padding-top:9px;	
}
.titelContainer ul.menu {
  margin-top: 13px;
}
}

@media (max-width: 360px) {
.titelContainer a, .i18n-en .titelContainer a, .titelContainer a span {
  font-size: 1rem;
}
}
@media (max-width:350px) {
#themen h2 {
font-size: 1.3rem;
}
}

@media (max-width: 310px){
.titelContainer a, .i18n-en .titelContainer a, .titelContainer a span {
  font-size: 0.91rem;
}
.titelContainer {
  padding: 9px;
}
}

