@media (max-width: 1500px) {
main .center {
margin-bottom: -90px;
}
main{
margin-bottom: -140px;
}
}

@media (max-width: 1420px) {
#feedback .views-row {
width:30.666%;
height:450px;
margin-right:4%;
}
#feedback .views-row + .views-row + .views-row {
margin-right:0%;
}
#feedback .views-row:last-child {
display:none;
}
#videos .numvideos1 .views-row {
margin-left: 15%;
margin-right: 15%;
width:70%;
}
}

@media (max-width: 1320px) {
  #headerContent #mkoOffer, #headerContent #mitglied, #headerContent #spenden, #search input[type="text"] {
  font-size:14px;
  }
}

@media (max-width: 1300px) {

#addContent .boxImage img {
max-width:120%;	
width:120% !important;	
right:0px;
top:0px;
left:auto;
bottom:auto;
}
#addContent .boxContent .boxImage img {
max-width:100%;	
width:100%;	
}
#addContent p {
max-width:70%;
}
#addContent #block104 .boxContent p {
max-width:80%;	
}
#headerContent .short {
display:inline;
}
#headerContent .long {
display:none;
}
}

@media (max-width: 1230px) {
main #content {
width: 70.75%;
}
#headerContent {
width: 71.5%;
}
a#logo,#menutoggleContainer {
width: 28.5%;
}
.region-search {
margin-left: 1.75%;  
}
#addContent .boxContent  h2 {
font-size:23px;	
}
#addContent p {
    max-width:80%;
}
}

@media (max-width: 1200px) {

body.front #mainContent aside {
padding:40px;
}
#mapButton {
left:auto;
right:102.5%;
white-space:nowrap;
font-size:15px;
}
#feedback .views-row {
	background-size: 100% 85%;
}
}

@media (max-width: 1160px) {
#headerContent #headerFirstRow {
position:static;
}
  #headerContent #mkoOffer {
  float:left;
  }
  #headerContent #mitglied, #headerContent #spenden {
  float:right;
  }
  #headerContent #mkoOffer, #headerContent #mitglied, #headerContent #spenden, #search input[type="text"] {
  font-size:14px;
  }
 #headerContent {
  height:auto;
  min-height:81px;
  }
  .region-search {
  position:absolute;
  left:0px;
  top:91px;
  margin-left:2%;
  }
  #search-block-form input[type="text"]{
  background-color:#c7c6c6;
  line-height:30px;
  height:32px;
  }  
  #search-block-form input[type="submit"]{
  background:transparent url('../img/icon_search.png') no-repeat center 5px;
  width:36px;
  height:30px;
  }
  #search-block-form:hover input[type="submit"]{
  background:transparent url('../img/icon_search_hi.png') no-repeat center 5px;
  }
  #headerContent #melden, #headerContent #mitglied, #headerContent #spenden,
#headerContent #melden:link, #headerContent #mitglied:link, #headerContent #spenden:link,
#headerContent #melden:visited, #headerContent #mitglied:visited, #headerContent #spenden:visited {
  float:right;
  }
  #headerContent #headerFirstRow {
    justify-content: initial;
    display: block;
  }
  main .center {
    margin-bottom: -50px;
}
 main {
    margin-bottom: -100px;
}
main + #footer footer {
    margin-top: 0px;
}
}

@media (max-width: 1080px) {
#footerText p {
font-size:12px;
padding-top:5px;
}
#addContent .boxImage:after {
 width: 550px;
 left:auto;
}
#addContent p {
max-width:90%;
}
#addContent #block104 .boxContent p {
max-width:90%;	
}
#impressionenContainer  .views-row, #impressionenContainer  a {
width:15.625%;
}
#impressionenContainer  .views-row:nth-child(7n+0), #impressionenContainer  a:nth-child(7n+0) {
margin-right:1.25%;
}
#impressionenContainer  .views-row:nth-child(6n+0), #impressionenContainer  a:nth-child(6n+0) {
margin-right:0px;
}
#addContent .boxImage img {
    max-width: 150%;
    width: 150% !important;
}
div.node .lightboxContainer a.lightbox {
width:19%;	
}
div.node .lightboxContainer a.lightbox:nth-child(6n) {
    margin-right: 1.25%;
}
div.node .lightboxContainer a.lightbox:nth-child(5n) {
    margin-right: 0px;
}
}

@media (max-width: 1060px) {
 #headerContent #mkoOffer {
  font-size:13px;
  }
  header .menu-toggle {
  font-size:15px;
  padding-top:10px;
  }
}

@media (max-width: 1050px) { 
#feedback .views-row {
width:40%;
height:400px;
margin:0px 5%;
padding:50px;
}
#feedback .views-row + .views-row + .views-row {
display:none;
}
#feedback .views-row {
	background-size: 100% auto;
}
}

@media (max-width: 1016px) {  

#addContent .boxContent {
min-height:350px;
}
#addContent p {
max-width:70%;
}
#addContent #block104 .boxContent p {
max-width:80%;	
}

#feedbackContainer {
background-size:150% auto;
}
#footerText p {
padding-top:0px;
}
#footerLogos a {
margin-top:12px;
}
}

@media (max-width: 1000px) {
#search-form #edit-basic .form-item {
float:none;	
}
#search-form #edit-basic .form-item input {
clear:left;
width: 100%;
max-width:400px;
margin-right: -37px !important;
padding-right:40px;
}
#search-form {
padding-bottom:15px;
}
 #search-form #edit-basic .form-item label {
clear:both;
display:block;
margin-bottom:10px !important;
float:none;
}
#text h2 {
font-size:20px;	
}
.region-search {
display:none; 
}
#addMenu li:nth-child(2) {
display: block;
}
footer {
display:block;	
}
.footerContent {
  width: 100%;
  min-height:1px;
}
#footerLogos {
float: left;
}
}

@media (max-width: 990px) {
#addContent .boxImage img {
width: 180% !important;
max-width: 180% !important;
}
}

@media (max-width: 950px) {
  #mainContent aside, #mapContainer, body.front #mainContent aside,
  main #text  {
  width:100%;
  }
  main #text {
	 margin-left:0px;
padding:0 2%;	 
  }
  .node-type-subcamp main #text  {
  margin-left:0px;
  }
  #mainContent aside {
  padding:20px 25px;
  }
  #mapButton {
  right:0px;
  }
  main #mainContent {
  display:block;
  }
  .node-type-subcamp .region-aside {
	  width:100%;
  }
  .node-type-subcamp #mainContent aside #block-block-4 {
    border-top: 10px solid #ffffff;

}
  #mapContainer {
  margin-left:0px;
  margin-top:1.25%;
  }
  #mainContent aside {
  display: table;
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
	flex-flow: row wrap;
-webkit-flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap:wrap;
-ms-flex-direction:row;
    width: 100%;
  background-position:left top;  
  margin-bottom:10px;
  padding:3%;
  }
  #boxEckdaten, #mapSmall {
   width:50%;   
  }
  #mapSmall {
  border-top:none;
  border-left:10px solid #ffffff;
  }
  main #content {
    width:100%;
	margin:0pX;
}
#feedbackContainer h2, #impressionenContainer  h2, #gedenkstaettenContainer h2 {
font-size: 35px;
padding-left:10px;
padding-right:10px;
}
}
@media (max-width: 920px) {
main #mainContent {
display:block;	
}
main #mainContent #mapContent,main #mainContent #mainVideoContainer {
width:100%;
}
main #mainContent #mainVideoContainer {
margin-bottom:10px;
}
#appBox h2 {
font-size: 25px;	
}
}

@media (max-width: 915px) {
  #feedback .views-row {
    width: 48%;
	margin:0px;
	height:450px;
  }
  #feedback .views-row + .views-row {
    margin-left:4%;
  }
}

@media (max-width: 1170px) {

.logged-in #headerContent {
    background-color: #ca0c26;
    padding-bottom: 10px;
	width:100%;
}
  header .menu-toggle {
  text-indent:-10000px;
  width:85px;
  position:relative;
  display:block;
  }
  header .menu-toggle:after {
  content:'Menü';
  position:absolute;
  left:40px;
  top:9px;
  color:#ffffff;
  font-size:17px;
  z-index:10000;
  text-indent:0px;
  }
  header .menu-toggle:hover:after {
  color:#000000;
  }
#languages {
margin-right:2%;	
}
 .region-search {
display:block; 
}
#addMenu li:nth-child(2) {
display: none;
}

#menutoggleContainer {
position:absolute;
right:2%;
top:124px;
padding:0px;
width:30px;
height:40px;
background-image:none;
}

header .menu-toggle {
padding:0px;
width:30px;	
height:40px;
}
header .menu-toggle:after {
content:'\0020';	
}
#headerContent #melden, #headerContent #mitglied, #headerContent #spenden,
#headerContent #melden:link, #headerContent #mitglied:link, #headerContent #spenden:link,
#headerContent #melden:visited, #headerContent #mitglied:visited, #headerContent #spenden:visited {
    float: left;
}
#headerContent #headerFirstRow {
padding-left:2%;	
}
#headerContent #mitglied, #headerContent #mitglied:link, #headerContent #mitglied:visited {
margin-left:0px;	
}
#headerContent #melden, #headerContent #melden:link, #headerContent #melden:visited {
margin-left: 15px;
}


#headerContent #headerFirstRow {
justify-content: initial;
display: block;
}	
a#logo {
    width: 100%;
	height:100px;
    padding-top: 20px;

}
header .center {
padding:0px;	
}
a#logo img {
margin-top:0px;	
}
#headerContent #mkoOffer {
margin-right:15px;
color:#000000;
}
body {
background-position:left 0px;	
}
#headerContent {
float:left;	
background-image:none;
width:100%;
}

}

@media (max-width: 880px) {

#addContent .views-row {
width:100%;
}
#addContent .boxImage img {
    width: 580px !important;
    max-width: 580px !important;
}

#addContent .boxImage::after {
 width:100%;
 left:0px;
}
#addContent  .views-row + .views-row  {
    margin-top: 1.25%;
}
#addContent .boxContent {
min-height:1px;	
}
#addContent .boxContent p, #addContent #block104 .boxContent p, #addContent #block101 .boxContent p {
max-width:380px;	
}
#addContent .boxContent h2 {
font-size:31px;	
}
#impressionenContainer  .views-row, #impressionenContainer  a {
width:19%;
}

#impressionenContainer  .views-row:nth-child(6n+0), #impressionenContainer  a:nth-child(6n+0) {
margin-right:1.25%;
}
#impressionenContainer  .views-row:nth-child(5n+0), #impressionenContainer  a:nth-child(5n+0) {
margin-right:0px;
}
div.node .lightboxContainer a.lightbox {
width: 24.0625%;
}
div.node .lightboxContainer a.lightbox:nth-child(5n) {
    margin-right: 1.25%;
}
div.node .lightboxContainer a.lightbox:nth-child(4n) {
    margin-right: 0px;
}

}

@media (max-width: 860px) {
#footerLogos a {
  margin-right: 20px;
}
main .center {
margin-bottom:-40px;
}
#videos .numvideos1 .views-row {
margin-left: 4%;
margin-right: 4%;
width:92%;
}
}


@media (max-width: 810px) {
#text,.node-type-landing-page #text, .node-type-seite #textContent #text {
  width:100%;
  margin:0px;
  }
  #textContent aside, .node-type-landing-page #textContent aside, .node-type-seite #textContent aside{
  width:100%;
  margin:0px;
padding:0px 10px 10px 10px;
margin-top:-10px;
 display: table;
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
  }
  aside #appBox {
	 max-width:50%;
  }
  aside .field, aside .field-items, aside .field-item, aside .block {
	 width:100%;
  }
  #addContent, main #mainContent, #text, .node-type-landing-page #text {
	 padding:10px; 
  }
   #videos .numvideos3 .views-row, #videos .numvideos4 .views-row, #videos .numvideos5 .views-row, #videos .numvideos6 .views-row {

    width: 44%;
}
#videos .numvideos5 .views-row-4 {
clear:none;	
}

.front #videos .numvideos3 .views-row-3 {
display:none;	
}
}

@media (max-width: 780px) {
#feedback .views-row {
	height:370px;
	padding:22px 25px 25px 28px;
  }
#feedbackContainer h2 {
max-width:80%;
position:relative;
margin:0px auto 30px auto;	
}
}


@media (max-width: 1033px) {
#headerContent {
padding-top:6px;
width:100%;
min-height:101px;
}
 #headerContent #mitglied, #headerContent #spenden {
background-image:none !important;	
height: 32px !important;	
line-height: 32px !important;	
padding-left:35px !important;	
padding-top:4px !important;	
margin:0px!important;
clear:both !important;	
text-align:left !important;
}
#headerContent #mkoOffer {
padding:0px;	
background-image:none !important;	
background-color:transparent;
height: 32px !important;	
line-height: 32px !important;	
padding-top:4px !important;	
margin:0px!important;
clear:both !important;	
text-align:left !important;
font-size:14px;
}
#headerContent #headerFirstRow {
text-align:center;	
}
#headerContent #mitglied:after, #headerContent #spenden:after,
#headerContent #mitglied:link:after, #headerContent #spenden:visited:after,
#headerContent #mitglied:link:after, #headerContent #spenden:visited:after {
    left: 0px !important;
    right: auto !important;
}	
#languages {
margin-top: -23px;
		position: relative;
		z-index: 1000;
}
body {
background-position:left 32px;	
}
#addMenu {
margin-top:23px;
margin-bottom:4px;
}
.logged-in #headerContent {
margin-bottom:-10px;
}
header {
margin-bottom:6px;	
}
#menutoggleContainer {
z-index:300;
top: 108px;
}
.region-search {
display:none; 
}
#addMenu li:nth-child(2) {
display: block;
}
#addMenu {
float:left;	
margin-left:2%;
padding-bottom:5px;
}

.i18n-de #addMenu li + li + li + li + li + li {
    margin-top: 7px;
	float:left;
	margin-bottom:3px;
}	
.i18n-en #addMenu li + li + li + li + li + li + li {
    margin-top: 7px;
	float:left;
	margin-bottom:3px;
}
.logged-in #addMenu li + li + li + li + li + li {
margin-top:0px;	
}
.logged-in.i18n-de #addMenu li:nth-child(8) {
margin-right:17px;
}
.logged-in #addMenu li + li + li + li + li + li + li {
    margin-top: 7px;
	float:left;
	margin-bottom:3px;
}
.i18n-de #addMenu li:nth-child(6) {
clear:left;
}
.i18n-en #addMenu li:nth-child(7) {
clear:left;
}
.not-logged-in.i18n-de #addMenu li:nth-child(7) {
	 margin-right:17px;
 }
.logged-in #addMenu li:nth-child(6) {
clear:none;
}
.logged-in #addMenu li:nth-child(7) {
clear:left;
}
#addMenu a#YT {
margin-left:0% !important;
}
#addMenu li:first-child a, .i18n-de #addMenu li:nth-child(6) a, .i18n-en #addMenu li:nth-child(7) a{
margin-left:0%;
}
.logged-in #addMenu li:nth-child(6) a {
margin-left:17px;
}
.logged-in #addMenu li:nth-child(7) a{
margin-left:0%;
}
}

@media (max-width: 760px) {
#footerLogos {
flex-flow: row wrap;
-webkit-flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap:wrap;
-ms-flex-direction:row;
padding-left:20px;
padding-right:0px;
}
#footerLogos a {
  width: 26%;
  flex:0 0 26%;
-ms-flex:0 0 26%;
-webkit-flex:0 0 26%;
  float: left;
  text-align: center;
}
#footerLogos a:last-child {
margin-right:20px;
}
}

@media (max-width: 650px) {

#feedback {
padding: 0px;
}
#feedback .views-row {
background-image:none;
background-color:#ffffff;
border-radius:40px;
height:auto;
width:100%;
margin:0px 0px 20px 0px !important;
}
#feedback .views-row + .views-row + .views-row {
    display: block;
}
#feedbackContainer {
    background-position: left bottom;
    background-size: 150% auto;
}
#feedbackContainer {
padding-bottom:25px;	
}

#boxEckdaten, #mapSmall {
width:100%;
}

  #mapSmall {
  border-left:none;
  border-top:10px solid #ffffff;
  }
  #text {
	  padding:0px;
  }
#mainContent aside {
    display: block;
}
}

@media (max-width: 630px) {
body.logged-in nav .menu-toggle {
    top: 110px;
}
body.logged-in nav#mainMenu {
padding-top:140px;	
}
#impressionenContainer  .views-row, #impressionenContainer  a {
width:32.5%;
}

#impressionenContainer  .views-row:nth-child(5n+0), #impressionenContainer  a:nth-child(5n+0) {
margin-right:1.25%;
}
#impressionenContainer  .views-row:nth-child(3n+0), #impressionenContainer  a:nth-child(3n+0) {
margin-right:0px;
}
.region-backgroundpix img {
    width: 150% !important;
    max-width: 150%;
    margin-left: -25%;
    margin-right: -25%;
	margin-top:-40px;
}


.page-node-284 th, .page-node-286 th, .page-node-287 th, .page-node-376 th, .page-node-377 th, .page-node-378 th
{
padding:0px !important;
}
.page-node-284 th.checkbox.webform-grid-option, .page-node-286 th.checkbox.webform-grid-option, .page-node-287 th.checkbox.webform-grid-option, 
.page-node-376 th.checkbox.webform-grid-option, .page-node-377 th.checkbox.webform-grid-option, .page-node-378 th.checkbox.webform-grid-option{
padding: 5px 5px 10px 5px !important;
font-size: 0.751rem;
}
.page-node-284 td, .page-node-286 td, .page-node-287 td,.page-node-284 td, .page-node-376 td, .page-node-377 td, .page-node-378 td {
  padding:  10px 0px 10px 10px;
  font-size: 0.851rem;
}
.page-node-284 .webform-grid-question, .page-node-286 .webform-grid-question , .page-node-287 .webform-grid-question, 
.page-node-376 .webform-grid-question , .page-node-377 .webform-grid-question  , .page-node-378 .webform-grid-question {
padding-bottom:0px;	
}
}

@media (max-width: 590px) {

h1,#feedbackContainer h2, #impressionenContainer h2, #gedenkstaettenContainer h2 {
font-size: 28px;
line-height: 1.1em;
}
#text p {
text-align: left;
}
}

@media (max-width: 570px) {
#footerText p {
padding-top:0px;
padding-bottom:10px;
}
main {
margin-bottom: -100px;
}
main .center {
margin-bottom:-20px;
}
}


@media (max-width: 560px) {
.center {
padding:0px;	
}
#feedbackContainer .center {
padding:0px 10px;	
}
main #mainContent, #addContent, #gedenkstaettenContainer, #videoContainer, #impressionenContainer {
 padding: 10px;
}
#addContent .views-row + .views-row {
margin-top: 10px !important;
}
}

@media (max-width: 550px) {
#webform-client-form-310 input[type="file"]{
max-width:100%;
width:100%;
}
#feedbackContainer {
    background-size: 300% auto;
}
 #videos .numvideos2 .views-row, #videos .numvideos3 .views-row, #videos .numvideos4 .views-row, #videos .numvideos5 .views-row, #videos .numvideos6 .views-row {
width: 93%;
}
#node-30 #anmeldung {
padding-bottom:72px;
margin-bottom:30px;
}
#node-30 #anmeldung + p a {
float:none;
margin-left:30px;	
width:243px;
margin-top:-87px;
}
#node-30 #anmeldung + p {
margin-bottom:23px;	
}
}

@media (max-width: 500px) {
body.logged-in #addMenu {
float:left;	
margin-left:2%;
padding-bottom:5px;
}
#addMenu a#FB, #addMenu a#IG, #addMenu a#YT {
  margin-left: 0px;
  margin-right: 5px;
}
body.logged-in #addMenu li + li + li + li + li  {
    margin-top: 0px;
	margin-bottom:0px;
}
body.logged-in #addMenu li + li + li + li + li + li + li {
    margin-top: 7px;
	float:left;
	margin-bottom:3px;
}	
body.logged-in #addMenu li:nth-child(6) {
clear:none;
}
body.logged-in #addMenu li:nth-child(7) {
clear:left;
}
body.logged-in #addMenu li:first-child a{
margin-left:0%;
}
body.logged-in #addMenu li:nth-child(6) a{
margin-left:17px;
}
#search-form .search-advanced .criterion input[type="text"] {
    width: 100%;
}
body.logged-in #languages {
		margin-top: -23px;
		position: relative;
		z-index: 1000;
}
.search-advanced .criterion {
width:100%;
clear:both;
margin-right: 0em;
}
#videos h3 {
font-size:14px;	
}
div.node .lightboxContainer a.lightbox  {
    width: 32.5%;
}
div.node .lightboxContainer a.lightbox:nth-child(4n) {
    margin-right:1.25%;
}
div.node .lightboxContainer a.lightbox:nth-child(3n) {
    margin-right: 0px;
}
}

@media (max-width: 480px) {
.region-search {
display:none;
}
#addMenu li:nth-child(2) {
display: block;
}
main .center {
    margin-bottom: 0px;
}

#footerRight h3 {
float:none;
}

#addContent .boxContent h2 {
display: block;
-ms-hyphens: auto;
-webkit-hyphens: auto;
hyphens: auto;
word-break: break-all;	
}
}

@media (max-width: 450px) {
#addContent .boxImage img {
display:none;
}
#footerLogos a {
  width: 40%;
  flex: 0 0 40%;
-ms-flex: 0 0 40%;
-webkit-flex: 0 0 40%;
}
#addContent .boxContent {
    padding: 20px 20px 20px 20px;
	height:auto;
	min-height:1px;
}
#impressionenContainer  .views-row, #impressionenContainer  a {
width:49.375%;
}

#impressionenContainer  .views-row:nth-child(3n+0), #impressionenContainer  a:nth-child(3n+0) {
margin-right:1.25%;
}
#impressionenContainer  .views-row:nth-child(2n+0), #impressionenContainer  a:nth-child(2n+0) {
margin-right:0px;
}
#addMenu li:nth-child(4){
clear:left;
}	
#addMenu li + li + li + li a:after {
display:none;
}

#addMenu li:nth-child(4) a, #addMenu li:nth-child(4) a:link, #addMenu li:nth-child(4) a:visited {
margin-left: 0px !important;
}

#addMenu li + li + li + li + li a:after {
display:block;
}
.page-node-284 .webform-grid-5 td, .page-node-286 .webform-grid-5 td, .page-node-287 .webform-grid-5 td, .page-node-376 .webform-grid-4 td, 
.page-node-377 .webform-grid-4 td,.page-node-378 .webform-grid-4 td
 {
  width: 100px;
}
.page-node-284 td:first-child, .page-node-286 td:first-child , .page-node-287 td:first-child, .page-node-376 td:first-child , .page-node-377 td:first-child, .page-node-378 td:first-child {
  display: block;
  width: 100%;	
}
.page-node-284 tr, .page-node-286 tr, .page-node-287 tr, .page-node-376 tr, .page-node-377 tr, .page-node-378 tr{
  display: block;
  width: 100%;	
padding:0px !important;	
}
.page-node-284 td, .page-node-286 td, .page-node-287 td, .page-node-284 th, .page-node-286 th, .page-node-287 th,
.page-node-376 th, .page-node-377 th, .page-node-376 td, .page-node-377 td , .page-node-378 td, .page-node-378 td4  {
  padding: 10px 0px 10px 0px;
  width:20%;
  text-align:center;
}
th.webform-grid-question {
display:none;
}
td.webform-grid-question {
padding-right:10px;	
}
}

@media (max-width: 400px) {
#addMenu {
float:left;	
margin-left:2%;
padding-bottom:5px;
}

#addMenu li#YT {
clear:left;
margin-left:0%;
}
#addMenu li:first-child a{
margin-left:0%;
}

body.logged-in nav#mainMenu {
padding-top:180px;	
}
body.logged-in nav .menu-toggle {
top:145px;	
}

body.logged-in #addMenu {
width:96%;
margin-bottom:0px;
padding-bottom:0px;
}

}


@media (max-width:730px) {
#sliding-popup .popup-content #popup-text {
max-width:55%;
}
#sliding-popup .popup-content #popup-buttons {
max-width:45%;
}	
}

@media (max-width:600px) {
#sliding-popup .popup-content #popup-text,
#sliding-popup .popup-content #popup-buttons {
max-width:100%;
text-align:center;
}
#sliding-popup .popup-content  #popup-text button {
margin-left:10px !important;	
}
#sliding-popup .popup-content #popup-buttons, #sliding-popup .popup-content #popup-buttons button {
margin-top:0px !important;
}
}


@media (max-width: 610px) {
#popupFestderfreude{
left:0px;
margin-left:0px;
}
#popupBF{
width:480px;
height:279px;
margin-left: -240px;
}
#popupBF a.popupContent {
width:460px;
height:259px;
}
#popupBF p.moreInfo {
padding: 0.3em;
}
}
@media (max-width: 520px) {
#popupBF{
width:370px;
height:217px;
margin-left: -185px;
}
#popupBF a.popupContent {
width:350px;
height:197px;
}
#popupBF span.close {
right:3px;
top:3px;
}
#popupFestderfreude a {
height: 330px;
}
#popupFestderfreude {
height: 350px;
}
#popupBF p.moreInfo {
padding: 0;
}
}
@media (max-width: 400px) {
#popupBF{
width:300px;
height:178px;
margin-left: -150px;
}
#popupBF a.popupContent {
width:100%;
height:158px;
}
}
@media (max-width: 330px) {
#popupBF{
width:90%;
height:178px;
margin-left:0px;
left:5%;
}
#popupBF a.popupContent {
width:100%;
height:158px;
}
}