@charset "utf=8";
/* CSS Document */

* {
    margin: 0;
    padding: 0;
}

body {
	font-family:Arial, "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, sans-serif;
	/*font-size:1em;*/
	background-color:#FFFFFF;
    color: #2F3131;
}

h1 {
    margin-left:2%;
    margin-bottom: 10px;
    font-size: 1.4em;
    color: #2F3131;
}

h2 {
    margin-left:2%;
    margin-bottom: 5px;
    font-size: 1.1em;
    color: #2F3131;
}

h2.klein {
    font-size: 0.9em;
}

h3 {
    margin-left:2%;
    margin-bottom: 5px;
    font-size: 0.95em;
    color: #2F3131;
}

h3.klein {
    font-size: 0.85em;
}

h4 {
    margin-bottom: 5px;
    font-size: 0.8em;
    color: #2F3131;
}

h5 {
    margin-bottom: 5px;
    font-size: 0.8em;
    color: #2F3131;
}

p {
    margin: 0 2% 7.5px 2%;
    /*font-size:0.9em;*/
    font-size:1em;
}

p.letzte {
    margin-bottom: 15px;
}

p.klein {
    /*font-size: 0.85em;*/
    font-size: 0.9em;
}

p.keinwein {
    padding: 5px;
    text-align: center;
    background-color: #FFFFFF;
}

indent10 {
    margin-left: 10%;
}

a {
    text-decoration: none;
}

img {
	width:100%;
}

img.halb {
    width: 50%;
}

img.ein_drittel {
    width: 33%;
}

.push {
    float: right;
    margin-left: 2%;
}

.pull {
    float: left;
    margin-right: 2%;
}

.nomargin {
    margin: 0;
}

.rot {
    color: #900002;
}

.mittig {
    text-align: center;
}

.rechts {
    text-align: right;
}

.normal {
    font-weight: normal;
}

.fett {
    font-weight: bold;
}

.kursiv {
    font-style: italic;
}

.caps {
    text-transform: uppercase;
}

.reverse {
    color: #FFFFFF;
}

.noborder {
    border: 0;
}

.indent5 {
    margin-left: 5%;
}

.indent10 {
    margin-left: 10%;
}

.floatstop {
    clear: both;
}

.desktop {
        display: none;
    }

a.link {
    color: #375e97;
}

a.link:hover {
    font-weight: bold;
}

iframe {
    width: 100%;
    height: 400px;
    margin-bottom: 15px;
    border: solid 1px #7A7A7A;
}

/*##########################SPRACHNAVI-PHONE##################*/

ul#sprachnavi_p {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
}

ul#sprachnavi_p li {
    float: left;
    width: 50%;
    list-style:none;
    font-size:0.75em;
	font-weight:bold;
	color:#5B5B5B;
}

ul#sprachnavi_p li {
    border-bottom: 1px solid #2F3131;
}

ul#sprachnavi_p li a {
	display: block;
	padding: 5px 0;
	text-decoration: none;
	text-align: center;
    color: #FFFFFF;
    background-color: #2F3131;
    opacity: 0.8;
}

ul#sprachnavi_p li a.aktiv {
    background-color: #FFFFFF;
	color: #2F3131;
}

/*######################### SPRACHNAVI-DESKTOP ######################*/

ul#sprachnavi {
    position: static;
    margin-top: -28px;
    margin-bottom: 33px;
}

ul#sprachnavi li {
    float: left;
    width: auto;
    list-style:none;
}

ul#sprachnavi li a {
    width: auto;
    margin-right: 10px;
    text-align: right;
    font-size:0.75em;
    color:#900002;
    font-weight:bold;
}

ul#sprachnavi li a:hover {
    color: #2F3131;
}

ul#sprachnavi li a.aktiv {
    color: #8D8D8D;
}

/*#########################EINSTIEG##############################*/

ul#einstieg, ul#einstieg_p {
    width: 100%;
    min-width: 240px;
    height: 90vh;
    padding-top: 10vh;
    /*background-repeat: no-repeat;*/
    /*background-image: url(bilder/einstiegsbild1_sw.png);*/
    background-image: url(bilder/einstiegsbild_sw.png);
    background-color: #867666;
    background-size:cover;
}

ul#einstieg li, ul#einstieg_p li {
    list-style: none;
    text-align: center;
    font-size: 6vw;
    letter-spacing: 0.2em;
    color:#FFFFFF;
}

ul#einstieg li.vorletzte, ul#einstieg_p li.vorletzte {
    margin-bottom: 2vh;
}

ul#einstieg_p li a img {
    display: block;
    position: absolute;
    bottom: 7.5px;
    right: 0;
    width: 70px;
    height: auto;
    z-index: 900;
}
    
ul#einstieg li a img.willkommen, ul#einstieg_p li a img.willkommen {
    display: block;
    position: static;
    width: 60%;
    margin-left: 20%;
    height: auto;
    z-index: 900;
}

ul#einstieg li.desktop a {
    display: block;
    text-decoration: none;
    position: fixed;
    bottom: 5px;
    right: 0.5%;
    padding: 2px 1%;
    background-color: #ffffff;
    opacity: 0.5;
    font-size: 2vw;
    color: #2F3131;
}

ul#einstieg li.desktop a:hover {
    opacity: 0.75;
}

/*##################################################################*/

div#container {
    min-width: 240px;
    background-color: #FFFFFF;
}

div#header {
    width: auto;
    border-top: 24.5px solid #ffffff;
}

h3#boden {
    display: none;
}

ul#biosiegel {
    margin-top: 6px;
    margin-left: 2%;
}

ul#biosiegel li {
    float:left;
    width:auto;
    margin-right:1%;
    margin-bottom: -20px;
    list-style:none;
	line-height:110%;
    font-size:0.6em;
    color:#2F3131;
}

ul#biosiegel li img {
    width: 48px;
}

ul#biosiegel li a {
    text-decoration: none;
    font-weight: bold;
    color: #5B5B5B;
}

ul#biosiegel li a:hover {
    color: #2F3131;
}

ul#logo li {
	list-style:none;
}

ul#logo li img {
    position: relative; 
    margin-bottom: -30px;
}

ul#logo li#untertitel {
    position: relative;
    top: -4.5vh;
    right: 43%;
    margin-bottom: 5px;
    font-size: 3.5vw;
    text-align: right;
    color:#2F3131;
}

h3#process {
    margin-left: 0;
    margin-bottom: 0;
    padding-right: 5%;
    padding-bottom: 4px;
	font-size: 7vw;
    font-weight:normal;
    text-align: right;
    color:#9D9D9D;
}

ul#hauptnavi {
    margin-bottom: 15px;
}

ul#hauptnavi li {
    list-style: none;
    border-bottom: 1px solid #ffffff;
}

ul#hauptnavi li.letzte {
    border-bottom: 7px solid #fd974f;
}

ul#hauptnavi li.noborder {
    border: 0;
}

ul#hauptnavi li a {
    display: block;
    padding: 7px 0;
    text-transform: uppercase;
    font-size:1.1em;
    text-align: center;
    color:#FFFFFF;
    background-color: #2F3131;
}

ul#hauptnavi li.klein a {
    font-size: 0.8em;
}

ul#hauptnavi li a.aktiv {
	background-color: #594D46;
}

div#biovegan {
    padding: 10px 3%;
    margin-bottom: 15px;
    background-color: #e5e2ca;
}

div.aktuelles {
    padding: 10px 3%;
    margin: 0 1% 15px 1%;
    /*border: 1px solid #900002;*/
    /*background-color: #900002;*/
    /*background-color: #373737;*/
     background-color: #4f4a45;
}

div.aktuelles h3 {
    /*color: #900002;*/
    color: #FFFFFF;
    font-size: 0.8em;
    font-weight: normal;
    text-align: center;
}

div#processofwine {
    padding: 10px 3%;
    margin: 0 1% 15px 1%;
    border: 1px solid #900002;
}

div#flowbusiness {
    padding: 10px 3%;
    margin-bottom: 10px;
    background-color: #e5e2ca;
}

div#flowbusiness img {
    padding: 10px 0;
}

div#verkauf {
    padding: 10px 3%;
    margin: 0 1% 15px 1%;
    border: 1px solid #900002;
}

div#kontakt {
    padding: 5px 3%;
    margin-bottom: 15px;
    background-color: #e5e2ca;
}

div#nosocialmedia {
    padding: 5px 3%;
    margin: 0 1% 15px 1%;
    border: 1px solid #900002;
}

div#veranstaltungsweine {
    padding: 5px 3%;
    margin: 0 1% 15px 1%;
    border: 1px solid #900002;
}

div#events {
    padding: 5px 3%;
    margin-bottom: 15px;
    background-color: #e5e2ca;
}

div#impressum {
    padding: 5px 3%;
    margin-bottom: 15px;
    background-color: #e5e2ca;
}

div#gestaltung {
    padding: 5px 3%;
    margin: 0 1% 15px 1%;
    border: 1px solid #900002;
}

div#datenschutz {
    padding: 5px 3%;
    margin-bottom: 15px;
    background-color: #e5e2ca;
}

div#diskussionen_ueber_vegan {
    padding: 5px 3%;
    margin-bottom: 15px;
    background-color: #e5e2ca;
}

div#agb {
    padding: 5px 3%;
    margin-bottom: 15px;
    background-color: #e5e2ca;
}

div#deklarationspflicht {
    padding: 5px 3%;
    margin: 0 1% 15px 1%;
    border: 1px solid #900002;
}

/*#############LINKS###############*/

div#links_p {
    border-top: 24.5px solid #FFFFFF;
    background-color:#FFFFFF;
}

div#links_p h2 {
    margin-bottom: 2px;
    margin-left: 0;
    padding: 7px 0;
    font-size:1.0em;
    text-align: center;
    font-weight: normal;
    color:#FFFFFF;
    background-color: #2F3131;
}

/*###################METANAVI-DESKTOP#############################*/

ul#metanavi {
    margin-top: -33px;
    margin-bottom: 15px;
    border: 0;
}

ul#metanavi li {
    list-style: none;
}

ul#metanavi li a {
    display: block;
    font-size:0.75em;
    font-weight: bold;
    text-align: right;
    color:#2F3131;
    background-color: #FFFFFF;
}

ul#metanavi li a:hover {
    color: #8D8D8D;
}

ul#metanavi li a.aktiv {
    color: #900002;
}

/*#######NAVILINKS: DIE HEXEREI MIT DEN QUADRATEN##########*/

div.navilinks, div.navilinks_p {
	position:relative;
	float:left;
	width:49.8%;
    /*width:45%;*/
    /*was ist das mit max-width?*/
	/*max-width:49%;*/
	margin-right:0.4%;
	margin-bottom:1px;
}

div#links div.nomargin, div#links_p div.nomargin {
    margin-right: 0;
}

div.navilinks:before, div.navilinks_p:before {
	content:"";
	display:block;
	padding-top:100%;
}

div.navilinks p.content, div.navilinks_p p.content {
	position:absolute;
	top:0;
	height:100%;
	width:100%;
    margin-left: 0;
	text-align:center;
}

div.navilinks p.content a, div.navilinks_p p.content a {
	display:block;
	height:60%;
	padding-top:40%;
    text-transform: uppercase;
    color:#FFFFFF;
    font-size: 6vw;
    background-size:cover;
}

div.navilinks p.content a.weisswein, div.navilinks_p p.content a.weisswein {
    background-color: #919636;
}

div.navilinks p.content a:hover.weisswein, div.navilinks p.content a:hover.weisswein {
    background-color: #acbd78;
}

div.navilinks p.content a.weissweinaktiv, div.navilinks_p p.content a.weissweinaktiv {
    background-color: #867666;
}

div.navilinks p.content a.rotwein, div.navilinks_p p.content a.rotwein {
    background-color: #ee693f;
}

div.navilinks p.content a:hover.rotwein, div.navilinks_p p.content a:hover.rotwein {
    background-color: #fd974f;
}

div.navilinks p.content a.rotweinaktiv, div.navilinks_p p.content a.rotweinaktiv {
    background-color: #867666;
}

div.navilinks p.content a.sekt, div.navilinks_p p.content a.sekt {
    background-color: #e8a735;
}

div.navilinks p.content a:hover.sekt, div.navilinks_p p.content a:hover.sekt {
    background-color: #fbcd4b;
}

div.navilinks p.content a.sektaktiv, div.navilinks_p p.content a.sektaktiv {
    background-color: #867666;
}

div.navilinks p.content a.suesswein, div.navilinks_p p.content a.suesswein {
    background-color: #ab9353;
}

div.navilinks p.content a:hover.suesswein, div.navilinks_p p.content a:hover.suesswein {
    background-color: #bca975;
}

div.navilinks p.content a.suessweinaktiv, div.navilinks_p p.content a.suessweinaktiv {
    background-color: #867666;
}

/*#####################################################################*/
    
/*ul#navilinks2 {
        margin-bottom: 30px;
    }*/

/*#############NAVILINKS2-PHONE#############################*/

ul#navilinks2, ul#navilinks2_p {
	clear:both;
}

ul#navilinks2 li, ul#navilinks2-p li {
    list-style:none;
}

ul#navilinks2 li a, ul#navilinks2_p li a {
	display:block;
	/*text-decoration:none;*/
	text-align:right;
    padding:5px 2%;
    margin-bottom:1.3px;
	font-size:0.85em;
    color: #ffffff;
    background-color: #4f4a45;
}

ul#navilinks2 li a:hover, ul#navilinks2_p li a:hover {
    color: #ffffff;
    background-color: #867666;
}

ul#navilinks2 li a.aktiv, ul#navilinks2_p li a.aktiv {
	color:#ffffff;
    background-color: #867666;
}
/*#############RECHTS###############*/
/*#####################################*/

div#rechts {
    border-top: 24.5px solid #FFFFFF;
}

div#rechts h2 {
    margin-bottom: 2px;
    margin-left: 0;
    padding: 7px 0;
    font-size:1em;
    text-align: center;
    font-weight: normal;
    color:#FFFFFF;
    background-color: #2F3131;
}

ul#navirechts {
	/*background-color:#F7D420;*/
}

ul#navirechts li {
    list-style:none;
	width:100%;
	margin-bottom:1px;
}

ul#navirechts li a {
	display:block;
	text-decoration:none;
	padding:60px 5px;
	text-align:center;
	font-size:6vw;
    color: #FFFFFF;
    background-color: #867666;
}

ul#navirechts li a:hover {
	/*background-color:#86C45A;*/
}

ul#navirechts li a.verweis1 {
	background-size:cover;
    background-image:url(bilder/weinsprichtdeutsch.png);
}

ul#navirechts li a:hover.verweis1 {
    background-image:url(bilder/weinsprichtdeutsch-hover.png);
}

ul#navirechts li a.verweis1aktiv {
    background-size:cover;
	background-image:url(bilder/weinsprichtdeutsch-aktiv.png);
}

ul#navirechts li a.verweis2 {
	background-size: cover;
	background-image:url(bilder/bio.png);
}

ul#navirechts li a:hover.verweis2 {
	background-image:url(bilder/bio-hover.png);
}

ul#navirechts li a.verweis2aktiv {
    background-size: cover;
	background-image:url(bilder/bio-aktiv.png);
}

ul#navirechts li a.verweis3 {
	background-size:cover;
	background-image:url(bilder/vegan.png);
}

ul#navirechts li a:hover.verweis3 {
	background-image:url(bilder/vegan-hover.png);
}

ul#navirechts li a.verweis3aktiv {
    background-size:cover;
	background-image:url(bilder/vegan-aktiv.png);
}

ul#navirechts li a.verweis4 {
	background-size:cover;
	background-image:url(bilder/process.jpg);
}

ul#navirechts li a:hover.verweis4 {
	background-image:url(bilder/process.jpg);
}

ul#navirechts li a.verweis4aktiv {
    background-size:cover;
	background-image:url(bilder/process.jpg);
}

ul#navirechts li a.verweis5 {
	background-size:cover;
	background-image:url(bilder/flow_business.png);
}

ul#navirechts li a:hover.verweis5 {
	background-image:url(bilder/flow_business_85.png);
}

ul#navirechts li a.verweis5aktiv {
    background-size:cover;
	background-image:url(bilder/flow_business_sw.png);
}

/*###############METANAVI#############*/
/*######################################*/

ul#metanavi_p li {
    list-style: none;
    border-bottom: 1px solid #ffffff;
}

ul#metanavi_p li a {
    display: block;
    padding: 5px 0;
    text-decoration: none;
    text-transform: uppercase;
    font-size:0.9em;
    text-align: center;
    color:#FFFFFF;
    background-color: #2F3131;
}

ul#metanavi_p li a:hover {
	background-color: #594D46;
}

ul#metanavi_p li a.aktiv {
	background-color: #594D46;
}

/*###############FOOTER#############*/
/*########KONTROLIEREN##############*/

ul#footer {
    clear: both;
    width: 100%;
}

ul#footer li {
    display: block;
    list-style: none;
    padding: 5px 2%;
    font-size:0.7em;
    color:#FFFFFF;
    background-color: #2F3131;
}

ul#footer li a {
    display: block;
    position: fixed;
    bottom: 5px;
    right: 0;
    width: 70px;
    height: auto;
}

ul#footer li a img {
    display: block;
    opacity: 0.75;
}

/*########################################################*/
/*#############WEINLISTE-LEITTEXT############################################################*/

div#leittext {
    padding: 10px 1%;
    color: #2F3131;
    background-color: #e5e2ca;
}

/*#############pdf-Liste##########*/

div#leittext p a {
    display: block;
    padding: 2px 2%;
    text-decoration: none;
    text-align: right;
    background-color: #900002;
}

div#leittext p a:hover {
    font-weight:bold;
}

/*###########WEINLISTE################################################################*/

div#weinliste {
    padding: 0 1% 10px 1%;
    color: #2F3131;
    background-color: #e5e2ca;
}

/*####ANBAUGEBIET (h3), WINZER (h4) & WEINTYP (h5) NUR BEI GESAMTE LISTE SICHTBAR###*/

div#weinliste h3, h4, h5 {
    display: none;
    margin-left: 0;
}

div#weinliste h2.reverse {
    display: none;
    padding: 2px 5%;
    margin-bottom: 0;
    background-color: #373737;
    font-weight: normal;
    letter-spacing: 0.2em;
}

div#weinliste.deutsch h2.deutsch {
    display: block;
    padding: 2px 5%;
    margin-left: 0;
    margin-bottom: 0;
    background-color: #373737;
    font-weight: normal;
    letter-spacing: 0.2em;
}

div#weinliste.englisch h2.englisch {
    display: block;
    padding: 2px 5%;
    margin-left: 0;
    margin-bottom: 0;
    background-color: #373737;
    font-weight: normal;
    letter-spacing: 0.2em;
}

div#weinliste.gesamt h3.reverse {
    display: block;
    padding: 2px 0;
    margin-bottom: 0;
    background-color: #867666;
    font-weight: normal;
    letter-spacing: 0.2em;
}

div#weinliste.gesamt h4.reverse {
    display: block;
    padding: 4px 1%;
    margin-bottom: 0;
    background-color: #4f4a45;
    font-weight: normal;
}

div#weinliste.gesamt h5 {
    display: block;
    padding: 2.5px 5% 4px 5%;
    margin-bottom: 0;
    color: #2F3131;
    background-color: #e5e2ca;
}

/*###################################*/
/*##########DARSTELLUNG EINZELNE WEINE###########*/

div#weinliste ul {
    margin-bottom: 1.5px;
    overflow: auto;
    background-color: #FFFFFF;
}

div#weinliste ul li {
    list-style: none;
    color: #000000;
}

div#weinliste ul li.weingut {   /*BEI GESAMT VERSTECKT*/
    float: left;
    width: 98%;
    padding: 2px 1%;
    margin-bottom: 3px;
    font-size: 0.75em;
    background-color: #e5e2ca;
}

div#weinliste ul li.anbaugebiet {   /*BEI GESAMT VERSTECKT*/
    /*clear: both;*/
    float: right;
    width: 45%;
    /*padding-right: 5%;*/
    margin-right: 5%;
    margin-bottom: 3px;
    font-size: 0.7em;
    font-weight: bold;
    text-transform: uppercase;
    text-align: right;
}

div#weinliste ul li.weintyp {   /*BEI GESAMT VERSTECKT*/
    display: none;
    float: left;
    width: 45%;
    /*padding-left: 5%;*/
    margin-left: 5%;
    font-size: 0.7em;
    font-weight: bold;
    text-align: left;
}

div#weinliste ul li.name {
    clear: both;
    margin-left: 1%;
    font-size: 0.8em
}

div#weinliste ul.grau li {
    /*color: #5B5B5B;*/
    /*color: #6b6b6b;*/
    color: #7d7d7d;
}

div#weinliste ul li.rot {
    color: #900002;
}

div#weinliste ul li.grau {
    /*color: #5B5B5B;*/
    /*color: #6b6b6b;*/
    /*color: #7d7d7d;*/
    /*color: #8D8D8D;*/
    /*color: #9D9D9D;*/
}

div#weinliste ul li.groesse {
    display: none;
    float: left;
    width: 15%;
    margin-left: 60%;
    font-size: 0.75em;
    text-align: right;
}

div#weinliste ul li.preis {
    display: none;
    float: right;
    width: 20%;
    margin-right: 1%;
    text-align: right;
    font-size: 0.75em;
    font-weight: bold;
}

div#weinliste ul li.sonderpreis {
    display: none;
    float: right;
    width: 20%;
    margin-right: 1%;
    text-align: right;
    font-size: 0.75em;
    font-weight: bold;
    color: #900002;
}

div#weinliste ul li.literpreis {
    display: none;
    clear: both;
    margin-right: 1%;
    margin-bottom: 3px;
    text-align: right;
    font-size: 0.7em;
    /*font-weight: bold;*/
    color: #4f4a45;
}

div#weinliste ul li.altpreis {
    display: none;
    float: right;
    width: 20%;
    margin-right: 1%;
    text-align: right;
    text-decoration: line-through;
    font-size: 0.75em;
    color: #4f4a45;
}

div#weinliste ul li.bemerkung {
    display: none;
    clear: both;
    margin-left: 5%;
    margin-bottom: 3px;
    font-size: 0.75em;
    font-style: italic;
}

div#weinliste ul li.details {
    text-align: center;
}

div#weinliste ul li.details a {
    display: block;
    text-decoration: none;
    color: #0128EA;
    font-size: 0.7em;
    font-weight: bold;
    text-transform: uppercase;
}

div#weinliste ul li.details a:hover {
    color:#8D8D8D;
}

div#weinliste.deutsch ul li.deutsch {
    display: block;
}

div#weinliste.englisch ul li.englisch {
    display: block;
}

/*####################################*/
/*#########SELEKTIVE WEINSUCHE###########*/

div#weinliste ul {
    display: none;
}

div#weinliste.gesamt ul {
    display: block;
}

div#weinliste.weiss ul.weiss {
    display: block;
}

div#weinliste.rotwein ul.rotwein {
    display: block;
}

div#weinliste.sekt ul.sekt {
    display: block;
}

div#weinliste.suess ul.suess {
    display: block;
}

div#weinliste.deutschland ul.deutschland {
    display: block;
}

div#weinliste.oesterreich ul.oesterreich {
    display: block;
}

div#weinliste.gutswein ul.gutswein {
    display: block;
}

div#weinliste.mittelgewicht ul.mittelgewicht {
    display: block;
}

div#weinliste.gg ul.gg {
    display: block;
}

div#weinliste.rar ul.rar {
    display: block;
}

div#weinliste.versteigerung ul.versteigerung {
    display: block;
}

div#weinliste.riesling ul.riesling {
    display: block;
}

div#weinliste.spaetburgunder ul.spaetburgunder {
    display: block;
}

div#weinliste.burgunder ul.burgunder {
    display: block;
}

div#weinliste.sondergroesse ul.sondergroesse {
    display: block;
}

div#weinliste.angebot ul.angebot {
    display: block;
}

/*####################################*/
/*BEI DER GESAMTEN WEINLISTE WEINGUT, ANBAUGEBIET
 & WEINTYP FÜR EINZELNE POSITIONEN VERSTECKEN*/

div#weinliste.gesamt ul li.weingut {
    display: none;
}

div#weinliste.gesamt ul li.anbaugebiet {
    display: none;
}

div#weinliste.gesamt ul li.weintyp {
    display: none;
}

/*#########################################*/

div#weinliste ul.letzte {
    margin-bottom: 20px;
}

/*############SMARTPHONE-LANDSCAPE##############################################################################################*/

@media screen and (min-width: 30em) and (max-width: 48em) {
    ul#einstieg_p li a img.willkommen {
        width: 40%;
        margin-left: 30%;
    }
}

/*#######ENDE-SMARTPHONE-LANDSCAPE#############################################################################################*/
/*############600-960PX????########*/

@media screen and (min-width: 48em) and (max-width: 61em) {
    p {
        margin: 0 0 7.5px 0;
        font-size:0.9em;
    }

    p.klein {
        font-size: 0.85em;
    }
    
    h1, h2, h3, h4, h5 {
        margin-left: 0;
    }
    
    ul#einstieg li {
        font-size: 2.5vw;
    }
    
    ul#einstieg li a img.willkommen {
		width: 80%;
		margin-left: 10%;
	}
    
    .phone {
        display: none;
        /*visibility: hidden;*/
    }
    
    .desktop {
        display: block;
    }
    
    div#header {
        position: relative;
        width: 90%;
        max-width: 1500px;
        margin: 0 auto;
        padding: 10px 0;
        border: 0;
    }
    
    h3#boden {
        display: block;
        position: absolute;
        top: 50px;
        left: 0;
        font-size:0.9em;
        font-weight:normal;
        letter-spacing: 0.1em;
        color:#9D9D9D;
    }
    
    ul#biosiegel {
        margin-left: 0;
        margin-top: 0;
    }
    
    ul#biosiegel li {
        float:left;
        width:auto;
        margin-right:1%;
        margin-bottom: -20px;
        list-style:none;
        line-height:110%;
        font-size:0.6em;
        color:#2F3131;
    }
    
    ul#logo {
        position: absolute;
        top: 3px;
        right: -1%;
        width: auto;
    }

    ul#logo li img {
        width: 370px;
    }

    ul#logo li#untertitel {
        position: absolute;
        top: 106px;;
        right: 165px;
        width: auto;
        font-size: 0.7em;
    }
    
    h3#process {
        position: absolute;
        top: 165px;
        left: 0;
        width: auto;
        border-bottom: 0;
        font-size: 1.8em;
        text-align: left;
        color:#9D9D9D;
        background-color:#FFFFFF;
    }
    
    ul#hauptnavi {
        position: absolute;
        top: 205px;
        left: 33.3333%;
    }

    ul#hauptnavi li {
        float: left;
        width: auto;
        border-bottom: 0;
    }

    ul#hauptnavi li.letzte {
        border-bottom: 0;
    }

    ul#hauptnavi li a {
        /*display: block;*/
        padding: 0 25px 0 0;
        text-transform: none;
        font-size:2vw;
        text-align: left;
        font-weight: bold;
        color:#5B5B5B;
        background-color: #FFFFFF;
    }

    ul#hauptnavi li a:hover {
        color: #8D8D8D;
    }

    ul#hauptnavi li a.aktiv {
        color: #900002;
        background-color: #FFFFFF;
    }
    
    div#container {
        width: 90%;
        margin: 0 auto 10px auto;
        padding: 215px 0 0 0;
    }
    
    div.aktuelles {
        margin: 0 0 15px 5%;
        width: 50%;
    }
    
    div#processofwine {
        margin: 0 0 15px 0;
    }

    div#verkauf {
        margin: 0 0 15px 0;
    }

    div#nosocialmedia {
        margin: 0 0 15px 0;
    }

    div#veranstaltungsweine {
        margin: 0 0 15px 0;
    }

    div#gestaltung {
        margin: 0 0 15px 0;
    }

    div#deklarationspflicht {
        margin: 0 0 15px 0;
    }
    
    div#flowbusiness img {
        padding: 0;
    }
    
    div#flowbusiness img.pull {
        width: 50%;
    }
    
    div#links {
        float: left;
        width: 31.3333%;
        margin-right: 2%;
    }
    
    div#links h2 {
        margin-bottom: 10px;
        font-size: 1.8vw;
        text-align: right;
    }
    
    div.navilinks p.content a {
        font-size: 1.8vw;
    }
    
    ul#navilinks2 {
        margin-bottom: 15px;
    }
    
    ul#sprachnavi.desktop {
        margin-top: -22px;
    }
    
    div#inhalt {
        /*display: table-row;*/
        float: right;
        width: 66.6666%;
    }
    
    div#rechts {
        float:left;
        width: 100%;
        margin-bottom: 20px;
        border: 0;
        text-align: center;
    }
    
    div#rechts h2 {
        margin-bottom: 10px;
        padding: 0;
        text-align: left;
        font-weight: bold;
        color:#2F3131;
        background-color: #FFFFFF;
    }
    
    ul#navirechts li {
        float: left;
        width: 33%;
        margin-right: 0.5%;
    }
    
    ul#navirechts li.reihenletzte {
        margin-right: 0;
    }
    
    ul#navirechts li a {
        font-size:2vw;
    }
    
    ul#footer li {
        padding: 0;
        color:#2F3131;
        background-color: #ffffff;
    }
    
    ul#footer li a {
        width: 5%;
    }

    ul#footer li a img {
        opacity: 1;
    }
}

/*#######ENDE-600-960PX????#########################################################################*/
/*############UEBER-960PX????#######################################################################*/

@media screen and (min-width: 61em) {
    p {
        margin: 0 0 10px 0;
        font-size:0.9em;
    }

    p.klein {
        font-size: 0.85em;
    }
    
    h1, h2, h3, h4, h5 {
        margin-left: 0;
    }

    ul#einstieg li {
        font-size: 2.5vw;
    }
	
	ul#einstieg li a img.willkommen {
		width: 80%;
		margin-left: 10%;
	}
    
    .phone {
        display: none;
    }
    
    .desktop {
        display: block;
    }
    
    div#header {
        position: relative;
        width: 90%;
        max-width: 1500px;
        margin: 0 auto;
        padding: 10px 0;
        border: 0;
    }
    
    h3#boden {
        display: block;
        position: absolute;
        top: 50px;
        left: 0%;
        font-size:1.1em;
        font-weight:normal;
        letter-spacing: 0.1em;
        color:#9D9D9D;
    }
    
    ul#biosiegel {
        margin-left: 0;
        margin-top: 0;
    }
    
    ul#biosiegel li {
        float:left;
        width:auto;
        margin-right:1%;
        margin-bottom: -20px;
        list-style:none;
        line-height:110%;
        font-size:0.6em;
        color:#2F3131;
    }
    
    ul#logo {
        position: absolute;
        top: 5px;
        right: -1%;
        width: auto;
    }

    ul#logo li img {
        width: 450px;
    }

    ul#logo li#untertitel {
        position: absolute;
        top: 130px;;
        right: 200px;
        width: auto;
        font-size: 0.8em;
    }
    
    h3#process {
        position: absolute;
        /*top: 180px;*/
        top: 200px;
        left: 0;
        width: auto;
        border-bottom: 0;
        font-size: 2.2em;
        text-align: left;
        color:#9D9D9D;
        background-color:#FFFFFF;
    }
    
    ul#hauptnavi {
        position: absolute;
        top: 250px;
        left: 25.5%;
    }

    ul#hauptnavi li {
        float: left;
        width: auto;
        border-bottom: 0;
    }

    ul#hauptnavi li.letzte {
        border-bottom: 0;
    }

    ul#hauptnavi li a {
        padding: 0 25px 0 0;
        text-transform: none;
        text-align: left;
        font-weight: bold;
        color:#5B5B5B;
        background-color: #FFFFFF;
    }

    ul#hauptnavi li a:hover {
        color: #8D8D8D;
    }

    ul#hauptnavi li a.aktiv {
        color: #900002;
        background-color: #FFFFFF;
    }
    
    div#container {
        width: 90%;
        /*max-width: 1500px;*//*#####???????????????????????#########*/
        margin: 0 auto 10px auto;
        padding: 260px 0 0 0;
    }
    
    div.aktuelles {
        margin: 0 0 15px 0;
        padding: 10px 1%;
        /*width: 50%;*/
    }
    
    div#processofwine {
        margin: 0 0 15px 0;
    }

    div#verkauf {
        margin: 0 0 15px 0;
    }

    div#nosocialmedia {
        margin: 0 0 15px 0;
    }

    div#veranstaltungsweine {
        margin: 0 0 15px 0;
    }

    div#gestaltung {
        margin: 0 0 15px 0;
    }

    div#deklarationspflicht {
        margin: 0 0 15px 0;
    }
    
    div#flowbusiness img {
        padding: 0;
    }
    
    div#links {
        float: left;
        width: 23.5%;
        margin-right: 2%;
    }
    
    div#links h2 {
        margin-bottom: 10px;
        font-size:1.5vw;
        text-align: right;
    }
    
    div.navilinks p.content a {
        font-size: 1.5vw;
    }
    
    ul#navilinks2 {
        margin-bottom: 30px;
    }
    
    div#inhalt {
        float: left;
        width: 52.5%;
    }
    
    div#inhalt.breiter {
        float: right;
        width: 74.5%;
    }
    
    div#rechts {
        float: right;
        width: 20%;
        border: 0;
        text-align: center;
    }
    
    div#rechts h2 {
        margin-bottom: 10px;
        padding: 0;
        font-size:1.5vw;
        text-align: left;
        font-weight: bold;
        color:#2F3131;
        background-color: #FFFFFF;
    }
    
    ul#navirechts li.letzte {
        margin-bottom:30px;
    }
    
    ul#navirechts li a {
        font-size: 1.25vw;
    }
    
    ul#footer li {
        padding: 0;
        color:#2F3131;
        background-color: #ffffff;
    }
    
    ul#footer li a {
        width: 5%;
    }

    ul#footer li a img {
        opacity: 1;
    }
}

/*#######ENDE-UEBER-960PX????#######*/