/* ----------- HTML5 Reset :: style.css ----------- */
html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, menu, nav, section, time, mark, audio, video, details, summary { margin: 0; padding: 0; border: 0; font-size: 100%; font-weight: normal; vertical-align: baseline; background: transparent; }
article, aside, figure, footer, header, nav, section, details, summary { display: block; }
html { box-sizing: border-box; }
*, *:before, *:after { box-sizing: inherit; }
img, object, embed { max-width: 100%; }
html { overflow-y: scroll; }
ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom: 1px dotted #000; cursor: help; }
table { border-collapse: collapse; border-spacing: 0; }
th { font-weight: bold; vertical-align: bottom; }
td { font-weight: normal; vertical-align: top; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
input, select { vertical-align: middle; }
pre { white-space: pre; white-space: pre-wrap; white-space: pre-line; word-wrap: break-word; }
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; }
.ie7 input[type="checkbox"] { vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }
select, input, textarea { font: 99% sans-serif; }
table { font-size: inherit; font: 100%; }
small { font-size: 85%; }
strong { font-weight: bold; }
td, td img { vertical-align: top; }
sub, sup { font-size: 75%; line-height: 0; position: relative; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
pre, code, kbd, samp { font-family: monospace, sans-serif; }
.clickable, label, input[type=button], input[type=submit], input[type=file], button { cursor: pointer; }
button, input, select, textarea { margin: 0; }
button, input[type=button] { width: auto; overflow: visible; }
.ie7 img {-ms-interpolation-mode: bicubic; }
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.clearfix:after { clear: both; }  
.clearfix { zoom: 1; }  

@font-face {
    font-family: 'permianseriftypefaceregular';
    src: url('../schrift/PermianSerifTypeface-webfont.eot');
    src: url('../schrift/PermianSerifTypeface-webfont.eot?#iefix') format('embedded-opentype'),
         url('../schrift/PermianSerifTypeface-webfont.woff') format('woff'),
         url('../schrift/PermianSerifTypeface-webfont.ttf') format('truetype'),
         url('../schrift/PermianSerifTypeface-webfont.svg#permianseriftypefaceregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'permianseriftypefaceitalic';
    src: url('../schrift/PermianSerifTypeface-Italic-webfont.eot');
    src: url('../schrift/PermianSerifTypeface-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../schrift/PermianSerifTypeface-Italic-webfont.woff') format('woff'),
         url('../schrift/PermianSerifTypeface-Italic-webfont.ttf') format('truetype'),
         url('../schrift/PermianSerifTypeface-Italic-webfont.svg#permianseriftypefaceregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'permianseriftypefacebold';
    src: url('../schrift/PermianSerifTypeface-Bold-webfont.eot');
    src: url('../schrift/PermianSerifTypeface-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../schrift/PermianSerifTypeface-Bold-webfont.woff') format('woff'),
         url('../schrift/PermianSerifTypeface-Bold-webfont.ttf') format('truetype'),
         url('../schrift/PermianSerifTypeface-Bold-webfont.svg#permianseriftypefaceregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

body, html { height: 100%; }
html, body { font-size: 16px; }

body { -webkit-animation: bugfix infinite 1s; }
@-webkit-keyframes bugfix { from { display: block } to { display: block } }

body { -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

body { font: 16px Helmet, Freesans, sans-serif; background: #fff url('../bilder/vO-Haekchen100x99px.png') repeat; }
body      { font-family: 'permianseriftypefaceregular'; font-style: normal; }
em, i     { font-family: 'permianseriftypefaceitalic'; font-style: normal; }
b, strong { font-family: 'permianseriftypefacebold'; font-style: normal; font-weight: normal; }

/* We like off-black for text. */
body, select, input, textarea, a { color: #343434; }

.schwarz { color: #000; }
.keinUmbruch { white-space: nowrap; }
a:hover { color: #ad2329; }

/* Custom text-selection colors (remove any text shadows: http://twitter.com/miketaylr/status/12228805301) */
::-moz-selection{ /* background: #fcd700; color: #fff; */ text-shadow: none; }
::selection { /* background: #fcd700; color: #fff; */ text-shadow: none; } 

a:link {-webkit-tap-highlight-color: #fcd700; } 

ins { background-color: #fcd700; color: #000; text-decoration: none; }
mark { background-color: #fcd700; color: #000; font-style: italic; font-weight: bold; }

/* Mozilla doesn't style place holders by default */
input:-moz-placeholder { color:#a9a9a9; }
textarea:-moz-placeholder { color:#a9a9a9; }

/* Angabe fuer alle: die calc nicht verstehen oder iOS, wo JS abgeschaltet ist */
.wrapper { background-color: #ad2329; /* height: auto; */ text-align: center; position: absolute; top: 15px; left: 15px; right: 15px; bottom: 15px; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; }

/* Angabe fuer Browser mit JS, denen modernizr bescheinigt, dass sie vh verstehen. Der Eintrag content fuer iOS. die nicht richtig rechnen */
/* .cssvhunit .wrapper { height: calc(100vh - 30px); content: 'viewport-units-buggyfill; height: calc(100vh - 30px);'; } */

/* left top */
div.logoBehaelter  { width: 180px; background-image: url('../bilder/vO-Logosprite-180x260px.png'); background-repeat: no-repeat; }

div#logoGross { height: 180px; background-position: center top; position: absolute; left: 40%; top: 200px; left: calc(50% - 90px); top: calc(50% - 90px); }
.cssvhunit div#logoGross { top: calc(50vh - 90px); content: 'viewport-units-buggyfill; left: calc(50% - 90px); top: calc(50vh - 90px);'; }
footer div#logoKlein, footer div#logoSchriftzug { height: 40px; position: absolute; top: -63px; }

div#logoKlein      { background-position: -45px -220px; left:   0px; }
div#logoSchriftzug { background-position:   0px -180px; right: 37px; }

#logoGross a, #logoKlein a, #logoSchriftzug a { display: block; margin: 0; padding: 0; text-indent: -9999px; width: 180px; }
#logoGross a { height: 180px; }
#logoKlein a, #logoSchriftzug a { height: 40px; }

#weine div#logoKlein, #weine div#logoSchriftzug, #presse div#logoKlein, #presse div#logoSchriftzug { height: 40px; position: relative; display: block; margin-top: 2rem; display: none; }
#weine div#logoKlein, #presse div#logoKlein{ float: left; background-position: -76px -220px; }
#weine div#logoSchriftzug, #presse div#logoSchriftzug{ float: right; right: 0; }

article { color: #fff; }
article p, article li, article li a, article li a:hover { font-size: 0.75rem; }
article p, article li { line-height: 1.25rem; }
article p  { margin-bottom: 1.25rem; }
article li { margin-bottom: 0.3125rem; }
article li, article li a, article li a:hover { color: #fff; text-transform: uppercase; letter-spacing: 1px; }

/* Angabe fuer alle */
footer { background-color: #fff; margin: 0; /* auto; */ height: auto; min-height: 66px; padding-bottom: 0.5rem; position: fixed; -webkit-backface-visibility: hidden;  
		bottom: 0; left: 30px; right: 30px;
		-moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px; border-top-left-radius: 6px; 
		-moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px; border-top-right-radius: 6px; text-align: center; }
/*
footer { background-color: #fff; margin: 0 auto; height: auto; min-height: 66px; padding-bottom: 0.5rem; position: fixed; -webkit-backface-visibility: hidden;  bottom: -15px; left: 15px; -moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px; border-top-left-radius: 6px; -moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px; border-top-right-radius: 6px; text-align: center; }
*/
/* Angabe fuer alle: die calc nicht verstehen */
/* footer { width: 90%; } */

/* Angabe fuer Browser mit JS, denen modernizr bescheinigt, dass sie vh verstehen. Dr Eintrag content fuer iOS. die nicht richtig rechnen */
/*
.cssvhunit footer { width: calc(100vw - 60px); content: 'viewport-units-buggyfill; width: calc(100vw - 60px);'; }
.zumScrollen footer { position: fixed; -webkit-backface-visibility: hidden;  left: 30px; bottom: 0; }
*/

ul li { display: inline-block; }
nav#sprachWaehler, nav#bestellForm { padding: 0.8rem 0 0.5rem 0; }
nav#sprachWaehler { text-align: left; width: 5rem; position: absolute; left: 15px; top: 0; /* padding-left: 1rem; float: left;  */}

nav#bestellForm   { text-align: right; width: 8rem; position: absolute; right: 10px; top: 0; /* float: right; padding-right: 0.6875rem;  *//* 1rem; minus letter-spacing !!! */ }

nav#hauptMenue   { padding: 0.8rem 8rem 0 8rem; margin: 0 auto; /* margin-left: 6.125rem; width: calc(100% - 13.25rem); content: 'viewport-units-buggyfill; width: calc(100% - 13.25rem);'; */ }
nav#serviceMenue { padding: 0; /*  0 0 5rem; */ margin: 0 auto; }
.pagesEN nav#serviceMenue ul { /* padding: 0 5rem 0 0 ; */ }

li a { display: inline-block; height: 1rem; text-decoration: none; text-transform: uppercase; letter-spacing: 0.3125rem; font-size: 0.6875rem; padding: 0 0.5rem; }
nav#sprachWaehler li a { height: 1.3rem; }
nav#bestellForm   li a { padding: 0; }
nav#serviceMenue  li a { text-transform: none; font-family: 'permianseriftypefaceitalic'; font-style: normal; color: #666; letter-spacing: 1px; }

li a:hover, li a.active, nav#serviceMenue li a:hover, nav#serviceMenue li a.active  { color: #ad071e; }

#lagenKarte h1, .presse header#presseHeader  h1, .presse h1, #presse h1 { font-size: 1.125rem; letter-spacing: 2px; font-weight: normal; }

.presse article { width: 100%; letter-spacing: 1px; direction: ltr; float: none;  }

.presse header#presseHeader  h1, .presse h1, #presse h1 { color: #fff; }
.presse h2, .presse .presseQuelle { text-transform: uppercase; }
.presse h2 { padding-bottom: 2px; }
.presse p.presseQuelle { margin: 0; }
.presse p.presseInhalt a, .presse article a { color: #fff; text-decoration: none; }
.presse p.presseInhalt a:hover, .presse article a:hover { color: #fff; text-decoration: underline; }
#presse article.rueckschau, #presse article.presseJahr { min-height: 0; border-bottom: 0 none; }
#presse article.rueckschau h1, #presse article.presseJahr h1 { display: inline-block; margin: 0; padding: 0.5rem 0 0.5rem 1rem; width: 100%; background-color: #fff; color: #343434; }
.ausblenden { display: none; }

nav#sprachWaehler li a { letter-spacing: 0px; padding: 0;  }
span.trennzeichen { display: inline-block; padding: 0 0.2rem 0 0.4rem; }
nav#sprachWaehler li a:hover, nav#sprachWaehler li a.active { color: #343434; border-bottom: 1px solid #343434; }
span.abstand1b { letter-spacing: 3px; }

.zumScrollen .wrapper { position: fixed; -webkit-backface-visibility: hidden;  }
#presse { position: relative; z-index: 10; margin: 5rem auto 1rem auto; padding-bottom: 12rem; /* 10rem Aenderung am 1.9.15 */; }
/* #presse { position: relative; z-index: 10; margin: 5rem auto 1rem auto; padding-bottom: 12rem; } MB */
footer { z-index: 22; }
#obererRand, #untererRand { position: fixed; -webkit-backface-visibility: hidden;  width: 100%; height: 15px; margin: 0; padding: 0; z-index: 20; background: #fff url('../bilder/vO-Haekchen100x99px.png') repeat-x; }
#obererRand { top: 0; }
#untererRand { bottom: 0; }

img.presseBild { float: left; margin: 0 10px 10px 0; }
#presse article { margin: 1rem 0; }
.presse article { height: auto; min-height: 180px;  border-bottom: 1px dotted #fff; margin: 1rem 0; }
.imPressum article { border-bottom: 1px dotted #fff; }
.imPressum #presse { padding-bottom: 12rem; }
.presse p.presseInhalt { padding: 0 0 0.8rem 0; }
.presse article.mitBild p, .presse article.mitBild h1, .presse article.mitBild h2, .presse article.mitBild h3, 
.presse article.mitBild ul, .presse article.mitBild p.presseQuelle { margin-left: 130px; }

.tabelle { display: table; }
.tabellenZelle { display: table-cell; vertical-align: middle; }
/* Veranstaltungen */
article.vaArchiv { display: none; }

/* Englische Seiten */
body.pagesEN nav#bestellForm { display: none; }
body.pagesEN nav#hauptMenue  { /* padding: 0.8rem 0 0 0; margin-left: 7.5rem; */ }

/* Weine */
/* #presse { width: 50%; max-width: 600px;} */
#presse, #weine  { width: 90%; max-width: 40rem; }
/*
table { width: 100%; margin-top: 2rem; background-color: #fff; border: 20px solid #fff; }
td, td h2, th, td p, td h2, #presse h2 { color: #343434; }
th { text-align: left; font-weight: normal; }
td p { margin: 30px 0 2rem 0; }
td.weinBild img { margin: 20px 20px 20px 0; }
th.weinBild, td.weinBild { width: 8.75rem; }
tr.ueberschrift h1, tr.ueberschrift h2 { text-transform: uppercase; }
tr.ueberschrift h2 { margin: 1rem 0 0 0; font-size: 1rem; }
tr { border-bottom: 1px dotted #ccc; }
tr.ueberschrift, tr.keineLinie { border-bottom: 0 none; }
tr.ueberschrift td h1 { display: inline-block; padding: 0.5rem 0 0.5rem 8.75rem; width: 100%; background-color: #ad2329; }
*/

/* evtl. bei kleineren Bildschirmen: */
/*
#presse .bgWein { background-color: transparent; padding: 0; margin-top: 2rem; }
#presse .bgWein article { color: #fff; clear: left; font-size: 1rem; }
#presse .bgWein article p { font-size: 1rem; margin: 0; letter-spacing: 0; line-height: 1.5em; padding: 0 0 16px 0; }
#presse .bgWein article h1, .bgWein article h2 { text-transform: uppercase; }
#presse .bgWein article { border-bottom: 1px dotted #ccc; height: auto; margin: 1rem 0; position: relative; }
#presse .bgWein article, #presse .bgWein article.autoHoehe { min-height: 0; }
#presse .bgWein article.weinKategorie, #presse .bgWein article.autoHoehe { border: 0 none; }
#presse .bgWein article.autoHoehe p { padding-top: 0; }
#presse .bgWein article.weinKategorie h1 { background-color: #fff; color: #343434; }
#presse .bgWein article.weinKategorie h1,
#presse .bgWein article.weinKategorie h2,
#presse .bgWein article.weinKategorie h1+h2 { display: inline-block; padding: 0.5rem 0 0.5rem 1rem; width: 100%; margin: 0; border-bottom: 1px dotted #ccc; }
#presse .bgWein article.weinKategorie h2 { padding: 0 0 1rem 1rem; }
article.autoHoehe p { margin: 0; }
p.weinName { width: 87%; }
*/
/* Ende Weine */

/* Mobiles Menue */

.mobilMenue { z-index: 20; background-color: rgba(255,255,255,0.95); margin: 0; height: auto; min-height: 30px; padding-bottom: 0.5rem; position: fixed; -webkit-backface-visibility: hidden;  
		top: 0; left: 30px; right: 30px; text-align: left;
		-moz-border-radius-bottomleft: 6px; -webkit-border-bottom-left-radius: 6px; border-bottom-left-radius: 6px; 
		-moz-border-radius-bottomright: 6px; -webkit-border-bottom-right-radius: 6px; border-bottom-right-radius: 6px; }

#mobilNav { padding-left: 0.5rem; }
#mobilNav ul { margin-top: 2rem; /* clear: right; */ height: 0; overflow: hidden; -webkit-transition: height 1.5s ease; -moz-transition: height 1.5s ease; -o-transition: height 1.5s ease; transition: height 1.5s ease; }
#mobilNav ul li { display: block; }
#mobilNav ul li.mSprache { display: inline-block; }

nav#mobilNav .mobilNav_btn { height: 30px; cursor: pointer; float: right; font-size: 16px; line-height: 1.2em; padding: 10px 0 0 0; position: relative; margin-right: 55px; }
nav#mobilNav .mobilNav_menutxt, .mobilNav_menu .mobilNav_nav a { color: #000; }
nav#mobilNav .mobilNav_menutxt { color: #000; float: left; /* font-weight: 700; */ line-height: 1.1em; }
nav#mobilNav .mobilNav_icon { display: inline-block; margin: 0 0 0 0.5em; /* float: left; margin: 0 0 0 0.438em; */ }
nav#mobilNav .mobilNav_icon .mobilNav_icon-bar { background-color: #000; display: block; height: 2px; margin-top: 2px; width: 18px; /* height: 0.125em; margin-top: 0.188em; width: 1.125em; */ }

nav#mobilNav input.moMenueRadio[type=radio] { display: none; }

label.moMenueVerbergen, label.moMenueZeigen { overflow: hidden; display: block; width: 90px; height: 30px; position: absolute; top: 10px; right: 0; }
span.bLeser { display: block; position: absolute; top: -100px; left: -9999px; }
label.moMenueVerbergen { right: -200px; }

input#moMenueZeigen[type=radio]:checked    ~ ul                     { height: 18rem; }
input#moMenueZeigen[type=radio]:checked    ~ label.moMenueVerbergen { right:  0; }
input#moMenueZeigen[type=radio]:checked    ~ label.moMenueZeigen    { right: -200px; }
input#moMenueVerbergen[type=radio]:checked ~ ul                     { height: 0; }
input#moMenueVerbergen[type=radio]:checked ~ label.moMenueVerbergen { right: -200px; }
input#moMenueVerbergen[type=radio]:checked ~ label.moMenueZeigen    { right:  0; }

/* Ende Mobiles Menue */

/* Video auf Presse-Seite */
.videoWrapper {
	position: relative;
	padding-bottom: 61.328125%; /* Fuer SWF-Video 512 x 314 px-iframe */
	/* padding-top: 25px; Moeglicherweise fuer YouTube-Bedienelemente? */
	height: 0;
	margin-bottom: 20px;
}
.videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
video { width: 100% !important; height: auto !important; margin-bottom: 10px; }
/* Ende Video auf Presse-Seite */

img.dekoStern { margin: 5px 5px 0 0; padding: 0; vertical-align: bottom; }

/* Media queries
-------------------------------------------------------------------------------*/
@media only screen and (max-width: 320px) {
	.presse article.mitBild p, .presse article.mitBild h1, .presse article.mitBild h2, .presse article.mitBild h3, 
	.presse article.mitBild ul, .presse article.mitBild p.presseQuelle { margin-left: 0; clear: left; }
	#presse, #weine, #weine table { width: 260px; }
	#weine table { border: 5px solid #fff; }
	.presse article { letter-spacing: 0.5px; }
	#weine div#logoKlein, #presse div#logoKlein { width: 30px; margin-top: 1.7rem; }
	th.weinBild, td.weinBild { width: 0; /* display: none; */ overflow: hidden; }
	td.weinBild img { display: none; }
	tr.ueberschrift td h1 { padding: 0.5rem 0 0.5rem 0.5rem; }
	.kontakt #presse {
    content: "viewport-units-buggyfill; left: calc(50vw - 150px); top: calc(50vh - 12.5rem);";
    height: auto;
    left: calc(50vw - 150px);
    margin: 0;
    padding-bottom: 0;
    position: absolute;
    top: calc(50vh - 12.5rem);
    width: 300px;
    z-index: 10;
}
}

@media only screen and (max-height: 320px) {
	#mobilNav ul li { display: inline-block; }
	input#moMenueZeigen[type=radio]:checked    ~ ul { height: 6rem; }
}

/* @media only screen and (max-width: 620px) { wird in iPhone 6+ noch angezeigt, daher 736px */
@media only screen and (max-width: 736px) {
	footer { display: none; }
	.mobilMenue { display: block; }
}

/* @media only screen and (min-width: 621px) {  s.o. */
@media only screen and (min-width: 737px) {
	footer { display: block; }
	.mobilMenue { display: none; }
}

@media only screen and (max-width: 850px) {
	nav#hauptMenue { /* margin-left: 119px; width: 470px; */ }
}

@media only screen and (max-device-width: 667px) {
	#presse { margin-top: 3rem; }
}

@media only screen and (min-device-width : 375px) and (max-device-width : 667px) {

}

/* @media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation: portrait) { */
@media only screen and (max-device-width : 667px) and (orientation: portrait) {
	.presse article.mitBild p, .presse article.mitBild h1, .presse article.mitBild h2, .presse article.mitBild h3, 
	.presse article.mitBild ul, .presse article.mitBild p.presseQuelle { margin-left: 0; clear: left; }
	#presse, #weine, #weine table { width: 315px; }

}

@media only screen and (max-width: 380px) {
	#presse, #weine, #weine table { width: 83vw; }
}

@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation: landscape) {

}


/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {

/* .wrapper              { height: calc(100vh - 30px); margin: 15px; } */
/* .zumScrollen .wrapper { height: calc(100vh - 30px); width: calc(100vw - 30px); } */

}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
div#logoGross         { top: 220px !important; } /* MB Aenderung am 1.9.15 */

/*
.wrapper              { height: 755px; }
footer                { width: 964px; }
*/
}


/* iPads (portrait) ----------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
div#logoGross         { left: 279px !important; top: 350px !important; } /* MB Aenderung am 1.9.15 */
/*
.wrapper              { height: 1024px; }
footer                { width: 708px; }
nav#hauptMenue        { margin-left: 119px; width: 470px; }
*/
nav#serviceMenue { padding: 0; }

}



@media screen and (max-width: 1275px) {
	footer.spalte div#logoKlein, footer.spalte div#logoSchriftzug { display: none; }
	#weine div#logoKlein, #presse div#logoKlein { width: 30px; }
	#weine div#logoKlein, #weine div#logoSchriftzug,
	#presse div#logoKlein, #presse div#logoSchriftzug  { display: block; }
}



/* Print styles
-------------------------------------------------------------------------------*/
@media print {



}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
	#presse { padding-bottom: 7rem; }

}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: portrait) {


}