@media all and (min-width: 1025px){
  #content .page                  {width: 1024px;}
  #header .container              {display: flex; height: 100px; justify-content: space-between; margin: 0 auto; width: 1024px;}
  .col                            {float: left;}
  .page-content .col:first-child  {padding: 0 1% 0 0;}
  .page-content .col:last-child   {padding: 0 0 0 1%;}
  .col img                        {max-width: 100%; height: auto;}
  .span3                          {width: 24%;}
  .span4                          {width: 31%;}
  .span5                          {width: 44%;}
  .span6                          {width: 49%;}
  .span7                          {width: 54%;}
  .span8                          {width: 67%;}
  #header                         {background: rgba(242, 238, 227, 0.9); top: 0px; width: 100%;} /* LOGO */
  #title                          {align-self: flex-end; margin-bottom: 25px; float:right; margin-top: 60px;}
  #title-lores                    {display: none;}
  /* NAVIGATION */
  #content h2 li               {margin-bottom: 14px}
  #nav-primary                    {align-self: flex-end; padding-bottom: 25px; float:left; margin-top: 60px;}
  #nav-primary li                 {float: left; margin-right: 60px;}
  #nav-primary li a               {background-position: bottom right;}
  /* STARTPAGE V1 (Fullscreen) */
  #content.v1                     {background-size: cover; height: 150vh;}
  .v1 .page                       {background-repeat: no-repeat; padding-top: 200px; margin: 0 auto; }
  .v1 .post-content               {padding: 0;}
  .v2 h1, .v1 h1 {font-size: 3em; margin-bottom: 1em; line-height: 1em;}
  .v2 h1 em, .v1 h1 em {text-shadow: 4px 4px 4px #222222;}
  .v2 h2, .v1 h2 {font-size: 2.5em; margin-bottom: 1em; line-height: 1em;}
  .v2 h2 em, .v1 h2 em {text-shadow: 4px 4px 4px #222222;}
  .v2 h3, .v1 h3 {font-size: 2em; margin-bottom: 1em; line-height: 1em;}
  .v2 h3 em, .v1 h3 em {text-shadow: 4px 4px 4px #222222;}
  
    /* STARTPAGE V2 (Image center) */
  #content.v2                     {background-size: cover; min-height: 1024px;}
  .v2 .page                       {background-repeat: no-repeat; background-size: cover; margin: 60px auto 0;min-height: 1024px; }
  .v2 .post-content               {padding: 0px 50px;}
 /* 2-COLUMN LAYOUT */
  .c2 .page                       {margin: 60px auto 0;}
  /* 3-COLUMNS, image center */
  .c3a .page                      {margin: 60px auto 0;}
  .c3a .span3:last-child          {padding-left: 8%; width: 18%;}
  /* 3-COLUMNS, image right */
  .c3b .page                      {margin: 60px auto 0;}
  .c3b .span3:last-child          {float: right;}
  /* nivoslider overrides */
  .theme-christopthoma .nivo-caption {
    color: black;
    left: -347px;
    background: none;
    font-size: 14px;
    bottom: -48px;
    max-width: 80%;
  }
  .theme-christopthoma .nivoSlider {    width: 680px;}
}



@media all and (min-width: 0px)and (max-width: 1024px){
  /*#content .page { height:60vh;}*/
  #header .container{margin: 0 auto; width: 100%;}
  .col {float: none;}
  .col img {width: 100%;height: auto;}
  .span3 { }
  .span4, .span5, .span6, .span7, .span8 {padding: 2%; padding-top:5%; width: 96%;}
  .nopadding {width: 100% !important;}
  #header {background: rgba(242, 238, 227, 0.9); width: 100%;} /* LOGO */
  #title{display: none;}
  #title-lores {display: block; padding: 10px; text-align: right;} /* NAVIGATION */
  
  #content h2                     {font-size: 24px}
  #content h2 li               {margin-bottom: 12px}
  
  #nav-primary{padding-bottom: 25px;}
  #nav-primary li{float: none; padding: 5px; text-align: right;}
  #nav-primary li a {background-position: bottom right;} /* startpage V1 (Fullscreen) */
  
  
  #content.v1{background-size: cover;height: 120vh; padding-top: 3em;}
   
  .v1 .page {background-repeat: no-repeat;}
  .v1 .post-content {padding: 30px; min-height:300px;} 
  .v2 h1, .v1 h1 {font-size: 2.5em; font-size: 9vw; margin-bottom: 0.5em; line-height: 1em;}
  .v2 h1 em, .v1 h1 em {text-shadow: 4px 4px 4px #222222;}
  .v2 h2, .v1 h2 {font-size: 2em; font-size: 5vw; font-size: 8vw; margin-bottom: 0.5em; line-height: 1em;}
  .v2 h2 em, .v1 h2 em {text-shadow: 4px 4px 4px #222222;}
  .v2 h3, .v1 h3 {font-size: 1.5em; font-size: 7vw; margin-bottom: 0.5em; line-height: 1em;}
  .v2 h3 em, .v1 h3 em {text-shadow: 4px 4px 4px #222222;}
  
  
  
  /* startpage V2 (Image center) */
  #content.v2{background-size: cover;}
  .v2 .page {background-repeat: no-repeat; background-size: contain !important;}
  .v2 .post-content {padding: 1em;}
    
  /* 3-column, image center */
  .c3a .span3:first-child, .c3a .span3:last-child {padding: 2%; text-align: left;}
  .c3a .span6{padding: 0;width:100%;} /* 3-column, image right */
  
  .c3b .span3:first-child {padding: 2%; padding-top:5%; text-align: left;} /* flexslider overrides */
   #nav-primary #menutoggle {display: block}
#nav-primary .menu-hauptnavigation-container {display: none  }
  /* nivoslider overrides */
  .theme-christopthoma .nivo-caption {
    display: block;
    position: static;
    text-align: left;
    padding-top: 10px;
    color: black;

    background: none;
    font-size: 14px;

  }
}