/**
 * "Yet Another Multicolumn Layout" - YAML CSS Framework
 *
 * default screen stylesheet - PAGE-layout type layout
 *
 * @copyright       © 2005-2013, Dirk Jesse
 * @license         CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-CDL (http://www.yaml.de/license.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         4.1.2
 */
@media screen {
  /* force vertical scrollbar */
  body {
    overflow-y: scroll;
  }

  /* Layout Module Configuration & fallback for unsupported media queries */
  .ym-wrapper {
    min-width: 760px;
    max-width: 100%;
    margin: 0 auto;
	background-color: #fff;
  }

  .ym-wbox {
    padding: 0px;
  }

  /* Basic Element Styling */
  header {
    background-color: #fff;
    color: #1a171b;
    padding: 0;
	z-index: 0;
  }
  
  .ym-gtopl {
    width: 66%;
  } 
  
  .ym-gtopr {
    width: 34%;
  } 

  nav {
    background: transparent;
    border: 0px solid #000;
	margin-top: -200px;
	z-index: 500;
  }
  
  .hinterli {margin-top: -2px; background: transparent; background-image: url(../../img/hintermenu1.png);
	background-repeat:repeat-x; z-index: 100; border: 0px solid #000;}
	
	.hinterli2 {margin-top: 0px; background: transparent; background-image: url(../../img/hintermenu2.png);
	background-repeat: repeat-x; z-index: 100; border: 0px solid #000;}
  
  .hinterre {background-image: url(../../img/hintermenu2.png); background-repeat: repeat-x;
  z-index: 500; border: 0px solid #000;}
  
  .ym-hlist ul li.themba { margin-top: 2.3em; padding: 1.2em 0 1.5em 0.75em; background-color: #f2f4f0; border-right: 0px solid #eae4df;}
  
  .ym-hlist ul li.afra { margin: 2.3em -1em 0 0; padding: 1.2em 0 1.5em 1.1em; background-color: #f2f4f0; border-right: 0px solid #eae4df;}
  
  .ym-hlist ul li.unvergessen { margin-top: 2.3em; margin-left: -31%; padding: 2em 1em 2.2em 0em; background-color: #f2f4f0; border-right: 0px solid #eae4df;}
	
  .ym-hlist ul li.neuewelpen { margin-top: 2.3em; margin-left: -39%; padding: 2em 0em 2.2em 0em; background-color: #f2f4f0; border-right: 0px solid #eae4df;}	
  
   .ym-hlist ul li.impressum { margin-top: 2.3em; padding: 2.1em 1em; background-color: #f2f4f0; border-right: 0px solid #eae4df;}
  
  .ym-hlist ul li ul li.braun { color: #825133;}
  
  .tdwidth { width:16%; border: 0px solid #000; }
	
  .tdwidth2 { width:70%; border: 0px solid #000; }
  
  .tdwidthvdh { width: 16%; border: 0px solid #000; }
  
  .elsa {padding-top: 20px; border: 0px solid #000;}
	
  .fci2 {padding-top: 65px; border: 0px solid #000;}
  
  .fci {padding-top: 110px; border: 0px solid #000;}
  
  .elsavdh {padding: 20px 0 0 0; margin-left: 20px; border: 0px solid #000;}
  
  .vdh {padding-top: 120px; border: 0px solid #000;}
  
  .welpen {padding-top: 110px; border: 0px solid #000;}
	
  .welpen2 {padding-top: 65px; border: 0px solid #000;}
    
  .bwurf { margin: 45px 0 45px 45px; border: 0px solid #000;}
  
  .texttopstart {margin: 1% 45% 0 -95%; z-index:1000; border: 0px solid #000;}
  
  .texttop {margin: -33% 45% 0 -95%; z-index:1000; border: 0px solid #000;}
  
  .right { text-align: right;}
  
  .image { text-align:center;}

  main {
    padding: 2% 15% 6% 15%;
	align-content: center;
	background-color: #fff;
	z-index: 500;
  }
  
   #imagelightbox {
    position: fixed;
    z-index: 9999; 
    -ms-touch-action: none;
    touch-action: none;
} 
  
  .koerung { margin: 4em 6.5em 4em 2em;} 
  
  .adresse { padding-left: 5.5em;}
  
  .tabkontakt { width: 100%; text-align: center; border: 2px solid #e1dacf; }
  
  .topkontakt { text-align: center; padding: 2em 1em 1em 1em; border-bottom: 2px solid #e1dacf;  }
  
  .kontakt { text-align: center; padding: 0 4.5em; }
  
  .kontakt3 { width: 30%; text-align: center; padding: 2em; font-size: 70%;}
  
  .kontakt1 { width: 30%; text-align: center; padding: 2em; font-size: 70%;}
  
  .kontakt2 { width: 30%; text-align: center; font-size: 70%;  padding: 2em; border-left: 2px solid #e1dacf; border-right: 2px solid #e1dacf;}
  
  .logofooter {margin: -130px 100px 0px 0;  border: 0px solid #000;}
	
  .logofooter2 {margin: 0px 50px 0px 0; border: 0px solid #000; width: 91px; float: right;}


  footer {
    margin: 0;
    background: #e0d7cb;
    color: #444;
    padding: 0em;
  }
  footer p {
    margin: 0;
  }
	
	.cc_container .cc_btn {
background-color: #1A171B !important; /* Farbe des Buttons */
color: #DED6CA !important; /* Textfarbe des Buttons */
}
 
.cc_container {
background: #DED6CA !important; /* Hintergrundfarbe des gesamten Bereichs */
color: #1A171B !important; /* Schriftfarbe des gesamten Bereichs */
}
 
.cc_container a {
color: #1A171B !important; /* Textlink-Farbe "Mehr Infos" */
}

  /* Column-Set Configuration: 1-3 (sidebar right) */
  .ym-column {
    display: block;
    overflow: hidden;
    padding-right: 1px;
    width: auto;
  }

  /* content - column */
  .ym-col1 {
    float: left;
    width: 100%;
  }

  /* sidebar - column */
  .ym-col3 {
    position: relative;
    float: left;
    width: 0px;
    margin-left: 0;
    margin-right: -0px;
  }

  .ym-col1 .ym-cbox {
    padding: 0 0em;
  }

  .ym-col3 .ym-cbox {
    padding: 0 20px 0 12px;
  }

  .ym-gbox {
    padding: 0 0 0 0;
  }

  /* skip links styling */
  .ym-skiplinks a.ym-skip:focus,
  .ym-skiplinks a.ym-skip:active {
    color: #fff;
    background: #333;
    border-bottom: 1px #000 solid;
    padding: 10px 0;
    text-align: center;
    text-decoration: none;
  }
}
/* reset fallback values in modern browsers */
@media screen and (min-width: 0px) {
  .ym-wrapper {
    min-width: 0px;
  }
}

@media screen and (max-width: 1680px) {
	
  
  body {
    font-family: 'Lato', sans-serif;
    font-size: 80%;
    color: #1a171b;
  }
  
   nav {
    background: transparent;
    border: 0px solid #000;
	margin-top: -185px;
	z-index: 500;
  }
  
  .ym-hlist ul li.active {
    background: #DED6CA;
    color: #fff;
    text-decoration: none;
	padding-top: 0.5em;
  }
  
  .ym-hlist ul li.themba { margin-top: 3.2em; padding: 1.2em 0 1.4em 0.75em; background-color: #f2f4f0; border-right: 0px solid #eae4df;}
  
  .ym-hlist ul li.afra { margin: 3.2em -1em 0 0; padding: 1.2em 0 1.4em 0em; background-color: #f2f4f0; border-right: 0px solid #eae4df;}
  
  .ym-hlist ul li.unvergessen { margin-top: 3.2em; margin-left: -31%; padding: 2em 0.75em 2.1em 0em; background-color: #f2f4f0; border: 0px solid #000;}
	
  .ym-hlist ul li.neuewelpen { margin-top: 3.2em; margin-left: -42%; padding: 2em 0.75em 2.1em 0em; background-color: #f2f4f0; border-right: 0px solid #eae4df;}	
  
  .ym-hlist ul li.impressum { margin-top: 3.2em; padding: 2.1em 1em; background-color: #f2f4f0; border-right: 0px solid #eae4df;}
  
  .elsa {padding-top: 30px; border: 0px solid #000;}
  
  .fci {padding-top: 110px; border: 0px solid #000;}
  
  .vdh {padding-top: 120px; border: 0px solid #000;}
  
  .welpen {padding-top: 110px; border: 0px solid #000;}
  
 .texttopstart {margin: 1% 45% 0 -95%; z-index:1000; border: 0px solid #000;}
  
  .texttop {margin: -36% 45% 0 -95%; z-index:1000; border: 0px solid #000;}
  
  .logofooter {margin: -100px 100px 0px 0;  border: 0px solid #000;}
}


@media screen and (max-width: 1600px) {
	
  
  body {
    font-family: 'Lato', sans-serif;
    font-size: 75%;
    color: #1a171b;
  }
  
  nav {
    background: transparent;
    border: 0px solid #000;
	margin-top: -178px;
	z-index: 500;
  }
  
   .ym-hlist ul {
    margin: 0 0 0 24%;
    padding: 5.5em 0em 0em 0em; }
 
  .ym-hlist ul li.unvergessen { margin-top: 3.2em; margin-left: -31%; padding: 2em 0.75em 2.1em 0em; background-color: #f2f4f0; border: 0px solid #000;}
  
  .elsa {padding-top: 33px; border: 0px solid #000;}
  
}

@media screen and (max-width: 1440px) {
	
  
  body {
    font-family: 'Lato', sans-serif;
    font-size: 67%;
    color: #1a171b;
  }
  
  nav {
    background: transparent;
    border: 0px solid #000;
	margin-top: -168px;
	z-index: 500;
  }
  
   .ym-hlist ul {
    margin: 0 0 0 24%;
    padding: 6.55em 0em 0em 0em; }
	
	 .ym-hlist ul li.unvergessen { margin-top: 3.2em; margin-left: -31%; padding: 2em 0.75em 2.1em 0em; background-color: #f2f4f0; border: 0px solid #000;}
 
   .elsa {padding-top: 40px; border: 0px solid #000;}
   
   .logofooter {margin: -80px 100px 0px 0;  border: 0px solid #000;}
  
}


@media screen and (max-width: 1400px) {
	
 

   
 
   .elsa {padding-top: 42px; border: 0px solid #000;}
   
   .logofooter {margin: -75px 100px 0px 0;  border: 0px solid #000;}
  
}



@media screen and (max-width: 1366px) {
	
	 body {
    font-family: 'Lato', sans-serif;
    font-size: 65%;
    color: #1a171b;
  }
	
	nav {
    background: transparent;
    border: 0px solid #000;
	margin-top: -164px;
	z-index: 500;
  }
  
   .ym-hlist ul {
    margin: 0 0 0 24%;
    padding: 6.9em 0em 0em 0em; }
 
 
   .elsa {padding-top: 44px; border: 0px solid #000;}
   
   .texttopstart {margin: -2% 45% 0 -95%; z-index:1000; border: 0px solid #000;}
  
  .texttop {margin: -38% 45% 0 -95%; z-index:1000; border: 0px solid #000;}
   
   .logofooter {margin: -70px 100px 0px 0;  border: 0px solid #000;}
}



@media screen and (max-width: 1280px) {
  
	 body {
    font-family: 'Lato', sans-serif;
    font-size: 60%;
    color: #1a171b;
  }
  
  nav {
    background: transparent;
    border: 0px solid #000;
	margin-top: -158px;
	z-index: 500;
  }
  
   .ym-hlist ul {
    margin: 0 0 0 24%;
    padding: 7.7em 0em 0em 0em; }
	
	 .elsa {padding-top: 47px; border: 0px solid #000;}
	 
	 main {
    padding: 2% 15% 10% 15%;
	align-content: center;
	background-color: #fff;
	z-index: 500;
  }
	 
	
   
   .logofooter {margin: -100px 20px 0px 20px;  border: 0px solid #000;}
  
  
}


@media screen and (max-width: 1152px) {
  
	 body {
    font-family: 'Lato', sans-serif;
    font-size: 55%;
    color: #1a171b;
  }
  
  nav {
    background: transparent;
    border: 0px solid #000;
	margin-top: -151px;
	z-index: 500;
  }
  
   .ym-hlist ul {
    margin: 0 0 0 24%;
    padding: 8.75em 0em 0em 0em; }
	
	 .elsa {padding-top: 53px; border: 0px solid #000;}
	 
	
   .logofooter {margin: -110px 10px 0px 0;  border: 0px solid #000;}
  
  
}


@media screen and (max-width: 1024px) {
	
 body {
    font-family: 'Lato', sans-serif;
    font-size: 47%;
    color: #1a171b;
  }
  
  nav {
    background: transparent;
    border: 0px solid #000;
	margin-top: -141px;
	z-index: 500;
  }
  
  .hinterli2 {margin-top: 0px; background: transparent; background-image: url(../../img/hintermenu2k.png);
	background-repeat: repeat-x; z-index: 100; border: 0px solid #000;}
  
  .hinterre {background-image: url(../../img/hintermenu2k.png); background-repeat: repeat-x;
  z-index: 500; border: 0px solid #000;}
  
   .ym-hlist ul {
    margin: 0 0 0 24%;
    padding: 10.7em 0em 0em 0em; }
	
	 .elsa {padding-top: 58px; border: 0px solid #000;}
	 
	   .fci {padding-top: 107px; border: 0px solid #000;}
  
  .vdh {padding-top: 110px; border: 0px solid #000;}
  
  .welpen {padding-top: 107px; border: 0px solid #000;}
	 
	
   
   .logofooter {margin: -100px 10px 0px 0;  border: 0px solid #000;}
  
}

@media screen and (max-width: 800px) {
	
 body {
    font-family: 'Lato', sans-serif;
    font-size: 35%;
    color: #1a171b;
  }
  
  nav {
    background: transparent;
    border: 0px solid #000;
	margin-top: -126px;
	z-index: 500;
  }
  
   .ym-hlist ul {
    margin: 0 0 0 25%;
    padding: 15.5em 0em 0em 0em; }
	
	
  
    .ym-hlist ul li.themba { margin-top: 3.2em; padding: 1.2em 0 1.5em 0.75em; background-color: #f2f4f0; border-right: 0px solid #eae4df;}
  
  .ym-hlist ul li.afra { margin: 3.2em -1em 0 0; padding: 1.2em 0 1.5em 0em; background-color: #f2f4f0; border-right: 0px solid #eae4df;}
  
  .ym-hlist ul li.impressum { margin-top: 3.2em; padding: 2.1em 1em; background-color: #f2f4f0; border-right: 0px solid #eae4df;}
	
	 .elsa {padding-top: 68px; border: 0px solid #000;}
	 
	   .fci {padding-top: 107px; border: 0px solid #000;}
  
  .vdh {padding-top: 110px; border: 0px solid #000;}
  
  .welpen {padding-top: 107px; border: 0px solid #000;}
	 
	  .ym-hlist ul li.unvergessen { margin-top: 3.2em; margin-left: -30%; padding: 2em 0.75em 2.1em 0em; background-color: #f2f4f0; border: 0px solid #000;}
	
      .ym-hlist ul li.neuewelpen { margin-top: 3.2em; margin-left: -42%; padding: 2em 0.75em 2.1em 0em; background-color: #f2f4f0; border-right: 0px solid #eae4df;}	
	  
	  .texttopstart {margin: 1% 45% 0 -93%; z-index:1000; border: 0px solid #000;}
  
  .texttop {margin: -39% 45% 0 -93%; z-index:1000; border: 0px solid #000;}
   
   .logofooter {margin: -80px 0px 0px 0;  border: 0px solid #000;}
   
   footer
  {
    padding-left: 10px;
    padding-right: 10px;
  }
  
}

@media screen and (max-width: 760px) {
	
  body {
    font-family: 'Lato', sans-serif;
    font-size: 35%;
    color: #1a171b;
  }
  
  nav {
    background: transparent;
    border: 0px solid #000;
	margin-top: -126px;
	z-index: 500;
  }
  
   .ym-hlist ul {
    margin: 0 0 0 24%;
    padding: 15.5em 0em 0em 0em; }
	
	 .elsa {padding-top: 68px; border: 0px solid #000;}
	 
	   .fci {padding-top: 107px; border: 0px solid #000;}
  
  .vdh {padding-top: 110px; border: 0px solid #000;}
  
  .welpen {padding-top: 107px; border: 0px solid #000;}
	 
	  .ym-hlist ul li.unvergessen { margin-top: 3.2em; margin-left: -30%; padding: 2em 0.75em 2.1em 0em; background-color: #f2f4f0; border: 0px solid #000;}
	  
	  .texttopstart {margin: 1% 45% 0 -93%; z-index:1000; border: 0px solid #000;}
  
  .texttop {margin: -40% 45% 0 -93%; z-index:1000; border: 0px solid #000;}
   
   .logofooter {margin: -80px 0px 0px 0;  border: 0px solid #000;}
   
   footer
  {
    padding-left: 20px;
    padding-right: 20px;
  }
  
}

@media screen and (max-width: 480px) {
	
	body {
    font-family: 'Lato', sans-serif;
    font-size: 80%;
    color: #1a171b;
  }
  
    nav {
    background: transparent;
    border: 0px solid #000;
	margin-top: 0px;
	z-index: 500;
  }
  
   .ym-hlist ul {
    margin: 0;
    padding: 1.2em 0 1.5em 0;
    display: inline;
    float: left;
	border: 0px solid #000;
	width: 90%;
	}
	
.ym-hlist ul li a, .ym-hlist ul li strong {
    background: transparent;
    color:#fff;
    display: block;
    font-size: 1.5em;
    line-height: 1em;
    padding: 0em 1.5em 0 1em;
    font-weight: normal;
    text-decoration: none;
    width: auto;
  }
  .ym-hlist ul li a:focus,
  .ym-hlist ul li a:hover {
    color: #825133;
    background: transparent;
    text-decoration: none;
    outline: 0 none;
  }
  .ym-hlist ul li.active {
    background: #DED6CA;
    color: #fff;
	width: 100%;
  }
  .ym-hlist ul li.active strong,
  .ym-hlist ul li.active a:focus,
  .ym-hlist ul li.active a:hover,
  .ym-hlist ul li.active a:active {
    background: #DED6CA;
    color: #825133;
    text-decoration: none;
  }

.ym-hlist ul li ul {
	background: #DED6CA;
    margin: 0;
    padding: 2em 1em;
    display: inline;
    float: left;
	width: 93%;
	
  }
  
   .ym-hlist ul li ul li {
    display: inline;
    float: left;
    font-size: 1.0em;
    line-height: 1;
    list-style-type: none;
    margin: 1em 0;
    padding: 0;
	width: 100%;
	border: 0px solid #000;
  }
  
  .hinterli2 {margin-top: 0px; background: transparent; background-image: none;
	background-repeat: repeat-x; z-index: 100; border: 0px solid #000;}
  
  .hinterre {background-image:none; background-repeat: repeat-x;
  z-index: 500; border: 0px solid #000;}
	
  .ym-hlist ul li.themba { margin-top: 21em; padding: 1.2em 0 1.5em 0em; background-color: #f2f4f0; border-right: 0px solid #eae4df;}
  
  .ym-hlist ul li.afra { margin: 0em 0em 0 0; padding: 1.2em 0 1.5em 0em; background-color: #f2f4f0; border-right: 0px solid #eae4df;}
  
  .ym-hlist ul li.unvergessen { margin-top:0em; margin-left:0%; padding: 2em 0.75em 2.1em 0em; background-color: #f2f4f0; border: 0px solid #000;}
	
  .ym-hlist ul li.neuewelpen { margin-top: 0em; margin-left: 0%; padding: 2em 0.75em 2.1em 0em; background-color: #f2f4f0; border-right: 0px solid #eae4df;}	
  
  .tdwidth { width: 0;}
  
  .elsa {padding-top: 30px; border: 0px solid #000;}
  
  .fci {padding-top: 110px; border: 0px solid #000;}
  
  .vdh {padding-top: 120px; border: 0px solid #000;}
  
  .welpen {padding-top: 110px; border: 0px solid #000;}
  
  .texttopstart {margin: 0 20px; z-index:1000; border: 0px solid #000;}
  
  .texttop {margin: 0 20px; margin-top: -10em; z-index:1000; border: 0px solid #000;}
	
  .adresse { padding: 0 0 5em 0em;}
	
  .ym-wbox {
    padding: 0;
  }

  footer,
  main,
  nav .ym-hlist ul {
    padding-left: 20px;
    padding-right: 20px;
  }

  /* Linearisation for Grid- and Column-Module, based on CSS class .linearize-level-2 */
  .linearize-level-2, .linearize-level-2 > [class*="ym-c"], .linearize-level-2 > [class*="ym-g"] {
    /* linearization for grids and columns module */
    display: block;
    float: none;
    padding: 0;
    margin: 0;
    width: auto !important;
  }
  .linearize-level-2 > [class*="ym-c"] > [class*="ym-cbox"], .linearize-level-2 > [class*="ym-g"] > [class*="ym-gbox"] {
    /* reset defined gutter values */
    margin: 0;
    padding: 0;
    /* optional for containing floats */
    overflow: hidden;
  }
  
  nav .ym-hlist ul,
  nav .ym-hlist li {
    display: block;
    float: none;
    width: auto;
    text-align: left;
  }

}