/* Start ------------------------------------------ [ responsive design ] */

/* Start ------------------------------------------ [ responsive design 450px] */
@media screen and (min-width: 450px) {


  /* Start ----------------------------------------- [ Grundblöcke ] */

  main {
    padding: 0 20px 20px;
    
    }

  /* End ----------------------------------------- [ Grundblöcke ] */

    header .title {
      font-size: 25px;
      font-weight: 700;  
    }
    
    header .chapter {
      font-size: 60px;
      font-weight: 700;    
    }
    

  /* Start ------------------------------------------ [ Bestellformular ] */

  .form-box, .fieldset.error-message  {
    margin: 10px 0 0;
    padding: 0 40px 15px;
    width: 100%;
  }

  /* End ------------------------------------------ [ Bestellformular ] */ 
    
    }

/* End ------------------------------------------ [ responsive design 450px] */


/* Start ------------------------------------------ [ responsive design 650px] */ 
@media screen and (min-width: 650px) {
    
    
/* Start ------------------------------------------ [ Plugin Easy FancyBox css Änderungen  650px] */ 
      header .title {
        font-size: 30px;
        font-weight: 700;  
      }
      
      header .chapter {
        font-size: 100px;
        font-weight: 700;    
      }
      
      
    
       .lightbox-wrapper.box-lightbox {
        max-width: 700px;
        margin-left: auto;
        margin-right: auto;
      }
    
       .box-lightbox .post  {
        width: 90vw;
        max-width: 700px;
        font-size: 12px;
        line-height: 20px;
        padding: 20px;
        
        margin: 26px 2vw 15px;
        padding-bottom: 50px;
      }
      
      .box-lightbox img {
        margin-top: 5px;
        margin-bottom: 5px !important;
      }
    
/* End ------------------------------------------ [ Plugin Easy FancyBox css Änderungen  650px] */
 

/* Start ------------------------------------------ [ dl dt dd ] */

dl {
	flex-direction: row;
	margin-bottom: 30px;
}

.page-template-page-order dl {
	flex-direction: row;
}

dt {
	width: 150px;
	float: right;
  }

dd {
	/* width:70%; */
	clear: both;
  margin-left: 20px;
  }

/* dt > img {
  width: 100%;
  height: auto;
  object-fit: cover;
	object-position: 10%
} */

/* End ------------------------------------------ [ dl dt dd ] */

.wor-publication img {
  object-position: center -50px;
}





    }
/* End ------------------------------------------ [ responsive design 650px] */




/* Start ------------------------------------------ [ responsive design 950px] */
@media screen and (min-width: 950px) {

/* Start ------------------------------------------ [ Grid support ] */

@supports (display: grid) {

  .page-wrapper {
      grid-template-columns: 260px 1fr;
  }
  
  header {
      grid-column-start: 1; grid-column-end: 3;
  }
  
  aside {
      grid-column-start: 1; grid-column-end: 2;
      grid-row-start: 2; grid-row-end: 3;
  }
  
  main {
      grid-column-start: 2; grid-column-end: 3;
  }
  
  footer {
      grid-column-start: 1; grid-column-end: 3;
  }
  
  
  
  .page-wrapper.home div.wor-cover-nav {
      grid-column-start: 1; grid-column-end: 3;
      grid-row-start: 2; grid-row-end: 3;
    }
  
  .page-wrapper.home aside {
      grid-column-start: 1; grid-column-end: 2;
      grid-row-start: 3; grid-row-end: 4;
    }
  
  .page-wrapper.home main {
      grid-column-start: 2; grid-column-end: 3;
    }
  
  .page-wrapper.home footer {
      grid-column-start: 1; grid-column-end: 3;
    }
  
  }
  
  /* End ------------------------------------------ [ Grid support ] */

.page-wrapper {
    max-width: 950px;
    margin: 15px auto 0;
}

aside {
    position: relative;
    top: 0;
    float: left;
    width: 260px;
    margin-right: 20px;
    transform: none;
    z-index: initial;
} 
     

main {
    width: 100%;
    padding-right: 0;
    border-left: 1px #000000 solid;
}

footer {
    clear: both;
}

/* Start ------------------------------------------ [ Burger menü animation ] */
.nav-button {
    display: none;
}
/* End ------------------------------------------ [ Burger menü animation ] */





/* Start ------------------------------------------ [ header ] */


.header-logo .logo {
	margin-left: 0;
  }

.header-picture {
  width: 100%;
  height: 230px;
  padding: 0;
  background-image: url(../images/wor-header-picture-home.jpg);
  }

header .picture {
  width: 100%;
  height: 230px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
  flex-wrap: nowrap;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  }

header .title {
	font-size: 40px; 
  }
  
  header .chapter {
	font-size: 150px;
	margin-bottom: -41px;
  }
/* End ------------------------------------------ [ header ] */

/* Start ------------------------------------------ [ language - search  950px] */

.language-search {
    width: 240px;
    margin: 0;
    margin-right: 20px;
    margin-bottom: 20px;
   }
   
   .site-language {
   width: 160px;
   height: 40px;
   background-color: #cc061d;
   display: inline-block;
   padding-top: 9px;
   }
   
   .site-language a {
   /* width: 50%; */
   font-size: 16px;
   color: #ffffff;
   font-weight: 500;
   text-align: center;
   padding: 10px 35%;
   }
   
   .site-search {
      width: 80px;
      text-align: center;
      padding-top: 9px;
   }
   
   .site-search.search-button {
   height: 40px;
   background-color: skyblue;
   float: right;
   }
   
  .search-button  {
   font-size: 18px;
   }
  
   .language-search label { 
      float:none;
      line-height:100%;
      width:100%;
      cursor: pointer;
      margin-right: 0;
    padding: 0 auto;
  }
  .search-layer-close {
	width: 100%;
	padding-bottom: 20px;

  }
  
  /* End ------------------------------------------ [ language - search 950px ] */
  
  /* Start ------------------------------------------ [ Navigation 950px ] */   
    
  /* Start ------------------------------------------ [ Menü WOR ] */
   .nav-button {
     display: none;
     }    
   
       
   ul.menu {
      width: 240px;
      margin: 9px 0;
   }
   
   ul.menu li, 
   ul.menu li a {
    font-size: 12px; 
    margin: 0;
   }
  
   ul.menu li a {
	padding: 10px;
  }

  ul.sub-menu {
    position: absolute;
    left: 0;
    z-index: 1001;
    margin-top: 0;
    margin-left: 100px;
    width: 240px;
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    transition: opacity 0.2s 0.1s, max-height 0s 0.2s;
    /* transition: opacity 0.2s 1s, max-height 0s 1.2s; */
    /* border-top: 1px black solid; */
    /* border-bottom: 1px black solid; */
    display: block;
  }
  
   ul.menu li:hover ul.sub-menu, 
   ul.sub-menu li:hover,
   ul.menu li.current_page_parent ul.sub-menu,
   ul.menu li.current_page_item ul.sub-menu  {
    opacity: 1;
    max-height: 100%;
    transition-delay: 0s;
  }
  
  ul.menu li.current-menu-item ul.sub-menu,
  ul.menu li.current_page_item li.current-menu-item ul.sub-menu,
  ul.menu li.current-menu-item ul.sub-menu,
  ul.menu li.current_page_item li.current-menu-item ul.sub-menu,
  ul.menu li.current_page_parent ul.sub-menu,
  ul.menu li.current_page_parent ul.sub-menu .current_page_item,
  ul.menu li.current_page_item ul.sub-menu  {
    position: relative;
    left: auto;
    margin-top: 0;
    margin-left: 0;
    width: 240px;
    overflow: hidden;
    /* border-top: 1px black solid; */
    display: block;
    opacity: 1;
    transition-delay: 0s;
    z-index: 901;
  }
  
  ul.sub-menu {
    transition: none;
  }
  
  ul.sub-menu li {
    z-index: 2001;
  }
  
  
  /* End ------------------------------------------ [ Menü WOR ] */
  
  /* Start ------------------------------------------ [ Menü Base ] */
  
   ul.menu .sub-menu li a {
  
      font-size: 10px;
  }
  
  /* End ------------------------------------------ [ Menü Base ] */


  /* Start ------------------------------------------ [ Widgets ] */

.custom-html-widget {
	width: 240px;
	margin: 0 auto;
  }
  
  .kostenloses-bestellen {
	  font-size: 13px;
	  line-height: 24px;
	  color: #cc061d;
	  padding: 0;
	  /*margin-bottom: 20px;*/
	  margin: 22px auto 0;
  }
  
  .kostenloses-bestellen a.bestellen {
	  color: #cc061d;
	  padding: 0 0 10px;
	  font: normal 25px/30px Times, serif;
  }
  
  .kostenloses-bestellen a:hover.bestellen, a:hover.bestellengorss {
	  color: #01506e;
  }
  
  /* End ------------------------------------------ [ Widgets ] */
  
   /* End ------------------------------------------ [ Navigation 950px ] */ 


/* Start ------------------------------------------ [ main ] */

/* Start ------------------------------------------ [ dl dt dd ] */

dl {
	display: flex;
    flex-direction: row;
    justify-content: space-between;
}

dt {
    width: 150px;
    flex-basis: 150px;
}

dd {
    width: 500px;
    margin-left: 20px;

}

.kapitelinhalt dt, .kapitelinhalt dt p {
        font-size: 11px;
        line-height: 15px;
        font-weight: normal;
    }


/* Start ----------------------------------------- [ kapitel-kasten ] */


.kapitel-kasten dt {
	width: 100%;
	text-indent: 0;
	font-size: 19px;
	font-weight: bold;
  line-height: 24px;
  flex-basis: 0;
	padding-bottom: 46px;	
}

.kapitel-kasten dd {
	width: 100%;
	font-size: 15px;
	line-height: 22px;
	padding: 0 20px 0 0;
}

.home .kapitel-kasten dt {
	padding-bottom: 24px;
}

.search .kapitel-kasten dl, .blog .kapitel-kasten dl {
	
	background-color: #f4f2e6;
	/*display: block;*/
}

.kapitel-kasten.base dl {
	font-size: 11px;
	padding-top: 10px;
}

/* End ----------------------------------------- [ kapitel-kasten ] */




/* End ------------------------------------------ [ dl dt dd ] */

/* Start ------------------------------------------ [ wor-cover-nav ] */

div.wor-cover-nav img, div.wor-cover-nav ul li {
	
	min-width: 280px;
	max-width: 320px;
	height: auto;
}

/* End ------------------------------------------ [ wor-cover-nav  ] */

/* Start ------------------------------------------ [ Plugin Easy FancyBox css Änderungen  950px] */ 

.box-lightbox .post  {
	width: 90vw;
	font-size: 12px;
	line-height: 20px;
	padding: 20px;
	
	margin: 26px 0 15px;
	padding-bottom: 50px;
  }


.wor-publication img {
  object-position: center -100px;
}
  
/* End ------------------------------------------ [ Plugin Easy FancyBox css Änderungen  950px] */  

/* End ------------------------------------------ [ main ] */




}
/* End ------------------------------------------ [ responsive design 950px] */


/* End ------------------------------------------ [ responsive design ] */




/* Start ------------------------------------------ [ lxyz  950px] */ 

/* End ------------------------------------------ [ lxyz  950px] */