@media (max-width: 1550px) {
#feedback .views-row {
width:32%;
height:490px;
margin-right:2%;
padding:35px 40px;
}
#feedback .views-row + .views-row + .views-row {
margin-right:0%;
}
}


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

}

@media (max-width: 1420px) {

#videos .numvideos1 .views-row {
margin-left: 15%;
margin-right: 15%;
width:70%;
}
#feedback .views-row {
width:34%;
height:500px;
margin:0px 12% 0 10%;
}
#feedback .views-row + .views-row {
margin:0px;
}
#feedback .views-row + .views-row + .views-row {
display:none;
}
.node-type-landing-page #text, .node-type-seite #text {
width: 70.9%;
}
.node-type-landing-page #textContent aside, .node-type-seite #textContent aside {
    width: 27.81%;
}

main{
margin-bottom: -140px;
}
#titelbild {
padding-top:25px;	
}
}

@media (max-width: 1320px) {
  #headerContent #mkoOffer, #headerContent #mitglied, #headerContent #spenden, #search input[type="text"] {
  font-size:14px;
  }
 #feedback .views-row {
  background-size:100% 100%;
  width:36%;
  margin:0px 8% 30px 10%;
 }
}

@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;
}
#block-commerce-cart-cart {
padding:10px 10px 1px 10px !important;	
}
.view-commerce-cart-block .view-footer li {
margin-left:0px;
margin-bottom:5px;
display:block;	
}
}

@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 main aside, #mapContainer  {
width:49.375%;
}
body.front main aside {
padding:25px;
}
#mapButton {
left:auto;
right:102.5%;
white-space:nowrap;
font-size:15px;
}
}

@media (max-width: 1160px) {

  main .center {
    margin-bottom: -50px;
}
 main {
    margin-bottom: -70px;
}
main + #footer footer {
    margin-top: 0px;
}
#feedback .views-row {
  background-size:100% 100%;
  width:42%;
  margin:0px 8% 30px 4%;
 }
  #addContent .views-row-1 p {
max-width:100%;
}
.node-type-landing-page #text, .node-type-seite #text {
width: 65.9%;
}
.node-type-landing-page #textContent aside, .node-type-seite #textContent aside {
    width: 32.81%;
}
}



@media (max-width: 1170px) {
	
	#headerContent #headerFirstRow {
position:static;
}

  #headerContent #mkoOffer, #headerContent #mitglied, #headerContent #spenden, #search input[type="text"] {
  font-size:14px;
  }
 #headerContent {
  height:auto;
  min-height:81px;
  }
  #headerContent #headerFirstRow {
    justify-content: initial;
    display: block;
  }
  
  
 .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;
  }
.logged-in #headerContent {
    background-color: #ffc600;
    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;
  }
 .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 #mkoOffer {
  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:10px;
	background-color:#fec601;

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

#addMenu {
margin-right:2%;	
}
}

@media (max-width: 1080px) {

#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;
}
#titelbild {
overflow:hidden;	
}
#titelbild img {
margin-top:30px;	
}
}

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



@media (max-width: 1016px) {  

#footerLogos a {
margin-top:12px;
}
#addContent p {
max-width:80%;
}

#feedbackContainer {
background-size:150% auto;
}
}

@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;
}
}

@media (max-width: 990px) {
#addContent .boxImage img {
width: 180% !important;
max-width: 180% !important;
}
#feedback .views-row {
  background-size:100% 100%;
  width:48%;
  margin:0px 4% 30px 0%;
 }
}

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

}
  #mapContainer {
  margin-left:0px;
  margin-top:1.25%;
  }
  main 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:20px;
  }
  #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;
}

#addContent .boxContent {
min-height:350px;
}
.field-name-field-produktbild {
width:47%;
flex:0 0 47%;
-ms-flex:0 0 47%;
-webkit-flex:0 0 47%;	
margin-right:3%;
}
.produkt-wrapper {
width:50%;
flex:0 0 50%;
-ms-flex:0 0 50%;
-webkit-flex:0 0 50%;		
}
}




@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;	
}
#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) {
main .center {
margin-bottom:-40px;
}
#videos .numvideos1 .views-row {
margin-left: 4%;
margin-right: 4%;
width:92%;
}

#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;	
}
#footerLogos a {
  margin-right: 20px;
}
}


@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 .field, aside .field-items, aside .field-item, aside .block {
	 width:100%;
  }

#textContent aside #block-imageblock-2 img {
    width: auto;
}
	#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%;
}

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

@media (max-width: 780px) {

#feedbackContainer h2 {
max-width:80%;
position:relative;
margin:0px auto 30px auto;	
}
}


@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:995px) {
#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;
}
.not-logged-in #addMenu li:nth-child(7) {
margin-right:17px;
}
.logged-in #addMenu li:nth-child(8) {
margin-right:17px;
}
#addMenu a#FB, #addMenu a#IG, #addMenu a#YT {
  margin-right: 5px;
  margin-left: 0px;
}
#addMenu a#FB{
  margin-right: 10px;
}
#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;
}	
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;
}

#addMenu 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 #addMenu li + li + li + li + li + li + li {
    margin-top: 7px;
	float:left;
	margin-bottom:3px;
}
#addMenu li:nth-child(6) {
clear:left;
}
.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, #addMenu li:nth-child(6) 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: 650px) {


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

  #mapSmall {
  border-left:none;
  border-top:10px solid #ffffff;
  }
  #text {
	  padding:0px;
  }
main 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;
}
}

@media (max-width: 590px) {

h1,#feedbackContainer h2, #impressionenContainer h2, #gedenkstaettenContainer h2 {
font-size: 28px;
line-height: 1.1em;
}
#text p {
text-align: left;
}
#videos .views-row {
width:92%;
float:none;	
}
.field-name-field-produktbild,.produkt-wrapper {
width:100%;	
}
.node-product-display > .content {
display:block;
padding-bottom:25px;	
}
}

@media (max-width: 570px) {
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%;
}
}

@media (max-width: 500px) {
body.logged-in #addMenu {
float:left;	
margin-left:2%;
padding-bottom: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 a#YT {
margin-left:0% !important;
}
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%;
}
.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;
}
#views-form-commerce-cart-form-default table thead,thead,
.view-commerce-cart-summary .view-content table thead, 
.checkout-review .view-commerce-cart-summary table thead {
display:none;
}
#views-form-commerce-cart-form-default table tr, #views-form-commerce-cart-form-default table td,
.view-commerce-cart-summary .view-content table tr, .view-commerce-cart-summary .view-content table td, 
.checkout-review .view-commerce-cart-summary table tr,.checkout-review .view-commerce-cart-summary table td {
float:left;
width:100%;
display:block;	
border-bottom: none !important;	
}
#views-form-commerce-cart-form-default table td:first-child,
.view-commerce-cart-summary .view-content table td:first-child,.checkout-review .view-commerce-cart-summary table td:first-child {
border-top:none !important;		
}
#views-form-commerce-cart-form-default table tr, .view-commerce-cart-summary .view-content table tr, .checkout-review .view-commerce-cart-summary table tr {
padding:0px;
border-bottom:3px solid #000 !important;	
}
}

@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;
}
#addContent .views-row-3 h2 {
 -moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto;
}
}



@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: 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;
}
}


@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;
}
}