:root {

  /**
  * Theme Colors
  */
  
  --theme-color0: #000;
  --theme-color1: #1c692f;  /** grün */
  --theme-color2: #333333; /** Dunkelgrau */
  --theme-color3: #c1b7a8; /** Dunkelbeige */
  --theme-color4: #d6d0c5; /** Mittelbeige */
  --theme-color5: #f8f5f1; /** Hellbeige */

  --theme-white: #fff;
  --theme-black: #000;
  
  --theme-bg1: #1c692f;
  --theme-bg2: #f8f5f1;

  /**
  * Spacing / Gutter / Margin
  */
  
  --spacing-small: 1.125rem;
  --spacing: 2.25rem;
  --spacing-large: 4.5rem;
  
  --margin-base: 1.5rem;

  --gutter: 1.5rem;
  

  /**
  * Typographie
  */

  --font-family-base: Roboto, Arial, sans-serif;
  --font-weight-base: 400;
  
  --font-size-base: 1.5rem;
  --font-h1: Great-vibes;
  --font-h2: var(--font-family-base);
  --font-h3: Great-vibes;
  --font-h4: var(--font-family-base);

  --h1: 4.75rem;
  --h2: 1.75rem;
  --h3: 4.0rem;
  --h4: 1.333rem;
  
  --margin-default: 1.333rem;
  --margin-h1: 2.333rem;
  --margin-h2: 1.333rem;
  --margin-h3: 1.333rem;
  --margin-h4: 0.25rem;
}


/**
* Layout and Common
*/

html {
  font-size: 15px;
}

body {
  font-family: var(--font-family-base);
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.6;
}
@media (min-width: 992px) {
  .container.limit-width-md {
    max-width: 720px;
  }
}
@media (min-width: 1200px) {
  .container.limit-width-lg {
    max-width: 960px;
  }
}
@media (min-width: 1400px) {
  html {
    font-size: 16px;
  }
  .container.limit-width-xl {
    max-width: 1140px;
  }
}


/**
 * Utilities
 */

.c-text-left {
  text-align: left;
}

.c-text-center {
  text-align: center;
}

.c-text-right {
  text-align: right;
}

/**
* Content Theme
*/

.c-content h1 {
  font-family: var(--font-h1);
  font-size: var(--h1);
  font-weight: 400;
  line-height: 1.10;
  margin-top: 0;
  margin-bottom: var(--margin-h1);
}

.c-content h2 {
  font-family: var(--font-h2);
  font-size: var(--h2);
  font-weight: 700;
  line-height: 1.25;
  margin-top: 0;
  margin-bottom: var(--margin-h2);
  text-transform: none;
}

.c-content h3 {
  font-family: var(--font-h3);
  font-size: var(--h3);
  font-weight: 400;
  line-height: 1.25;
  margin-top: 0;
  margin-bottom: var(--margin-h3);
  text-transform: none;
}

.c-content h4 {
  font-family: var(--font-h4);
  font-size: var(--h4);
  font-weight: 700;
  line-height: 1.25;
  margin-top: 0;
  margin-bottom: var(--margin-h4);
}

.c-content h1.c-has-subheading, .c-content h2.c-has-subheading, .c-content h3.c-has-subheading {
  margin-bottom: 0;
}

.c-content p, .c-content ul, .c-content ol, .c-content table, .c-content blockquote, .c-content figure {
  margin-top: 0;
  margin-bottom: var(--margin-default);
}

.c-content p:last-child, .c-content ul:last-child,  .c-content ol:last-child, .c-content table:last-child, .c-content blockquote:last-child, .c-content figure:last-child {
}

.c-content img {
  max-width: 100%;
  height: auto;
  padding-right: 20px;
}


/**
* Content Theme
*/

.c-content--default {
  color: var(--margin-h2);
}

.c-content--default h1 {
  color: var(--theme-color0);
} 

.c-content--default h3 {
  color: var(--theme-color0);
} 

.c-content--default h2, .c-content--default h4 {
  color: var(--theme-color2);
}

.c-content--default .ce_headline.color1 {
  color: var(--theme-color1);
}

.c-content--default h1 a:link,
.c-content--default h1 a:visited, .c-content--default h2 a:link,
.c-content--default h2 a:visited, .c-content--default h3 a:link,
.c-content--default h3 a:visited, .c-content--default h4 a:link,
.c-content--default h4 a:visited {
  color: var(--theme-color2);
  text-decoration: none;
}

.c-content--default h1 a:hover,
.c-content--default h1 a:active, .c-content--default h2 a:hover,
.c-content--default h2 a:active, .c-content--default h3 a:hover,
.c-content--default h3 a:active, .c-content--default h4 a:hover,
.c-content--default h4 a:active {
  color: var(--theme-color2);
  text-decoration: underline;
}

.c-content--default a:link,
.c-content--default a:visited {
  color: var(--theme-color1);
  text-decoration: none;
}

.c-content--default a:hover,
.c-content--default a:active {
  color: var(--theme-color1);
  text-decoration: underline;
}

.c-content--inverse {
  color: var(--theme-white);
}

.c-content--inverse h1, .c-content--inverse h2, .c-content--inverse h3, .c-content--inverse h4 {
  color: var(--theme-white);
}

.c-content--inverse h1 a:link,
.c-content--inverse h1 a:visited, .c-content--inverse h2 a:link,
.c-content--inverse h2 a:visited, .c-content--inverse h3 a:link,
.c-content--inverse h3 a:visited, .c-content--inverse h4 a:link,
.c-content--inverse h4 a:visited {
  color: var(--theme-white);
  text-decoration: none;
}

.c-content--inverse h1 a:hover,
.c-content--inverse h1 a:active, .c-content--inverse h2 a:hover,
.c-content--inverse h2 a:active, .c-content--inverse h3 a:hover,
.c-content--inverse h3 a:active, .c-content--inverse h4 a:hover,
.c-content--inverse h4 a:active {
  color: var(--theme-white);
  text-decoration: underline;
}

.c-content--inverse a:link,
.c-content--inverse a:visited {
  color: var(--theme-white);
  text-decoration: none;
}

.c-content--inverse a:hover,
.c-content--inverse a:active {
  color: var(--theme-white);
  text-decoration: underline;
}

.c-content--inverse .btn-default {
  color: var(--theme-white);
  background-color: #000;
  border-color: #000;
}


/**
 * Form controls
 */

.form-control {
  font-size: 1.5rem;
  font-weight: 300;
}


/**
 * Section
 */

.c-section {
  position: relative;
  padding-top: var(--spacing);
  padding-bottom: var(--spacing);
  background: transparent;
}

.c-section:before, .c-section:after {
  content: " ";
  display: table;
}

.c-section:after {
  clear: both;
}

.c-section.c-spacing--none {
  padding-top: 0;
  padding-bottom: 0;
}

.c-section.c-spacing--large {
  padding-top: var(--spacing-large);
  padding-bottom: var(--spacing-large);
}

.c-section.c-spacing--small {
  padding-top: var(--spacing-small);
  padding-bottom: var(--spacing-small);
}

.c-section.c-spacing-top {
  padding-top: var(--spacing);
}

.c-section.c-spacing-top--large {
  padding-top: var(--spacing-large);;
}

.c-section.c-spacing-top--small {
  padding-top: var(--spacing-small);;
}

.c-section.c-spacing-top--none {
  padding-top: 0;
}

.c-section.c-spacing-bottom {
  padding-bottom: var(--spacing);
}

.c-section.c-spacing-bottom--large {
  padding-bottom: var(--spacing-large);
}

.c-section.c-spacing-bottom--small {
  padding-bottom: var(--spacing-small);
}

.c-section.c-spacing-bottom--none {
  padding-bottom: 0;
}

.c-section.c-border-top {
  border-top: 1px solid transparent;
}

.c-section.c-border-bottom {
  border-bottom: 1px solid transparent;
}

.c-section.c-margin--regular {
  margin-bottom: var(--spacing);
}

.c-section.c-margin--large {
  margin-bottom: var(--spacing-large);
}

.c-section.c-margin--small {
  margin-bottom: var(--spacing-small);
}

@media (min-width: 576px) { /* 768 */
  .c-section.c-spacing-sm {
    padding-top: var(--spacing);
    padding-bottom: var(--spacing);
  }

  .c-section.c-spacing-sm--none {
    padding-top: 0;
    padding-bottom: 0;
  }

  .c-section.c-spacing-sm--small {
    padding-top: var(--spacing-small);
    padding-bottom: var(--spacing-small);
  }

  .c-section.c-spacing-sm--large {
    padding-top: var(--spacing-large);
    padding-bottom: var(--spacing-large);
  }

  .c-section.c-spacing-top-sm {
    padding-top: var(--spacing);
  }

  .c-section.c-spacing-top-sm--none {
    padding-top: 0;
  }

  .c-section.c-spacing-top-sm--large {
    padding-top: var(--spacing-large);
  }

  .c-section.c-spacing-top-sm--small {
    padding-top: var(--spacing-small);
  }

  .c-section.c-spacing-bottom-sm {
    padding-bottom: var(--spacing);
  }

  .c-section.c-spacing-bottom-sm--large {
    padding-bottom: var(--spacing-large);
  }

  .c-section.c-spacing-bottom-sm--small {
    padding-bottom: var(--spacing-small);
  }

  .c-section.c-spacing-bottom-sm--none {
    padding-bottom: 0;
  }

  .c-section.c-margin-sm--regular {
    margin-bottom: var(--spacing);
  }

  .c-section.c-margin-sm--large {
    margin-bottom: var(--spacing-large);
  }

  .c-section.c-margin-sm--small {
    margin-bottom: var(--spacing-small);
  }
}

@media (min-width: 768px) { /* 768px */
  .c-section.c-spacing-md {
    padding-top: var(--spacing);
    padding-bottom: var(--spacing);
  }

  .c-section.c-spacing-md--none {
    padding-top: 0;
    padding-bottom: 0;
  }

  .c-section.c-spacing-md--small {
    padding-top: var(--spacing-small);
    padding-bottom: var(--spacing-small);
  }

  .c-section.c-spacing-md--large {
    padding-top: var(--spacing-large);
    padding-bottom: var(--spacing-large);
  }

  .c-section.c-spacing-top-md {
    padding-top: var(--spacing);
  }

  .c-section.c-spacing-top-md--none {
    padding-top: 0;
  }

  .c-section.c-spacing-top-md--large {
    padding-top: var(--spacing-large);
  }

  .c-section.c-spacing-top-md--small {
    padding-top: var(--spacing-small);
  }

  .c-section.c-spacing-bottom-md {
    padding-bottom: var(--spacing);
  }

  .c-section.c-spacing-bottom-md--large {
    padding-bottom: var(--spacing-large);
  }

  .c-section.c-spacing-bottom-md--small {
    padding-bottom: var(--spacing-small);
  }

  .c-section.c-spacing-bottom-md--none {
    padding-bottom: 0;
  }

  .c-section.c-margin-md--regular {
    margin-bottom: var(--spacing);
  }

  .c-section.c-margin-md--large {
    margin-bottom: var(--spacing-large);
  }

  .c-section.c-margin-md--small {
    margin-bottom: var(--spacing-small);
  }
}

@media (min-width: 992px) { /* 960px */
  .c-section.c-spacing-lg {
    padding-top: var(--spacing);
    padding-bottom: var(--spacing);
  }

  .c-section.c-spacing-lg--none {
    padding-top: 0;
    padding-bottom: 0;
  }

  .c-section.c-spacing-lg--large {
    padding-top: var(--spacing-large);
    padding-bottom: var(--spacing-large);
  }

  .c-section.c-spacing-top-lg {
    padding-top: var(--spacing);
  }

  .c-section.c-spacing-top-lg--none {
    padding-top: 0;
  }

  .c-section.c-spacing-top-lg--large {
    padding-top: var(--spacing-large);
  }

  .c-section.c-spacing-top-lg--small {
    padding-top: var(--spacing-small);
  }

  .c-section.c-spacing-bottom-lg {
    padding-bottom: var(--spacing);
  }

  .c-section.c-spacing-bottom-lg--large {
    padding-bottom: var(--spacing-large);
  }

  .c-section.c-spacing-bottom-lg--small {
    padding-bottom: var(--spacing-small);
  }

  .c-section.c-spacing-bottom-lg--none {
    padding-bottom: 0;
  }

  .c-section.c-margin-lg--regular {
    margin-bottom: var(--spacing);
  }

  .c-section.c-margin-lg--large {
    margin-bottom: var(--spacing-large);
  }

  .c-section.c-margin-lg--small {
    margin-bottom: var(--spacing-small);
  }
}

@media (min-width: 1200px) { /* 1200px */
  .c-section.c-spacing-xl {
    padding-top: var(--spacing);
    padding-bottom: var(--spacing);
  }

  .c-section.c-spacing-xl--none {
    padding-top: 0;
    padding-bottom: 0;
  }

  .c-section.c-spacing-xl--large {
    padding-top: var(--spacing-large);
    padding-bottom: var(--spacing-large);
  }

  .c-section.c-spacing-top-xl {
    padding-top: var(--spacing);
  }

  .c-section.c-spacing-top-xl--none {
    padding-top: 0;
  }

  .c-section.c-spacing-top-xl--large {
    padding-top: var(--spacing-large);
  }

  .c-section.c-spacing-top-xl--small {
    padding-top: var(--spacing-small);
  }

  .c-section.c-spacing-bottom-xl {
    padding-bottom: var(--spacing);
  }

  .c-section.c-spacing-bottom-xl--large {
    padding-bottom: var(--spacing-large);
  }

  .c-section.c-spacing-bottom-xl--small {
    padding-bottom: var(--spacing-small);
  }

  .c-section.c-spacing-bottom-xl--none {
    padding-bottom: 0;
  }

  .c-section.c-margin-xl--regular {
    margin-bottom: var(--spacing);
  }

  .c-section.c-margin-xl--large {
    margin-bottom: var(--spacing-large);
  }

  .c-section.c-margin-xl--small {
    margin-bottom: var(--spacing-small);
  }
}


/**
* Section Theme
*/

.c-section--default {
  background: #666666;
}

.c-section--hellbeige {
  background: #f8f5f1;
}

.c-section--mittelbeige {
  background: #d6d0c5;
}

.c-section--dunkelbeige {
  background: #c1b7a8;
}

.c-section--gruen {
  background: #1c692f;
  width: 100%;
}

.c-section--dunkelgrau {
  background: #333333;
}


/**
 * Header
 */
 

 #header {
   background: #fff;
 }
 
 /**
 * Balken
 */
 
 .green-bar {
  width: 100%;
  height: 20px;        /* Höhe des Balkens */
  background-color: #1c692f; /* Grün */
}

.half-bar {
  position: relative;       /* bleibt im normalen Fluss – wenn du es absolut platzieren willst, siehe unten */
  width: 50%;              /* nimmt die Hälfte der Seite ein */
  height: 80px;            /* Höhe */
  background-color: rgba(255, 255, 255, 0.4); /* weiß + Transparenz */
  margin-left: auto;       /* schiebt den Balken nach rechts */
  margin-bottom: 40px;
  display: flex;           /* zum Ausrichten des Textes */
  align-items: center;          /* vertikal mittig */
  justify-content: center;      /* horizontal mittig */
  padding-left: 20px;      /* etwas Abstand für den Text */
}

.half-bar p {
  margin: 0;
  font-size: 28px;
  color: #1c692f; /* Textfarbe */
}

/* Ab 768px runter (Tablet & Handy): Balken auf volle Breite */
@media (max-width: 768px) {
  .half-bar {
    width: 100%;
    height: auto;       /* Höhe passt sich automatisch an */
    padding: 10px 15px; /* mehr Luft für Text */
  }

  .half-bar p {
    font-size: 16px;    /* kleinere Schrift */
    text-align: center; /* Text mittig ausrichten */
  }
}


/**
 * Hero
 */
 
.hero h1 {
  position: absolute;
  bottom: 50px;
  left: 25px;
  font-size: 3.375em;
  color: #fff;
  line-height: 1;
  margin-bottom: 0;
  
}

.hero h1 span {
  background: rgba(159, 17, 27, 0.85);
  margin-top: 5px;
  float: left;
  padding: 10px;
}
 
.hero {
	position: relative;
}

.hero figure {
  margin: 0;
}

.hero img {
  display: block;
  width: 100%;
  height: auto;
}

.hero .shortform-wrapper {
	position: absolute;
	left: 0;
	bottom: 0;
}

.hero .shortform input {
	width: 100%;
	outline: none;
}

.hero .shortform .widget-submit {
	display: flex;
	align-items: stretch;
}

.hero .shortform .widget-submit button {
	flex: 1;
}

/**
 * Image
 */
 
.content-image.rotate-3 img {
	position: relative;
	padding-top: 40px;
	-webkit-transform: rotate(15deg);
	transform: rotate(15deg);
}


.content-image figure {
    margin: 0;
}

.content-image.full img {
    width: 100%;
    display: block;
}

/**
 * Gallery
 */
 
.content-gallery figure {
  margin: 0;
  border: 0.25rem solid #fff;
}

.content-gallery img {
  width: 100%;
  height: auto;
  max-width: 100%;
  object-fit: cover;
  padding:0;
}

.content-gallery.cols-auto img {
  width: auto;
  height: auto;
}

.content-gallery ul {
	display: flex;
  flex-wrap: wrap;
  margin: 0 -0.75rem;
}

.content-gallery li {
  margin: 0;
  padding: 0.5rem 0.75rem;
  flex: 0 0 auto;
}

.content-gallery--cols-2 li, 
.content-gallery--cols-4 li {
  width: 50%;
}

.content-gallery--cols-3 li {
  width: 100%;
}

.content-gallery--cols-6 li {
  width: 33.333%;
}

.content-gallery.cols-auto ul li {
  width: auto;
}

@media (min-width: 768px) {
  .content-gallery--cols-4 li {
    width: 50%;
  }
  
  .content-gallery--cols-3 li,
  .content-gallery--cols-6 li {
    width: 33.333%;
  }

  .content-gallery.cols-auto ul li {
    width: auto;
  }
}

@media (min-width: 992px) {
  .content-gallery--cols-4 li {
    width: 25%;
  }
  
  .content-gallery--cols-6 li {
    width: 16.666%;
  }

  .content-gallery.cols-auto ul li {
    width: auto;
  }
}

/**
 * Gallery Specials
 */
 
.content-gallery.icon-list ul {
  align-items: end;
  justify-content: center;
  margin: 0 -1em;
  }

.content-gallery li {
  list-style: none;
}

.content-gallery.icon-list figure {
  border: 0 none;
  text-align: center;
  padding: 2rem;
}

.content-gallery.icon-list figcaption {
  font-size: 1.25rem;
  line-height: 1.0;
  text-align: center;
  color: #fff;
}

.content-gallery figure .border-none {
  margin: 0;
}

/**
 * Components
 */
 
 .rs-column.images-overlap {
  position: relative;
  height: 560px;
  overflow: hidden;
}

.rs-column.images-overlap .ce_image:nth-child(2) {
  position: absolute;
  top: 230px;
  left: 320px;
}

 .rs-column.images-overlap-footer {
  position: relative;
  height: 300px;
}


/**
* Footer Copyright
*/

.footer-copyright {
	font-size: 0.9rem;
	text-align: left;
}

/**
* Slider
*/

.slider-container {
	padding:0;
	overflow:hidden
}

.slider {
	height: 900px;
	position:relative
}

.slider
.container {
	max-width:100%
}

/**
* Tabelle
*/

table,th,td {
	border: 1px solid #000;
	font-family: Roboto, Arial, sans-serif;
	font-size: 1rem;
	text-align: center;
	vertical-align: middle;
	padding: 5px;
}

th {
	background-color:var(--theme-color1);
	color: #fff;
	border: 1px solid #fff;
	padding: 10px;
}

/**
* Button
*/

.ce_rsce_button {
	display: inline-block;
    padding: 15px 60px 15px 60px;
    border-radius: 8px;
}

.c-content--default .ce_rsce_button {
    background: #a5ba23;
    color: #fff;
    text-decoration: none;
}

.c-content--default .ce_rsce_button:link,
.c-content--default .ce_rsce_button:visited {
    background: #a5ba23;
    color: #fff;
    text-decoration: none;
}

.c-content--default .ce_rsce_button:hover,
.c-content--default .ce_rsce_button:active {
    background: #a5ba23;
    color: #fff;
    text-decoration: underline;
}

/**
* Trennlinie - Border Top
*/

.deco-container{
    position:relative;
    width:100%;
    margin-bottom:60px
}
.deco-container:before{
    content:'';
    position:absolute;
    width:100%;
    height:1px;
    background:#a5ba23;
    left:0;
    top:50%
}
.deco-link{
    display:inline-block;
    width:100px;
    height:100px;
    background:url(../images/elemente/Herz_fuer_Trennlinie.svg);
    background-size:100px auto;
    background-position:center center;
    background-repeat:no-repeat;
    margin-left:calc(50% - 50px);
    position:relative;
    background-color:#fff
}

/**
* Deko Elemente
*/

.ce_headline.deko_1 {
	position: relative;
	z-index: auto;
	overflow: hidden;
}

.ce_headline.deko_1:after{
    content:'';
    position:absolute;
    right:-200px;
    bottom:-300px;
    width:280px;
    height:500px;
    background:url('../images/elemente/Blaetter_weiss_rechts.svg');
    background-position:center;
    background-size:contain;
    background-repeat:no-repeat;
    -moz-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    -o-transform:rotate(90deg);
    -webkit-transform:rotate(90deg);
    transform:rotate(256deg)
}

.ce_headline.deko_3 {
	position: relative;
	z-index: auto;
	overflow: hidden;
}

.ce_headline.deko_3:after{
    content:'';
    position:absolute;
    left:-200px;
    bottom:-300px;
    width:280px;
    height:500px;
    background:url('../images/elemente/Blaetter_weiss_rechts.svg');
    background-position:center;
    background-size:contain;
    background-repeat:no-repeat;
    -moz-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    -o-transform:rotate(90deg);
    -webkit-transform:rotate(90deg);
    transform:rotate(340deg)
}



.grid-content .deko_2:after{
    content:'';
    position:absolute;
    right:0;
    bottom:0;
    width:150px;
    height:150px;
    background:url('../images/elemente/Zierpflanze_1_hellgrau.svg');
    background-size:contain;
    background-repeat:no-repeat;
    background-position:center
}

/**
* Sprungmarken Abstand
*/

.sprungabstand {
	padding-top: 90px !important;
}

/*
	ACCORDEON
	
*/

.hide-accordeon {
	display:none;
	visibility:hidden;
}

.ce_accordion .toggler {
	/*padding:0 2.5em 1em 1.25em;*/
	padding: 15px;
	text-align:left;
}

.ce_accordion .toggler::after {
	top:1.65em;
}

.ce_accordion .accordion {
	padding:1.25em;
	background-color:#f5f5f5;
}

.ce_accordion .accordion a, .ce_accordion .accordion a:visited {
	font-weight:bold;
	text-decoration:underline;
}

.ce_accordion .accordion a.button, .ce_accordion .accordion a.button:visited {
	font-weight:normal;
	text-decoration:none;
	color:#fff;
}

.ce_accordion .accordion a:hover {
	color:#2d5ea6;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
	color:#2d5ea6 !important;	
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
	color:#343434;
}

.ce_accordionSingle .hide{
      display:none;
    visibility:hidden
}


/* Shortform Anreise Abreise

                  #a5ba23;  Apfelgrün 
  --theme-color2: #666666; Dunkelgrau 
  --theme-color3: #d2745a;
  --theme-color4: #493522;  Braun 
  
  --theme-white: #fff;
  --theme-black: #292c37;
  
  --theme-bg1: #eef3f2;
  --theme-bg2: #80eeff; */


.shortform-container{
    position:relative
}

@media screen and (max-width: 480px){
    .shortform-container{
        display:none;
        visibility:hidden
    }
}
.mod_form input{
    border:none;
    color:#fff;
    background-color:#a5ba23;
    padding:14px 20px 14px 50px;
    background-image:url('../logos + icons/calendar.svg');
    background-repeat:no-repeat;
    background-size:30px 30px;
    background-position:10px 13px;
    border: 1px solid #fff;
    appearance: none;
}

.mod_form button.submit_booking{
    border:none;
    padding:14px 38px;
    -webkit-transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    -o-transition:all 0.3s ease-in-out;
    -ms-transition:all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;
    background:#5E4B3B;
    color:#fff;
    text-align: right
}

.mod_form button.submit_booking:hover{
    background:#392918;
    color:#fff
}
@media screen and (max-width: 480px){
    .mod_form{
        padding-left:10px
    }
}
.c-form,.ce_form{
    margin-bottom:80px
}
.c-form.shortform,.ce_form.shortform{
    width:740px;
    margin:0 auto
}
.c-form .headline,.ce_form .headline{
    margin-bottom:30px
}
.c-form fieldset,.ce_form fieldset{
    border:none
}
.c-form .fieldset_short,.ce_form .fieldset_short{
    border:none;
    width:100%
}
.c-form .fieldset_short input,.ce_form .fieldset_short input{
    float:left;
    width:30%;
    margin-right:2%;
    margin-bottom:8px;
    text-align:center
}
.c-form .fieldset_short input.submit,.ce_form .fieldset_short input.submit{
    float:left;
    width:30%;
    margin:0;
    padding:13px 10px 14px;
    border-radius:0
}
.c-form .fieldset_1,.ce_form .fieldset_1{
    border:none;
    margin:0;
    padding:0;
    margin-right:2%;
    margin-bottom:50px;
    width:calc(50% - 2%);
    float:left
}

.mod_form button.submit_booking {
	border: 1px solid #fff;
}


/* Hintergrund Farben */

.bg-beige1 {
  background-color: #c1b7a8;
  color: white;
}

.bg-beige2 {
  background-color: #d6d0c5;
  color: white;
}

.bg-green {
  background-color: #1c692f;
  color: white;
  max-width: 100%;
}

.bg-dark-grey {
  background-color: #333333;
  color: white;
  max-width: 100%;
}

.bg-light {
  background-color: #f8f5f1;
  color: #333333;
}


/* Inverse Varianten */

.bg-green-inverse {
  background-color: #1c692f;
  color: #fff;
}

.bg-grey-inverse {
  background-color: #333333;
  color: #fff;
}