@media ( min-width : 1460px ) {
	
}

@media ( max-width : 960px ) {

}

@media ( max-width : 600px ) {

}

/* roboto-condensed-300 - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/roboto/roboto-condensed-v25-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto/roboto-condensed-v25-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto/roboto-condensed-v25-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto/roboto-condensed-v25-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto/roboto-condensed-v25-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto/roboto-condensed-v25-latin-300.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}
/* roboto-condensed-regular - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto/roboto-condensed-v25-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto/roboto-condensed-v25-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto/roboto-condensed-v25-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto/roboto-condensed-v25-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto/roboto-condensed-v25-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto/roboto-condensed-v25-latin-regular.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}
/* roboto-condensed-700 - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/roboto/roboto-condensed-v25-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto/roboto-condensed-v25-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto/roboto-condensed-v25-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto/roboto-condensed-v25-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto/roboto-condensed-v25-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto/roboto-condensed-v25-latin-700.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}

/* roboto-100 - latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 100;
    src: url('../fonts/roboto/roboto-v30-latin-100.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('../fonts/roboto/roboto-v30-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/roboto/roboto-v30-latin-100.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/roboto/roboto-v30-latin-100.woff') format('woff'), /* Modern Browsers */
         url('../fonts/roboto/roboto-v30-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/roboto/roboto-v30-latin-100.svg#Roboto') format('svg'); /* Legacy iOS */
  }
  /* roboto-300 - latin */
  @font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/roboto/roboto-v30-latin-300.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('../fonts/roboto/roboto-v30-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/roboto/roboto-v30-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/roboto/roboto-v30-latin-300.woff') format('woff'), /* Modern Browsers */
         url('../fonts/roboto/roboto-v30-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/roboto/roboto-v30-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */
  }
  /* roboto-regular - latin */
  @font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/roboto/roboto-v30-latin-regular.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('../fonts/roboto/roboto-v30-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/roboto/roboto-v30-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/roboto/roboto-v30-latin-regular.woff') format('woff'), /* Modern Browsers */
         url('../fonts/roboto/roboto-v30-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/roboto/roboto-v30-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
  }
  /* roboto-500 - latin */
  @font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/roboto/roboto-v30-latin-500.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('../fonts/roboto/roboto-v30-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/roboto/roboto-v30-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/roboto/roboto-v30-latin-500.woff') format('woff'), /* Modern Browsers */
         url('../fonts/roboto/roboto-v30-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/roboto/roboto-v30-latin-500.svg#Roboto') format('svg'); /* Legacy iOS */
  }
  /* roboto-700 - latin */
  @font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/roboto/roboto-v30-latin-700.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('../fonts/roboto/roboto-v30-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/roboto/roboto-v30-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/roboto/roboto-v30-latin-700.woff') format('woff'), /* Modern Browsers */
         url('../fonts/roboto/roboto-v30-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/roboto/roboto-v30-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
  }
.presselink{
display:none;
}

*{ 
border:0px;
margin:0px;
padding:0px;
text-decoration:none;
outline:none;
-webkit-tap-highlight-color: rgba(255,255,255,0.4);
}

*::selection {
background:#ccc;
color:#fff;
}

textarea, input[type="text"] {
-webkit-appearance: none;
-webkit-border-radius:0; 
border-radius:0;
}

html, body {
height: 100%;
}

body {
background: #000;
color: #fff;
font-family: 'Roboto', sans-serif;
font-size:16px;
-webkit-text-size-adjust: none;
overflow-x:hidden;
}

div {
position: relative;
}

img, iframe {
vertical-align:bottom;
}

h1, h2, h3, h4, h5, h6, .sectiontitle {
margin: 0 0 10px 0;
word-wrap: break-word;
}

h1{
font-size:30px;
}

h1, h2{
font-size:38px;
font-weight:300;
margin-bottom:20px;
}

h2{
font-size:30px;
line-height:32px;
font-weight:500;
margin-bottom:20px;
text-transform:uppercase;
}

h2.big{
font-size:60px;
color:#b20a0b;
font-weight:300;
font-family: 'Roboto Condensed', sans-serif;
text-transform:none;
line-height:68px;
}

@media ( max-width : 600px ) {
h2.big{font-size:38px;margin-bottom:10px;line-height:40px;}
}


h3{
font-size:22px;
margin-bottom:5px;
font-weight:500;
}

h4{
font-size:22px;
line-height:31px;
margin-bottom:15px;
font-weight:300;
}

p {
margin: 0 0 20px 0;
font-size:16px;
line-height:24px;
-webkit-hyphens: auto;
hyphens: auto;
font-weight:300;
}

p strong{
font-size:17px;
}

p.big {
margin: 0 0 10px 0;
font-size:22px;
line-height:32px;
font-weight:300;
}

@media ( max-width : 600px ) {
p.big{font-size:18px;line-height:26px}
}

p a{
color:#fff;
transition:.15s;
border-bottom:1px dotted #999;
}

p a:hover{
border-bottom:0;
color:#b20a0b;
}

.teaserbox p a, .footer p a{
border-bottom:0;
}

.price{
font-weight:bold;
float:right;
}

.orange{
color:#b20a0b;
}

.bg_rot{

}

a.readmore:after {    
font-family: 'FontAwesome';
content: '\f105';
margin:0 0 0 5px;
transform:translate(0,1px);
color: #b7ce00;
display:inline-block;
transition:.1s;
}

a.readmore:hover:after{
transform:translate(3px,1px);
}

.btn{
background:#000 !important;
color:#fff !important;
padding:10px 15px;
transition:all .2s;
display:inline-block;
font-size:15px !important;
letter-spacing:1px;
position:relative;
font-weight:300!important;
text-transform:uppercase;
border:1px solid #999 !important;
border-radius:0 !important;
}

.btn:hover{
background:#b20a0b !important;
color:#fff !important;
border:0;
border:1px solid #999 !important;
}

.arrow_right{
padding-right:35px;	
}

.angepasstes-bild {
  width: 35vw; 
  height: auto; /* Automatische Anpassung der Höhe, um das Seitenverhältnis beizubehalten */
 margin-top: -20%;
 margin-left: 10%;
 margin-bottom: 5%;
 transform: rotate(-5deg);
}

.transparent50{
  opacity: 0.5;
}

.transparent20{
  opacity: 0.9;
}

.arrow_right:after{
font-family: 'FontAwesome';
content: "\f054";
z-index:100;
color:#fff;
position: absolute;
top:50%;
margin-top:-5px;
right:15px;
transition:all .15s;
font-size:13px;
}

.arrow_right:hover:after{
color:#d30000;
right:10px;
}

hr{
height: 0;
padding-top:25px;
}

@media ( max-width : 600px ) {
hr{
height: 0;
padding-top:0;
}
}

hr.dotted{
height: 0;
border-bottom:1px dotted #666;
padding-top:15px;
margin-bottom:15px;
}

.overflowhidden{overflow:hidden;}



/* LAYOUT */

.bodywrap {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -150px; 
width:100%;
position:relative;
}

.section{
width: 100%;
/*height: 100vh;*/
overflow:hidden;
}

.wrap{
width:960px;
margin: 0 auto;
}

@media ( max-width : 600px ) {
.wrap{padding:0 20px;}	
}

.col{
min-height: 10px;
float: left;
}

.col.third{
width:300px;
}

.col.half{
width:465px;
}

.col.two_thirds{
width:630px;
}

.col.full{
width:960px;
}

.col.gap{
background: none;
width:30px;
height: 30px;
}

.col40{
width:38%;
padding-right:2%;
}

.col60{
width:60%;
padding-top:7px;
}

@media ( max-width : 600px ) {
.col40, .col60{
width:100%;
padding-right:0;
}
}

.fullwidth{
width:100%;
}

.padding30_30{
padding:30px 0 30px 0;
}

.padding30{
padding:30px 0 15px 0;
}

.padding50{
padding:50px 0;
}

.padding90{
padding:90px 0;
}

.padding140_90{
padding:140px 0 90px 0;
}

.bg_black{
background:#000;
}

.stoerer{
background:#ae0012;
text-align:center;
}

.stoerer h3{
font-weight:300;
}


#bernstein{
padding:130px 0 90px 0;
}

@media ( max-width : 600px ) {
.padding90, #bernstein{padding:30px 0;}
.padding140_90{padding:60px 0 30px 0;}
}

.borderbottom{
border-bottom:2px solid #fff;
}

@media ( max-width : 600px ) {
.borderbottom{
border-bottom:1px solid #fff;
}
}

.imagesection{
height:400px;
background-size:cover;
background-position:center;
}

.imagesection .wrap{height:400px;}



@media ( max-width : 600px ) {
.imagesection{height:200px;}
.imagesection .wrap{height:200px;}
}


.facebook{
color:#fff;
position:absolute;
right:0;
top:17px;
font-size:15px;
transition:.2s;
}

.facebook:hover{
opacity:0.7;
}


.content img{
margin:5px 0 15px 0;
}

.image_right{
float:right;
margin:0 !important;
padding:7px 0 10px 20px;
width:40%;
}

.image_left{
float:left;
margin:0 !important;
padding:7px 20px 10px 0;
width:40%;
}

@media ( max-width : 600px ) {
.image_right, .image_left{
float:none;
width:100%;
padding:5px 0 15px 0;
}
}

.footer, .push {

}

.footer {
text-align:right;
margin: 0 auto; 
width:100%;
background:#000;
}

.footer .wrap{

padding-top:15px;
}



.footer a{
margin-left:20px;
text-transform:uppercase;
letter-spacing:1px;
font-size:14px;
}


.flexslider{
background-color:#000;
}

.flexslider .slide{
background-size:100%;
background-position:center;
background-size:cover;
background-repeat:no-repeat;
overflow:hidden;
background-color:#000;
}



.overlay{
position:fixed;
left:0;
right:0;
top:0;
bottom:0;
background-color:rgba(0,0,0,0);
z-index:100;
text-align:center;
}

.contentoverlay{
position:fixed;
left:0;
right:0;
top:0;
bottom:0;
background-color:rgba(0,0,0,0.8);
z-index:600;
text-align:center;
opacity:0;
}

.contentoverlay.visible{
opacity:1;
}

.contentoverlay iframe{
position:absolute;
left:5%;
right:0;
top:5%;
bottom:0;
z-index:601;
border:0;
width:90%;
height:90%;
}


/* NAVIGATION */

.navigation {
background:#000;
background:rgba(0,0,0,.8);
height:50px;
z-index:250;
margin:0 0 -40px 0;
position:fixed;
top:0;
left:0;
margin:0;
}


.navigationspacer{
width:100%;
height:0;
}

.navigation ul{
list-style: none;
}

.navlogo{
margin: 0 20px 0 0;
float:left;
}

@media ( max-width : 600px ) {
.navigation {background:rgba(0,0,0,0);}
.navlogo{ margin:5px 0 0 0; float:none;}
}

.navigation ul li{
margin: 0 30px 0 0;
float: left;
height:50px;
line-height:52px;
font-size:15px;
letter-spacing:1px;
}

.navigation ul li a{
display: block;
font-weight:300;
text-transform:uppercase;
color:#fff;
letter-spacing: 1px;
transition:all .2s;
}

.navigation ul li a:hover{
opacity: 0.5;
}

.navigation ul li a.current {
color:#b20a0b;
/*font-weight: bold;*/
}

.navigation ul li a.current:hover {
opacity: 1;
}

/* CUSTOM */

.black_col{
background:#000;
padding:15px 15px 5px 15px;
margin-bottom:25px;
}

.black_col img{
margin-bottom:15px;

}

.arrow-bottom{
position:absolute;
bottom:20px;
z-index:100;
left:50%;
margin-left:-90px;
width:180px;
transition:all .2s;
display:none;
}

.arrow-bottom img{
width:100%;
}


@media ( max-width : 600px ) {
.arrow-bottom{
margin-left:-45px;
width:90px;
}
}

.arrow-bottom:hover{
transform:translateY(5px)
}

.sectiontitle{
font-size:60px;
line-height:58px;
font-weight:300;
text-shadow:1px 1px 0px rgba(0,0,0,1);
text-transform:uppercase;
padding-bottom:30px;
word-wrap: break-word;
}


@media ( max-width : 600px ) {
.sectiontitle{
font-size:46px;
line-height:46px;
}
}

.sectiontitle.top{
padding-bottom:0;
line-height:50px;
}

.sectiontitle.sub{
text-shadow:1px 1px 0px rgba(0,0,0,1);
text-transform:uppercase;
padding-bottom:30px;
}

.sectiontitle.sub p{
letter-spacing:1px;
font-size:18px;
}

.map{
height:450px;
color:#111;
}

@media ( max-width : 600px ) {
.map{height:240px;}
}


.content ul {
margin:10px 0;
list-style:none;
}

.content ul li{
margin:0 0 12px 30px;
line-height:24px;
font-weight:300;
}

.content li:before {    
font-family: 'FontAwesome';
content: '\f0da';
margin:0 10px 0 -15px;
color: #b20a0b;
position:absolute;
}

.gallerywrap{
background:#000;
}

.galleryimage{
width:16.5%;
height:200px;
float:left;
background-size:cover;
background-position:center;
border:1px solid #999;
margin-right:15px;
margin-bottom:15px;
max-height:92px;
}

@media ( min-width : 1460px ) {	
.galleryimage{
max-height:113px;
}
}

@media ( max-width : 600px ) {
.galleryimage{
width:27%;
max-height:300px;
}
}

.gallerywrap a img{
float:left;
position:relative;
}

.gallerywrap div{
transition:all .3s;
}

.gallerywrap:hover div{
z-index:100;
}

.gallerywrap a img{
transition: all .4s;
}

.gallerywrap div:hover {
transform: scale(1.07);
transition: all .1s;
opacity:1;
z-index:110;
}


#togglenav{
position:fixed;
top:10px;
right:10px;
width:40px;
z-index:299;
}


.outerwrap{
transition: transform .2s;

}

.shifted{
transform: translateX(-270px);
}

.subnav_mobile{
background: #000;
position: fixed;
width: 270px;
top:0;
bottom:0;
right:-270px;
transition: transform .2s;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
padding: 20px;
}

.subnav_mobile ul{
list-style: none;
}

.subnav_mobile ul li{
margin: 0 0 0 0;
}

.subnav_mobile ul li a{
padding:7px 5px 7px 0;
font-size: 17px;
display: block;
font-weight:300;
text-transform:uppercase;
color:#fff;
letter-spacing: 1px;
transition:all .2s;
text-align:right;
}


.subnav_mobile ul li:last-child{
border-bottom:none;
}

.subnav_mobile ul li a:hover{
color: #999;
}

.subnav_mobile ul li a.current{
color: #b20a0b;
font-weight: bold;
}

.subnav_mobile ul li ul{
padding:0 0 0 20px;
}

.subnav_mobile ul li ul li{

}

.subnav_mobile ul li ul li a{
padding:7px 0;
font-size:14px;
color:#333;
}

.subnav_mobile ul li ul li:last-child a{
margin-bottom:10px;
}

.subnav_mobile.shifted{
box-shadow: 0 0 6px rgba(0,0,0,.3) !important;
}


.subnav_mobile_overlay{
background: rgba(0,0,0,.7);
position: fixed;
top:0;
left:0;
right:0;
bottom:0;
display: none;
transition: transform .2s;
}


@keyframes rotating {
from { transform: rotate(0deg); }
to { transform: rotate(360deg); }
}

@keyframes rotatingbackwards {
from { transform: rotate(360deg); }
to { transform: rotate(0deg); }
}



#splash{
overflow:hidden;
}

#splash h2{
color:#fff;
position:absolute;
left:40px;
bottom:40px;
font-weight:500;
text-shadow:1px 1px 0 #000;
transform:translateX(-20px);
opacity:0;
transition:1s;
}

#splash h2.visible{
transform:translateX(0);
opacity:1;
}


.topnews{
width:100%;
position:absolute;
top:0;
left:0;
background:#000;
z-index:400;
border-bottom:1px solid rgba(255,255,255,0.5);

}

.topnews ul{
list-style:none;
}

.topnews li{
padding:20px 40px;
font-size:18px;
font-weight:300;
}

.topnews li a{
color:#fff;
}

.logo{
max-width:70%;
position:absolute;
right:40px;
bottom:30px;
width:270px;
}

.kringel{
position:absolute;
width:2000px;
}

@media ( min-width : 1460px ) {
.kringel{
position:absolute;
width:2400px;
}	
}

@media ( max-width : 600px ) {
.kringel{
position:absolute;
width:800px;
}
}

#splash .kringel{
position:absolute;
width:2000px;
left:-1000px;
top:-1250px;
}

@media ( min-width : 1460px ) {
#splash .kringel{
position:absolute;
width:2400px;
left:-1200px;
top:-1350px;
}	
}

@media ( min-width : 1860px ) {
#splash .kringel{
position:absolute;
width:3400px;
left:-1700px;
top:-1950px;
}	
}

@media ( max-width : 600px ) {
.kringel{
position:absolute;
width:800px;
margin-left:-400px;
left:50%;
}
}


@media ( max-width : 600px ) {
#splash .kringel{
position:absolute;
width:800px;
left:-500px;
top:-550px;
margin-left:0;
}
}

.kringel01{animation: rotating 650s linear infinite;}
.kringel02{animation: rotatingbackwards 380s linear infinite;}
.kringel03{animation: rotating 455s linear infinite;}
.kringel04{animation: rotating 530s linear infinite;}
.kringel05{animation: rotatingbackwards 360s linear infinite;}
.kringel06{animation: rotating 810s linear infinite;}
.kringel07{animation: rotating 760s linear infinite;}
.kringel08{animation: rotatingbackwards 410s linear infinite;}

.kringel10{animation:rotatingbackwards 960s linear infinite;}
.kringel11{animation:rotating 670s linear infinite;}

.kringel12{animation:rotating 886s linear infinite;}
.kringel13{animation:rotatingbackwards 610s linear infinite;}



.kringelbackground{
position:absolute;
height:100%;
width:100%;
}

.gelb .kringelbackground .kringel{
left:-45%;
top:-300px;
height:170%;
width:auto;
}

.gelb_2 .kringelbackground .kringel{
left:-50%;
top:-90%;
width:170%;
}

.rot .kringelbackground .kringel{
right:-60%;
top:-200px;
height:190%;
width:auto;
}

.aktuelles .kringelbackground .kringel{
left:-60%;
top:-200px;
height:190%;
max-height:2500px;
width:auto;
}

.kontakt .kringelbackground .kringel{
left:-60%;
bottom:-95px;
width:190%;
max-height:2500px;
}

.gelb .kringelbackground .kringel{
max-height:2500px;
}

.shop .kringelbackground .kringel{
left:-35%;
top:-300px;
height:170%;
width:auto;
max-height:1800px;
min-height:1500px;
}

@media ( max-width : 600px ) {
.gelb .kringelbackground .kringel{
left:-50%;
height:100%;
}

.rot .kringelbackground .kringel{
right:-50%;
height:100%;
}

.kontakt .kringelbackground .kringel10, .kontakt .kringelbackground .kringel11{
right:0% !important;
height:auto !important;
position:absolute;
min-height:auto;
width:500%;
}

}


.teaserbox{
padding-bottom:15px;
}


.teaserbox p{
margin:0;
}


.grid{
/*-moz-transition:all .3s;
-webkit-transition:all .3s;
transition:all .3s;
*/
padding:0;
min-height:100px;
width:960px;
margin:20px 0;

}

.grid .news-item { 
width: 310px; 
/*-moz-transition:all .3s;
-webkit-transition:all .3s;
transition:all .3s; 
*/
margin:0 0 0px 0;
display:block;

}

.editing .news-item img{
max-width:360px;
}

.grid .news-item p{ 
margin-bottom:8px;
}


@media ( min-width : 1460px ) {
.grid{width:1160px;}
.grid .news-item { width: 380px; }

}

@media ( max-width : 600px ) {
.grid{width:100%;}
.grid .news-item { width: 100%; }
}

.twocol{
-webkit-column-count: 2;
column-count: 2;
}

@media ( max-width : 600px ) {
.twocol{
-webkit-column-count: 1;
column-count: 1;
}
}


.shop{

}

.shop h2{
margin-bottom:10px;
}

.shop img{
float:right;
width:200px;
margin-left:10px;
}

@media ( max-width : 600px ) {
.shop .black_col img{
display:none;
}
}

.shop .btn{
background:#000;
color:#fff;
padding:10px 10px;
transition:all .2s;
display:inline-block;
font-size:14px;
letter-spacing:1px;
position:relative;
font-weight:300;
text-transform:uppercase;
border:1px solid #999;
margin-bottom:10px;
}

.shop .btn:hover{
background:#b20a0b;
color:#fff;
border:0;
border:1px solid #999;
}

.shop select{
background:#000;
color:#fff;
padding:10px 10px 9px 10px;
display:inline-block;
font-size:14px;
letter-spacing:1px;
position:relative;
font-weight:300;
text-transform:uppercase;
border:1px solid #999;
vertical-align:bottom;
margin-bottom:10px;
}

#shoppingcart{
padding-bottom:15px;
}

.item{
font-size:20px;
font-weight:300;
padding:15px 0;
border-bottom:1px dotted #666;
}

.item .text{
width:90%;
float:left;
}

.item .icon{
width:10%;
float:left;
text-align:right;
cursor:pointer;
}

.item .icon:hover{
color:#b20a0b;
}


.item.invisible{
display:none;
}

.sumtext{
display:none;
padding:0 0 15px 0;
width:100%;
}

.sumtext p{
font-size:20px;
margin:0;
}


p.minitext{
font-size:12px;
}


.btn_checkout{
position:absolute !important; 
top:5px;
right:0;
}

@media ( max-width : 600px ) {
.btn_checkout{
position:relative !important; 
margin-top:10px;
}
}


.checkout{
display:none;
}


.btn_order, .btn_bewerbung, .btn_reservation{
position:absolute !important; 
bottom:0;
right:0;
}

.form{
padding-bottom:60px;
}

/* ****************************************** */

.audiosection{
display:none;
}

.audiosection p a{
-webkit-transition:0s !important;
transition:0s !important;
border:0;
}

.audioplayerwrap{
height:0;
width:0;
overflow:hidden;
}

.playing{
font-weight:bold;
color:#b20a0b;
padding-left:15px;
}

.playing:before{
font-family: 'FontAwesome';
content: '\f04b';
margin:0 0 0 -15px;
color: #b20a0b;
position:absolute;
font-size:12px;
}


/* ****************************************** */


.heapBox
{
clear:both;
display:inline-block;
line-height:35px;
position:relative;
font-size:14px;
letter-spacing:1px;
position:relative;
font-weight:300;
text-transform:uppercase;
vertical-align:bottom;
margin-bottom:10px;
}

.heapBox *
{
margin:0;
padding:0;
outline: none;
}

.heapBox.disabled .holder
{
color:#000;
}

.heapBox a{
text-decoration:none;
color:#fff;
}

.heapBox .holder
{
width:200px;
overflow:hidden;
background:#000;
text-indent:20px;
height:37px;
border:1px solid #999;
border-right:0;
}

.heapBox .handler
{
width:25px;
background:#000 url(../img/heapbox_handler_bg.jpg);
background-position:center;
height:37px;
border:1px solid #999;
border-left:0;
}

.heapBox .holder,.heapBox .handler
{
float:left;
position:relative;
z-index:10;
}

.heapBox div.heap
{
display:none;
position:absolute;
list-style-type:none;
left:0;
width:225px;
top:37px;
overflow:hidden;
border:1px solid #999;
}

.heapBox .heap .heapOptions
{
display:block;
overflow:hidden;
z-index:20;
position:relative;
}

.heapBox .heap a.sliderUp
{
display:block;
width:100%;
height:15px;
background:#000 url(../img/slider_arrow_up.png);
background-repeat:no-repeat;
background-position:center center;
border-bottom:1px solid #000;
position:absolute;
top:0;
z-index:30;
}

.heapBox .heap a.sliderDown
{
display:block;
width:100%;
height:15px;
background:#000 url(../img/slider_arrow_down.png);
background-repeat:no-repeat;
background-position:center center;
border-top:1px solid #000;
position:absolute;
bottom:0px;
z-index:30;
}

.heapBox .heap .heapOptions .heapOption
{
z-index:20;
position:relative;
display:block;
height:35px;
}

.heapBox .heap .heapOptions .heapOption a{
width:100%;
display:block;
background:#000;
text-indent:20px;
transition:.15s;
}

.heapBox .heap .heapOptions .heapOption a:hover{
background:#b20a0b;
}

.heapBox .heap .heapOptions .heapOption a.selected{
background:#666;
}

.heapBox .heap .heapOptions .heapOption a.disabled{
	color:#000;
}


/* ****************************************** */

/* FORM */

.form{
margin:10px 0;	
box-sizing:border-box;
}

.form .textfield, .form .textarea{
font-family: 'Roboto', sans-serif;
padding:8px ;
border-bottom:1px dotted #999;
width:100%;
background:#000;
font-size:16px;
font-weight:300;
color:#fff;
margin: 0 0 5px 0;
-webkit-appearance: none;
border-radius:0;
-webkit-border-radius:0;
box-sizing:border-box;
}

.form .textfield:focus, .form .textarea:focus{
background:#222;
}

.form .textarea{
height:80px;

}

.sublabel{
font-size:13px;
font-weight:300;
margin-bottom:15px;
color:#ccc;
}

.form .status{
display:none;
color:#f00;
margin: 0 0 8px 0;
}

.form .submitbutton{
border:1px solid #efefef;
width:60px;
color:#777;
background:#f6f6f6;
padding:8px;
text-align:center;
display:inline-block;
}

.form .submitbutton:active{
-webkit-transform:scale(0.95);
}

.form_error {
background: red !important;
-webkit-animation: shake .1s;
-webkit-animation-iteration-count:3;
-moz-animation: shake .1s;
-moz-animation-iteration-count:3;
animation: shake .1s;
animation-iteration-count:3;
}


.texterror, .texterror a {
color: red !important;
-webkit-animation: shake .1s;
-webkit-animation-iteration-count:3;
-moz-animation: shake .1s;
-moz-animation-iteration-count:3;
animation: shake .1s;
animation-iteration-count:3;
}

@-webkit-keyframes shake
{
0%   {-webkit-transform: translate(0,0)}
33%  {-webkit-transform: translate(-10px,0)}
66%  {-webkit-transform: translate(10px,0)}
100%  {-webkit-transform: translate(0,0)}
}

@-moz-keyframes shake
{
0%   {-moz-transform: translate(0,0)}
33%  {-moz-transform: translate(-10px,0)}
66%  {-moz-transform: translate(10px,0)}
100%  {-moz-transform: translate(0,0)}
}

@keyframes shake
{
0%   {transform: translate(0,0)}
33%  {transform: translate(-10px,0)}
66%  {transform: translate(10px,0)}
100%  {transform: translate(0,0)}
}




input[type=radio],
input[type='checkbox'] {
  display: none;

}
input[type=radio] + label {
  display: inline-block;
}
input[type='checkbox'] + label:before,
input[type='radio'] + label:before {
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding-right: 2px;
  width: 20px;
}

input[type='radio'] + label:before {
  margin-left:20px;
  padding-right: 0px;
}

#Koch + label:before, #Festanstellung + label:before, #hygienebescheinigung_ja + label:before{
  margin-left:0;
}


@media ( max-width : 600px ) {
input[type=radio] + label {
  display: block;
}
input[type='checkbox'] + label:before,
input[type='radio'] + label:before {
   display: inline-block;
}

input[type='radio'] + label:before {
margin-left:0;
}


}

input[type=radio] + label:before {
  content: "\f1db"; /* Radio Unchecked */
  font-size:18px;;
}
input[type=radio]:checked + label:before {
  content: "\f192"; /* Radio Checked */
  font-size:18px;
}
input[type="checkbox"] + label:before {
  content: "\f096"; /* Checkbox Unchecked */
  font-size:18px;   

}
input[type="checkbox"]:checked + label:before {
  content: "\f046"; /* Checkbox Checked */
  font-size:18px;
}
.radio label,
.checkbox label {
  padding-left: 0;
}
input[type=radio]:checked + label {
font-weight:bold;
}




.clickcircle{
width:50px;
height:50px;
border-radius:50px;
border:2px solid #fff;
position:absolute;
z-index:1;
-moz-user-select:none;
-webkit-user-select:none;
user-select:none;
opacity:0;
animation: hideclickcircle .3s ;
}


@keyframes hideclickcircle {
from { transform: scale(1); opacity:1;}
to { transform: scale(2.5); opacity:0; }
}

.not_selectable{
-moz-user-select:none;
-webkit-user-select:none;
user-select:none;
}

.clearer{
clear:both;
}

.mobile{
display: none;
}





/* LARGE SCREENS * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

@media ( min-width : 1460px ) {

.wrap{
width:1160px
}

.col.third{
width:360px;
}

.col.half{
width:560px;
}

.col.two_thirds{
width:760px;
}

.col.full{
width:1160px;
}

.col.gap{
width:40px;
height: 40px;
}

}

/* MOBILE * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

@media ( max-width : 600px ) {
*{
box-sizing:border-box;
}

.desktop{
display: none;
}

.mobile{
display: block;
}

.wrap{
width:100%;
}

.col.third{
width:100%;
}

.col.half{
width:100%;
}

.col.two_thirds{
width:100%;
}

.col.full{
width:100%;
}

.col.gap{
display: none;
}

.footer{
height:auto;
}

.bodywrap {
margin: 0 auto; 
}

.push {
height:auto;
}

}


html{
margin-top:0 !important;
}

ul, ol {
margin-top: 0;
margin-bottom: 0 !important;;
}

.cms_uploaded_file_menu i{
color:#111;
}

/* VIDEO / YOUTUBE */

.video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.video {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 0px;
  height: 0;
  overflow: hidden;
}

.wp-embed-aspect-16-9 .wp-block-embed__wrapper, .wp-embed-aspect-16-9 iframe{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.wp-embed-aspect-16-9 {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 0px;
  height: 0;
  overflow: hidden;
}

iframe[src*="youtube.com"]{
  width: 100% !important;
}