
.responsiveContainer {
	position: relative;
	padding-bottom: 70vH;
	height: 0;
	z-index:4000;
}

.responsiveContainer iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index:4010;
}

.label-important {background: #bb0f29; color: #FFF;}

select {
	width: 100%;
	padding: 8px 16px;
	font-size: 16px;
	letter-spacing: 1px;
	background-color: #bb0f29;
	color: #FFF;}

.mb0 {margin-bottom:0px !important}
.mb5 {margin-bottom:5px !important}
.mb10 {margin-bottom:10px !important}

.f30 {font-size: 30px !important; text-transform: uppercase;}
.f40 {font-size: 40px !important; text-transform: uppercase;}
.f50 {font-size: 50px !important; text-transform: uppercase;}
.f60 {font-size: 60px !important; text-transform: uppercase;}
.f70 {font-size: 70px !important; text-transform: uppercase;}
.f80 {font-size: 80px !important; text-transform: uppercase;}
.f90 {font-size: 90px !important; text-transform: uppercase;}
.f100 {font-size: 100px !important; text-transform: uppercase;}

.anfrage {
position: fixed;
top: 100px;
right: 150px;
z-index: 3000;
}


.alert {
position: fixed;
top: 0px;
left: 0px;
padding:100px;
z-index: 3010;
}

.alert h3 {font-size: 60px;}


.logo {
position: fixed;
top: 0;
left: 100px;
z-index: 3000;
background-image:url(../images/olidivini_leidenschaft_schenken.png);
width: 200px;
height: 200px;
}


.btn, .btn-lg{
	background-color: #bb0f29;
	border-color: #bb0f29;
}

.btn:hover, .btn:active, .btn:focus,
.btn-lg:hover, .btn-lg:active, .btn-lg:focus {
	background-color: #933 !important;
	border-color: #933;
}


.btn-lg:hover, .btn-lg:active, .btn-lg:focus {
	background-color: #933 !important;
}


.btn-lg {
    padding: 20px 26px;
    font-size: 22px;
	border-color: #FFF;
}

.btn-lg:hover, .btn-lg:active, .btn-lg:focus {
	border-color: #FFF;
}

.font_bg { background-color: #bb0f29; padding: 4px 10px}

.height_96 {height: 96px}
.height_120 {height: 120px}
.height_150 {height: 150px}
.height_200 {height: 200px}
.andrea_sita {
	font-size:72px;
	color:#FFF;
	margin-top: 80px;
}

.geschenkloesungen {
	font-size:72px;
	color:#FFF;
	margin-top: 200px;
}

.modal {z-index: 5050;}


andrea_sita_width {max-width:1200px}
.para_andrea_sita {background-image: url('../images/andrea_sita/andrea_sita_04.jpg'); padding: 200px 0 600px 0; background-position:top;}


 ul.andrea-liste li {font-size:16px}

.para_geschenkloesungen {background-image: url('../images/geschenkloesungen/geschenkloesungen_01.jpg'); padding: 400px 0 400px 0; background-position:top;}

.opacity_06 {opacity: .6;	-webkit-transition: opacity .3s ease;	-o-transition: opacity .3s ease;	transition: opacity .3s ease;}
.opacity_08 {opacity: .8;	-webkit-transition: opacity .3s ease;	-o-transition: opacity .3s ease;	transition: opacity .3s ease;}

.lead {font-size: 22px !important; font-weight:400;}

.nav_space {margin-bottom:60px !important; margin-top: 60px !important;}
.mb-0 {margin-bottom:0}
.pt-20 {padding-top:20px;}

p, ul li  {font-size: 20px}

.widget p:not(.lead) {
    font-size: 20px;
}


.portfolio-desc p {font-size:16px; padding-left:10px; padding-right:10px;}

.full_width {width: 100%; font-size:16px}

label {width: 100% !important}

@media (min-width: 1199px) {
.margin_top_1024 {padding-top:140px;}
#primary-menu {margin-right: 30px;}
}


@media (max-width: 1199px) {
.forcefullwidth_wrapper_tp_banner {height:600px !important}

.logo {
position: fixed;
top: 0;
left: 40px;
z-index: 3000;
background-image:url(../images/olidivini_leidenschaft_schenken_mobil.png);
width: 88px;
height: 100px;
}


.f60 {font-size: 40px !important}

.btn-lg {
    padding: 10px 13px;
    font-size: 20px;
    background-color: #bb0f29;
    border-color: #FFF;
}

.anfrage {
    top: 80px;
    right: 80px;
    z-index: 3000;
}

.f30 {font-size: 25px !important; text-transform: uppercase;}
.portfolio-desc p {font-size:12px; line-height:15px padding-left:10px; padding-right:10px;}

}



@media (max-width: 991px) {
.forcefullwidth_wrapper_tp_banner {height:600px !important}

.para_andrea_sita {background-image: url('../images/andrea_sita/andrea_sita_04_klein.jpg');   padding: 200px 0 100px 0; background-position:top}

.para_geschenkloesungen {background-image: url('../images/geschenkloesungen/geschenkloesungen_klein.jpg'); padding: 250px 0 150px 0; background-position:top}

.anfrage {
position: fixed;
top: 20px;
right: 120px;
z-index: 3000;
padding: 7px 7px;
font-size: 14px;
background-color: #bb0f29;
border-color: #FFF;
}


.nomobile {display: none}

.andrea_sita {font-size:48px;}
.geschenkloesungen {font-size:48px;}

.f60 {font-size: 40px !important}
.f30 {font-size: 20px !important; text-transform: uppercase;}


}





@media (max-width: 320px) {
.forcefullwidth_wrapper_tp_banner {height:200px !important}

.para_andrea_sita {background-image: url('../images/andrea_sita/andrea_sita_04_klein.jpg');   padding: 200px 0 200px 0; background-position:top}

.para_geschenkloesungen {background-image: url('../images/geschenkloesungen/geschenkloesungen_klein.jpg'); padding: 250px 0 150px 0; background-position:top}

.anfrage {right: 70px;}
.logo {left: 0px;}

.portfolio-desc p {font-size:12px; padding-left:10px; padding-right:10px;}


}

@media (max-width: 480px) {
.forcefullwidth_wrapper_tp_banner {height:260px !important}
.f60 {font-size: 30px !important}

.andrea_sita {font-size:30px;	margin-top: 0px;}

 ul.andrea-liste li {font-size:14px}



.geschenkloesungen {font-size:30px; margin-top: 200px;}

.no_mob_slider {display:none}

.nav_space {margin-bottom:60px !important; margin-top: 60px !important;}
p, ul li {font-size: 16px}

#footer .widget > h4 {
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: 3px;
    text-transform: uppercase;
}
#footer .widget {padding: 10px 0;}


}


@media (max-width: 390px) {
.anfrage {right: 80px;}
.logo {left: 0px;}
.no-under-390 {display:none}

.portfolio-desc p {font-size:12px; padding-left:10px; padding-right:10px;}


}







@media (min-width: 480px) and (max-width: 767px) {
	
.para_andrea_sita {background-image: url('../images/andrea_sita/andrea_sita_04_klein.jpg');   padding: 100px 0 200px 0; background-position:top }

.para_geschenkloesungen {background-image: url('../images/geschenkloesungen/geschenkloesungen_klein.jpg'); padding: 200px 0 100px 0; background-position:top}

#header.full-header .container { width: 100% !important; }
.no_mob_slider {display:none}

.nav_space {margin-bottom:0px; margin-top: 60px;}
p, ul li  {font-size: 16px}
}

@media (min-width: 766px) {
.just_mobile {display:none}
}
