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

/* advent-pro-500 - latin */
@font-face {
  font-family: 'Advent Pro';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/advent-pro-v18-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/advent-pro-v18-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/advent-pro-v18-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/advent-pro-v18-latin-500.woff') format('woff'), /* Modern Browsers */
       url('fonts/advent-pro-v18-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/advent-pro-v18-latin-500.svg#AdventPro') format('svg'); /* Legacy iOS */
}

/* advent-pro-700 - latin */
@font-face {
  font-family: 'Advent Pro';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/advent-pro-v18-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/advent-pro-v18-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/advent-pro-v18-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/advent-pro-v18-latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/advent-pro-v18-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/advent-pro-v18-latin-700.svg#AdventPro') format('svg'); /* Legacy iOS */
}




*, html, body {
margin : 0;
padding : 0;
outline : 0;
border : 0;
box-sizing : border-box;
}
html {
width : 100%;
height : 100%;
font-size : 11px;
}
header, footer, section, aside, nav, article {
display : block;
}
body {
font-size : 15px;
font-family: 'Advent Pro', sans-serif;
font-weight : 500;
line-height : 1.4em;
color : #88451c;
background-image : url(logos/hg_gr.png);
background-color: #fffbd7;
background-position : center;
background-repeat : no-repeat;
background-attachment : fixed;
background-size : cover;
height : 100%;
min-height : 100%;
padding: 1px;
}

header.menu { padding: 11px 3px 11px 22px; }
header.menu ul {list-style-type: none;}









@media screen 
and (max-width : 499px)  { 
body { background-image: url(logos/hg_kl.png); position: relative; }

.hg-fix { 
	position: fixed; 
	top:0; 
    left: 0; 
    right:0 ; 
    bottom:0;
    overflow: hidden; 
    /*width: 1000px; height: 700px;*/ z-index: -999; }
.hg-fix img { border-radius : 0 0 0 0; width: 1200px; height: auto; } 
header.menu {min-height: 125px;}   
.logo {
margin: 111px 22px 11px 0 !important;
}
/*.kleinesbildmobil {width: 333px; height: auto;}*/
}












@media screen 
and (min-width : 500px)  { 
.hg-fix { display: none; }
header.menu ul li {display: inline; padding-right: 22px;}
div#wrapper {width: 800px; }
}













h1 {
font-size : 66px;
line-height : 100%;
font-weight : normal;
text-transform : uppercase;
text-align : left;
}
h1 span.smaller {
font-size : 22px;
text-transform : none;
line-height: -1em !important;
}
h2 {
font-size : 24px;
font-weight : 700;
text-transform : lowercase;
margin-top: 199px;
border-bottom: 3px dotted;
padding-bottom: 16px;
margin-bottom: 33px;

}
h3 {
font-size : 24px; line-height: 100%;
font-weight : normal;
text-transform : none; color: #da7e00;
}
h4 {
font-weight : bold;
text-transform : uppercase;
}
h5 {
font-weight : bold;
text-transform : none;
}
h6 {
font-size : 12px;
font-weight : 300;
text-transform : none;
}
h1, h2, h3, h4 {
margin-bottom : 18px;
}
img {
border-radius : 0;
border-color: #fffef6;
border-width: 7px;
}
p {
margin-bottom : 12px;
}
p.pos {
color : #fff;
}
p.neg {
color : #000;
}
header {
background : #6d3715;
width : 100%;
height : 38px;
position : fixed;
top : 0;
color : #fff;
margin : 0 auto;
padding-top : 6px;
z-index: 999; 
}
header a {
color : #fff;
text-transform : uppercase;
font-size : 15px;
letter-spacing : 3px;
text-decoration : none;
}
header a:hover, header a:active, .current_page_item, .mPS2id-highlight, .mPS2id-clicked {
color : #cd7b0d;
}

#wrapper, #wrapper-kurz {
width : 100%;
text-align : center;
}
#wrapper{ padding: 22px; }

.logo {
text-align : left;
margin: 111px 22px 44px 0;
}
.logo a img {
box-shadow : 0;
border-radius : 0;
}
.logotext-subpage {
margin : 44px auto 0;
text-align : left;
}
.logotext-subpage h1.smaller {
font-size : 18px !important ;
line-height : 19px;
padding : 3px 0 0 5px;
}
div.logo-subpage {
width : 99px;
height : 99px;
}
h1.smaller .smallerer {
font-size : 14px;
display : none;
}
section {
width : 100%;
background-repeat : repeat;
text-align : left;
}
div.section-inner ul { padding-left: 22px; }

p.adresse {font-size: 20px; padding-left: 22px; }

div#copyrigh {text-align: center !important; font-size: 12px !important; }
#noben { margin: 77px 0 55px 0; text-align: center; }

dl { display: inline-block;}
.dropshadow img {
	
    -webkit-filter: drop-shadow(5px 5px 3px rgba(0,0,0,0.3));
    filter: drop-shadow(5px 5px 3px rgba(0,0,0,0.3));
    border: 5px solid #fffef3;
    align: right;
}

.gallery-item .rotate4 {   -moz-transform: rotate(4deg);
    -ms-transform: rotate(4deg);
    -o-transform: rotate(4deg);
    -webkit-transform: rotate(4deg);
    transform: rotate(4deg);
    margin-right: 11px;
    }
.gallery-item .rotate7 {   -moz-transform: rotate(7deg);
    -ms-transform: rotate(7deg);
    -o-transform: rotate(7deg);
    -webkit-transform: rotate(7deg);
    transform: rotate(7deg);
    margin-right: 11px;}
.gallery-item .rotate11 {   -moz-transform: rotate(11deg);
    -ms-transform: rotate(11deg);
    -o-transform: rotate(11deg);
    -webkit-transform: rotate(11deg);
    transform: rotate(11deg);
    margin-right: 11px;}
.gallery-item .rotate14 {   -moz-transform: rotate(14deg);
    -ms-transform: rotate(14deg);
    -o-transform: rotate(14deg);
    -webkit-transform: rotate(14deg);
    transform: rotate(14deg);
    margin-right: 11px;}
.gallery-item .rotate-3 {   -moz-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
    -webkit-transform: rotate(-3deg);
    transform: rotate(-3deg);
    margin-right: 11px;}
.gallery-item .rotate-6 {   -moz-transform: rotate(-6deg);
    -ms-transform: rotate(-6deg);
    -o-transform: rotate(-6deg);
    -webkit-transform: rotate(-6deg);
    transform: rotate(-6deg);
    margin-right: 11px;}
.gallery-item .rotate-9 {   -moz-transform: rotate(-9deg);
    -ms-transform: rotate(-9deg);
    -o-transform: rotate(-9deg);
    -webkit-transform: rotate(-9deg);
    transform: rotate(-9deg);
    margin-right: 11px;}