/* source-sans-pro-200 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url('fonts/source-sans-pro-v13-latin-200.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro ExtraLight'), local('SourceSansPro-ExtraLight'),
       url('fonts/source-sans-pro-v13-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/source-sans-pro-v13-latin-200.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/source-sans-pro-v13-latin-200.woff') format('woff'), /* Modern Browsers */
       url('fonts/source-sans-pro-v13-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/source-sans-pro-v13-latin-200.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
/* source-sans-pro-200italic - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 200;
  font-display: swap;
  src: url('fonts/source-sans-pro-v13-latin-200italic.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro ExtraLight Italic'), local('SourceSansPro-ExtraLightItalic'),
       url('fonts/source-sans-pro-v13-latin-200italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/source-sans-pro-v13-latin-200italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/source-sans-pro-v13-latin-200italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/source-sans-pro-v13-latin-200italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/source-sans-pro-v13-latin-200italic.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
/* source-sans-pro-300 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('fonts/source-sans-pro-v13-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro Light'), local('SourceSansPro-Light'),
       url('fonts/source-sans-pro-v13-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/source-sans-pro-v13-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/source-sans-pro-v13-latin-300.woff') format('woff'), /* Modern Browsers */
       url('fonts/source-sans-pro-v13-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/source-sans-pro-v13-latin-300.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
/* source-sans-pro-300italic - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url('fonts/source-sans-pro-v13-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro Light Italic'), local('SourceSansPro-LightItalic'),
       url('fonts/source-sans-pro-v13-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/source-sans-pro-v13-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/source-sans-pro-v13-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/source-sans-pro-v13-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/source-sans-pro-v13-latin-300italic.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
/* source-sans-pro-regular - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('fonts/source-sans-pro-v13-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'),
       url('fonts/source-sans-pro-v13-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/source-sans-pro-v13-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/source-sans-pro-v13-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/source-sans-pro-v13-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/source-sans-pro-v13-latin-regular.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
/* source-sans-pro-italic - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url('fonts/source-sans-pro-v13-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro Italic'), local('SourceSansPro-Italic'),
       url('fonts/source-sans-pro-v13-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/source-sans-pro-v13-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/source-sans-pro-v13-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/source-sans-pro-v13-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/source-sans-pro-v13-latin-italic.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
/* source-sans-pro-600italic - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url('fonts/source-sans-pro-v13-latin-600italic.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro SemiBold Italic'), local('SourceSansPro-SemiBoldItalic'),
       url('fonts/source-sans-pro-v13-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/source-sans-pro-v13-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/source-sans-pro-v13-latin-600italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/source-sans-pro-v13-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/source-sans-pro-v13-latin-600italic.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
/* source-sans-pro-600 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('fonts/source-sans-pro-v13-latin-600.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'),
       url('fonts/source-sans-pro-v13-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/source-sans-pro-v13-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/source-sans-pro-v13-latin-600.woff') format('woff'), /* Modern Browsers */
       url('fonts/source-sans-pro-v13-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/source-sans-pro-v13-latin-600.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
/* source-sans-pro-700 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('fonts/source-sans-pro-v13-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'),
       url('fonts/source-sans-pro-v13-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/source-sans-pro-v13-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/source-sans-pro-v13-latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/source-sans-pro-v13-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/source-sans-pro-v13-latin-700.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
/* source-sans-pro-700italic - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url('fonts/source-sans-pro-v13-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro Bold Italic'), local('SourceSansPro-BoldItalic'),
       url('fonts/source-sans-pro-v13-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/source-sans-pro-v13-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/source-sans-pro-v13-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/source-sans-pro-v13-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/source-sans-pro-v13-latin-700italic.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
/* source-sans-pro-900 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url('fonts/source-sans-pro-v13-latin-900.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro Black'), local('SourceSansPro-Black'),
       url('fonts/source-sans-pro-v13-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/source-sans-pro-v13-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/source-sans-pro-v13-latin-900.woff') format('woff'), /* Modern Browsers */
       url('fonts/source-sans-pro-v13-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/source-sans-pro-v13-latin-900.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
/* source-sans-pro-900italic - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url('fonts/source-sans-pro-v13-latin-900italic.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro Black Italic'), local('SourceSansPro-BlackItalic'),
       url('fonts/source-sans-pro-v13-latin-900italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/source-sans-pro-v13-latin-900italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/source-sans-pro-v13-latin-900italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/source-sans-pro-v13-latin-900italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/source-sans-pro-v13-latin-900italic.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

html, body{
padding:0;
margin:0;
height:100%;
}

body {
color:#555555;
background:#fff;
margin:0;
padding:0;
font-family:'Source Sans Pro', Arial, Helvetica, sans-serif;
font-weight:400;
line-height:1.7;
-webkit-text-size-adjust: 100%;
border-top:7px solid #439D2A;
text-align:center;
}

a{
color:#555555;
outline:none;
border:none;
}

::selection, ::-moz-selection {
background: #439D2A;
}

img{
border:none;
outline:none
}

h1, h2{
font-weight:100;
font-size:3.0em;
line-height:1.3;
}

h2{
font-size:1.5em;
}

h2 strong{
font-weight:600;
}

.header{
width:100%;
padding-top:50%;
position:relative;
background:url(images/hg-header.jpg) no-repeat top center;
-webkit-background-size:contain;
-moz-background-size:contain;
-o-background-size:contain;
background-size:contain;
margin-top:7em;
}

#terminbig, #gutschein{
font-size:1.2em;
text-decoration:none;
display:inline-block;
padding:0.7em 1em;
color:#fff;
background:#439D2A;
position:relative;
bottom:1em;
margin:0 auto;
border-radius:0.3em;
border:2px solid #fff;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}

#terminbig:hover, #gutschein:hover{
background:#333;
}

#gutschein{
margin-top:2em;
display:block;
width:16em;
}

.welcome{
text-align:center;
position:absolute;
top:30%;
width:80%;
left:10%;
height:10em;
}

.width1{
width:800px;
margin:0 auto;
}

#footer .width1{
border-top:2px solid #439D2A;
margin-top:4em;
padding-top:0.5em;
padding-bottom:4em;
font-size:0.85em;
}

#footer a{
text-decoration:none;
}

#footer .impressum, #footer .disclaimer{
font-size:0.85em;
text-decoration:underline;
text-transform:uppercase;
}

#facebook, #google-maps, #termine{
display:inline-block;
width:35px;
height:40px;
overflow:hidden;
text-indent:-9999px;
text-align:left;
vertical-align:top;
}

#termine{
background:url(images/bg-social-media.png) no-repeat 0 -40px;
}

#termine:hover{
background:url(images/bg-social-media.png) no-repeat 0 0;
}

#facebook{
background:url(images/bg-social-media.png) no-repeat -70px -40px;
}

#facebook:hover{
background:url(images/bg-social-media.png) no-repeat -70px 0;
}

#google-maps{
background:url(images/bg-social-media.png) no-repeat -35px -40px;
}

#google-maps:hover{
background:url(images/bg-social-media.png) no-repeat -35px 0;
}

/* MENUE */

#menue-top{
position:relative;
z-index:100;
width:100%;
margin:0 auto;
text-align:right;
padding-bottom:2em;
background:rgba(255,255,255,0.9);
}

#start #menue-top{
position:absolute;
}

#logo{
position:absolute;
display:block;
width:250px;
height:130px;
overflow:hidden;
text-indent:-999999em;
text-align:left;
background:url(images/background-logo.png) no-repeat 0 -130px;
top:20px;
z-index:2000;
}

#menueicon{
position:absolute;
display:none;
width:1.5em;
height:1.5em;
text-decoration:none;
font-size:2em;
overflow:hidden;
top:1em;
z-index:150;
right:5%;
padding:0;
margin:0;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}

#menueicon::before{
content:'\2261';
}

#menueicon.clicked::before{
content:'\2013';
}

.mainnav, .mainnav li{
display:inline-block;
list-style:none;
margin:0;
padding:0;
}

.mainnav{
position:relative;
z-index:100;
display:inline-block;
padding-top:2.8em;
}

.mainnav li{
padding:0  0 0 1em;
}

.mainnav a{
text-decoration:none;
display:inline-block;
padding-bottom:0px;
font-weight:400;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}

.mainnav .inaktiv{
color:#555555;
}

.mainnav .inaktiv:hover{
color:#999999;
}

.mainnav #aktiv{
color:#555555;
border-bottom:2px solid #555555;
}

/* POPUP */

#popup{
position:absolute;
z-index:100;
left:50%;
top:50%;
transform: translateX(-50%) translateY(-50%);
box-sizing:border-box;
width:90%;
max-width:600px;
height:auto;
border:0.2em solid #fff;
z-index:999;
padding: 0;
-moz-border-radius:1em;
border-radius:0.5em;
text-align:center;
box-shadow:rgba(100,100,100,0.3) 0 0 0.2em 0.2em;
background:#eee;
background:rgba(230,230,230,0.95);
color:#000;
font-size:0.7em;
text-align: center;
overflow:hidden;
}

#popup img{
width:100%;
max-width:700px;
height:auto;
float:left;
}


#popup h1{
font-size:1.5em;
font-weight:300;
padding-top:0;
margin-top:1em;
line-height:1;
color:#ff8e04;
}

#closepopup{
font-weight:800;
position:absolute;
top:0.5em;
right:0.5em;
line-height:1;
margin:0;
padding:0;
cursor:pointer;
font-size:2em;
}

/*Preisliste*/

table{
width:100%;
border:0;
padding:0;
text-align:left;
margin-top:40px;
}

td {
padding:0;
height:10px;
vertical-align:bottom;
}

.preis{
text-align:right;
width: 90px;
}

table.impressum .preis{
text-align:center;
}

.preis .impressum {
font-size:0.85em;
}

/* GALLERY */

.imageholder {
overflow:auto;
}

.gallery{
float:left;
display:inline-block;
width:33.333%;
padding:0;
margin:0;
background:#eee;
position:relative;
text-decoration:none;
}

.gallery:hover::after{
content:'';
background:rgba(120,120,120,0.1);
position:absolute;
display:inline-block;
width:100%;
height:100%;
text-align:center;
top:0;
left:0;
}

.gallery img{
width:100%;
height:auto;
float:left;
}

img.width3{
width:33.333%;
height:auto;
float:left;
}

img.referent{
width:31.333%;
margin:1%;
border-radius:50%;
box-shadow:0 0 2px 2px rgba(120,120,120,0.2);
}

img.referentc{
width:31.333%;
margin:1%;
border-radius:50%;
box-shadow:0 0 2px 2px rgba(120,120,120,0.2);
border: 6px solid #7a8e2b;

}
/* FORMULAR */

.ok, .not_ok, textarea, .submit{
 -webkit-appearance: none;
 }

.ok, .not_ok, textarea{
font-size:0.8em;
color:#555555;
border-radius:0.1em;
font-family:'Source Sans Pro', Arial, Helvetica, sans-serif;
font-weight:400;
font-size:1em;
box-shadow:inset 0 0 0 2px #999999;
}

.ok, textarea {
border:none;
}

.ok, .not_ok{
height:3.5em;
margin-bottom:1em;
width:96%;
padding:0 2%;
background:#fff;
}

.links, .rechts{
padding-bottom:0.5em;
width:49%;
display:inline-block;
float:left;
text-align:left;
}

.links{
margin-right:1%;
}

.rechts{
margin-left:1%;
}

.not_ok{
border:none;
box-shadow:inset 0 0 0 2px #439D2A;
}


.invisible{
display:none;
}

.warning{
color:#439D2A;
}

textarea{
width:96%;
padding:2%;
background:#fff;
}

.submit{
display:block;
padding:0.8em 1.5em;
margin:1em auto 0 auto;
-webkit-border-radius:0.2em;
-moz-border-radius:0.2em;
-o-border-radius:0.2em;
border-radius:0.2em;
border:1px solid #555555;
text-decoration:none;
color:#555555;
background:none;
font-weight:400;
font-size:1em;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}

.submit:hover, .submit:focus{
color:#fff;
background:#555555;
}

p.ok, p.ok a{
box-shadow:none;
}

p.not_ok, p.not_ok a{
color: #439D2A;
font-weight:600;
box-shadow:none;
}


@media screen and (max-width: 55em) {
.width1{
width:90%;
}

img.width1{
width:100%;
}

h1{
padding-top:1em;
}

#start h1{
padding-top:0;
}

/* MENUE */
#start #menue-top{
position:relative;
padding-bottom:0;
}

#menue-top .width1{
width:100%;
background:#fff;
}

#logo{
left:5%;
}

.mainnav, .mainnav li{
list-style-type:none;
padding:0;
margin:0;
text-align:left;
background:#fff;
display:block;
}

.mainnav{
position:relative;
width:100%;
left:0;
padding-top:8em;
}

.mainnav a{
display:inline-block;
text-decoration:none;
padding:1em 5%;
width:90%;
border-bottom:1px solid #999999;
font-size:1.5em;
font-weight:200;
text-transform:none;
letterspacing:none;
}

.mainnav #aktiv, .mainnav .inaktiv:hover, .mainnav a:active, .mainnav a:focus{
background:#eee;
border-bottom:1px solid #999999;
color:#fff;
}
}

@media screen and (max-width: 33em) {

body{
font-size:0.8em;
}

#popup{
margin-left:5px;
margin-top:-100px;
width:250px;
height:auto;
padding:22px;
}

#logo{
top:13px;
}

dl{
width:12em;
}

h1{
font-size:2em;
padding-top:2em;
}

h2{
font-size:1.2em;
font-weight:400;
}

#footer strong{
display:block;
}

.links, .rechts{
padding-bottom:0.5em;
width:100%;
display:inline-block;
float:left;
text-align:left;
margin:0;
}
}