html {
    width:100%;
    height: 100%;
    display: table;
}

body {
    width:100%;
    display:table-cell;
}

html, body {
    margin: 0px;
    padding: 0px;
}

.inv{
display:none;
}

*{
font-family: Arial, sans-serif;
font-size: 14px;
}

h1, h2, h3, h4, h5, h6 {
font-family: Arial, sans-serif;
}

h3.h3_ds{
font-size: 20px;
margin-top: 20px;
}	
	
a.hotline{
font-family: Arial, sans-serif;
color:#222;
font-size:21px;
}

a.h_mobile{
display:inline;
color:#222;
}

a.h_desktop{
display:none;
color:#222;
}

@media only screen and (min-width: 768px){	/* ab ipad portrait */
	a.h_mobile{
	display:none;
	}
	a.h_desktop{
	display:inline;
	}
}

.top-bar-section ul li > a {
font-family: Arial, sans-serif;
}

/*
-----------------------------------------------------------
*/


body{
background-color:#b9b9b9;
font-family: Arial, sans-serif;
font-size:14px;
}

button.small, .button.small {
font-family: Arial, sans-serif;
font-size: 14px;
}

.nopadding{
padding:0px;
}

.typicalpadding{
padding:30px 30px 0px 30px;
}

.footerpadding{
padding:0px 30px 0px 30px;
}


@media only screen and (min-width: 40.063em){	/* NOT a Smartphone */
	.typicalpadding{
	padding:60px 30px 0px 30px;
	}
	.footerpadding{
	padding:60px 30px 0px 30px;
	}
}

.beamer_price{
    display: block;
    position: absolute;
    background: #FFCC00;
    width: 72px;
    height: 72px;
    line-height: 72px;
    border-radius: 36px;
    text-align: center;
    font-weight: bold;
    font-size: 21px;
	top: 5px;
    right: 60px;
}	

.beamer_special{
display: block;
position: absolute;
background: #F03;
padding:5px;
color:#FFF;
right:0px;
top:180px;
}

.beamer_special_einzel{
right:10px;
top:20px;
}

.beamer_price span{
font-size:12px;
margin-right: 4px;
}

@media only screen and (min-width: 40.063em){	/* NOT a Smartphone */	
	.beamer_price{
	top: 24px;
    right: -6px;
	}
}

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

.beamer_preview_details{
width:100%;
margin-bottom:30px;
}

.stars_rating{
display:inline-block;
width:20px;
height:20px;
margin:6px 0px 0px 6px;
float:left;
b_order-right:1px solid red;
}


#map_canvas{
position:relative;
border:2px solid #000000;
border:0px;
height:400px;
margin-top:39px;
background-color:#FFF;
background-image:url('./background_maps_2.jpg');
background-repeat:no-repeat;
background-position:center center;
}

.maps_hinweis{
display: block;
position: relative;
margin: 0px auto;
background: #FFF;
font-size: 14px;
padding: 20px;
width: 90%;
top: 20px;
height: auto;
}

@media only screen and (min-width: 429px){	/* NOT A SMARTPHONE */
	.maps_hinweis{
	width: 70%;
	top: 23%;
	h_eight: 200px;
	}
}

.maps_hinweis a{
color:#222 ! important;
text-decoration:underline;
}

.maps_hinweis a.maps_ok_button{
display:block;
text-align:center;
padding:10px;
border:1px solid #222;
width: 200px;
margin-top:20px;
background:#CCC;
margin: 22px auto 0px auto;
text-decoration:none;
}

.maps_hinweis a.maps_ok_button:focus , .maps_hinweis a.maps_ok_button:hover , .maps_hinweis a.maps_ok_button:active{
background:#FFF;
}


/* NEW 2025 */
.beamer_marker{
width:auto;
width:44px;
height:50px;
text-align:center;
b_ackground-color:blue;
background-image:url('beamer_marker.png');
background-repeat:no-repeat;
border:0px;
padding:10px 20px;
}

/*
.beamer_marker_arrow{
width:auto;
height:40px;
background-color:yellow;
background-image:url('aaa.svg');
background-size:100% auto;
background-repeat:no-repeat;
}
*/

/*
------------------------------------------------------------------
*/

@media only screen and (min-width: 40.063em){	/* NOT A SMARTPHONE */

.top-bar-section ul li{
background:none;
}

.top-bar-section li:not(.has-form) a:not(.button){
padding: 0px 30px 0px 30px;
}

.top-bar-section ul li > a{
padding: 0px 30px 0px 30px;
}

}

/*
------------------------------------------------------------------
*/

.top-bar{
background:url('img/blacky_4.png');
}

/*
.top-bar-section{
background:url('img/blacky.png');
o_pacity:0.7;
}
*/

.top-bar-section li:not(.has-form) a:not(.button){
background:none;
}

.panel {
font-size:14px;
}

.beamer_details{
margin-top:16px;
background:green;
}

.beamer_details:focus , .beamer_details:hover , .beamer_details:active{
background:#FFCC00;
color:#222;
}

.covid19_hinweis{
display:block;
background:#fdea9d;
position:relative;
margin:40px 0px;
p_adding:10px;
padding: 6px 16px 6px 16px;
border-radius: 10px;
}

.covid19_hinweis a{
color:#222;
text-decoration:underline;
}

.covid19_faq h5{
line-height: 20px;
}

/*
.prontopro a:focus,.prontopro a:hover,.prontopro a:active{
text-decoration:underline;
}
*/

/*
a.active{
background:green;
}
*/

.top-bar-section li.active:not(.has-form) a:not(.button) {
padding: 0px 30px 0px 30px;
line-height: 2.8125rem;
color: #000;
}



img.logo_bss{
display: block;
width: 140px;
height:auto;
margin: 30px 0px;
}

#msk{
margin:0px;
position: absolute;
top: 340px;
right: 100px;
display:none;
}


@media only screen and (min-width:1558px){
	#msk{
	display:block;
	}
}

.abst_20{
height:20px;
}

.abst_30{
height:30px;
}

/* abst_40 siehe unten! */

.abst_60{
height:60px;
}

.abst_80{
height:80px;
}

.abst_200{
height:80px;
b_ackground:yellow;
}

@media only screen and (min-width:376px){	/* NOT A SMARTPHONE */
	.abst_200{
	height:200px;
	b_ackground:black;
	}
}


.panel{
border-style: none;
border-width: 0px;
border-color: #d8d8d8;
background:none;
}

button, .button {
display:block;
width:100%;
}

.header_bv{
background-color:#333333;
background-repeat:no-repeat;
background-position:0px 0px;
height:146px;
display:none;
}

@media only screen and (min-width: 641px){	/* ab ipad portrait inklusive */
	.header_bv{
	display:block;
	}
}







h4.firstheader{
margin-bottom:1rem ! important;
font-size: 30px;
}


h5{
font-size:21px;
}



.frage{
text-decoration:underline;
color:#333333;
}

.faq_antwort {
  display: none;
  background: #B0B0B0;
  background-image: url('img/white.png');
  width: 100%;
  padding: 10px;
  margin-top: 4px;
  margin-bottom: 12px;
}

@media only screen and (orientation:portrait) {

	.top-bar-section li:not(.has-form) a:not(.button){
	padding: 0px 20px 0px 20px;
	line-height: 2.8125rem;
	color: #FFCC00;
	}

	.top-bar-section li.active:not(.has-form) a:not(.button) {
	padding: 0px 20px 0px 20px;
	line-height: 2.8125rem;
	color: #000;
	}

}

button, .button {
transition: none; 
}

a.anfrage:link,a.anfrage:visited{
color:#333333;
text-decoration:underline;
}

a.anfrage:focus,a.anfrage:hover,a.anfrage:active{
color:#FFFFFF;
text-decoration:underline;
}

.textfeld_anfrage{
height:100px;
margin: 0 0 12px 0;
}


.kalenderlabel{
float:left;
height:38px;
background:#919191;
line-height:36px;
margin:0px;
padding:0px;
}

input[type="text"]{
padding:6px !important;
margin:0px 0px 12px 0px;
height: 38px ! important;
border-width:0px ! important;
}

input[type="text"].kalenderfeld , input[type="date"].kalenderfeld{
width:90px ! important;
float:left;
margin:0px 12px 0px 4px;
border:0px solid #fff;
}

.button_anfrage{
margin:auto;
margin-top:10px;
width:100%;
}

.abst_40{
height:0px;
}

.kein_padding_top{
padding-top: 0px;
}

@media only screen and (min-width: 40.063em){	/* not a Smartphone */

	.kein_padding_top{
	padding-top: 1.25rem;
	padding-right:0px;
	}

	.abst_40{
	height:40px;
	}

	.beamer_details{
	width:131px;
	}

	.button_anfrage{
	margin:auto;
	margin-top:20px;
	width:262px;
	}
}

.beamer_logo{
height:18px;	/* achtung, zu klein? */
width:auto;
margin:26px 24px 0px 0px;
}

.logo_top_left{
position:absolute;
display:block;
width:270px;
height:140px;
}

.beamer_logo_mobile{
float: left;
margin:16px 30px;
width:172px;
height:auto;
}

select{
margin: 0 0 12px 0;
}

.einzelbeamer{
padding-top:70px;
}

.einzelbeamer img{
width:100%;
}

.einzelbeamer img.firstpic{
margin-bottom:20px;
}

@media only screen and (min-width: 40.063em){
.top-bar-section li:not(.has-form) a:not(.button):hover {
/* background-color: #ff0e0e; */
background: #919191;
}
}





.right-off-canvas-menu {
position:fixed;
width: 12.0rem;
top: 46px;
}

ul.mobile_navi , ul.mobile_navi li{
list-style-type:none;
margin:0;
padding:0;
}
	
ul.mobile_navi li{
margin: 25px 0px 10px 20px;
}
	
ul.mobile_navi li a{
color:#FFF;
}

ul.mobile_navi li a:focus{
color:#FFCC00;
}

.toptrenner{
padding-top:60px;
}

.bottomtrenner{
padding-bottom:40px;
border-bottom:1px solid #FFF;
}

@media only screen and (min-width: 40.063em){	/* NOT a Smartphone */
	.bottomtrenner{
	border-bottom:0px solid #FFF;
	}
}

.preis{
text-align:center;
background:beige;
padding: 34px 0px 0px 0px;
height:122px;
border-bottom:1px solid #FFF;
}

.preis_small{
height:70px;
padding:14px 0px 0px 0px;
}

@media only screen and (min-width: 40.063em){	/* NOT a Smartphone */
	.preis_small{
	height:122px;
	padding:24px 0px 0px 0px;
	}
}

.preis_zub{
height:170px;
padding:28px;
}

.preis_zub_2{
height:70px;
}
	
.price_lastline{
margin-bottom: 20px;
}


@media only screen and (min-width: 40.063em){	/* NOT a Smartphone */
	.preis_zub_2{
	height:170px;
	}
	.price_lastline{
	margin-bottom: 20px;
	}
}





.preis img{
margin:-19px 0px 0px 0px;
}


.burger{
width:38px;
height:38px;
background-image:url('img/burger_2.png');
background-repeat:no-repeat;
background-position:right 12px;
float:right;
}


.beamer_details_table{
margin:40px 0px 30px 0px;
border:0px;
padding:0px;
width:100%;
border-spacing: 0px;
border-collapse: separate;
}

.beamer_details_table tr td.alignright{
text-align:right;
}




/*
@media only screen and (min-width: 40.063em){
	.beamer_details_table{
	margin:40px 0px 30px 0px;
	}
}
*/

.headline td{
font-weight:bold;
}



.faq_antwort a:link,.faq_antwort a:visited{
color:#222;
text-decoration:underline;
}

.faq_antwort a:link,.faq_antwort a:visited{
color:#222;
text-decoration:underline;
}

.frage{
display:block;
min-height:20px;
}

.faq_dot{
background:#FFCC00;
width:20px;
height:20px;
text-align:center;
float:left;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
margin-right:10px;
}



/*
.bgpink{
background:pink;
}
*/

.lasche_kontakt{
display: block;
position: absolute;
bottom: 132px;
right: 80px;
height: 70px;
background: #333;
color: #FFF;
padding: 2px 6px;
-webkit-border-radius: 8px 8px 0px 0px;
-moz-border-radius: 8px 8px 0px 0px;
border-radius: 8px 8px 0px 0px;
f_ont-size: 12px;
padding-top: 10px;
}

.lasche_kontakt b{
font-size: 12px;
}

.lasche_kontakt div {
height: 20px;
padding-left: 24px;
background-repeat: no-repeat;
margin-bottom: 4px;
font-size: 12px;
}

.lasche_kontakt div.k_tel {
background-image: url(img/icon_phone.png);
}

.lasche_kontakt div.k_mail {
background-image: url(img/icon_mail.png);
}

.lasche_kontakt div.k_mail a{
color:#FFF ! important;
}

.row{
max-width:1000px;
}	

input[type='checkbox']{
float:left;
margin:13px 6px 13px 0px;
}

.ds_wrapper{
margin: 10px 0px;
float: left;
max-width: calc(100% - 40px);
}


@media only screen and (min-width: 40.063em){	/* NOT a Smartphone */
	.ds_wrapper{
	max-width: calc(100% - 20px);
	}
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #CCC;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #CCC;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #CCC;
}


.ds_wrapper a{
color:#222;
text-decoration:underline;
}

.button_anfrage_zub{
w_idth: 160px;
width: 100%;
padding: 10px 10px;
}

@media only screen and (min-width: 40.063em){	/* NOT a Smartphone */
	.button_anfrage_zub{
	width: 70%;
	}
}


.hinweis_firma_click{
display: inline-block;
height: 16px;
width: 16px;
background: #000;
margin: 0px 5px;
text-align: center;
color: #FFF ! important;
line-height: 16px;
}	

.hinweis_firma{
position:absolute;
display:none;
top:0px;
left:100px;
padding:10px;
color:#FFF;
background:#000;
max-width: 320px;
}	

.hinweis_firma a{
text-decoration:underline;
color:#FFF ! important;
}

#sichtbarkeit{
display:none;
}

#eingabe_fehler{
padding:10px;
background:#FFF;
color:red;
margin-top:61px;
}






footer{
width:100%;
bottom:0px;
height:100px;
position:relative;
b_order-top: 10px solid yellow;
}

@media only screen and (min-width:360px){	/* NOT A SMARTPHONE */
	footer{
	position:absolute;
	b_order-top: 10px solid red;
	}
}

.tb_footer{
color:#FFF;
font-size:12px;
padding-top:30px;
max-width:100%;
border-bottom:10px solid #333;
position:relative;
}


.footer_bv{
display:block;
width:100%;
border-top:1px solid #ADADAD;
background:#333;
}



.footer_bv a{
margin:0px 0px;
font-size: 12px;
}

@media only screen and (min-width: 40.063em){	/* NOT A SMARTPHONE */
	.footer_bv a{
	margin:0px 10px;
	}
}

.footer_bv a:link,.footer_bv a:visited{
color:#FFF;
text-decoration:none;
}

.footer_bv a:focus,.footer_bv a:hover,.footer_bv a:active{
color:#FFF;
text-decoration:underline;
}

.imp_left{
text-align:right;
font-size: 12px;
}

.imp_right{
text-align:right;
}

@media only screen and (min-width: 40.063em){	/* NOT a Smartphone */
	.imp_left{
	text-align:left;
	}
	.imp_right{
	margin-top: 0px;
	}	
}

.footer_bv a.social{
display:block;
width:28px;
height:28px;
background-repeat:no-repeat;
float:right;
margin:20px 0px 0px 10px; 
}

@media only screen and (min-width: 40.063em){	/* not a Smartphone */
	.footer_bv a.social{
	margin-top:8px;
	}
}

.social_mail{
background-image:url('//cdn2.beamer-verleih.com/svg/mail.svg');
}

.social_fb{
background-image:url('//cdn2.beamer-verleih.com/svg/fb2.svg');
}

.social_yt{
background-image:url('//cdn2.beamer-verleih.com/svg/yt2.svg');
}

.social_prontopro{
background-image:url('//cdn2.beamer-verleih.com/icon_prontopro.png');
}


a.textlink{
text-decoration:underline;
color:#222 ! important;
}

a.textlink:focus , a.textlink:hover , a.textlink:active{
text-decoration:underline;
}


.verkauf_hinweis{
padding:20px;
background:#fdea9d;
margin:0px 0px 20px 0px;
}



.stopper_verkauf{
position: absolute;
    top: -40px;
    height: 80px;
    width: 80px;
    right: -8px;
	background-image:url('https://cdn2.beamer-verleih.com/verkauf.png');
	background-repeat:no-repeat;
}

a.link_verkauf{
p_adding: 10px 22px ! important;
background: #FFCC00 ! important;
margin-top: -10px ! important;
color:#000 ! important;
padding-top: 10px ! important;
padding-bottom: 10px ! important;
}
	
.minitrenner_angebot{
height: 1px;
background: #373737;
margin: 60px 60px 0px 60px;
}


#no-cookie-hinweis{
display: block;
position: fixed;
bottom: 0px;
padding: 20px;
background-color: #d8d8d8;
margin-left: 0px;
margin-right: 0px;
max-width:100%;
box-shadow: none;
}

@media only screen and (min-width: 813px){
	#no-cookie-hinweis{
	bottom: 30px;
	right:0px;
	margin-left: 0px;
	margin-right: 30px;
	max-width: calc(50% - 60px);
	box-shadow: 4px 4px 10px #666;
	}
}



#no-cookie-hinweis a.okbutton{
color:#fff;
t_ext-decoration:underline;
display:inline-block;
margin:10px auto 10px auto;
background:green;
padding:10px 20px;
}

#no-cookie-hinweis a.okbutton:link,#no-cookie-hinweis a.okbutton:visited{
text-decoration:none;
}

#no-cookie-hinweis a.okbutton:focus,#no-cookie-hinweis a.okbutton:hover{
text-decoration:underline;
}
#no-cookie-hinweis a.textlink{
color:#f03;
text-decoration:underline;
}

	
/* -------------------- fuer duesseldorf -------------------- */

.introtext_duesseldorf{
padding:30px;
font-size:14px;
}

.introtext_duesseldorf a{
color:#222;
}

.introtext_duesseldorf span{
font-size:12px;
}