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

* { margin:0; padding: 0; }
option { padding-left: 0.4em}
fieldset, img { border:0; }
select, input, textarea { font-size: 99% }
html { height: 100%; }
body {  min-height: 101%; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100.01%; font-weight:normal; position: relative; color: #000; background: #fff; text-align: left; background: #fff; padding: 0px; }
#sidr { display: none; }
.headerwrap { overflow-x: hidden; }

/*Menu*/
.sidr { background:#CE2A42; }
.menu-text { /*vertical-align: super;*/ padding-right: 5px; color:#7A7A7A; text-transform: uppercase; font-weight: bold; }
a.sidrtoggle { text-decoration: none; }
.sidrtoggle i { color: #CE2A42; font-size: 3rem; margin-left: 10px; padding-top: 5px; }
.sidrtoggle { text-align: right; padding-right: 5px; }
.closeSecondLevelNav, .closeThirdLevelNav { text-align: right; padding-right: 20px; font-size: 2rem; font-weight: 900; cursor:pointer; }
#sidr, ul.Secondlevel, ul.Thirdlevel { height:91.5vh; padding-top: 20px; font-size: 1.4rem; }
ul.Secondlevel, ul.Thirdlevel { padding: 12px 0px; font-size: 1.2rem !important; }
.sidr ul.Secondlevel li, .sidr ul.Thirdlevel li { font-size: 1.2rem !important; }
.sidr ul.Secondlevel li a, .sidr ul.Thirdlevel li a { padding-left: 27px; }
#sidr a.hasSubMenu:hover { text-decoration: none; opacity: .7; }
#sidr a.hasSubMenu:after { font-family: "Font Awesome 6 Free"; font-weight: 900; content: '\f054'; float: right; }
.OpenSecondlevel > a.hasSubMenu:after { margin-right:-5px; }
.OpenThirdlevel > a.hasSubMenu:after { margin-right:10px; }
.sidr ul li ul li a, .sidr ul li ul li span { padding-left: 0; }
.sidr ul li a, .sidr ul li span { padding: 0 0px; display: block; text-decoration: none; color: #fff; }
.sidr ul li a:hover { text-decoration: underline; }
.sidr ul li { padding: 0 15px; display: block; margin: 0; line-height: 49px; }
.sidr { display: block; top: 8.5vh; height: auto; min-height: 600px; z-index: 906; width: 80vw; overflow-x: hidden; overflow-y: auto; }
.sidr-container { height: 8.5vh; position: fixed; top:0; width: 100%; background: #fff; z-index: 1000; padding-bottom: 10px; }


.container { max-width: 832px; }
.logo img { max-width: 100%; height: auto; }

#inhalt ol { margin-left:20px; margin-top:20px; color:#CE2A42; }
#teaser a, .maincontent-center a { color:#CE2A42;; }


.contenttable-0 { font-size:11px; border-collapse:collapse; width:100%; margin-bottom:30px; }
.contenttable-0 tr { border-bottom: 1px solid #CE2A42 !important;  }
.contenttable-0 td { padding:5px; }
.contenttable-0 .tr-0 { font-weight:bold; }

.powermail_fieldwrap { padding-bottom:15px; }
.powermail_fieldwrap input { border: 1px solid #CE2A42 !important; width:100%; padding:4px; }
.powermail_fieldwrap input.btn { background: #CE2A42; }
.powermail_fieldwrap input.btn:hover { opacity: .7; }
.powermail_fieldwrap input.powermail_radio { width:auto; padding:0; margin:0; }
.powermail_fieldwrap textarea { border: 1px solid #CE2A42 !important; width:100%; padding:4px; }
.powermail_legend { display:none; }
div.radio { width:100%; float:left; }
.container-fluid { position:relative; padding-right:20px; }
input.powermail_submit { width:50%; cursor:pointer; }
.tx-powermail .container-fluid { margin: 0; padding: 0; }

#seite { border:0px #000 solid; background:#fff; width:800px; margin-left:18%; font-size:0.8em; }
#seitenrand { border: 0px #000 solid; margin:auto; }

#header { position:relative; height: 300px; color: #000; background: #fff url(../images/test.jpg) no-repeat top; }
#header img { margin:0; padding:0; border:0; float:left; }
#navigation_oben { display:none; }

/*Hauptcontainer um Inhaltsspalten*/
#hauptcontainer { clear:both; width: auto; background: #fff url(../images/test.jpg) repeat-y top left; margin:0px; padding:0px; }
.maincontent-center { font-size:.9rem; padding-top: 20px; }
.maincontent-right { font-size:.85rem; }

/*Spalten-Definitionen*/
#spalte1 { float: left; width: 200px; z-index: 3; }
#spalte1_inhalt { position:relative; z-index: 4; }

#spalte2 { float:right; width: 200px; z-index: 5; }
#spalte2_inhalt { position:relative; z-index: 6; }

#spalte3 { width:auto; margin-left: 200px; margin-right: 200px; z-index: 1; }
#spalte3_unsereweine { width:auto; margin-left: 200px; margin-right: 0px; z-index: 1; }

#spalte3_inhalt {
    position:relative;
    z-index: 2;
}

.frame-winebox { border-bottom: 1px solid #757575; margin-bottom:20px; }
.frame-winebox:last-of-type { border-bottom: 0px; }
.frame-winebox h2 { font-size: 1rem; }

.ce-gallery figcaption { background: #ce2a42; padding: 2px; color: #fff; }


/*Definitionen für Typo3-Navigation*/
#navigation { display: block; position: relative; font-family: Verdana, Arial, sans-serif; font-size: 1rem; text-align: right; background-color:#fff; }
#navigation li { list-style:none; list-style-position:outside; }
#nav a { display: block; position: relative; width: 100%; padding: 4px 0px; font-family: Verdana, Arial, sans-serif; font-size: 16px; color: #757575; text-decoration: none; text-align: left; text-indent: 8px; line-height: 24px; background-color:#fff; border-bottom:1px #000 solid; }
#navigation ul { padding-left: 0; }

#nav_aktiv a {
    display: block;
    position: relative;
    width: 100%;
    padding: 4px 0px;
    font-family: Verdana, Arial, sans-serif;
    font-size: 16px;
    color: #fff;
    text-decoration: none;
    text-align: left;
    text-indent: 8px;
    line-height: 24px;
    background-color:#ce2a42;
    border-bottom:1px #000 solid;
}
#nav a:hover { background-color:#ce2a42; color: #fff; }

#credo { margin-top:20px; }

/*Footer für STW-Logo mit Fettem Rand, kann auch in Footer integriert werden*/
#fetterrand {
    display:block;
    clear:both;
    margin-left:200px;
    background-color:#fff;
    border-top:4px #000 solid;
    border-bottom:1px #000 solid;
    margin-top:20px;
    min-height: 40px;
    text-align: right;
    padding: 5px 0;
}

#fetterrand img {
    max-height: 24px;
    width: auto;
}

#fetterrand a { color: #ce2a42; text-decoration: none; font-size: .65rem; }

/*Schriften, Titel, usw. für Typo-Extensions*/
#inhalt {
    padding-top:4px;
}

h1.csc-firstHeader {
    display:block;
    color: #ce2a42;
    font-size: 0.9em;
    font-weight: bold;
    margin-bottom: 16px;
}

h1, h2, h3 {
    display:block;
    color: #ce2a42;
    font-size: 0.9em;
    font-weight: bold;
    margin-top:0px;
    margin-bottom: 16px;
}
.frame-firstcontent h2 { font-size: 1.2rem; }
.news h3 { font-size: 1.2rem; line-height: 1.6rem; }

.bodytext {
    font-family: Verdana, Arial, sans-serif;
    font-size:0.9em;
}

#inhalt a {
    color:#CE2A42;
}

/*News Front*/
.news-latest-container-front {
    display:block;
    border-top:4px solid #000;
    padding-top:10px;
    margin-top:30px;
}

.news-latest-container-front p.bodytext {
    display:inline;
    font-size:0.9em;
}

.news-latest-container-front h3 {
    margin-bottom:0px;
}

.news-latest-item {
    display:block;
    margin-top:10px;
}

.news-latest-item h1 a {
    display:inline;
    color: #ce2a42;
    font-size: 1em;
    font-weight: normal;
    text-decoration:none;
}

.news-latest-item h2 a {
    display:inline;
    color: #ce2a42;
    font-size: 1em;
    font-weight: normal;
    text-decoration:none;
}

.news-latest-item h3 a {
    display:inline;
    color: #ce2a42;
    font-size: 1em;
    font-weight: normal;
    text-decoration:none;
}

h3 .news-latest-date a {
    display:inline;
    text-decoration:none;
    color:#757575;
    font-weight:bold;
    font-size:0.9em;
}

.news-list-container p.bodytext {
    display:inline;
    font-size:0.9em;
}

.news-latest-item p.bodytext {
    display:inline;
    font-size:0.9em;
}

.news-list-item {
    display:block;
    margin-top:10px;
    padding-bottom:18px;
    /*border-bottom:1px solid #757575;*/
}

.news-list-item h1 a {
    display:block;
    color: #ce2a42;
    font-size: 1em;
    font-weight: normal;
    text-decoration:none;
    margin-bottom:-10px;
}

.news-list-item h2 a {
    display:block;
    color: #ce2a42;
    font-size: 1em;
    font-weight: normal;
    text-decoration:none;
    margin-bottom:-10px;
}

.news-list-item h3 a {
    display:block;
    color: #ce2a42;
    font-size: 1em;
    font-weight: normal;
    text-decoration:none;
    margin-bottom:-10px;
}

.news-latest-item h4 a {
    display:block;
    color: #ce2a42;
    font-size: 1em;
    font-weight: normal;
    text-decoration:none;
    margin-bottom:0px;
}

.news-single-author {
    display:none;
}
.news .lead { font-size: .9rem; }
.news .lead br { padding: 5px 0; }
.news .extra { font-weight: bold; margin: 4px 0; }
.news .btn-read-more, .news .btn-default { border: 1px dotted #ce2a42; color:#ce2a42; font-size: .8rem; }
.news .btn-read-more a { color:#ce2a42; }
.news h1 { font-size: 1.2rem; }

#teaserspalte .news-list-date {
    display:block;
    text-decoration:none;
    color:#757575;
    font-weight:bold;
    font-size:1em;
    margin-bottom:-10px;
}
.teaser-slogan { font-size: .8rem; color:#ce2a42; }

#inhalt .news-list-date a {
    display:block;
    text-decoration:none;
    color:#757575;
    font-weight:bold;
    font-size:1em;
    margin-bottom:0px;
}

.news-single-timedata {
    display:block;
    text-decoration:none;
    color:#757575;
    font-weight:bold;
    font-size:1em;
    margin-bottom:0px;
}

#inhalt .news-list-date {
    display:block;
    text-decoration:none;
    color:#757575;
    font-weight:bold;
    font-size:1em;
    margin-bottom:0px;
}

.news-latest-morelink a {
    color: #ce2a42;
    font-size:0.8em;
}

.news-list-morelink a {
    color: #ce2a42;
    font-size:0.8em;
}

.news-single-backlink a {
    color: #ce2a42;
    font-size:0.8em;
}

#teaserspalte {
    padding-top:4px;
    padding-left:10px;
}

/*Footer und Clearing*/
#footer {
    clear:both;
    height: 30px;
    text-align:center;
    color:#ce2a42;
    background:#fff;
    margin: 0px;
    margin-top:80px;
    padding: 0px;
    border: 0px #000 solid;
    line-height: 30px;
    font-size:10px;
}

#footer a {
    text-decoration:none;
    color:#ce2a42;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix { display: block; }

.floatbox { overflow:hidden; }

#ie_clearing { display: none }

/******************************Formulare********************/
#mailform {
    padding-left:20px;
}

#mailform label {
    display: block;
    float: left;
    width:100px;
    margin-bottom:10px;
    margin-right:10px;
}

#mailform input {
    display:block;
    float:left;
    width:220px;
    margin-bottom:10px;
}

#mailform textarea {
    display:block;
    float:left;
    width:220px;
    margin-bottom:10px;
}

#mailform .csc-mailform-label {
    float:left;
    margin-bottom:10px;
    margin-left:110px;
}

#mailform form br {
    clear: left;
}

#mailform input.csc-mailform-submit {
    float: right;
    width: 60px;
    margin-top:10px;
    margin-bottom:20px;
    margin-right:36px;
}

#mailform label {
    text-align: left;
}

#mailform form {
    border:0px;
}

#mailform fieldset {
    border:0px;
    margin-top:30px;
    padding: 0;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:11px;
}

#mailform .csc-mailform-check {
    width:16px;
    margin-top:14px;
}


/*Captcha-Div muss mittel PHP eingefügt werden*/

#mailform #captchaResponse {
    width:100px;
    float:left;
}

#mailform #captcha img {
    float:left;
    margin-right:6px;
    margin-left:110px;
}

.frame-type-form_formframework .form-group { margin-bottom: 16px; }
.frame-type-form_formframework input, .frame-type-form_formframework textarea { border: solid 1px #ce2a42; }
.frame-type-form_formframework .btn-primary { background: #ce2a42;  border: solid 1px #ce2a42; color: #fff; width: 100%; }
.frame-type-form_formframework .btn-primary:hover { opacity:.7; }
.frame-type-form_formframework .btn-group { width: 100%; }
.frame-type-form_formframework .btn-group>.btn-group:not(:first-child)>.btn, .frame-type-form_formframework .btn-group>.btn:nth-child(n+3), .frame-type-form_formframework .btn-group>:not(.btn-check)+.btn {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

/******Mitglieder FCE*********************************/
#mitglieder { width:100%; padding-bottom:6px; border-bottom:#ce2a42 1px solid; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; float:left; position:relative; display:block; margin-bottom:10px; }
#name, #ort, #plz, #adresse, #telefon { position:relative; display:inline; margin-right:6px; float:left; }
#name {width:18%;}
#ort {width:16%;}
#plz {width:6%;}
#adresse {width:30%;}
#telefon {width:22%; text-align:right; }
#name1, #ort1, #plz1, #adresse1, #telefon1 { position:relative; display:inline; margin-right:6px; float:left; }
#name1 {width:18%; font-weight:bold; }
#ort1 {width:16%; font-weight:bold; }
#plz1 {width:6%; font-weight:bold; }
#adresse1 {width:30%; font-weight:bold; }
#telefon1 {width:22%; font-weight:bold; text-align:right; }
#trenner { clear:both; }

/********Unsere Weine*********************************/
.unsereweine { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; float:left; border-bottom: 1px solid #757575; padding-bottom:10px; margin-bottom:10px; width:600px; }
.unsereweine1 { float:left; display:block; width:400px; }
.unsereweine2 { float:left; width:200px; background-color:#fff46e; }
.unsereweine2 img { float:right; }
.unsereweine_titel { color:#757575; margin-bottom:6px; font-weight:bold; margin-top:6px; }
.unsereweine_beschreibung { float:left; width:200px;}
.unsereweine_preis { color:#757575; width:200px; float:left; }
.unsereweine_flasche, .unsereweine_flasche150 { width:75px; text-align:right; float:left; margin-left:0px; margin-right:10px; font-weight:bold; }
.unsereweine_flaschenpreis { width:75px; float:right; margin-right:20px; font-weight:bold; }
.unsereweine_flaschenpreis1 { width:75px; float:right; margin-right:20px; font-weight:bold; }
.unsereweine_flaschenpreis2 { width:75px; float:right; margin-right:20px; font-weight:bold; display:none; }
.unsereweine_flasche150 { display:none; }


/*************Linklist**********************************/
#linkliste { float:left; width:100%; padding-top:6px; padding-bottom:6px; border-bottom:#ce2a42 1px solid; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; }
#be_link { float:left; }
#link a { color:#ce2a42; float:left; margin-left:12px; }

#wwnav { color:#ce2a42; padding-top:20px; margin-top:30px; border-top:#757575 1px solid; width:100%; }
#wwnav a { color:#ce2a42; }
#wwnav ol { list-style-position:inside; }
#pagebrowser { color:#ce2a42; margin-top:12px; margin-bottom:12px; width:100%; }
#pagebrowser a { color:#ce2a42; }
#pb_rechts { position:relative; left:70%; }

#teaser .news-list-browse {display:none;}


/*****************Galerie*********************************/
.tx-sksimplegallery-pi1 .description {border:0px;}
.tx-sksimplegallery-pi1 h3 {margin-left:0px;}

.tx-sksimplegallery-pi1 dl.list {margin: 0px 10px 10px 0px;}
.tx-sksimplegallery-pi1 dl.single {margin: 0px 10px 10px 0px;}
.tx-sksimplegallery-pi1 dl.list dd {font-weight:normal; height:40px;}
.tx-sksimplegallery-pi1 dl.single dd {font-weight:normal; height:40px;}
.tx-sksimplegallery-pi1 a { color:#ce2a42; }
.tx-sksimplegallery-pi1 dl.single dd { background-color:#fff; }


/***************Dateidownloads********************/
a.download { color: #ce2a42; }

#unsereweine_flasche150 { display:none; }
#unsereweine_flaschenpreis2 { display:none; }

/********************Mailform*****************/
#kontakt_haupt { float:left; position:relative; width:380px; }

/*#inhalt form { margin-top:10px; float:left; position:relative; }*/
#kontakt_links { margin-right:0px; width:380px; }
#kontakt_links label {float:left; width:120px;}
#kontakt_links input { float:left; width:220px; }
#kontakt_links textarea { float:left; width:220px; font-size:12px; }
#kontakt_div { margin-bottom:10px; }
#kontakt_links input#strasse {width:150px}
#kontakt_links input#nummer {width:60px; margin-left:6px;}
#kontakt_links input#ort {width:150px}
#kontakt_links input#plz {width:60px; margin-right:6px;}

#kontakt_rechts { width:380px; float:left; }
#check {width:380px; float:left; margin-bottom:8px; margin-top:10px; }
#check label { float:left; margin-left:4px; position:relative; width:266px; }
#check input { float:left; position:relative; width:10px; }

p#helfen { float:left; margin-bottom:10px; display:none; color:#757575; }


#tage { width:280px; float:left; margin-bottom:6px; margin-top:6px; }
p#am { float:left; margin-right:6px; }

#captcha { float:left; margin-top:30px; }
#cap_img { width:180px; float:left; margin-right:10px; }
.captcha input { float:left; margin-left:10px; }
.captcha label { margin-left:10px; float:left; width:160px; color:#ce2a42; }
.captcha label a { color:#0077c0; }

input#submit { float:left; margin-top:0px; width:150px; }
.tx-srfreecap-pi2-cant-read a:link { color:#ce2a42; }
.tx-srfreecap-pi2-cant-read { color:#ce2a42; }

.tx-srfreecap-pi2-image { margin-left:0; width:200px; }

/*News*/
#inhalt .news-latest-item { border-bottom:1px dotted #CE2A42; padding-bottom:15px; margin-bottom:15px; }
#inhalt .news-latest-item h2 { font-size:14px; }
#inhalt .news-latest-item h2 a { color:#CE2A42; }
#inhalt .news-latest-item a { color:#000; }
#inhalt .news-latest-date { font-size:11px; }

#teaser .news-list-item h3 a { font-size:12px; }
#teaser .news-list-item { font-size:11px; }

.news-single-item h1 { margin:10px 0px 10px 0px; }
.news-single-rightbox { font-size:11px; margin-top:30px; }
.news-single-backlink { margin-top:50px; text-align:right; }

#kontakt legend { display:none; }
#kontakt .tx_powermail_pi1_fieldwrap_html_select label { display:none; }
#kontakt label { display:block; width:200px; color:#ce2a42; }
#kontakt input { width:200px; }
#kontakt textarea { width:204px; height:120px; }
#kontakt .tx_powermail_pi1_fieldwrap_html { padding-bottom:5px; }
#kontakt input.powermail_submit { width:auto; }

.footerwrap { min-height: 100px; }

@media (max-width: 768px) {
    .logo img {  margin-top: -0px; z-index: 100; }
    .headerimage { margin-top: -370px; margin-left: 50px; margin-bottom: 30px; z-index: -1; }
    #fetterrand { margin-left: 0px; }
    #sidr { display: block; }
}
@media (max-width: 400px) {
    .frame-winebox .ce-gallery, .frame-winebox .ce-row, .frame-winebox .ce-column, .frame-winebox figure, .frame-winebox img { width: 100%; height: auto; }
    .frame-winebox .ce-textpic, .frame-winebox .ce-nowrap .ce-bodytext { overflow: visible; }
}
@media (max-width: 300px) {
    .logo {  margin-bottom: -100px; }
    .headerimage { display: none; }
}
.responsiveMap { overflow:hidden; padding-bottom:90%; position:relative; height:0; }
.responsiveMap iframe { left:0; top:0; height:100%; width:100%; position:absolute; }