/* ANFANG BASICS ### BASICS ### BASICS ### BASICS ### BASICS ### BASICS ### BASICS ### BASICS ### BASICS ### BASICS ### BASICS ### BASICS ### BASICS ### BASICS ### BASICS ### BASICS ### */

@font-face {
    font-family: 'Montbello Rounded';
    src: url(/r40/vc_nino/bilder/firma11/fonts/Montebello-Rounded.woff);
}

@font-face {
    font-family: Montbello Script;
    src: url(/r40/vc_nino/bilder/firma11/fonts/Montebello-Script.woff);
}

@font-face {
    font-family: Montbello Sans;
    src: url(/r40/vc_nino/bilder/firma11/fonts/Montebello-Sans.woff);
}

@font-face {
    font-family: Heritage Font;
    src: url(/r40/vc_nino/bilder/firma11/fonts/HeritageFont.woff);
}

@font-face {
    font-family: Heritage Font;
    src: url(/r40/vc_nino/bilder/firma11/fonts/HeritageFont.woff);
}

@font-face {
    font-family: RingBells;
    src: url(/r40/vc_nino/bilder/firma11/fonts/ring_bells.woff);
}

@keyframes basket{
  0% {
    transform:  rotate(0deg) ;
  }t
  20% {
    transform:  rotate(12deg) ;
  }st
  40% {
    transform:  rotate(-17deg) ;
  }
  61% {
    transform:  rotate(6deg) ;
  }
  80% {
    transform:  rotate(-3deg) ;
  }
  99% {
    transform:  rotate(0deg) ;
  }
  100% {
    transform:  rotate(0deg) ;
  }
}

@-moz-keyframes basket{
  0% {
    -moz-transform:  rotate(0deg) ;
  }
  20% {
    -moz-transform:  rotate(12deg) ;
  }
  40% {
    -moz-transform:  rotate(-17deg) ;
  }
  61% {
    -moz-transform:  rotate(6deg) ;
  }
  80% {
    -moz-transform:  rotate(-3deg) ;
  }
  99% {
    -moz-transform:  rotate(0deg) ;
  }
  100% {
    -moz-transform:  rotate(0deg) ;
  }
}

@-webkit-keyframes basket {
  0% {
    -webkit-transform:  rotate(0deg) ;
  }
  20% {
    -webkit-transform:  rotate(12deg) ;
  }
  40% {
    -webkit-transform:  rotate(-17deg) ;
  }
  61% {
    -webkit-transform:  rotate(6deg) ;
  }
  80% {
    -webkit-transform:  rotate(-3deg) ;
  }
  99% {
    -webkit-transform:  rotate(0deg) ;
  }
  100% {
    -webkit-transform:  rotate(0deg) ;
  }
}

@-o-keyframes basket {
  0% {
    -o-transform:  rotate(0deg) ;
  }
  20% {
    -o-transform:  rotate(12deg) ;
  }
  40% {
    -o-transform:  rotate(-17deg) ;
  }
  61% {
    -o-transform:  rotate(6deg) ;
  }
  80% {
    -o-transform:  rotate(-3deg) ;
  }
  99% {
    -o-transform:  rotate(0deg) ;
  }
  100% {
    -o-transform:  rotate(0deg) ;
  }
}

@-ms-keyframes basket {
  0% {
    -ms-transform:  rotate(0deg) ;
  }
  20% {
    -ms-transform:  rotate(12deg) ;
  }
  40% {
    -ms-transform:  rotate(-17deg) ;
  }
  61% {
    -ms-transform:  rotate(6deg) ;
  }
  80% {
    -ms-transform:  rotate(-3deg) ;
  }
  99% {
    -ms-transform:  rotate(0deg) ;
  }
  100% {
    -ms-transform:  rotate(0deg) ;
  }
}

@keyframes heartbeat {
    0%     { transform: scale(.75, .75); }
	16%    { transform: scale(1, 1); }
    33%    { transform: scale(.75, .75); }
    49%    { transform: scale(1, 1); }
	100%   { transform: scale(.75, .75); }
}

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

@keyframes swipe_left {
	
	0% {transform:translateX(0) rotate(0deg);opacity:1;}
	
	20% {transform:translateX(-80px) rotate(-25deg);}
	
	40% {transform:translateX(0) rotate(0deg);opacity:1;}
	
	60% {transform:translateX(-80px) rotate(-25deg);opacity:1;}
	90% {transform:translateX(0) rotate(0deg);}
	100% {transform:translateX(0) rotate(0deg);opacity:0;display:none;}
}

@keyframes slide_in {
	
	0% { opacity:0;transform:translatex(100px); }
	
	80% { transform:translatex(-10px); }
	
	100% { opacity:1;transform:translatex(0px);	}
}

@keyframes shake {
	
	0% { transform:translateX(-50%); }
	
	10% { transform:translateX(-48%); }
	
	30% { transform:translateX(-52%); }
	
	50% { transform:translateX(-49%); }
	
	70% { transform:translateX(-51%); }
	
	85% { transform:translateX(-49%); }
	
	100% { transform:translateX(-50%); }
	
}

@keyframes plop {
	
	0% {
		backface-visibility: hidden;
		transform: scale(1);
		z-index: 10;
	}
	60% {
		transform: scale(1.1);
	}
	100% {
		backface-visibility: hidden;
		transform: scale(1.05) translateZ(0px);
		z-index: 10;
	}
}

@keyframes replop {
	
	0% {
		backface-visibility: hidden;
		transform: scale(1.05) translateZ(0px);
	}
	60% {
		transform: scale(0.95);
	}
	100% {
		backface-visibility: hidden;
		transform: scale(1) translateZ(0px);
	}
}


@-webkit-keyframes anim-effect-jelena {
	0% {
		opacity: 1;
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
	to {
		opacity: 0;
		-webkit-transform: scale3d(1.5, 1.5, 1);
		transform: scale3d(1.5, 1.5, 1);
	}
}

@keyframes anim-effect-jelena {
	0% {
		opacity: 1;
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
	to {
		opacity: 0;
		-webkit-transform: scale3d(1.5, 1.5, 1);
		transform: scale3d(1.5, 1.5, 1);
	}
}

body {
	 height:100%;
	 margin:0;
	 font-family: 'Lato', sans-serif;
	 background:#fff;
	-webkit-backface-visibility: hidden;
	overflow-x: hidden;
	color:#202340;
}

@charset "UTF-8";

#sprache_waehrung {
	width:100%;
	background:#dbe882;
	height:40px;
}

.flag {
    background: #E6466C;
    color: #fff;
    padding: 10px;
    border-radius: 2px;
    align-self: center;
    margin-bottom: 10px;
}

#geschenk {

    align-items: center;
    justify-content: space-evenly;
    margin-top: 70px;
	display:flex;
	flex-direction: row;

}

#geschenk .fa {
	font-size:40px;
}

#geschenk label {
	float:left;
}

label {
    box-sizing: border-box;
    color: #202340;
    float: left;
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    text-align: left;
    width: auto;
}

.spinner {
  margin: 100px auto 0;
  width: auto;
  text-align: center;
}

#new_help_popup {
max-width:600px;
position: absolute;
top: 50%;
left: 50%;
background: #fff;
z-index: 999;
border-radius: 2px;
transform: translate(-50%, -50%);
	display:none;
	box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);
	padding:40px;
	box-sizing:border-box;
}

#new_help_popup a {
	color:#38a887;
	font-size:20px;
	text-decoration: underline;
	cursor: pointer;
}

#show_help {
	text-decoration: underline;
	cursor: pointer;
}

#new_help {
	text-align: center;
	padding:10px;
	background:#E6466C;
	color:#fff;
	position: relative;
	z-index:100;
	box-sizing: border-box;
}

#top_img {
	text-align: center;
	background:#fff;
	display:flex;
	justify-content: center;
	margin:0 auto;
	margin-top:-5px;
	border-radius: 2px;
	align-items: center;
}

#top_img h1 {
    font-size: 26px;
    max-width: 20%;
    box-sizing: border-box;
    padding-right: 40px;
    text-align: left;
    flex-direction: column;
	line-height:29px;
    display: flex;
}

#top_img .button {
	margin-top:20px;
align-self: flex-start;
	padding-top:0px;
	padding-bottom:0px;
}

#top_img img {
    display: flex;
    flex-direction: column;
	max-width: 100%;
	align-self: center;
	max-height:350px;
}

.with_overlay {
    background: #fff;
	background-image: url(/r40/vc_nino/bilder/firma415/GNR_background.jpg);
    display: none;
    height: 100%;
    left: 0;
    position: fixed;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 999;
}

.close_overlay {
  position: absolute;
  display: inline-block;
  width: 40px;
  height: 40px;
  overflow: hidden;
	top:30px;
	right:30px;
	padding:10px;
	cursor:pointer;
}

.close_overlay:hover:before, .close_overlay:hover:after{
	background:red;	
	}
	
	.close_overlay:before, .close_overlay:after {
		content: '';
		position: absolute;
		width: 100%;
		top: 50%;
		left: 0;
		background: #fff6db;
		height: 4px;
		  margin-top: -2px;
	  }

	  .close_overlay:before {
		transform:rotate(45deg);
	  }
	.close_overlay:after {
		transform:rotate(-45deg);
	  }

.center_overlay {
	margin:0 auto;
	max-width:800px;
	top:50%;
	-moz-transform:translate(-50%, -50%);
	-webkit-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);
	position:absolute;
	left:50%;
}

.overlay_button {
    background: #fff none repeat scroll 0 0;
    font-size: 25px;
    font-weight: 600;
    height: 100px;
    margin:20px;
    width: 100px;
	color:#004A96;
	display: inline-block;
	cursor: pointer;
	backface-visibility: hidden;
	-moz-transform:translateZ(0);
	-webkit-transform:translateZ(0);
	transform:translateZ(0);
	-webkit-font-smoothing: subpixel-antialiased;
	position:relative;
}

#landingpage_oa {
	background: #BEE9F2;
	background-image:url(/r40/vc_nino/bilder/firma415/oa_wave_vector.png);
	background-position: bottom center;
	background-repeat: repeat-x;
	overflow: hidden;
	border-radius: 2px;
	padding-bottom:90px;
}

#landingpage_tol {
	background: #fff;
	background-image:url(/r40/vc_nino/bilder/firma415/TOL-Landing-Page_background_n.jpg);
	background-size: cover;
	background-position: bottom center;
	background-repeat: no-repeat;
	overflow: hidden;
	border-radius: 2px;
}

#landingpage_gnr {
	background: #fff;
	background-image:url(/r40/vc_nino/bilder/firma415/GNR-Landing-Page_background.jpg);
	background-size: cover;
	background-position: bottom center;
	background-repeat: no-repeat;
	overflow: hidden;
	border-radius: 2px;
}

/*#landingpage_xmas {
	background: #fff;
	background-image:url(/r40/vc_nino/bilder/firma415/XMAS_Landing-Page_background.jpg?v=1.1);
	background-size: cover;
	background-position: bottom center;
	background-repeat: no-repeat;
	overflow: hidden;
	border-radius: 2px;
	display: none;
}*/

.img_seite_l {
	direction: ltr;
}

.img_seite_l img {
	align-self: flex-end;
}

/*.img_seite_l_xmas img {
	align-self: flex-end;
}*/

.img_seite_r img {
	align-self: flex-start;
}

.text_seite_r {
	padding-left:30px;
	text-align: center;
	box-sizing: border-box;
}

.text_seite_l {
	padding-right:30px;
	text-align: center;
	box-sizing: border-box;
}

.text_seite_r h2 {
	margin:0 0 10px 0;
	font-size:45px;
	text-align: center;
	box-sizing: border-box;
	line-height:50px;
}

.text_seite_l h2 {
	margin:0 0 10px 0;
	font-size:42px;
	text-align: center;
	box-sizing: border-box;
	line-height:50px;
}

.top_review {
	border-top:2px solid #fff;
	margin-top:15px;
	padding-top:15px;
	font-size:18px;
	color:#333;
}

.top_review a {
	color:#1BBB9B;
}

.top_review img {
	height:25px;
	width:auto !important;
}

#lebensbaum .text_seite_l h2, #lebensbaum .text_seite_l p,#lebensbaum .text_seite_r h2, #lebensbaum .text_seite_r p,
#meeresabenteuer .text_seite_l h2, #meeresabenteuer .text_seite_l p,#meeresabenteuer .text_seite_r h2, #meeresabenteuer .text_seite_r p
{
		text-align: left;
	}

#tol_cta_btn {
	background:#abd395;
	border-radius: 8px;
	border:none;
	color:#fff990;
	text-shadow: none;
	padding:10px 15px;
	font-family: 'Heritage Font', sans-serif;
	font-size:35px;
	display: flex;
	align-items: center;
	text-align: center;
	justify-content: center;
	box-sizing: border-box;
}

/*#xmas_cta_btn {
	background:#77c34d;
	border-radius: 8px;
	border:none;
	color:#fff6db;
	text-shadow: none;
	padding:10px 15px;
	font-family: 'Heritage Font', sans-serif;
	font-size:35px;
	display: flex;
	align-items: center;
	text-align: center;
	justify-content: center;
	box-sizing: border-box;
}*/

#gnr_cta_btn {
	background:#a389b5;
	border-radius: 8px;
	border:none;
	color:#fff6db;
	text-shadow: none;
	padding:10px 15px;
	font-family: 'Heritage Font', sans-serif;
	font-size:35px;
	display: flex;
	align-items: center;
	text-align: center;
	justify-content: center;
	box-sizing: border-box;
}

#delete {
	float:right;
	background:none;
	border:none;
	color:#333;
	font-size:20px;
	margin-left:25px;
	padding:0;
}
#delete:hover {
	color:red;
}

#oa_cta_btn {
	background:#3cace3;
	border-radius: 8px;
	border:none;
	color:#fff;
	text-shadow: none;
	padding:10px 15px;
	font-family: 'Heritage Font', sans-serif;
	font-size:35px;
	display: flex;
	align-items: center;
	text-align: center;
	justify-content: center;
	box-sizing: border-box;
}

#oa_cta_btn .fas {
    background: #fff;
    width: 27px;
    height: 27px;
    border-radius: 50%;
    color: #3cace3;
    text-align: center;
    line-height: 26px;
    padding: 0;
	margin-left:10px;
	font-size:15px;
	box-sizing: border-box;
}

#tol_cta_btn .fas {
    background: #fff;
    width: 27px;
    height: 27px;
    border-radius: 50%;
    color: #ABD395;
    text-align: center;
    line-height: 26px;
    padding: 0;
	margin-left:10px;
	font-size:15px;
} 

#gnr_cta_btn .fas {
    background: #fff;
    width: 27px;
    height: 27px;
    border-radius: 50%;
    color: #a389b5;
    text-align: center;
    line-height: 26px;
    padding: 0;
	margin-left:10px;
	font-size:15px;
} 

/*#xmas_cta_btn .fas {
    background: #fff;
    width: 27px;
    height: 27px;
    border-radius: 50%;
    color: #77c34d;
    text-align: center;
    line-height: 26px;
    padding: 0;
	margin-left:10px;
	font-size:15px;
} */

.text_seite_r .button, .text_seite_l .button {
	align-self: center;
	margin-top:40px;
	box-sizing: border-box;
}

#quote_tol {
	
	background:url(/r40/vc_nino/bilder/firma415/7-TOL-Story.jpg);
	background-size: contain;
	background-position: bottom center;
	min-height:500px;
	display: flex;
	align-items: center;
	background-color:#FDFEF8;
	background-repeat:no-repeat;
}

.element-animation{
  animation: basket ease-in-out 1s;
  animation-iteration-count: 1;
  transform-origin: 50% 50%;
  -webkit-animation: basket ease-in-out 1s;
  -webkit-animation-iteration-count: 1;
  -webkit-transform-origin: 50% 50%;
  -moz-animation: basket ease-in-out 1s;
  -moz-animation-iteration-count: 1;
  -moz-transform-origin: 50% 50%;
  -o-animation: basket ease-in-out 1s;
  -o-animation-iteration-count: 1;
  -o-transform-origin: 50% 50%;
  -ms-animation: basket ease-in-out 1s;
  -ms-animation-iteration-count: 1;
  -ms-transform-origin: 50% 50%;
}

#quote_tol strong {
	font-size:30px;
}

.italic {
	font-style: italic;
	float:left;
	margin-top:15px;
}

.spinner > div {
  width: 18px;
  height: 18px;
  background-color: #333;

  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0) }
  40% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bouncedelay {
  0%, 80%, 100% { 
    -webkit-transform: scale(0);
    transform: scale(0);
  } 40% { 
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
  }
}

.close{
  position: relative;
  display: inline-block;
  width: 15px;
  height: 15px;
  overflow: hidden;
}

.plop {
    animation-duration: 80ms;
    animation-fill-mode: forwards;
    animation-name: plop;
    backface-visibility: hidden;
    transform: translateZ(0px);
}

#image_slider_ocean img {
	display:flex;
	align-self: center;
}

#meeresabenteuer #image_slider_ocean img {
max-width: 550px;
}

.totheright {
	float:right;
	padding-right:50px;
}

.totheleft {
	direction: rtl;
}

.start_textblock {

}

.narrow_text {
	max-width:720px;
	text-align: left;
	margin:0 auto;
}



.textfeld_auswahl {
	list-style: none;
}

.dot {
    border: 8px solid #42C299;
    border-radius: 50%;
    height:60%;
    left: 50%;
    position: absolute;
    top: 50%;
    width: 51%;
    z-index: -10;
	transform:translate(-50%,-50%);
}

.dotpulse {
	-webkit-animation: pulse 600ms ease-out;
    -moz-animation: pulse 600ms ease-out;
    animation: pulse 600ms ease-out;
}

.replop {
    animation-duration: 80ms;
    animation-fill-mode: forwards;
    animation-name: replop;
    backface-visibility: hidden;
    transform: translateZ(0px);
}

.chosen::after {
   /* animation-duration: 300ms;*/
   /* animation-fill-mode: forwards;*/
   /* animation-name: choose;*/
   /* backface-visibility: hidden;*/
   /* transform: translateZ(0px);*/
	-webkit-animation: anim-effect-jelena 0.3s ease-out forwards;
	animation: anim-effect-jelena 0.3s ease-out forwards;
}

.chosen {
	transform:scale(1.1) !important;
	transition: all 50ms ease-in-out !important;
	z-index:99 !important;
	background:transparent !important;
	color:transparent !important;
}

.close_wrap {
    background: rgba(0,0,0,0.1);
    border-radius: 50%;
    float: left;
    line-height: 0;
    padding: 11px;
    width: auto;
	cursor:pointer;
}

.close_wrap:hover {
	background: #fff;
}

 .close:before, .close:after {
    content: '';
    position: absolute;
    height: 4px;
    width: 100%;
    top: 50%;
    left: 0;
    margin-top: -2px;
    background: #202340;
  }
  .close:before {
    transform:rotate(45deg);
  }
  .close:after {
    transform:rotate(-45deg);
  }

.owl-dots .owl-dot span {
	background:#202340;
	width: 10px;
	height: 10px;
	margin: 5px 7px;
	background:none;
	border:2px solid #42c299;
	display: block;
	-webkit-backface-visibility: visible;
	transition: opacity .2s ease;
	border-radius: 30px;
}

.owl-dots {
    display: block;
    float: left;
    text-align: center;
    width: 100%;
}

.owl-dot {
	display:inline-block;
	cursor: pointer;
}

.owl-dot.active {
	background:none !important;
}

.owl-dot.active span {
	background:#42c299;
	border:2px solid #42c299 ;
}

.owl-dot span:hover {
	border:2px solid #42c299 ;
}

.owl-item {
	border-radius:2px;
	height:100%;
	float:left;
}


#reviews {
	position: relative;
	padding: 40px 0 40px 0;
	background:#fff;
}


#newsletter {
	background: #BEE9F2;
}

#newsletter input {
	width:100%;
	border:none;
}

#newsletter h4 {
	color:#333;
	text-align: center;
	font-size:35px;
	margin:0 0 10px 0;
}

#newsletter p {
	color:#333;
	text-align: center;
	margin-bottom: 50px;
}


.reviews div img {
	border-radius: 50%;
	float:left;
}

.reviews .owl-item, .reviews .owl-item.active {
	padding:25px;
	box-sizing: border-box;
	cursor: pointer;
	background:#fff;
	min-height:100px;
	border:4px solid #fafafa;
}

#meeresabenteuer #reviews .owl-item {
	background: #fff;
	border: none;
}


.reviews .owl-item:after, .reviews .owl-item.active:after { content: ''; position: absolute; bottom: 0; left: 20%; width: 0; height: 0; border: 20px solid transparent; border-top-color: #fafafa; border-bottom: 0; border-left: 0; margin-left: -10px; margin-bottom: -20px; }

#meeresabenteuer .reviews .owl-item:after, .reviews .owl-item.active:after {border: 0 !important;}

.noscroll {
    position: fixed; 
    overflow:hidden;
    width: 100%;
}

.hidescroll {
    position: fixed; 
    overflow:hidden;
    width: 100%;
}

#reviews .col1 {
	max-width:1200px;
	overflow: hidden;
}


.reviews div p {
    color: #202340;
    hyphens: auto;
    line-height: 24px;
    float: none;
    font-size: 17px;
	text-align: left;
}

.reviews div strong {
    color: #41b9b1;
    float: none;
    font-size: 20px;
    text-align: left;
}

.owl-item.active {
	background:#fff ;
}

.owl-prev, .owl-next {
	display:none;
}

.owl-item strong {
    float: left;
    font-size: 20px;
    line-height: 25px;
    text-align: left;
    -moz-transform: translateY(6px);
	-ms-transform: translateY(6px);
	-webkit-transform: translateY(6px);
	transform: translateY(6px);
	color:#41B9B1;
}

/* Slider ### Slider  ### Slider  ### Slider  ### Slider  ### Slider  ### Slider  ### Slider  ### Slider  ### Slider  ### Slider  ### Slider  ### Slider  */
.slider {
	width:100%;
	margin:0 auto;
	padding:50px 0;
}

#buchoffen {
	transition: all 0.35s cubic-bezier(0.07, 0.74, 0.13, 1.18) 0s;
	padding-top:150px;
	background:url('/r40/vc_nino/bilder/firma11/heroimage_de.jpg'), url('/r40/vc_nino/bilder/firma11/heroimage_stripe.jpg');
	background-position:bottom center;
	background-repeat: no-repeat, repeat-x;
	background-color: #E4F0FC;
}

#buchoffen .col1 {
	text-align: left;
	max-width:1240px;
	padding-left:15px;
	margin-top:-3%;
}

#banner_ocean-adventure_de {
	background: #fff;
 	/*background-image:url(/r40/vc_nino/bilder/firma11/banner_book-ocean-adventure_de.png);*/
	background-repeat: no-repeat;
	background-position: bottom;
	background-size:18%;
	background-position-x: 447px
} 

.agb_zustimmen a {
	color:#333;
	text-decoration: underline;
}

#banner_ocean-adventure_en {
	background: #fff;
 	/*background-image:url(/r40/vc_nino/bilder/firma11/banner_book-ocean-adventure_en.png);*/
	background-repeat: no-repeat;
	background-position: bottom;
	background-size:18%;
	background-position-x: 447px
} 

#banner_top {
    display: flex;
    flex-direction: column;
    align-items: center;
	position: relative;
}

#banner_top .col1_kleiner {
	z-index:10;
	position: relative;
	align-items: flex-start;
}

#banner_top .text_seite_r .button{
	align-self: flex-start;
}

#lebensbaum #banner_top {
	background: #fff;
}

#lebensbaum #newsletter h4, #lebensbaum #newsletter p{
	color:#333;
}

#meeresabenteuer #banner_top {
	background: #BEE9F2;
}

#banner_top img{
	width:100%;
	margin-bottom:-5px;
	box-sizing: border-box;
}

#banner_top .col2, #banner_top h1, #banner_top h2 {
	text-align: left;
}

#banner_top h1 {
	font-size:40px;
	line-height:45px;
	margin-top:0;
}

#banner_top h2 {
	font-size:20px;
	margin:0;
	line-height:23px;
}

#banner_ocean-adventure_de .col1 .col2, #banner_ocean-adventure_en .col1 .col2 {
	justify-content:flex-start;
}

#banner_ocean-adventure_de .col1, #banner_ocean-adventure_en .col1 {
    padding-top: 50px;
	padding-bottom: 50px;
}

#release {
	width:100%;
	padding:10px;
	text-align: center;
	background: #AFDFF2;
	margin-bottom:50px;
	color:#2287BF;
	font-weight:600;
	margin:0 auto;
	z-index:2;
	box-sizing: border-box;
}

#banner_ocean-adventure_de h3, #banner_ocean-adventure_de h2, #banner_ocean-adventure_en h3, #banner_ocean-adventure_en h2 {
	text-align: left;
	padding-right:14%;
	box-sizing: border-box;
}

#growthchart {
	background:url('/r40/vc_nino/bilder/firma11/messlatte.jpg');
	background-size: 50%;
	background-position: bottom left;
	background-repeat: no-repeat;
	background-color:#ACD1A0;
	text-align: center;
	padding:15px;
	box-sizing: border-box;
}

#buchoffen {
	height:450px;
}


.banner_image_slider {
	text-align: left;
	width:100%;
	float:right;
}

.banner_image_slider .owl-item.active {
	background:transparent !important;
}

.banner_image_slider .owl-item {
	background:transparent !important;
}


.banner_image_slider img {
	margin-bottom:-20px;
}

#image_slider_ocean .container .col1_kleiner {
	display:flex;
	align-items: center;
justify-content: center;
}

#image_slider_ocean .owl-item, #image_slider_ocean .container{
	display:flex;
	justify-content: center;
}

#image_slider_ocean {
	overflow-x: hidden;
}

#coral_foundation {
	background:url(/r40/vc_nino/bilder/firma11/coral_bg.jpg);
	background-size: 100% auto;
	height:710px;
	display: flex;
	justify-content: center;
	text-align: center;
	background-position: bottom  center;
	align-items: center;
	background-repeat:no-repeat;
	background-color: #CAEFF8;
}

#coral_foundation p {
	max-width:600px;
}

#coral_foundation a {
	color:#333;
	text-decoration: underline;
}

#img_hash {
	z-index:1;
}
#die_geschichte_tol {
	background:url(/r40/vc_nino/bilder/firma11/9-TOL-Quote-block.jpg);
	background-size: cover;
	background-position:  bottom center;
	min-height:650px;
	text-align: center;
	display:flex;
	align-items: center;
	background-repeat: no-repeat;
	background-color:#FDFEF8;
}

#die_geschichte_tol .narrow_text {
	text-align: center;
}

#die_geschichte_ocean p, #die_geschichte_ocean h3 {
	color:#333;
}

#die_geschichte_ocean {
	background:url(/r40/vc_nino/bilder/firma415/6-OA-The-Story.png);
	background-size: 100% auto, cover;
	background-position: bottom center;
	min-height:720px;
	text-align: center;
	display:flex;
	align-items: center;
	background-repeat: no-repeat;
	background-color:#CAEFF8;
}

#die_geschichte_ocean .col1, #mission_ocean .col1  {
	max-width:600px;
}

#coral_foundation .col1_kleiner {
	justify-content: center;
	flex-direction: column;
}

#coral_foundation img {
	max-width:300px;
	margin-bottom:50px;
}

#coral_foundation_img_en {
	max-width:400px !important;
}

#meeresabenteuer #newsletter {
	color:#333;
}
#meeresabenteuer #newsletter h4, #meeresabenteuer #newsletter p {
	color:#333;
}

#buchoffen h2 {
    font-size: 20px;
    font-weight: 500;
    text-align: left;
    width: 80%;
}

.artikel_kachel {
	max-width:1500px;
	margin:0 auto;
	float:none;
	text-align: left;
	cursor: pointer;
}

.artikel_kachel h3 {
	margin:0;
	font-weight:800;
}

.artikel_kachel h4 {
	margin:0;
}

.artikel_kachel .col25 {
	border-radius: 5px;
	margin-right:1%;
	width:24.2%;
	border:2px solid #fff;
	min-height:350px;
	transition: all .3s ease-in-out;
	}

.artikel_kachel .col25:last-child {
	margin-right:0;
}

.artikel_kachel .col25:hover {
	border:2px solid #ebebeb;
}

.slider .button {
	display:inline-block;
}

/* SIDESLIDER KONFIGURATOR ### SIDESLIDER KONFIGURATOR ### SIDESLIDER KONFIGURATOR ### SIDESLIDER KONFIGURATOR ### SIDESLIDER KONFIGURATOR ### SIDESLIDER KONFIGURATO ##*/

#sideslide {
    background: #fff none repeat scroll 0 0;
    box-sizing: border-box;
    height: 100%;
    margin-right: 0;
    top: 0;
    width: 100%;
    z-index: 999;
	box-shadow: 0 0 12px 0 rgba(0,0,0,0.1),0 10px 30px 0 rgba(0,0,0,0.2);
	transition: all 0.35s cubic-bezier(0.77, 0, 0.175, 1);
}

.sideslide_active {
	right:0% !important ;
	transition: all 0.35s cubic-bezier(0.07, 0.74, 0.13, 1.18);
}

.sideslide_overlay {
	background:rgba(0,0,0,0.5);
	position:fixed;
	width:100%;
	height:100%;
	top:0;
	left:0;
	display:none;
	z-index:998;
}

.slide_header {
    background: #F7DF71 url("/r40/vc_nino/bilder/firma11/lebensbaum_streifen.jpg") no-repeat scroll left top / 100% auto;
    float: left;
    padding: 15px;
    width: 100%;
	box-sizing: border-box;
}

.slide_header h3 {
	line-height:2px;
	margin-left:15px;
	float:left;
	color:#202340;
}

/* OWL-CAROUSEL ### OWL-CAROUSEL ### OWL-CAROUSEL ### OWL-CAROUSEL ### OWL-CAROUSEL ### OWL-CAROUSEL ### OWL-CAROUSEL ### OWL-CAROUSEL ### OWL-CAROUSEL ###  */

.owl-item p {
	float:left;
	-ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
	color:#202340;
}

.display {
	display:block !important;
}

.dropdown {
    background: #fff none repeat scroll 0 0;
    border-top: 1px solid #dbdbdb;
    bottom: -76px;
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 10px 20px;
    position: absolute;
    text-align: center;
    width: 100%;
	z-index:1;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}
	#lang_li .selectric {
		max-height:46px;
	}

#lang_li_wrapper {
    display: block;
    box-sizing: border-box;
    background: #fff;
	float:left;
	width:179px;
	position: relative;
	margin:0 10px;
	max-height: 46px;
}

#gender_li_wrapper {
	box-sizing: border-box;
	display:block;
	float:left;
	width:280px;
	position: relative;
	padding-right:10px;
}

#gender_li label {
	background-image: -moz-linear-gradient(top,#f8f8f8,#f1f1f1);
	background-image: -webkit-linear-gradient(top,#f8f8f8,#f1f1f1);
	background-image: linear-gradient(top,#f8f8f8,#f1f1f1);
    border: 2px solid #dbdbdb;
    border-radius:2px;
    font-size: 16px !important;
    padding: 0 10px !important;
    text-align: center;
	color:#757575 !important;
	width:50%;
    color: #222 ;
    font-size: 18px;
    line-height:41px;
    padding:15px;
	cursor:pointer;
	font-weight:500;
	height:46px;
}

#gender_li label:first-child {
	border-bottom-right-radius: 0;
	border-top-right-radius: 0;
}

#gender_li label:hover {
    background-image: -moz-linear-gradient(top,#f8f8f8,#f1f1f1);
	background-image: -webkit-linear-gradient(top,#f8f8f8,#f1f1f1);
	background-image: linear-gradient(top,#f8f8f8,#f1f1f1);
    border: 2px solid #c6c6c6;
	color:#222 !important;
}

#gender_li input[type="radio"]:checked + label {
	border:1px solid #42c299;
	background:#42c299;
	color:#fff !important ;
}

#input_wrapper {
    display: flex;
	margin:0 auto;
	justify-content: center;
    width: 100%;
    padding: 10px;
    position: relative;
    box-sizing: border-box;
	background:#fff;
	border-radius:2px;
	max-width:1000px;
	margin-top:30px;
}

#meeresabenteuer #input_wrapper, #lebensbaum #input_wrapper {

	background: none !important;
}

@media screen and (min-width:1043px)  { 
#meeresabenteuer #input_wrapper, #lebensbaum #input_wrapper {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

}






#ocean-adventure_product_slider {
	overflow: hidden;
	box-shadow: 0 12px 20px -10px rgba(81, 64, 49, 1);
	border:4px solid #fff;
	border-radius:2px;
} 

#ocean-adventure_product_slider .owl-stage-outer {
	padding-bottom:0;
}

.small_img {
    width: 50%;
    display: flex;
    flex-direction: row;
    margin-top: 10px;
	box-sizing: border-box;
}

.small_img a {
	border:2px solid #fff;
	border-radius: 2px;
	box-sizing: border-box;
	margin-right:1%;
	transition: all 200ms cubic-bezier(0.07, 0.74, 0.13, 1.18) 0s;
	max-width:96px;
}

.small_img a:last-child {
	margin-right:0;
}

.small_img a:hover {
	transform:scale(1.1);
	transition: all 200ms cubic-bezier(0.07, 0.74, 0.13, 1.18) 0s;
}

#input_wrapper div{
	box-sizing: border-box;
}

#input_wrapper div:first-child{
	padding-left:0;
}

#arrow {
    position: absolute;
    left: -201px;
    width: 240px;
    top: -17px;
    fill: #3E5460;
}

#lang_li_wrapper:hover {
	border-bottom-right-radius: 0px;
}

#hair_li_wrapper {
    box-sizing: border-box;
    z-index: 6;
	display:block;
	float:left;
	width:100%;
	position: absolute;
	left: 0;
	top: 101%;
}

.dropdown label {
	text-align: center;
	width:100%;
}

.owl-carousel {
	margin-top:30px;
}

.bb-item {
	width:99.9% !important;
	z-index:2;
	background:transparent !important;
	cursor:grab;
}

p {
	color:#333;
	font-size:18px;
	line-height:26px;
	margin:0;
	font-family: 'Lato', sans-serif;
	font-weight:400;
}

/* start new */

#geschenke_tol .col3 {
	padding:0;
	box-sizing: border-box;
	background:#fff;
	width: 31.3%;
	margin: 0 1%;
	border-radius: 2px;
}

#geschenke_tol .col3 img {
	width:100%;
}

#firstbanner {background-color: #81CAEB;}

#firstbanner p {
	color: #fff;
	text-align: center;
	line-height: 0;
}

.firstbanner_first_de {
	font-size: 53px;
	font-family: 'Heritage Font', sans-serif
}

.firstbanner_second_de {
	font-size: 69px;
	line-height: 1.7 !important;
	text-transform: uppercase;
	font-family: 'Lato', sans-serif;
}

.firstbanner_third_de {
	font-size: 24.5px;
	font-family: 'Heritage Font', sans-serif
}

.firstbanner_first_en {
	font-size: 80px;
	font-family: 'Heritage Font', sans-serif
}

.firstbanner_second_en {
	font-size: 80px;
	line-height: 1.7 !important;
	text-transform: uppercase;
	font-family: 'Montbello Sans', sans-serif
}

.firstbanner_third_en {
	font-size: 36.5px;
	font-family: 'Heritage Font', sans-serif
}

#banner_ocean-adventure_launch_de {
	background: #81CAEB;
	background-image:url(/r40/vc_nino/bilder/firma11/meeresabenteuer_kinder_lesen.jpg);
	background-repeat: no-repeat;
	background-position: 50% 49%;
	background-size:348px;
	min-height: 246px;
}

#banner_ocean-adventure_launch_en {
	background: #81CAEB;
	background-image:url(/r40/vc_nino/bilder/firma11/oceanadventure_childs_reading.jpg);
	background-repeat: no-repeat;
	background-position: 50% 49%;
	background-size:cover;
	min-height: 246px;
}

/* end new */



#starter {
	text-align: center;
	box-sizing: border-box;
	margin-bottom:-5px;
	z-index:0;
}

.center_text {
	max-width:780px;
	margin:0 auto;
	text-align: center; 
}

.has-subline {
	margin-bottom:10px;
}

#threefacts {
	overflow:hidden;
}

#threefacts h3 {
	font-size:32px; 
}

#threefacts p {
	text-align: justify;
	padding: 15px 10% 0 10%;
}

.has-headline {
	margin-bottom:20px;
}

.round {
    border-radius: 50%;
    width: 100%;
    height: 100%;
    padding: 0 70px;
    box-sizing: border-box;
	margin-bottom:15px;
	max-width:435px;
}

#starter li label {
    background: transparent none repeat scroll 0 0;
    border: 1px solid #12a89d ;
    border-radius: 5px 0 0 5px;
    color: #367;
    cursor: pointer;
    font-family: 'Varela Round', sans-serif;
    font-size: 20px;
    padding: 13px 20px;
    width: 50%;
	text-align: center;
}

#hair_girl, #hair_boy {
	padding:10px 0;
	float:left;
	width:200%;
	background:#fff;
	border-radius:2px;
	max-width:600px;
	opacity:0;
	transform: scale(1.01) translateY(40px);
	position:relative;
	box-shadow:  0px 20px 20px rgba(0,0,0,0.24);
	position: absolute;
	top:10px;
	left:-50%;
}

#hair_girl label, #hair_boy label {
    border: medium none !important;
    text-align: center;
    width: 20%;
    padding: 0 10px;
    cursor: pointer;
	transition: color 0.7s;
	position: relative;
	display: inline-block;
}

#lebensbaum #hair_girl label, #lebensbaum #hair_boy label, #lebensbaum_tischset #hair_girl label, #lebensbaum_tischset #hair_boy label, #lebensbaum_memory #hair_girl label, #lebensbaum_memory #hair_boy label {
    width: 25%;
}

#meeresabenteuer #hair_girl label, #meeresabenteuer #hair_boy label {
    width: 20%;
}


#hair_girl label:before, #hair_boy label:before{
	content:none;
}

#hair_girl label img, #hair_boy label img {
	border:3px solid #dbdbdb;
	transition:200ms ease-in-out;
}

#hair_girl input[type="radio"]:checked + label, #hair_boy input[type="radio"]:checked + label {
	background:transparent !important;
}

#hair_girl input[type="radio"]:checked + label img, #hair_boy input[type="radio"]:checked + label img {
	border:3px solid #12a89d;
}

#warenkorb_anschrift input[type="radio"]:checked + label {
	color:#12A89D !important;
	background:transparent !important;
}

#warenkorb_anschrift h2 {
	text-align: left;
	font-size:25px;
}

.circlechoose {
	border-radius:50%;
	max-width:130px;
	width:100%;
}

#warenkorbleer {
	margin-top:50px;
	text-align: center;
	max-width:800px;
}

.banner_top_img_left {
		position: absolute;
		left:0;
		bottom:0;
		width:auto !important;
		z-index:0;
	}

.adressen li {
	float:left;
	width:100%
}

#warenkorb_anschrift .col1_kleiner, #warenkorbnichtleer {
	max-width:800px;
}
 
.adressen li input, .adressen li .selectric {
	width:100%;
}

.adressen .li_2 input {
	width:90%;
}

.adressen .li_2_right input {
	width:100%;
	float:right
}

#coupon {
	float:left;
	margin-top:40px;
}

#coupon label {
	width:100%;
	float:left;
}

#abweichende_addr label {
	font-size:22px;
	padding:5px 0;
	cursor: pointer;
}

#coupon input {
	width:100%;
	margin-bottom:15px;
}

.adressen li label {
	width:100%;
	margin-top:10px;
}

.adressen .li_2 {
width:50%;
	float:left;
}

.adressen .li_2 label, .li_2_right label {
	width:100%;

} 

.adressen .li_2_right {
	float:right;
	width:50%;
}

.banner_top_img_right {
		position: absolute;
		right:0;
		bottom:0;
		width:auto !important;
		z-index:0;
	}

#mission_tol {
	background: url('/r40/vc_nino/bilder/firma415/green_bg_kleiner.jpg');
	display:flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
}

#mission_tol .col1_kleiner {
	flex-direction: column;
}

#mission_tol .narrow_text {
	text-align: center;
}


#hair_girl label:after, #hair_boy label:after {
	content: '';
	position: absolute;
	top: 0;
	left:0;
	width: 91%;
	height: 84%;
	border-radius: 50%;
	opacity: 0;
	pointer-events: none;
	border: 2px solid rgba(111,148,182,0.5);
}

#name input {
    border: medium none;
    float: left;
    font-size: 25px;
    height: 41px;
    margin: 0 auto;
	width:190px;
	padding:0;
	margin-right:20px;
	border-radius: 0;
}

#name input:focus {
	box-shadow:0 -2px #12A89D inset;
}

#name {
    float: none;
    margin: 0 auto;
    max-width: 880px;
    width: 100%;
    bottom: -34px;
    position: relative;
    display: block;
	margin-top:40px;
}

#config input:checked + label {
    background: #202340 none repeat scroll 0 0;
    color: #fff !important;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

#add_info {
    background: #fff none repeat scroll 0 0;
    border-radius:2px;
    bottom: 3px;
    box-sizing: border-box;
    display: block;
    float: none;
    left: 50%;
    margin: 0 auto -5px;
    max-width: 1024px;
    position: absolute;
    transform: translate(-50%, 0px);
    transition: all 200ms cubic-bezier(0.07, 0.74, 0.13, 1.18) 0s;
    width: 100%;
    z-index: 0;
}

#warenkorb_currency {
	max-width:200px;
	align-self: flex-end;
	margin-bottom:20px;
}

#add_info .fa {
	font-size:30px;
	transform:translateY(4px);
	padding-left:10px;
}

#add_info_name h3 {
	color: #333;
}

.green {
	color:#42c299;
}

.whatsapp {
	display:none;
	float:none;
	padding:0 5px;
	width:30px;
}

#share_buttons {
    width: 100%;
    display: block;
    text-align: center;
    width: 100%;
    padding: 5px 0 70px 0px;
    box-sizing: border-box;
}

.facebook, .twitter {
	width:30px;
	display: inline-block;
	float:none;
	padding:0 5px;
	cursor: pointer;
}

.facebook img, .twitter img, .whatsapp img {
	width:100%;
}

#add_info label {
    float: none;
    font-size: 20px;
    font-weight: 600;
    text-align: inherit;
	cursor: pointer;
}

#add_info div {
    box-sizing: border-box;
    float: left;
    padding: 30px 0 30px;
    text-align: center;
    width: 33.333%;
}

#add_info_name, #add_info_widmung {
    background: #BEE9F2 none repeat scroll 0 0;
    box-sizing: border-box;
    color: #fff;
    float: left;
    opacity: 0;
    position: relative;
    text-align: center;
    width: 100%;
	display:none;
	height:0px;
	transition: all 500ms cubic-bezier(0.07, 0.74, 0.13, 1.18) 0s;
}

#widmung_seite3 {
    border-radius: 5px;
    float: left;
    max-height: 230px;
}

#add_info_name div {
	display: inline-block;
    float: none;
    margin: 0 auto;
    padding: 0;
    width: auto;
}

#add_info_widmung {
	display: none;
}

#add_info_name:after {
	bottom: 100%;
	left: 16.665%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(254, 221, 114, 0);
	border-bottom-color: #BEE9F2;
	border-width: 30px;
	margin-left: -30px;
}

#add_info_widmung:after {
	bottom: 100%;
	left:50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(254, 221, 114, 0);
	border-bottom-color: #BEE9F2;
	border-width: 30px;
	margin-left: -30px;
}

#weitergehts {
	float:none;
}

#zustimmung article {
	margin-top:40px;
}

#weitergehts .fa {
	display:none;
}

#add_info_name_btn, #add_info_widmung_btn {
	background:#fff;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	transition: all 100ms ease-out;
	cursor: pointer;
	 border-right: 1px solid #ededed;
}

#add_info_name_btn:hover, #add_info_widmung_btn:hover {
	transform:translateY(-10px);
	transition: all 100ms ease-out;
	box-shadow:0px -5px 15px -10px rgba(0,0,0,0.2);
}

#add_info_name  .button {
    float: left;
    margin-left: 20px;
    padding: 16px 35px;
    border: 2px solid #333;
    color: #333;
}

#add_info_name .button:hover {
    color:#fff;
	background:#333;
}

#add_info_widmung .button {
    display: inline-block;
    float: none;
    margin: 10px 0 0 !important;
}

#clickhere {
    background: #42C299 none repeat scroll 0 0;
    border-radius: 4px;
    color: #fff;
    padding: 20px;
    position: absolute;
    right: -30px;
    top: -31px;
    z-index: 999999;
	box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);
}

#add_info .col2 {
	padding:0;
}


.purpleback {
	background:#b1ddf1;
	margin-top:5px;
}

.feld_container {
	display:none;
}

input {
    background-color: #fff;
    border:2px solid #dbdbdb;
    border-radius: 2px;
    box-sizing: border-box;
    color: #222;
    font-size: 16px;
    font-weight: 400;
    height: 47px;
    padding: 10px;
	font-family: 'Lato', sans-serif;
	transition: all 0.2s ease 0s;
}

.owl-stage-outer {
    padding-bottom: 10px;
    width: 100%;
    display: inline;
}

input:hover {
	border:2px solid #cbcbcb;
}

input:focus {
	border:2px solid #202340;
}

textarea {
	border:1px solid #dbdbdb;
	background-color:#fff;
	padding-left:0.8em;
	color:#222;
	border-radius:2px;
	width:100%;
	box-sizing: border-box;
	font-family: 'Lato', sans-serif;
	font-size: 16px;
	margin-bottom:8px;
	min-height:150px;
	padding:10px;
}

textarea:focus {
	border: 2px solid #e1b938;
}



h1 {
    background: transparent none repeat scroll 0 0;
    border: medium none;
    clear: both;
    color: #333;
    font-family: 'Lato', sans-serif;
    font-size: 35px;
    font-weight: 600;
    line-height: 44px;
    margin-bottom: 10px;
    text-align: center;
	letter-spacing: .005em;
	margin-top:0;
}

h1 nobr {
	margin-left:30px;
}

#english, #german {
 float:none;
}

h2 {
    color: #333;
    font-size: 50px;
    text-align: center;
	position:relative;
	display:inline-block;
	font-family: 'Lato', sans-serif;
	margin:0 auto;
	margin-bottom:5px;
	line-height:50px;
	letter-spacing: .005em;
	font-weight:600;
}

h3 {
	font-size:17px;
	letter-spacing: .005em;
	margin-top:0;
	font-weight:600;
	font-family: 'Lato', sans-serif;
	margin-bottom:40px;
	color:#333;
}

#starter h3 {
    font-size: 40px;
    line-height: 43px;
}

.starter_preis {
	padding:10px 0;
	font-weight:500;
	color:#0033cc;
	font-weight:600;
}

#add_info_mobile h3 {
	color: #fff;
}


#benefits h3 {
	width:100%;
	margin-bottom:5px;
	font-size:20px;
	line-height:22px;
}

h4 {
	color:#333;
	text-align: center;
	font-size:35px;
	margin:0 0 25px 0;
	letter-spacing: .01rem;
}

#mission .col1 {
	max-width:1000px;
	text-align: center;
}

#benefits {
	text-align: left;
	box-sizing: border-box;
}

#benefits img {
	width:150px;
	align-items: flex-end;
	padding-right:20px;
	align-self: flex-start;
}

#benefits p {
	font-size:15px;
	line-height:20px;
}

#benefits span {
	flex-direction: row;
	display:flex;
	align-items: center;
}


ul {
	padding:0;
	list-style:none;
	margin:0;
}

#social_media_icons .fab {
	font-size:35px;
	margin-right:20px;
}

#social_media_icons {
	float:right;
	text-align: right;
}



#mc_embed_signup  {
	background:transparent !important;
	max-width:600px;
	margin:0 auto;
}

#mc_embed_signup label {
	color:#fff !important;
	clear:both !important;
}

#mc_embed_signup input {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius:2px !important;
    box-sizing: border-box !important;
    color: #333 !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    height: 47px !important;
    margin-bottom: 30px !important;
    padding: 0.8em !important;
	font-family: 'Varela Round', sans-serif !important;
	clear:both;
	width:100%;
}

#mc_embed_signup .button:hover {
	background:#f7ce4a none repeat scroll 0 0 !important;
	transition:all 0.2s ease 0s !important;
	box-shadow:0 1px 0 0 rgba(177, 145, 44, 1) !important;
}

#mc_embed_signup .button {
    background-color:#e1b938 !important;
    border-radius: 5px !important;
    box-sizing: border-box;
    color: #fff !important;
    display: table;
    float: none;
    font-size:17px !important;
    font-weight: 600 !important;
    line-height: 33px !important;
    margin: 20px auto 0 !important;
    padding: 7px 40px !important;
    text-shadow: 0 1px rgba(0, 0, 0, 0.2) !important;
    text-transform: uppercase !important;
    transition: all 0.2s ease 0s;
	cursor: pointer;
	width:100% !important;
}

.mc-field-group2 {
	width:49% !important;
	float:right !important;
}

.mc-field-group1 {
	width:49% !important;
	float:left!important;
}

.mc-field-group {
	width:100% !important;
}

#mc_embed_signup input:focus {
		border: 2px solid #e1b938 !important;
	}

.galleria-container{
	opacity:1;
	transition: all 1s ease 0s;
}

.transculent{
	opacity:0.4 !important;
	transition: all 200ms cubic-bezier(0.07, 0.74, 0.13, 1.18) 0s;
	transform: scale(0.8);
}


/* ENDE BASICS ### BASICS ### BASICS ### BASICS ### BASICS ### BASICS ### BASICS ### BASICS ### BASICS ### BASICS ### BASICS ### BASICS ### BASICS ### BASICS ### BASICS*/


/* ANFANG NEWSLETTER ### ANFANG NEWSLETTER ### ANFANG NEWSLETTER ### ANFANG NEWSLETTER ### ANFANG NEWSLETTER ### ANFANG NEWSLETTER ### ANFANG NEWSLETTER ### ANFANG NEWSLETTER ### */

._form_element {
	float:left;
	margin-right:5px;
}

._form-thank-you {
	text-align: center;
}

._form-content {
    text-align: center;
    display: flex;
    justify-content: center;
}
._button-wrapper {
	float:left;
}

._form_wrap {
	float:none;
	display: inline-block;
}

/* ENDE NEWSLETTER ### /* ENDE NEWSLETTER ### /* ENDE NEWSLETTER ### /* ENDE NEWSLETTER ### /* ENDE NEWSLETTER ### /* ENDE NEWSLETTER ### /* ENDE NEWSLETTER ### /* ENDE NEWSLETTER ### */


/* ANFANG ANIMATED HEADLINES ###  ANIMATED HEADLINES ###  ANIMATED HEADLINES ###  ANIMATED HEADLINES ###  ANIMATED HEADLINES ###  ANIMATED HEADLINES ###  */


.cd-intro {
	width:100%;
	padding-left:10%;
	box-sizing: border-box;
}

.cd-words-wrapper b {
	font-family: 'Heritage Font', sans-serif;
}

.cd-words-wrapper {
  display: inline-block;
  position: relative;
  text-align: left;
}

.cd-words-wrapper b {
  display: inline-block;
  position: absolute;
  white-space: nowrap;
  left: 0;
  top: 0;
  font-size:120px;
  font-weight:600;
}
.cd-words-wrapper b.is-visible {
  position: relative;
}

.cd-headline.push b {
  opacity: 0;
}
.cd-headline.push b.is-visible {
  opacity: 1;
  -webkit-animation: push-in 0.5s;
  -moz-animation: push-in 0.5s;
  animation: push-in 0.5s;
}
.cd-headline.push b.is-hidden {
  -webkit-animation: push-out 0.5s;
  -moz-animation: push-out 0.5s;
  animation: push-out 0.5s;
}

@-webkit-keyframes push-in {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(3%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes push-in {
  0% {
    opacity: 0;
    -moz-transform: translateX(-100%);
  }
  60% {
    opacity: 1;
    -moz-transform: translateX(3%);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
}
@keyframes push-in {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(3%);
    -moz-transform: translateX(3%);
    -ms-transform: translateX(3%);
    -o-transform: translateX(3%);
    transform: translateX(3%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@-webkit-keyframes push-out {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
  60% {
    opacity: 0;
    -webkit-transform: translateX(60%);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(50%);
  }
}
@-moz-keyframes push-out {
  0% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
  60% {
    opacity: 0;
    -moz-transform: translateX(60%);
  }
  100% {
    opacity: 0;
    -moz-transform: translateX(50%);
  }
}
@keyframes push-out {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  60% {
    opacity: 0;
    -webkit-transform: translateX(60%);
    -moz-transform: translateX(60%);
    -ms-transform: translateX(60%);
    -o-transform: translateX(60%);
    transform: translateX(60%);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(50%);
    -moz-transform: translateX(50%);
    -ms-transform: translateX(50%);
    -o-transform: translateX(50%);
    transform: translateX(50%);
  }
}


/* ENDE ANIMATED HEADLINES ###  ANIMATED HEADLINES ###  ANIMATED HEADLINES ###  ANIMATED HEADLINES ###  ANIMATED HEADLINES ###  ANIMATED HEADLINES ###  */


/* ANFANG HEADER ### HEADER ### HEADER ### HEADER ### HEADER ### HEADER ### HEADER ### HEADER ### HEADER ### HEADER ### HEADER ### HEADER ### HEADER ### HEADER ### HEADER ### HEADER  */

#vorlage_ui {
	margin-top:20px;
}

#kontakt #banner_top p {
	margin-bottom:50px;
}

#kontakt #banner_top .button {
	width:100%;
}

#header_wrapper {
    background: #fff;
    width: 100%;
	height:86px;
	margin:0 auto;
	z-index: 99;
	display:inline-block;
	margin-bottom:-5px;
	float:left;
}

#kopf {
    box-sizing: border-box;
    display: block;
    margin: 0 auto;
    padding: 0;
	height:100%;
	width:100%;
	position: relative;
	max-width:1200px;
}

#logo {
    display: block;
    float: left;
    height: auto;
    margin: 0 auto;
    width: 72px;
	padding:8px;
	background:#fff;
	border-radius:2px;
}

#kopf_navigation {
    float: right;
    height: 100%;
	display: flex;
	align-items: center;
}

#kopf_navigation span {
    float: left;
    padding: 0 20px;
}

#kopf_navigation a {
    color: #333;
    font-size: 16px;
    font-weight: 600;
    transition: color 0.2s ease 0s;
	letter-spacing: .01rem;
}
	
	#kopf_navigation span:last-child {
		padding-right:0;
	}
	
		#kopf_navigation a:hover {
			color:#42c299 ;
		}
		
#warenkorb_tooltip {
    background: #1BBB9B none repeat scroll 0 0;
	border-radius: 50%;
	color: #fff;
	font-size: 11px;
	height: 20px;
	line-height: 19px;
	position: absolute;
	right: 24px;
	text-align: center;
	top: -1px;
	width: 20px;
	font-weight: 900;
	padding-right: 1px;
}

#warenkorb_tooltip p {
    color: #fff;
    font-size: 11px;
    font-weight: 800;
    margin-top: -2px;
    text-align: center;
    width: 100%;
}

#bb-nav-next, #bb-nav-prev {
    color: #202340;
    display: inline-grid;
    float: left;
    height: 100%;
    min-height: 500px;
    width: 50%;
	z-index:999;
	position: relative;
	opacity:1;
}


#bb-nav-next .fa, #bb-nav-prev .fa {
    color: #42C299;
	opacity:1;
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	font-size:300%;
}

#bb-nav-next .fa {
	right:-60px;
}

#bb-nav-prev .fa {
	left:-60px;
}

#bb-nav-next:hover, #bb-nav-prev:hover {
}

#bb-bookblock nav {
    top:0;
    font-size: 40px;
    position: absolute;
    width: 100%;
}

#bb-bookblock {
	transition: all 200ms cubic-bezier(0.07, 0.74, 0.13, 1.18) 0s;
	opacity:0;
	margin-bottom:50px;
}

.svg:hover {
	fill:blue  !important;
}

.label_mini {
    color: #bbb;
    font-size: 13px;
    position: absolute;
    text-align: center;
    top:-24px;
	left:0;
    width: 100%;
	opacity:0;
	white-space: nowrap;
}

#nameit {
    border: 2px solid #dbdbdb;
    float: left;
    font-size: 30px;
    font-weight: 600;
    height: 46px;
    padding: 0 20px;
    width: 100%;
	
}

#nameit_wrapper {
	position: relative;
	box-sizing: border-box;
	float:left;
	width:234px;
}

@media screen and (min-width:1043px)  { 

#meeresabenteuer #nameit_wrapper, #lebensbaum #nameit_wrapper {
	width: 303px !important;
}

}


#nameit:focus {
	transition: box-shadow 200ms cubic-bezier(0.4, 0.0, 0.2, 1);
	border:2px solid #202340 ;
}

#nameit:hover {
	border:2px solid #333;
	transition: all 0.2s ease 0s;
}

#lang_li {
    padding-left:20px;
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    position: relative;
}

#gender_li {
	float:left;
	width:100%;
}



#lang_li .fa {
	padding-left:5px;
}

#lang_li label:before, #gender_li label:before {
	content:none;
}

.dropdown:hover {
	background:#fafafa;
}

#lang_li_wrapper:hover .dropdown {
	display:block;
}

#mob_navigation {
	background:#42C299;
	color:#fff;
	width:100%;
	display:none;
	float:left;
	height:0;
	transition: all 0.35s ease-in 200ms;
	overflow:hidden;
	z-index:999;
}

#mob_navigation span {
	width:100%;
	float:left;
	text-align: center;
}

#mob_navigation span a {
    float: left;
    font-size: 22px;
    padding: 8px 0;
    text-align: center;
    width: 100%;
	text-transform: uppercase;
	font-weight:500;
}

#mob_navigation span:first-child {
	padding-top:20px;
}


.slidedown {
	height:100vh !important;
	transition: all 0.15s ease-in 20ms;
}

.slide_down {
	height:100% !important;
	transition: all 0.35s ease-in 20ms;
	max-height:500px !important;
}

.slideup {
	transform:translate(-50%,0px) !important ;
	transition: all 200ms cubic-bezier(0.07, 0.74, 0.13, 1.18) 0s;
}

#add_info_widmung .col2 {
	width:50%;
}

.add_info_slideup {
	transform:translateY(0px) !important ;
	transition: all 200ms cubic-bezier(0.07, 0.74, 0.13, 1.18) 0s;
	opacity:1 !important;
	height:100% !important;
	max-height:400px;
	padding:40px 20px 40px !important;
}

#story2 h4 {
	text-align: center;
	margin-top:20px;
}

#follow_Date {
	border:none;
	background:transparent;
	padding-left:0;
	font-size:22px;
}

#nav_meine {
	position:relative;
}
#nav_home .fa, #nav_kontakt .fa, #nav_warenkorb .fa, #nav_meine .fa {
	padding-right:5px;
}

#nav_warenkorb {
    float: right;
    padding-right: 15px;
    display: none;
    height: 100%;
    align-items: center;

}

#nav_warenkorb i {
	color: #333;
	font-size: 30px;
	padding-top:15px;
}



/* ENDE HEADER ### HEADER ### HEADER ### HEADER ### HEADER ### HEADER ### HEADER ### HEADER ### HEADER ### HEADER ### HEADER ### HEADER ### HEADER ### HEADER ### HEADER ### HEADER ###  */



/* ANFANG CONTENT ### CONTENT ### CONTENT ### CONTENT ### CONTENT ### CONTENT ### CONTENT ### CONTENT ### CONTENT ### CONTENT ### CONTENT ### CONTENT ### CONTENT ### CONTENT ### CONTENT */

#facts .col3 {
		text-align: center;
		padding:20px 0;
		color:#202340;
		margin-bottom:30px;
		font-weight:600;
	}

#facts .fa {
	font-size:30px;
	padding-right:5px;
	transform:translatey(4px);
}

#facts .fa-check {
	color:#00BC94;
}

#facts .fa-lock {
	color:#2860F5;
}

#facts .fa-heart {
	color:#C2292B;
}

#facts {
	background:transparent;
	display:none;
}

#facts span {
	width:auto;
	border:2px solid #F5F5F5;
	padding:15px 25px;
	border-radius: 20px;
}

#messlatte {
	background:url('/r40/vc_nino/bilder/firma11/hero_growthchart.jpg');
	background-position:bottom center;
	background-repeat: no-repeat, repeat-x;
	background-size: 100%;
	transition: all .3s ease-in-out
}

#messlatte:hover, #memory:hover {
	background-size: 105%;
	transition: all .3s ease-in-out
}



.artikel_kachel div div {
	position: absolute;
	bottom:0px;
	background-color:#fff;
	width:100%;
	box-sizing: border-box;
	padding:15px 0 15px 15px;
}

#messlatte h3 {
	color:#EA612D;
}

#memory {
	background:url('/r40/vc_nino/bilder/firma11/hero_memory.jpg');
	background-position:top center;
	background-repeat: no-repeat, repeat-x;
	background-size: 135%;
	transition: all .3s ease-in-out;
}

#memory:hover {
	background-size: 140%;
	transition: all .3s ease-in-out;
}

#memory h3 {
	color:#61082B;
}

#tischset {
	background:url('/r40/vc_nino/bilder/firma11/hero_placemat.jpg');
	background-position:top center;
	background-repeat: no-repeat, repeat-x;
	background-size: 105%;
}

#tischset:hover {
	background-size: 110%;
	transition: all .3s ease-in-out;
}

#tischset h3 {
	color:#0D2481; 
}

#postkarten {
	background:url('/r40/vc_nino/bilder/firma11/hero_postcards.jpg');
	background-position:top center;
	background-repeat: no-repeat, repeat-x;
	background-size: 110%;
}

#postkarten:hover {
	background-size: 115%;
	transition: all .3s ease-in-out;
}

#postkarten h3 {
	color:#1C6CF6;
}

.container {
	margin:0;
	overflow:visible;
	box-sizing:border-box;
	display:inline-block;
	width:100%;
	position: relative;
}

/*.container_xmas {
	margin:0;
	overflow:visible;
	box-sizing:border-box;
	width:100%;
	position: relative;
}*/

.container_padding {
	padding:60px 0;
}

.circlepic {
	overflow:hidden;
	border-radius:50%;
	max-width:99%;
	max-height:300px;
}

.artikel_text {
	width:80%;
}

#die_geschichte {
	text-align: left;
	background:#AFDFF2;
	padding-bottom: 0;
}

.img_wrapper {
    align-items: flex-end;
    display: flex;
    width: 100%;
}

#die_geschichte img {
	max-width:50vw; 
}

#die_geschichte .col1 {
}

#mission img {
	border-radius:2px;
	max-width:100%;
	box-shadow:0 12px 20px -10px rgba(81, 64, 49, 1)
}

#mission {
	background: #f4f5f6;
	margin-top: -5px;
}

#mc_embed_signup form {
	padding:0 !important;
}

#inhalt {
	max-width:1500px;
	margin:0 auto;
	background:none;
	float:none;
	width:100%;
	overflow:visible;
	box-sizing:border-box;
}

.galleria-image {
	display:none !important;
}

#easymodus input {
    float: left;
    font-size: 25px;
    height: 57px;
    margin: 0;
    padding: 5px 15px;
    text-align: left;
	border:none;
	font-weight:600;
}

#add_info #weiterbitte .button {
    margin: 0;
}

#add_info #weiterbitte {
    margin: 0 auto;
    display: flex;
    justify-content: center;
}

#easymodus, #warenkorb_anschrift, #warenkorb_schritt1, #kontakt, #zahlungsart {
	background:#fafafa;
}

#easymodus textarea {
    border: medium none;
    float: left;
    padding: 15px;
    width: 100%;
}

.col1 {
	width:100%;
	box-sizing:border-box;
	max-width:1500px;
	margin:0 auto;
	position:relative;
	display:flex;
	flex-direction: column;
}


.col1_kleiner {
	max-width:1000px;
	align-items: center;
	display: flex;
	flex-direction: row;
	width:100%;
	margin:0 auto;
}



.flex { 
	display: flex;
}

.scrollToTop {
	position: fixed;
	right:20px;
	bottom:20px;
	background:#00BC94;
	padding:15px;
	border-radius:2px;
	cursor: pointer;
	color:#fff;
	display: none;
	z-index:15;
}

.col25 {
    box-sizing: border-box;
    float:left;
    max-width: 1240px;
    position: relative;
    width: 25%;
}

.col4 {
    box-sizing: border-box;
    float:left;
    max-width: 1600px;
    position: relative;
    width: 25%;
}

#lang_popup {
	background: #fff;
	padding: 15px;
	position: absolute;
	top: 7px;
	right: -15px;
	box-shadow: 0px 30px 90px rgba(0,0,0,0.34);
	display: none;
	z-index:9999;
	border-radius: 2px;
}

#lang_overlay {
	background:rgba(0,0,0,0.3);
	position: absolute;
	top:0;
	left:0;
	width:100vw;
	height:100vh;
	display:none;
	z-index: 99;
}

#lang_popup img {
	cursor: pointer;
	display:block;
	transition:all 0.4s cubic-bezier(.07,.74,.13,1.18) 0s, -webkit-all 0.4s cubic-bezier(.07,.74,.13,1.18) 0s;
}

#lang_popup img:hover, .lang_img:hover {
	transform: scale(1.1);
	transition:all 0.4s cubic-bezier(.07,.74,.13,1.18) 0s, -webkit-all 0.4s cubic-bezier(.07,.74,.13,1.18) 0s;
	cursor: pointer;
}

.lang_img {
	transition:all 0.4s cubic-bezier(.07,.74,.13,1.18) 0s, -webkit-all 0.4s cubic-bezier(.07,.74,.13,1.18) 0s;
}

.col75 {
	width:75%;
	box-sizing:border-box;
	text-align:center;
	max-width:1240px;
	margin:0 auto;
	position:relative;
	display:block;
}

.col60 {
	width:60%;
	box-sizing:border-box;
	text-align:center;
	max-width:1240px;
	margin:0 auto;
	position:relative;
	display:block;
}

.col40 {
	width:40%;
	box-sizing:border-box;
	text-align:center;
	max-width:1240px;
	margin:0 auto;
	position:relative;
	display:block;
}

.col1_centered {
	width:50%;
	margin:0 auto;
	max-width:600px;
	box-sizing:border-box;
}


.col3 {
	width:33.33%;
	float:left;
	box-sizing: border-box;
}

#preview_seite_1 {
	max-width:1024px !important;
}

.easymodus_ocean-adventure #preview_seite_1 {
	max-width:500px !important;

}

.text_bild_box {
	max-width:1250px; 
	display: -webkit-box;
	display: -ms-flexbox;
	display:flex;
}

#config_image {
	margin: 0 auto;
	display: block;
}

/* BUTTONS ### BUTTONS ### BUTTONS ### BUTTONS ### BUTTONS ### BUTTONS ### BUTTONS ### BUTTONS ### BUTTONS ### BUTTONS ### BUTTONS ### BUTTONS ### BUTTONS ###  */
.button {
    background: #00BC94  none repeat scroll 0 0;
    border-radius: 2px;
    box-sizing: border-box;
    color: #fff; 
    cursor: pointer;
    font-size: 18px;
    font-weight: 500;
    margin: 0;
    padding: 10px 35px;
    text-align: center;
    text-shadow: 0 1px rgba(0, 0, 0, 0.2);
    transition: all 0.2s ease 0s;
	border:2px solid #38a887;
	font-family: 'Lato', sans-serif;
}

.button .fa-chevron-right {
	padding-left:5px;
}

.button:hover {
	background: #38a887; /* Old browsers */
	transition:all 0.2s ease 0s;
}

#createchart {
	background:#F8C72D;
	margin-top:40px;
	border:2px solid #efde44;
}

#gallery {
	margin:0 auto;
	overflow-x:hidden;
}


.secondary { 
	background:transparent ;
	color:#333 ;
	margin-right:30px;
	padding-right:30px;
	transition:all 0.2s ease 0s;
	border:2px solid #333 ;
	padding:10px 30px;
	border-radius: 3px;
	font-size:18px;
	text-shadow: none;
}

.secondary:hover{
	background:#333;
	color:#fff;
}
 
.col3 {
	width:33.33%;
}

.tabelle_preis {
    clear: both;
    color: #999;
    font-size: 20px;
    line-height: 28px;
}



.tabelle_preis strong {
	padding:0;
	color:#29B0A6;
	font-size:35px;
	padding-top:10px;
}

.cart i {
    font-size: 26px;
    padding-top: 13px;
}

.ul_spezifikationen {
    float: left;
    line-height: 18px;
    margin-top: 20px;
}

#zahlung {
	margin-top:40px;
}

#zahlungsart .ul_spezifikationen {
    float: left;
    line-height: 18px;
    margin-top: 20px;
}

.ul_eigenschaften strong {
	font-size:20px;
	font-weight:800;
	padding:0;
	color:#333;
	font-family: 'Lato', sans-serif;
}


input[type="search"] {
      -webkit-appearance: textfield;
    }

.showonhover {
    background: #fff none repeat scroll 0 0;
    border-top: 1px solid #ebebeb;
    left: -2px;
    position: absolute;
    top: 66px;
    width: 45px;
	padding:10px 20px !important;
	box-shadow: 0 3px 2px rgba(0, 0, 0, 0.08), 0 2px 2px rgba(0, 0, 0, 0.1);
	display:none;
}

.zusatzinfos {
    color: #333;
    float: left;
    font-size: 20px;
    line-height: 44px;
    padding: 30px 0 0;
}

.headline {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #404041;
    font-size:1.3em;
    margin-left: 0;
    text-align: left;
    width: 100%;
	font-family: 'Open Sans', sans-serif;
}

#main {
	width:99%;
	margin:0 auto;
	padding:30px;
	background:#fff;
	margin-bottom:30px;
	box-shadow:0 1px 2px rgba(0, 0, 0, 0.1);
	clear:both;
	margin-top:77px;
	box-sizing: border-box;
}

.produkt_anzahl {
    float: left;
    margin: 0 auto;
    text-align: center;
    width: 100%;
}

#sprach_wahl {
	visibility: hidden;
}

.credits {color:#404041; }

.small {
	padding:3px 6px;
	font-size:12px;
}

#info_container .vorlagen_schalter_btn {
    float: right;
    margin: 10px 0 0 0;
    width: auto;
}
.produkt_hoechster_staffelpreis {
	margin-top: 5px;
}

.kommentar {
	margin-top:30px;
	float:left;
}

select {
    height: 47px;
    width: 378px;
	border:1px solid #ccc;
	color:#333;
	padding-left:1%;
	border-radius:5px;
	background:#fff;
	font-size: 16px;
    font-weight: 400;
	margin-bottom: 8px;
	cursor:pointer;
	background:#fff;
}

select:focus {border: 1px solid #202340 ;box-shadow:0 1px 2px rgba(0, 0, 0, 0.1);}


#zahlungsart .tabelle_warenkorb .sp5 div {
    line-height: 42px;
}

#zahlungsart .slider {
	max-width:800px;
}

#zahlungsart .slider h2 {
	font-size:25px;
	margin-top:20px;
}

html {	
	height:100%; 
}

#nav-fuss p {
    color: #202340;
    margin-bottom: 20px;
    margin-top: 20px;
    text-align: center;
}

#nav-fuss {
    box-sizing: border-box;
    float: left;
    text-align: center;
    width: 100%;
    margin-top: 50px;
    background: #fafafa;
    padding-bottom: 20px;
}

#zustimmung {
    float: left;
    margin: 50px 0 0 0;
    width: 100%;
}

#zahlungsart #main {padding:0;background:none; }
#zahlungsart fieldset {padding:30px;box-shadow:0 1px 2px rgba(0, 0, 0, 0.1);}

#fuss a {
    color: #fff;
	font-size:11px;
}

#table_rechnungsanschrift span, #table_weitere span {
	width:160px;
	display:inline-block;
}

#zahlungsart .button_container {
	text-align: right;
}

#fuss {
    background: url("/r40/vc_nino/public/themen/nino/b2b/nino/bilder/border.gif") no-repeat scroll 0 0 ;
    bottom: 0;
    color: #afafaf;
    height: 330px;
    left: 50%;
    margin-left: -600px;
    margin-top: 0;
    padding-bottom: 5px;
    padding-top: 20px;
    position: relative;
    width: 1200px;
}

.cd-faq-trigger {
    position: relative;
    display: block;
    margin-bottom:5px;
    line-height: 1.2;
	color:#333;
	font-size: 22px;
	font-weight: 500;
	margin: 0;
	padding: 24px 72px 24px 24px;
	background:#F6F7F8;
	border-radius: 2px;
}

.cd-faq-trigger::before, .cd-faq-trigger::after {
    /* arrow icon on the right */
    position: absolute;
    right: 24px;
    top: 50%;
    height: 2px;
    width: 13px;
    background: #00BC94;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    transition-property: transform;
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    transition-duration: 0.2s;
  }

.cd-faq-group .cd-faq-title {
    background: 0 0;
    box-shadow: none;
    margin: 1em 0;
}



  .cd-faq-trigger::before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    right: 32px;
  }

.cd-faq-group .cd-faq-title h2 {
    font-size: 12px;
	font-weight: 600;
	color: #bbbbc7;
	line-height: 0px;
	margin-top: 35px;
	letter-spacing: .5px;
}

  .cd-faq-trigger::after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  .content-visible .cd-faq-trigger::before {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  .content-visible .cd-faq-trigger::after {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.cd-faq-content {
    display: none;
    padding: 0 24px 30px;
	background:#fafafa;
}

.cd-faq-group {
    display: block;
}

.cd-faq-group > li {
    background: #fff;
    margin-bottom: 6px;
    
}

.cd-faq-group li a {
	transition: opacity 0.4s cubic-bezier(.07,.74,.13,1.18) 0s, transform 0.4s cubic-bezier(.07,.74,.13,1.18) 0s, -webkit-transform 0.4s cubic-bezier(.07,.74,.13,1.18) 0s;
}

.cd-faq-group li a:hover {
	transform:scale(1.01);
	transition: opacity 0.4s cubic-bezier(.07,.74,.13,1.18) 0s, transform 0.4s cubic-bezier(.07,.74,.13,1.18) 0s, -webkit-transform 0.4s cubic-bezier(.07,.74,.13,1.18) 0s;
}

.zweispaltig .produkt {
    width: 250px;
	height:150px;
}

.wichtig, strong {
    font-weight: 600;
    width: auto;
}

a {
    color: #FFFFFF;
    text-decoration: none;	
}

#refresh_loader .fa {
    animation: 3s linear 0s normal none infinite running spin;
    font-size: 50px;
    z-index: -1;
	color:#fff;
}

#refresh_loader {
    box-sizing: border-box;
    display: block;
    height: 90px;
    left: 50%;
    margin-left: -50%;
    margin-top: -45px;
    opacity: 0;
    position: absolute;
    top: 50%;
    transition: all 200ms ease-out 0s;
    width: 100%;
    z-index: 3;
}

#refresh_loader p {
	text-align: center;
	color:#fff;
}

.scrollup .fa {
    background: #fff none repeat scroll 0 0;
    border-radius: 54%;
    cursor: pointer;
    font-size: 40px;
	transition:3ms ease-in-out;
}

.scrollup .fa:hover {
	-webkit-transform:scale(1.1);
	-ms-transform:scale(1.1);
	-moz-transform:scale(1.1);
	transform:scale(1.1);
	transition:3ms ease-in-out;
}

.schritteschrift_aktiv span {
    color: #404041;
    float: left;
    font-size: 1em;
    font-weight: 500;
    line-height: 21px;
    margin-top: -8px;
    padding: 0 0 0 55px;
}

#nav-icon3 {
		display:none;
	}

#nav-icon1, #nav-icon2, #nav-icon3, #nav-icon4 {
  width: 30px;
  height: 17px;
  position: relative;
  margin: 25px 20px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
	float:left;
}

#nav-icon1 span, #nav-icon3 span, #nav-icon4 span {
  display: block;
  position: absolute;
  height: 3px;
  width: 100%;
  background: #333;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

#nav-icon3:hover span{
	background:#F84312;
}

#nav-icon3 span:nth-child(1) {
  top: 0px;
}

#nav-icon3 span:nth-child(2),#nav-icon3 span:nth-child(3) {
  top: 7px;
}

#nav-icon3 span:nth-child(4) {
  top: 14px;
}

#nav-icon3.open span:nth-child(1) {
  top: 18px;
  width: 0%;
  left: 50%;
}

#nav-icon3.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

#nav-icon3.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#nav-icon3.open span:nth-child(4) {
  top: 18px;
  width: 0%;
  left: 50%;
}

.weiter {
	background:#22C537;
}

#label_vorauskasse:hover .tooltip_vorauskasse {
	display:block !important;
}

#label_paypal:hover .tooltip_paypal {
	display:block !important;
}

#versandartliste {
	float:left;
	display:inline-block;
	padding-top:30px;
	padding-left:20px;
}

#versandartliste label, #zahlartliste label, #coupon label {
    color: #333;
    font-size: 20px;
    margin-bottom: 8px;
	cursor:pointer;
}

#abobedingungen + label {
	font-size:22px;
	font-weight:700;
	color:#333;
	cursor:pointer;
}

#bestellung_aufgeben #inhalt p {
	font-size:18px;
	text-align:center;
}

#bestellung_aufgeben strong {
	float:none;
	color:#F84312;
}

.quer {
	flex-direction: row;
}

.agb_zustimmen {
	float:right;
	margin:20px 0;
	width:100%;
}

.animate_in, .animate_in_nav {
	opacity:0;
	transform: scale(1.01) translateY(40px);
	position:relative;
}

.slideout2 {
	max-height:500px !important;
	height:100% !important;
	overflow:visible !important;
}

#button_wrapper {
    float: right;
    text-align: center;
}

#zahlartliste label {
	padding:15px 0;
	border-bottom:1px solid #dbdbdb;
	font-size:22px;
}

#zahlartliste {
	border-top:1px solid #dbdbdb;
}

.button_container {
	align-self: flex-end;
}

.red {
	color:red;
	animation: 300ms ease-out 0s normal none shake;
	opacity:1;
}

.bemerkung_feld {
	margin-top:40px;
	float:left;
	width:100%;
	margin-bottom:40px;
}

.bemerkung_feld textarea {
	border:2px solid #cbcbcb;
}

#iframe_agb_bestellung {
    border: 3px dashed #f84312;
    box-sizing: border-box;
    height: 210px;
    padding: 20px;
    width: 100%;
}


#bestellung_schaltflaeche {
	align-self: flex-end;
	display:flex;
}

#preis_wrap {
	padding-top:30px;
	text-align:right;
	width:100%;
	float:left;
}

#preis_wrap nobr {
	font-size:14px;
	white-space: pre-wrap;
}

#order .col2.right {
	margin-top:60px;
}

#preis_wrap .tabelle_preis{
	line-height:15px;
	margin-top:10px;
}
.help:hover {
	background:#F84312;
	color:#fff;
	transition:all 0.2s ease 0s;
}

input[type=checkbox] { display:none; } /* to hide the checkbox itself */
input[type=checkbox] + label:before {
  font-family: FontAwesome;
  display: inline-block;
}

input[type=checkbox] + label:before { content: "\f096"; } /* unchecked icon */
input[type=checkbox] + label:before { letter-spacing: 10px; } /* space between checkbox and label */

input[type=checkbox]:checked + label:before { content: "\f046"; } /* checked icon */
input[type=checkbox]:checked + label:before { letter-spacing: 5px; } /* allow space for check mark */

input[type=radio] { display:none; } /* to hide the checkbox itself */
input[type=radio] + label:before {
  font-family: FontAwesome;
  display: inline-block;
}

input[type=radio] + label:before { content: "\f10c"; } /* unchecked icon */
input[type=radio] + label:before { letter-spacing: 10px; } /* space between checkbox and label */

input[type=radio]:checked + label:before { content: "\f05d"; } /* checked icon */
input[type=radio]:checked + label:before { letter-spacing: 5px; } /* allow space for check mark */

input[type=radio]:checked + label { color:#333; } 
input[type=checkbox]:checked + label { color:#38a887 !important; } 

#h2_spacer {
    border-left: 1px solid #dbdbdb;
    height: 36px;
    margin-left: 22px;
    margin-right: 20px;
}

.md_box_linie {
    border-top: 1px solid #dbdbdb;
    float: left;
    margin: 14px 0;
    padding: 8px 0 0 !important;
    width: 100%;
}
#aufzaehlung_versandarten li{
	width:100%;
	float:left;
}

#aufzaehlung_versandarten li label{
	padding:15px;
	border-bottom:1px solid #dbdbdb;
	float:left;
	width:100%;
	font-size:20px;
	cursor: pointer;
}

#aufzaehlung_versandarten {
	margin-bottom:50px;
	float:left;
	width:100%;
	border-top:1px solid #dbdbbd;
	
}



.active {
	background:#29B0A6 ;
	transition: all 1000ms ease-in-out;
	position:relative;
	transform-origin: center;
}

#inhalt form li {
    border-bottom:none;
}

.abweichende_lieferadresse {
	height:0px;
	overflow: hidden;
	display:block;
	transition:all 400ms ease-in-out;
	float:left;
	width:100%;
	padding-top:30px;
}

.abweichende_lieferadresse ul {
	display:block;
}

#agb #inhalt{
	max-width:1024px;
}
	
#dummypic {
	display:block;
}

#g_d_e, #g_b_e, #b_b_e, #b_d_e, #b_b_g, #b_d_g, #g_b_g, #g_d_g, #g_dark_e, #b_dark_e, #g_dark_g, #b_dark_g {
	display:none;
}

#cookie_banner {
    background: #BEE9F2;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
	display:none;
	position: relative;
	z-index:1000;
}

#cookie_banner p {
	color:#333;
	font-size:12px;
	padding-right:10px;

}

#cookie_banner a {
	text-decoration: underline;color:#333;
}

#cookie_banner .button {
    text-decoration: none;
    padding: 5px 10px;
    background: transparent;
    border: 2px solid #333;
    font-size: 13px;
    font-weight: 500;
	color:#333;
}

#starter .col2 {
	width:50% ;
	box-sizing: border-box;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
}

/*#starter .col2_xmas {
	width:50% ;
	box-sizing: border-box;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
}

.col2_xmas {
	width:50% ;
	box-sizing: border-box;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
}*/

.col2 {
	width:50%;
	float:left;
}

#weiterbitte {
		padding-top:35px !important;
	}

/* ANFANG WARENKORB ### ANFANG WARENKORB ### ANFANG WARENKORB ### ANFANG WARENKORB ### ANFANG WARENKORB ### ANFANG WARENKORB ### ANFANG WARENKORB ###  */  

#warenkorb_iframe {
	position:absolute;
	top:0;
	right:0;
	z-index: 150;
}

.input-group-btn {
	display:inline;
}

.input-number {
	display:inline;
	height:35px;
	border-radius: 0px;
	transform:translateY(1px);
	-webkit-transform: translateY(2px);
	-moz-transform: translateY(1px);
	text-align: center;
	width:50px;
	font-weight:600;
	font-family: 'Lato', sans-serif;
}

.tabelle_warenkorb .sp1 {
    float: left;
    width: 10%;
}

.tabelle_warenkorb .sp2 {
    float: left;
    width: 50%;
}

.tabelle_warenkorb .sp3 {
    float: left;
    width: 15%;
}

.tabelle_warenkorb .sp5 {
    float: left;
    font-size: 30px;
    width: 25%;
	text-align: right;
}

.tabelle_warenkorb {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}

.tabelle_warenkorb .sp1 img {
    border: 1px solid #ebebeb;
    max-width:85%;
    width: auto !important;
}

.tabelle_inhalt {
    float: left;
    padding: 25px 0;
    width: 100%;
    display: flex;
    align-items: center;
    background: #fff;
    padding: 15px;
    box-sizing: border-box;
    margin-bottom: 10px;
    border-radius: 2px;
}

#versand_kalkulieren {
    background: #fff none repeat scroll 0 0;
    border-radius: 2px;
    display: flex;
	flex-direction: column;
    padding: 20px;
	box-sizing: border-box;
	max-width:800px;
	width:100%;
	margin:0 auto;
	margin-top:30px;
}

#versand_kalkulieren .selectric {
	width:80%
}

.tr_trenner {
	display:flex;
}

.plus {
	height:35px;
	margin-left:-5px;
	border:1px solid #ccc;
	cursor: pointer;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}

.minus {
	height:35px;
	margin-right:-5px;
	border:1px solid #ccc;
	cursor: pointer;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}

.sp5 nobr {
	font-size:20px;
	float:right;
	font-weight:600;
	position: relative;
}

/* ENDE WARENKORB ### ENDE WARENKORB ### ENDE WARENKORB ### ENDE WARENKORB ### ENDE WARENKORB ### ENDE WARENKORB ### ENDE WARENKORB ### ENDE WARENKORB ###  */

/* ANFANG FOOTER ### FOOTER ### FOOTER ### FOOTER ### FOOTER ### FOOTER ### FOOTER ### FOOTER ### FOOTER ### FOOTER ### FOOTER ### FOOTER ### FOOTER ### FOOTER ### FOOTER ### FOOTER ###  */

#footer {
    float: left;
    margin-top:0;
    padding: 40px 0 0 0;
    width: 100%;
	background:#fff;
	color:#202340;
	position:relative;
	box-sizing:border-box;
	z-index:0;
}


#footer .fa-heart {
	animation: heartbeat 1.5s infinite;
	color:red;
}

#footer img {
	float:right;
}

#footer .selectric-wrapper {
	width:200px;
}

#footer .selectric .button::after {
		border-color:transparent transparent currentcolor !important;
	}

.footer_copyright {
	font-size:10px;
	float:right;
	margin-top:20px;
}

footer h4 {
	padding-bottom:30px;
	font-size:40px;
}

footer ul li {
    margin-right: 0;
    width: 100%;
}

#footer .col3 {
	margin:0 auto;
	padding:0 20px;
	box-sizing: border-box;
}
#nav_impressum, #nav_datenschutz {
	font-size:13px;
}

#footer ul li .fa {
    padding-right: 15px;
    text-align: center;
    width: 21px;
}

.footer_wrap {
	max-width:1200px;
	margin:0 auto;
	position:relative
}

#footer .container {
	margin-top:40px;
	padding: 40px 0 40px 0;
	background:#fafafa;
}

#footer label {
	color:#333;
	font-weight:600;
	width:100%;
	font-size:22px;
}

.scrollup {
    left: 50%;
    position: absolute;
    top: -60px;
    transform: translateX(-50%);
}
	#footer a {
		color:#333;
		line-height:26px;
		font-weight:400;
		font-size:18px;
	}

#nav_impressum a, #nav_datenschutz a {
	color:#202340;
	padding:0 20px;
}	
		#footer a:hover {
			color:#00BC94;
		}

/* ENDE  FOOTER ### FOOTER ### FOOTER ### FOOTER ### FOOTER ### FOOTER ### FOOTER ### FOOTER ### FOOTER ### FOOTER ### FOOTER ### FOOTER ### FOOTER ### FOOTER ### FOOTER ### FOOTER ### */

/* SELECTRIC ### SELECTRIC ### SELECTRIC ### SELECTRIC ### SELECTRIC ### SELECTRIC ### SELECTRIC ### SELECTRIC ### SELECTRIC ### SELECTRIC ### SELECTRIC */


.selectric-wrapper {
  position: relative;
  cursor: pointer;
}

.selectric-responsive {
  width: 100%;
}

.selectric {
  border: {borderWidth}px solid {secondaryColor};
  position: relative;
  border-radius: {borderRadius}px;
  transition: all 0.2s ease 0s;
	text-align: left;
	box-sizing: border-box;
	background:#fff;
}

.selectric .label {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0 {innerHeight}px 0 {indent}px;
  font-size: 12px;
  line-height: {innerHeight}px;
  color: {labelColor};
  height: {innerHeight}px;
}

.selectric .button {
  background: {buttonBgColor};
  border-radius: {buttonRadius}px;
  display: block;
  position: absolute;
  right: {buttonPosition}px;
  top: 0;
  bottom: 0;
  margin: auto;
  width: {buttonSize}px;
  height: {buttonSize}px;
  color: {buttonColor};
  text-align: center;
  font: 0/0 a;
  *font: {buttonSize}px/{buttonSize}px Lucida Sans Unicode, Arial Unicode MS, Arial;
}

.selectric .button:after {
  content: " ";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 0;
  height: 0;
  border: 4px solid transparent;
  border-top-color: {buttonColor};
  border-bottom: none;
}

.selectric-focus .selectric {
  border-color: #AAA;
}

.selectric-hover .selectric {
  border-color: {hoverSecondaryColor};
	transition: all 0.2s ease 0s;
}

.selectric-hover .selectric .button {
  color: #202340;
	transition: all 0.2s ease 0s;
}

.selectric-hover .selectric .button:after {
  border-top-color: {hoverSecondaryColor};
}

.selectric-open {
  z-index: 9999;
}

.selectric-open .selectric {
  border-color: {hoverSecondaryColor};
  background: {hoverBaseColor};
}

.selectric-open .selectric-items {
  display: block;
}

.selectric-disabled {
  filter: alpha(opacity=50);
  opacity: 0.5;
  cursor: default;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.selectric-hide-select {
  position: relative;
  overflow: hidden;
  width: 0;
  height: 0;
}

.selectric-hide-select select {
  position: absolute;
  left: -100%;
}

.selectric-hide-select.selectric-is-native {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 10;
}

.selectric-hide-select.selectric-is-native select {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  border: none;
  z-index: 1;
  box-sizing: border-box;
  opacity: 0;
}

.selectric-input {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 1px !important;
  height: 1px !important;
  outline: none !important;
  border: none !important;
  *font: 0/0 a !important;
  background: none !important;
}

.selectric-temp-show {
  position: absolute !important;
  visibility: hidden !important;
  display: block !important;
}

/* Items box */
.selectric-items {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background: #F8F8F8;
  border: 1px solid #C4C4C4;
  z-index: -1;
  box-shadow: 0 0 10px -6px;
}

.selectric-items .selectric-scroll {
  height: 100%;
  overflow: auto;
}

.selectric-above .selectric-items {
  top: auto;
  bottom: 100%;
}

.selectric-items ul, .selectric-items li {
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 12px;
  line-height: 20px;
  min-height: 20px;
}

.selectric-items li {
  display: block;
  padding: 8px;
  border-top: 1px solid #FFF;
  border-bottom: 1px solid #EEE;
  color: #666;
  cursor: pointer;
}

.selectric-items li.selected {
  background: #EFEFEF;
  color: #333;
}

.selectric-items li.highlighted {
  background: #D0D0D0;
  color: #333;
}

.selectric-items li:hover {
  background: #F0F0F0;
  color: #333;
}

.selectric-items .disabled {
  filter: alpha(opacity=50);
  opacity: 0.5;
  cursor: default !important;
  background: none !important;
  color: #666 !important;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.selectric-items .selectric-group .selectric-group-label {
  font-weight: bold;
  padding-left: 10px;
  cursor: default;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background: none;
  color: #333;
}

.selectric-items .selectric-group.disabled li {
  filter: alpha(opacity=100);
  opacity: 1;
}

.selectric-items .selectric-group li {
  padding-left: 25px;
}



#sideslide .selectric .button {
	top:0;
	font: 0px/0 a;
}

#sideslide .selectric-wrapper {
	width:100%;
}

#sideslide .selectric-hover .selectric, #sideslide .selectric-focus .selectric, #sideslide .selectric-active .selectric {
	border-color:#202340;
}


.selectric {
	border: 2px solid rgb(219, 219, 219);
    border-radius:2px;
    padding: 12px;
}

.selectric-open {
    z-index: 9999;
}

.selectric-wrapper {
    cursor: pointer;
    float: left;
    position: relative;
    width: 100%;
	box-sizing: border-box;
	border-radius:2px;
}



.selectric-hover .selectric, .selectric-focus .selectric, .selectric-active .selectric {
	border-color:rgba(32,35,64,1);
}

.selectric .button::after {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #dbdbdb transparent currentcolor !important;
    border-image: none !important;
    border-style: solid solid none !important;
    border-width: 0px 0px medium !important;
    bottom: 0 !important;
    content: " " !important;
    height: 0 !important;
    left: 0 !important;
    margin: auto !important;
    position: absolute !important;
    right: 0 !important;
    top: 0 !important;
    width: 0 !important;
}

.selectric .button {
    background: transparent none repeat scroll 0 0;
    bottom: 0;
    box-sizing: border-box;
    display: block;
    font: 20px/0 a;
    margin: auto;
    padding: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 23px;
    width: 40px;
	border:none;
	color:#dbdbdb;
}

.selectric-items {
    background: #f8f8f8 none repeat scroll 0 0;
    border: 2px solid #fff;
    box-shadow: 0 0 10px -6px;
    display: none;
    left: 0;
    position: absolute;
    top: 98%;
    z-index: -1;
	border-radius:2px;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

.selectric-items li.highlighted {
    background: #d0d0d0 none repeat scroll 0 0;
    color: #333;
	font-weight:600;
}

.selectric-items li.selected {
    background: #efefef none repeat scroll 0 0;
    color: #333;
}

.selectric-items li {
    border-bottom: 1px solid #eee;
    border-top: 1px solid #fff;
    color: #202340;
    cursor: pointer;
    display: block;
	box-sizing:border-box;
	padding:12px;
}

.selectric-items ul, .selectric-items li {
    font-size: 15px;
    line-height: 20px;
    list-style: outside none none;
    margin: 0;
    min-height: 20px;
}

.selectric .label {
    display: block;
    font-size: 17px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#add_info_mobile {
	display: none;
}

#bb-bookblock-mobile {
	display:none;
}

.bb-item-mobile {
	display:none;
}

#swipeleft {
	display:none;
}

.bild_seite_r img {
	align-self: flex-start !important;
}

/* Selectric Bereich Navigation */

#kopf_navigation .selectric {
	min-height: 17px !important;
}

#kopf_navigation .selectric-wrapper .label {
	line-height: 19px !important;
	padding-right: 27px !important;
}

#kopf_navigation .selectric-wrapper .button {
	top: 22px !important;
}

/* Ende Selectric Bereich Navigation */

/* ENDE SELECTRIC ### ENDE SELECTRIC ### ENDE SELECTRIC ### ENDE SELECTRIC ### ENDE SELECTRIC ### ENDE SELECTRIC ### ENDE SELECTRIC ### ENDE SELECTRIC ### */


.cs-loader {
  position: absolute;
  height: 100%;
  width: 100%;
  z-index:1;
	display:none;
	left:50%;
	transform:translateX(-50%);
}

.cs-loader-refresh {
	position: absolute;
  height: 100%;
  width: 100%;
  z-index:101;
	display:none;
	left:50%;
	transform:translateX(-50%);
}

.cs-loader-initiate {
	position: absolute;
  height: 100%;
  width: 100%;
  z-index:101;
	display:none;
	left:50%;
	transform:translateX(-50%);
}

.cs-loader-inner {
  transform: translateY(-50%);
  top: 50%;
  position: absolute;
  width: 100%;
  color: #000;
  padding: 0 100px;
  text-align: center;
  box-sizing: border-box;
}

.cs-loader-inner p {
    font-size: 25px;
    font-weight: 600;
    text-align: center;
    width: 100%;
}

.cs-loader-inner label {
  font-size: 30px;
  opacity: 0;
  display:inline-block;
  float:none;
	color:#202340  ;
}

@keyframes lol {
  0% {
    opacity: 0;
    transform: translateX(-300px);
  }
  33% {
    opacity: 1;
    transform: translateX(0px);
  }
  66% {
    opacity: 1;
    transform: translateX(0px);
  }
  100% {
    opacity: 0;
    transform: translateX(300px);
  }
}

@-webkit-keyframes lol {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-300px);
  }
  33% {
    opacity: 1;
    -webkit-transform: translateX(0px);
  }
  66% {
    opacity: 1;
    -webkit-transform: translateX(0px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(300px);
  }
}

.cs-loader-inner label:nth-child(6) {
  -webkit-animation: lol 3s infinite ease-in-out;
  animation: lol 3s infinite ease-in-out;
}

.cs-loader-inner label:nth-child(5) {
  -webkit-animation: lol 3s 100ms infinite ease-in-out;
  animation: lol 3s 100ms infinite ease-in-out;
}

.cs-loader-inner label:nth-child(4) {
  -webkit-animation: lol 3s 200ms infinite ease-in-out;
  animation: lol 3s 200ms infinite ease-in-out;
}

.cs-loader-inner label:nth-child(3) {
  -webkit-animation: lol 3s 300ms infinite ease-in-out;
  animation: lol 3s 300ms infinite ease-in-out;
}

.cs-loader-inner label:nth-child(2) {
  -webkit-animation: lol 3s 400ms infinite ease-in-out;
  animation: lol 3s 400ms infinite ease-in-out;
}

.cs-loader-inner label:nth-child(1) {
  -webkit-animation: lol 3s 500ms infinite ease-in-out;
  animation: lol 3s 500ms infinite ease-in-out;
}

#footer label ul li:first-child{
		padding-top:20px;
	}

@media screen and (max-width:1600px) { /* Tablets */ 

	#logo {
		padding-left:15px;
	}
	
	#kopf_navigation{
		padding-right:15px;
		box-sizing: border-box;
	}
	
	#die_geschichte .col1 {
		padding-bottom: 40px;
	}
	
	#footer_wrap {
		padding-left:20px;
		padding-right: 20px;
	}

}

@media screen and (max-width:1300px) { /* Dazwischen */ 
	#arrow {display:none;}

	#mob_navigation {
		display:block;
	}
	
	.banner_top_img_left,.banner_top_img_right {
		display:none;
	}
}

@media screen and (max-width:1007px) { /* firstbanner responsive */ 
	.firstbanner_first_de {font-size: 46px !important}
	.firstbanner_first_en {font-size: 46px !important}
	.firstbanner_second_de {font-size: 60px !important}
	.firstbanner_second_en {font-size: 60px !important}
	.firstbanner_third_de {font-size: 21px !important}
	.firstbanner_third_en {font-size: 21px !important}
}

@media screen and (max-width:400px) { /* firstbanner responsive */ 
	.firstbanner_first_de {font-size: 30px !important}
	.firstbanner_first_en {font-size: 30px !important}
	.firstbanner_second_de {font-size: 40px !important}
	.firstbanner_second_en {font-size: 40px !important}
	.firstbanner_third_de {font-size: 14px !important}
	.firstbanner_third_en {font-size: 14px !important}
}


@media screen and (max-width:880px) { /* Smartphones */ 

	#startseite #top_img h1 {
		text-align: center;
		max-width: 100%;
		padding: 3%;
	}

	/*.img_seite_l_xmas img {
		align-self: center;
		max-width: 100%;
		min-width: 300px;
	}*/

	#preis_wrap nobr {
		font-size:10px;
	}
	
	#table_rechnungsanschrift span, #table_weitere span {
		display:none;
	}
	
	.bemerkung_feld textarea {
		min-height:100px;
	}
	
	#zahlartliste label {
		font-size:20px;
	}
	
	#geschenk .fa {
		padding-right:10px;
	}
	
	#geschenk {
		margin-top:20px;
		margin:20px 0;
	}
	
	label {
		font-size:15px;
	}
	
	#warenkorb_currency {
		width:100%;
		max-width:100%;
	}
	
	#aufzaehlung_versandarten li label {
		padding:10px 0;
		font-size:15px;
	}
	
	#aufzaehlung_versandarten {
		margin-bottom:20px;
	}
	
	#top_img {
		flex-direction: column-reverse;
	}
	
	#top_img strong {
		width: 100%;
		max-width: 100%;
		padding: 15px;
		text-align: center;
		line-height: 22px;
		font-size: 22px;
	}
	
	.flag {
		width:100%;
		box-sizing: border-box;
	}
	
	.top_review {
		font-size:15px;
	}
	
	#mission_tol .narrow_text, #die_geschichte_tol .narrow_text, #newsletter p, #coral_foundation p, #mission_ocean .narrow_text, #die_geschichte_ocean .narrow_text {
		text-align: justify;
	}
	
	.cs-loader-inner {
		padding:0 15px;
	}
	
	.cs-loader-inner p {
		font-size:17px;
	}
	
	#easymodus .slider {
		padding-left:0;
		padding-right:0;
	}
	
	#share_buttons {
		padding-bottom: 0px;
	}
	
	#geschenke_tol .col3 {
	padding:	15px 15px 15px15px;
	}
	
	#meeresabenteuer #hair_girl label, #meeresabenteuer #hair_boy label {
		width:33.333%;
		margin-bottom:5px;
	}
	
	.bild_seite_r {
		justify-content: center;
	}
	
	#coupon, .bemerkung_feld {
		margin-top:20px;
	}
	
	#zahlartliste label span p {
		font-size:12px;
		line-height:16px;
	}
	
	#abweichende_addr label {
		font-size:15px;
	}
	
	#preis_wrap {
		padding-top:0;
	}
	
	#weitergehts  {
		width:100%;
		float:left;
	}	
	
	#bestellung_schaltflaeche {
flex-direction: column;
		width:100%;
	}
	
	#versand_kalkulieren {
		padding:15px;
	}
	
	#versand_kalkulieren h3 {
		font-size:17px;
	}
	
	.secondary {
		width:100%;
		margin-right: 0;
		text-align: center;
		float:left;
		box-sizing: border-box;
		margin-bottom:5px;
		font-size:14px;
	}
	
	#preis_wrap .tabelle_preis {
		text-align: center;
		padding-right: 0;
	}
	
	#versand_kalkulieren .selectric {
		width:100%;
		margin-bottom:15px;
	}
	
	#delete {
		position: absolute;
		text-align: right;
		top:15px;
		right:15px;
	}
	
	#warenkorb_schritt1 .ul_eigenschaften strong {
		font-size:17px;
	}
	
	.tabelle_warenkorb .sp5 {
		width:100%;
	}
	
	.tabelle_warenkorb .sp3 {
		padding-left:0;
		width:80%;
	}
	
	.tabelle_warenkorb .sp1 {
		width:20%;
	}
	
	.tabelle_warenkorb .sp2 {
		width:100%;
	}
	
	.tabelle_warenkorb .sp5 nobr {
		font-size: 18px;
		float: left;
		margin-top: 20px;
	}
	
	.tabelle_inhalt {
		display:inline-block;
		position: relative;
	}
	
	.minus, .plus, .input-number {
		height:30px;
		margin-top:8px;
	}
	
	.input-number {
		width:40px;
	}
	
	#die_geschichte_ocean {
		min-height:390px;
		padding-bottom:150px;
	}
	
	#die_geschichte_tol {
		min-height:510px;
	}
	
	#quote_tol {
		min-height:255px;
	}
	
	#coral_foundation {
		height:520px;
		padding-bottom:50px;
	}
	
	#newsletter p {
		margin-bottom:20px;
	}
	
	.img_seite_l img, .img_seite_r img {
		align-self:center;
		max-width:100%; 
	}
	
	.cd-faq-trigger {
		font-size:15px;
		padding:15px 72px 15px 15px;
	}
	
	.col3, #geschenke_tol .col3 {
		width:100%;
	}
	
	#geschenke_tol .col3 {
		margin:5px 0;
	}
	
	#quote_tol strong {
		font-size: 20px;
	}
	
	#footer {
		padding-top:0;
		border:none;
	}
	
	.slide_in {
		display:inline-block !important;
	}	
	
	#hair_li_wrapper {
		position: relative;
		top:0;
	}
	
	#hair_girl, #hair_boy {
		position: relative;
		width:100%;
		left:0;
		display:none;
		box-shadow:none;
	}
	
	.scrollToTop {
		opacity:0 !important;
	}
	
	#banner_ocean-adventure .text_seite_r {
		padding:0;
	}
	
	#img_hash {
		display:none;
	}
	
	#footer .container {
		padding:20px 0;
		margin-top:0;
	}
	
	.footer_copyright {
		width:100%;
		text-align: center;
		padding:0 15px;
		box-sizing:border-box;
	}
	
	#footer .col2 {
		text-align: center;
		padding:0 15px;
		box-sizing: border-box;
	}
	
	#footer img {
		float:none;
		max-width:90%;
		margin-top:30px;
	}
	
	.footer_buecher_animate_in, .footer_ul_animate_in, .footer_support_animate_in   {
		opacity:50;
		transform: scale(1.01) translateY(40px); 
	}
	
	#footer label {
		margin:0;
		font-size:17px;
		cursor: pointer;
	}
	
	#footer .col4 ul {
		overflow:hidden;
		max-height:0; 
		transition: all 0.35s ease-in 20ms;
	}
	
	#footer #social_media_icons ul{
		max-height: 200px;
	}
	
	#social_media_icons ul a{
		width:25%;
	}
	
	#social_media_icons ul{
		text-align: center;
		display:block !important;
	}
	
	#footer .col4 {
		padding:15px;
		border-top:1px solid #ededed;
	}
	
	
	.col4 {
		width:100%;
	}
	
	#newsletter h4, h4 {
		font-size:25px;
		line-height:30px;
	}
	
	#newsletter p {
		font-size:15px;
	}
	
	#benefits h3 {
		font-size:20px;
		line-height:22px;
	}
	
	#benefits p {
		font-size:15px;
	}
	
	#benefits span {
		flex-direction: column;
		text-align: center;
	}
	
	#benefits img {
		align-self:center;
		padding:0;
	}
	
	#landingpage_tol .col1_kleiner {
		flex-direction: column-reverse;
	}
	.text_seite_r h2, h2 {
		font-size:25px;
		margin:0;
		line-height:34px;
	}

	.text_seite_r h2, .text_seite_l h2, h2 {
		font-size:25px;
		line-height:34px;
	}
	
	
	
	.img_seite_l, .img_seite_r {
		flex-direction: row !important;
	}
	
	.text_seite_r, .text_seite_l {
		padding:10px 15px 20px 15px;
	}
	
	#image_slider_ocean img {
    width: auto;
    max-height: 230px;
    margin: 0 auto;
}
	
	.col1_kleiner {
		flex-direction: column;
	}
	
	#warenkorb_tooltip {
		top: 15px;
		left: 7px;
	}
	
	#nav_warenkorb {
		display:flex;
	}
	
	#firstbanner {
		padding-top: 10px;
	}

	.firstbanner_imgcol {
		display:none;
	}

	#firstbanner > .col1.text_bild_box  {
		padding-top: 20px;
		padding-bottom: 20px;
	}


	#mission img {
		margin-top: 40px;
	
	}
 
	.text_bild_box {
		display:inline-block;
	}
	
	#banner_ocean-adventure_de h2, #banner_ocean-adventure_en h2 {
		padding-right:20px;
		padding-left:20px;
	}
	
	#button_wrapper {
		margin-top:20px;
		width:100%;
	}
	
	#banner_ocean-adventure_de, #banner_ocean-adventure_en {
		padding-bottom:0;
		overflow-x:hidden;
		background-image: none;
		margin-bottom: -4px;
		
	}
	
	#lang_li {
		padding-left:0;
	}
	

	
	h1 nobr {
		margin:0;
	}
	
	#ocean-adventure_product_slider {
		margin-bottom:10px;
	}

	.slider h1, #banner_ocean-adventure h1 {
		font-size:25px;
		line-height:27px;
		text-align: center;
		margin-top:0;
	}
	
	
	#banner_ocean-adventure h2 {
		text-align: center;
	}

	
	#banner_ocean-adventure .col1 {
		padding-top:0;
	}
	
	
	
	.banner_image_slider {
		width:100%;
	}
	
	#reviews {display:none;}
	
	#input_wrapper, #nameit_wrapper, #lang_li_wrapper {
		width:100%;
		box-shadow: none;
	}
	
	#lang_li_wrapper {
		margin-top:10px;
		padding:0;
		margin-left: 0;
		margin-right: 0;
	}
	
	#release {
		font-size:11px;
	}
	
	#threefacts p {
		padding-left:0;
		padding-right: 0;
	}
	
	#gender_li_wrapper {
		width:100%;
		padding:0;
	}
	
	#nav-fuss .container {
		padding-left:20px;
		padding-right:20px;
	}
	
	#nav-fuss span {
		width:100%;
		float:left;
	}
	
	#nav-fuss span a {
		padding:0;
	}
	
	h3 {
		font-size:23px;
	}
	
	#threefacts .col3 {
		margin-bottom:30px;
	}
	
	.container_padding {
		padding:50px 0;
	}
	
	.col3 {
		width:100%;
	}
	
	.col2, #starter .col2 {
		width:100%;
	}
	
	#starter .col1 {
		padding-left:0;
		padding-right:0;
		padding-bottom:0px;
	}
	
	.artikel_text {
		width:100%;
	}
	
	#reviews:after {
		background:none;
	}
	
	._button-wrapper, ._form_element {
		width:100%;
	}
	
	
	
	.slider {
		padding: 20px 15px;
		box-sizing: border-box;
	}
	
	#banner_top {
		padding-left:0;
		padding-right:0;
		padding-top:0;
		padding-bottom: 0;
	}

	#kontakt #banner_top {
		padding-top:20px;
	}


	
	#banner_top h1 {
		font-size:28px;
		line-height:28px;
	}
	
	#ocean-adventure_product_slider {
		box-shadow: none;
		border:none;
		margin-top: -15px;
	}

	#banner_ocean-adventure_de,#banner_ocean-adventure_en {
		padding: 0 !important;
	}
	
	#arrow {
		display:none;
	}
	
	#facts {
		display:none;
	}
	
	.artikel_kachel .col25 {
		width:100%;
		padding:0;
		margin-bottom:10px;
		background-size: cover !important;
		min-height:300px;
		border-radius:5px;
	}
	
	.artikel_kachel {
		padding:0 15px;
	}
	
	#swipeleft {
		display:block;
		position: absolute;
		top:50%;
		left:50%;
		width:100px; 
		margin-left:-50px;
		margin-top:-50px;
		display: none;
	}
	
	#swipeleft img {
		background: transparent !important;
		box-shadow: none !important;
		width:100%
	}
	
	.doswipe {
		animation-duration: 2s;
		animation-fill-mode: forwards;
		animation-name: swipe_left;
		animation-delay: 500ms;
	}
	
	.whatsapp {
		display:inline-block;
	}
	
	.whatsapp img {
		width:100%;
	}
	
	#footer .selectric-wrapper {
		width: 100%;
	}
	

	
	.slideitout {
		max-height:390px !important;
		transition: all 300ms ease-in-out 0s !important;
	}
	
	.green {
		font-size:20px;
	}
	
	#header_wrapper {
		height:70px;
	}
	
	#logo {
		width:55px;
	}
	
	.bookblock-slider {
		box-sizing: border-box;
		margin-bottom: 10px;
		overflow-x: auto;
		position: relative;
		white-space: nowrap;
		width: 100%;
		min-height:215px;
		position: relative;
		cursor: move;
	}
	
	.clearfix {
		float: none;
		clear: both;
		width:1px;
	}

	.bookblock-slider div {
		display: inline-block;
		margin: 0 0 0 40px;
		width: 120%;
	}
	
	.bookblock-slider img {
		background: #fff none repeat scroll 0 0;
		box-shadow: 0 12px 20px -10px rgb(81, 64, 49);
		width:100%;
		box-sizing: border-box;
	}
	
	.feld_container, .textfeld_auswahl, .textarea_auswahl {
		display:none !important;
	}
	
	#bb-nav-next, #bb-nav-prev {
		display: none;
	}
	
	.cs-loader, .cs-loader-initiate {
		display:none;
	}
	
	#add_info {
		display:none;
	}
	
	#bb-bookblock {
		overflow: scroll;
	}
	
	#bb-bookblock img {
		float:left;
	}
	
	#add_info_mobile {
		background: #fff none repeat scroll 0 0;
		border-radius: 0;
		bottom: 0;
		box-sizing: border-box;
		display: block;
		float: left;
		margin: 0 auto -5px;
		position: relative;
		transition: all 300ms ease-in-out;
		width: 100%;
		z-index: 1;
	}
	
	#add_info_mobile_name input {
		margin-bottom:10px;
	}
	
	#add_info_mobile h3 {
		margin: 20px 10px 0px 10px;
		font-size: 18px;
		color:#333;
	}
	
	#add_info_mobile div {
		width:100% !important;
		border-bottom:1px solid #dbdbdb;
		float:left;
		padding:15px 15px;
		box-sizing: border-box;
		text-align: center;
	}
	
	#add_info_mobile label {
		font-size:20px;
	}
	
	#add_info_mobile_name, #add_info_mobile_widmung {
		background: #BEE9F2 none repeat scroll 0 0;
		box-sizing: border-box;
		color: #fff;
		display: block;
		float: left;
		max-height: 0;
		overflow: hidden;
		text-align: center;
		transition: all 200ms cubic-bezier(0.07, 0.74, 0.13, 1.18) 0s;
		width: 100%;
		box-sizing: border-box;
	}
	
	#add_info_mobile_name_btn, #add_info_mobile_widmung_btn {
		cursor: pointer;
	}
	
	#weitergehts {
		display:inline block;
	}
	
	#zahlung {
		margin-top:15px;
	}
	
	#clickhere {
		display:none;
	}
	
	h1 {
		font-size:25px;
		line-height:28px;
		margin-bottom:25px;
	}

	#blog_posts .blog_content h1 {
		line-height: 34px;
	}

	#FAQ h1 {
		margin-bottom: 0;
	}
	
	
	#add_info_mobile .button {
		margin-left: 0px;
	}
	
	#sideslide .selectric {
		padding: 13px;
	}
	
	#nameit {
		font-size: 25px;
		height: 46px;
	}
	
	#gender_li label {
		font-size: 17px;
		height: 40px;
		line-height: 38px;
	}
	
	.label_mini {
		font-size: 11px;
		position: relative;
		float: left;
		top: 0;
		left: 0;
		padding: 10px 0;
		box-sizing: border-box;
	}
	
	p {
		font-size:15px;
		line-height:20px;
	}
	
	.col25 {
		width:100%;
	}
	
	#footer .col25 {
		padding-bottom:20px;
	}
	
	#footer a {
		font-size: 16px;
		font-weight: 400;
		float: left;
		width: 100%;
		padding: 5px 0;
	}
	
	#coral_foundation img {
		max-width:40%;
	}

	#coral_foundation_img_en {
		max-width: 80% !important;
	}
	
	#sideslide {
		width:100%;
	}
	
	#input_wrapper {
		padding:15px 15px 15px 15px;
		margin-top:0px;
		flex-direction: column;
	}
	
	.dot {
		width:50px;
		height:50px;
	}
	
		.slider {
		width:100%;
		float:left;
			overflow-x: hidden;
	}
	

	
	.slider h3, #starter h3 {
		font-size:25px;
		padding-top:0;
		line-height:30px;
		margin-bottom:20px;
	}
	
	.button {
   		font-size: 14px;
		width: 100%;
	}
	
	#buchoffen {
		box-sizing: border-box;
		height: 300px;
		padding:0;
		margin-top:70px;
		background-size: cover;
		background-position: 40%;
		background-color:#E4F0FC;
	}
	
	#buchoffen .col1 {
		max-width: 100%;
		margin-top: 10%;
	}
	
	.slider h2 {
		font-size: 17px;
		font-weight: 500;
		line-height: 26px;
	}

	#presse h2 {
		line-height: 50px;
	}
	
	.cd-intro {
		width:100%;
		box-sizing: border-box;
		padding-left:20px;
		padding-right: 20px;
	}
	
	#buchoffen .button {
		margin-top:0;
	}
	
	.cd-words-wrapper b {
		font-size:50px;
	}
	
	#buchoffen h2 {
		font-size: 15px;
		line-height: 18px;
		margin-bottom:10px;
	} 
	
	.cd-headline.rotate-1 b {
		width: 105px;
	}
	
	#hair_girl label, #hair_boy label {
		padding: 0 8px;
		width:33.333%;
	}
	
	input[type="radio"]:checked + label {
		color: #F84312 !important;
	}
	
	input[type="checkbox"]:checked + label {
		color: #42C299 !important;
	}

	#kopf_navigation {
		display:none;
	}
	
	#nav-icon3 {
		display: block;
		margin:28px 7px 25px 15px;
	}
	
	._field-wrapper input {
		margin-bottom: 10px;
	}
	
}

/**
 * Owl Carousel v2.2.0
 * Copyright 2013-2016 David Deutsch
 * Licensed under MIT (https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE)
 */
/*
 *  Owl Carousel - Core
 */

.reviews {
	padding-bottom:14px;
}

.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1; }
  .owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y; 
	display:flex;
}
.owl-stage {
	display:flex;
	flex-wrap: wrap;
}

.owl-item {
	display:flex;
	height:auto !important;
}
  .owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0; }
  .owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
	  
    /* fix for flashing background */
    -webkit-transform: translate3d(0px, 0px, 0px); }
  .owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none; }
  .owl-carousel .owl-item img {
    display: block;
    width: 100%;
    -webkit-transform-style: preserve-3d; }
  .owl-carousel .owl-nav.disabled,
  .owl-carousel .owl-dots.disabled {
    display: none; }
  .owl-carousel .owl-nav .owl-prev,
  .owl-carousel .owl-nav .owl-next,
  .owl-carousel .owl-dot {
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .owl-carousel.owl-loaded {
    display: block; }
  .owl-carousel.owl-loading {
    opacity: 0;
    display: block; }
  .owl-carousel.owl-hidden {
    opacity: 0; }
  .owl-carousel.owl-refresh .owl-item {
    visibility: hidden; }
  .owl-carousel.owl-drag .owl-item {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .owl-carousel.owl-grab {
    cursor: move;
    cursor: grab; }
  .owl-carousel.owl-rtl {
    direction: rtl; }
  .owl-carousel.owl-rtl .owl-item {
    float: right; }

/* No Js */
.no-js .owl-carousel {
  display: block; }

/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  -webkit-animation-duration: 1000ms;
          animation-duration: 1000ms;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both; }



.owl-carousel .owl-animated-in {
  z-index: 0; }

.owl-carousel .owl-animated-out {
  z-index: 1; }

.owl-carousel .fadeOut {
  -webkit-animation-name: fadeOut;
          animation-name: fadeOut; }

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

/*
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
  transition: height 500ms ease-in-out; }

/*
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  transition: opacity 400ms ease; }

.owl-carousel .owl-item img.owl-lazy {
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d; }

/*
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #202340; }

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: -webkit-transform 100ms ease;
  transition: transform 100ms ease; }

.owl-carousel .owl-video-play-icon:hover {
  -webkit-transform: scale(1.3, 1.3);
      -ms-transform: scale(1.3, 1.3);
          transform: scale(1.3, 1.3); }

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none; }

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 400ms ease; }

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%; }



/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */@font-face{font-family:'FontAwesome';src:url('/r40/vc_nino/public/themen/unitedletterstest/css/font-awesome/fonts/fontawesome-webfont.eot?v=4.7.0');src:url('/r40/vc_nino/public/themen/unitedletterstest/css/font-awesome/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),url('/r40/vc_nino/public/themen/unitedletterstest/css/font-awesome/fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),url('/r40/vc_nino/public/themen/unitedletterstest/css/font-awesome/fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),url('/r40/vc_nino/public/themen/unitedletterstest/css/font-awesome/fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),url('/r40/vc_nino/public/themen/unitedletterstest/css/font-awesome/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,
.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"},.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,
.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-resistance:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}.fa-gitlab:before{content:"\f296"}.fa-wpbeginner:before{content:"\f297"}.fa-wpforms:before{content:"\f298"}.fa-envira:before{content:"\f299"}.fa-universal-access:before{content:"\f29a"}.fa-wheelchair-alt:before{content:"\f29b"}.fa-question-circle-o:before{content:"\f29c"}.fa-blind:before{content:"\f29d"}.fa-audio-description:before{content:"\f29e"}.fa-volume-control-phone:before{content:"\f2a0"}.fa-braille:before{content:"\f2a1"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before{content:"\f2a4"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-signing:before,.fa-sign-language:before{content:"\f2a7"}.fa-low-vision:before{content:"\f2a8"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-pied-piper:before{content:"\f2ae"}.fa-first-order:before{content:"\f2b0"}.fa-yoast:before{content:"\f2b1"}.fa-themeisle:before{content:"\f2b2"}.fa-google-plus-circle:before,.fa-google-plus-official:before{content:"\f2b3"}.fa-fa:before,.fa-font-awesome:before{content:"\f2b4"}.fa-handshake-o:before{content:"\f2b5"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-o:before{content:"\f2b7"}.fa-linode:before{content:"\f2b8"}.fa-address-book:before{content:"\f2b9"}.fa-address-book-o:before{content:"\f2ba"}.fa-vcard:before,.fa-address-card:before{content:"\f2bb"}.fa-vcard-o:before,.fa-address-card-o:before{content:"\f2bc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-circle-o:before{content:"\f2be"}.fa-user-o:before{content:"\f2c0"}.fa-id-badge:before{content:"\f2c1"}.fa-drivers-license:before,.fa-id-card:before{content:"\f2c2"}.fa-drivers-license-o:before,.fa-id-card-o:before{content:"\f2c3"}.fa-quora:before{content:"\f2c4"}.fa-free-code-camp:before{content:"\f2c5"}.fa-telegram:before{content:"\f2c6"}.fa-thermometer-4:before,.fa-thermometer:before,.fa-thermometer-full:before{content:"\f2c7"}.fa-thermometer-3:before,
.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-thermometer-2:before,.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-1:before,.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-0:before,.fa-thermometer-empty:before{content:"\f2cb"}.fa-shower:before{content:"\f2cc"}.fa-bathtub:before,.fa-s15:before,.fa-bath:before{content:"\f2cd"}.fa-podcast:before{content:"\f2ce"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-times-rectangle:before,.fa-window-close:before{content:"\f2d3"}.fa-times-rectangle-o:before,.fa-window-close-o:before{content:"\f2d4"}.fa-bandcamp:before{content:"\f2d5"}.fa-grav:before{content:"\f2d6"}.fa-etsy:before{content:"\f2d7"}.fa-imdb:before{content:"\f2d8"}.fa-ravelry:before{content:"\f2d9"}.fa-eercast:before{content:"\f2da"}.fa-microchip:before{content:"\f2db"}.fa-snowflake-o:before{content:"\f2dc"}.fa-superpowers:before{content:"\f2dd"}.fa-wpexplorer:before{content:"\f2de"}.fa-meetup:before{content:"\f2e0"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}

.fa-spinner {
	padding:0 !important;
	animation-name: spin_it;
	animation-iteration-count: infinite;
	animation-duration: 2s;
	animation-fill-mode: forwards;
	animation-direction: normal;
	animation-play-state: running;
	animation-timing-function: linear;
	display: none;
}

/* Bookblock */


.bb-bookblock {
	width: 100%;
	max-width:900px;
	height: 1000px;
	max-height:501px;
	margin: 0 auto;
	position: relative;
	z-index: 0;
	-webkit-perspective: 1300px;
	perspective: 1300px;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	box-shadow:0 12px 20px -10px rgba(81, 64, 49, 1);
	background:#fff;
}

.bb-page {
	position: absolute;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transition-property: -webkit-transform;
	transition-property: transform;
}

.bb-vertical .bb-page {
	width: 50%;
	height: 100%;
	left: 50%;
	-webkit-transform-origin: left center;
	transform-origin: left center;
}

.bb-horizontal .bb-page {
	width: 100%;
	height: 50%;
	top: 50%;
	-webkit-transform-origin: center top;
	transform-origin: center top;
}

.bb-page > div,
.bb-outer,
.bb-content,
.bb-inner {
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.bb-vertical .bb-content {
	width: 200%;
}

.bb-horizontal .bb-content {
	height: 200%;
}

.bb-page > div {
	width: 100%;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.bb-vertical .bb-back {
	-webkit-transform: rotateY(-180deg);
	transform: rotateY(-180deg);
}

.bb-horizontal .bb-back {
	-webkit-transform: rotateX(-180deg);
	transform: rotateX(-180deg);
}

.bb-outer {
	width: 100%;
	overflow: hidden;
	z-index: 999;
}

.bb-overlay, 
.bb-flipoverlay {
	background-color: rgba(0, 0, 0, 0.7);
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	opacity: 0;
}

.bb-flipoverlay {
	background-color: rgba(0, 0, 0, 0.2);
}

.bb-bookblock.bb-vertical > div.bb-page:first-child,
.bb-bookblock.bb-vertical > div.bb-page:first-child .bb-back {
	-webkit-transform: rotateY(180deg);
	transform: rotateY(180deg);
}

.bb-bookblock.bb-horizontal > div.bb-page:first-child,
.bb-bookblock.bb-horizontal > div.bb-page:first-child .bb-back {
	-webkit-transform: rotateX(180deg);
	transform: rotateX(180deg);
}

/* Content display */
.bb-content {
	background: #fff;
}

.bb-vertical .bb-front .bb-content {
	left: -100%;
}

.bb-horizontal .bb-front .bb-content {
	top: -100%;
}

/* Flipping classes */
.bb-vertical .bb-flip-next,
.bb-vertical .bb-flip-initial {
	-webkit-transform: rotateY(-180deg);
	transform: rotateY(-180deg);
}

.bb-vertical .bb-flip-prev {
	-webkit-transform: rotateY(0deg);
	transform: rotateY(0deg);
}

.bb-horizontal .bb-flip-next,
.bb-horizontal .bb-flip-initial {
	-webkit-transform: rotateX(180deg);
	transform: rotateX(180deg);
}

.bb-horizontal .bb-flip-prev {
	-webkit-transform: rotateX(0deg);
	transform: rotateX(0deg);
}

.bb-vertical .bb-flip-next-end {
	-webkit-transform: rotateY(-15deg);
	transform: rotateY(-15deg);
}

.bb-vertical .bb-flip-prev-end {
	-webkit-transform: rotateY(-165deg);
	transform: rotateY(-165deg);
}

.bb-horizontal .bb-flip-next-end {
	-webkit-transform: rotateX(15deg);
	transform: rotateX(15deg);
}

.bb-horizontal .bb-flip-prev-end {
	-webkit-transform: rotateX(165deg);
	transform: rotateX(165deg);
}

/*::after, ::before {
    content: '';
}*/

.bb-item {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
	background: #fff;
}

.bildname {
	display: none !important;
}

/* No JS */
.no-js .bb-bookblock, 
.no-js ul.bb-custom-grid li {
	width: auto;
	height: auto;
}

.no-js .bb-item {
	display: block;
	position: relative;
}



.slide_in {
	transform: scale(1) translateY(0px) !important;
	opacity:1 !important;
	transition: opacity 0.4s cubic-bezier(.07,.74,.13,1.18) 0s, transform 0.4s cubic-bezier(.07,.74,.13,1.18) 0s, -webkit-transform 0.4s cubic-bezier(.07,.74,.13,1.18) 0s;
	z-index:1;
}

.slide_out {
	transform: scale(1) translateY(40px);
	opacity:0 !important;
	transition: opacity 0.4s cubic-bezier(.07,.74,.13,1.18) 0s, transform 0.4s cubic-bezier(.07,.74,.13,1.18) 0s, -webkit-transform 0.4s cubic-bezier(.07,.74,.13,1.18) 0s;
	/*transition-delay: 200ms;*/
	z-index:0;
}

#header_wrapper {
	position:relative;
	box-shadow: 1px -46px 57px rgba(0,0,0,0.92);
}


#banner_ocean-adventure .col1_kleiner {
	align-items: top !important; 
}

.col1_narrow {
	max-width:1000px;
	display:flex;
	flex-direction: column;
}

#agb h1, 
#impressum h1 {
	margin-bottom: 40px;
}

#impressum a, #agb a, #datenschutz a {color:#333;}
#agb a {color:#333;}

#datenschutz h2 {
	font-size:22px;
	margin:0;
	margin-top:40px;
	text-align: left;
	
}

#datenschutz h3 {
	margin-bottom:5px;
	margin-top:40px;
}






/* Zusatzartikelseite */



#mehr #success_overlay {
	background:rgba(0,0,0,0.7);
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	content:"";
	z-index:2000;
	display:none;
}



#mehr #successposter, #successpostkarten {
	position:absolute;
	background:#9AC087;
	color:#fff;
	padding:20px 30px 30px;
	font-size:20px;
	border-radius: 5px;
	top:50%;
	left:50%;
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	z-index:9999;
	display:none;
}

#mehr#successposter .fa, #mehr #successpostkarten .fa {
	font-size:40px;
	transform:translatey(5px);
	padding-right:10px;
}


#mehr .postkartendiv p {
	float:left;
	text-align: center;
	width:100%;
	padding:0 15px 0px 15px;
	margin-top:15px;
	box-sizing: border-box;
}

#mehr .postkartendiv label {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #dbdbdb;
    border-radius: 2px;
    cursor: pointer;
    float: left;
    font-size: 20px;
    padding: 15px;
    text-align: center;
    width: 100%;
    z-index: 5;
}



#mehr .geschenkpapierdiv p {
	float:left;
	text-align: center;
	width:100%;
	padding:0 15px 0px 15px;
	margin-top:15px;
	box-sizing: border-box;
}

#mehr .geschenkpapierdiv label {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #dbdbdb;
    border-radius: 2px;
    cursor: pointer;
    float: left;
    font-size: 20px;
    padding: 15px;
    text-align: center;
    width: 100%;
    z-index: 5;
}

#mehr #inhalt {
	padding-top:105px;
}

#mehr #postkarten_de, #mehr #postkarten_en {
	max-width:300px;
}

#mehr h2 {
	font-size: 25px;
	display: block;
}


#mehr .col2 {
	text-align: center;
}

#mehr {
	background:#F6F7F8;
}

.postkartendiv img {
	width:100%;
	margin-bottom:-10px;
}

.geschenkpapierdiv img {
	width:100%;
	margin-bottom:20px;
}

#mehr #inhalt {
	/*max-width:1024px;*/
	max-width:1250px;
}


#mehr .postkartendiv {
    background: #fff  none repeat scroll 0 0;
    border: 1px solid #ebebeb;
    display: inline-block;
    text-align: center;
    width: 90%;
	box-sizing:border-box;
	padding-bottom:30px;
}

#mehr .postkartendiv h2 {
    font-size: 20px;
    line-height: 20px;
    margin: 0;
    padding: 30px 15px 0;
    width: 100%;
	box-sizing: border-box;
}

#mehr .postkartendiv .button {
	padding:10px 10px;
	font-size:12px;
	margin:0 auto;
	border-radius: 5px;
	text-transform: uppercase;
	float: none;
}


#mehr .geschenkpapierdiv {
    background: #fff  none repeat scroll 0 0;
    border: 1px solid #ebebeb;
    display: inline-block;
    text-align: center;
    width: 90%;
	box-sizing:border-box;
	padding-bottom:30px;
}

#mehr .geschenkpapierdiv h2 {
    font-size: 20px;
    line-height: 20px;
    margin: 0;
    padding: 30px 15px 0;
    width: 100%;
	box-sizing: border-box;
}

#mehr .geschenkpapierdiv .button {
	padding:10px 10px;
	font-size:12px;
	margin:0 auto;
	border-radius: 5px;
	text-transform: uppercase;
	float: none;
}

#mehr .posterwrap {
	float:left;
	width:50%;
	box-sizing: border-box;
	position: relative;
	margin-top: 15px;
}

#mehr h1 {
	margin-bottom: 50px;
}

#mehr .button_container a {
	font-size: 25px;
	float: right;
	margin-top: 50px;
	text-transform: uppercase;
}

/* Presse-Seite */

#presse h2 {
	font-size: 35px;
	margin-top: 50px;
}

#presse h2:first-of-type {
	margin: 0;
}

.pressecontent a {
	color: #00BC94;
}

.pressecontent a:hover {
	color: #38a887;
}


/* BLOG BLOG BLOG */

.snip1529 {
	background-color: #000000;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
	color: #ffffff;
	float: left;
	font-family: 'Open Sans', Arial, sans-serif;
	font-size: 16px;
	line-height: 1.6em;
	margin: 10px 1%;
	max-width: 310px;
	min-width: 250px;
	overflow: hidden;
	position: relative;
	text-align: left;
	width: 100%;
  }
  
  .snip1529 * {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all 0.25s ease;
	transition: all 0.25s ease;
  }
  
  .snip1529 img {
	max-width: 100%;
	vertical-align: top;
	position: relative;
	opacity: 0.75;
  }
  
  .snip1529 figcaption {
	padding: 25px 20px 25px;
	position: absolute;
	bottom: 0;
	z-index: 1;
  }
  
  .snip1529 .date {
	background-color: #fff;
	color: #333;
	font-size: 18px;
	font-weight: 800;
	min-height: 48px;
	min-width: 48px;
	padding: 10px 0;
	position: absolute;
	right: 15px;
	text-align: center;
	text-transform: uppercase;
	top: 0;
  }
  
  .snip1529 .date span {
	display: block;
	line-height: 14px;
  }
  
  .snip1529 .date .month {
	font-size: 11px;
  }
  
  .snip1529 h3,
  .snip1529 p {
	margin: 0;
	padding: 0;
	color: #fff;
  }
  
  .snip1529 h3 {
	font-weight: 800;
	letter-spacing: -0.4px;
  }
  
  .snip1529 .hover {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	align-items: center;
	background-color: rgba(0, 188, 148, 0.75);
	display: flex;
	font-size: 65px;
	justify-content: center;
	opacity: 0;
  }
  
  .snip1529 a {
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	position: absolute;
	z-index: 1;
  }
  
  .snip1529:hover .hover,
  .snip1529.hover .hover {
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
	opacity: 1;
  }
  
  .snip1529:hover figcaption,
  .snip1529.hover figcaption {
	opacity: 0;
  }
  
  .snip1529:hover .date,
  .snip1529.hover .date {
	-webkit-transform: translateY(-100%);
	transform: translateY(-100%);
  }


#blog .col1_narrow {
	display: block;
}

#blog .firstrow {
	width:100%;
	margin:0 auto;
	padding:100px 0 0 0;
}

#blog #newsletter {
	margin-top: 38px;
}

#blog .lastrow {
	width:100%;
	margin:0 auto;
	padding:0 0 50px 0;
}

#blog_posts .blog_banner_img1 {
	background:url('/r40/vc_nino/bilder/firma415/blog_bild001.jpg');
	background-position: 0% 18%;
}

#blog_posts .blog_banner_img2 {
	background:url('/r40/vc_nino/bilder/firma415/blog_bild002.jpg');
	background-position: 0% 44%;
}

#blog_posts .blog_banner_img3 {
	background:url('/r40/vc_nino/bilder/firma415/blog_bild003.jpg');
	background-position: 0% 55%;
}

#blog_posts .blog_banner_img4 {
	background:url('/r40/vc_nino/bilder/firma415/blog_bild004.jpg');
	background-position: 0% 25%;
}

#blog_posts .blog_banner_img5 {
	background:url('/r40/vc_nino/bilder/firma415/blog_bild005.jpg');
	background-position: 0% 100%;
}

#blog_posts .blog_banner_img6 {
	background:url('/r40/vc_nino/bilder/firma415/blog_bild006.jpg');
	background-position: 0% 100%;
}

#blog_posts .blog_banner_img7 {
	background:url('/r40/vc_nino/bilder/firma415/blog_bild007.jpg');
	background-position: 0% 26%;
}

#blog_posts .blog_banner_img8 {
	background:url('/r40/vc_nino/bilder/firma415/blog_bild008.jpg');
	background-position: 0% 71%;
}

#blog_posts .blog_banner_img9 {
	background:url('/r40/vc_nino/bilder/firma415/blog_bild009.jpg');
	background-position: 0% 41%;
}

#blog_posts .blog_banner_img10 {
	background:url('/r40/vc_nino/bilder/firma415/blog_bild010.jpg');
	background-position: 0% 18%;
}

#blog_posts .blog_banner_img11 {
	background:url('/r40/vc_nino/bilder/firma415/blog_bild011.png');
	background-position: 0% 28%;
}

#blog_posts .blog_banner_img12 {
	background:url('/r40/vc_nino/bilder/firma415/blog_bild012.jpg');
	background-position: 0% 39%;
}

#blog_posts  .blog_banner_wrap {
	padding: 0;
	max-width: none;
}

#blog_posts .blog_content {
	background-color: #fff;
	margin-bottom: 50px;
	padding: 20px 30px;
}

#blog_posts .blog_content h1  {
	font-size: 35px;
}

#blog_posts .blog_content h2 {
	font-size: 30px;
	margin-bottom: 0;
}

#blog_posts .blog_content h3 {
	font-size: 17px;
	margin: 40px 0 20px 0;
}

#blog_posts .blog_content .backtoblog {
	width: 200px;	
	margin-top: 50px;
}

#blog_posts .blog_content .blog_infoleiste {
	text-align: center;
	margin: 40px 0;
	text-transform: uppercase;
	color: #BBBBBB;
}

#blog_posts .blog_content .blog_links {
	color: #00BC94;
}

#blog_posts .blog_content .blog_links:hover {
	color: #38a887;
}

#blog_posts .blog_content .blog_abstand_p {
	margin-top: 40px;
}

#blog_posts .blog_banner_img1, #blog_posts .blog_banner_img2, #blog_posts .blog_banner_img3, #blog_posts .blog_banner_img4, #blog_posts .blog_banner_img5, #blog_posts .blog_banner_img6, #blog_posts .blog_banner_img7, #blog_posts .blog_banner_img8, #blog_posts .blog_banner_img9, #blog_posts .blog_banner_img10, #blog_posts .blog_banner_img11, #blog_posts .blog_banner_img12, #blog_posts .blog_banner_img13, #blog_posts .blog_banner_img14, #blog_posts .blog_banner_img15, #blog_posts .blog_banner_img16, #blog_posts .blog_banner_img17, #blog_posts .blog_banner_img18, #blog_posts .blog_banner_img19, #blog_posts .blog_banner_img20 {
	background-size: cover;
	min-height: 400px;
	width: 100%;
	border-radius: 7px;
	margin: 20px 0 50px 0;
}

@media screen and (max-width:880px) { /* Smartphones */ 

	#blog_posts .blog_banner_img1, #blog_posts .blog_banner_img2, #blog_posts .blog_banner_img3, #blog_posts .blog_banner_img4, #blog_posts .blog_banner_img5, #blog_posts .blog_banner_img6, #blog_posts .blog_banner_img7, #blog_posts .blog_banner_img8, #blog_posts .blog_banner_img9, #blog_posts .blog_banner_img10, #blog_posts .blog_banner_img11, #blog_posts .blog_banner_img12, #blog_posts .blog_banner_img13, #blog_posts .blog_banner_img14, #blog_posts .blog_banner_img15, #blog_posts .blog_banner_img16, #blog_posts .blog_banner_img17, #blog_posts .blog_banner_img18, #blog_posts .blog_banner_img19, #blog_posts .blog_banner_img20 {
		min-height: 200px;
	}

}	

#blog_posts .blog_content .blog_ul {
	margin: 40px 0;
}

#blog_posts .blog_content .blog_li {
	list-style: decimal;
	font-size: 18px;
	line-height: 26px;
	margin-left: 20px;
}

#blog_posts .blog_content .blog_li_second {
	list-style: none;
	font-size: 18px;
	line-height: 26px;
	margin-left: 20px;
	margin-bottom: 20px;
}

#blog_posts .blog_content .blog_img_books {
	max-width: 500px;
	margin-top: 50px;
}

#blog_posts .blog_col1  {
	max-width: 1000px;
	margin: 0 auto;
	display: block;
	padding-left: 20px;
}

#blog .blog_wrap {
	margin: 20px 0;
}


#bestellung_aufgeben h2 {
	font-size: 25px;
}

#bestellung_aufgeben .col1 p {
	text-align: center;
}

#bestellung_aufgeben #share_buttons {
	padding-bottom: 20px;
}




































/* Poster Bestellen-Seite */

/* Zusatzartikelseite */



#lebensbaum_poster_order #success_overlay {
	background:rgba(0,0,0,0.7);
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	content:"";
	z-index:2000;
	display:none;
}



#lebensbaum_poster_order #successposter, #successpostkarten {
	position:absolute;
	background:#9AC087;
	color:#fff;
	padding:20px 30px 30px;
	font-size:20px;
	border-radius: 5px;
	top:50%;
	left:50%;
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	z-index:9999;
	display:none;
}

#lebensbaum_poster_order#successposter .fa, #lebensbaum_poster_order#successpostkarten .fa {
	font-size:40px;
	transform:translatey(5px);
	padding-right:10px;
}

#lebensbaum_poster_order #successposter, #successgeschenkpapier {
	position:absolute;
	background:#9AC087;
	color:#fff;
	padding:20px 30px 30px;
	font-size:20px;
	border-radius: 5px;
	top:50%;
	left:50%;
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	z-index:9999;
	display:none;
}

#lebensbaum_poster_order#successposter .fa, #lebensbaum_poster_order#successgeschenkpapier .fa {
	font-size:40px;
	transform:translatey(5px);
	padding-right:10px;
}


#lebensbaum_poster_order  .postkartendiv p {
	float:left;
	text-align: center;
	width:100%;
	padding:0 15px 0px 15px;
	margin-top:15px;
	box-sizing: border-box;
}

#lebensbaum_poster_order  .postkartendiv label {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #dbdbdb;
    border-radius: 2px;
    cursor: pointer;
    float: left;
    font-size: 20px;
    padding: 15px;
    text-align: center;
    width: 100%;
    z-index: 5;
}

#lebensbaum_poster_order  .geschenkpapierdiv p {
	float:left;
	text-align: center;
	width:100%;
	padding:0 15px 0px 15px;
	margin-top:15px;
	box-sizing: border-box;
}

#lebensbaum_poster_order  .geschenkpapierdiv label {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #dbdbdb;
    border-radius: 2px;
    cursor: pointer;
    float: left;
    font-size: 20px;
    padding: 15px;
    text-align: center;
    width: 100%;
    z-index: 5;
}

#lebensbaum_poster_order #inhalt {
	padding-top:105px;
}

#lebensbaum_poster_order  #postkarten_de, #lebensbaum_poster_order  #postkarten_en {
	max-width:300px;
}

#lebensbaum_poster_order  h2 {
	font-size: 25px;
	display: block;
}


#lebensbaum_poster_order  .col2 {
	text-align: center;
}

#lebensbaum_poster_order  {
	background:#F6F7F8;
}

#lebensbaum_poster_order .postkartendiv img {
	width:300px;
	margin-bottom:-10px;
}


#lebensbaum_poster_order .geschenkpapierdiv img {
	width:300px;
	margin-bottom:-10px;
}

#lebensbaum_poster_order #inhalt {
	max-width:1024px;
}


#lebensbaum_poster_order .postkartendiv {
    background: #fff  none repeat scroll 0 0;
    border: 1px solid #ebebeb;
    display: inline-block;
    text-align: center;
    width: 90%;
	box-sizing:border-box;
	padding-bottom:30px;
	margin: 0 auto;
}

#lebensbaum_poster_order .postkartendiv h2 {
    font-size: 20px;
    line-height: 20px;
    margin: 0;
    padding: 30px 15px 0;
    width: 100%;
	box-sizing: border-box;
}

#lebensbaum_poster_order .postkartendiv .button {
	padding:10px 10px;
	font-size:12px;
	margin:0 auto;
	border-radius: 5px;
	text-transform: uppercase;
	float: none;
}

#lebensbaum_poster_order .geschenkpapierdiv {
    background: #fff  none repeat scroll 0 0;
    border: 1px solid #ebebeb;
    display: inline-block;
    text-align: center;
    width: 90%;
	box-sizing:border-box;
	padding-bottom:30px;
	margin: 0 auto;
}

#lebensbaum_poster_order .geschenkpapierdiv h2 {
    font-size: 20px;
    line-height: 20px;
    margin: 0;
    padding: 30px 15px 0;
    width: 100%;
	box-sizing: border-box;
}

#lebensbaum_poster_order .geschenkpapierdiv .button {
	padding:10px 10px;
	font-size:12px;
	margin:0 auto;
	border-radius: 5px;
	text-transform: uppercase;
	float: none;
}

#lebensbaum_poster_order .posterwrap {
	float:left;
	width:25%;
	box-sizing: border-box;
	position: relative;
	margin-top: 10px;
}

#lebensbaum_poster_order h1 {
	margin-bottom: 50px;
}

#lebensbaum_poster_order .button_container a {
	font-size: 25px;
	float: right;
	margin-top: 50px;
	text-transform: uppercase;
}


@media screen and (max-width:1400px) {

	#lebensbaum_poster_order .posterwrap {

		width:50%;

	}
	
}	

@media screen and (max-width:1000px) {

	#lebensbaum_poster_order .posterwrap {

		width:100%;

	}
	
}	

@media screen and (max-width:880px) {

	#lebensbaum_poster_order .button {

		width:auto;

	}

	#lebensbaum_poster_order h1 {
		font-size: 23px;
	}
	
}	

#lebensbaum_poster_order .button_container a {

	font-size: 17px;
}


/* weihnachtsbanner 2020 */

.xmas .col1rechts {
	width: 1030px;
	text-align: right;
}

.xmas .col1links {
	width: 750px;
	text-align: right;
}

/* 2018
.xmas h3 {
	font-family: 'Montbello Script', sans-serif;
	color: #d63732;
	font-size: 70px;
	margin-bottom: 0;
}
*/

/* 2019 */
.xmas h3 {
	font-family: 'Montbello Script', sans-serif;
	color: #d63732;
	font-size: 43px;
	margin-bottom: 0;
}

/* 2018
.xmas h4 {
	color: #fff;
	margin:0;
	margin-left: 200px;
	padding:0;
	font-size: 29px;
	margin-top: -20px;
	text-align: right;
}
 */

/* 2020 */
.xmas h4 {
	color: #fff;
	margin:0;
	margin-left: 200px;
	padding:0;
	font-size: 29px;
	margin-top: 0;
	text-align: right;
	text-shadow: 3px 3px 2px rgba(30, 30, 30, 1);
}

.xmas_en h4 {
	color: #fff;
	margin:0;
	margin-left: 200px;
	padding:0;
	font-size: 23px;
	margin-top: -20px;
	text-align: right;
	text-shadow: 3px 3px 2px rgba(30, 30, 30, 1);
}

#xmas_banner h3 {
	font-family: 'Montbello Script', sans-serif;
	color: #d63732;
	font-size: 55px;
	margin-bottom: 0;
}


#xmas_banner h4 {
	color: #fff;
	margin:0;
	margin-left: 200px;
	padding:0;
	font-size: 45px;
	margin-top: 0;
	text-align: right;
	text-shadow: 3px 3px 2px rgba(30, 30, 30, 1);
}


#xmas_banner {
	background:url(/r40/vc_nino/bilder/firma415/banner_xmas.png);
	background-size: auto 100%, cover; 
	background-position: bottom right;
	text-align: left;
	display:flex;
	align-items: center;
	background-repeat: no-repeat;
	background-color:#35385c;
	height: 380px;
}

#advent_banner {
	background:url(/r40/vc_nino/bilder/firma415/Advent_Banner.png); 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: auto 100% cover;
	background-position: 0 0 fixed;
	text-align: left;
	display:flex;
	align-items: center;
	background-repeat: no-repeat;
}


/* #advent_banner img {
	height: 370px;
	width: auto;
	float: right;
	position: absolute;
	bottom: 0;
	right: 10%;
} */

.xmas .col1  {
	max-width:1185px;
}

.xmas .narrow_text {
	max-width: 1185px;
	margin: 0;
	padding: 0;
	clear: both;
	float: right;
}

.xmas p {
	color:#fff;
	font-size: 16px;
	clear: both;
	text-align: right;
	text-shadow: 3px 3px 2px rgba(30, 30, 30, 1);
}

.xmas #oa_cta_btn {
	width: 251px;
	background: #d63732;
	margin: 30px 0;
	float: right;

}

.xmas_btn_en {
	width: 160px !important;
}

.xmas #oa_cta_btn .fas {
	color: #d63732;
}

.xmas .narrow_text br {
	margin-bottom: 10px;
}

@media screen and (max-width:880px) { /* Smartphones */ 

	#xmas_banner, #xmas_banner_en {
		text-align: justify;
		padding: 20px 15px !important;
	}

	#xmas_banner, #xmas_banner_en {
		max-height:600px; 
		padding-bottom:20px !important;
		margin-right: 25px;
		min-height: 790px;
	}

	#tol_cta_btn {
		width: 70% !important;
		float: none !important;
		margin: 5px auto;
		font-size: 4vh;
	}
	
	.xmas .col1links {
    width: 100%;
    text-align: right;
	margin-top: 26vh;
}
	
	#xmas_banner h3 {
		font-size: 47px;
		text-align: center;
		margin-top: 13vh;
		line-height: 1.3;
	}
	
	#xmas_banner h4 {
		margin-top: 19px;
		margin-left: 0;
		font-size: 24px;
		text-align: center;
	}

	.xmas h4 {
		margin-top: 19px;
		margin-left: 0;
		font-size: 24px;
		text-align: center;
	}

	.xmas_en h4 {
		margin-top: 13px;
		margin-left: 0;
		font-size: 17px;
		text-align: center;
	}

	.col1rechts {
		margin-top: calc(100%/2.3) !important;
		width: 312px !important;
	}

	/* 2018
	.xmas h3 {
		font-size: 47px;
		text-align: center;
		margin-top: 13vh;
	} 
	*/

	/* 2019 */
	.xmas h3 {
		font-size: 47px;
		text-align: center;
		margin-top: 13vh;
		line-height: 1.3;
	} 
	
	.xmas .narrow_text  {
		max-width: 313px;
	}
	
	.xmas .narrow_text br {
		margin-bottom: 20px;
	}

	.xmas p {
		text-align: center;
		float: none !important;
		margin: 0 auto !important;
	}

	.xmas #oa_cta_btn {
		margin: 30px auto;
		float: none;
		width: 100% !important;
	}

	#xmas_banner, #xmas_banner_en {
		background-size: contain;
		background-size: 161% !important;
		background-position: top right; 
	}

	.xmas .col1rechts {
		margin: 0;
		width: 100% !important;
	}
	



}

@media screen and (max-width:400px) { /* Smartphones */ 

	.xmas .col1links {
        width: 100%;
        text-align: right;
        margin-top: 18vh;
    }

    #xmas_banner, #xmas_banner_en {
        max-height: 600px;
        padding-bottom: 20px !important;
        margin-right: 25px;
        min-height: 570px;
    }


}


@media screen and (max-width:1228px) { 
	.col1rechts {
		margin: 407px auto 0 auto;
		margin-top: calc(100%/3);
	}

	#xmas_banner, #xmas_banner_en {
		/* background-size: contain;
		background-position: top right; */
	}

}
/* ende weihnachtsbanner 2018 */

/* meeresabenteuer poster */
.meeresabenteuer_poster #newsletter {
	background: #fafafa !important;
}

.meeresabenteuer_poster #starter {
	z-index: 1;
}

.meeresabenteuer_poster .banner_top_img_left {
	margin-bottom: 0 !important;
}

	/* mehr seite */

	.mehr_oa .mehr_oa_col1 {
		max-width: 500px;
		width: 90%;
	}

	.mehr_oa .postkartendiv {
		width: 100% !important;
	}

	
	.mehr_oa .geschenkpapierdiv {
		width: 100% !important;
	}

	.mehr_oa .mehr_oa_imgwrap {
		padding: 20px;
	}

	.mehr_oa .postkartendiv img {
		margin-top: 20px;
		margin-bottom: 30px;
	}

	

	.mehr_oa .geschenkpapierdiv img {
		margin-top: 20px;
		margin-bottom: 30px;
	}

	.mehr_oa .button_container {
		width: 90%;
		margin: 0 auto;
	}

	/* mehr seite */

/* ende meeresabenteuer poster */

#startseite #_form_7_submit {
	height: 47px;
}

/* Responsive Advent Banner 2020 */

@media screen and (max-width:1200px) { 
	#advent_banner .col1rechts{
		width: 50% !important;
		float: left;
	}

	#advent_banner .img_seite_r {
		display: none;
	}
}

@media screen and (max-width:880px) { 

	#advent_banner {
		background:url(/r40/vc_nino/bilder/firma415/Advent_Banner_mobile.png);
		background-size: cover;
	}

	#advent_banner .col1rechts{
		width: 100% !important;
	}

	#advent_banner .img_seite_r {
		display: none;
	}
}


/* ENDE Responsive Advent Banner 2020 */