/**
 * 
 * Design und Layout 'abenaa'
 * 
 * 
 * This file gives an overview of the required CSS definitions which
 * needs to be defined for all Website Baker templates added to the 
 * Website Baker addons repository from June 2008 onwards. 
 * 
 * See http://www.w3.org/TR/CSS21/sample.html for the HTML4 
 * default styles applied if nothing else is specified in your stylesheet.
 *
 * To facilitate adaption, you may want to consider separate stylesheets.
 * One for the layout (container for header, footer, content, menu ...),
 * another one for the HTML elements which are shown in the content areas.
 * This can easily be achieved via @import rules
 * 
 * @author     Ines Gesell
 * @copyright  Ines Gesell
 * @license    http://www.gnu.org/licenses/gpl.html
 * @version    1.0
 * @platform   Website Baker 2.8
 *
*/
/* playfair-display-regular - latin */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/playfair-display-v21-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/playfair-display-v21-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/playfair-display-v21-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/playfair-display-v21-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/playfair-display-v21-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/playfair-display-v21-latin-regular.svg#PlayfairDisplay') format('svg'); /* Legacy iOS */
}

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

/* playfair-display-600 - latin */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/playfair-display-v21-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/playfair-display-v21-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/playfair-display-v21-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/playfair-display-v21-latin-600.woff') format('woff'), /* Modern Browsers */
       url('fonts/playfair-display-v21-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/playfair-display-v21-latin-600.svg#PlayfairDisplay') format('svg'); /* Legacy iOS */
}

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

/* playfair-display-800 - latin */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 800;
  src: url('fonts/playfair-display-v21-latin-800.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/playfair-display-v21-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/playfair-display-v21-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/playfair-display-v21-latin-800.woff') format('woff'), /* Modern Browsers */
       url('fonts/playfair-display-v21-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/playfair-display-v21-latin-800.svg#PlayfairDisplay') format('svg'); /* Legacy iOS */
}

/* playfair-display-900 - latin */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 900;
  src: url('fonts/playfair-display-v21-latin-900.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/playfair-display-v21-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/playfair-display-v21-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/playfair-display-v21-latin-900.woff') format('woff'), /* Modern Browsers */
       url('fonts/playfair-display-v21-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/playfair-display-v21-latin-900.svg#PlayfairDisplay') format('svg'); /* Legacy iOS */
}
/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/open-sans-v18-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Light'), local('OpenSans-Light'),
       url('fonts/open-sans-v18-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v18-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v18-latin-300.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v18-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v18-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}

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

/* open-sans-600 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/open-sans-v18-latin-600.eot'); /* IE9 Compat Modes */
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'),
       url('fonts/open-sans-v18-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v18-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v18-latin-600.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v18-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v18-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}

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

/* open-sans-800 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: url('fonts/open-sans-v18-latin-800.eot'); /* IE9 Compat Modes */
  src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'),
       url('fonts/open-sans-v18-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v18-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v18-latin-800.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v18-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v18-latin-800.svg#OpenSans') format('svg'); /* Legacy iOS */
}


/* Body und Sideholder    ============================================================================= */
* {
margin:0;
padding:0;
}

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

body {
margin : 0 0 0 0;
padding : 0;
font-family: 'Open Sans', sans-serif;
font-size: 1.2em;
font-weight: 400;
color: #503f31;
background : #fff url(img/bg.jpg) top center repeat;
background-attachment: fixed;
overflow-x: hidden;
}

img {
max-width: 100%;
height: auto;
}

a {
font-weight: 700;
color : #930026;
}

a:hover {
color: #503f31;
}

@media \0screen {
  img { 
  	width: auto; /* for ie 8 */
  }
}

.section_anchor {
display: none;
}

/*  START  ============================================================================= */
.lightcontainer {
margin: 0 auto;
padding: 0;
max-width: 1360px; 
}	

.maincontent {
clear: both;
width: 100%; 
font-size: 0.8125em; 
margin: 0 auto;
padding: 0 0 0 0;
position: relative;
}

#cookie-container, #telcontainer, #logocontainer, #navicontainer, #contentcontainer, #header_bild  {
width: 100%;
}

#navicontainer {
text-align: center;
background : url(img/bg_navi.jpg) top center repeat;
-webkit-box-shadow: 0px 7px 5px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 7px 5px 0px rgba(0,0,0,0.2);
box-shadow: 0px 7px 5px 0px rgba(0,0,0,0.2);
}

#header_bild {
text-align: center;
background : url(img/bg_header.jpg) top center repeat;
background-attachment: fixed;
line-height: 0em;
}

#contentcontainer {
padding: 20px 0 20px 0;
}

.border {
clear: both;
width: 100%;
height: 3px;
padding: 20px 0 0 0;
margin-top: 20px;
background : url(img/border.png) top center repeat-x;
}

/* HEADER UND NAVI AB 1024  ============================================================================= */
@media only screen and (min-width: 665px) {
#telcontainer {
width: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 101;
text-align: right;
background: rgba(190,182,175,0.75);
-webkit-box-shadow: 0px 10px 5px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 10px 5px 0px rgba(0,0,0,0.2);
box-shadow: 0px 10px 5px 0px rgba(0,0,0,0.2);
}

#tel {
padding: 7px 20px 7px 20px;
margin: 0 10px 40px 0px;
float: right;
}

#logocontainer {
width: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 102;
text-align: center;
}

#headercontainer {
width: 100%;
text-align: center;
margin: 0 0 0 0;
}
#cookie-container.shrink {
height: 0px;
}
}

#tel a {
color: #fff;
font-weight: 400;
background-color: #930026;
padding: 7px 20px 12px 20px;
}
#tel img {
vertical-align :middle;
margin-right: 5px;
}
#wowslider-container1 {
background : url(../slider_2020/data1/images/01.jpg) top center no-repeat;
}
@media only screen and (max-width : 800px) {
#logocontainer {
text-align: center;
}
#logocontainer img {
width: 30%;
height: auto;
}
}	

@media only screen and (max-width : 600px) {
#tel {
text-align: center;
float: none;
margin: 15px 0px 25px 0px;
}
#logocontainer img {
width: 70%;
height: auto;
}
#wowslider-container1, #header_bild {
display: none;
}
}		

/*  SECTIONS     ============================================================================= */
.section {
clear: both;
padding: 0px;
margin: 0px;
}

/*  COLUMN SETUP     ============================================================================= */
.col {
display: block;
float:left;
margin: 0% 0 0% 3.6%;
}

.col:first-child { margin-left: 0; }

@media only screen and (max-width: 1360px) {
.col { 
margin: 1% 1% 1% 1%;
}
.col:first-child { 
margin-left: 0.6%; 
margin-right: 0.6%;
}
}

@media only screen and (max-width : 800px) {
.col {
margin: 0% 0% 0% 0%;
}
}

/*  GROUPING     ============================================================================= */
.group:before,
.group:after {
content:"";
display:table;
}
.group:after {
clear:both;
}
.group {
    zoom:1; /* For IE 6/7 */
}

/*  2 BOXEN   ============================================================================= */
.span_2_of_2 {
width: 100%;
}

.span_1_of_2 {
width: 48.2%;
}

@media only screen and (max-width: 800px) {
.span_2_of_2 {
width: 98%; 
}
.span_1_of_2 {
width: 98%; 
}
}

/*  3 BOXEN    ============================================================================= */
.span_3_of_3 {
width: 100%;
}
.span_2_of_3 {
width: 65.5%;
}
.span_1_of_3 {
width: 30.9%;
}

@media only screen and (max-width: 800px) {
.span_3_of_3 {
width: 98%; 
}
.span_2_of_3 {
width: 98%; 
}
.span_1_of_3 {
width: 98%;
}
}

/* 4 BOXEN*   ============================================================================= */
.span_4_of_4 {
width: 100%; 
}

.span_3_of_4 {
width: 74.0%; 
}

.span_2_of_4 {
width: 48.0%; 
}

.span_1_of_4 {
width: 22.3%; 
}

@media only screen and (max-width: 800px) {
.span_4_of_4 {
width: 98%;
}
.span_3_of_4 {
width: 98%;
}
.span_2_of_4 {
width: 98%;
}
.span_1_of_4 {
width: 48.0%;
}
}

@media only screen and (max-width: 414px) {
.span_4_of_4 {
width: 98%;
}
.span_3_of_4 {
width: 98%;
}
.span_2_of_4 {
width: 98%;
}
.span_1_of_4 {
width: 98%;
}
}
/*  5 BOXEN    ============================================================================= */
.span_5_of_5 {
width: 100%;
}
.span_4_of_5 {
width: 79.68%; 
}
.span_3_of_5 {
width: 55.00%; 
}
.span_2_of_5 {
width: 36.7%;
}
.span_1_of_5 {
width: 19.4%;
}
#footer_4 .span_1_of_5 {
text-align: right;
}
#footer_4 .span_1_of_5 img {
width: 50%;
height: 50%;
}
@media only screen and (max-width: 800px) {
.span_1_of_5, .span_2_of_5, .span_3_of_5, .span_4_of_5, .span_5_of_5 {
width: 98%;
}
#footer_4 .span_1_of_5 {
text-align: center;
}
}
/*  3 BOXEN Downloadgalerie */
.span_3_of_down {
width: 69.0%;
text-align: left;
}
.span_2_of_down {
width: 15.0%;
padding-bottom: 20px;
font-size: 0.8em;
text-align: right;
}
.span_1_of_down {
width: 8.6%;
text-align: left;
}
@media only screen and (max-width: 600px) {
.span_3_of_down {
width: 83.0%;
text-align: left;
padding-left: 5%;
}
.span_2_of_down {
display: none;
}
.span_1_of_down {
width: 10.0%;
}
}

/* Inhalt    ============================================================================= */
#contentwide {
line-height: 1.7em;
padding: 10px 0 0 0;
font-size: 1.2em;
text-align: left;
}

@media only screen and (max-width: 1024px) {
#contentwide {
padding: 10px 20px 30px 20px;
}
}

@media only screen and (max-width: 414px) {
#contentwide {
padding: 0px 10px 20px 10px;
line-height: 1.6em;
}
#contentwide p {
clear:both;
}
}

h1 {
text-align: center;
font-size: 2.4em;
color : #930026;
margin : 0 0 5px 0;
padding : 0;
font-family: 'Playfair Display', serif;
line-height : 1.3em;
font-weight: 400;
text-shadow: 0 -1px 1px #000000, 0 1px 1px #FFFFFF;
}

.stars {
padding: 0.15em 0 0.8em 0;
background: rgba(190,182,175,0.85) url(img/stars.png) 50% 82% no-repeat;
}

h2 {
clear: both;
text-align: center;
font-size: 1.8em;
color : #45260d;
margin : 10px 0 20px 0;
padding : 0;
font-family: 'Playfair Display', serif;
line-height : 1.3em;
font-weight: 400;
text-shadow: 0 -1px 1px #000000, 0 1px 1px #FFFFFF;
}

h3 {
font-size: 1.6em;
color : #930026;
margin : 15px 0 5px 0;
padding : 0;
font-family: 'Playfair Display', serif;
line-height : 1.3em;
font-weight: 400;
text-shadow: 0 -1px 1px #000000, 0 1px 1px #FFFFFF;
}

h4 {
font-size: 1.1em;
line-height: 1.2em;
margin : 10px 0 0 0;
padding : 0 0 0 0;
font-family: 'Playfair Display', serif;
font-weight: 400;
text-shadow: 0 -1px 1px #000000, 0 1px 1px #FFFFFF;
}

@media only screen and (max-width: 800px) {
h1 {
padding : 0;
font-size: 200%;
}
h2, h3, h4 {
font-size: 140%;
}
}

@media only screen and (max-width: 414px) {
h1 {
padding : 0;
font-size: 160%;
}
h2, h3, h4 {
font-size: 110%;
}
}

#contentwide ul {
margin : 20px 0 25px 20px;
padding : 0;
}

#contentwide ul li {
margin:0 0 20px 5px;
padding:0 0 0 25px;
list-style-type: none;
line-height: 1.4em;
background : url(img/li.png) no-repeat 0px 6px;
}

#contentwide p {
margin-top : 10px;
margin-bottom: 30px;
}

hr {
  clear: both; 
  float: none; 
  width: 100%; 
  height: 2px;
  margin: 1.5em 0;
  border: none; 
  background: #715c4b;
  background-image: -webkit-gradient(
      linear,
      left top,
      left bottom,
      color-stop(0.5, rgb(113, 92, 75)),
      color-stop(0.3, rgb(255,255,255))
  );
  background-image: -moz-linear-gradient(
      center top,
      rgb(113, 92, 75) 50%,
      rgb(255,255,255) 30%
  );
}

#map a { 
color: rgba(225,255,255,0.01);
}

/* CONTAINER STARTSEITE  ============================================================================= */
#startcontainer {
clear: both;
width: 100%; 
margin: 0 auto;
padding: 0 0 0 0;
position: relative;
text-align: center;
}

.start_h2 {
position: relative;
top: 0;
left: 0;
z-index: 101;
text-align: center;
}

#startcontainer p {
padding-left: 50px;
padding-right: 50px;
font-size: 90.0%;
}
/*
#startcontainer h2 {
text-align: center;
font-size: 180%;
color : #930026;
margin : 0 0 0 0;
padding: 0.15em 0 0.8em 0;
font-family: 'Playfair Display', serif;
line-height : 1.3em;
font-weight: 700;
text-shadow: 0 -1px 1px #000000, 0 1px 1px #FFFFFF;
background: rgba(190,182,175,0.85) url(img/stars.png) 50% 82% no-repeat;
}
 */
#startcontainer h2 {
text-align: center;
font-size: 180%;
color : #930026;
margin : 0 0 0 0;
padding: 0.5em 0 0.5em 0;
font-family: 'Playfair Display', serif;
line-height : 1.3em;
font-weight: 700;
text-shadow: 0 -1px 1px #000000, 0 1px 1px #FFFFFF;
}

#startcontainer .gross {
text-align: center;
font-size: 1.6em;
color : #45260d;
margin : 0 0 0 0;
padding : 20px 0 0 0;
font-family: 'Playfair Display', serif;
line-height : 1.3em;
font-weight: 400;
text-shadow: 0 -1px 1px #000000, 0 1px 1px #FFFFFF;
}

.transparent {
clear: both;
background: rgba(255,255,255,0.4);
margin: 0 auto;
margin-top: 20px;
margin-bottom: 40px;
padding: 20px 40px 20px 40px;
max-width: 1360px; 
}

.virtuell {
padding: 10px;
background: rgba(255,255,255,0.5);
}

/*  FOOTER 4 BOXEN   ============================================================================= */
#footer {
width: 100%;
padding: 0 0 0 0;
margin: 0 0 0 0;
color: #fff;
background : url(img/bg_footer.jpg) top center repeat;
background-attachment: fixed;
text-shadow: 0 -1px 1px #000000, 0 1px 1px #FFFFFF;
-webkit-box-shadow: 0px -10px 5px 0px rgba(80,63,49,0.25);
-moz-box-shadow: 0px -10px 5px 0px rgba(80,63,49,0.25);
box-shadow: 0px -10px 5px 0px rgba(80,63,49,0.25);
}

#footer_4, #footer_1 {
clear: both;
width: 96%; /* 1000px / 1250px */
font-size: 0.9em; /* 13 / 16 */
max-width: 1360px; /* 1360px / 13 */
margin: 0 auto;
padding: 0px 0 10px 0;
line-height: 1.6em;
position: relative;
}

#footer p {
margin: 0 0 40px 0;
}

#footer .gross {
font-family: 'Playfair Display', serif;
font-size: 1.5em;
}

#footer .icons {
font-size: 0.9em;
text-align: right;
}

@media only screen and (max-width: 800px) {
#footer ..icons  {
text-align: center;
}
}

/* Links    ============================================================================= */
.div_link {
display: block;
text-align: center;
margin: 30px 0 40px 0;
}

#contentwide .div_link a {
font-size: 0.9em;
font-weight: 300;
letter-spacing: -1px;
text-align: center;
padding: 10px 35px 10px 35px;
color: #816e5f;
border: 1px solid #fff;
background: rgba(255,255,255,0.3);
-webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.3);
box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.3);
}

#contentwide .div_link a:hover {
color: #503f31;
background: rgba(255,255,255,0.7);
}

@media only screen and (max-width: 414px) {
.div_link a {
font-size: 1.0em;
padding: 10px 20px 7px 20px;
}
}

a {
text-decoration : none;
border : none;
}

a img {
border : 0 none;
}

/* Schriften    ============================================================================= */
.fett {
font-weight : 700;
}
.klein {
clear: both;
font-weight : 700;
font-size: 0.8em;
}
.copy {
clear: both;
font-weight : 400;
font-size: 0.8em;
}
.mittig {
text-align: center;
}

.red {
font-weight: bold;
color : #ff0000;
}

.short {
padding-left: 100px;
padding-right: 100px;
}

@media only screen and (max-width: 414px) {
.short {
padding-left: 30px;
padding-right: 30px;
}
}

.hide {
display : none;
}

/* Fotogalerie   ============================================================================= */
#gallery {
text-align: center;
}

.highslide-gallery img:hover {
-webkit-transform:scale(0.95);
transform:scale(0.95);
}

.highslide-gallery img {
-webkit-transition: all 0.7s ease;
transition: all 0.7s ease;
margin: 30px 8px 20px 8px;
padding: 10px;
background: rgba(255,255,255,0.3);
}

@media only screen and (max-width: 1024px) {
#gallery .highslide-gallery img {
width: 28%;
height: auto;
}
}

@media only screen and (max-width: 800px) {
#gallery .highslide-gallery img {
width: 42%;
height: auto;
margin-right: 5px;
}
}

@media only screen and (max-width: 420px) {
#gallery .highslide-gallery img {
width: 90%;
height: auto;
margin: 5px 0px 15px 0;
}
}

/* ICONS   ============================================================================= */
.icons {
width: auto;
padding: 0;
overflow: hidden;
}

.icons a {
position: relative;
display: inline-block;
width: 57px;
height: 57px;
margin: 0 0 0 0;
border-radius: 5px;
list-style: none;
text-decoration: none;
padding: 1px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}

.icons:hover a {
margin: 0 10px 0 0;
}

.icons a .image {
position: absolute;
width: 57px;
height: 57px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}

.icons a:hover .image {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}

.icons:hover > a {
opacity: 0.3;
}

.icons:hover > a:hover {
opacity: 1;
}

.icons a.facebook, .icons a.google, .icons a.location {
background: none;
}

.icons a.facebook .image {
background: url(img/i_facebook.png) center no-repeat;
}
.icons a.google .image {
background: url(img/i_google.png) center no-repeat;
}
.icons a.location .image {
background: url(img/i_location.png) center no-repeat;
}

/* Cookies ============================================================================= */
#cookie-container {
width: 100%;
    position: fixed;
    top: 0px;
    left: 0;
    z-index: 500;
	overflow: hidden;
	-webkit-transition: all 1.9s;
    -moz-transition: all 1.9s;
    transition: all 1.9s;
}

div#cookie-notice {
    box-sizing: border-box;
    background-color: #F4EFC3;
    text-align: center;
    color: #777;
    display: block;
    font-size: 0.9em;
    width: 100%;
    padding: 6px 4px;
    z-index: 10;
}
div#cookie-notice #cookie-notice-close { 
    float:right;
    background: #FF0000;
    color: #ffffff;
    font-weight: bold;
    width: 1.525em;
    cursor: pointer;
    border-radius: 4px;
}

/* Buchungskalender ============================================================================= */
.embed-container {
position: relative; 
text-align: center;
overflow: hidden; 
width: 100%;
height: 600px;
}

@media only screen and (max-width: 600px) {
.embed-container {
position: relative; 
height: 600px;
}
}

@media only screen and (max-width: 400px) {
.embed-container {
position: relative; 
height: 720px;
}
}

.embed-container iframe {
border: none;
position: absolute; 
text-align: center;
top: 0; 
left: 0; 
width: 100%; 
height: 100%; 
}

/*--------- Tabellen --------*/
#preisliste table { 
width: 100%; 
margin-top: 15px;
margin-bottom: 25px;
}

table { 
border-collapse: collapse; 
}
/* Zebra striping */
#preisliste tr:nth-of-type(odd) { 
background: rgba(255,255,255,0.3);
}
#preisliste th { 
background: rgba(216,200,187,0.7);
color: #503f31;
font-weight: bold; 
}
#preisliste td, #preisliste th { 
padding: 6px; 
border: 1px dotted #af9b8b; 
text-align: left; 
}

@media only screen and (max-width: 1024px) {
#preisliste { 
font-size: 0.8em;
}
}
@media only screen and (max-width: 800px) {
#preisliste { 
font-size: 1.0em;
}
}
@media
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {
table, thead, tbody, th, td, tr {
display: block;
}
thead tr {
position: absolute;
top: -9999px;
left: -9999px;
}
#preisliste tr { 
border: 1px dotted #af9b8b;
}
#preisliste td {
border: none;
position: relative;
padding-left: 40%;
}
#preisliste td:before {
position: absolute;
top: 6px;
left: 6px;
width: 35%;
padding-right: 10px;
white-space: nowrap;
}
/*
Label the data
*/
#preisliste td:nth-of-type(1):before { font-weight: bold; content: "Saison"; }
#preisliste td:nth-of-type(2):before { font-weight: bold; content: "Woche"; }
#preisliste td:nth-of-type(3):before { font-weight: bold; content: "VL Tag"; }
#preisliste td:nth-of-type(4):before { font-weight: bold; content: "WE*"; }
}
/* Opt-in für Google Maps*/
.ce-google-maps {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 100%; /* 1x1 */
	margin: 30px 0 40px 0;
	text-align: center;
}
.ce-google-maps p {
line-height: 1.6em;
}

.ce-google-maps > * {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}
.ce-google-maps .gmap-opt-in-wrap {
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-image: url(img/googlemaps_1.jpg);
}

@media screen and (min-width:481px) {
    .ce-google-maps {
        padding-bottom: 66.6666%; /* 3x2*/
    }
    .ce-google-maps .gmap-opt-in-wrap {
        background-image: url(img/googlemaps_1.jpg);
    }
}

@media screen and (min-width:769px) {
    .ce-google-maps {
        padding-bottom: 56.25%; /* 16x9*/
    }
    .ce-google-maps .gmap-opt-in-wrap {
        background-image: url(img/googlemaps_1.jpg);
    }
}

@media screen and (min-width:1280px) {
    .ce-google-maps {
        padding-bottom: 42.8571%; /* 21x9*/
    }
    .ce-google-maps .gmap-opt-in-wrap {
        background-image: url(img/googlemaps_1.jpg);
    }
}

.ce-google-maps .gmap-opt-in-button-wrap {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255,255,255,0.3);
}

.ce-google-maps .gmap-opt-in-button {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    cursor: pointer;
    width: 80%;
    max-width: 20em;
    color: rgb(20%,20%,20%);
    background-color: rgba(255,255,255,0.9);
    padding: 0.5em;
    border-radius: 0.5em;
}

.ce-google-maps .gmap-opt-in-button div:first-child {
    text-align: center;
    font-weight: 700;
    text-transform: uppercase;
	padding-top: 20px;
}

.ce-google-maps .gmap-opt-in-button div:last-child {
    font-size: 80%;
    line-height: 1.3;
}

/*   IFRAME BELEGUNGSPLÄNE   */
.relative {
clear: both;
  position: relative;
  width: 100%;
  height: auto;

} 
.c-dsgvoLoadIframe {
clear: both;
position: absolute;
position: static; 
margin: 20px 0 20px 0;
text-align: center;
}
.c-dsgvoLoadIframe--notloaded {
clear: both;
  padding: 32px 0;
  background-color: rgba(194, 184, 175, 0.5);
  border: 1px solid #a99f96;
}
.c-dsgvoLoadIframe__optin {
  max-width: 600px;
  background: rgba(255,255,255,0.4);
  padding: 32px;
  margin: 0 auto;
}
.c-dsgvoLoadIframe__button {
  text-align: center;
  padding: 8px 24px;
  background: #45260d;
  border-radius: 5px;
  color: #fff;
  cursor: pointer;
}
.c-dsgvoLoadIframe__button:hover {
  background: red;
}
.c-dsgvoLoadIframe iframe {
  border: none;
}
@media only screen and (max-width: 600px) {
.proven {
display: none;
}
}
/* POPUP ============================================================================= */
.alert {
position: fixed;
top: 23%;
right: 2%;
max-width: 350px;
z-index: 1000000000000000000000000000000000000000000;
font-family: 'Playfair Display', serif;
font-weight: 600;
font-size: 1.25em;
line-height: 1.7em;
color: #45260d;
background : url(img/box.png) top center repeat;
padding: 50px;
-webkit-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.3);
box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.3);
}