/* Allgemein */



@font-face {
    font-family: 'pt_sansbold';
    src: url('fonts/ptsans-bold-webfont.eot');
    src: url('fonts/ptsans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/ptsans-bold-webfont.woff2') format('woff2'),
         url('fonts/ptsans-bold-webfont.woff') format('woff'),
         url('fonts/ptsans-bold-webfont.ttf') format('truetype'),
         url('fonts/ptsans-bold-webfont.svg#pt_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'pt_sansregular';
    src: url('fonts/ptsans-regular-webfont.eot');
    src: url('fonts/ptsans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/ptsans-regular-webfont.woff2') format('woff2'),
         url('fonts/ptsans-regular-webfont.woff') format('woff'),
         url('fonts/ptsans-regular-webfont.ttf') format('truetype'),
         url('fonts/ptsans-regular-webfont.svg#pt_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}



.actions {display:none !important;}





img {line-height:0px; vertical-align:bottom;}

.actions {display:none;}

.icons {display:none;}

html {-webkit-text-size-adjust: none; margin:0px; padding:0px;  }

BODY {   margin:0px; padding:0px; font-size:100%;}

/* quix */

.qx-fg-item {margin:0px !important; padding:0px !important;  margin-top:0% !important; }

.qx-image--gallery img { width:100% !important; border:2px solid #fff; }

.qx-overlay-background  { width:100% !important; border:2px solid #fff; }



.gallery_3 {
    width:32% !important;
     height:150px;
     position: relative;
		padding: 0 !important;
		margin: 0 2% 2% 0 !important;
		text-align: center;
	}

.gallery-aussen-3 {
    width:32% !important;
     height:150px;
     position: relative;
		padding: 0 !important;
		margin: 0 !important;
		text-align: center;
	}



.gallery:hover {

}

.gallery-image{

		position: relative;
		display: block;
	padding:0px !important; margin:0px !important;
	}




	.gallery-text{
	    position: absolute;
	    top: 0; right: 0;
	    bottom: 0; left: 0;
	   width:100%;
	    height:150px; 
	    text-align: left;

		
	    opacity: 1;
       vertical-align:bottom;
      font-weight:400;
		transition:0.5s all;
		    -webkit-transition:0.5s all;
	    -moz-transition:0.5s all;
  font-size:1.9em !important;  color:rgb(255,255,255) !important; 
	}

	.gallery-text:hover{

	    opacity: 1;  

  color:rgb(255,255,255) !important; 
      
	}

	.gallery-text a{
		text-decoration:none !important;
	   color:rgb(255,255,255) !important;
	    display: inline-table;
       vertical-align:middle;
       line-height:120%; 
		width:100%;
		padding:35px 140px 0px 20px;
      height:150px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#509693+9,509693+9,509693+100&0.95+40,0.1+100 */
background: -moz-linear-gradient(45deg, rgba(80,150,147,0.95) 9%, rgba(80,150,147,0.95) 40%, rgba(80,150,147,0.1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg, rgba(80,150,147,0.95) 9%,rgba(80,150,147,0.95) 40%,rgba(80,150,147,0.1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg, rgba(80,150,147,0.95) 9%,rgba(80,150,147,0.95) 40%,rgba(80,150,147,0.1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2509693', endColorstr='#1a509693',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
				
			transition:0.25s all;
		    -webkit-transition:0.25s all;
	    -moz-transition:0.25s all;
	}

	.gallery-text a:after{
content:"\f105"; text-decoration:none;  padding-left:10px; font-family: FontAwesome;
					transition:0.25s all;
		    -webkit-transition:0.25s all;
	    -moz-transition:0.25s all;
	}


.gallery-text a:hover{
text-decoration:none !important;
	 background-color: rgba(211,46,49,0.8);
	
		transition:0.25s all;
		    -webkit-transition:0.25s all;
	    -moz-transition:0.25s all;
	}

.gallery-text a:hover:after{
content:"\f105"; text-decoration:none;  padding-left:30px; font-family: FontAwesome;
				transition:0.25s all;
		    -webkit-transition:0.25s all;
	    -moz-transition:0.25s all;
	}






/* ++++++++++++++  columns  ++++++++++++++ */

.cols-2 .column-1
{
 width:47%;
float:left;
clear:both;
text-align:left;
}

.cols-2 .column-2
{
width:47%;
margin-left:6%;
float:left;
text-align:left;
}

.cols-3 .column-1
{
width:31%;
float:left;
clear:both;
margin-bottom:3%;
text-align:left;

}


.cols-3 .column-2
{
width:31%;
margin-left:3.5%;
float:left;
text-align:left;
margin-bottom:3%;

}

.cols-3 .column-3
{
width:31%;
margin-left:3.5%;
float:left;
text-align:left;
margin-bottom:3%;

}



.cols-4 .column-1
{
width:22%;
float:left;
clear:both;
margin-bottom:4%;
text-align:center;
}

.cols-4 .column-2
{
width:22%;
margin-left:4%;
float:left;
text-align:center;
margin-bottom:4%;
}

.cols-4 .column-3
{
width:22%;
margin-left:4%;
float:left;
text-align:center;
margin-bottom:4%;	  
}

.cols-4 .column-4
{
width:22%;
margin-left:4%;
float:left;
text-align:center;
margin-bottom:4%;
}


leading-0 {}


.column-1
{
 width:48% !important;
float:left;
clear:both;
text-align:left;
}

 .column-2
{
width:48% !important;
margin:0% 0% 0% 4% !important;
float:left;
text-align:left;
}




.CONTENT {
left: 0px; margin:0px auto; width:100%; padding:0px; z-index:100; text-align:left; 
}




/* FOOTER */

.FOOTER {
left: 0px; margin:0px auto; width:100%;  padding:0px; text-align:center; 
}


/* Boxes */

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



/* ROWS */


.content_row {   margin: 0 auto; width:100%; text-align:left; padding:0%; overflow:hidden;}
.footer_row { width:97%; padding:1.5%;  margin: 0 auto; text-align:center;   }



.clearfix { clear:both; }
.clear { clear:both; }

.clearleft {clear:right;}





.qx-element-joomla-module {padding:0px !important; margin:0px !important; }

.qx-img-responsive {width:100% !important; padding:0px !important; margin:0px !important;}



.qx-row  {padding:0px !important; margin:0px auto !important; width:101%;}

.qx-element-image {padding:0px !important; margin:0px !important;}
.qx-fg-item {margin:0px !important; padding:0px !important; margin-top:0% !important;}

.qx-image--gallery img { width:100% !important;}


.bt-googlemaps {padding:0px !important; margin:0px !important;}



.padding_uebersicht {padding:0% 1% 0% 1% !important; }

.padding_top {padding:2% 4% 3% 4% !important; }

.padding_header {padding:0% 8% 8% 8% !important; }


.padding_middle {width:100% !important; margin:0 auto !important;}

.padding_content_braun {padding:1% 5% 2% 5% !important; background:rgb(165,137,58);}

.padding_content_weiss {padding:4% 5% 4% 5%; background-color:rgba(255, 255, 255, 1);}


.padding_content_gelb {padding:1% 5% 1% 5% !important; background-color:rgb(235,197,0);}





/* Typo */

/*  Allgemein */

P, H1, H2, H3, H4, ol, ul, b, strong, img, td  { margin:0px; padding:0px;  font-family: 'pt_sansregular';}

P, H3, H4, ol, ul, li, b, strong { margin: 0px; line-height:165%; -webkit-text-size-adjust: none;  font-family: 'pt_sansregular' !important; }


.padding_content_gelb h1 { color:rgb(255,255,255); font-size:3.5em; margin-bottom:15px; font-weight:400;  font-family: 'pt_sansregular' !important; }


.padding_middle .headline_drum { color:rgb(211,46,49) !important; font-size:3.5em; margin-bottom:20px; font-weight:400;  font-family: 'pt_sansregular' !important; }

.padding_content_braun .headline_drum_02 { color:rgb(255,255,255) !important; font-size:3.5em; margin-bottom:20px;  font-weight:400;  font-family: 'pt_sansregular' !important;  }

.padding_content_weiss h1 { color:rgb(211,46,49); font-size:4em; font-weight:400;  font-family: 'pt_sansregular' !important;  margin-bottom:10px; }



.padding_content_gelb h2 { color:rgb(255,255,255); width:100%; font-size:2.25em; font-weight:400;  font-family: 'pt_sansregular' !important;  margin:0 auto; margin-bottom:20px; }

.padding_content_braun h4 { color:rgb(255,255,255); font-size:2em; font-weight:400;  font-family: 'pt_sansregular' !important;  margin-bottom:30px; }

.padding_content_braun h1 { color:rgb(255,255,255); font-size:3.5em; font-weight:400;  font-family: 'pt_sansregular' !important;  }

.padding_content_braun h2 { color:rgb(255,255,255); font-size:2.25em; font-weight:400;  font-family: 'pt_sansregular' !important;  margin-bottom:50px; }

.padding_content_weiss h3 { color:rgb(211,46,49); font-size:3em; font-weight:400;  font-family: 'pt_sansregular' !important;  margin-bottom:50px; }

.padding_content_braun .subline { color:rgb(255,255,255) !important; font-size:2em; font-weight:400;  font-family: 'pt_sansregular' !important;  margin-bottom:30px; }


.headline_oben {color:#FFF; font-size:5em; text-align:center; line-height:110%; font-weight:700;}


.tour-button {width:256px; height:164px; background-image: url(../layout/stadtsafari-segwaytouren-button.png); display:block; padding-top:85px; color:#FFF; font-size:1.75em; font-weight:400; margin:0 auto; text-align:center; margin-top:4%;}


.tour-button:hover {color:#FFF !important; }


.tour-button:focus {color:#FFF !important; }

.padding_content_braun p { color:rgb(255,255,255) !important; font-size:1.1em; }


.padding_content_weiss p { color:rgb(0,0,0) !important; font-size:1.1em; }

.padding_content_gelb p {color:rgb(0,0,0) !important; font-size:1.1em; }


.padding_content_braun .subline{ color:rgb(255,255,255) !important; font-size:2.25em; font-weight:300;  font-family: 'pt_sansregular' !important;  margin-bottom:20px; }

.padding_content_braun .copyhead { color:rgb(255,255,255); font-size:1.75em; font-weight:300;  font-family: 'pt_sansregular' !important;  margin-bottom:12px; }


.padding_content_gelb .subline{color:rgb(211,46,49) !important;  font-size:2.25em; font-weight:300;  font-family: 'pt_sansregular' !important;  margin-bottom:20px; }


.padding_content_gelb .intro {color:rgb(255,255,255) !important; padding:0 8% 0 8%;  font-size:2em; font-weight:300;  font-family: 'pt_sansregular' !important;  margin-bottom:20px; }

.padding_content_gelb .copyhead { color:rgb(0,0,0); font-size:1.75em; font-weight:300;  font-family: 'pt_sansregular' !important;  margin-bottom:12px; }


.padding_content_weiss .headline{ color:rgb(235,197,0) !important; font-size:3.5em; font-weight:300;  font-family: 'pt_sansregular' !important;  margin-bottom:20px; }

.padding_content_weiss .subline{ color:rgb(211,46,49) !important; font-size:1.75em; font-weight:300;  font-family: 'pt_sansregular' !important;   }

.padding_content_weiss .copyhead { color:rgb(211,46,49) !important; font-size:1.75em; font-weight:300;  font-family: 'pt_sansregular' !important;  margin-bottom:12px; }



/*  headlines */



/*  Absaetze */

.phone:before  {content:"\f095"; color:rgb(235,197,0); text-decoration:none;  padding-right:10px; font-family: FontAwesome;}


.mobil:before  {content:"\f10b"; text-decoration:none;  padding-right:10px; font-family: FontAwesome;}


.fax:before  {content:"\f1ac"; text-decoration:none;  padding-right:10px; font-family: FontAwesome;}

 .mail:before  {content:"\f0e0"; color:rgb(235,197,0); padding-right:10px; text-decoration:none !important;  font-family: FontAwesome;}


 .home:before  {content:"\f015"; padding-right:10px; text-decoration:none !important;  font-family: FontAwesome;}

.gift:before  {content:"\f06b"; text-decoration:none; color:rgb(235,197,0);  padding-right:10px; font-family: FontAwesome;}

.phone { padding-right:40px;}


.mail { padding-right:40px;}


.mobil:before  {content:"\f10b"; text-decoration:none;  padding-right:10px; font-family: FontAwesome;}

/*FOOTER ICONS */

 .fa-facebook-square {content:"\f082"; text-decoration:none !important; font-size:2.75em; padding-right:10px;  font-family: FontAwesome;}

 .fa-twitter-square {content:"\f081"; text-decoration:none !important; font-size:2.75em; padding-right:10px;  font-family: FontAwesome; }

 .fa-youtube-square {content:"\f431"; text-decoration:none !important; font-size:2.75em; padding-right:10px;  font-family: FontAwesome; }

a.iconlink {color:#FFF !important;}

a:hover.iconlink {color:rgb(235,197,0) !important;}


.padding_content_weiss a {color:rgb(235,197,0);}
.padding_content_weiss a:hover {color:rgb(211,46,49);}

ul.haken li:before {content:"\f00c"; text-decoration:none;  margin:0 0 10px -15px;
color:rgb(235,197,0);  font-family: FontAwesome; position: absolute;
  top: 0;
  left: 0;}

ul.haken li {list-style:none; font-size:1.25em;   position: relative; color:rgb(255,255,255);
  padding-left: 15px;
  margin-bottom: 12px}

ul.haken {margin:0px 0px 0px 15px !important; padding:0px !important;  list-style-type: none;
  padding-left: 20px;}


ul {}

ul.footer li { list-style:none; border-bottom:1px dotted #FFF; color:rgb(255,255,255) !important; font-size:1.1em; margin-bottom:10px; }

span.safariname{ color:rgb(235,197,0) !important; font-size:3.5em; font-weight:300;  font-family: 'pt_sansregular' !important;  margin-bottom:20px; line-height:115%;  }

.safaritour {color:rgb(211,46,49) !important; font-size:1.75em; font-weight:300;  font-family: 'pt_sansregular' !important;  margin-bottom:12px;}


.safaritour:before  {content:"\f279"; text-decoration:none;  padding-right:10px; font-family: FontAwesome;}

p.safariroute { color:rgb(211,46,49) !important; font-size:1.75em; font-weight:300;  font-family: 'pt_sansregular' !important;  margin-bottom:12px;}

.safariroute:before  {content:"\f277"; text-decoration:none;  padding-right:10px; font-family: FontAwesome;}

p.safaribeginn{ color:rgb(211,46,49) !important; font-size:1.75em; font-weight:300;  font-family: 'pt_sansregular' !important;  margin-bottom:12px;}

.safaribeginn:before  {content:"\f274"; text-decoration:none;  padding-right:10px; font-family: FontAwesome;}

p.tourpreis { color:rgb(211,46,49) !important; font-size:1.75em; font-weight:300;  font-family: 'pt_sansregular' !important;  margin-bottom:12px;}

.tourpreis:before  {content:"\f007"; text-decoration:none;  padding-right:10px; font-family: FontAwesome;}

.pfeil {}

.pfeil:after {content:"\f061"; font-style: normal; color:#CCC; text-decoration:none;  padding-left:10px;  padding-right:5px; font-family: FontAwesome;}


.start:before {content:"\f024"; font-style: normal; text-decoration:none;    padding-right:10px; font-family: FontAwesome;}

.end:before {content:"\f11e"; font-style: normal; text-decoration:none;   padding-right:10px; font-family: FontAwesome;}

td { color:rgb(0,0,0) !important; font-size:1.1em; width:250px; padding-top:10px; padding-bottom:10px;}

tr { border-bottom:1px solid;}

table { 
    border-collapse: collapse; 
}


.fax:before  {content:"\f1ac"; text-decoration:none;  padding-right:10px; font-family: FontAwesome;}

 .mail:before  {content:"\f0e0"; padding-right:10px; text-decoration:none !important;  font-family: FontAwesome;}


 .home:before  {content:"\f015"; padding-right:10px; text-decoration:none !important;  font-family: FontAwesome;}


.contact {text-align:right; font-size:1.25em; margin-top:15px;}


.footer a {color:rgb(255,255,255) !important;}

.footer a:hover {color:rgb(235,197,0) !important;}


.contact a {color:rgb(255,255,255) !important;}

.contact a:hover {color:rgb(235,197,0) !important;}


.btnbackground {padding:10px; background-color:rgb(211,46,49) !important; color:#FFF !important; transition:all 0.25s; font-size:1.75em; margin:30px 0px 30px 0px;  -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; }

.btnbackground:hover {padding:10px; background-color:rgb(211,46,49) !important; transition:all 0.25s; -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}

 .btnbackground:after  {content:"\f105"; padding-left:10px; text-decoration:none !important;  font-family: FontAwesome; transition:all 0.25s;}

 .btnbackground:hover:after  {content:"\f105"; padding-left:20px; text-decoration:none !important;  font-family: FontAwesome; transition:all 0.25s;}



.btnbackground_klein {padding:10px; background-color:rgb(211,46,49) !important; color:#FFF !important; transition:all 0.25s; font-size:1.25em; margin:30px 0px 30px 0px; -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; }

.btnbackground_klein:hover {padding:10px; background-color:rgb(211,46,49) !important; transition:all 0.25s; -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}

 .btnbackground_klein:after  {content:"\f105"; padding-left:10px; text-decoration:none !important;  font-family: FontAwesome; transition:all 0.25s;}

 .btnbackground_klein:hover:after  {content:"\f105"; padding-left:20px; text-decoration:none !important;  font-family: FontAwesome; transition:all 0.25s;}

.readmore {padding:10px; background-color:rgb(211,46,49) !important; color:#FFF !important; transition:all 0.25s; font-size:1.25em; margin:30px 0px 30px 0px; font-family: 'PT Sans', sans-serif;  }

.readmore:hover {padding:10px; background-color:rgb(211,46,49) !important; transition:all 0.25s;}

 .readmore:after  {content:"\f105"; padding-left:10px; text-decoration:none !important;  font-family: FontAwesome; transition:all 0.25s;}

 .readmore:hover:after  {content:"\f105"; padding-left:20px; text-decoration:none !important;  font-family: FontAwesome; transition:all 0.25s;}


/*News*/

.article-separator {
  border: 5px solid #000000;
}  



.item_num0 {width:47%; margin-right:6%;  float:left;}

.item_num1 {width:47%; float:left;   }


.item_published p { color:rgb(235,197,0)!important; text-align:left; transition:all 0.25s; font-size:1.25em;   font-family: 'pt_sansregular' !important;  font-weight:700;  }

.news p.subline { color:rgb(255,255,255) !important ;  font-size:1.75em; font-weight:300;  font-family: 'pt_sansregular' !important;  margin-bottom:20px; }


.news p a {color:rgb(211,46,49);}
.news p a:hover {color:rgb(235,197,0);  }

/*rsform */

.formControlLabel {color:rgb(0,0,0) !important; font-size:1.1em; padding:0px !important; margin:0px !important; text-align:left !important; width:200px !important;  font-family: 'pt_sansregular' !important; }

.formBody .rsform-input-box {width:500px !important; padding:10px !important; border:0px !important;  font-family: 'pt_sansregular' !important;  font-size:1.1em !important;}


.formBody .rsform-calendar-box {width:500px !important; padding:10px !important; border:0px !important;  font-family: 'pt_sansregular' !important;   font-size:1.1em !important; }


.formBody .rsform-select-box {width:500px !important; padding:10px !important; border:0px !important;  font-family: 'pt_sansregular' !important;   font-size:1.1em !important;}

.rsform-block label {color:rgb(0,0,0) !important; font-size:1.1em;   font-family: 'pt_sansregular' !important; }


textarea {width:500px !important; padding:10px !important;  border:0px !important;  font-family: 'pt_sansregular' !important;   font-size:1.1em !important;}

.formBody .rsform-captcha-box {width:100px !important; padding:10px !important; border:0px !important;  font-family: 'pt_sansregular' !important;  font-size:1.1em !important;}


.rsform-block label a {color:rgb(211,46,49) !important; font-size:1.1em; }



.formBody input[type="checkbox"] + label::before {
  width: 20px;
  height: 20px;
  background-color: #FFF;
	content:"";
  display: block;
  float: left;
	margin-top:3px;
	margin-bottom:80px;
  margin-right: 15px;
	cursor: pointer;
}

.formBody input[type="checkbox"]:checked+label::before {
  box-shadow: inset 0px 0px 0px 3px #fff;
color:rgb(235,197,0);
	 font-family: FontAwesome;
	content:"\f00c";
}

input[type="text"], textarea {border-radius: 0px !important;}


.formBody .rsform-submit-button {padding:10px !important; background-color:rgb(211,46,49) !important; color:#FFF !important; transition:all 0.25s; font-size:1.25em !important; margin:30px 0px 30px 0px !important; border:0px !important; -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;  cursor: pointer;  }

.formBody .rsform-submit-button:hover {padding:10px; background-color:rgb(211,46,49) !important; transition:all 0.25s; }

.formBody .rsform-submit-button:after  {content:"\f105"; padding-left:10px; text-decoration:none !important;  font-family: FontAwesome; transition:all 0.25s;}

 .formBody .rsform-submit-button:hover:after  {content:"\f105"; padding-left:20px; text-decoration:none !important;  font-family: FontAwesome; transition:all 0.25s;}

.formControls {float:none !important; margin:0 !important; padding:0 !important;}


@media (min-width: 1941px) and (max-width: 4000px)  {
	
		BODY {   margin:0px; padding:0px; font-size:110%;}
	
.padding_top {padding:2% 15% 5% 15% !important; }

.padding_header {padding:0% 15% 5% 15% !important; }


.padding_middle {width:100% !important; margin:0 auto !important;}

.padding_content_braun {padding:2% 20% 2% 20% !important; background:rgb(165,137,58);}

.padding_content_weiss {padding:2% 20% 2% 20% !important; background-color:rgba(255, 255, 255, 1);}


.padding_content_gelb {padding:2% 20% 2% 20% !important; background-color:rgb(235,197,0);}
}


@media (min-width: 1600px) and (max-width: 1940px)  {
		BODY {   margin:0px; padding:0px; font-size:100%;}
	
	.logo_img {width:250px !important; display:block;}
  
  
  .gallery-text a{
		text-decoration:none !important;
	   color:rgb(255,255,255) !important;
	    display: inline-table;
       vertical-align:middle;
       line-height:120%; 
		width:100%;
		padding:41px 60px 0px 20px;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#509693+9,509693+9,509693+100&0.95+40,0.1+100 */
background: -moz-linear-gradient(45deg, rgba(80,150,147,0.95) 9%, rgba(80,150,147,0.95) 40%, rgba(80,150,147,0.1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg, rgba(80,150,147,0.95) 9%,rgba(80,150,147,0.95) 40%,rgba(80,150,147,0.1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg, rgba(80,150,147,0.95) 9%,rgba(80,150,147,0.95) 40%,rgba(80,150,147,0.1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2509693', endColorstr='#1a509693',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
			transition:0.25s all;
		    -webkit-transition:0.25s all;
	    -moz-transition:0.25s all;
	}
	
.padding_top {padding:2% 10% 5% 10% !important; }

.padding_header {padding:0% 10% 3% 10% !important; }


.padding_middle {width:100% !important; margin:0 auto !important;}

.padding_content_braun {padding:2% 10% 2% 10% !important; background:rgb(165,137,58);}

.padding_content_weiss {padding:2% 10% 2% 10% !important; background-color:rgba(255, 255, 255, 1);}


.padding_content_gelb {padding:2% 10% 2% 10% !important; background-color:rgb(235,197,0);}
	
	
	

	

}



@media (min-width: 1281x) and (max-width: 1599px)  {
		BODY {   margin:0px; padding:0px; font-size:95%;}
	
	.logo_img {width:250px !important; display:block;}
  
  
  .gallery-text a{
		text-decoration:none !important;
	   color:rgb(255,255,255) !important;
	    display: inline-table;
       vertical-align:middle;
       line-height:120%; 
		width:100%;
		padding:39px 60px 0px 20px;
      height:150px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#509693+9,509693+9,509693+100&0.95+40,0.1+100 */
background: -moz-linear-gradient(45deg, rgba(80,150,147,0.95) 9%, rgba(80,150,147,0.95) 40%, rgba(80,150,147,0.1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg, rgba(80,150,147,0.95) 9%,rgba(80,150,147,0.95) 40%,rgba(80,150,147,0.1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg, rgba(80,150,147,0.95) 9%,rgba(80,150,147,0.95) 40%,rgba(80,150,147,0.1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2509693', endColorstr='#1a509693',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
			transition:0.25s all;
		    -webkit-transition:0.25s all;
	    -moz-transition:0.25s all;
	}
	
.padding_top {padding:2% 5% 5% 5% !important; }

.padding_header {padding:0% 5% 3% 5% !important; }


.padding_middle {width:100% !important; margin:0 auto !important;}

.padding_content_braun {padding:2% 5% 2% 5% !important; background:rgb(165,137,58);}

.padding_content_weiss {padding:4% 5% 4% 5% !important; background-color:rgba(255, 255, 255, 1);}


.padding_content_gelb {padding:2% 5% 2% 5% !important; background-color:rgb(235,197,0);}
	
	
	


  
  .contact {text-align:right; font-size:1.25em; margin-top:12px;}
}


@media (min-width: 1024px) and (max-width: 1280px)  {
		BODY {   margin:0px; padding:0px; font-size:90%;}
  
  
  .gallery-text a{
		text-decoration:none !important;
	   color:rgb(255,255,255) !important;
	    display: inline-table;
       vertical-align:middle;
       line-height:120%; 
		width:100%;
		padding:38px 40px 0px 20px;
      height:150px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#509693+9,509693+9,509693+100&0.95+40,0.1+100 */
background: -moz-linear-gradient(45deg, rgba(80,150,147,0.95) 9%, rgba(80,150,147,0.95) 40%, rgba(80,150,147,0.1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg, rgba(80,150,147,0.95) 9%,rgba(80,150,147,0.95) 40%,rgba(80,150,147,0.1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg, rgba(80,150,147,0.95) 9%,rgba(80,150,147,0.95) 40%,rgba(80,150,147,0.1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2509693', endColorstr='#1a509693',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
			transition:0.25s all;
		    -webkit-transition:0.25s all;
	    -moz-transition:0.25s all;
	}
	
.padding_top {padding:2% 5% 5% 5% !important; }

.padding_header {padding:0% 5% 3% 5% !important; }


.padding_middle {width:100% !important; margin:0 auto !important;}

.padding_content_braun {padding:2% 5% 2% 5% !important; background:rgb(165,137,58);}

.padding_content_weiss {padding:2% 5% 2% 5% !important; background-color:rgba(255, 255, 255, 1);}


.padding_content_gelb {padding:2% 5% 2% 5% !important; background-color:rgb(235,197,0);}
	
	
	

	

  .contact {text-align:right; font-size:1.25em; margin-top:12px;}
}




@media (min-width: 801px) and (max-width: 1023px)  {
	BODY {   margin:0px; padding:0px; font-size:87%;}
  
    .gallery-text a{
		text-decoration:none !important;
	   color:rgb(255,255,255) !important;
	    display: inline-table;
       vertical-align:middle;
       line-height:120%; 
		width:100%;
		padding:38px 30px 0px 20px;
      height:150px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#509693+9,509693+9,509693+100&0.95+40,0.1+100 */
background: -moz-linear-gradient(45deg, rgba(80,150,147,0.95) 9%, rgba(80,150,147,0.95) 40%, rgba(80,150,147,0.1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg, rgba(80,150,147,0.95) 9%,rgba(80,150,147,0.95) 40%,rgba(80,150,147,0.1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg, rgba(80,150,147,0.95) 9%,rgba(80,150,147,0.95) 40%,rgba(80,150,147,0.1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2509693', endColorstr='#1a509693',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
			transition:0.25s all;
		    -webkit-transition:0.25s all;
	    -moz-transition:0.25s all;
	}
	
.padding_top {padding:2% 4% 5% 4% !important; }

.padding_header {padding:0% 4% 3% 4% !important; }


.padding_middle {width:100% !important; margin:0 auto !important;}

.padding_content_braun {padding:2% 4% 2% 4% !important; background:rgb(165,137,58);}

.padding_content_weiss {padding:4% !important; background-color:rgba(255, 255, 255, 1);}


	
.padding_content_gelb {padding:4 !important; background-color:rgb(235,197,0);}
	
	
	

	
	
	.phone { padding-right:0px; width:100%; display:block;}


.mail { padding-right:0px; width:100%; display:block;}
  
  .contact {text-align:right; font-size:1.25em; margin-top:12px;}
}


@media (min-width: 401px) and (max-width: 800px)  {
	
	.padding_top {padding:2% 5% 5% 5% !important; }

.padding_header {padding:0% 5% 3% 5% !important; }


.padding_middle {width:100% !important; margin:0 auto !important;}

.padding_content_braun {padding:2% 5% 8% 5% !important; background:rgb(165,137,58);}

.padding_content_weiss {padding:4% 5% 4% 5% !important; background-color:rgba(255, 255, 255, 1);}


	
.padding_content_gelb {padding:4% 5% 4% 5% !important; background-color:rgb(235,197,0);}
  
  
	
	BODY {   margin:0px; padding:0px; font-size:85%;}
  
  
  .headline_oben {color:#FFF; font-size:2.75em; text-align:center; line-height:110%; font-weight:700; text-shadow: 0 -1px 1px #FFFFFF, 0 1px 1px #333;}
  
  .phone { padding-right:0px; width:100%; display:block;}


.mail { padding-right:0px; width:100%; display:block;}
  
  .contact {text-align:center; font-size:1.25em; margin-top:12px;}
  
  .padding_content_weiss .headline{ color:rgb(235,197,0) !important; font-size:2.5em; font-weight:300;  font-family: 'pt_sansregular' !important;  margin-bottom:20px; }
  .padding_middle .headline_drum { color:rgb(211,46,49) !important; font-size:2.5em; margin-bottom:20px; font-weight:400;  font-family: 'pt_sansregular' !important; }

span.safariname{ color:rgb(235,197,0) !important; font-size:2.5em; font-weight:300;  font-family: 'pt_sansregular' !important;  margin-bottom:20px; line-height:115%;  }

.safaritour {color:rgb(211,46,49) !important; font-size:1.5em; font-weight:300;  font-family: 'pt_sansregular' !important; margin-bottom:12px;}	
	


	.gallery_3 {
    width:98% !important;
     height:150px;
     position: relative;
		padding: 0 !important;
		margin: 0 2% 2% 0 !important;
		text-align: center;
	}

.gallery-aussen-3 {
     width:98% !important;
     height:150px;
     position: relative;
		padding: 0 !important;
		margin: 0 2% 2% 0 !important;
		text-align: center;
	}
	
	.gallery-text{
	    position: absolute;
	    top: 0; right: 0;
	    bottom: 0; left: 0;
	   width:100%;
	    height:150px; 
	    text-align: left;

		
	    opacity: 1;
       vertical-align:bottom;
      font-weight:400;
		transition:0.5s all;
		    -webkit-transition:0.5s all;
	    -moz-transition:0.5s all;
  font-size:1.9em !important;  color:rgb(255,255,255) !important; 
	}

	
	
	.gallery-text a{
		text-decoration:none !important;
	   color:rgb(255,255,255) !important;
	    display: inline-table;
       vertical-align:middle;
       line-height:120%; 
		width:100%;
		padding:35px 20px 0px 20px;
      height:150px;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#509693+9,509693+9,509693+100&0.95+40,0.1+100 */
background: -moz-linear-gradient(45deg, rgba(80,150,147,0.95) 9%, rgba(80,150,147,0.95) 40%, rgba(80,150,147,0.1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg, rgba(80,150,147,0.95) 9%,rgba(80,150,147,0.95) 40%,rgba(80,150,147,0.1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg, rgba(80,150,147,0.95) 9%,rgba(80,150,147,0.95) 40%,rgba(80,150,147,0.1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2509693', endColorstr='#1a509693',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
			transition:0.25s all;
		    -webkit-transition:0.25s all;
		-moz-transition:0.25s all; }
	
.news {width:100%;  float:none; border-bottom:2px dotted #000; padding-bottom:4% !important; padding-top:2% !important;}	

	
.formControlLabel {color:rgb(0,0,0) !important; font-size:1.1em; padding:0px !important; margin:0px !important; text-align:left !important; width:92% !important;  font-family: 'pt_sansregular' !important; }

.formBody .rsform-input-box {width:92% !important; padding:10px !important; border:0px !important;  font-family: 'pt_sansregular' !important;  font-size:1.1em !important;}


.formBody .rsform-calendar-box {width:92% !important; padding:10px !important; border:0px !important;  font-family: 'pt_sansregular' !important;  font-size:1.1em !important; }


.formBody .rsform-select-box {width:92% !important; padding:10px !important; border:0px !important;  font-family: 'pt_sansregular' !important; font-size:1.1em !important; background-color:#FFF;}
	
	.formBody .rsform-select-box-small { padding:10px !important; border:0px !important;  font-family: 'pt_sansregular' !important;   font-size:1.1em !important; background-color:#FFF; margin-bottom:10px !important;}

.rsform-block label {color:rgb(0,0,0) !important; font-size:1.1em;   font-family: 'pt_sansregular' !important; }


textarea {width:92% !important; padding:10px !important;  border:0px !important;  font-family: 'pt_sansregular' !important;  font-size:1.1em !important;}

.formBody .rsform-captcha-box {width:100px !important; padding:10px !important; border:0px !important;  font-family: 'pt_sansregular' !important;   font-size:1.1em !important;}


.rsform-block label a {color:rgb(211,46,49) !important; font-size:1.1em; }

.formBody input[type="checkbox"] {
    display:none !important;
}

.formBody input[type="checkbox"] + label::before {
  width: 20px;
  height: 20px;
  background-color: #FFF;
	content:"";
  display: block;
  float: left;
	margin-top:3px;
  margin-right: 15px;
	margin-bottom:80px;
	cursor: pointer;
}

.formBody input[type="checkbox"]:checked+label::before {
  box-shadow: inset 0px 0px 0px 3px #fff;
color:rgb(235,197,0);
	 font-family: FontAwesome;
	content:"\f00c";
}

input[type="text"], textarea {border-radius: 0px !important;}


.formBody .rsform-submit-button {padding:10px !important; background-color:rgb(211,46,49) !important; color:#FFF !important; transition:all 0.25s; font-size:1.25em !important; margin:30px 0px 30px 0px !important; border:0px !important; -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;  cursor: pointer;  }

.formBody .rsform-submit-button:hover {padding:10px; background-color:rgb(211,46,49) !important; transition:all 0.25s; }

.formBody .rsform-submit-button:after  {content:"\f105"; padding-left:10px; text-decoration:none !important;  font-family: FontAwesome; transition:all 0.25s;}

 .formBody .rsform-submit-button:hover:after  {content:"\f105"; padding-left:20px; text-decoration:none !important;  font-family: FontAwesome; transition:all 0.25s;}

.formControls {float:none !important; margin:0 !important; padding:0 !important;}

	p.clear {margin-top:60px; clear:both; line-height:140%;}

}


@media (min-width: 20px) and (max-width: 400px)  {
	
.padding_content_gelb	.qx-column {margin-top:50px;}
	

	
	.padding_content_weiss	.qx-column {margin-top:20px;}
	
	.padding_top {padding:2% 2% 2% 2% !important; }

.padding_header {padding:0% 2% 2% 2% !important; }
	



.padding_middle {width:100% !important; margin:0 auto !important;}

.padding_content_braun {padding:0% 2% 4% 2% !important; background:rgb(165,137,58);}

.padding_content_weiss {padding:10% 2% 10% 2% !important; background-color:rgba(255, 255, 255, 1);}

.news {width:100%;  float:none;}
	
.padding_content_gelb {padding:0% 2% 0% 2% !important;  background-color:rgb(235,197,0);}
	
	
	.gallery_3 {
    width:98% !important;
     height:120px;
     position: relative;
		padding: 0 !important;
		margin: 0 2% 2% 0 !important;
		text-align: center;
	}

.gallery-aussen-3 {
     width:98% !important;
     height:120px;
     position: relative;
		padding: 0 !important;
		margin: 0 2% 2% 0 !important;
		text-align: center;
	}
	
	.gallery-text{
	    position: absolute;
	    top: 0; right: 0;
	    bottom: 0; left: 0;
	   width:100%;
	    height:120px; 
	    text-align: left;

		
	    opacity: 1;
       vertical-align:bottom;
      font-weight:400;
		transition:0.5s all;
		    -webkit-transition:0.5s all;
	    -moz-transition:0.5s all;
  font-size:1.9em !important;  color:rgb(255,255,255) !important; 
	}

	
	
	.gallery-text a{
		text-decoration:none !important;
	   color:rgb(255,255,255) !important;
	    display: inline-table;
       vertical-align:middle;
       line-height:120%; 
		width:100%;
		padding:35px 80px 0px 20px;
      height:120px;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#509693+9,509693+9,509693+100&0.95+40,0.1+100 */
background: -moz-linear-gradient(45deg, rgba(80,150,147,0.95) 9%, rgba(80,150,147,0.95) 40%, rgba(80,150,147,0.1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg, rgba(80,150,147,0.95) 9%,rgba(80,150,147,0.95) 40%,rgba(80,150,147,0.1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg, rgba(80,150,147,0.95) 9%,rgba(80,150,147,0.95) 40%,rgba(80,150,147,0.1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2509693', endColorstr='#1a509693',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
			transition:0.25s all;
		    -webkit-transition:0.25s all;
		-moz-transition:0.25s all; }
	
	
 .headline_oben {color:#FFF; font-size:2.75em; text-align:center; line-height:110%; font-weight:700; text-shadow: 0 -1px 1px #FFFFFF, 0 1px 1px #333;}
	
	.logo_img {width:100px !important; display:block; text-align:center !important;}
  
  
	
	BODY {   margin:0px; padding:0px; font-size:80%;}
  
  .padding_middle .headline_drum { color:rgb(211,46,49) !important; line-height:110%; font-size:2.5em; margin-bottom:20px; font-weight:400;  font-family: 'pt_sansregular' !important;  }
	
	.padding_content_braun .headline_drum_02 { color:rgb(255,255,255) !important; font-size:3em; margin-bottom:0px;  font-weight:400;  font-family: 'pt_sansregular' !important;  line-height:110%; text-align:center !important; display:block; }

	.padding_content_gelb h1 { color:rgb(255,255,255); font-size:2.5em; margin-bottom:20px; font-weight:400;  font-family: 'pt_sansregular' !important;  }
	
	.padding_content_gelb h2 { color:rgb(255,255,255); width:100%; font-size:1.75em; font-weight:400;  font-family: 'pt_sansregular' !important;  margin:0 auto; margin-bottom:20px; line-height:120%;}

	
	
  .headline_oben {color:#FFF; font-size:2.5em; text-align:center; line-height:110%; text-shadow: 2px 2px 1px rgba(0, 0, 0, 1); font-weight:700;}
  
  .phone { padding-right:0px; width:100%; display:block;}


.mail { padding-right:0px; width:100%; display:block;}
  
  .contact {text-align:center; font-size:1.25em; margin-top:12px;}
	
	.news {width:100%;  float:none; border-bottom:2px dotted #000; padding-bottom:4% !important; padding-top:2% !important;}	
  
  .padding_content_weiss .headline{ color:rgb(235,197,0) !important; font-size:2.5em; font-weight:300;  font-family: 'pt_sansregular' !important; margin-bottom:20px; }


span.safariname{ color:rgb(235,197,0) !important; font-size:2.5em; font-weight:300;  font-family: 'pt_sansregular' !important;  margin-bottom:20px; line-height:115%;  }

.safaritour {color:rgb(211,46,49) !important; font-size:1.5em; font-weight:300;  font-family: 'pt_sansregular' !important;  margin-bottom:12px;}	
	
.formControlLabel {color:rgb(0,0,0) !important; font-size:1.1em; padding:0px !important; margin:0px !important; text-align:left !important; width:92% !important;  font-family: 'pt_sansregular' !important; }

.formBody .rsform-input-box {width:92% !important; padding:10px !important; border:0px !important;  font-family: 'pt_sansregular' !important;  font-size:1.1em !important;}


.formBody .rsform-calendar-box {width:92% !important; padding:10px !important; border:0px !important;  font-family: 'pt_sansregular' !important;   font-size:1.1em !important; }


.formBody .rsform-select-box {width:92% !important; padding:10px !important; border:0px !important;  font-family: 'pt_sansregular' !important;  font-size:1.1em !important; background-color:#FFF;}
	
	.formBody .rsform-select-box-small { padding:10px !important; border:0px !important;  font-family: 'pt_sansregular' !important;   font-size:1.1em !important; background-color:#FFF; margin-bottom:10px !important;}

.rsform-block label {color:rgb(0,0,0) !important; font-size:1.1em;   font-family: 'pt_sansregular' !important; }


textarea {width:92% !important; padding:10px !important;  border:0px !important;  font-family: 'pt_sansregular' !important;   font-size:1.1em !important;}

.formBody .rsform-captcha-box {width:100px !important; padding:10px !important; border:0px !important;  font-family: 'pt_sansregular' !important;   font-size:1.1em !important;}


.rsform-block label a {color:rgb(211,46,49) !important; font-size:1.1em; }

.formBody input[type="checkbox"] {
    display:none !important;
}

.formBody input[type="checkbox"] + label::before {
  width: 20px;
  height: 20px;
  background-color: #FFF;
	content:"";
  display: block;
  float: left;
	margin-top:3px;
  margin-right: 15px;
	margin-bottom:80px;
	cursor: pointer;
}

.formBody input[type="checkbox"]:checked+label::before {
  box-shadow: inset 0px 0px 0px 3px #fff;
color:rgb(235,197,0);
	 font-family: FontAwesome;
	content:"\f00c";
}

input[type="text"], textarea {border-radius: 0px !important;}


.formBody .rsform-submit-button {padding:10px !important; background-color:rgb(211,46,49) !important; color:#FFF !important; transition:all 0.25s; font-size:1.25em !important; margin:30px 0px 30px 0px !important; border:0px !important; -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;  cursor: pointer;  }

.formBody .rsform-submit-button:hover {padding:10px; background-color:rgb(211,46,49) !important; transition:all 0.25s; }

.formBody .rsform-submit-button:after  {content:"\f105"; padding-left:10px; text-decoration:none !important;  font-family: FontAwesome; transition:all 0.25s;}

 .formBody .rsform-submit-button:hover:after  {content:"\f105"; padding-left:20px; text-decoration:none !important;  font-family: FontAwesome; transition:all 0.25s;}

.formControls {float:none !important; margin:0 !important; padding:0 !important;}

	p.clear {margin-top:60px; clear:both; line-height:140%;}

}