@media screen and (min-width: 1025px) { 
  .kontakt h1 { padding-top: 70px; }
}

@media screen and (min-width: 2000px) {
  .slider-container, .sub-hght, .aktuelles-top { height: 65%; }  
  .social-stripe:after { height: 450px; transform: skewY(7deg); -webkit-transform: skewY(7deg);}
  .skew { transform: skewY(7deg);  -webkit-transform: skewY(7deg);}
  .unskew { transform: skewY(-7deg);  -webkit-transform: skewY(-7deg);}
  .schraege1 { background-image: url(images/augenpaar-junge0.jpg) !important; }
  .schraege2 { background-image: url(images/augenpaar-large.jpg) !important; }
 .slider-container { height: 75%; }  
}

@media screen and (max-width: 1400px) {
  .frontpageskew { background-image: url(images/augenpaar1-1.jpg);}  
  .slider-container { height: 100%; }  
  .spacer { margin-bottom: 50px; } 
  /*.claim { top: 400px; }*/ 
  .schraege2 { background-image: url(images/augenpaar1-2.jpg) !important; }
}

@media screen and (max-width: 1366px) {
  .schraege1 { background-image: url(images/augenpaar-junge6.jpg) !important; } 
}                                                                               

@media screen and (max-width: 1280px) {
  .schraege1 { background-image: url(images/augenpaar-junge.jpg) !important; }
  .schraege2 { background-image: url(images/augenpaar1-3.jpg) !important; }
}

@media screen and (max-width: 1200px) {
  .schraege2 { background-image: url(images/augenpaar1-4.jpg) !important; }
  
}

@media screen and (min-width: 1025px) {
  #menu-hauptmenu.small { margin-top: 0px; height: 50px; }
  #menu-menu-english.small, #menu-hauptmenue.small { margin-top: 0px; height: 50px; }
  #metamenu.small { margin-top: 10px; }
  #menu-hauptmenu.small img { width: 287px; height: 69px; margin-top: -10px; }
  #menu-hauptmenu.small li, #menu-menu-english li, #menu-hauptmenue li { margin-top: 9px; }
  .logosmall { margin-top: 9px; height: 42px;background: url(images/logo_malisa_small.png) top center no-repeat; }    
}

@media screen and (max-width: 1024px) {   
   .aktuellesbox {width: 95%; }
   .slider-img { height: 350px; }
   .slider-container { height: 85%; }  
   .aktuelles .wrapper { margin-top: 50px; }
   /*.claim { width: 90%; margin-left: -45%; top: 35%;}*/
   header { height: 60px; }
   .language { background: none; }   
   #metamenu  { margin-top: 0px; padding: 12px 56px 12px 13px; }
   #metamenu  li a { font-size: 18px; padding: 6px; }
   #responsive-menu-button:focus { outline: none; }
   #responsive-menu-container #responsive-menu-item-182 { margin-top: 75px; }
   #responsive-menu-container .menu-item { padding: 0px 20px; }
   #responsive-menu-container #responsive-menu-wrapper { margin-top: 80px;}
   .titelbild { background-position-y: 0px; }
   .logo { left: 0%; margin-top: 9px; margin-left: 9px; width: 130px; height: 42px; background: url(images/logo_malisa_m.svg) top center no-repeat; }
   .logo-eng { background: url(images/logo_malisa_eng_m.svg) }
   .blackbg { padding: 30px 0px;}
   .wrapper { padding: 30px 0px 30px 0px;  }
   .content/*, .content-builder, .postcontent*/ { width: 90%; }
   .postcontent { margin-bottom: 30px; float: none; width: 100%;}
   .mlstiftung { margin-bottom: 20px; }    
   .beitragstitel-front { top: 40%; }
   .video iframe {width: 100%; height: 450px; }
   .social-stripe h1 { margin-top: 0px;  }
   .social, .social-builder { display: none; }
   #erkenntnisse .content { width: 90%; margin: 0 auto; }   
   .wrapper { width: 90%; }         
   .aboutus .col { margin-right: 0px; }
   .aboutus h1 { font-size: 120%;}
   .spacer { margin-bottom: 20px; }
   .schraege1 { background-image: url(images/augenpaar2-m.jpg) !important; background-position-y: 110px !important;}
   .schraege2 { background-image: url(images/augenpaar1-2.jpg) !important; background-position-y: 85px  !important; }
   #searchform {margin-left: 0px; }
   .searchinart { margin-top: 40px; }
   #metamenu .social { display: inline-block; margin-right: 10px; }
   #responsive-menu-container #responsive-menu li.responsive-menu-item .responsive-menu-item-link {  outline: none;}      
   #responsive-menu-container #responsive-menu li.responsive-menu-item .responsive-menu-item-link {  font-size: 16px !important; }
} /* ende 1024 */ 



@media screen and (max-width: 1023px) {
   .projekte-wrap, .projekte-wrap:nth-child(2n) { text-align: center; float: none; margin-left: auto; margin-right: auto; }
   #footer-menu { width: 90%; padding: 9px 0px;} 
    .download-wrap { text-align: center; padding-bottom: 20px; border: none; }
   .download-wrap h1 { margin-bottom: 20px; }
   .download-wrap .titlewrap { margin-top: 20px; float: none; margin-right: 0px; min-height: auto;  width: 100%; }
   .download-wrap img, .download-studie img { float: none; width: 100%; height: auto;margin-bottom: 10px;  margin: 0 auto; display: block;}
   .download-wrap img { position: initial; top: auto; transform: none;}
}


@media screen and (max-width: 768px) {
    .leftCol, .rightCol { float: none; width: 100%; margin-bottom: 30px; }
   .mobileslider { display: block; margin-top: 30px; }
   .desktopslider { display: none; }
   .wrapper { padding-bottom: 30px; }
   .custom-heading { padding-bottom: 0px; }   
   .einleitung { margin-top: 50px; }
   .aktuelles-wrap { width: 100%; margin-bottom: 30px; }
   .aktuelles { height: auto; }
   .aktuellesbox { width: 100%; }
   .sub h1 { font-size: 26px;}
   .newrow { display: block; }
   img.alignleft { float: none; }         
   .einleitung p { width: 100%; }
   .einleitung img  { width: 90%; height: auto; margin: 0 auto; display: table-header-group; float: none;  }
   .centerposition, .rightposition, .leftposition { text-align: center; }
   .col { width: 90%; margin: 0 auto;  display: block;}
   /*.projekte .col { border-bottom: 2px dotted #ccc; margin-bottom: 40px; padding-bottom: 35px; }*/
   /*.col .projekttitle { min-height: auto; } */
   .projekte-wrap { width: 100%; margin-bottom: 20px; } 
   .projektbox img { width: 100%;  height: auto;}
    .kontaktform-desc { margin-left: 0px; }
    .social-stripe { height: auto; }
    .studie { height: 500px; padding-top: 300px; }
   .aboutus { display: block; }
   .aboutus .col .more, .more { position: initial; margin-top: 15px; }
   .aboutus .col { width: 100%; margin-bottom: 40px;}
   .aboutus h3 { min-height: auto; }
   .aboutus p { min-height: auto; padding: 0px; }
   .aboutus img { margin-bottom: 10px; }   
   .projekte-auszug-img { background-position: inherit; background-size: cover;}
   .footer-projekte-wrap { display: none; }
   footer .footer-bg { margin-top: 20px; }
   #meta-footer { padding: 0px; text-align: center;}
   #meta-footer .col { border-right: 1px solid #fff; font-size: 90%; width: 32%; display: inline-block; height: auto; padding: 14px 0px 11px 0px; }
   #meta-footer .last, #footer-menu li.last { border-bottom: none; border-right: none;  }
   #meta-footer .presse, #meta-footer .mitmachen, #meta-footer .spenden { background: none;}
   .meta-footer-sub a { width: 100%; }  
   .backbtn-wrap { width: 100%; text-align: center; }
   .backbtn { margin: 0px; }
   footer .rightCol { text-align: center; }
   .ft-icon-facebook { margin-right: 15px; } 
   #metamenu .social .ft-icon-facebook { margin-right: 0px; }    
   .kontaktform .nf-field-element input[type=button]  { width: 100%; float: none; margin-top: 30px; }   
   .methodik { margin-left: 0px; }  
}  /* ende 768 */ 

@media screen and (max-width: 767px) {
   p { font-size: 16px; line-height: 30px; }
  .blackbg p { text-align: center; }
  .img-desc p { font-size: 19px; }
  .social-stripe h1, .titelbild h1 { font-size: 200%;}
  #metamenu  { padding: 10px 50px 6px 10px;}
  #menu-projektmenu { width: auto; margin-top: -175px; padding-bottom: 0px; }
  #menu-projektmenu li { float: none; }  
  #menu-projektmenu li a { text-align: center; }
  #menu-projektmenu .current-menu-item a, #menu-projektmenu li a:hover { border-bottom: none; }
   button#responsive-menu-button .responsive-menu-box { top: -5px; }  
  .projekte h2 { font-size: 23px; }
  .stiftung-kontakt-stripe {padding-top: 30px; }
  .stiftung p { width: 100%; }
  .download { text-align: center; }
  .download .so-widget-sow-image-default-d015436e699f .sow-image-container .so-widget-image { display: block; margin: 0 auto; }
  .kontaktform .textbox-container, .kontaktform .email-container, #ninja_forms_required_items { float: none; width: 100%; display: block; }
  .beitragstitel-footer.large { font-size: 18px; }
  .video iframe { height: 250px; }
}

@media screen and (max-width: 600px) {  
   .projektbox { width: 95%; height: auto; } 
   .schraege1 { background-image: url(images/augenpaar2-1-m.jpg) !important; height: 630px !important; background-position-y: 120px  !important;}
   .schraege2 { background-image: url(images/augenpaar1-m.jpg) !important; background-position-y: 120px  !important; }
   .dbreak {display: none; }
    body {font-size: 100%; }
   .claim { margin-bottom: 100px; }   
   .claim h1, h1 { font-size: 28px; }
   .claim h3 { font-size: 18px; }
   .custom-heading h1 { display: inline; padding: 0px; }
   .studienbox {width: 90%; }
   .projektbox h1 { margin-bottom: 5px; }
   .page-id-16 .titelbild { background-image: url(images/titelbild_projekte-phone.jpg); }
     h1 { margin-bottom: 40px; }
   .einleitung { margin-bottom: 20px; }
   .stripe .content {width: 100%; }
   .col { width: 100%; }
   .aboutus { margin-bottom: 0px; }
   #meta-footer .col { width: 100%; border-right: none; border-bottom: 1px solid #fff; }
   .beitragstitel-footer { top: 50px; }
   #footer-menu { padding: 0px; }
   #footer-menu .content { width: 100%; }
   #footer-menu ul { text-align: center;}
   #footer-menu ul li { display: block; padding: 11px 0px; border-right: none; border-bottom: 1px solid #fff;}  
   #footer-menu p { float: none; }
   #footer-menu .copyright { display: none; }
   /*.schraege1, .schraege2 {  -webkit-clip-path: polygon(0 0, 100% 23%, 100% 72%, 0 49%);  clip-path: polygon(0 0, 100% 23%, 100% 72%, 0 49%); }*/
   .social-stripe { margin-top: -310px !important;}
  
   .tagliste-wrap { margin-left: 20px; }
   .social-share { width: 45px; height: 45px; border-radius: 4px; }
   .share-desc { display: none; }
   .twitter-share, .fb-share { background-position: -4px center; background-size: 43px; }
   .titlewrap h1 { font-size: 22px; }
   .tblartikel td { display: block; }  
   .tblartikel td:nth-child(odd) { padding-bottom: 0px; }
   .customposition { width: 100%; height: auto; }
   .crop-aktuelles-large { height: auto; }
   
}  /* ende 500 *