body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li{float:left}.ce_gallery>ul li.col_first{clear:left}.float_left{float:left}.float_right{float:right}.block{overflow:hidden}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.ie7 img{-ms-interpolation-mode:bicubic}.ie8 img{width:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.responsive{position:relative;height:0}.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.responsive.ratio-169{padding-bottom:56.25%}.responsive.ratio-1610{padding-bottom:62.5%}.responsive.ratio-219{padding-bottom:42.8571%}.responsive.ratio-43{padding-bottom:75%}.responsive.ratio-32{padding-bottom:66.6666%}
/**
 * @license
 * MyFonts Webfont Build ID 3829435, 2019-10-29T12:35:05-0400
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: FF DIN Web Pro Medium by FontFont
 * URL: https://www.myfonts.com/fonts/fontfont/ff-din/pro-medium/
 * Copyright: 2009 Albert-Jan Pool published by FSI FontShop International GmbH
 * 
 * Webfont: FF DIN Web Pro Regular by FontFont
 * URL: https://www.myfonts.com/fonts/fontfont/ff-din/pro-regular/
 * Copyright: 2016 published by Monotype GmbH
 * 
 * 
 * License: https://www.myfonts.com/viewlicense?type=web&buildid=3829435
 * Licensed pageviews: 250,000
 * 
 * © 2019 MyFonts Inc
*/


/* @import must be at top of file, otherwise CSS will not work */
@import url("//hello.myfonts.net/count/3a6ebb");

  
@font-face {font-family: 'FFDINWebProMedium';src: url('../../files/dr-grabner/webfonts/3A6EBB_0_0.eot');src: url('../../files/dr-grabner/webfonts/3A6EBB_0_0.eot?#iefix') format('embedded-opentype'),url('../../files/dr-grabner/webfonts/3A6EBB_0_0.woff2') format('woff2'),url('../../files/dr-grabner/webfonts/3A6EBB_0_0.woff') format('woff'),url('../../files/dr-grabner/webfonts/3A6EBB_0_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'FFDINWebProRegular';src: url('../../files/dr-grabner/webfonts/3A6EBB_1_0.eot');src: url('../../files/dr-grabner/webfonts/3A6EBB_1_0.eot?#iefix') format('embedded-opentype'),url('../../files/dr-grabner/webfonts/3A6EBB_1_0.woff2') format('woff2'),url('../../files/dr-grabner/webfonts/3A6EBB_1_0.woff') format('woff'),url('../../files/dr-grabner/webfonts/3A6EBB_1_0.ttf') format('truetype');}
 
 
*,
*:before,
*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.FFDINWebProMedium { 
	font-family: FFDINWebProMedium;
	font-weight: normal;
	font-style: normal;
}
.FFDINWebProRegular { 
	font-family: FFDINWebProRegular;
	font-weight: normal;
	font-style: normal;
}
body {
font-family: FFDINWebProRegular;
margin: 0;
font-size: 14px;
line-height: 20px;
color: #7d7572;  
color: #000;  
}
h1, h2, h3, h4, h5 { 
	font-family: FFDINWebProRegular;    
	font-weight: normal; 
	font-style: normal; 
}
strong {
	font-family: FFDINWebProMedium;  	
font-weight: 600;
}

h1 {
font-size: 25px;
line-height: 30px;  
margin: 0 0 30px 0;
color: #7d7572; 
}
h2 {
font-size: 23px;
line-height: 28px; 
margin: 0 0 10px 0;
color: #7d7572;  
}
#container h2 {
margin: 40px 0 15px 0;  
}
#container .teaser h2 {
margin: 0px 0 15px 0; 
}
img {
vertical-align: bottom;
}

h3 {
font-size: 18px;
line-height: 24px; 
margin: 35px 0 10px 0;
}
h4 {
font-family: FFDINWebProMedium;
font-size: 15px;
line-height: 20px;   
margin: 25px 0 10px 0; 
}
p {
margin: 0 0 15px 0;
}

p.link a {
display: inline-block;
padding: 5px 10px 5px 10px;
width: auto;
border: 1px #000 solid;
margin-top: 15px;
text-transform: uppercase;
font-family: FFDINWebProRegular !important;    
font-weight: 400;
text-decoration: none !important;
-webkit-transition: all 0.3s; transition: all 0.3s;
}
p.link a:hover {
box-shadow: 2px 2px 0px #7d7572; 
}

#container a {
color: #7d7572;  
color: #000;
text-decoration: none;  
}
.home #container a {
font-family: FFDINWebProMedium;     
}


.news {
display: block;
position: absolute;
bottom: 100px;
background: rgba(126,120,114,0.85);
color: #fff;
margin: 0 auto;
left: 0;
right: 0;
padding: 13px 35px 13px 35px;
max-width: 1000px;
overflow: visible; 
line-height: 18px; 

}
@media only screen and (max-width: 1050px) and (min-width: 700px) {  
.news {     
max-width: 90%;
}
}
.news:before {
content: "";
width: 18px;
height: 34px;
position: absolute;
top: 7px;
left: 16px;
background: url(../../files/dr-grabner/basics/schleife.png) no-repeat;
background-size: 18px 34px;
z-index: 999;
}
.news p {
margin: 0;
position: relative;
overflow: visible;
}
.news a {
text-decoration: underline;
color: #fff;
}
 @media only screen and (max-width: 700px) { 
.news {
position: relative;
bottom: auto;
margin-bottom: 0px;
}  
}

#container ul {
padding: 0;
list-style-type: none;
}
#container ul li {
margin: 0 0 6px 0px;
}
#container .ce_text ul {
padding-left: 18px;
list-style-type: disc;
}
#container .ce_text ul li {
margin: 0 0 2px 0px;
}
#container .ce_text ul.ohne {
padding-left: 0px;
list-style-type: none;
}
#container .ce_text ul.ohne li {
margin: 0 0 10px 0px;
}


.mod_article.white { background: #fff; }   
.mod_article.back_1 { background: #efefef; }
.mod_article.back_2 { background: #d7d3d2 }    

 @media only screen and (max-width: 700px) { 
#container ul li br {
display: none;
}
}



 @media only screen and (min-width: 700px) {   
.colzwei {
display: block;
}
.colzwei .ce_text {
display: inline-block; 
width: 65%; 
padding-right: 10%;
}
.colzwei .ce_image {
display: inline-block;  
width: 35%;
float: right; 
}
}

.teaser .ce_text,
.teaser .ce_image  {
position: relative;  
z-index: 9999999999999 !important;    
}

.teaser .ce_text h2 {
display: none;
}
.teaser .ce_image h2 {
display: block;
}
 @media only screen and (min-width: 650px) {   
.teaser {
display: flex; 
align-items: center;
}
.teaser .ce_text {
display: block; 
width: 50%;
padding-left: 10%; 
position: relative;
}
.teaser .ce_text h2 {
display: block;
}
.teaser .ce_image h2 {
display: none;
}
.teaser .ce_image {
display: block;  
width: 50%;
padding-right: 10%;   
-webkit-transition: all 0.3s; transition: all 0.3s;   
}
.bild_rechts .teaser .ce_image {
    -ms-flex-order: 2;
    order: 2;
}
.bild_rechts .teaser .ce_text {
padding-left: 0%; 
padding-right: 10%;  
}
.bild_rechts .teaser .ce_image {
padding-right: 0%;  
padding-left: 10%; 
}
 @media only screen and (max-width: 800px) {  
.teaser .ce_text { padding-left: 5%;} 
.teaser .ce_image { padding-right: 5%; }
.bild_rechts .teaser .ce_text { padding-right: 5%; }
.bild_rechts .teaser .ce_image { padding-left: 5%; }
}
}

#main img.slide {
animation-name: slide;
animation-duration: 0.5s;
animation-fill-mode: blur; 
}
#main .ce_text.slide {
animation-name: slide;
animation-duration: 0.7s;
animation-fill-mode: blur; 
}
#main .ce_text a {
text-decoration: underline;
}

#main .mod_article.watermark {
position: relative; 
overflow: visible;
}

#main .mod_article.watermark:after {
content: "";
display: block;
position: absolute;
width: 100%;
height: 1600px;
border: 0px #000 solid;
z-index: 0;
top: 0px;
background: url(../../files/dr-grabner/basics/watermark.png) center center no-repeat;
background-size: 700px auto;   
-webkit-transition: all 0.3s; transition: all 0.3s;
}

 @media only screen and (max-width: 750px) { 
#main .mod_article.watermark:after {
display: none;
} 
}


 @media only screen and (min-width: 700px) {   
.col {
display: flex;
}
.col .ce_text {
width: 33.333333%; 
}
}




.more {
opacity: 0;
height: 0;
-webkit-transition: all 0.7s; transition: all 0.7s;
padding-top: 30px;
}
.more.active {
margin-top: -5px;
padding-top: 0px;    
opacity: 1;
height: auto;
}
.getmore {
-webkit-transition: all 0.3s; transition: all 0.3s; 
	font-family: FFDINWebProMedium;  
cursor: pointer; 
position: relative; 
}
.getmore.active {
display: none;
}





#header .ce_image {
display: inline-block;
max-width: 350px;
animation-name: slide;
animation-duration: 1.0s;
animation-fill-mode: slide; 
}
#slider .tel {
position: absolute;
top: 80px;
right: 0;
background: rgba(255,255,255,1);
display: inline-block;
overflow: visible;
right: -162px;
opacity: 0.7;
-webkit-transform: scale(0.85);
-moz-transform: scale(0.85);  
-ms-transform: scale(0.85);  
-o-transform: scale(0.85);  
transform: scale(0.85);  
-webkit-transition: all 0.3s; transition: all 0.3s;

}
 @media only screen and (min-width: 700px) {   
#slider .tel:hover {
right: 0px;
background: rgba(255,255,255,1); 
opacity: 1; 
-webkit-transform: scale(1.0);
-moz-transform: scale(1.0);    
-ms-transform: scale(1.0);    
-o-transform: scale(1.0);  
transform: scale(1.0);  
box-shadow: 0px 0px 25px rgba(0,0,0,0.55); 
}
}

#slider .tel a {
display: block;
position: relative;
padding-right: 170px; 
z-index: 10; 
-webkit-transition: all 0.3s; transition: all 0.3s;
}
#slider .tel a:hover {
padding-right: 170px;    
}
#slider .tel a:hover img {
  
}

#slider .tel img {
max-width: 45px;
padding: 5px;
}
#slider .tel figcaption {
position: absolute;
top: 15px;
left: 50px;
z-index: 1;
display: inline-block;
}
#slider .tel a:hover figcaption {
}


#slider .first img {
animation-name: blur;
animation-duration: 1.0s;
animation-fill-mode: blur; 
}


#wrapper {
width: 100% !important;
max-width: 100% !important;        
}

#header {
max-width: 1200px;
margin: 0 auto;
padding: 40px 40px;
-webkit-transition: all 0.3s; transition: all 0.3s; 
}

     
#header .inside {
text-align: right !important;
background: #fff; 
display: flex;
justify-content: space-between;
align-items: flex-end;  
}

#header .ce_image {
display: inline-block;
width: 500px;
float: right;
right: 0;
-webkit-transition: all 0.3s; transition: all 0.3s;    
}


@media only screen and (max-width: 700px) {     
#header .inside {
text-align: right !important;
background: #fff; 
display: block;
width: 100%;
}
#header .ce_image {
display: block;
float: none;
}
}



#slider {
margin: 0 auto;
text-align: center;
overflow: hidden;
}

#container {
margin: 0 auto;
padding: 0px 0px;
-webkit-transition: all 0.3s; transition: all 0.3s; 
background: #efefef;
}

#main .mod_article .inside {
max-width: 980px;
margin: 0 auto;
padding: 80px 40px 80px 40px;   
-webkit-transition: all 0.3s; transition: all 0.3s; 
}    
#main .mod_article.smaller .inside {
max-width: 780px; 
}

#container .ce_text img {
max-width: 50%;
float: none;
margin: 7px 0px 10px 0px;
}
@media only screen and (max-width: 700px) {  
#container .ce_text img {
max-width: 100%;
} 
}

#container {
padding: 0;
}

#footer {
margin-top: -20px;
background: #7b7773;
color: #fff; 
line-height: 22px;   
} 

#footer ul {
list-style-type: none;
margin: 15px 0;
padding: 0;
}


#footer h2 {
margin: 0 0 20px 0;
color: #fff;  
}
#footer em {
display: inline-block; 
margin: 0 6px;
line-height: 22px;
font-style: normal;
}

#footer ul li {
display: inline-block; 
margin-right: 20px;
text-transform: uppercase;
}
#footer ul li a {
text-decoration: none;
}
#footer ul li:after {
content: " I ";
display: inline-block; 
margin-left: 20px;
}
#footer ul li.last:after {
content: "";
}
#footer a {
color: #fff;
text-decoration: none; 
}
#footer .inside {
max-width: 980px;
margin: 0 auto;
padding: 40px 0px 30px 40px;
-webkit-transition: all 0.3s; transition: all 0.3s;    
}
#footer p {
max-width: 760px;  
}




@media only screen and (max-width: 700px) {  
#header,
#main .mod_article .inside,
#footer .inside {
padding-left: 20px !important;   
padding-right: 20px !important;   
}
#footer p {
max-width: 370px; 
}



#header .ce_image {
max-width: 72%;
}
#header {
padding-top: 20px;
padding-bottom: 20px;  
}
#container {
padding-top: 0px;
padding-bottom: 0px;  
}
h1 {
font-size: 26px;
line-height: 32px;
margin: 10px 0 20px 0;
}
#slider .tel img {
max-width: 36px;
padding: 8px;
}
#slider .tel {
top: 120px;
right: -5px !important;  
}

#slider .tel a {
display: block;
position: relative;
padding-right: 0px !important;
z-index: 10; 
-webkit-transition: all 0.3s; transition: all 0.3s;
}

#slider .tel figcaption {
display: none;
}
#footer {
line-height: 21px;    
}

#footer em {
display: block;
opacity: 0;
width: 100%;
clear: both;
height: 1px; 
}
#footer ul li:after {
content: "";
margin-left: 0px;
}
#footer ul li {
display: block;
margin: 0 0 5px 0;
}
#footer ul li:before {
content: "> ";
}
}



@media screen and (min-width: 700px) { 
@-webkit-keyframes slide {
	from {
  opacity: 0.6; transform: scale(0.95);  
	}
	to {
  opacity: 1; transform: scale(1);    
	}
}
@-webkit-keyframes blur {
	from {
opacity: 0.25;
  filter: blur(15px);
  transform: scale(1.1, 1.1);
	}
	to {
opacity: 1.0;  
  filter: blur(0px);
  transform: scale(1, 1);
	}
}
}





/* ######################################################## NAVIGATION  */




#header nav {
text-transform: uppercase;
}

@media screen and (min-width: 767px) {

#header nav {
display: inline-block;
text-align: left !important;
margin-bottom: 17px;   
}


#header ul li {
display: inline-block;
position: relative;
color: #000;
font-size: 14px;
color: rgba(0,0,0,0.85);
border: 0px $schmuck solid !important;
border-bottom-width: 0px !important; 
-webkit-transition: all 0.3s; transition: all 0.3s;
}

#header ul li a {
color: #000;
letter-spacing: -0.01em;
color: rgba(0,0,0,1);   
}

#header ul li:hover a {
color: $schmuck;   
}

#header .mod_navigation ul {
list-style-type: none;
padding: 0 0px;   
margin: 0px auto 0 auto;
-webkit-transition: all 0.3s; transition: all 0.3s;
} 


#header.scrollfix .inside {
padding: 10px 0 10px 0;
}
#header {
-webkit-transition: all 0.3s; transition: all 0.3s;   
}
#header.scrollfix{
top: -120px;
}
#header.scrollfix ul {
padding-top: 30px;   
}              

#header .mod_navigation ul li {
display: inline-block;
border: 0px #000 solid;
border-right-width: 0px !important;
margin-right: 20px;
}
@media screen and (max-width: 830px) { 
#header .mod_navigation ul li {
margin-right: 0px;
display: block;
}
}
#header .mod_navigation ul li.active {
color: $schmuck;
font-weight: 900 !important;
}
#header .mod_navigation ul li.active strong {
font-weight: bold !important;
}
#header .mod_navigation ul li.last {
border-right-width: 0px !important;
}
#header .mod_navigation ul li a,  
#header .mod_navigation ul li.active {
display: inline-block;
padding: 3px 0px !important;
text-decoration: none;
}
#header .mod_navigation {
top: -100px;
}




}

 

@media screen and (max-width: 767px) {
  .nav--mobile {
    max-height: 0;
    visibility: hidden;
    transition: max-height 0s 3s, background 0.3s;
    background: transparent;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    font-size: 1.25rem;
    text-shadow: 0.025rem 0.025rem 2rem rgba(0, 0, 0, 0.7);
  }
  .nav--mobile a.logo {
    background: transparent;
    visibility: visible !important;   
    position: fixed;
    left: 0;
    top: -15px;
    width: 100%;
    height: auto;
z-index: 9999999999999;
  }
  .nav--mobile a.logo img {
width: 200px;
z-index: 9999999999999; 
  }
.nav--mobile .level_2 {
display: none;
}
  .nav--mobile ul.level_1 {
    position: relative;
margin-top: 40px;
  }
  .nav--mobile li {
    float: none;
    transition: opacity 0.3s;
    opacity: 0;
  }
  .nav--mobile a,
  .nav--mobile span.active,
  .nav--mobile span.trail {
    padding: 0.0rem;
    margin: 0.0rem;
  }
  .nav--mobile li.active strong {
color: $schmuck !important;
  }
}


.nav-toggler {
font-family: sans-serif;
position: fixed;
top: 11px;
right: 17px;
z-index: 999999999999999 !important;
border: 0;
}
.nav-toggler.active {
top: 20px;
right: 0px;
left: 0;
margin: 0 auto;
z-index: 9999999999999999 !important;
}

@media screen and (min-width: 768px) {
  .nav-toggler {
    display: none;
  }
#header .mod_navigation.nav--mobile .ce_image {
display: none;
}
#header .mod_navigation li.navoff,
#header .mod_navigation li.active.navoff {
display: none;
}
}

.nav-toggler__button {
font-size: 40px;
background: none;
outline: none;
color: #000;
color: #7d7572;
padding: 0rem;
cursor: pointer;
display: inline-block;
-webkit-transition: transform 0.6s; transition: transform 0.6s;
border: 0;   
}
.nav-toggler__button.active {
color: #fff;
font-size: 0px;
}
.nav-toggler__button:before {
content: "";
width: 0px;
height: 0px;
left: 0;
right: 0;
margin: 0 auto;
text-align: center;
transform: rotate(-60deg) scale(0.5);
position: absolute;
background: url(../../files/dr-grabner/basics/x.png) no-repeat center center;
background-size: 100% 100%;
-webkit-transition: transform 0.6s; transition: transform 0.6s;
}
.nav-toggler__button.active:before {
content: "";
width: 40px;
height: 40px;
top: 0px;
right: 15px;
left: auto;
text-align: center;
transform: rotate(45deg) scale(1);
position: absolute;
background: url(../../files/dr-grabner/basics/x.png) no-repeat center center;
background-size: 100% 100%;
}

li.kontakt,
.mod_navigation .mobile {
	display: none !important;
}
li strong {
font-weight: normal !important;
}


/* ######################################################## MOBILE NAVIGATION  */   


@media screen and (max-width: 767px) {
.mod_navigation .mobile {
display: block !important;
}  

 .nav--mobile--active {
max-height: 100%;
height: 100vh;
z-index: 1;
    transition: max-height 0s, background 0.3s;
    visibility: visible;
z-index: 99999;
padding: 0 10%;
background: rgba(125,117,114,0.90);     
padding-top: 50px;
  }
  .nav--mobile--active ul {
margin: 0 auto;
padding: 0 !important;
  }
  .nav--mobile--active ul {
list-style-type: none;
width: 100%;    
  }
  .nav--mobile--active li,  
  .nav--mobile--active li a,
  .nav--mobile--active li.active,
  .nav--mobile--active li.forward {
opacity: 1;
color: #fff !important;
text-align: center;
width: 100%;
color: #fff !important;  
display: block;
padding: 0px 0px !important;
text-align: center;  
width: 100%; 
text-decoration: none; 
}
  .nav--mobile--active li a,
  .nav--mobile--active li.active {
padding: 6px 10px !important; 
border: 0px solid $schmuck;
border-bottom-width: 1px;  
margin: 7px 0; 
  }


  .nav--mobile--active li {
border: 0px rgba(255,255,255,0.55) solid;
border-bottom-width: 1px;
  } 

#header a {
width: 100%;
display: block;
text-align: center; 
}
#header a.logo {
float: none;
text-align: center;  
}
#header a.logo img {
margin-top: 20px !important;    
}

}   




/* ######################################################## MOBIL ALLGEMEIN  */  

 


@media screen and (max-width: 767px) { 
body {
font-size: 16px;
line-height: 22px; 
}
h1 {
margin: 0 0 20px 0;
letter-spacing: -0.03em;
}
.teaser h2 {
font-size: 28px;
}
#main .mod_article .inside {
padding-top: 40px;  
padding-bottom: 40px;  
} 
#main .teaser img, 
#main .colzwei img {
margin: 10px 0 25px 0; 
} 
#footer h2 {
margin: 10px 0 15px 0;
}

}