@charset "UTF-8";
@import url(//fonts.googleapis.com/css?family=Gudea);
@media all
{
body, #header, #nav, #nav_main, #page, .page, #main, #topnav, #footer, #teaser, #submenu, .page_margins, img 
                        {background:none; border:0; padding:0; margin:0; color:#531;}
html                    {font-family:arial !important;}
body                    {font-size:14px; background:#e7d5c9;}
.page_margins           {background: #e7d5c9 url("images/page_margins.jpg") top center repeat-y; min-width:800px; max-width:1024px; margin:0 auto;
                         border-left:1px solid #baa; border-right:1px solid #fee;}
.page                   {background: transparent url("images/page.jpg") top center no-repeat; border-left:1px solid #fee; border-right:1px solid #baa;}
#pageUID-5 .page        {background: transparent url("johannes/page.jpg") top center no-repeat;}
.tx-rgsmoothgallery-pi1 {margin:0 auto;}
.csc-default            {margin-bottom:2em;}
#header                 {height:240px;}
#header #logo           {left:125px; padding:0;}
#header #banner         {border:0; top:444px; right:-10px;}
#main                   {background: transparent url("images/main.jpg") bottom center no-repeat; padding-bottom:220px; min-height:600px;}
#teaser                 {margin-left:120px; width:552px;}
#teaser .rootline       {margin: 0px 0 0 18px; color:#531;}
#teaser .rootline a     {color:#531;}
#col3                   {margin-right:400px;}
#col3_content           {width:458px; padding-left:138px;}
#col1_content           {width:255px; position:absolute; left:626px; top:154px;}
#col1 a, #col3 a        {color:#200;}
#extended               {background: #e7d5c9; height:auto; padding:0;}
#footer                 {background: #f3eae5 url("images/footer.jpg") right bottom no-repeat; color:#842;}
.border-top             {display:none;}
#topnav                 {position:absolute; top:-120px; right:140px; width:250px;}
#topnav ul              {list-style:none;}
#topnav li              {float:left;}
#footer a,
#topnav a, 
#topnav strong          {color:#531; font-weight:normal;}
#footer a:hover,
#topnav a:hover,
#topnav strong          {color:#842;}
#footer_content         {padding:24px 36px;}
#footer_social          {position:absolute; top:-40px;}
h1                      {font-size:21px; color:#310;}
#col3 h1,
.tx-powermail h3        {background:transparent url("images/h1.png") no-repeat; padding-left:66px; height:40px; font-size:21px; color:#310;}
h2, h3, h4, h5, h6      {font-size:18px; color:#310; font-family:arial;}
h2                      {font-size:16px;}
.mailwebtu              {display:none;}
.jdExtCarousel .label   {height:18px;}
.carouselInner .thumbnail {float:left; width:50px !important; padding-bottom:9px !important;}
table, tbody td         {border:0;}
table tbody td img      {-webkit-box-shadow: 2px 2px 8px 0px #333; -moz-box-shadow: 2px 2px 8px 0px #333; box-shadow: 2px 2px 8px 0px #333;}
tbody tr:hover td       {background:none;}
.myGallery.jdGallery             {border:0 !important;}
.jdGallery .slideElement,
.tx-rgsmoothgallery-pi1 {background-color:transparent !important;}
/*
    Anfahrt
*/
.cbQuickGoogleMap    {color:#482007; margin-bottom:24px; 
                      -webkit-box-shadow: 0px 2px 9px 2px #333; -moz-box-shadow: 0px 2px 9px 2px #333; box-shadow: 0px 2px 9px 2px #333;}

/*
    Social
*/
#socialshareprivacy .social_share_privacy_area  {margin-top:12px !important}
.settings_info_menu {color:#000 !important;}
/*** ESSENTIAL STYLES ***/
.sf-menu, 
.sf-menu *            {margin:0; padding:0; list-style:none;}
.sf-menu              {position:relative; left:10px; height:30px; top:174px;
                        -webkit-box-shadow: 0px 0px 4px 0px #000; -moz-box-shadow: 0px 0px 4px 0px #000; box-shadow: 0px 0px 4px 0px #333;}
.sf-menu ul           {position:absolute; top:-999em; width:10em; /* left offset of submenus need to match (see below) */ 
                        -webkit-box-shadow: 0px 2px 6px 2px #000; -moz-box-shadow: 0px 2px 6px 2px #000; box-shadow: 2px 2px 8px 2px #333;}
.sf-menu ul li        {width:100%;}
.sf-menu li:hover     {visibility:inherit; /* fixes IE7 'sticky bug' */}
.sf-menu li           {float:left; position:relative; text-transform:uppercase;}
.sf-menu > li         {border-left:1px solid #dcc; border-right:1px solid #840;}
.sf-menu li.first     {border-left:0;}
.sf-menu li.last      {border-right:0;}
.sf-menu a            {display:block; position:relative; color:#420; text-shadow: 1px 1px 1px #c1a285;}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul          {left:-1px; padding-left:12px; top:30px; /* match top ul list item height */ z-index:99;}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul     {top:-999em;}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul     {left:-216px; /* match ul width */ top:-6px;}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul  {top:-999em;}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul  {left:10em; /* match ul width */ top:0;}
/*** DEMO SKIN ***/
.sf-menu              {background:transparent url("images/nav.jpg"); width:520px; margin:0 0 0 113px; }
.sf-menu ul           {background:transparent url("images/br-80.png"); width:200px; padding:6px 6px 12px 0;}
.sf-menu a            {padding:2px 12px 4px 12px; text-decoration:none;}
.sf-menu li li a,
.sf-menu li li li a   {padding:6px 20px; border-bottom:1px dashed #444;}
.sf-menu li li.last a,      
.sf-menu li li li.last a {border:0;}
.sf-menu a, 
.sf-menu a:visited    {color:#420; /* visited pseudo selector so IE6 applies text colour*/}
.sf-menu li           {top:0px; font-size:17px; color:#420; font-family: 'Times Roman', "Times", sans-serif;}
.sf-menu li li        {letter-spacing:0px; font-family:arial,tahoma,verdana; font-size:15px; text-transform:none; padding:0;}
.sf-menu li li li     {}
.sf-menu li:hover, 
.sf-menu li.sfHover,
.sf-menu a:focus, 
.sf-menu a:hover, 
.sf-menu a:active     {outline:0; color:#fff;}             
li.current > a,
.sf-menu a:hover      {} 

/*** arrows **/
.sf-menu a.sf-with-ul {padding-right:2.25em; min-width:1px; /* trigger IE7 hasLayout so spans position accurately */}
.sf-sub-indicator     {position:absolute; display:block; right:.75em; top:1.05em; /* IE6 only */ width:10px; height:10px; text-indent:-999em;
                       overflow:hidden; background:url('images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */}
a > .sf-sub-indicator {/* give all except IE6 the correct values */  top:.8em; background-position: 0 -100px; /* use translucent arrow for modern browsers*/}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {background-position: -10px -100px; /* arrow hovers for modern browsers*/}
/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator                   {background-position:-10px 0; }
.sf-menu ul a > .sf-sub-indicator               {background-position:0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator  {background-position: -10px 0; /* arrow hovers for modern browsers*/}
/*** shadows for all but IE6 ***/
.sf-shadow ul         {background:url('styles_FILES/shadow.png') no-repeat bottom right; padding: 0 8px 9px 0;
                      -moz-border-radius-bottomleft: 17px; -moz-border-radius-topright: 17px; -webkit-border-top-right-radius: 17px; -webkit-border-bottom-left-radius: 17px;}
.sf-shadow ul.sf-shadow-off {background: transparent;}

/*
      Formular Powermail
*/
.tx-powermail-pi1       {margin-bottom:24px;}
.powermail_legend       {display:none; margin:18px 0 24px 0;}
.powermail_label        {width:140px; float:left;}
.powermail_input,       
.powermail_textarea     {width:285px;}
.powermail_fieldwrap    {margin-bottom:1em;}
.powermail_submit       {margin-left:155px; padding:3px 12px;}
.powermail_submit       {background:transparent url("images/nav.jpg"); padding:6px 12px; color:#000;}
.powermail_submit:hover {background:#5c3015; color:#fff; cursor:pointer;}
.powermail_fieldset     {margin-top:2em;}

}


/*  Cookieabfrage */
div.cc_container            {background:rgba(194,163,135,0.92);}
.cc_message                 {color:#952;}
.cc_container .cc_more_info:visited,
.cc_container .cc_more_info {padding:0.1rem 0.25rem; border-radius:3px; color:#620;}
div.cc_container .cc_btn:visited,
div.cc_container .cc_btn    {max-width:180px; background-color:#edd; color:#952;}

ul  {margin-left:0;}

.tx_gorillary_collection {display:grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-gap: 12px; list-style: none}