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


/* latin */
@font-face {
  font-family: 'Aleo';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("../schriften/aleo/c4mh1nF8G8_swAj50xVs.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin */
@font-face {
  font-family: 'Aleo';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../schriften/aleo/c4mv1nF8G8_swA3J0Q.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin */
@font-face {
  font-family: 'Aleo';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../schriften/aleo/c4mg1nF8G8_syLbsxDJJnw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}





body
{
  background: #fff;
  color: #333;
  }

p { width: 100%}
#all
{
  color: #333;
  border:solid 0px ;
  padding-top:0px;
  background:#fff;
 
}

#header
{
  padding-top:85px;
  background:#fff;
  font-size:1em;
  position:relative
}

a:link,
a:visited
{
  color:#5a7c18
}

a:hover,   
a:active,
a:focus
{
  
  color:#ef8c2e;
}

.container { max-width: 1060px}
.jumbotron { margin-bottom: 0}
.jumbotron-fluid { padding-top: 0px; padding-bottom: 0px;}

.contentarea { position: relative; overflow: hidden;  padding: 20px 0px 20px 0px; }

.contentright { width: 100%; float: left; position: relative; padding: 0 15px 120px 15px;}
.contentleft { display: none; padding: 0px 0 0 0px; float: left; margin: 10px 3% 10px 0px; width: 25%; position: relative; }
.row { margin: 0;}


@media (min-width: 768px) {
	.contentarea { padding: 50px 15px 20px 35px; }
	.contentleft { display: block; padding-bottom: 150px }
	.contentright { width: 72%;   }
}
@media (min-width: 980px) { 
	.contentright { padding-bottom: 20px; }
}

/* ##########################  header  ########################### */


#line {position: fixed; left: 0px; top: 0px; width: 100%; height: 85px; background: #fff; text-align: center; z-index: 100; border-bottom: 1px solid #4B4B4B; }

.custom_fix_oben { max-width: 1020px; margin: 0 auto; text-align: left;  }
.custom_fix_oben .logo { padding: 13px 0 0 10px; }


.navbar-brand { max-width: 70%}
.navbar-brand img { width: 100%}



/* ##########################  navigation column  ########################### */

.navbar .nav-link { text-transform:uppercase; font-family: aleo, 'aleoregular','Helvetica Neue',Arial,sans-serif; line-height: 3.5625em; display:inline; position:relative; color: #474747; font-size: 1.1em; border:none; font-weight:normal; text-decoration:none; padding:0px 12px; margin:0 ; background: none; letter-spacing: 0.6px }

.navbar .nav-link:hover,.navbar .nav-link:active,.navbar .nav-link:focus {font-weight:normal;color: #ef8c2e;}

.navbar ul li.active .nav-link:link,.navbar ul li.active .nav-link:visited { color: #5a7c18;  }

.bg-dark { background: transparent!important}
.navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(70, 70, 70, 1.0)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");}
.navbar-toggler { border: 1px solid rgba(70, 70, 70, 1.0) }

xx.navbar .show { background: rgba(255, 255, 255, 0.9); border: 1px solid #bbb; border-radius: 10px; padding: 10px}
.navbar .show ul li.nav-item a.nav-link { line-height: 2.2em}

.navbar .navbar-collapse { display: none; background: rgba(255, 255, 255, 0.9); border: 1px solid #bbb; border-radius: 10px; padding: 10px }
.navbar .navbar-collapse ul li.nav-item a.nav-link { line-height: 2.2em}


.navbar .dropdown.show { padding: 0; background: transparent; border: 0px solid #fff}
.navbar .dropdown.show a.nav-link { line-height: 3.5625em; }

.navbar .dropdown a { display: none}

.navbar .dropdown-menu { padding: 0; background: transparent; border: 0px solid #fff}
.navbar .dropdown-menu { top: 90% }
.navbar .dropdown-menu { display: block }
.navbar .dropdown-menu a { display: block; color: #444; text-transform: uppercase; line-height: 2.2em; padding: 0px 0 0 12px; font-size: 1.0em; font-family: aleo, 'aleoregular','Helvetica Neue',Arial,sans-serif; }

.navbar .dropdown:hover { display: block; }
.navbar .dropdown:hover .dropdown-menu { display: block;}

@media (min-width: 990px) {
	.navbar .navbar-collapse {background: transparent; border: 0px solid #fff; border-radius: 0px; padding: 0px}
	.navbar .dropdown-menu { padding: 10px; background: rgba(255, 255, 255, 0.9); border: 1px solid #ddd}
	.navbar .dropdown { display: block; }
	.navbar .dropdown a { display: block}
	.navbar .dropdown:hover { display: block; }
	.navbar .dropdown-menu { display: none}
	.navbar .dropdown-menu a { color: #5a7c18; text-transform: none; line-height: 1.9em; padding: 0px 0 0 0px; font-size: 1.0em; font-family: aleo, 'aleoregular','Helvetica Neue',Arial,sans-serif; }
}

/* ##########################  /navigation column  ########################### */

/* ##########################  slider  ########################### */

#startslideshow { position: relative; font-size: 70%; display: none }

  #slideshowWrapper img { width: 100% }
  #slideshowWrapper ul#slideshow li ul { position: absolute; top: 10%; left: 10%; background: rgba(255, 255, 255, 0.9); padding: 10px 20px; max-width: 440px }
  #slideshowWrapper ul#slideshow li ul li { padding: 20px 15px 20px 25px; text-align: left; }
  #slideshowWrapper ul#slideshow li ul li h2 { font-family: 'aleo', 'Helvetica Neue', Arial, sans-serif; color: #5a7c18; font-weight: normal; font-size: 1.1em; line-height: 1.3em;}
  #slideshowWrapper ul#slideshow li ul li p { font-family: 'aleo', 'Helvetica Neue', Arial, sans-serif; font-size: 100%; margin-bottom: 0.3em;  }
  #slideshowWrapper ul#slideshow li ul li p a:link, #startslideshow ul#slideshow li ul li a:visited { display: inline-block; font-family: 'aleo', 'Helvetica Neue', Arial, sans-serif; font-size: 120%; color: #5a7c18; padding: 10px 0 0 20px; text-decorations: none; background: url(../images/layout/linkpfeil-gr.png) no-repeat 0 15px; background-size: 17px; font-weight: bold }
#slideshowWrapper ul#slideshow li ul li p a:hover { background: url(../images/layout/linkpfeil-gr-hover.png) no-repeat 0 15px; background-size: 17px; color: #EF8C2E; text-decoration: none; }

.custom_headbild { width: 100%; text-align: center; border-top: 1px solid #8d8d8d; display: none;}
.custom_headbild img { margin: 0 auto; width: 100%; }
.custom_headbild p { margin: 0;}

@media (min-width: 380px) {
#startslideshow { display: block }
.custom_headbild { display: block;}
}
@media (min-width: 740px) {
	#slideshowWrapper ul#slideshow li ul li h2 { font-size: 1.4em; }
}
@media (min-width: 990px) {
#slideshowWrapper ul#slideshow li ul { position: absolute; top: 30%;  }
#startslideshow { font-size: 100%; }
}
/* ##########################  /slider  ########################### */



/* ##########################  left   ################################ */

.startangebot { border: 1px solid #5a7c18; padding: 10px }
.startangebot h4 { color: #5a7c18; font-family: 'aleo', 'Helvetica Neue', Arial, sans-serif; font-weight: bold; font-style: italic; font-size: 1.3em}
.startangebot img { width: 100%; }

.linksmenu { padding-top: 65px;}
.linksmenu ul li { list-style-type: none; padding-bottom: 17px}
.linksmenu ul li a { color: #474747; font-family: 'aleo', 'Helvetica Neue', Arial, sans-serif; font-size: 1.3em }
.linksmenu ul li a:hover, .linksmenu ul li.active a:hover { color: #ef8c2e; text-decoration: none; }
.linksmenu ul li.active a { color: #5a7c18;  }

.linksmenu ul li ul { padding: 5px 0 0 10px; margin: 0;}
.linksmenu ul li ul li { padding: 0; margin: 0;  }
.linksmenu ul li ul li a { padding: 0; margin: 0; font-size: 0.95em  }
.linksmenu ul li.active ul li a { color: #474747;  }
.linksmenu ul li.active ul li.active a { color: #5a7c18;  }
		
		

/* ##########################  /left   ################################ */

.custom_ivd {position: absolute; bottom: 10px; left: 40px; font-size: 0.8em; }
.custom_ivd img { width: 100px; }

    


/* ##########################  content - main   ################################ */




h2, h3, h4, h5, h6 {
    font-family: 'aleo', 'Helvetica Neue', Arial, sans-serif; font-weight: bold; }


h1 {font-family: 'aleo', 'Helvetica Neue', Arial, sans-serif; font-style: italic; padding: 5px; font-size: 1.8em;line-height: 1.19em;font-weight: normal;margin: 0 -5px 10px -5px;  margin-bottom: 10px; color: #5a7c18; margin-bottom: 0.8em; border-bottom: 1px solid #a5c05b; width: 100%}


h2 { font-style: italic; color: #5a7c18; margin: 1.5em 0 0.25em 0; font-size: 1.25em }

h3 { font-size: 1em; margin: 20px 0 10px; font-size: 1.1em; font-weight: bold; margin: 10px 0; text-transform: uppercase; }

h4 {
    color: #5a7c18;  font-family: 'aleobolditalic', 'Helvetica Neue', Arial, sans-serif;
}

h5 {
    
}

h6 {
    font-family: Arial, sans-serif;
}







.startrechts { max-width: 580px ; }
.startrechts h2 { color: #5a7c18; font-family: 'aleo', Arial; border-bottom: 1px solid #a5c05b; font-style: italic; font-weight: normal; font-size: 1.7em;}

p.mehr { width: 99%; text-align: right; }

p.mehr a:link,
p.mehr a:visited { color:#5a7c18; font-family: 'aleo'; background: url(../images/layout/linkpfeil-kl.png) no-repeat 0px 3px; padding-left: 12px; text-decoration: none; }

p.mehr a:hover,
p.mehr a:active,
p.mehr a:focus { color:#ef8c2e; font-family: 'aleo'; background: url(../images/layout/linkpfeil-kl-hover.png) no-repeat 0px 3px; padding-left: 12px; text-decoration: none;
}




ul.aufzaehlung-haken li { font-family: arial, helvetica, sans-serif;  list-style-type: none; padding: 0px 0px 3px 25px; background: url(../images/personal/haekchen.png) no-repeat 0px 4px;}

ul.aufzaehlung-pfeil { display: block; padding-left: 10px}
ul.aufzaehlung-pfeil li { list-style-type: none; padding: 0px 5px 0px 25px; background: url(../images/layout/linkpfeil-kl.png) no-repeat 7px 8px;}





.immoangebot { border-bottom: 1px solid #83B423; padding-bottom: 20px; margin-bottom: 30px; font-family: arial, helvetica, sans-serif;}
p.immohead { font-weight: normal; font-size:1.5em!important; color:#5a7c18; margin-bottom: 0.5em; }
.immobild { width: 300px; float: left; padding: 0 15px 0px 0; }
.immoinfos { overflow: hidden; padding-bottom: 10px; position: relative; }
.immotab td, .immotab th { padding: 0 20px 8px 0; vertical-align: top; padding: 0; font-size: 0.9em }
.immobeschr { font-size: 0.9em }

.immoinfos h5 { position: absolute; top: 10px; left: 10px; color: #fff; background: #cd0102; font-weight: bold; border: 2px solid  #cd0102; padding: 3px 5px; font-family: Arial, sans-serif; font-size: 1.2em}
.immoinfos h6 { position: absolute; top: 10px; left: 10px; color: #cd0102; background: #fff; font-weight: bold; border: 2px solid  #cd0102; padding: 3px 5px;}

p.immolink a:link, p.immolink a:visited { color:#5a7c18; font-family: 'aleoregular'; background: url(../images/linkpfeil-kl.png) no-repeat 0px 3px; padding-left: 12px; text-decoration: none; }
p.immolink a:hover, p.immolink a:active, p.immolink a:focus { color:#ef8c2e; font-family: 'aleoregular'; background: url(../images/linkpfeil-kl-hover.png) no-repeat 0px 3px; padding-left: 12px; text-decoration: none; }
img.aktuell {width: 100%; max-width: 650px; float: none; padding: 0 0 20px 0;}

.zeilenabstand { margin-bottom: 1em; display: block}
.ueberunsbild { padding: 0 0 20px 0px; marsgin: 0 auto 0 40px; width: 279px;  text-align: right }

@media (min-width: 480px) {
.ueberunsbild { float: right; padding: 0 0 10px 30px; msargin: 0px}
}

@media (min-width: 990px) {
.startrechts { max-width: 580px; }
}





/* ##########################  footer  ######################################################### */

#footer-outer { background: #83b423; color: #fff; padding-top: 30px; padding-bottom: 30px;  }
#footer-outer a { color: #fff; text-decoration: none; }
#footer-outer p { font-family: 'aleo'; margin-bottom: 0.75em; font-size: 1.2em; line-height: 1.5em;}
#footer-outer h3 { font-family: 'aleo'; font-weight: bold; font-size: 1.8em; margin-bottom: 0; }
#footer-outer h4 { font-weight: normal; font-family: 'aleo'; font-size: 1.7em; margin-bottom: 0.5em; color: #fff }

#footer-outer .container { max-width: 960px}
#footer-outer .bottom-left { text-align: center; padding: 0 30px 20px 30px; border-bottom: 1px solid #fff;  }
.telefon { font-size: 1.8em; padding-left: 10px }

.bottom-sh-karte img { width: 100%; max-width: 350px}
.bottom-logo img { width: 100%; max-width: 320px}

#footer-outer .bottom-right { padding: 30px 0 0 20px;  }


@media (min-width: 768px) {
	#footer-outer .bottom-left { padding: 0 30px 0px 30px; border-bottom: 0px solid #fff; border-right: 1px solid #fff;  }
}

#footer-sub { background:#474747; padding: 20px 0 120px 0 }
#footer-sub .container { max-width: 960px }

#footer { text-align: left;}
#footer p { display: none; }

#footer ul.menu { float: left; background: transparent; padding-left: 25px; padding-top: 0px;}
#footer ul.menu li { background: transparent; list-style-type: none; float: left; }
#footer ul.menu li a:link,
#footer ul.menu li a:visited { color: #aaa; font-size: 1em; text-decoration: none; background: transparent; padding-right: 20px; }
#footer ul.menu li a:hover{ text-decoration: underline; }

/* ##########################  cookie-hinweis  ######################################################### */

#footer-cookie,
    #footer-cookie * { box-sizing: border-box; }

    #footer-cookie { display: none;
      position: fixed;
      bottom: 0px;
      left: 0px;
      width: 100%;
      height: 40px;
      padding-left: 30px;
      padding-right: 30px;
      line-height: 40px;
      background: #303030;
      color: #fff;
		font-size: 0.8em;
    }
    
    #footer-cookie a {
      color: #fff;
    }

    #footer-cookie #description {
      float: left;
    }

    #footer-cookie #accept {
      float: right;
    }

    #footer-cookie #accept a {
      border: 1px solid #fff;
      padding: 5px 10px;
      text-decoration: none;
    }

    @media (max-width: 1200px) {
      #footer-cookie {
        padding-top: 10px;
        padding-bottom: 10px;
        line-height: inherit;
        height: auto;
      }

      #footer-cookie #description {
        width: 100%;
      }

      #footer-cookie #accept {
        width: 100%;
        margin-top: 15px;
      }

      #footer-cookie #accept a {
        width: 100%;
        display: block;
        text-align: center;
      }
    }