/* Responsive CSS Styles Table of Contents */

@media only screen and (min-width: 1000px) and (max-width: 1169px){
.container {
	width: 1000px;
	margin: auto;
}

.feature-box-1-contant1{
	padding: 50px 5% 50px 18%;
	margin-left: 16%;
}
.feature-box-1-contant2{
	position:relative;
	width:83%;
	padding: 100px 18% 50px 5%;
}
.img-box1{
	width:400px;
	left:-40%;
}
.img-box2{
	width:400px;
	right:-41%;
}

.contant-box .left{
	padding-top:0px;
}

.feature-box-6 .framebox{
	width:59%;
}

.section-bgimg2{
	padding-top: 80px;
	padding-bottom: 90px;
}


}


/* -------------------------------------------------------------------------------------------- */
/*  iPAD und Co. (Quer-Format)                                            --------------------- */
/* -------------------------------------------------------------------------------------------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
	.banner__link {
		height: 500px;
	}
	.banner1-wrapper,
	.banner2-wrapper {
	}
	.banner1-container,
	.banner2-container {
		height: 500px;
		left: 12.5%;
		width: 70%;
	}
	.banner1-cc, .banner1-cr,
	.banner2-cc, .banner2-cr,
	.banner1-and, .banner2-and {
		font-size: 65px;
		line-height: 65px;
	}

	#welcome {
		padding-top: 20px;
	}
	#welcome h1 {
		font-size: 40px;
	}
	#sonstiges h3 {
		font-size: 20px;
	}
}

/* -------------------------------------------------------------------------------------------- */
/*  iPAD und Co.  (Hoch-Format)                                           --------------------- */
/* -------------------------------------------------------------------------------------------- */
@media only screen and (min-width: 768px) and (max-width: 999px){

	.banner__link {
		height: 400px;
	}
	.banner1-wrapper,
	.banner2-wrapper {
	}
	.banner1-container,
	.banner2-container {
		height: 400px;
		left: 12.5%;
		width: 70%;
	}
	.banner1-cc, .banner1-cr,
	.banner2-cc, .banner2-cr,
	.banner1-and, .banner2-and {
		font-size: 55px;
		line-height: 55px;
	}

	#welcome {
		padding-top: 20px;
	}
	#welcome h1 {
		font-size: 40px;
	}
	#countdown h2 {
		font-size: 30px;
	}
	#sonstiges h3 {
		font-size: 20px;
	}


	.container {
	width: 747px;
	margin: auto;
}

.feature-box-1-contant1{
	padding: 50px 5% 50px 23%;
	margin-left: 16%;
}
.feature-box-1-contant2{
	position:relative;
	width:83%;
	padding: 100px 18% 50px 5%;
}
.img-box1{
	width:250px;
	left:-16%;
}
.img-box2{
	width:250px;
	right:-18%;
}

.contant-box{
	width:100%;
	background-color:#770000;
	padding:30px 10px 140px 10px;
}
.contant-box .left{
	padding-left:10px;
}
.contant-box .right{
	padding-left:25px;
	padding-right:10px;
}
.feature-box-5{
	width:100%;
	text-align:left;
}
.feature-box-5 .contant{
	padding:70px 30px;
}
.feature-box-5 .img2 {
	padding:0px 0px ;
	background-repeat:repeat-x;
}
.feature-box-5 .contant2{
	padding:40px 30px;
}
.feature-box-5 .contant3{
	padding:40px 30px;
}

.location-area .col-md-5 {
	width: 100%;
}
.location-area .col-md-2 {
	width: 100%;
}

.location-area .contant-vart{
	width: auto;
    word-wrap: none;
	padding-top: 20px;
	padding-bottom: 20px;
}

.parallax-sec-1 .col-md-4 {
	width: 100%;
	text-align: center;
}
.parallax-sec-1 .col-md-3 {
	width: 25%;
}

.contant-box .left{
	padding-top:0px;
}

.feature-box-6 .framebox{
	width:75%;
}

.gift-logos {
	padding: 27px 0px 20px 0px;
	background-size: 100%;
}
.gift-logos img {
	width: 75%;
}

.section-bgimg2{
	padding-top: 80px;
	padding-bottom: 90px;
	background-size: 150%;
}

}





/* -------------------------------------------------------------------------------------------- */
/*  kleiner iPAD und Co.                                                  --------------------- */
/* -------------------------------------------------------------------------------------------- */
@media only screen and (min-width: 640px) and (max-width: 767px){

	.banner__link {
		height: 400px;
	}
	.banner1-wrapper,
	.banner2-wrapper {
	}
	.banner1-container,
	.banner2-container {
		height: 400px;
		left: 12.5%;
		width: 70%;
	}
	.banner1-cc, .banner1-cr,
	.banner2-cc, .banner2-cr,
	.banner1-and, .banner2-and {
		font-size: 45px;
		line-height: 45px;
	}


	/* columns */
.one_half, .one_third, .one_fourth, .two_third, .three_fourth, .one_fifth, .onecol_forty, .onecol_sixty, .onecol_thirtyfive,
.one_half_less, .one_third_less, .one_fourth_less, .two_third_less, .three_fourth_less, .one_fifth_less, .onecol_forty_less, .onecol_sixty_less, .onecol_thirtyfive_less {
	position: relative;
	margin-right: 0%;
	float: left;
}
.one_full,
.one_half,
.one_third,
.one_fourth,
.one_fifth,
.two_third,
.three_fourth,
.onecol_forty,
.onecol_sixty,
.onecol_thirtyfive,
.one_full_less,
.one_half_less,
.one_third_less,
.one_fourth_less,
.one_fifth_less,
.two_third_less,
.three_fourth_less,
.onecol_forty_less,
.onecol_sixty_less,
.onecol_thirtyfive_less {
	width: 100%;
	margin-bottom: 50px;
}
.last {
	margin-right: 0 !important;
	margin-bottom: 0 !important;
}

.container {
	width: 590px;
	margin: auto;
}

.feature-box-1-contant1{
	width: 90%;
	padding: 50px 8% 50px 8%;
	margin-left: 5%;
	margin-top: 320px;
}
.feature-box-1-contant2{
	position:relative;
	width:100%;
	padding: 125px 8% 50px 8%;
	margin-top: 390px;
}
.img-box1{
	width: 100%;
	left:-0%;
	top:-360px;
}
.img-box1 img{
	width: 100%;
}
.img-box2{
	width: 95%;
	right:0%;
	top:-270px;
}
.img-box2 img{
	width: 94.5%;
}

.feature-box-5{
	width:100%;
	text-align:left;
}
.feature-box-5 .contant{
	padding:70px 30px;
}
.feature-box-5 .img2 {
	padding:0px 0px ;
	background-repeat:repeat-x;
}
.feature-box-5 .contant2{
	padding:40px 30px;
}
.feature-box-5 .contant3{
	padding:40px 30px;
}

.location-area .col-md-5 {
	width: 100%;
}
.location-area .col-md-2 {
	width: 100%;
}

.location-area .contant-vart{
	width: auto;
    word-wrap: none;
	padding-top: 20px;
	padding-bottom: 20px;
}

.parallax-sec-1 .col-md-4 {
	text-align: center;
}


.contant-box .left{
	padding-top:0px;
}

.feature-box-6 .framebox{
	width:85%;
}

.gift-logos {
	padding: 21px 0px 20px 0px;
	background-size: 100%;
}
.gift-logos img {
	width: 75%;
}

.section-bgimg2{
	padding-top: 70px;
	padding-bottom: 75px;
	background-size: 150%;
}

.border-left-opacity1 {
	border-left: none;
}
.border-right-opacity1 {
	border-right: none;
}

.img-responsive {
	width: 100%;
}

}





/* -------------------------------------------------------------------------------------------- */
/*  Handy und Co.                                                         --------------------- */
/* -------------------------------------------------------------------------------------------- */
@media only screen and (min-width: 480px) and (max-width: 639px){

	.banner__link {
		height: 300px;
	}
	.banner1-wrapper,
	.banner2-wrapper {
	}
	.banner1-container,
	.banner2-container {
		height: 300px;
		left: 12.5%;
		width: 70%;
	}
	.banner1-cc, .banner1-cr,
	.banner2-cc, .banner2-cr,
	.banner1-and, .banner2-and {
		font-size: 45px;
		line-height: 45px;
	}

	#welcome {
		padding-top: 20px;
	}
	#welcome h1 {
		font-size: 35px;
	}
	#sonstiges h3 {
		font-size: 20px;
	}

/* columns */
.one_half, .one_third, .one_fourth, .two_third, .three_fourth, .one_fifth, .onecol_forty, .onecol_sixty, .onecol_thirtyfive,
.one_half_less, .one_third_less, .one_fourth_less, .two_third_less, .three_fourth_less, .one_fifth_less, .onecol_forty_less, .onecol_sixty_less, .onecol_thirtyfive_less {
	position: relative;
	margin-right: 0%;
	float: left;
}
.one_full,
.one_half,
.one_third,
.one_fourth,
.one_fifth,
.two_third,
.three_fourth,
.onecol_forty,
.onecol_sixty,
.onecol_thirtyfive,
.one_full_less,
.one_half_less,
.one_third_less,
.one_fourth_less,
.one_fifth_less,
.two_third_less,
.three_fourth_less,
.onecol_forty_less,
.onecol_sixty_less,
.onecol_thirtyfive_less {
	width: 100%;
	margin-bottom: 50px;
}
.last {
	margin-right: 0 !important;
	margin-bottom: 0 !important;
}

.container {
	width: 440px;
	margin: auto;
}

.slider-margin1 {
	padding-top: 92px;
	background: #454545;
}

.feature-box-1-contant1{
	width: 90%;
	padding: 50px 8% 50px 8%;
	margin-left: 5%;
	margin-top: 230px;
}
.feature-box-1-contant2{
	position:relative;
	width:100%;
	padding: 125px 8% 50px 8%;
	margin-top: 320px;
}
.img-box1{
	width: 100%;
	left:-0%;
	top:-270px;
}
.img-box1 img{
	width: 100%;
}
.img-box2{
	width: 95%;
	right:0%;
	top:-200px;
}
.img-box2 img{
	width: 94.5%;
}


.feature-box-2{
	width:100%;
	text-align:left;
	margin-top:0px;
}
.feature-box-2 .contant{
	width:100%;
	padding:30px 30px;
}
.feature-box-2 .contant2{
	width:100%;
	padding:30px 30px;
}
.contant-box-4{
	width:100%;
}
.contant-box{
	padding:20px 20px 200px 20px;
}
.contant-box .left{
	width:100%;
	padding:0px 0px;
}
.contant-box .right{
	width:100%;
	padding-left:20px;
}
.feature-box-5{
	width:100%;
	text-align:left;
}
.feature-box-5 .contant{
	padding:40px 30px;
}
.feature-box-5 .img2{
	padding:0px 0px 0px  0px;
}
.feature-box-5 .contant2{
	padding:40px 30px;
}
.feature-box-5 .contant3{
	padding:40px 30px;
}


.location-area .col-md-5 {
	width: 100%;
}
.location-area .col-md-2 {
	width: 100%;
}

.location-area .contant-vart{
	width: auto;
    word-wrap: none;
	padding-top: 20px;
	padding-bottom: 20px;
}

.parallax-sec-1 .col-md-4 {
	text-align: center;
}


.contant-box .left{
	padding-top:0px;
}

.feature-box-6 .framebox{
	width:100%;
}
.feature-box-6 .framebox02{
	padding:30px 30px 30px 30px;
}
.gift-logos {
	padding: 16px 0px 20px 0px;
	background-size: 100%;
}
.gift-logos img {
	width: 75%;
}

.section-bgimg2{
	padding-top: 50px;
	padding-bottom: 50px;
	background-size: 200%;
}

.border-left-opacity1 {
	border-left: none;
}
.border-right-opacity1 {
	border-right: none;
}

.img-responsive {
	width: 100%;
}

}



/* -------------------------------------------------------------------------------------------- */
/*  kleine Handys und Co.                                                 --------------------- */
/* -------------------------------------------------------------------------------------------- */
@media only screen and (max-width: 479px){

	.banner__link {
		height: 300px;
	}
	.banner1-wrapper,
	.banner2-wrapper {
	}
	.banner1-container,
	.banner2-container {
		height: 300px;
		left: 0%;
		width: 100%;
	}
	.banner1-cc, .banner1-cr,
	.banner2-cc, .banner2-cr,
	.banner1-and, .banner2-and {
		font-size: 25px;
		line-height: 25px;
	}
	.banner1-hr,
	.banner2-hr {
		width: 90%;
	}
	.banner1-text,
	.banner2-text {
		font-size: 15px;
		letter-spacing: 0px;
		text-transform: uppercase;
		line-height: 30px;
	}

	#welcome {
		padding-top: 0px;
	}
	#welcome h1 {
		font-size: 25px;
	}
	#countdown h2 {
		font-size: 23px;
	}
	#countdown img {
		width: 200px;
	}
	#countdown .days,
	#countdown .hours,
	#countdown .minutes,
	#countdown .seconds	{
		font-size: 24px;
	}
	#countdown h5	{
		font-size: 16px;
	}
	#polterabend h1 {
		font-size: 32px;
	}
	#polterabend h3 {
		font-size: 22px;
	}
	#sonstiges h3 {
		font-size: 20px;
	}

	/* columns */
.one_half, .one_third, .one_fourth, .two_third, .three_fourth, .one_fifth, .onecol_forty, .onecol_sixty, .onecol_thirtyfive,
.one_half_less, .one_third_less, .one_fourth_less, .two_third_less, .three_fourth_less, .one_fifth_less, .onecol_forty_less, .onecol_sixty_less, .onecol_thirtyfive_less {
	position: relative;
	margin-right: 0%;
	float: left;
}
.one_full,
.one_half,
.one_third,
.one_fourth,
.one_fifth,
.two_third,
.three_fourth,
.onecol_forty,
.onecol_sixty,
.onecol_thirtyfive,
.one_full_less,
.one_half_less,
.one_third_less,
.one_fourth_less,
.one_fifth_less,
.two_third_less,
.three_fourth_less,
.onecol_forty_less,
.onecol_sixty_less,
.onecol_thirtyfive_less {
	width: 100%;
	margin-bottom: 50px;
}
.last {
	margin-right: 0 !important;
	margin-bottom: 0 !important;
}

.container {
	width: 300px;
	margin: auto;
}

.slider-margin1 {
	padding-top: 66px;
	background: #454545;
}

.feature-box-1-contant1{
	width: 90%;
	padding: 50px 5% 50px 5%;
	margin-left: 5%;
	margin-top: 130px;
}
.feature-box-1-contant2{
	position:relative;
	width:100%;
	padding: 125px 5% 50px 5%;
	margin-top: 190px;
}
.img-box1{
	width: 100%;
	left:-0%;
	top:-170px;
}
.img-box1 img{
	width: 100%;
}
.img-box2{
	width: 95%;
	right:0%;
	top:-90px;
}
.img-box2 img{
	width: 94.5%;
}

.feature-box-2{
	width:100%;
	text-align:left;
	margin-top:0px;
}
.feature-box-2 .contant{
	width:100%;
	padding:30px 30px;
}
.feature-box-2 .contant2{
	width:100%;
	padding:30px 30px;
}
.contant-box-4{
	width:100%;
}
.contant-box{
	padding:20px 20px 250px 20px;
}
.contant-box .left{
	width:100%;
	padding:0px 0px;
}
.contant-box .right{
	width:100%;
	padding-left:20px;
}
.feature-box-5{
	width:100%;
	text-align:left;
}
.feature-box-5 .contant{
	padding:40px 30px;
}
.feature-box-5 .img2{
	padding:0px 0px 0px  0px;
}
.feature-box-5 .contant2{
	padding:40px 30px;
}
.feature-box-5 .contant3{
	padding:40px 30px;
}

.location-area .col-md-5 {
	width: 100%;
}
.location-area .col-md-2 {
	width: 100%;
}

.location-area .contant-vart{
	width: auto;
    word-wrap: none;
	padding-top: 20px;
	padding-bottom: 20px;
}

.parallax-sec-1 .col-md-4 {
	text-align: center;
}


.contant-box .left{
	padding-top:0px;
}

.feature-box-6 .framebox{
	width:100%;
	padding:10px 10px 50px 10px;
}
.feature-box-6 .framebox02{
	padding:20px 20px 20px 20px;
}
.gift-logos {
	width: 50%;
	padding: 25px 0px 20px 0px;
	background-size: 100%;
}
.gift-logos img {
	width: 75%;
}

.section-bgimg2{
	padding-top: 40px;
	padding-bottom: 40px;
	background-size: 200%;
}

.border-left-opacity1 {
	border-left: none;
}
.border-right-opacity1 {
	border-right: none;
}

.feature-box-7 h1 {
	font-size: 27px;
}
.feature-box-7 h2 {
	font-size: 21px;
}
.feature-box-7 .margin-bottom3 {
	margin-bottom: 0px;
}
.img-responsive {
	width: 100%;
}



}