/* merriweather-300 - latin */
@font-face {
  font-family: 'Merriweather';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/merriweather-v30-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/merriweather-v30-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/merriweather-v30-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/merriweather-v30-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/merriweather-v30-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/merriweather-v30-latin-300.svg#Merriweather') format('svg'); /* Legacy iOS */
}

/* merriweather-regular - latin */
@font-face {
  font-family: 'Merriweather';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/merriweather-v30-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/merriweather-v30-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/merriweather-v30-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/merriweather-v30-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/merriweather-v30-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/merriweather-v30-latin-regular.svg#Merriweather') format('svg'); /* Legacy iOS */
}

/* merriweather-700 - latin */
@font-face {
  font-family: 'Merriweather';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/merriweather-v30-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/merriweather-v30-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/merriweather-v30-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/merriweather-v30-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/merriweather-v30-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/merriweather-v30-latin-700.svg#Merriweather') format('svg'); /* Legacy iOS */
}

/* merriweather-900 - latin */
@font-face {
  font-family: 'Merriweather';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/merriweather-v30-latin-900.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/merriweather-v30-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/merriweather-v30-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/merriweather-v30-latin-900.woff') format('woff'), /* Modern Browsers */
       url('../fonts/merriweather-v30-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/merriweather-v30-latin-900.svg#Merriweather') format('svg'); /* Legacy iOS */
}

/* raleway-regular - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/raleway-v28-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/raleway-v28-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/raleway-v28-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/raleway-v28-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/raleway-v28-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/raleway-v28-latin-regular.svg#Raleway') format('svg'); /* Legacy iOS */
}

/* raleway-500 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/raleway-v28-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/raleway-v28-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/raleway-v28-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/raleway-v28-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/raleway-v28-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/raleway-v28-latin-500.svg#Raleway') format('svg'); /* Legacy iOS */
}

/* raleway-700 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/raleway-v28-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/raleway-v28-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/raleway-v28-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/raleway-v28-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/raleway-v28-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/raleway-v28-latin-700.svg#Raleway') format('svg'); /* Legacy iOS */
}

/* oleo-script-regular - latin */
@font-face {
  font-family: 'Oleo Script';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/oleo-script-v14-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/oleo-script-v14-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/oleo-script-v14-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/oleo-script-v14-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/oleo-script-v14-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/oleo-script-v14-latin-regular.svg#OleoScript') format('svg'); /* Legacy iOS */
}




    body {
        
	}



    /* Cookie-Hinweis */
            .cc_container .cc_btn {
            background-color: #cf4a5e !important; /* Farbe des Buttons */
            color: #fff !important; /* Textfarbe des Buttons */
            }

            .cc_container {
            background: #308d92 !important; /* Hintergrundfarbe des gesamten Bereichs */
            color: #fdfdfd !important; /* Schriftfarbe des gesamten Bereichs */
            }

            .cc_container a {
            color: #B6CF4A !important; /* Textlink-Farbe "Mehr Infos" */
            }
    /* Ende - Cookie-Hinweis */



            a:link {
             text-decoration: none;
             color: #fff;
            }
            a:visited {
             text-decoration: none;
             color: #fff;
            }
            a:hover {
             text-decoration: none;
             color: #F3CE0F;
            }
            a:active {
             text-decoration: none;
            }
			  
			  
			a.speziell:link {
             text-decoration: none;
             color: #308d92;
            }
            a.speziell:visited {
             text-decoration: none;
             color: #308d92;
            }
            a.speziell:hover {
             text-decoration: none;
             color: #F3CE0F;
            }
            a.speziell:active {
             text-decoration: none;
            }
			  
			  
			a.inline:link {
             text-decoration: none;
             color: #b21b27;
            }
            a.inline:visited {
             text-decoration: none;
             color: #b21b27;
            }
            a.inline:hover {
             text-decoration: none;
             color: #F3CE0F;
            }
            a.inline:active {
             text-decoration: none;
            }
			  
			  
			a.inline-neutral:link {
             text-decoration: none;
             color: #4b3f38;
            }
            a.inline-neutral:visited {
             text-decoration: none;
             color: #4b3f38;
            }
            a.inline-neutral:hover {
             text-decoration: none;
             color: #F3CE0F;
            }
            a.inline-neutral:active {
             text-decoration: none;
            }


/*Links in Bootstrap umfärben*/

			/* unvisited link white */
			#top-menu a:link {
				color: #fff;
			}
			/* visited link white */
			#top-menu a:visited {
				color: #fff;
			}
			/* mouse over link yellow */
			#top-menu a:hover {
				color: #FC0;
			}
			/* selected link blue */
			#top-menu a:active {
				text-decoration: none;
            }

            .clearfix::before,
            .clearfix::after {
              content: " ";
              display: table;
            } 

            .clearfix::after {
              clear: both;
            }


 
        h1 {
            font-family: 'Oleo Script', cursive, Verdana, Geneva, sans-serif;
            color: #a2001d;
            font-size: 40px;
        }

        h2 {
            font-family: 'Merriweather', Verdana, Geneva, sans-serif;
            color: #533b18;
            font-weight: 700;
            font-size: 20px;
        }

        h3 {
            font-weight: lighter;
        }

        h4 { 
          text-align: left; 
          font-family: 'Raleway', Verdana, Geneva, sans-serif;
          font-size: 17px;
          font-weight: 700;
        }
          
          ul { 
            list-style: none;
            font-family: 'Raleway', Verdana, Geneva, sans-serif;
            color: #fff;
            font-weight: 400;
            font-size: 16px; 
            line-height: 50px;
            padding: 0px;
            }

          .ul-agb { 
            list-style: decimal;
            font-family: 'Raleway', Verdana, Geneva, sans-serif;
            color: #4b3f38;
            font-weight: 500;
            font-size: 14px; 
            line-height: 20px;
            margin-bottom: 10px;
            margin-left: 12px;
            }

          .agb-head { 
            font-family: 'Raleway', Verdana, Geneva, sans-serif;
            color: #4b3f38;
            font-weight: 700;
            font-size: 18px; 
            line-height: 20px;
            margin-bottom: 10px;
            }

          .agb-zw-head { 
            font-family: 'Raleway', Verdana, Geneva, sans-serif;
            color: #4b3f38;
            font-weight: 700;
            font-size: 16px; 
            line-height: 20px;
            margin-bottom: 10px;
            }

          .logo-header
            {
            width: 220px;
            margin-left: auto; 
            margin-right: auto;
            }

          .layout-header
            {
            width: 650px;
            margin-left: auto; 
            margin-right: auto;
            }

          .firmenlogo
            {
            position: absolute;
            z-index: 2;
            top: 40px;
            }

          .schriftzug-lay
            {
            position: absolute;
            z-index: 2;
            top: 320px;
            margin-left: -210px;
            }
          
          .fliesstext { /* Trennungen */
            -moz-hyphens: auto;
            -o-hyphens: auto;
            -webkit-hyphens: auto;
            -ms-hyphens: auto;
            hyphens: auto; 
            }

          .Infotext-druck {
            font-family: 'Raleway', Verdana, Geneva, sans-serif;
            color: #4b3f38;
            font-size: 15px;
            font-weight: 500;
            text-align: left;
            line-height: 22px;
            margin-left: 10px;

            /* Trennungen */
           -moz-hyphens: auto;
           -o-hyphens: auto;
           -webkit-hyphens: auto;
           -ms-hyphens: auto;
           hyphens: auto; 
            }
          
          .nav-un-h {
            font-family: 'Merriweather', Verdana, Geneva, sans-serif;
            color: #fff;
            font-weight: 700;
            font-size: 20px; 
            margin-left: -2px;
            }
          
          .nav-un-zwh {
            font-family: 'Raleway', Verdana, Geneva, sans-serif;
            color: #fff;
            font-weight: 700;
            font-size: 16px;
            }
          
          .nav-un-einz {
            padding-left: 15px;
            }
          
          .nav-un {
            background-color: #493e38;
            float: left;
            min-width: 100%;
            min-height: 520px;
            }
          
          .nav-un-block {
            float:left;
            min-width: 320px;
            min-height: 500px;
            padding-top: 20px;
            padding-right: 30px;
            padding-bottom: 0px;
            padding-left: 30px;
            }
          
          .nav-un-wrapper {
            max-width: 980px; 
            min-height: 520px; 
            padding-top: 10px; 
            padding-left: 8px; 
            padding-bottom: 10px; 
            padding-right: 8px; 
            margin-left: auto; 
            margin-right: auto; 
            }

        .navbar-default {
          background-color: #493e38;
          border-color: #493e38;
          font-family: 'Raleway', Verdana, Geneva, sans-serif;
          font-weight: 300;
        }

        .navbar-default .navbar-brand {
          color: #fff
        }

        .telefon {
          float: left;
          height: 50px;
          padding: 15px 15px;
          font-size: 18px;
          line-height: 20px;
          color: #fff;
        }

        .einl-index-ob {
            text-align: right;
            font-family: 'Raleway', cursive, Verdana, Geneva, sans-serif;
            color: #222222;
            font-size: 14px;
        }

        .einleitungshead {
            font-family: 'Merriweather', Verdana, Geneva, sans-serif;
            color: #533b18;
            font-size: 20px;
            font-weight: 600;
            margin-bottom: -12px;
            }

        .einleitungshead-xs {
            font-family: 'Merriweather', Verdana, Geneva, sans-serif;
            color: #533b18;
            margin-left: 30px;
            font-size: 20px;
            font-weight: 600;
            margin-bottom: -12px
            }

        .PayPal-Druckerei
        {
            margin-top: 33px;
            margin-left: -3px;
            float: left;
        }

        .Ueberw-Druckerei
        {
            margin-top: 15px;
            margin-left: -3px;
            float: left;
        }

        .info-kasten-dunkel
        {
            background-color: rgba(0,0,0,0.5);
            position: absolute;
            z-index: 1;
            float: right;
            text-align: left;
            color: #fff;
            max-width: 500px;
            min-height: 100px;
            padding: 30px;
            margin-top: 950px;
            margin-left: 150px;
            margin-right: auto;
        /* Trennungen */
           -moz-hyphens: auto;
           -o-hyphens: auto;
           -webkit-hyphens: auto;
           -ms-hyphens: auto;
           hyphens: auto; 
        }

        .info-kasten-dunkel-lang
        {
            width: 800px;
            min-height: 500px;
            background-color: rgba(0,0,0,0.6);
            color: #fff;
            padding: 30px;
            margin-top: 250px; 
            margin-left: auto; 
            margin-right: auto;
        /* Trennungen */
           -moz-hyphens: auto;
           -o-hyphens: auto;
           -webkit-hyphens: auto;
           -ms-hyphens: auto;
           hyphens: auto; 
        }

        .info-kasten-hell-lang
        {
            width: 800px;
            min-height: 500px;
            background-color: rgba(217,210,196,0.70);
            color: #000;
            padding: 30px;
            margin-top: 250px; 
            margin-left: auto; 
            margin-right: auto;
        /* Trennungen */
           -moz-hyphens: auto;
           -o-hyphens: auto;
           -webkit-hyphens: auto;
           -ms-hyphens: auto;
           hyphens: auto; 
        }



/* Medienabfragen */ 

/* toggle-menu-anfang */
@media (min-width: 768px) and (max-width: 930px) {
    .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    .navbar-nav .open .dropdown-menu > li > a {
        line-height: 20px;
    }
    .navbar-nav .open .dropdown-menu > li > a,
    .navbar-nav .open .dropdown-menu .dropdown-header {
        padding: 5px 15px 5px 25px;
    }
    .dropdown-menu > li > a {
        display: block;
        padding: 3px 20px;
        clear: both;
        font-weight: normal;
        line-height: 1.42857143;
        color: #333;
        white-space: nowrap;
    }
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
        position: relative;
        float: right;
        padding: 9px 10px;
        margin-top: 8px;
        margin-right: 15px;
        margin-bottom: 8px;
        background-color: #fff;
        background-image: none;
        border: 1px solid transparent;
        border-radius: 4px;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        /*margin: 7.5px -15px;*/
        margin: 7.5px 50px 7.5px -15px
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .navbar-text {
        float: none;
        margin: 15px 0;
    }
    /* since 3.1.0 */
    .navbar-collapse.collapse.in { 
        display: block!important;
    }
    .collapsing {
        overflow: hidden!important;
    }
}
/* toggle-menu-ende */  

    @media (max-width: 767px) /* xs */ 
  {


           .navbar-toggle {
            position: relative;
            float: right;
            padding: 9px 10px;
            margin-top: 8px;
            margin-right: 15px;
            margin-bottom: 8px;
            background-color: #fff;
            background-image: none;
            border: 1px solid transparent;
            border-radius: 4px;
            }

          .firmenlogo
            {
            margin-top: 40px;
            }

          .schriftzug-lay
            {
            margin-left: -47px;
            }

          .info-kasten-dunkel-lang
          {
            width: 100%;
            margin-top: 280px; 
          }

          .info-kasten-hell-lang
          {
            width: 100%;
            margin-top: 280px; 
          }
          
          .nav-un-h {
            font-size: 18px;
            }

          .nav-un {
            min-height: 1370px;
            padding-right: 0; 
            padding-left: 0;
            }

          .nav-un-wrapper {
            max-width: 320px; 
            min-height: 1370px;
            padding-right: 0; 
            padding-left: 0; 
            }
          
          .nav-un-block {
            min-height: 400px;
            width: 100%;
            padding-right: 30px; 
            padding-left: 40px;
            }

    }



    @media (min-width: 768px) /* sm */
  {


           .firmenlogo
            {
            margin-top: 90px;
            }

          .schriftzug-lay
            {
            margin-left: -215px;
            }

          .info-kasten-dunkel-lang
          {
            width: 700px;
            margin-top: 300px; 
          }

          .info-kasten-hell-lang
          {
            width: 700px;
            margin-top: 330px; 
          }
          
          .nav-un-h {
            font-size: 20px;
            }

          .nav-un {
            min-height: 820px;
            }

          .nav-un-wrapper {
            max-width: 660px; 
            min-height: 820px; 
            }

    }



    @media (min-width: 992px) /* md */
  {


           .firmenlogo
            {
            margin-top: 90px;
            }

          .schriftzug-lay
            {
            margin-left: -215px;
            }

          .info-kasten-dunkel-lang
          {
            width: 800px;
            margin-top: 330px; 
          }

          .info-kasten-hell-lang
          {
            width: 800px;
            margin-top: 330px; 
          }

          .nav-un-h {
            font-size: 20px;
            }

          .nav-un {
            min-height: 820px;
            }

          .nav-un-wrapper {
            max-width: 660px; 
            min-height: 820px; 
            }

    }



    @media (min-width: 1200px) /* lg */
  {


           .firmenlogo
            {
            margin-top: 40px;
            }

          .schriftzug-lay
            {
            margin-left: -215px;
            }

          .info-kasten-dunkel-lang
          {
            width: 800px;
            margin-top: 250px; 
          }

          .info-kasten-hell-lang
          {
            width: 800px;
            margin-top: 280px; 
          }

          .nav-un-h {
            font-size: 20px;
            }

          .nav-un {
            min-height: 520px;
            }

          .nav-un-wrapper {
            max-width: 980px; 
            min-height: 520px; 
            }

    }