@charset "UTF-8";

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

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

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

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

/* goodgirl */
@font-face {
	font-family: 'GoodGirl';
	font-style: normal;
	font-weight: normal;
	src: local('GoodGirl'), 
		url('../fonts/GOODGIRL.woff') format('woff'),
    url('../fonts/GOODGIRL.ttf') format('truetype');
}  
    
/* glyphicons halflings */
@font-face {font-family:'Glyphicons Halflings';src: url('../fonts/glyphicons-halflings-regular.eot');src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');}
.glyphicon {font-family:'Glyphicons Halflings';font-style:normal;font-weight:normal;line-height:1;position:relative;top:1px;display:inline-block;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.glyphicon-ok:before {content: "\e013";}
.glyphicon-remove:before {content: "\e014";}
.glyphicon-chevron-left:before {content: "\e079";}
.glyphicon-chevron-right:before {content: "\e080";}
.glyphicon-th-large:before {content: "\e010";}
.glyphicon-play:before {content: "\e072";}
.glyphicon-check:before {content: "\e067";}

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
*:before, *:after { -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
html {
	/*	
	height: 100%;
	overflow: hidden;
	overflow-y: scroll; 
	*/
}
body {
	background-color: rgba(255, 255, 255, 1.0);
	color: rgba(51, 51, 0, 1.0);
	font-family: 'Roboto Condensed', Arial, sans-serif;
	position: relative;
}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, p, .p, a, a:link, a:hover, ul, li, small, .small, table, .table, form {
	font-family: 'Roboto Condensed', Arial, sans-serif;
	color: rgba(51,51,0,1.0);text-align: left;line-height: 1.7;}
@media (min-width: 1400px) {
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, p, .p, a, a:link, a:hover, ul, li, small, .small, table, .table, form {
	font-size: 16px;font-size: 100%;font-size: 1.0vw; -webkit-transition: font-size .3s}
}
h1, .h1 {
	font-weight: normal;
}
h2, .h2 {font-family: 'GoodGirl', 'Roboto Condensed', Arial, sans-serif;font-weight:bold;text-transform:uppercase;} 
h3, .h3 {font-weight:normal;text-transform:uppercase;}
h4, .h4 {}
p {
/*	text-align: justify; */
  -ms-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}
small, .small {font-size: 80%;line-height: 1.7;}
a, a:link {background-color: transparent;
	color: rgba(51,51,0,1.0);
	font-weight: normal;
	text-decoration: none;
}
a:hover {
	background-color: transparent;
	color: rgba(61,61,0,1.0);
	font-weight: normal;
	text-decoration: underline;
}
ul {
	color: rgba(55,55,55,1.0);
}
li {
	color: rgba(55,55,55, 1.0);
	line-height: 1.7;
}
hr {
	background-color: rgba(61,61,0,1.0);
	margin: 3rem 0 2rem !important;
}
table {width: 100%;}
.table-bordered th, .table-bordered td {border: none;}
.table-sm th, .table-sm td {padding: 0rem;}
.maxh {height: 100%;}
.flex {height: 100%;display: flex;align-items:center;align-content:center;flex-direction: column;justify-content:center;}
.shadow {box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);}
.rotation6 {transform: rotate(-6deg); -webkit-transform: rotate(-6deg); -moz-transform: rotate(-6deg); -ms-transform: rotate(-6deg); -o-transform: rotate(-6deg);filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=6);}
.corner {border-top-left-radius:3rem;border-top-right-radius:0;border-bottom-left-radius:0;border-bottom-right-radius:3rem;}
.card {border:none;}
.card-img, .card-img-top {padding: 1rem;}

/* ÜBERSCHRIFTEN
-------------------------------------------------- */
/*
@media (max-width: 576px) {h1 {font-size: 1rem;} h2 {font-size: 1rem;}h3 {font-size: 1rem;}h4 {font-size: 1rem;}}
@media (min-width: 576px) {h1 {font-size: 1rem;} h2 {font-size: 1rem;}h3 {font-size: 1rem;}h4 {font-size: 1rem;}}
@media (min-width: 768px) {h1 {font-size: 1rem;} h2 {font-size: 1rem;}h3 {font-size: 1rem;}h4 {font-size: 1rem;}}
@media (min-width: 992px) {h1 {font-size: 1rem;} h2 {font-size: 1rem;}h3 {font-size: 1.25rem;}h4 {font-size: 1rem;}}
@media (min-width: 1200px) {h1 {font-size: 1rem;} h2 {font-size: 1rem;}h3 {font-size: 1.75rem;}h4 {font-size: 1rem;}}
@media (min-width: 1400px) {h1 {font-size: 1rem;} h2 {font-size: 1rem;}h3 {font-size: 1.75rem;}h4 {font-size: 1rem;}}
*/
/* BUTTON
-------------------------------------------------- */
.btn,
.btn-default,
.btn:hover,
.btn-default:hover,
a.btn:link,
a.btn-default:link,
a.btn:hover,
a.btn-default:hover {
	background-color: rgba(51,51,0,1.0);
	color: rgba(239,222,191,1.0);
	text-align: left;
	padding: 0.5rem 0.5rem 0.5rem 1rem;
	margin: 0.5rem 0;
  width: auto;
  border: 0;
  border-radius: 0;
}
.btn::after,
a.btn::after {
	content: "  ►";
	color: rgba(239,222,191,1.0);
  display: inline-block;
  float: right;
}
.btn:hover,
.btn-default:hover,
a.btn:hover,
a.btn-default:hover {
 	box-shadow: 0px 2px 3px 0px rgb(0, 0, 0, 0.2);
}

/* MODAL
-------------------------------------------------- */
.navi #NavModal {padding-right: 0 !important;}
.navi .modal-open {overflow: hidden;padding:0 !important;z-index:1000;}
.navi .modal-open .modal {padding-right:0px !important;}
.navi .modal-dialog {max-width: 100%;height:100%;padding:0;margin:0;}
.navi .modal-content {background-color: transparent !important;background-image:url(/static/img/navi_bg.jpg);background-position: center center;background-attachment: scroll;background-repeat: no-repeat;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size:cover;position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction: column;flex-direction: column;min-height:100%;height:100%;border: 0px solid rgba(0,0,0,0);border-radius:0;outline: 0;}
.navi .modal-header {padding:0;z-index:1200;}
.navi .modal-body {background-color: rgba(255,255,255,0.0) !important;padding:0;height:100%;}
.navi .modal.fade .modal-dialog {-webkit-transform: translate3d(0, -10%, 0);transform: translate3d(0, -10%, 0);}
.navi .modal.fade:not(.in) .modal-dialog {-webkit-transform: translate3d(-0%, 0, 0);transform: translate3d(-0%, 0, 0);}
/* NAVIGATION
-------------------------------------------------- */
.navbar {padding:0;margin:0;}
.bg-light {background-color:transparent !important;}
/* NAVIGATION - BUTTON 
-------------------------------------------------- */
.navbar-toggler {background-color: rgba(51,51,0,1);top:20px;right:20px;height:60px;width:60px;font-size:1.25rem;line-height:1;position:absolute;border: 1px solid #FFF;border-radius:100%;}
.navbar-toggler-icon {background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");}
@media (max-width: 576px) {.navbar-toggler {top:20px;right:20px;height:60px;width:60px;font-size:1.25rem;}}
@media (min-width: 576px) {.navbar-toggler {top:20px;right:20px;height:70px;width:70px;font-size:1.75rem;}}
@media (min-width: 768px) {.navbar-toggler {top:30px;right:30px;height:70px;width:70px;font-size:1.75rem;}}
@media (min-width: 992px) {.navbar-toggler {top:30px;right:30px;height:80px;width:80px;font-size:2.25rem;}}
@media (min-width: 1200px) {.navbar-toggler {top:70px;right:70px;height:100px;width:100px;font-size:2.5rem;}}
@media (min-width: 1400px) {.navbar-toggler {top:70px;right:70px;height:100px;width:100px;font-size:2.5rem;}}
.close:not(:disabled):not(.disabled):focus, .close:not(:disabled):not(.disabled):hover {opacity: 1;}
body.h-feed modal-open button.navbar-toggler {margin-right:90px !important;}
/* NAVI
-------------------------------------------------- */
.navbar-collapse {height:100%;width:100%;}
.navbar-nav {height:100%;width:auto;margin:0;padding:35px;display:flex;justify-content: center;	/* align-items: center; */}
.navbar-nav > hr {height:1px;width:100%;border:1px dotted #FFF;}
.navbar-nav ul {list-style:none;padding:0;}
.navbar-nav .nav-link {color: rgba(51,51,0,1.0);text-transform:uppercase;text-align:left;padding:0;}
.navbar-nav a.nav-link:hover {color: rgba(51,51,0,0.7); text-decoration: none;}

.navbar-nav a.nav-link::before {content: "►"; color: transparent;display: inline-block;width: 1.5em;margin-left: -1em;}
.navbar-nav a.nav-link.active {color: rgba(0, 0, 0, 0.8);color: rgba(51, 51, 0, 1);list-style-type: disc;}
.navbar-nav a.nav-link.active::before {content: "►";color: rgba(51, 51, 0, 1);display: inline-block; width: 1.5em; margin-left: -1em;}

@media (max-width: 576px) {.navbar-nav > hr {margin:0 0 1rem !important;}.navbar-nav .nav-link {font-size:28px;line-height:1.5;}.sub .nav-link {font-size:24px;}.subsub .nav-link {font-size:20px;}}
@media (min-width: 576px) {.navbar-nav > hr {margin:0 0 1rem !important;}.navbar-nav .nav-link {font-size:20px;line-height:1.5;}.sub .nav-link {font-size:18px;}.subsub .nav-link {font-size:16px;}}
@media (min-width: 768px) {.navbar-nav > hr {margin:1rem 0 2rem !important;}.navbar-nav .nav-link {font-size:32px;line-height:1.7;}.sub .nav-link {font-size:28px;}.subsub .nav-link {font-size:24px;}}
@media (min-width: 992px) {.navbar-nav > hr {margin:1rem 0 2rem !important;}}
@media (min-width: 1200px) {.navbar-nav > hr {margin:1rem 0 2rem !important;}}
@media (min-width: 1400px) {.navbar-nav > hr {margin:1rem 0 2rem !important;}}

/* HEADER
-------------------------------------------------- */
.header {background-color:transparent;width: 100%;top: 0;position: absolute;z-index: 20;}
.header .content-wrapper {padding: 70px 0 0 0 !important;}
.header a.nav-link {color: rgba(255,255,255, 1.0);padding-right: 0.5rem !important;padding-left: 0.5rem !important;font-size: 100%;}
.header a.nav-link:hover {color: rgba(255,255,255, 1.0);}
.header a.nav-link.active {color: rgba(225,225,225, 1.0);font-weight:bold;}
.header .navbar-expand-xl {flex-wrap: nowrap;justify-content: flex-end;}
	
/* CONTENT
-------------------------------------------------- */
/* CONTENT-WRAPPER
-------------------------------------------------- */
.content-wrapper {padding: 7% 0% 7%;}
@media (max-width: 576px) {.content-wrapper {padding: 12% 0% 8%;}}
@media (min-width: 576px) {.content-wrapper {padding: 9% 0% 6%;}}
@media (min-width: 768px) {.content-wrapper {padding: 7% 0% 7%;}}
@media (min-width: 992px) {.content-wrapper {padding: 7% 0% 7%;}}
@media (min-width: 1200px) {.content-wrapper {padding: 7% 0% 7%;}}
@media (min-width: 1400px) {.content-wrapper {padding: 7% 0% 7%;}}

/* HOME
-------------------------------------------------- */

/* HOME-SLIDER
-------------------------------------------------- */
#webseite-slider.home {
	background: rgba(51,51,0,1.0);height: auto;position: relative;overflow: hidden;}
#webseite-slider.home .content-wrapper {padding: 0 !important;margin-top: 0;position: relative;}
#webseite-slider h2, #webseite-slider p, #webseite-slider a {color: rgba(255,255,255,1.0);}
.carousel {height: 100%;}
.carousel-inner {overflow: visible;}
.carousel-item.active {height: 100%;}
.carousel-item img {height: 100%; background-position: center center;}
.carousel-item.active img {-ms-transform:scale(1.1); -webkit-transform:scale(1.1);transform:scale(1.1); -webkit-transition:all 0.1s ease-in;transition:all 0.1s ease-in;transition-delay: 0.1s;transition-duration: 9s;}
.carousel-pictogramme {display: flex;justify-content: center;margin-right: 15%;margin-left: 15%;padding: 0;position: absolute;right: 0;bottom: 0;left: 0;z-index: 2;}
.carousel-pictogramme .col {padding:0 !important;}
.carousel-pictogramme img {background-color: rgba(0,0,0,0.3);}
.sliderbox {font-size: 200%;height:100%;width: 90%;margin:0% 5%;top: 0;position: absolute;z-index: 10;}
.logo {width: 20%;left: 0;position: absolute;top: 5%;}
.zertifizierung {top: 50%;width: auto;background-color: rgba(255,255,255,1);position: absolute;right: 0px;z-index:10;  -webkit-box-shadow: -5px 5px 10px rgba(0, 0, 0, .5);box-shadow: -5px 5px 10px rgba(0, 0, 0, .5);}
.dtv {width:150px;height:auto;margin:25px 25px 25px 28px;}
.pk {width:150px;height:auto;margin: 0 25px 25px 28px;}
.content1 {position: relative;}
.text-01 {font-size: 330%;position: absolute; top:-40px;font-family: 'GoodGirl', 'Roboto Condensed', Arial, sans-serif;color: rgba(255,255,255,1.0) !important;font-weight: normal;text-shadow: 5px 5px 0 rgba(0,0,0,.5);padding: 0;margin: 0;line-height: 1.2;}

.sliderbox p {font-family: 'Roboto Condensed', Arial, sans-serif;color:rgba(255,255,255,1.0) !important;font-weight:normal;text-align:right;padding: 0.5rem 1.5rem;margin-bottom: 0.5rem;}
.sliderbox p.text-01 {font-size:330%;text-shadow: 5px 5px 0 rgba(0,0,0,.5);padding: 0;margin:0;line-height:1.2;}
.sliderbox p.text-05 {position: absolute; margin: 0; padding: 0;bottom: -20px;right:-50px;background-color: transparent !important;box-shadow:none !important;}

@media (max-width: 576px) {.carousel-pictogramme {margin-bottom: 5%;justify-content: left;margin-left: 10%}.carousel-pictogramme img {height: 45px;margin: 2px;border-radius:1px;}.sliderbox {font-size: 100%;}.sliderbox p {text-align:center;}.sliderbox p.text-05{position:relative;text-align: center;right: auto;}.logo {width: 45%}.zertifizierung {top: 40%;}.dtv {width:55px;margin:10px 10px 10px 12px;}.pk {width:55px;margin: 0 10px 10px 12px;}.text-01 {font-size: 300%;}}
@media (min-width: 576px) {.carousel-pictogramme {margin-bottom: 3%;justify-content: center;margin-left: 15%}.carousel-pictogramme img {height: 50px;margin: 2px;border-radius:1px;}.sliderbox {font-size: 100%;}.sliderbox p {text-align:right;}.sliderbox p.text-05{position:absolute;text-align: right;}.logo {width: 25%}.zertifizierung {top: 35%;}.dtv {width:70px;margin:10px 10px 10px 12px;}.pk {width:70px;margin: 0 10px 10px 12px;}.text-01 {font-size: 400%;}}
@media (min-width: 768px) {.carousel-pictogramme {margin-bottom: 3%;justify-content: center;margin-left: 15%}.carousel-pictogramme img {height: 60px;margin: 5px;border-radius:2px;}.sliderbox {font-size: 100%;}.logo {width: 25%}.zertifizierung {top: 40%;}.dtv {width:70px;margin:10px 10px 10px 12px;}.pk {width:70px;margin: 0 10px 10px 12px;}.text-01 {font-size: 400%;}}
@media (min-width: 992px) {.carousel-pictogramme {margin-bottom: 3%;justify-content: center;margin-left: 15%}.carousel-pictogramme img {height: 70px;margin: 5px;border-radius:2px;}.sliderbox {font-size: 100%;}.logo {width: 22%}.zertifizierung {top: 40%;}.dtv {width:100px;margin:10px 10px 10px 12px;}.pk {width:100px;margin: 0 10px 10px 12px;}.text-01 {font-size: 400%;}}
@media (min-width: 1200px) {.carousel-pictogramme {margin-bottom: 3%;justify-content: center;margin-left: 15%}.carousel-pictogramme img {height: 90px;margin: 10px;border-radius:5px;}.sliderbox {font-size: 150%;}.logo {width: 18%}.zertifizierung {top: 40%;}.dtv {width:110px;margin:10px 10px 10px 12px;}.pk {width:110px;margin: 0 10px 10px 12px;}.text-01 {font-size: 400%;}}
@media (min-width: 1400px) {.carousel-pictogramme {margin-bottom: 3%;justify-content: center;margin-left: 15%}.carousel-pictogramme img {height: 110px;margin: 10px;border-radius:7px;}.sliderbox {font-size: 200%;}.logo {width: 15%}.zertifizierung {top: 50%;}.dtv {width:130px;margin: 25px 25px 25px 28px;}.pk {width:130px;margin: 0 25px 25px 28px;}.text-01 {font-size: 500%;}}

/* AKTUELLES
-------------------------------------------------- */
#aktuelles {position: relative;overflow: hidden;}
#aktuelles .content-wrapper {background-color: rgba(196, 33, 38, 1.0);}
#aktuelles h2,#aktuelles p {color: rgba(255, 255, 255, 1.0);text-align: center;}

/* SOFORTKONTAKT
-------------------------------------------------- */
#sofortkontakt {
	position: relative;
	overflow: hidden;
}
#sofortkontakt .content-wrapper {
	background-color: rgba(55, 55, 55, 0.1);
	
}
#sofortkontakt h2,
#sofortkontakt p {
	text-align: center;
}
#sofortkontakt table {
	line-height: 1.6;
}
#sofortkontakt td:nth-child(2) {
  text-align: right;
}
#sofortkontakt p.oeffnungszeiten {
	
	color: rgba(55,55,55,1);
}
#sofortkontakt p.telefon {
	
	color: rgba(55,55,55,1);
	margin-top: 2rem;
	margin-bottom: 0;
}
@media (max-width: 576px) {
#sofortkontakt h2,
#sofortkontakt p {
	text-align: center;
}
}
@media (min-width: 576px) {
#sofortkontakt h2,
#sofortkontakt p {
	text-align: left;
}
}
@media (min-width: 768px) {

}
/* HOME-BREAKER
-------------------------------------------------- */
#breaker {height:400px;}

/* HOME-Bilder
-------------------------------------------------- */
.item {padding:0;}

/* HOME-GALERIE
-------------------------------------------------- */
.item {padding:0;border:solid 0.5rem rgba(255,255,255,1);}

/* HOME-ACCORDION
-------------------------------------------------- */
.accordion-item {background-color:transparent;border:0;}
.accordion-button {background-color:transparent;position:relative;display:flex;align-items:center;width:100%;padding:0;color: inherit !important;font-size:1rem;text-align:left;border: 0;border-radius:0;overflow-anchor: none;transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,border-radius .15s ease;}
.accordion-button:not(.collapsed) {background-color:transparent;color: inherit !important;box-shadow: inset 0 -1px 0 rgba(0,0,0,.125);}
.accordion-body {background-color:transparent;padding: 1rem 0rem;box-shadow: inset 0 -1px 0 rgba(0,0,0,.125);}

/* BUCHEN
-------------------------------------------------- */
#buchungsanfrage, #buchungsdank {
	background-image: url(/pics/luftaufnahmen/ferienhaus-oderdeich_luftaufnahme-richtung-norden.jpg);
	background-position: center center;background-attachment: scroll;background-repeat: no-repeat;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;position: relative;overflow: hidden;
}
#buchungsanfrage a, #buchungsdank a {width:auto;display:block;}
#buchungsanfrage h2, #buchungsdank h2 {color: rgba(255,255,255,1.0);font-size:250%;line-height:1;text-align:left;padding-top: 100px;margin-right: 0.4rem;margin-left: 0.4rem;}
#buchungsanfrage h2 span, #buchungsdank h2 span {rgba(255,255,255,1.0);font-size:250%;}
#buchungsanfrage h2 span.action, #buchungsdank h2 span.action {rgba(255,255,255,1.0);font-size:300%;}
#buchungsanfrage p {text-align: center;color: #FFF;}
@media (max-width: 576px) {#buchungsanfrage h2,#buchungsdank h2 {font-size:200%;}#buchungsanfrage h2 span {font-size:220%;}.justifycontent {justify-content: flex-center !important;}#buchungsdank h2 span {font-size:190%;}#buchungsanfrage p {font-size:120%;}}
@media (min-width: 576px) {#buchungsanfrage h2,#buchungsdank h2 {font-size:200%;}#buchungsanfrage h2 span {font-size:250%;}.justifycontent {justify-content: flex-end !important;}#buchungsdank h2 span {font-size:190%;}#buchungsanfrage p {font-size:150%;}}
@media (min-width: 768px) {#buchungsanfrage h2,#buchungsdank h2 {font-size:250%;}.justifycontent {justify-content: flex-end !important;}#buchungsdank h2 span {font-size:190%;}#buchungsanfrage p {font-size:150%;}}
@media (min-width: 992px) {#buchungsanfrage h2,#buchungsdank h2 {font-size:250%;}.justifycontent {justify-content: flex-end !important;}#buchungsdank h2 span {font-size:190%;}#buchungsanfrage p {font-size:150%;}}
@media (min-width: 1200px) {#buchungsanfrage h2,#buchungsdank h2 {font-size:250%;}.justifycontent {justify-content: flex-end !important;}#buchungsdank h2 span {font-size:190%;}#buchungsanfrage p {font-size:150%;}}
@media (min-width: 1400px) {#buchungsanfrage h2,#buchungsdank h2 {font-size:250%;}.justifycontent {justify-content: flex-end !important;}#buchungsdank h2 span {font-size:190%;}#buchungsanfrage p {font-size:150%;}}

/* KONTAKT
-------------------------------------------------- */
#kontakt {
	background-color: rgba(255,255,255, 1) !important;
	background-position: center center;
	background-attachment: scroll;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;	
	color: rgba(255, 255, 255, 1);
/*  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; */
	position: relative;
}
#kontakt .sm h2,
#kontakt .sm p {
	text-align: center;
}
#kontakt span,
#kontakt span a,
#kontakt span a:link {
  color: rgba(196, 33, 38, 1.0);
  font-weight: normal;
}
fieldset {padding-top: 2rem;}
label {padding-left: 0.25rem;margin-top: 1rem;}

/* KONTAKTFORMULAR
-------------------------------------------------- */
/* Farbe des validierten Eingabefeldes */
/*.field-error,
.field-error a, */
.field-error .control-label,
.field-error .help-block,
.field-error .form-control-feedback,
.field-error .fv-control-feedback {
  color: rgba(196, 33, 38, 1.0);
  font-weight: normal;
}
.field-error .form-control {
  border-color: rgba(196, 33, 38, 1.0);
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.form-control {
	padding: .375rem .75rem;
	font-size: inherit;
	color: rgba(51, 51, 0, 1.0);
 	background-color: rgba(235,235,235, 0.5);
	border: 1px solid rgba(255,255,255, 1.0);
	border-bottom: 1px solid rgba(215,215,215, 1.0);
	border-radius: 0;
}
/* Farbe des validierten Eingabefeldes */
/*.field-success,
.field-success a, */
.field-success .control-label,
.field-success .help-block,
.field-success .form-control-feedback,
.field-success .fv-control-feedback {
  color: rgba(0, 102, 0, 1);
  font-weight: normal;
}
.field-success .form-control {
  border-color: rgba(0, 102, 0, 1);
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
/* Transparenter Rahmen bei aktivem Inputfeld */
/*
.form-control:focus {
	border-color: transparent !important;
	box-shadow: none;
}
 */
/* SubmitButton deaktiviert bis Formular vollstängig ausgefüllt */
.form-control-feedback {
  pointer-events: auto;
}
.btn-default.disabled {
  background-color: rgba(196, 33, 38, 1.0);
  border-color: rgba(196, 33, 38, 1.0);
}
/* Icon - Platzierung */
.fv-control-feedback {
  right: 15px;
}
/* Icon - Platzierung */ 
/*
.fv-form-bootstrap4:not(.form-inline) label ~ .fv-control-feedback {
  top: 37px;
}
*/
/* Icon - Platzierung */
/*
.fv-form-bootstrap4 .fv-control-feedback {
  width: 38px;
  height: 38px;
  line-height: 38px;
}
*/
/* Placeholder - Farbe */
.form-control::placeholder,
.form-control::-moz-placeholder  {
  color: rgba(0,0,0,.25);
}
/* Datenschutztext inkl. Verlinkung - Ausrichtung */
.form-check-input {
  position: absolute;
  margin-top: .3rem;
  margin-left: 0rem;
}
.form-check-label.datenschutz {
	width: 100%;
	display: block;
	padding-left: 25px;
}
.form-check-label.datenschutz.small {
	font-size: 80%;
}
.form-check-label a {
	font-size: 80%;
  text-decoration: underline;
}
p.hinweis {
	margin: 10px 0px !important;
}
/* Warnhinweis - Abstände */
small.form-control-feedback {
	padding-top: 0.5rem;
	padding-left: 0.25rem;
	display: block;
}
/* Warnhinweis - Zeichen */
form .glyphicon {
  position: absolute;
  top: calc(1vw + 2.6rem) !important;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* Warnhinweis - Zeichenpositionierung */
.col-form-label {
  padding-top: 0;
	padding-bottom: 0;
}
.fv-form-bootstrap4:not(.form-inline) .form-check ~ .fv-control-feedback {
  top: -7px !important;
}

/* KONTAKTFORMULAR - BESTÄTIGUNG AUF DER SEITE
-------------------------------------------------- */
#mail_summary {width: 100%;}
#mail_summary p {margin: 1rem;}

/* MAP
-------------------------------------------------- */
#map {background-color: rgba (230, 230, 230, 1)}
iframe {width:100%;height:500px;border:0;}
@media (max-width: 576px) {iframe {height: 400px;}}
@media (min-width: 576px) {iframe {height: 400px;}}
@media (min-width: 768px) {iframe {height: 500px;}}
@media (min-width: 992px) {iframe {height: 500px;}}
@media (min-width: 1200px) {iframe {height: 500px;}}
@media (min-width: 1400px) {iframe {height: 500px;}}

/* HAUSORDNUNG, AGB, IMPRESSUM, DATENSCHUTZ
-------------------------------------------------- */
#hausordnung h1, #hausordnung .h1, #agb h1, #agb .h1, #impressum h1, #impressum .h1, #datenschutz h1, #datenschutz .h1 {font-family: 'GoodGirl', 'Roboto Condensed', Arial, sans-serif;font-weight:bold;text-transform:uppercase;font-size: 250%;margin-bottom:3rem;} 
#hausordnung h2, #hausordnung .h2, #agb h2, #agb .h2, #impressum h2, #impressum .h2, #datenschutz h2, #datenschutz .h2 {font-family: 'Roboto Condensed', Arial, sans-serif;margin-bottom:1rem;}
#hausordnung p, #agb p, #impressum p, #datenschutz p {margin-bottom:3rem;}
#hausordnung hr, #agb hr, #impressum hr, #datenschutz hr {margin:3rem 0 3rem 0 !important;}

/* FOOTER
-------------------------------------------------- */
footer {background-color: rgba(255,255,255,1.0);width: 100%;margin: 0;padding: 0;}
footer .content-wrapper {padding: 5% 0% 5%;}
footer ul {list-style-type: none;width: 100%;margin: 0 0 2rem 0;padding:0;display:flex;align-items:center;justify-content: center;flex-wrap: wrap;}
footer li {display:flex;align-items:center;}
footer p {margin: 0;padding:0;}
footer p.partnerheader {padding:0.5rem;margin-bottom:0.5rem;font-size: 70%;width: 100%; display: block;text-align:center;}
footer ul.partner {border-top: dotted 1px #000;border-bottom: dotted 1px #000;}
footer .partner-link {height:100%;margin: 1rem 0;padding: 0;}
footer .nav-footer {height: 100%;}
footer .nav-footer ul {height: 100%;justify-content: center;}
footer .nav-footer li {margin-bottom:0.5rem;}
footer .nav-footer .nav-link {margin: 0;padding: 0.5rem 0;}
footer .nav-footer a:link,
footer .nav-footer a:visited {color: rgba(51,51,0,1.0);}
footer .nav-footer a:hover {color: rgba(51,51,0,0.7)!important;text-decoration: underline !important;}
footer .nav-footer a img {height:75px;}
@media (max-width: 576px) {footer .partner-link img {height:50px;} footer .nav-footer .nav-link {margin: 0 0.5rem 0;}}
@media (min-width: 576px) {footer .partner-link img {height:80px;} footer .nav-footer .nav-link {margin: 0 0.5rem 0;}}
@media (min-width: 768px) {footer .partner-link img {height:86px;} footer .nav-footer .nav-link {margin: 0 0.5rem 0;}}
@media (min-width: 992px) {footer .partner-link img {height:100px;} footer .nav-footer .nav-link {margin: 0 0.5rem 0;}}
@media (min-width: 1200px) {footer .partner-link img {height:110px;} footer .nav-footer .nav-link {margin: 0 1rem;}}
@media (min-width: 1400px) {footer .partner-link img {height:130px;} footer .nav-footer .nav-link {margin: 0 1rem;}}

/*
.img-thumbnail {
    padding: 0;
    background-color: #fff;
    border: 0px solid #ddd;
    border-radius: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    max-width: 100%;
    height: auto;
}
*/

/* SCROLLER
------------------------- */
.scroll-to-top {
  position: fixed;
  bottom: 16px;
  right: 16px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  background: rgba(0, 0, 0, 0.3);
  width: 85px;
  height: 85px;
  z-index: 999;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  -webkit-transition: opacity 800ms ease, visibility 0s ease;
  -webkit-transition-delay: 0s, 800ms;
  -moz-transition: opacity 800ms ease 0s, visibility 0s ease 800ms;
  -o-transition: opacity 800ms ease 0s, visibility 0s ease 800ms;
  transition: opacity 800ms ease 0s, visibility 0s ease 800ms;
}
.scroll-to-top.show {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
}
.scroll-to-top.show {
  opacity: 0.5;
}
.allow-hover .scroll-to-top.show:hover {
  opacity: 1;
}
.scroll-to-top:before {
    background: url("/static/img/icon.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.scroll-to-top:before {
  content: '';
  margin: 16px auto 0;
  display: block;
  background-position: -237px 0;
  height: 12px;
  width: 42px;
}

@media (max-width: 768px) {
.scroll-to-top {
    display: none;
  }
}

/* PROZESSBAR
-------------------------------------------------- */
.progress-bar-header {
  position: fixed;
  bottom: 0;
  z-index: 10000;
  width: 100%;
  background-color: #f1f1f1;
}

/* The progress container (grey background) */
.progress-container {
  width: 100%;
  height: 8px;
  background: #ccc;
}

/* The progress bar (scroll indicator) */
.progress-bar {
  height: 8px;
  background: rgba(196, 33, 38, 1.0);
  background: rgba(21, 42, 67, 1.0);
  width: 0%;
}
/* BAUSTELLENSEITE
-------------------------------------------------- */
#baustelle {
	background-color: rgba(51, 51, 0, 0.9) !important;
	background-image:url(/pics/home/slider/7.jpg);
	background-position: center center;
	background-attachment: scroll;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;	
	color: rgba(255, 255, 255, 1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
	min-height: 100%;
	height: 100%;
  border: 0;
  border-radius: 0;
  outline: 0;
	position: relative;
	overflow: hidden;
}
#baustelle h1,
#baustelle p {
  background-color: transparent !important;
  color: rgba(255, 255, 255, 1.0) !important;
  font-weight: normal;
  text-align: center;
  position: relative !important;
  bottom: auto;
  left: auto;
  padding: 0;
  margin: 0;
  border-radius: 0 !important;
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
  vertical-align: middle;
}

.ms-staff-carousel .ms-nav-prev, .ms-staff-carousel .ms-nav-next {
  background: url(/static/img/ferienhaus-oderdeich_button-slider.svg) rgb(51, 51, 0) no-repeat -2px 0px !important;
  width: 40px;
  height: 40px;
  left: -5px;
  box-shadow: 0px 1px 0px 0px rgb(0, 0, 0);
}
.ms-staff-carousel .ms-nav-next {
  background: url(/static/img/ferienhaus-oderdeich_button-slider.svg) rgb(51, 51, 0) no-repeat -40px 0px !important;
  right: -5px;
  left: auto;
}