@font-face {
  font-family: 'Grenze Gotisch';
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/grenze-gotisch-v12-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('./fonts/grenze-gotisch-v12-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/grenze-gotisch-v12-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('./fonts/grenze-gotisch-v12-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('./fonts/grenze-gotisch-v12-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./fonts/grenze-gotisch-v12-latin-regular.svg#GrenzeGotisch') format('svg'); /* Legacy iOS */
}



body {
background-color: #0E1601;
background-repeat:no-repeat;
background-position:top center;
}

body, textarea, input {
font-family: Tahoma,Arial,Verdana;
line-height:180%;
color:#000;
}

h1, h2, h3, .navbar-brand  {
font-family: 'Grenze Gotisch', Georgia, cursive;
}
img {
max-width:100%;
height:auto;
}



#content-inner a {
color:#000;
text-decoration:underline;
}
.navbar-brand  {
padding-left:15px;
font-size:130%;
}
#header {
width:100%;
height:220px;
text-align:center;
overflow:hidden;
position:relative;
}
#logo {
text-align:center;
display:block;
max-width:400px;
margin:auto;
margin-top:10px;
}
#footer{
background-color:rgba(47,23,15,.9);
color:#BCA27F;
padding:2rem 0 2rem 0;

}
#footer a,#footer a:visited, #footer a:hover, #footer a:focus {
color:#BCA27F;  
text-decoration:underline;
}




/*DCE und Defaults cEs*/
.page-section {
  padding-left:3rem;
  padding-right:3rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  background-color:#fff;
  color:#000;
max-width:1140px;
margin:0 auto;
}


/*t3 Frames*/
.frame-green-container .page-section {
  background-color:#26410b;
  color:#fff;
}

#content-inner .frame-green-container .page-section * {
  color:#fff;
}
#content-inner .frame-green-container .page-section a {
  color:#fff;
}

.frame-brown-container .page-section {
  background-color:rgba(47,23,15,.9);
  color:#fff;
}
#content-inner .frame-brown-container .page-section * {
  color:#fff;
}
#content-inner .frame-brown-container .page-section a {
  color:#fff;
}


.frame-space-before-extra-small, .frame-space-before-small, .frame-space-before-medium, .frame-space-before-large, .frame-space-before-extra-large, .frame-space-after-extra-small, .frame-space-after-small, .frame-space-after-medium, .frame-space-after-large, .frame-space-after-extra-large
{
margin:0px;
}


.frame-space-before-extra-small .page-section {
padding-top:1rem;
}
.frame-space-before-small .page-section {
padding-top:3rem;
}
.frame-space-before-medium .page-section {
padding-top:4rem;
}
.frame-space-before-large .page-section {
padding-top:6rem;
}
.frame-space-before-extra-large .page-section {
padding-top:8rem;
}
.frame-space-after-extra-small .page-section {
padding-bottom:1rem;
}
.frame-space-after-small .page-section {
padding-bottom:3rem;
}
.frame-space-after-medium .page-section {
padding-bottom:4rem;
}
.frame-space-after-large .page-section {
padding-bottom:6rem;
}
.frame-space-after-extra-large .page-section {
padding-bottom:8rem;
}



/* CE ELEMENTS*/
.ce-table caption {
caption-side:top;
}
.ce-table tbody tr:nth-child(even) {
background-color:#fff;
}
.ce-table tbody tr:nth-child(odd)  {
background-color:#ccc;
}
.ce-table th, .ce-table td {
    border-top: 1px solid #777;
}



/*Breadcrumb, todo change*/
.breadcr {
color:#BCA27F;
padding:0.3rem;
margin:auto;
min-height:30px;
background-color: #5a351b;
background-image: url(../img/bg-holzbalken.jpg);
background-repeat: repeat-x;
}
.breadcr a {
color:#BCA27F;
font-weight:bold;
}
.breadcr a:focus, .breadcr a:hover, .breadcr a:active {
color:#fff;
font-weight:bold;

}



/*MAIN NAV*/

#mainNav {
padding:0px;
background: rgb(164,190,136);
background: linear-gradient(180deg, rgba(164,190,136,1) 0%, rgba(143,177,104,1) 100%);
font-size:140%;
}

#mainNav .navbar-nav .nav-item .nav-link {

color: rgba(255, 255, 255, 0.7);

}

#mainNav .navbar-nav .nav-item.active .nav-link {
color: #e6a756;
}

#hmenu {
/*font-family: Georgia,Tahoma,Arial,Verdana;*/
font-family: 'Grenze Gotisch', Georgia, cursive;
font-size:120%;
list-style:none;
padding-left:0px;
margin:0px;
}

#hmenu li {
padding:0px !important;
margin:0px;
}

#hmenu li a {
color:#000;
text-decoration:none;
width:auto;
display:block;
padding:0px;
text-align:center;
outline:0; -moz-outline:0;
}
#hmenu li a.active {
 background-color: #b9c9a6;  
}
#hmenu li a.active, #hmenu li a:focus, #hmenu li a:hover, #hmenu li a.active:focus {
background-color: #fff;/*#b9c9a6; */  
}
#hmenu li a.active {
 background-color: #b9c9a6;  
}
#hmenu li span {
display:block;
padding:15px;
padding-left:20px;
padding-right:10px;
background: url(../img/bg-btn-hmenu-span.gif) no-repeat;
background-position:6px center;
}

#hmenu li a:hover span, #hmenu li a.active span, #hmenu li a:focus span, #hmenu li a:active span {
background: url(../img/bg-btn-hmenu-span-hover.gif) no-repeat;
background-position:6px center;
}
.navbar-light .navbar-toggler {
color:#000;
border-color:#000;
background-color:#e0f9c7;
}
.navbar-light .navbar-toggler:hover {
background-color:#fff;
}





/*SUBMENU, TODO REMOVE*/

/*SUBMENU*/

.umenu {
background-color:#D3CCC4;
color:#000;
border:4px solid #fff;
margin-bottom:10px;
}
.umenu a {
text-decoration: none;
color:#000;
}
.umenu a:hover, .umenu a:focus, .umenu a:active {
text-decoration: none;
background-color:#989189;
}
.umenu ul {
list-style:none;
padding:10px;
padding-left:10px;
padding-right:10px;
margin:0px;
}
.umenu ul ul {
padding:0px;
padding-left:10px;
}
.umenu ul ul li {
font-size:95%;
border:none;
}
.umenu li {
display:inline-block;
width:100%;
border-bottom:1px solid #999490;
border-top:1px solid #fff;
}
.umenu li a {
display:block;
padding:2px;
padding-left:23px;
padding-bottom:4px;
color:#000;
background-image:url(../img/bg-btn-submenu.gif);
background-repeat:no-repeat;
background-position:2px center;
}
.umenu li a:hover, .umenu li a:active, .umenu li a:focus, .umenu li a.gewaehlt {
background-color:#989189;
background-image:url(../img/bg-btn-submenu-hover.gif);
}
.umenu ul li {
padding-top:0px;
}
.ebene2 li a {
width:177px;
}
.ebene3 li a {
width:167px;
}
/*T3*/
#content-inner .frame-type-menu_subpages .page-section ul {
list-style:none;
margin:0px;
padding:0px;
}
#content-inner .frame-type-menu_subpages .page-section ul li {
display:inline-block;
}
#content-inner .frame-type-menu_subpages .page-section ul a {
display:inline-block;
background-color: #2c3d1c;
border-color: #2c3d1c;
color: #fff;
font-weight: bold;
text-align:center;
text-decoration: none;
min-width: 150px;
color:#fff;
text-decoration:none;
padding: .375rem .75rem;
font-size: 1rem;
line-height: 1.5;
border-radius: .25rem;
margin-bottom:0.75rem;
margin-right:0.75rem;
}
#content-inner .frame-type-menu_subpages .page-section ul a:hover, #content-inner  .page-section ul a:focus, #content-inner .frame-type-menu_subpages .page-section ul a:active {
background-color:#517032;
}


/*FREE CLASSES*/
.responsive-video iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.responsive-video {
position: relative;
padding-bottom: 56.25%; /* Default for 1600x900 videos 16:9 ratio*/
padding-top: 0px;
height: 0;
overflow: hidden;
}
.bg-faded {
  background-color: rgba(255, 255, 255, 0.85);
}
.text-faded {
  color: rgba(255, 255, 255, 0.3);
}
.grtopic {
margin-bottom:2rem;
margin-top:2rem;
}
.grtopic-item-title .bg-faded {
width:100%;
}
.grtopic-item-title p {
margin:0px;
}
.grtopic-item-description .bg-faded { 
width:100%;
}

.grportrait, .grportraitlistheadline {
background-color:#fff;
color:#000;
padding:2rem;
}
.grportraitlistheadline {
	width:100%;
	padding:0 2rem;
}

/*pw_Teaser*/
.pwteasergr1 {
background-color:#D3CCC4;
padding:2rem;
color:#000;
border:4px solid #fff;
margin-bottom:2rem;
margin-top:2rem;
}
/*grctypelist*/
.grctypelist header {color:#fff;margin-top:3rem;}
/*dce gr mans item*/
  .gr-mans-item-inner {
    padding:1rem;
    color:#000;
    margin-bottom:1rem;
    margin:1rem;
  }
  .gr-mans-grid-bg0 .gr-mans-item-inner {
    background-color:#ddd;
    color:#000;
  }
  .gr-mans-grid-bg1 .gr-mans-item-inner {
    background-color:#222;
    color:#fff;
    
  }
  .gr-mans-grid-bg2 .gr-mans-item-inner {
    background-color:rgb(164,190,136);
    color:#000;
  }
  .gr-mans-grid-bg3 .gr-mans-item-inner {
    background-color:#ddd;
    color:#000;
  }
  .gr-mans-grid-bg3 .gr-mans-item:nth-child(4n) .gr-mans-item-inner  {
    background-color:#c8aa94;
    color:#000;
  }
  .gr-mans-grid-bg3 .gr-mans-item:nth-child(4n+2) .gr-mans-item-inner  {
    background-color:#475710;
    color:#fff;
  }
  .gr-mans-grid-bg3 .gr-mans-item:nth-child(4n+1) .gr-mans-item-inner  {
    background-color:#bece84;
    color:#000;
  }
  
  .gr-mans-grid-wrap h2 {
    color:#fff;
  }

  .gr-mans-item, .gr-mans-sizer {
    width:100%;
  }
  .gr-mans-subline {
    line-height:130%;
    font-size:95%;
    padding:1rem 0rem 0rem 0rem;
    
  }
@media (min-width:576px) {
    .gr-mans-item, .gr-mans-sizer {
      width:50%;
    }
}
@media (min-width:992px) {
    .gr-mans-item, .gr-mans-sizer {
      width:33.3%;
    }
}

/*bootstrap button*/
a.btn-primary, #content-inner a.btn-primary  {
background-color:#2c3d1c;
border-color:#2c3d1c;
color:#fff;
font-weight:bold;
text-decoration:none;
min-width:150px;
}
a.btn-primary:hover, #content-inner a.btn-primary:hover,a.btn-primary:active, #content-inner a.btn-primary:active ,a.btn-primary:focus, #content-inner a.btn-primary:focus {
background-color:#517032;
}


#cookieinfotop {
background-color:rgb(164,190,136);
color:#000;
padding:1rem;
border-bottom:1px solid #000;
}
#cookieinfotop a {
   color:#000;
}
#cookieinfotop .btn {
    display:inline-block;
    padding:5px;
    min-width:100px;
    background-color:#4c240b;
    color:#fff;
    border-radius:4px;
  text-align:center;
    text-decoration:none;
}  
#cookieinfotop .btn:hover,#cookieinfotop .btn:active, #cookieinfotop .btn:focus {
    background-color:#733712;
        color:#fff;
}

@media (max-width: 468px) {
  .navbar-brand  {
    font-size:120%;
  }

}

@media (max-width: 991px) {
  #mainNav {
	padding:1rem 0rem 1rem 0rem;
  }
  #hmenu li a{
	border-bottom:1px solid #000;	
  }
  #navbarResponsive {
	padding-top:2rem;
	
  }
  .breadcr {
	margin-bottom:0rem;
  }

}

@media (min-width: 992px) {
   body {
	background-image:url(../img/body-bg-eiche1.jpg);

  }
  .grtopic-item .grtopic-item-title {
    position: relative;
    z-index: 1;
    margin-bottom: -3rem;
  }
  .grtopic-item .grtopic-item-img {
    position: relative;
    z-index: 0;
    max-width: 60vw;
  }
  .grtopic-item .grtopic-item-description {
    position: relative;
    z-index: 1;
    margin-top: -3rem;
    max-width: 50vw;
  }
  .grtopic-item-description .bg-faded { 
	width:auto;
	min-width:400px;
  }

  .grtopic-item-title .bg-faded {
	width:auto;
	min-width:400px;
  }


  #mainNav .navbar-nav .nav-item .nav-link {
    font-size: 0.9rem;
  }

  #mainNav .navbar-nav .nav-item .nav-link:hover {
    color: rgba(255, 255, 255, 0.4);
  }

  #mainNav .navbar-nav .nav-item.active .nav-link:hover {
    color: #e6a756;
  }

}