@import url('//use.typekit.net/gjn8plr.css');

/* oswald-regular - latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('/fonts/oswald-v49-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/fonts/oswald-v49-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* kalam-regular - latin */
@font-face {
  font-family: 'Kalam';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('/fonts/kalam-v16-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/fonts/kalam-v16-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* pavanam-regular - latin */
@font-face {
  font-family: 'Pavanam';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('/fonts/pavanam-v11-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/fonts/pavanam-v11-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* lato-regular - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('/fonts/lato-v23-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/fonts/lato-v23-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}


html {
}
body {
  font-family: "proxima-nova";
  font-weight:300;
  line-height: 1.5;
  color: #383e42;
  font-size: 14px;
}

.ui-widget, select, optgroup, option {
  font-family: "proxima-nova";
}

strong  {
  font-weight:600;
}

.content_main, #main { 
  font-size: 18px;
}


h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "proxima-nova";
  line-height: 1.5;
}
h1 {
  font-size: 38px;
  font-weight: bold;
  text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
  text-transform: uppercase;
}
h2 {
  font-size: 24px;
}
h2 .outline {
  color: #fff;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7);
  text-transform: uppercase;
}
h3 {
  font-size: 21px;
}

h4 {
  font-size: 18px;
  text-transform: uppercase;
}
h5 {
  font-size: 18px;
}
h6 {
  font-size: 1rem;
  font-size: 14px;
}


@media (max-width: 320px) {
	h3 {
	  font-size: 18px;
	}
}

ul {
	padding-left: 18px;
}

/*accessibility*/
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
}
.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
}
/* Find src URL and add in correct social media icon. */
/*
.social-menu li a:before {
  font-family: 'Fontawesome';
  -webkit-font-smoothing: antialiased;
  content: '\f08e';
}
.social-menu li a[href*="twitter.com"]::before {
  content: '\f099';
}
.social-menu li a[href*="facebook.com"]::before {
  content: '\f09a';
}
.social-menu li a[href*="linkedin.com"]::before {
  content: '\f0e1';
}
.social-menu li a[href*="youtube.com"]::before {
  content: '\f167';
}
.social-menu li a[href*="instagram.com"]::before {
  content: '\f16d';
}
*/

.clear {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

.clearfix::after {
  content: "";
  clear: both;
  display: table;
}

a:hover,
a:active,
a:focus {
  outline: 0 !important;
}
.info {
  width: 20px;
  height: 20px;
  border-radius: 10px;
  background-color: #ffcc00;
  position: absolute;
}
.info p {
  color: #fff;
  text-align: center;
  font-weight: 700;
}
.info-block {
  display: inline-block;
}
/*Select*/
.form-control {
  border-radius: 0px;
}
select.styled {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  border: 1px solid #cdcdcd;
  border-radius: 0;
  font-size: 1rem;
  border-radius: 0px;
  padding: 0 45px 0 0;
  background-image: url(../images/select_arrow.png);
  background-position: right 0%;
  background-repeat: no-repeat;
}
/*Ende Select*****************************/
/*Formfelder*/
input[type=text], textarea {
	border: 1px solid #cdcdcd;
}
label {
  font-weight: 300;
}
input[type=checkbox].styled,
input[type=radio].styled,
input[type=reset].styled {
  width: 20px;
  margin: 0;
  padding: 0;
  opacity: 0;
}
input[type=checkbox].styled + label,
input[type=radio].styled + label,
input[type=reset].styled + label {
  display: inline-block;
  margin-left: -20px;
  padding: 0px 0px 0px 35px;
  background: url(../images/icons_check_radio.png) no-repeat;
  background-size: 30px 155px;
  line-height: 26px;
  font-size: 1rem;
  font-weight: 300;
}
.round_check input[type=checkbox] + label {
  background-position: 0px -1px;
}
.round_check input[type=checkbox]:checked + label {
  background-position: 0px -29px;
}
.square_check input[type=checkbox] + label {
  background-position: 0px -104px;
}
.square_check input[type=checkbox]:checked + label {
  background-position: 0px -129px;
}
.reset_btn input[type=reset] + label {
  background-position: 0px -53px;
}
.reset_btn input[type=reset]:hover + label {
  background-position: 0px -79px;
}

.round_check input[type=radio] + label {
  background-position: 0px -1px;
}
.round_check input[type=radio]:checked + label {
  background-position: 0px -29px;
}
.square_check input[type=radio] + label {
  background-position: 0px -104px;
}
.square_check input[type=radio]:checked + label {
  background-position: 0px -129px;
}


/* Input & Textarea */
input,
textarea {
  background-color: white;
  border: 1px solid #818181;
  padding: .75em 1em .5em 1em;
}
textarea {
  resize: vertical;
}
/*Style

.square_check {
	input[type='checkbox']:checked + label::before,
	input[type='checkbox']:not(:checked) + label::before,
	input[type='radio']:checked + label::before,
	input[type='radio']:not(:checked) + label::before {
	    content:'';
	    display:inline-block;
	    width: 17px;
	    height:17px;
	    position: relative;
	   	top:4px;
	    border: 1px solid @grundfarbe-grau;
	    background: white;
	    margin-right: 1em;
	    border-radius: 0px;
	}
	
	input[type=radio]:checked + label::before,
	input[type=radio]:not(:checked) + label::before {
	border-radius: 0px;
	}
	
	input[type='checkbox']:hover  + label::before,
	input[type='radio']:hover  + label::before {
	  background:#fff;
	  box-shadow: inset 0 0 0 0px white;
	}
	
	input[type='checkbox']:checked  + label::before,
	input[type='radio']:checked  + label::before {
	  background:@grundfarbe-rot;
	}

}

.cross_check {
	input[type='checkbox']:checked + label::before,
	input[type='checkbox']:not(:checked) + label::before,
	input[type='radio']:checked + label::before,
	input[type='radio']:not(:checked) + label::before {
	    content:'';
	    display:inline-block;
	    width: 18px;
	    height:18px;
	    position: relative;
	   	top:4px;
	    border: 1px solid @grundfarbe-grau;
	    background: @grundfarbe-grau;
	    margin-right: 10px;
	    border-radius: 0px;
	}
	
	input[type=radio]:checked + label::before,
	input[type=radio]:not(:checked) + label::before {
	border-radius: 50px;
	}
	
	input[type='checkbox']:hover  + label::before,
	input[type='radio']:hover  + label::before {
	  background: #BF0D3E;
	  border: 1px solid @grundfarbe-grau;
	  box-shadow: inset 0 0 0 0px white;
	}

	input[type='checkbox']:checked  + label::before,
	input[type='radio']:checked  + label::before {
	 // background:@grundfarbe-grau;
	}

}

/*Style
label {
	font-weight:300;
}

input[type='checkbox']:checked + label::before,
input[type='checkbox']:not(:checked) + label::before,
input[type='radio']:checked + label::before,
input[type='radio']:not(:checked) + label::before {
    content:'';
    display:inline-block;
    width: 17px;
    height:17px;
    position: relative;
   	top:3px;
    border: 1px solid @grundfarbe-grau;
    background: white;
    margin-right: 1em;
    border-radius: 50px;
}

input[type=radio]:checked + label::before,
input[type=radio]:not(:checked) + label::before {
border-radius: 50px;
}

input[type='checkbox']:hover  + label::before,
input[type='radio']:hover  + label::before {
  background:#fff;
  box-shadow: inset 0 0 0 0px white;
}

input[type='checkbox']:checked  + label::before,
input[type='radio']:checked  + label::before {
  background:@grundfarbe-rot;
}

/* checkbox ok haken gestalten

.round_check {
	position: relative;
	white-space: nowrap;

		
		
		label:after {
			opacity: 1;
			content: '';
			position: absolute;
			width: 11px;
			height: 6px;
			background: transparent;
			
			top: 7px;
			left: 3px;
			border: 3px solid #fff;
			border-top: none;
			border-right: none;
			transform: rotate(-45deg);
		}
}

.square_check{
	position: relative;
	white-space: nowrap;
		
		label:after {
			opacity: 1;
			content: '';
			position: absolute;
			width: 11px;
			height: 6px;
			background: transparent;
			top: 8px;
			left: 4px;
			border: 3px solid #fff;
			border-top: none;
			border-right: none;
			transform: rotate(-45deg);

		}
}

.cross_check {
	position: relative;
		
		label:after {
			opacity: 1;
			content: 'x';
			position: absolute;
			color: #fff;
			font-weight: 400;
			
			background: transparent;
			top: 2px;
			left: 6px;

			border-top: none;
			border-right: none;

		}
}

/******Ende checkbox/radiobutton **********************************************************/
.btn-search {
  width: 100%;
  height: 40px;
  border: 1px solid #fff;
  text-align: center;
  color: #383838 !important;
  font-weight: 300;
  border-radius: 5px;
  background-color: #FFCC00;
  border: none;
  font-size: 1.286rem;
  font-size: 18px;
  /*box-shadow: inset 0px 20px 0px 0px #ffe014;*/
  margin: 0 auto;
  margin-bottom: 25px;
}
.btn-search:hover {
  background-color: #FFCC00;
  /*box-shadow: inset 0px 20px 0px 0px #ffe014;*/
}
.btn-back {
  width: 100%;
  height: 40px;
  border: 1px solid #fff;
  text-align: center;
  color: #818181;
  font-weight: 300;
  border-radius: 5px;
  background-color: #FFCC00;
  border: none;
  font-size: 1.286rem;
  font-size: 18px;
  /*box-shadow: inset 0px 20px 0px 0px #e2e2e2;*/
  margin: 0 auto;
  margin-bottom: 25px;
}
.btn-back:hover {
  background-color: #FFCC00;
  /*box-shadow: inset 0px 20px 0px 0px #e2e2e2;*/
}
.btn-table {
  width: 90%;
  height: 30px;
  border: 1px solid #fff;
  text-align: center;
  color: #fff !important;
  font-weight: 300;
  border-radius: 5px;
  background-color: #FFCC00;
  border: none;
  font-size: 14px;
  font-size: 1rem;
  /*box-shadow: inset 0px 15px 0px 0px #ffe014;*/
  margin: 15px 10px 15px 0px;
}
.btn-table:hover {
  background-color: #FFCC00;
  /*box-shadow: inset 0px 20px 0px 0px #ffe014;*/
}
a, a:focus, a:hover {
  color: #383e42;
}

#main a.not(.lSNext,.lSPrev):hover {
  background-color: #FFDB00;
  text-decoration:none;
}
#reiseboxen a:hover {
 background-color: transparent;
 }
.a-search {
  width: 74%;
  height: 40px;
  border: 1px solid #fff;
  text-align: center;
  color: #fff !important;
  font-weight: 300;
  border-radius: 5px;
  background-color: #FFCC00;
  border: none;
  font-size: 1.571rem;
  /*box-shadow: inset 0px 20px 0px 0px #2e7cc3;*/
  padding-top: 10px;
  margin: 0 auto;
  margin-bottom: 50px;
}
.a-search:hover {
  background-color: #FFCC00;
  /*box-shadow: inset 0px 20px 0px 0px #2e7cc3;*/
}
.a-background {
  width: 98%;
  height: 40px;
  border: 1px solid #fff;
  text-align: center;
  border-radius: 5px;
  background-color: #FFCC00;
  border: none;
  font-size: 16px;
  font-size: 1.143rem;
  /*box-shadow: inset 0px 20px 0px 0px #2e7cc3;*/
  padding-top: 7px;
  margin: 0 auto;
  margin-bottom: 0px;
}
.a-background a {
  color: #383838 !important;
  font-weight: 400;
  text-decoration: none;
  text-underline: none;
}
.a-background:hover {
  background-color: #FFCC00;
  /*box-shadow: inset 0px 20px 0px 0px #2e7cc3;*/
}
/*list style*/
.smal-bullet {
  list-style-type: none;
  padding-left: 12px;
}
.smal-bullet li {
  padding-top: 0px;
  list-style: inherit;
  margin: 0 0 4px 8px;
}
.smal-bullet li:before {
  content: url(../images/bullets.png);
  position: absolute;
  margin-top: -3px;
  text-indent: -11px;
}


h2 .normal {
  text-transform: none;
}

.upper {
  text-transform: uppercase;
}

#main.kinderreisen .decofont, #main.kinderreisen h4 .decofont, #main.kinderreisen .faq span, #main.kinderreisen .footer_1 h4 .decofont {
  font-family: Indie Flower;
}
#main.jugendreisen .decofont, #main.jugendreisen h4 .decofont, #main.jugendreisen .faq span, #main.jugendreisen .footer_1 h4 .decofont {
  font-family: Kalam;
}
#main.sprachreisen .decofont, #main.sprachreisen h4 .decofont, #main.sprachreisen .faq span, #main.sprachreisen .footer_1 h4 .decofont {
  font-family: Poiret One;
}
#main.youngtravel .decofont, #main.youngtravel h4 .decofont, #main.youngtravel .faq span, #main.youngtravel .footer_1 h4 .decofont {
  font-family: Architects Daughter;
}



h4.underline_dotted {
  padding-bottom: 6px;
  background-image: linear-gradient(to right, #818181 33%, rgba(255, 255, 255, 0) 0%);
  background-position: left bottom;
  background-size: 3px 1px;
  background-repeat: repeat-x;
}
h6.teaser {
  color: #818181;
  text-transform: none;
  line-height: 1.5;
  width: 75%;
}
.blue-ground-h5 {
  font-size: 1.429rem;
  background-color: #ffcc00;
  color: #fff;
  padding: 10px;
  width: 100%;
  text-align: center;
  margin: 15px 0 30px 0;
}
.trenner {
  background-color: #c2c2c2;
  height: 350px;
  width: 1px;
  margin-left: 15px;
}

#container-slider {
	overflow:hidden;
}

#container-slider, #navbar_v4, #main {
 max-width: 1920px;
 margin:0 auto;
}

#slider {
	/*
  border-bottom: 40px solid #FFCC00;
  */
}

#slider_bottom {
 visibility: hidden;
}

#slider_bottom_inner {
  background-color: #FFDB00;
	text-align:center;
  font-size:14px;
  position:relative;
  padding:6px;
  margin:-20px auto 0px auto;
  white-space:nowrap;
  border-radius: 5px;
  min-height:35px;
}

#slider_slogan_desktop {
	text-align:center;
  font-size:20px;
  letter-spacing:5px;
  font-weight:bold;
}

@media (max-width: 982px) {
	#slider_bottom_inner {
		width:100% !important;
	}
}

#countdown_link:hover {
	text-decoration:none;
}


#slider_contact {
	display: none ;
}

#slider_slogan_mobile {
	display:none;
   text-align: center;
   font-size: 20px;
   letter-spacing: 5px;
   font-weight: bold;
   position: relative;
   margin-top:15px;
   margin-bottom:-5px;
}

#countdown {
	text-align:center;
	margin-top:20px;
}
#countdown > div {
	display:inline-block;
	margin:0 10px;
	background-color: #FFDB00;
	width: 70px;
	height:70px;
  border-radius: 5px;
}

#countdown > div > div {
	text-align:center;
	padding:5px;
}

.countdown_value {
	font-size:40px;
	line-height: 40px;
}
.countdown_label {
	text-transform: uppercase;
	line-height: 1px;
	font-size:12px;
}

@media (max-width: 999px) {
	#slider_contact {
		display: block ;
	}
	#slider_bottom {
		/*height:auto;*/
		display:none;
	}
	#slider_bottom_inner {
	  border-radius: 0px;
	  width:100%;
	}
	#slider_countdown {
	  font-size:16px;
	  margin-bottom:7px;
	  display:block;
	  letter-spacing:0.10em;
	}
	#slider_slogan_desktop {
		display:none;
	}
	#slider_slogan_mobile {
		display:block;
	}

}

@media (max-width: 999px) {
	#countdown > div {
		width: 67px;
		height:67px;
		margin:0px 5px;
	}
	#slider_slogan_mobile {
	  font-size: 18px;
	   letter-spacing: 3px;
	}
}

/*Altersgruppen*/

#row_alter_select {
}

.sprach {
  color: #0F6FB2;
}

.kinder {
  color: #BF0D3E;
}

.btn-chose {
  font-size: 18px;
  padding:5px;
  color:#fff;
  float: right;
  z-index:500;
}

.btn-chose img {
  width: 20px;
  float: right;
  margin-left:10px;
  margin-top:8px;
}

.btn-chose-sprachreisen {
  background-color: #0F6FB2;
}

.btn-chose-kinder {
  background-color: #BF0D3E;
}

.btn-chose-young-traveller {
  background-color: #BF0D3E;
}

.btn-chose-jugend {
  background-color: #BF0D3E;
}


@media (max-width: 1400px) {
  #bereichs_wechsler {
    display:none;
  }
}

 #bereichs_wechsler_click {
 	cursor:pointer;
}
 	

 #bereichs_wechsler a {
 	color:#fff;
 	margin-right:10px;
}

#bereichs_wechsler i {
	font-size:20px;
}

#bottom_row {
	position:fixed;
	left:0;
	bottom:0;
	width:100%;
  color: #fff !important;
  padding:5px 10px;
  font-size:18px;
}


body.body-beachtours #bottom_row {
  color: #383e42 !important;
}

body.body-beachtours #bottom_row i {
  color: #383e42 !important;
}

#bottom_row i {
	font-size: 24px;
}

#bottom_row_buttons {
	float:right;
}

#bottom_row_buttons > i, #bottom_row_buttons > a {
	margin-left:20px;
}


#bottom_row_desktop {
	position:fixed;
	right:0;
	bottom:0;
  color: #fff !important;
  padding:5px 10px;
  font-size:18px;
  
}
#goto_top_desktop {
	background-color:#666;
	padding:8px;
	cursor:pointer;
}

@media (min-width: 1400px) {
  #bottom_row {
    display:none;
  }
}

@media (max-width: 1401px) {
  #bottom_row_desktop {
    display:none;
  }
}

#goto_top, #change_section {
	cursor:pointer;
}

.bottom_row-sprachreisen {
  background-color: #0F6FB2;
}

.bottom_row-kinder {
  background-color: #BF0D3E;
}

.bottom_row-young-traveller {
  background-color: #BF0D3E;
}

.bottom_row-jugend {
  background-color: #BF0D3E;
}

#bottom_row a {
	color:#fff;
}

#chose_altersgruppe_box {
  z-index: 600;
  width: 100%;
  position: fixed;
  display: none;
  top: 100px;
  padding:0 20px;
  box-shadow: -9px 10px 22px -11px rgba(0, 0, 0, 0.6);
}
#chose_altersgruppe_box > div {
  background-color: #f9f9f9;
  border: 3px solid #cdcdcd;
  max-width: 1080px;
  margin:0 auto;
}
#chose_altersgruppe_box a:hover {
	text-decoration: none;
}
#chose_altersgruppe_box .chose_altersgruppe {
  position: relative;
  padding: 0px;
  padding:10px 0px 10px 0px;
}
#chose_altersgruppe_box .chose_altersgruppe .chose_background_img {
  border: 4px solid #fff;
}
#chose_altersgruppe_box .chose_altersgruppe .chose_altersbox {
  position: absolute;
  transform: rotate(-10deg);
  bottom: 5%;
  margin: 0 auto;
  width: 70%;
  margin-left: 10%;
	opacity:0.8;
	border:2px solid #fff;
	border-style:dashed;
}
#chose_altersgruppe_box .chose_altersgruppe .chose_altersbox_text {
  bottom: 2.5%;
  color: #fff;
  font-size: 22px;
  position: absolute;
  text-align: center;
  width: 100%;
  font-weight:bold;
}
#chose_altersgruppe_box .change_alter {
  font-weight: 300;
  text-align: center;
  color: #383838  !important;
  border-radius: 5px;
  background-color: #FFCC00;
  border: none;
  font-size: 20px;
  /*box-shadow: inset 0px 20px 0px 0px #ffe014;*/
  margin: 0 auto;
  margin-bottom: 15px;
  padding: 3px 5px;
}
#chose_altersgruppe_box .change_alter a {
  color: #fff;
  font-weight: 300;
  font-size: 1.286rem;
}
#chose_altersgruppe_box .change_alter a:hover {
  text-decoration: none;
}
.chose_altersbox_a10 {
	background: repeating-linear-gradient(
	  135deg,
	  #8d000c,
	  #8d000c 2px,
	  #BF0D3E 2px,
	  #BF0D3E 4px
	);
}
.chose_altersbox_a9 {
	background: repeating-linear-gradient(
	  135deg,
	  #8d000c,
	  #8d000c 2px,
	  #BF0D3E 2px,
	  #BF0D3E 4px
	);
}
.chose_altersbox_a11 {
	background: repeating-linear-gradient(
	  135deg,
	  #8d000c,
	  #8d000c 2px,
	  #BF0D3E 2px,
	  #BF0D3E 4px
	);
}
.chose_altersbox_c1 {
	background: repeating-linear-gradient(
	  135deg,
	  #003d80,
	  #003d80 2px,
	  #0F6FB2 2px,
	  #0F6FB2 4px
	);
}
.chose_altersbox img {
 xdisplay:none;
}

#img_logo {
  margin-top: 15px;
  padding: 0 0 15px 0;
}
#main {
  /* margin-top: -337.15px; */
}
#aufmacher_laender {
  margin-top: 60px;
}
#aufmacher_laender img {
  width: 100%;
  position: absolute;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border: 3px solid #e6e6e6;
}
.aufmacher_laender_wrapper {
  position: relative;
  margin-bottom: 30px;
}
.aufmacher_laender_wrapper div {
  position: absolute;
  bottom: 20%;
  background-color: #e6e6e6;
  opacity: 0.8;
  width: 100%;
  text-align: center;
  color: #000;
}
.aufmacher_laender_wrapper:after {
  padding-top: 68%;
  display: block;
  content: '';
}

#footer_info_text {
  margin-top: 70px;
}

#footer_info_text p {
  font-size: 16px;
  line-height: 1.5;
  margin: 0 0 10px;
}

#footer_info_text .toggle_info_text {
	font-size:24px;
}
#footer_info_text .toggle_info_text span {
	color: #383838;
}

.h4_faq {
  padding-bottom: 11px !important;
}
#faq_link {
  margin-bottom: 25px;
}
.faq {
  margin-top: 20px;
  position: relative;
  height: 220px;
}
.faq span {
  position: absolute;
}
.faq .faq_1 {
  font-size: 22px;
  font-size: 1.571rem;
  left: 1.4%;
  top: 0px;
}
.faq .faq_2 {
  font-size: 24px;
  font-size: 1.714rem;
  left: 64.7%;
  top: 30px;
}
.faq .faq_3 {
  font-size: 34px;
  font-size: 2.429rem;
  left: 18.3%;
  top: 50px;
}
.faq .faq_4 {
  font-size: 24px;
  font-size: 1.714rem;
  left: 4.3%;
  top: 110px;
}
.faq .faq_5 {
  font-size: 18px;
  font-size: 1.286rem;
  left: 45%;
  top: 130px;
}
.faq .faq_link {
  position: absolute;
  margin: 0 auto;
  top: 180px;
  left: 25%;
  font-size: 1rem;
  text-decoration: underline;
}
.in_besten_haenden {
  width: 75%;
  margin:0 auto;
  
}
}
.in_besten_haenden img {
  width: 100%;
}
@media (max-width: 719px) {
	.in_besten_haenden {
  	width: 85%;
  	margin-bottom:20px;
	}
	#footer_weitersagen {
		display: none;
	}
}
#social_mobile > div {
	text-align:center;
	font-size:60px;
	padding-top:10px;
}
@media (min-width: 719px) {
	#social_mobile {
		display: none;
	}
}
#footer {
  color: #fff;
  min-height: 200px;
  background-color: #156CB5;
  padding-bottom: 100px;
  margin-top: 20px;
}
#footer h5 {
  font-size: 16px;
  text-transform: uppercase;
  padding-bottom: 15px;
  padding-top: 30px;
  color: #fff;
}
#footer ul {
  list-style: none;
  padding-left: 0;
  font-weight: 300;
}
#footer li {
  font-size: 16px;
  margin-bottom: 10px;
}
#footer .closed {
  margin: 0px 5px 0 0;
}
#footer .open {
  margin: 2px 5px 0 0;
}
/*toggle_list*/
.toggle_list {
  text-align: left;
}
.toggle_list:hover {
  background-color: ;
  box-shadow: inset 0;
}
/*ul {
  display: none;
  margin: 0 0 0 0;
}*/
.closed,
.open {
  float: right;
  display: block;
  height: 20px;
  width: 20px;
  background-repeat: no-repeat;
  margin: 7px 5px 0 0;
}
.closed {
  background-image: url(../images/arrow_right.svg);
}
.open {
  background-image: url(../images/arrow_down.svg);
}
.toggle_destinationen p {
  display: none;
}
.toggle_destinationen .closed {
  background-image: url(../images/pfeil_b_r.svg);
}
.toggle_destinationen .open {
  background-image: url(../images/pfeil_b_u.svg);
}
.toggle_info_text p {
  display: none;
}
.toggle_info_text .closed {
  background-image: url(../images/pfeil_b_r.svg);
}
.toggle_info_text .open {
  background-image: url(../images/pfeil_b_u.svg);
}
.toggle_news .news_aktionen {
  display: none;
}
.toggle_news .closed {
  background-image: url(../images/pfeil_b_r.svg);
}
.toggle_news .open {
  background-image: url(../images/pfeil_b_u.svg);
}
.toggle_kunden .kunden_meinung {
  display: none;
}
.toggle_kunden .closed {
  background-image: url(../images/pfeil_b_r.svg);
}
.toggle_kunden .open {
  background-image: url(../images/pfeil_b_u.svg);
}
.layer_news img {
  max-width: 100%;
  height: 110px;
  overflow: hidden;
  border: 2px solid #cdcdcd;
}
#footer > div > div {
  background-image: linear-gradient(to right, #818181 33%, rgba(255, 255, 255, 0) 0%);
  background-position: left 62px;
  background-size: 3px 1px;
  background-repeat: repeat-x;
  padding: 0;
}
#img_logo {
  width: 100%;
}
#navi_button {
	position:fixed; 
	top:10px; right:10px; z-index:500;
	font-size:14px;
}
#container-main-nav {
  z-index: 200;
  font-size:14px;
  opacity: 0;
}
#main-nav > .navbar {
  border: 1px solid #fff;
  color: white;
  font-size: 1rem;
  font-weight: 300;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  /*background-color: #5094d3;*/
  background-color: #0f6fb2;
  
  box-shadow: inset 0px 25px 0px 0px #69a7df, 0px 0px 8px rgba(0, 0, 0, 0.25);
  z-index: 5;
}
#main-nav > .navbar li {
  position: relative;
}
#main-nav > .navbar li :hover {
  /*background-color: #a0cef8;*/
  background-color: #5094d3;
}
#main-nav > .navbar li > a {
  text-transform: uppercase;
  color: #fff;
  padding-right: 15px;
  padding-left: 15px;
}
#main-nav > .navbar .category-wrapper {
  position: absolute;
  display: inline;
  height: auto;
  /*background-color: #a0cef8;*/
  background-color: #5094d3;
  display: none;
}
#main-nav > .navbar .category-wrapper-3 {
  width: 585px;
}
#main-nav > .navbar .category-wrapper-2 {
  width: 380px;
}
#main-nav > .navbar .category-wrapper .item {
  border: 2px solid #cdcdcd;
  margin: 15px;
  float: left;
  width:160px;
}
#main-nav > .navbar .category-wrapper .item img {
  width: 160px;
}
#main-nav > .navbar .category-wrapper .item p {
  text-align: center;
  background-color: #ffcc00;
  color: #383838;
  margin-bottom: 0px;
  white-space: nowrap;
  overflow:hidden;
}
body.body-sprachreisen #main-nav > .navbar .category-wrapper .item p {
  white-space: normal;
  height:50px;
}
#main-nav > .navbar .category-wrapper .item a:hover {
	text-decoration: none;
}
.verticalLine {
  border-left: 1px dotted rgba(0, 0, 0, 0.25);
  border-right: 1px dotted rgba(255, 255, 255, 0.25);
  height: 35px;
  margin-top: 10px;
}
#container-main-nav {
  font-family: "proxima-nova";
}
#main-nav.affix {
  position: fixed;
  top: 0;
  z-index: 200;
}
.navbar-default .navbar-nav > .active > a {
  /*#gradient > .vertical(#2e7cc3, #1c5a92);*/
  background-color: #1c5a92;
  box-shadow: inset 0px 25px 0px 0px #2e7cc3;
  color: #fff;
}
.navbar-default .navbar-nav > .active > a:hover {
  background-color: #1c5a92;
  color: #fff;
}
#main-nav-top {
  width: 100%;
  text-align: right;
  padding-right: 2px;
  position: relative;
}
#main-nav-top > div {
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  background-color: #FFCC00;
  margin-bottom: -10px;
  padding-bottom: 18px;
  text-align: right;
  display: inline-block;
  padding-top: 12px;
  padding-left: 10px;
  padding-right: 10px;
  width: 65%;
  width:auto !important;
}
#main-nav-top-left {
  display: inline-block;
  color: #ffcc00;
  font-weight: 400;
  text-align: left !important;
  float: left;
}
#main-nav-top-left a,
#main-nav-top-left #nav-tel {
  padding: 0 10px 0 10px;
}
.dottedLine {
  height: 25px;
  border-right: 1px dotted;
}
.dashedLine {
  height: 25px;
  border-right: 1px dashed;
}
#main-nav-top {
  text-transform: uppercase;
}
#main-nav-top .navi_mail{
  text-transform: lowercase;
}
#main-nav-top a, #main-nav-bottom a {
  padding: 0 10px 0 10px;
  color: #383838;
}
#main-nav-bottom {
  text-align: right;
  display: none;
  margin-top: 0px;
  position: relative;
}
#main-nav-bottom > span {
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  background-color: #FFCC00;
  padding-top: 20px;
  padding-bottom: 10px;
  padding-left: 18px;
  padding-right: 18px;
  text-align: right;
  display: inline-block;
  top: -30px;
  right: 2px;
  position: absolute;
  z-index: 4;
  color: rgb(28, 89, 147);
  font-weight: 400;
}
.toggle-nav {
  display: none;
}
.white_header_container {
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border: 3px solid #dbd9d7;
  background-color: #fff;
  -webkit-box-shadow: 0 0px 8px rgba(0, 0, 0, 0.25);
  box-shadow: 0 0px 8px rgba(0, 0, 0, 0.25);
  /* margin: 35px -55px 0 -55px; */
  margin: 50px 0px 0px 0px; 
}
.ribbon-wrapper-blue {
  width: 85px;
  height: 88px;
  overflow: hidden;
  position: absolute;
  top: 18%;
  right: 3%;
}
.ribbon-blue {
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 0.2rem;
  color: #fff;
  text-align: center;
  text-shadow: rgba(255, 255, 255, 0.5) 0px 1px 0px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  position: relative;
  padding: 7px 0;
  left: -5px;
  top: 15px;
  width: 120px;
  background: #1C5992;
  background: linear-gradient(#ffcc00 0%, #2e7cc3 100%);
  -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
}
.ribbon-blue:before,
.ribbon-blue:after {
  content: "";
  border-top: 3px solid #1C5992;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  position: absolute;
  bottom: -3px;
}
.ribbon-blue:before {
  left: 0;
}
.ribbon-blue:after {
  right: 0;
}

/*
@media (min-width: 768px) {
	#main-nav > .navbar {
  	box-shadow: inset 0px 25px 0px 0px #69a7df, 0px 0px 8px rgba(0, 0, 0, 0.25) !important ;
	}
}
*/

/************************************************************/
/*max 767 */
@media (max-width: 767px) {
  .btn-chose-kinder {
    margin-right: -15px;
  }
  #chose_altersgruppe_box .chose_altersgruppe .chose_altersbox_text {
    font-size: 16px;
    font-size: 1.143rem;
  }
  #chose_altersgruppe_box button {
    font-size: 1.286rem;
  }
  #chose_altersgruppe_box .change_alter .mobile_hide {
    display: none;
  }
  .navbar {
    min-height: 25px;
  }
  #main-nav-top {
    display: none !important;
  }
  #main-nav-bottom {
    display: none !important;
    margin-top: -55px;
    position: relative;
    text-align: right;
  }
  .navbar-default > container-fluid {
    background-color: none;
  }
  #main-nav > .navbar {
    border: 0px solid;
    background-color: transparent !important;
    box-shadow: none;
    font-size: 18px;
    font-size: 1.286rem;
  }
  #main-nav > .navbar ul li {
    background-color: #5094d3;
    box-shadow: 0 45px 0 0 #69a7df inset, 0 0 8px rgba(0, 0, 0, 0.25);
  }
  .navbar-default .navbar-nav > .active > a {
    background-color: ;
    box-shadow: 0 40px 0 0 #2e7cc3 inset;
    color: #fff;
  }
  #main-nav > .navbar .category-wrapper {
    position: relative;
    z-index: 500;
    background-color: #a0cef8;
    height: auto;
    width: 100%;
  }
  #main-nav > .navbar .category-wrapper .item {
    float: left;
  }
  .verticalLine {
    display: none !important;
  }
  .navbar-collapse {
    border-top-color: transparent;
    border-top-style: none;
    border-top-width: 0px;
    box-shadow: none;
  }
  .navbar-toggle {
    border: none;
    margin-top: -45px;
  }
  .navbar-default .navbar-toggle .icon-bar {
    background-color: #206EB6;
  }
  .navbar-default .navbar-toggle:hover,
  .navbar-default .navbar-toggle:focus {
    background-color: transparent !important;
  }
  #footer h5 {
    padding-top: 15px;
    padding-bottom: 30px;
  }
  #footer ul {
    padding-left: 30px;
  }
  #footer li {
    padding-bottom: 15px;
  }
  .footer_1 h4 {
    font-size: 1.571rem;
  }
  .footer_1 h4 .decofont {
    font-size: 1.286rem;
  }
  #aufmacher_laender {
    margin-top: 0px;
  }
  .faq {
    display: none;
  }
  /*allgemein*/
  .mobile_hide {
    display: none;
  }
}
/* 768 */
@media (min-width: 768px) {
  #main-nav-top > span {
    width: 100%;
  }
  #main-nav > .navbar {
    font-size: 14px;
  }
  #main-nav-top {
    display: block !important;
  }
  .navbar {
    display: block;
    min-height: 0px;
  }
  #main-nav > .navbar .category-wrapper {
    height: auto;
  }
  .btn_specials button {
    margin-top: 12px;
  }
  .footer_info_text {
    position: relative;
  }
  .in_besten_haenden {
    
  }
  .faq {
    margin-top: 60px;
  }
  /*allgemein ein/ausblenden mobile ansicht*/
  .mobile_show {
    display: none;
  }
}
/* 992 */
@media (min-width: 992px) {
  #main {
    /* margin-top: -521.05px; */
  }
  #slider {
    /* height: 521.05px; */
  }
  #main-nav > .navbar {
    font-size: 14px;
  }
  #main-nav-top > span {
    width: 65%;
  }
  .btn_specials {
    margin-top: 12px;
  }
  .faq {
    margin-top: 60px;
  }
  .footer_info_text > p {
    height: auto;
  }
}
/* 1200 */
@media (min-width: 1200px) {

  .faq {
    margin-top: 20px;
  }
  #main-nav > .navbar {
    font-size: 18px;
  }
}

/* 768 */
@media (min-width: 768px) {
  h1 {
    margin-top: 40px;
    margin-bottom: 60px;
  }
}
@media (max-width: 768px) {
	.toggle_list {
	  cursor: pointer;
	  text-align: left;
}
}

/* 992 */
@media (min-width: 992px) {
  h1 {
    margin-top: 40px;
    margin-bottom: 60px;
  }
}
/* 1200 */
@media (min-width: 1200px) {
  h1 {
    margin-top: 40px;
    margin-bottom: 60px;
  }
}

@media (max-width: 1000px) {
	#nav_main {
		display: none;
	}
}

@media (min-width: 1000px) {
	#navi_button {
		display: none;
	}
}

#main.kinderreisen h1, #main.kinderreisen h2, #main.kinderreisen h3, #main.kinderreisen h4, #main.kinderreisen h5, #main.kinderreisen h6 {
  color: #383e42;
}

#main.jugendreisen h1, #main.jugendreisen h2, #main.jugendreisen h3, #main.jugendreisen h4, #main.jugendreisen h5, #main.jugendreisen h6 {
  color: #383e42;
}

#main.youngtravel h1, #main.youngtravel h2, #main.youngtravel h3, #main.youngtravel h4, #main.youngtravel h5, #main.youngtravel h6 {
  color: #383e42;
}

#main.sprachreisen h1, #main.sprachreisen h2, #main.sprachreisen h3, #main.sprachreisen h4, #main.sprachreisen h5, #main.sprachreisen h6 {
  color: #383e42;
}


.contentimage_right {
	margin-left:20px;
}
.contentimage_left {
	margin-right:20px;
}

.mark_text {
	background-image:url(../images/bg_highlight.png);
	background-repeat:no-repeat;
	background-size:100% 100%;
	margin: 0 -4px;
  padding: 1px 7px;
  display:inline-block;
}

ul.navi_bottom li a {
	color:#fff !important ;
}

.flag_icon {
	width: 70px;
	margin-top:4px;
}

.angebote table td {
  width:20%;
}
.angebote table td:nth-child(1) {
  width:40%;
}


.fixed {
  position: fixed;
  background: #fff;
  z-index: 10;
  width: 100%;
}

.aligned-row {
   display: flex;
   flex-flow: row wrap;
}

.aligned-row::before {
  display: block;
}

@media (max-width:745px) {
	.aligned-row {
	   display: block;
	}
}

.link_block_row h3 {
	color: #B5AA12;
}

.h2_kategorie h2 {
	white-space: nowrap;
	overflow:hidden;
}


.page_image {
	width: 100%;
	display:block;
}

.page_row .col  {
	/*
	display:flex;
	flex-direction:column;
	*/
}

s.page_row .col::before {
  display: block;
}



.page_row .col_button:not(.col_button_pad_top,.col_button_pad_button) {
	padding-top: 40px;
	padding-bottom: 60px;
}

.page_row .col_button_pad_top {
	padding-top: 40px;
}

.page_row .col_button_pad_bottom {
	padding-bottom: 60px;
}

.page_button {
	width: calc(100% - 30px);
	position:absolute;
	left:15px;
	bottom:0;
	padding:10px;
	text-align: center;
	color: #383838;
	background-color: #FFDB00;
	font-size: 18px;
  margin-top: 15px;
}

body.body-beachtours .page_button {
	background-color: #fdd23b;
}

.page_headline {
	margin-top:0px;
	margin-bottom:15px;
	width: calc(100% - 30px);
	position:absolute;
	left:15px;
	top:0;
}

.row_outer {
	margin-bottom: 25px;
	position:relative;
}

/*
@media (max-width: 767px) {
	.page_row .col  {
		margin-bottom: 25px;
	}
	.page_row .row_outer {
		margin-bottom: 0px;
	}
}
*/

.page_container .row_outer {
	margin-bottom: 0px;
}

.page_row .col  {
	margin-bottom: 25px;
}

.page_row .video_cursor {
	cursor:pointer;
}


.bg_row {
	padding-bottom: 15px;
	padding-top: 15px;
}

.page_bg_image {
	width: 100%;
	height:100%;
	background-size:cover;
	background-position:center;
	padding-bottom:60%;
}

.page_row .video_play {
		width:60px !important;
		position:absolute;
		left:calc(50% - 30px);
		top:calc(50% - 30px);
}

.page_row .image_wrapper, .col .image_wrapper {
	position: relative;
}

.overlay_text {
	position:absolute;
  visibility:hidden;
}
 
.overlay_text > div > div {
	color: #383e42;
	/*white-space:nowrap;*/
}

.overlay_text > span {
  position:absolute;
	left:0;
	top:0;
	height:100%;
	display:inline-block;
	width: 100%;
	z-index:20;
}

.overlay_text > div  {
	display:inline-block;
	width: 100%;
	z-index:30;
	position:relative;
}

.overlay_text img {
	width: auto !important;
}

.overlay_text > div > * {
 	padding:0;
 	margin:0;
}

.page_image {
}



.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
    color: #333;
}

.ui-front {
    z-index: 150;
}

.seo_unten_row {
	margin-top:30px;
}

.seo_unten_row > div > table {
	width:100% !important;
}

@-ms-viewport{
	width:auto!important;
}
 
.mm-wrapper__blocker, .mm-slideout {
	z-index:110;
}

.mm-menu, .mm-menu_offcanvas  {
	z-index: 999;
}

.mm-navbar__title span {
	color:#000;
	font-weight:bold;
}

#my-menu {
	margin-top:91px;
}

@media (max-width:800px) {
	#my-menu {
		margin-top:65px;
	}
}

@media (max-width:400px) {
	#my-menu {
		margin-top:55px;
	}
}

.container-angebote-head {
  height: 40px;
}
.container-angebote-head img {
  float: left;
  padding: 5px 15px 0 15px;
}
.table-striped > tbody > tr:nth-of-type(2n) {
  background-color: #fff;
}
.angebote table {
  border: 0px solid #cdcdcd;
}
.angebote table {
  border-bottom: 1px solid #cdcdcd;
}
.angebote table tr:hover {
  background-color:#FFDB00;
}
.container-angebote-head h2 {
	color:#1c5993 !important;
	line-height: 43px;
	padding-left:15px;
}

.preis {
	text-align: right;
}

.map_unten {
	margin-top: 30px;
}

.ohne_rabatt {
	text-decoration:line-through;
	color:red;
	display:inline-block;
	width:70px;
	padding-left:15px;
}

.mit_rabatt {
	display:inline-block;
	width:70px;
	padding-left:15px;
}



@media (max-width: 767px) { /* .col-xs */
	h1 {
		font-size:24px;
	}
	#chose_altersgruppe_box {
	  width: 70% !important;
	  top:10px;
	}
	#chose_altersgruppe_box .chose_altersgruppe {
		padding: 0px 0px 5px 0px;
	}
}

@media (min-width:768px) and (max-width: 991px) {
	h1 {
		font-size:32px;
	}
}

@media (min-width: 992px) and (max-width: 1199px) { 
}

@media (min-width: 1200px) { 
}

#ausgezeichnt_org {
	max-height:285px;
	overflow:auto;
}
#ausgezeichnt_org .rating-4 {
    display: block;
    position: relative;
    overflow: hidden;
    width: 130px;
    height: 25px;
    background: url("../images/ausgezeichnet_sprite.png") no-repeat -26px 0px;
    margin-bottom:10px; 
    margin-left:-12px;
    transform: scale(0.8);
}
#ausgezeichnt_org .rating-5 {
    display: block;
    position: relative;
    overflow: hidden;
    width: 130px;
    height: 25px;
    background: url("../images/ausgezeichnet_sprite.png") no-repeat 0px 0px;
    margin-bottom:10px; 
    transform: scale(0.8);
    margin-left:-12px;
}
#ausgezeichnt_org .review-title {
	font-weight: bold;
}
#ausgezeichnt_org p {
	line-height: 1.2;
}


#grayout {
   position: fixed;
   left: 0px;
   top: 0px;
   height: 100%;
   width: 100%;
   background-color: black;
   opacity: 0.5;
   z-index: 590;
   display:none;
}


#presse_spiegel_table img {
    width: 200px;
    cursor: pointer;
    margin-right: 20px;
}


.static_box {
    background-color: #FFDB00;
    margin-bottom: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 15px;
    padding-right: 10px;
}

.headline_1 {
  font-weight : bold;
	font-size: 18px;
	margin:20px 0px;
}

@media (max-width: 767px) { /* .col-xs */
	.tp-caption {
		text-shadow: 0 0 2px #444 !important;
		font-weight : bold !important;
	}
}

#laender_navi {
	text-align:center;
}

.section_content {
	display: none;
}

.section_header {
   cursor:pointer;
}

/*
.section_header::before {
   font-family: 'Font Awesome 5 Free';
   content: '\f35a\a0\a0';
}
*/


.navi-logo {
	height:18px;
	margin-right:5px;
}

.page_row td, .page_row th {
	padding: 10px;
}


.special_button {
    color: #383e42;
    background-color: #fdd23b;
    border-color: #2e6da4;
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid 
    transparent;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-radius: 4px;
}	

.special_button a {
   color: #383e42;
}


.special_button:hover {
	filter: brightness(90%);
}

.special_button a:focus, .special_button a:focus, .special_button a:hover {
   color: #333;
   text-decoration: none;
}

#buchung_back {
	margin:15px;
	font-weight:bold;
}

#userlike-tab {
	right: calc(50% - 32px) !important;
}

#guetesiegel {
	margin:24px 0 -2px;
	
}

#guetesiegel  img {
	max-width:120px;
	margin:0 auto;
	opacity: 0.5;
}

@media (max-width: 650px) {
	#guetesiegel  img {
		width:auto;
		max-height:110px;
		max-width:none;
	}
	#guetesiegel .slick-next {
    right: 0px;
	}
	#guetesiegel .slick-prev {
    left: 0px;
	}
}

.slick-arrow {
	z-index: 20;
}

#guetesiegel .slick-prev::before, #guetesiegel .slick-next::before {
    color: #ccc;
}


.icon_row .slick-prev::before, .icon_row .slick-next::before {
    color: #333;
}

.icon_row .slick-next {
    right: 0px;
}

.icon_row .slick-prev {
   left: 0px;
}

.icon_row {
	text-align:center;
}

	.icon_container {
		display:inline-block;
		padding:20px;
		position: relative;
		width:33%;
	}

	.icon_container p {
		margin:5px 0px;
		hyphens:auto;
	}

	.icon_row_jobs .icon_container p {
		text-transform: uppercase;
	}
	
	.icon_row_jobs.slick-dotted.slick-slider {
    margin-bottom: 0px;
	}
	
	.icon_container .icon_block {
		display:table;
	}

	.icon_container .icon_block > div:nth-child(1) {
		width:25%;
		display:table-cell;
		vertical-align: middle;
	}

	.icon_container .icon_block > div:nth-child(1) img {
		width:100%;
	}

	.icon_container .icon_block > div:nth-child(2) {
		padding-left:20px;
		display:table-cell;
		vertical-align: middle;
		width:75%;
		text-align: left;
	}

	.icon_row .slick-track {
	  display: flex;
	}
	
	.icon_row .slick-track .slick-slide {
	  display: flex;
	  height: auto;
	  align-items: center;
	  justify-content: center;
	}
	
	@media(max-width: 1000px) {
		.icon_container {
			width:50%;
		}
		.icon_container .icon_block > div:nth-child(1) img {
			width:70px;
		}
		.icon_container .icon_block {
	    margin: 0px 15px;
		}	
	}

	@media(max-width: 450px) {
		.icon_container {
			width:100%;
		}
		.icon_container .icon_block > div:nth-child(1) img {
			width:85px;
		}
	}	

.icon_row_home h1, .icon_row_home h2 {
	text-align: center;
	margin:18px 0px;
	font-size:24px;
	font-weight:normal;
}

.icon_row_home  {
	border-top:1px solid rgb(32, 63, 110);
	border-bottom:1px solid rgb(32, 63, 110);
}

.row_outer.slider .slick-prev::before, .row_outer.slider .slick-next::before {
    color: #000;
}

.row_outer.slider .slick-next {
  right: 30px;
  opacity: 1;
}
.row_outer.slider .slick-next:hover {
  opacity: 1;
}

.row_outer.slider .slick-prev {
  left: 20px;
  opacity: 1;
}
.row_outer.slider .slick-prev:hover {
  opacity: 1;
}

.row_outer.slider .slick-next::before {
    content: unset;
}
.row_outer.slider .slick-prev::before {
    content: unset;
}

.row {
	justify-content:center;
	/*border:2px solid red;*/
}

.row_outer {
	/*border:2px solid green;*/
}

.container {
	/*border:2px solid blue;*/
}

.lspace1 {
	letter-spacing: 1px;
}
.lspace1p5 {
	letter-spacing: 1.5px;
}
.lspace2 {
	letter-spacing: 2px;
}
.lspace2p5 {
	letter-spacing: 2.5px;
}
.lspace3 {
	letter-spacing: 3px;
}
.lspace3p5 {
	letter-spacing: 3.5px;
}
.lspace4 {
	letter-spacing: 4px;
}


@media (min-width: 768px) AND  (max-width: 1580px) {
 	.container {
 		width: 100%;
	}
}

@media (min-width: 1280px) {
	.container .row_outer {
		width: 100%;
		padding:0px 150px;
		justify-content:center;
	}

	.container .row_outer .row_outer, .container .row_outer .row_outer .row_outer {
		padding:0px 0px;
	}
	
	#reise_beschreibung .row_outer {
		padding:0px 0px;
	}
}


@media (max-width:1280px) {
 .container {
  	width :100%;
  	padding:0;
 }


  .container > .row,  .container .row_outer > .row {
  	padding-left:5px;
 	  padding-right:5px;
 	  margin:0;
		/*border:2px dashed red !important;*/
  }
  
  .container .row_outer .row .row_outer .row {
  	margin-left:-20px;
  	margin-right:-20px;
  	padding:0;
		/*border:2px dashed yellow !important;*/
  }

	

}


.overlay_text div div , .overlay_text div p {
  text-transform: none;
	font-size:16px !important;
	line-height: 20px !important;
}


.overlay_text h1 {
  font-size: 38px;
  line-height:35px;
  text-transform: none;
}
.overlay_text h2 {
  font-size: 24px;
  line-height:21px;
  text-transform: none;
}
.overlay_text h3 {
  font-size: 21px;
  line-height:18px;
  text-transform: none;
}

.overlay_text h4 {
  font-size: 18px;
  line-height:15px;
  text-transform: none;
}
.overlay_text h5 {
  font-size: 16px;
  line-height:13px;
  text-transform: none;
}
.overlay_text h6 {
  font-size: 14px;
  line-height:11px;
	text-transform: none;
}





/* Reisegruppen (Boxen) */

/*
#reiseboxen {
	margin-top: 50px;
}

#reiseboxen  .reisebox{
	padding-bottom:45px;
  }
#reiseboxen  .reiseboxImg{
    background-size: cover;
    min-height: 160px;
    display: block;
    border-radius: 5px 5px 0 0;
  }
#reiseboxen  .reiseboxImgText{
    display: none;
  }
#reiseboxen  .reiseboxTitle{
    font-size: 14px;
    font-weight: bold;
    padding-left: 20px;
    padding-right: 18px;
    min-height: 40px;
  }
#reiseboxen  .reiseBoxReisetage{
    padding: 5px 0 5px 15px;
    padding-left: 20px;
  }
#reiseboxen  .reiseboxSterne{
    padding: 5px 20px 5px 0;
    text-align: right;

  }
#reiseboxen  .reiseboxMapButton{
    position: absolute;
    right: 8px;
    top: 110px;
    border: 0;
    height: 40px;
    width: 40px;
    font-size: 11px;
    padding-top: 0;
    padding-left: 0;
    text-align: center;
    background-color: #fff;
    border-radius: 20px;
    margin-right:15px;
  }
#reiseboxen  .reiseboxMapButton:active, .btn:active, .btn-primary:active{
    outline: 0!important;
  }
#reiseboxen  .fav{
    height: 40px;
  }
#reiseboxen  .reiseboxPreis{
    color: #BF0D3E;
    font-size: 16px;
    padding-left: 20px;
  }
#reiseboxen  .reiseboxTags{
    margin: 10px 0;
    font-size: 12px;
    padding-left: 20px;
    min-height: 40px;
  }
#reiseboxen  .reiseboxReiseButton{
    padding: 10px;
    border: 1px solid #BF0D3E;
    border-radius: 5px;
    margin-right: 6px;
    color: #fff;
    background-color: #BF0D3E;
  }
#reiseboxen  .reiseboxReiseButton:hover{
    transition-duration: 0.4s;
    background-color: #989898;
  }

#reiseboxen  .reiseboxPreisDiscount{
    display: inline;
    color: #989;
    text-decoration: line-through;
  }
#reiseboxen  .sale{
    width: 42px;
    margin: 0 0 5px 5px;
    display: inline-block;
  }
#reiseboxen  .reiseboxZurReise{
    display: inline-block;
    margin-bottom:5px;
  }
#reiseboxen  .reiseboxSale{
    display: inline-block;
  }

*/



#reiseboxen {
	margin-top: 50px;
}

#reiseboxen  .reisebox {
	margin-bottom:45px;
}

#reiseboxen  .reisebox > div {
	background-color: #eee;
	height:100%;
}

#reiseboxen .padded {
	padding-left:7px;
	padding-right:7px;
}

#reiseboxen .padded_bottom {
	padding-left:7px;
	padding-right:7px;
	padding-bottom:7px;
}

#reiseboxen  .reiseboxImg {
    background-size: 100%;
    min-height: 175px;
    display: block;
    border-radius: 5px 5px 0 0;
    position:relative;
		background-position:center;
  transition: all 0.5s ;
}

.reisebox:hover  .reiseboxImg {
	filter: grayscale(70%);
  background-size: 110% !important;
	background-position:-5% -5%;
  transition: all 0.5s ;
}

#reiseboxen .gruppe_name2 {
 	position:absolute;
 	width:100%;
 	bottom:30px;
 	padding:7px;
 	text-align:center;
 	font-weight:bold;
 	background: rgba(255, 255, 255, 0.8);
}
  
#reiseboxen  .reiseboxImgText{
    display: none;
  }
#reiseboxen  .reiseboxTitle{
    font-size: 18px;
    font-weight: bold;
    padding-left: 20px;
    padding-right: 18px;
    min-height: 40px;
  }
#reiseboxen  .reiseBoxReisetage{
    padding: 5px 20px 5px 20px;
    font-size:16px;
  }
#reiseboxen  .reiseboxSterne{
    padding: 5px 20px 5px 0;
    text-align: right;

  }
#reiseboxen  .reiseboxMapButton{
    position: absolute;
    right: 8px;
    top: 110px;
    border: 0;
    height: 40px;
    width: 40px;
    font-size: 11px;
    padding-top: 0;
    padding-left: 0;
    text-align: center;
    background-color: #fff;
    border-radius: 20px;
    /*background-color: #BF0D3E;*/
    margin-right:15px;
  }
#reiseboxen  .reiseboxMapButton:active, .btn:active, .btn-primary:active {
    outline: 0!important;
}
#reiseboxen  .fav {
    height: 40px;
 }
#reiseboxen  .reiseboxPreis {
    color: #BF0D3E;
    font-size: 16px;
    padding-left: 20px;
    margin-bottom:7px;
}
#reiseboxen  .reiseboxTags {
    margin: 10px 0;
    font-size: 14px;
    padding-left: 20px;
    min-height: 40px;
}
#reiseboxen  .reiseboxReiseButton {
    padding: 10px;
    border: 1px solid #BF0D3E;
    border-radius: 5px;
    margin-right: 6px;
    color: #fff;
    background-color: #BF0D3E;
}
#reiseboxen  .reiseboxReiseButton:hover {
    transition-duration: 0.4s;
    background-color: #989898;
    border: 1px solid #989898;
}

#reiseboxen  .reiseboxPreisDiscount {
    display: inline;
    color: #989;
    text-decoration: line-through;
}
#reiseboxen  .sale {
}
#reiseboxen  .reiseboxZurReise { 
    display: inline-block;
    margin-bottom:5px;
}
#reiseboxen  .reiseboxSale {
    display: inline-block;
    display: block;
}
#reiseboxen  .reiseboxSale img {
  height: 46px !important;  
  width: 46px !important;  
}

#reiseboxen .reiseboxAlterWrapper * {
	vertical-align:middle;
}

#reiseboxen .reise_icon {
    float: left;
    text-align: center;
    width: 55px;
    margin-bottom:5px;
}

#reiseboxen .alter_liste { 
	text-align:right;
}


#reiseboxen_bt {
	margin-top: 50px;
}

#reiseboxen_bt  .reisebox {
	margin-bottom:45px;
}


#reiseboxen_bt .reise_icon {
 	float:left;
 	text-align:center;
 	width:55px;
}


#reiseboxen_bt .reise_icon img {
	width:100%;
}

#reiseboxen_bt a {
	text-decoration:none;
}

#reiseboxen_bt .icon_price {
	display:table;
	width:100%;
}

#reiseboxen_bt .icon_price > div {
	display:table-cell;
	vertical-align:middle;
	padding:7px;
}

#reiseboxen_bt .price {
	text-align:center;
	background-color:transparent;
	padding:7px;
	width: 155px;
	float: right;
}

/*
#reiseboxen_bt .price p:nth-child(1) {
	font-size:11px;
	margin:5px 0px;
}
*/

#reiseboxen_bt .price p:nth-child(1) {
	color:#fff;
	background:#82be3c;
	margin:0px;
	padding:3px 0px;
	border-radius:3px;
}

#reiseboxen_bt .reisebox {
	background:#eeeeee;
	background-clip: content-box;
}

#reiseboxen_bt .gruppe_name2 {
 	position:absolute;
 	width:100%;
 	bottom:30px;
 	padding:7px;
 	text-align:center;
 	font-weight:bold;
 	background: rgba(255, 255, 255, 0.8);
}

#reiseboxen_bt .padded {
	padding-left:7px;
	padding-right:7px;
}

#reiseboxen_bt .padded_bottom {
	padding-left:7px;
	padding-right:7px;
	padding-bottom:7px;
}

#reiseboxen_bt  .reiseboxImg {
    background-size: cover;
    min-height: 175px;
    display: block;
    border-radius: 5px 5px 0 0;
    position:relative;
		background-position:center
}


/*
#reiseboxen_bt .claim {
	background: #008fe6;
	color:#fff;
	padding:3px 7px;
	margin:5px 0px;
	text-align:center;
}
*/

#reiseboxen_bt .claim {
	padding:3px 7px;
	margin:5px 0px;
	text-align:center;
	font-weight:bold;
}

#reiseboxen_bt  div.claim:nth-child(2)  {
	font-size:20px;
	font-weight:bold;
}

#reiseboxen_bt hr {
	margin:3px auto;
	border-top: 2px solid #fdd23b;
	width:50%;
	
}


.content_more {
	position:relative;
}

.content_more_hidden {
	overflow:hidden;
	margin-bottom:30px;
}

.content_more_fadeout {
	background-image: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,1));
	height:100px;
	position:absolute;
	bottom:55px;
	width:100%;
}
.content_more_button {
	position:absolute;
	bottom:0px;
	left:0px;
	right:0px;
	text-align:center;
	height:55px;
	background: #fff;
}

.content_more_button span {
	color:#fff;
	font-weight:bold;
	padding:10px;
	margin-top:10px;
	background-color:#156CB5;
	display:inline-block;
	cursor:pointer;
}




#searchblock {
	display: none;
	background: rgba(255,255,255,0.45);
	background: #FFDB00;
	display:inline-block;
	color:#000;
	position:absolute;
	right:0;
	top:-290px;
	right:60px;
	top:-430px;
	border-radius:5px;
}

#searchblock .ui-state-active, 
#searchblock .ui-widget-content .ui-state-active, 
#searchblock .ui-widget-header .ui-state-active, 
#searchblock a.ui-button:active, 
#searchblock .ui-button:active, 
#searchblock .ui-button.ui-state-active:hover {
    border: 1px solid #ddd;
    background: #ddd;
}

#searchblock button {
	width:100%;
	text-align: center;
	margin-bottom:10px;
	border-radius:0px;
	background:#BF0D3E;
	color:#fff;
}

#searchblock button:hover {
  background-color: #989898;
}


#searchblock select {
	color:#000;
}

#searchblock .searchheader {
	margin:5px 20px ;
	text-align:center;
	font-weight:bold;
	font-size:26px;
}

#searchblock .select {
	margin:10px 20px ;
}

#searchblock .ui-selectmenu-button {
	border-radius:0px;
	/*text-align:center;*/
	background-color: #fff;
	width:330px;
}

.ui-selectmenu-menu {
   z-index: 200;
}

#searchblock  #start {
	width:0px;
	height:0px;
	padding:0;
	border:0px solid;
	overflow:hidden;
}

#searchblock  #start_wrapper {
}


#search_first_row .select {
	float:left;
	margin-bottom:0px;
}

	#search_first_row div.select {
		width:41%;
	}

#search_first_row > div .ui-selectmenu-button {
		width:100%;
}

	#search_first_row div.select:nth-child(2) {
		float:right;
	}

#search_first_row > div:nth-child(1) {
	margin-right:0px;
}

#search_first_row > div:nth-child(2) {
	margin-left:0px;
}



@media (min-width:750px) {
	#search_row  {
		padding:0px !important
	}

	#search_row > .row {
		width:100% !important;
	}
}

@media (max-width:750px) {
	#searchblock {
		position:initial;
		top:0;
		margin-top:20px;
		width:100%;
	}
	#searchblock .ui-selectmenu-button {
		width:100%;
	}
	#search_first_row > div .ui-selectmenu-button {
		width:100% !important;
	}
}


#cc--main {
	box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
	z-index: 10000001;
}


@media (min-width: 768px) {
	.col-sm-20 {
	  width: 20%;
	}
}


.is-compact .fancybox__footer {
  background: rgba(24,24,27,.8);
  text-align:center;
}