/*****
*
* CSR style.css
*
*
* Color Light Green:    #aab946
* Color Dark Green:     #48663c
* Motiv Background:     #f8f1ba
* 
*
*
*****/

@import url(https://fast.fonts.net/cssapi/854665fe-3102-4053-a9d8-0bbc050e7cfe.css);



body {
/*font-family:Rockwell, Georgia, 'Times New Roman', serif;*/
font-family:'Rockwell W01';
padding-top:140px; /* padding wegen navi fix */
font-size:18px;
}
@media (max-width: 767px) {
    body {
    padding-top:50px; /* padding wegen navi fix */
    }
}

a {
color:#48663c;
}
a:hover {
color:#000;
}

h1 {
margin-bottom: 30px;
}

h2 {
margin-top:70px;
margin-bottom:50px;
margin-bottom:10px;
}

@media (max-width: 360px) {
    h1 {
    font-size:30px;
    }
    h2 {
    font-size:23px;
    margin-top:50px;
    margin-bottom:5px;
    }
    #page_two p, #page_two li {
    font-size:15px;
    }
    #page_two ul, #page_two ol {
    padding-left:25px;
    }
}



#header {
height:50px;
transition:all .3s;
overflow:hidden;
}


.navbar-fixed-top {
border:0;
box-shadow:0 0 4px 0 #666;
background-color:#fff;
height:auto;
transition:all .3s;
}
@media (min-width: 768px) {
    #header,
    .navbar-fixed-top {
    height:140px;
    }
}

.navbar-brand {
height:100%;
margin-left:0 !important;
}

.navbar-toggle {
position:absolute;
right:0;
}





#header h2 {
font-size:30px;
color:#aab946;
height:50px;
line-height:33px;
margin:0;
padding:0;
transition:all .3s;
margin-top:39px;
max-width: 700px;
}
@media (max-width: 1199px) {
#header h2 {
max-width: 610px;
}
}
@media (max-width: 991px) {
#header h2 {
max-width: none;
}
}
#header h2 a {
color:#aab946;
text-decoration:none;
}

.small-header {
height:50px !important;
transition:all .3s;
}

#header.small-header h2 {
font-size:17px;
height:50px;
line-height:50px;
margin:0;
}

#header.small-header img {
height:0;
}

#header.small-header h2 img {
transition:all .3s;
display:inline !important;
}

@media (max-width: 767px) {
    #header {
    padding-left: 20px;
    }
    #header h2 {
    display:inline;
    font-size:17px;
    height:50px;
    line-height:50px;
    margin:0;
    float:left;
    }
}

@media (max-width: 360px) {
    #header h2,
    #header.small-header h2 {
    /*font-size:14px;*/
    }
    #header h2 img,
    #header.small-header h2 img {
    /*display:none !important;*/
    }
}
@media (max-width: 320px) {
    #header h2,
    #header.small-header h2 {
    /*font-size:14px;*/
    }
    #header.small-header h2 img {
    /*display:none !important;*/
    }
}

#header a > img {
transition:all .3s;
height:110px;
}


#header .service-nav {
font-size:17px;
height:50px;
}
#header .service-nav.inline {
display:inline;
}

#header .service-nav ul {
padding-right:15px;
}

@media (max-width: 767px) {
    #header .service-nav.collapsing,
    #header .service-nav.in {
    top: 50px;
    left: 0;
    position: fixed;
    width: 100%;
    background-color: #fff;
    margin: 0;
    height: auto;
    box-shadow: 0px 3px 4px 0px #999;
    }
    #header .service-nav li a {
    padding-left:45px;
    }
}
@media (max-width: 1199px) {
    .faq-link {
    display:block !important;
    }
}


#header .faqbox {
display:inline;
position:absolute;
right:15px;
height:140px;
}
#header .faqbox img {
height:140px;
padding-top:20px;
}
#header.small-header .faqbox img {
height:0;
}

#header .faqbox h2 {
color:#48663C;
float:right;
width:330px;
text-align:right;
margin-top:76px;
line-height:24px;
}

#header .faqbox h2 span {
font-size: 20px;
}

#header.small-header .visible-small-header {
display:block !important;
}



#shop-index{
	position:relative;
	background-color: #f8f1ba;
}

#index:after, #shop-index:after  {
content:' ';
display:table;
clear:both;
}

#shop-navigation {
	margin-top: 20px;
}

#hiddenpopups {
display:none;
}

.cover {
background-position:center center;
background-repeat:no-repeat;
height:750px;
/*background-size:cover;*/
background-size:auto 100%;
}
.cover.cover_o {
background-position:center 22%;
}
.cover .container {
position:relative;
/*background-color:rgba(255,0,255,.3);*/
height:100%;
margin:0 auto;
width:1570px;
}
.cover .container .sign  {
bottom: 2%;
right: 8%;
}
.cover .container .sign a {
height:auto;
}
.cover .container .sign.sign_o  {
right:auto;
bottom: 8.5%;
left: 28.3%;
}
.cover .container span {
position:absolute;
/*background-color:#00ffff;*/
}
.cover .container span a {
display:block;
height:100%;
font-size:0;
line-height:0;
/*background-color:rgba(255,0,255,.5);*/
}
.cover-oase_innen {
height:500px;
}
@media (max-width: 1599px) {
    .cover {
    height:560px;
    }
    .cover .container  {
    width:1175px;
    }
    .cover .container .sign {
    right:6.5%;
    }
    .cover .container .sign img {
    width:95%;
    }
    .cover-oase_innen {
    height:380px;
    }
}
@media (max-width: 1199px) {
    .cover {
    height:460px;
    }
    .cover .container  {
    width:965px;
    }
    .cover .container .sign {
    right:4.5%;
    bottom:1%;
    }
    .cover .container .sign.sign_o {
    left: 26.6%;
    }
    .cover .container .sign img {
    width:90%;
    }
    .cover-oase_innen {
    height:310px;
    }
}
@media (max-width: 991px) {
    .cover {
    height:350px;
    }
    .cover .container  {
    width:735px;
    }
    .cover .container .sign {
    right:1%;
    }
    .cover .container .sign.sign_o {
    left: 24.6%;
    }
    .cover .container .sign img {
    width:85%;
    }
    .cover-oase_innen {
    height:235px;
    }
}
@media (max-width: 767px) {
    .cover {
    height:330px;
    }
    .cover .container  {
    width:580px;
    /* display:none; */ /* MUSS ENTFERNT WERDEN!!! */
    }
    /* SCHILD ÄNDERT SICH */
    .cover .container .sign  {
    top:4%;
    right:11%;
    }
    .cover .container .sign.sign_o {
    top: 4%;
    left:9.5%;
    }
    .cover .container .sign img {
    width:100%;
    }
    .cover-oase_innen {
    height:220px;
    }
}
@media (max-width: 600px) {
    .cover {
    height:300px;
    }
    .cover .container  {
    width:460px;
    }
    .cover .container .sign  {
    right:4%;
    }
    .cover .container .sign.sign_o {
    left:2.5%;
    }
    .cover-oase_innen {
    height:200px;
    }
}
@media (max-width: 480px) {
    .cover {
    height:240px;
    }
    .cover .container  {
    width:380px;
    }
    .cover .container .sign  {
    right:1%;
    }
    .cover .container .sign img {
    width:90%;
    }
    .cover-oase_innen {
    height:160px;
    }
}
@media (max-width: 400px) {
    .cover {
    height:200px;
    }
    .cover .container  {
    width:340px;
    }
    .cover-oase_innen {
    height:135px;
    }
}
@media (max-width: 360px) {
    .cover {
    height:180px;
    }
    .cover .container  {
    width:305px;
    }
    .cover-oase_innen {
    height:120px;
    }
}
@media (max-width: 320px) {
    .cover {
    height:160px;
    }
    .cover .container  {
    width:280px;
    }
    .cover-oase_innen {
    height:110px;
    }
}

.carousel-caption {
text-shadow:0px 0px 2px #000, 0px 0px 5px #000;
}

.carousel-caption strong {
font-size:1.2em;
}

.carousel-control {
z-index:500;
width:10%;
opacity:0.7;
}

.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-prev,
.carousel-control .icon-next {
width:40px;
height:40px;
margin-top:-20px;
font-size:40px;
}

.carousel-control .glyphicon-chevron-left,
.carousel-control .icon-prev {
margin-left:-20px;
}

.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-next {
margin-right:-20px;
}




.cover h1 small {
display:block;
color:#fff;
line-height:1.3em;
padding-top:.5em;
}
.cover h1 {
font-size:44px;
}
.cover p,
.cover ul.carousel-caption-bg {
font-size:20px;
}

.carousel-caption-bg {
background-color:rgba(50, 50, 50, .6);
padding:5px 15px;
}

.carousel-caption-bg.white {
background:none;
}


.cover ul.carousel-caption-bg {
padding-left:30px;
}
.cover ul.carousel-caption-bg li {
margin-bottom:5px;
}


@media (max-width: 1199px) {
    .cover h1 {
    font-size:36px;
    }
    .cover p,
    .cover ul.carousel-caption-bg {
    font-size:18px;
    }
}
@media (max-width: 991px) {
    .cover h1 {
    font-size:28px;
    }
    .cover p,
    .cover ul.carousel-caption-bg {
    font-size:14px;
    }
}
@media (max-width: 767px) {
    .cover h1 {
    font-size:24px;
    }
    .cover p,
    .cover ul.carousel-caption-bg {
    font-size:12px;
    }
}
@media (max-width: 360px) {
    .cover h1 {
    font-size:18px;
    }
    .cover p,
    .cover ul.carousel-caption-bg {
    font-size:12px;
    }
}



#slide_nr_1 .slide_cap_1 {
text-align:left;
top:2%;
left:45%;
right:5%;
}
#slide_nr_1 .slide_cap_2 {
text-align:left;
top:35%;
left:45%;
right:10%;
}
@media (max-width: 767px) {
    #slide_nr_1 .slide_cap_2 {
    top:auto;
    bottom:5%;
    left:10%;
    }
}

#slide_nr_2 .slide_cap_1 {
text-align:left;
top:2%;
left:45%;
right:5%;
}
#slide_nr_2 .slide_cap_2 {
text-align:left;
top:20%;
left:45%;
right:10%;
}
@media (max-width: 767px) {
    #slide_nr_2 .slide_cap_2 {
    top:auto;
    bottom:5%;
    left:10%;
    }
}

@media (max-width: 480px) {
    #slide_nr_1 .slide_cap_1,
    #slide_nr_2 .slide_cap_1    {
    display:none;
    }
}




.page-md {
padding:30px 0 60px 0;
}

.page-lg {
padding:120px 0;
}





.page-button a {
font-size:18px;
}
.page-button a:before {
content: "»";
padding-right:10px;
}
.page-button a:after {
content: "«";
padding-left:10px;
}





.page-bg-green {
background-color:#aab946;
}
.page-bg-green * {
color:#fff;
}



.page-bg-grey {
background-color:#eee;
}






#main_nav {
/*position:absolute;*/
padding:0;
/*bottom:0;*/
width:100%;
box-shadow: 0px 0px 4px 0px #666;
}
#main_nav.main_nav_fixed {
position:fixed;
top:50px;
height:50px !important;
z-index:1020;
}
@media (max-width: 767px) {
    #main_nav {
    position:fixed;
    z-index:1020;
    bottom:auto;
    top:50px;
    }
    #main_nav.main_nav_fixed {
    height:auto !important;
    }
}


.nav-pills > li {
border-left:1px solid #48663c;
margin:0;
padding:0;
}
.nav-pills > li:first-child {
border-left:0;
}
.nav-pills > li > a {
line-height:30px;
padding:15px 0;
margin:0;
font-size:20px;
border-radius:0;
}
@media (max-width: 767px) {
    .nav-pills > li {
    border-left:0;
    }
}
@media (max-width: 991px) {
    .nav-pills > li > a {
    font-size:15px;
    }
}

.navbar-1 {
padding:0;
}

.navbar-nav > li > a {
padding-top:15px;
padding-bottom:15px;
}



#moeglichkeiten {
}

#moeglichkeiten .col-md-4 {
margin-top:30px;
}

#moeglichkeiten img {
}

#moeglichkeiten .item {
cursor:pointer;
padding-top:30px;
padding-bottom:30px;
transition:all .3s;
}
#moeglichkeiten .item:hover,
#moeglichkeiten .item.active {
background-color:#aab946;
color:#fff;
transition:all .7s;
}
#moeglichkeiten .item svg g * {
transition:all .3s;
}
#moeglichkeiten .item:hover svg g *,
#moeglichkeiten .item.active svg g *,
#moeglichkeiten .item:hover p,
#moeglichkeiten .item.active p,
#moeglichkeiten .item:hover p small,
#moeglichkeiten .item.active p small {
fill:#fff;
color:#fff;
transition:all .7s;
}

#moeglichkeiten .item p {
padding:0 30px;
font-size:16px;
color:#aab946;
}
@media (max-width: 360px) {
    #moeglichkeiten .item {
    padding-top:10px;
    padding-bottom:10px;
    }
    #moeglichkeiten .item h3 {
    margin-top:10px;
    }
}

#moeglichkeiten .item p small {
color:#333;
}

#moeglichkeiten svg {
width:100%;
height:120px;
}

#moeglichkeiten svg g * {
fill:#999;
color:#999;
}



#moeglichkeiten  .container {
position:relative;
}

#moeglichkeiten .item-hide {
display:none;
position:absolute;
left:0;
right:0;
}
#moeglichkeiten .item-hide:before,
#moeglichkeiten .item-hide:after {
content: ' ';
clear:both;
}

#moeglichkeiten .col-sm-4 {
position:static;
margin-bottom:30px;
}

#moeglichkeiten .item-info {
background-color:#ccc;
margin:0 15px 0 15px;
border-top:1px solid #fff;
}

#moeglichkeiten .item-info .row {
padding:30px 90px 20px 30px;
}
@media (max-width: 1199px) {
    #moeglichkeiten .item-info .row {
    padding: 30px 30px;
    }
}
@media (max-width: 991px) {
    #moeglichkeiten .item-info .row {
    padding: 30px 30px;
    }
}

#moeglichkeiten .item-info .nav li {
border-radius:0;
}

#moeglichkeiten .item-info .nav li a {
margin:0;
border-radius:0;
padding:10px 35px;
color:#fff;
border:0;
/*border-right:1px solid #ddd;*/
transition:all .3s;
}
#moeglichkeiten .item-info .nav li a:hover,
#moeglichkeiten .item-info .nav li a.active {
background-color:#48663c;
transition:all .7s;
}

#moeglichkeiten .item-info .nav li a.active:after {
display:block;
content:" ";
width:0;
height:0;
border-left:15px solid transparent;
border-right:15px solid transparent;
border-top:16px solid #48663c;
position:absolute;
left:50%;
margin-left:-15px;
margin-top:10px;
}

#moeglichkeiten .item-info .nav li.hide-item {
float:right;
z-index:1020;
}

#moeglichkeiten .item-info .nav li.hide-item a {
padding:10px 13px;
}

@media (max-width: 767px) {
    #moeglichkeiten .item-info .nav {
    /*display:none;*/
    }
    #moeglichkeiten .item-info .nav li a {
    font-size:16px;
    padding:10px 12px;
    }
}
@media (max-width: 600px) {
     #moeglichkeiten .item-info .nav li a {
    font-size:14px;
    padding:10px 10px;
    }
}
@media (max-width: 480px) {
     #moeglichkeiten .item-info .nav {
    display:none;
    }
}




#moeglichkeiten .item-info p {
font-size:16px;
}

#moeglichkeiten .item-info-list {
}

#moeglichkeiten .item-info-list .row:nth-child(n+2) {
display:none;
}

#moeglichkeiten .item-info-list h3 {
margin-top:0;
}





#vorteile .number {
font-size:60px;
line-height:50px;
}

#vorteile .row {
margin-bottom:40px;
}

#vorteile h3 {
margin-top:0;
line-height:26px;
}

#vorteile  {
font-size:16px;
}

@media (max-width: 767px) {

    #vorteile .row {
    margin-bottom:0;
    }
    #vorteile .col-sm-4 {
    margin-bottom:40px;
    }

}





#wirkung p,
#wirkung ul {
font-size:16px;
}

#wirkung li {
margin-bottom:16px;
}





#partner .container-fluid {
padding:0;
}

#partner h3,
#partner h4 {
padding:0 30px;
}

#partner h4 {
margin-top:15px;
margin-bottom:5px;
}

#partner h3 {
margin-top:0;
}





#kontakt .social-nav {
margin-top:30px;
margin-left:0;
}

#kontakt .social-nav a {
padding:0;
}

#kontakt .social-nav li {
padding-right:15px;
float:left;
}




#alle_projekte .row {
margin-bottom:90px;
}

#alle_projekte h3 {
margin-top:0;
}

#alle_projekte p {
font-size:16px;
}





#unternehmen {
}

#unternehmen img {
margin-bottom:30px;
}

#show_all_unternehmen {
display:none;
}

#footer {
background-color:#aab946;
color:#fff;
}
#footer a {
color:#fff;
}
#footer a:hover {
color:#48663c;
}
#footer .navbar-footer {
margin-bottom:30px;
}

.footer-logo {
padding-top:5px;
}

.footer-dzi {
font-size:12px;
line-height:16px;
padding-top:15px;
}

.footer-dzi img {
float:right;
margin-left:15px;
}

@media (max-width: 1199px) {
    #footer .navbar-footer {
    margin-bottom:5px;
    }
}

@media (max-width: 767px) {
    #footer .navbar-footer {
    margin-bottom:30px;
    }
    
    .footer-logo {
    text-align:center;
    margin-bottom:30px;
    }
    
    .small-center {
    width: 236px;
    margin: 0px auto;
    }
}




#call_to_action {
z-index:1010;
position:fixed;
/*right:0;*/
/*right:-270px;*/
right:-380px;
top:170px;
width:370px;
color:#fff;
}
@media (max-width: 640px) {
    #call_to_action {
    display:none;
    }
}

#call_to_action #cta_btn {
float:left;
background-color:#aab946;
width:75px;
padding-right:5px;
height:70px;
line-height:60px;
text-align:center;
font-size:43px;
cursor:pointer;
box-shadow:0 0 5px #000;
border-top-left-radius:5px;
border-bottom-left-radius:5px;
}

#call_to_action .cta_green {
position:absolute;
height:70px;
width:20px;
background-color:#aab946;
margin-left:-10px;
}

#call_to_action .cta_content {
float:left;
background-color:#aab946;
width:290px;
box-shadow:0 0 5px #000;
}

#call_to_action .cta_content .cta_inner {
padding:18px 10px 40px 20px;
}

#call_to_action h3 {
margin-top:25px;
}

#call_to_action h4 {
margin-top:0;
}

#call_to_action p {
font-size:16px;
}

#call_to_action a {
color:#fff;
}




.articlebox{
	float:left;
	border:0px dashed #ccc;

	width:265px;
	margin:10px;
}
.articlebox img {margin:20px 0 10px 0;}
.article_wrapper {
	margin-left:auto; margin-right: auto;	
}
.clear {
	clear:both;
	height: 0;
	font-size: 1px;
	line-height: 0;
}

.nofilterresult {
	text-align:center;
	color: #aab946;
}
#priceslider {
	margin-top: 8px;
}

.xxxxx-jcarousel-wrapper{
	background-color: #e2e2e2;
	border: 10px solid #e2e2e2;
}

.btn-success {
    background-color: #619c4b;
    border-color: #619c4b;
    color: #fff;
}
.btn-success:hover {
    background-color: #48663c;
    border-color: #48663c;
    color: #fff;
}

.acimg {
	float:left; 
	width:35%; 
	margin-right:50px;
    margin-bottom:20px;
    box-shadow:0px 2px 5px #666;
}

.jcarousel-wrapper {
    border: 0px solid #fff;
    border-radius: 0px;
    box-shadow:none;
    margin:0 auto 0 auto;
    position: relative;
    width: 100%;
    padding: 0 0 20px 0;
}

.jcarousel-item:after {
content:' ';
display:table;
clear:both;
}

.jcarousel-control-prev, .jcarousel-control-next {
	background: transparent;
	border: 0px solid transparent;
	box-shadow: 0 0 0 transparent;
	text-shadow: 0px 0px 5px rgba(150, 150, 150, 1);
}
a.jcarousel-control-prev:hover, a.jcarousel-control-next:hover{
	text-decoration: none;
	color: #eee;
}
a.jcarousel-control-prev:focus, a.jcarousel-control-next:focus{
	text-decoration: none;
	color: #fff;
}

.jcarousel {
	-moz-hyphens: auto;
	-o-hyphens: auto;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
    padding-top:30px;
}

.jcarousel h3 {
font-size:30px;
margin-top:0px;
padding-top:5px;
}

.jcarousel input, .jcarousel select {
	margin-bottom: 3px;
}

.carousel-pricebox {
	display: inline-block; 
	background: #E1EBC9;
	border: 1px solid #48663c;
	border-radius: 5px;
	padding: 10px;
	max-width: 55%;
    margin-top:20px;
}
.carousel-pricebox button {
	margin-top: 10px;
}

@media (max-width: 1199px) {

    .jcarousel h3 {
    font-size:26px;
    }
    
    .jcarousel p {
    font-size:16px;
    }
    
    .carousel-pricebox {
    margin-top:15px;
    }

}
@media (max-width: 991px) {
    .acimg {
    margin-right:30px;
    }
    .jcarousel p {
    font-size:14px;
    }
}
@media (max-width: 600px) {
    .carousel-pricebox {
    max-width:100%;
    }
}



.articlebox a {
	color: #333;
	text-decoration: none;
    display:block;
}
.articlebox-rubrik, .articlebox-unit {
	font-size: 16px;
}
.articlebox-title {
	/*font-weight: bold;*/
    font-family:"Rockwell W01 Bold";
}
.articlebox-price {
	position:absolute;
	bottom:0px; 
	right:0px;
	color: #aab946;
	font-size: 20px;
	/*font-weight: bold;*/
    font-family:"Rockwell W01 Bold";
}
.articlepopup-price {
	color: #669900;
	font-size: 20px;
	/*font-weight: bold;*/
    font-family:"Rockwell W01 Bold";
	text-align:right;
}

.articlebox-einheit{
	color:#aab946;
	font-size:16px;
	padding-right: 8px;
	font-family:"Rockwell W01";
}

.element-animation {
width:130px;
height:130px;
background-image:url('../medien/gfx/hover-stern.png');
background-repeat:no-repeat;
background-size:100%;
opacity:0;
}
@media (max-width: 1599px) {
    .element-animation {
    width:100px;
    height:100px;
    }
}
@media (max-width: 1199px) {
    .element-animation {
    width:80px;
    height:80px;
    }
}
@media (max-width: 991px) {
    .element-animation {
    width:65px;
    height:65px;
    }
}

.popover {
font-family:inherit;
}


@media only screen and (min-width: 1200px) { 
	.article_wrapper {width: 1140px;}
}

@media only screen and (min-width: 992px) and (max-width: 1200px) { 
	.article_wrapper {width: 855px;}
}

@media only screen and (min-width: 768px) and (max-width: 992px) { 
	.article_wrapper {width: 570px;}
}

@media only screen and (min-width:480px) and (max-width: 768px) { 

}

@media only screen and (max-width: 768px) { 
	#isShopWkWidget {
		margin-top: 20px;
		width: auto;
		float:left;
	}
	#priceslider {
		width:90%;
		margin-left: auto; margin-right: auto;
	}
}

@media only screen and (min-width:600px) and (max-width: 768px) { 
	.article_wrapper {width: 570px;}
}
@media only screen and (min-width:320px) and (max-width: 600px) { 
	.article_wrapper {width: 285px;}
	
}
@media only screen and (max-width: 360px) { 
	.article_wrapper {width: 285px;}
	.acimg {
		width:100%;
		margin-left:0px;
	}
	.carousel-pricebox {
		max-width:100%;
	}
}



.ui-widget-content {
    border: 1px solid #ddd;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    background: #e6e6e6 url("/medien/gfx/icon-pull-button.png") repeat-x scroll 0 0;
    border: 0;
	cursor: pointer;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover {
    background: #e6e6e6 url("/medien/gfx/icon-pull-button.png") repeat-x scroll 0 -40px;
}

.ui-slider .ui-slider-handle {
    width: 1.25em;
}




#wk_layer {
display:none;
position: fixed;
top: 40%;
left: 50%;
background-color: #fff;
margin-left: -200px;
width: 400px;
z-index: 9999;
border-radius: 5px;
box-shadow: 0px 3px 20px 0px #333;

-webkit-animation: color_change .5s 5 alternate;
   -moz-animation: color_change .5s 5 alternate;
    -ms-animation: color_change .5s 5 alternate;
     -o-animation: color_change .5s 5 alternate;
        animation: color_change .5s 5 alternate;
}

@-webkit-keyframes color_change {
from { box-shadow: 0px 3px 10px 0px #000; }
to { box-shadow: 0px 3px 20px 0px #333; }
}
@-moz-keyframes color_change {
from { box-shadow: 0px 3px 10px 0px #000; }
to { box-shadow: 0px 3px 20px 0px #333; }
}
@-ms-keyframes color_change {
from { box-shadow: 0px 3px 10px 0px #000; }
to { box-shadow: 0px 3px 20px 0px #333; }
}
@-o-keyframes color_change {
from { box-shadow: 0px 3px 10px 0px #000; }
to { box-shadow: 0px 3px 20px 0px #333; }
}
@keyframes color_change {
from { box-shadow: 0px 3px 10px 0px #000; }
to { box-shadow: 0px 3px 20px 0px #333; }
}

.wk_layer_content {
padding:20px;
}

#wk_layer:after,
.wk_layer_content:after {
content:' ';
display:table;
clear:both;
}

#wk_layer h4 {
margin-top:0;
margin-bottom:20px;
font-size: 20px;
line-height: 26px;
}

.form-control {
margin-top: 20px;
}

.control-label {
padding-top: 22px;
}

@media only screen and (max-width: 768px) { 
	.form-control, .btn {
		margin-top: 10px;
	}
}

@media only screen and (max-width: 480px) { 
	.carousel-pricebox > span {
		font-size: 14px;
	}
}

@media only screen and (max-width: 320px) { 
	.carousel-pricebox > span {
		font-size: 12px;
	}
}



/***** Motiv Hightlight, Kreis (Circle) *****/


.circle {
position:absolute;
display: inline-block;
width: 30px;
height: 30px;
border-radius: 50%;
/*background-color:rgba(255,0,255,.5);*/
background-color:rgba(255,255,255,.0);
}

.pulse {
animation: pulse 4s infinite linear ;
}

.pulse2 {
animation: pulse2 4s infinite ease-in-out ;
width: 60px;
height: 60px;
margin-left:-15px;
margin-top:-15px;
}

.pulse-delay {
animation-delay:2s;
}



@keyframes ani_star {
from { transform: scale(0); opacity: 0; }
to { transform: scale(.9); opacity: .9; }
}
@keyframes ani_star_big {
from { transform: scale(0); opacity: 0; }
to { transform: scale(1.4); opacity: .9; }
}

@keyframes ani_star_2 {
  0% { transform: rotate(0); }
100% { transform: rotate(360deg); }
}

.ani_star {
background:none;
width:auto;
height:auto;
transform-origin:50% 50%;
transform:scale(0);
opacity:0;
animation:ani_star .4s ease-in 1;
animation-fill-mode: forwards;
}
.ani_star.big_star {
animation:ani_star_big .4s ease-in 1;
animation-fill-mode: forwards;
}

.ani_star.delay_1 {animation-delay:1.0s;}
.ani_star.delay_2 {animation-delay:1.7s;}
.ani_star.delay_3 {animation-delay:2.1s;}
.ani_star.delay_4 {animation-delay:2.6s;}
.ani_star.delay_5 {animation-delay:2.9s;}
.ani_star.delay_6 {animation-delay:3.3s;}
.ani_star.delay_7 {animation-delay:3.6s;}
.ani_star.delay_8 {animation-delay:3.9s;}
.ani_star.delay_9 {animation-delay:4.2s;}
.ani_star.delay_10 {animation-delay:4.4s;}
.ani_star.delay_11 {animation-delay:4.6s;}
.ani_star.delay_12 {animation-delay:4.9s;}

.ani_star img {
transform-origin:100% 100%;
/*animation: ani_star_2 30s linear infinite;*/
}






@media (max-width: 1599px) {
    .circle {
    width: 22px;
    height: 22px;
    }
    .pulse2 {
    width: 44px;
    height: 44px;
    margin-left:-10px;
    margin-top:-10px;
    }
    .ani_star {
    transform-origin:80% 80%;
    }
    .ani_star img {
    width: 160%;
    }
}
@media (max-width: 1199px) {
    .circle {
    width: 16px;
    height: 16px;
    }
    .pulse2 {
    width: 32px;
    height: 32px;
    margin-left:-8px;
    margin-top:-8px;
    }
    .ani_star {
    transform-origin:90% 90%;
    }
    .ani_star img {
    width: 190%;
    margin-top: -5px;
    }
}
@media (max-width: 991px) {
    .circle {
    width: 13px;
    height: 13px;
    }
    .pulse2 {
    width: 25px;
    height: 25px;
    margin-left:-6px;
    margin-top:-6px;
    }
    .ani_star {
    transform-origin:85% 85%;
    }
    .ani_star img {
    width: 170%;
    margin-top: -10px;
    }
}

@keyframes pulse {
0% { transform: scale(0.4); background: rgba(255, 255, 255, 0);}
7.5% { transform: scale(.8); background: rgba(255, 255, 255, .7);}
27.5% { transform: scale(.8); background: rgba(255, 255, 255, .7);}
35% { transform: scale(0.4); background: rgba(255, 255, 255, 0);}
100% { transform: scale(0.4); background: rgba(255, 255, 255, 0);}
}

@keyframes pulse2 {
0% { transform: scale(0.5); background: rgba(255, 255, 255, 0);}
17.5% { transform: scale(1.1); background: rgba(255, 255, 255, .25);}
20% { transform: scale(1.1); background: rgba(255, 255, 255, .25);}
35% { transform: scale(0.5); background: rgba(255, 255, 255, 0);}
100% { transform: scale(0.5); background: rgba(255, 255, 255, 0);}
}


.radio-inline, .checkbox-inline {
line-height:18px;
}



.room_nav {

}

.room_nav a {
position:absolute;
width:6%;
top:0;
bottom:0;
text-shadow:0 0 4px rgba(150, 150, 150, .8);
}
.room_nav a.room_next {
right:0;
}

.room_nav a span {
position:absolute;
top:48%;
color:rgba(255, 255, 255, .9);
font-size:26px;
}
.room_nav a span.glyphicon-chevron-left {
left:25%;
}
.room_nav a span.glyphicon-chevron-right {
right:25%;
left:auto;
}

.room_nav a:hover {
text-shadow:0 0 7px rgba(150, 150, 150, 1);
}
.room_nav a:hover span {
color:rgba(255, 255, 255, 1);
}

@media (max-width: 767px) {
.room_nav a span {
font-size:20px;
}
}

@media (max-width: 480px) {
.room_nav a {
width:8%;
}
.room_nav a span {
font-size:16px;
}
}

/* Cookie Hinweis */
#cookienote a {color:#fff;text-decoration:underline;}
#cookienote a:hover {text-decoration:underline;}
#cookienote div {padding:25px 20px; padding-right:130px;}
#cookienote { 
   border-top: 1px solid #fff; 
   text-align:left; 
   color: #fff;
   border-top:1px solid #fff;
   background: #9ab372; 
   position:fixed;
   bottom:0px; 
   z-index:10000; 
   width:100%;
   font-size:14px; 
   line-height:16px;}
#cookienotecloser {
   color: #fff;
   position: absolute;
   right: 20px;
   text-decoration: none;
   top: 25px;
   cursor:pointer;
   border:1px solid 48663c; 
   padding:10px;
   background: #48663c;
 }
#cookienotecloser:hover {border-bottom:1px solid white; border-right:1px solid white; border-top:1px solid #AFC86E; border-left:1px solid #AFC86E;}

@media (max-width: 640px) {
#cookienote div {padding-bottom: 65px;padding-right:25px;}
#cookienotecloser {
    left: 20px;
    right: inherit;
    top: inherit;
    bottom: 15px;
}
}

@media (min-width: 1500px) {
    #cookienote div {
        max-width: 1200px;
        padding-left: 16%;
        padding-right: 0px;
    }
    #cookienotecloser {
        right: 12%;
    }
}
/* Cookie Hinweis Ende*/