@CHARSET "ISO-8859-1";

/* scada-regular - latin_cyrillic */
@font-face {
  font-family: 'Scada';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('../fonts/scada-v14-latin_cyrillic-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/scada-v14-latin_cyrillic-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* scada-700 - latin_cyrillic */
@font-face {
  font-family: 'Scada';
  font-style: normal;
  font-weight: 700;
  src: local(''),
       url('../fonts/scada-v14-latin_cyrillic-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/scada-v14-latin_cyrillic-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}


div.headline_logo {
	background-image: url('../pic/mandant45/header.jpg');
}
/*div.headline_warenkorb_gesamt {
	background-image: url("../pic/mandant45/warenkorb.png");
	background-position: 14px 6px;
}*/

/*
.nav-item.warenkorb{
	background-image: url("../pic/mandant45/warenkorb.png");
	background-position: 0px 3px;
	background-repeat: no-repeat;
	padding-left: 28px;
}
.nav-item.login{
	background-image: url("../pic/mandant45/login.png");
	background-position: 0px 3px;
	background-repeat: no-repeat;
	padding-left: 28px;
}
*/

body {
	font-family: Scada;
    background-color: #ffffff;
    font-weight: normal;
    overflow-x: hidden;
    overflow-y: scroll;
    color: #2b2c30;
}
div {
	color: #2b2c30;
	font-family: Scada;
}
span {
	font-family: Scada;
	font-size: 1rem;
}

#welcometext {
    bottom: auto;
    font-size: 1rem;
    left: 20px;
    right: auto;
    top: 30px;
    width: 400px;
    display: block;
    text-align: left;
    position: relative;
}

/*dunkles layout: */

#welcometext a, #welcometext a:LINK, #welcometext a:VISITED {
	color: #66b512;
}

.navbar-dark .navbar-nav .nav-link.active{
	color: #67b513;
}
.navbar-nav .nav-link.active{
	color: #39a8e0;
}
.navbar-nav .nav-link:hover{
	color: #d4d0cd;
}
.navbar-toggler{
	color: #ffffff;
	display: none;
}
a:hover{
	color: #39a8e0;
}
footer a:hover, #footer_header a:hover{
	color: #bab5b1;
}

.btn{
	font-size: 1rem;
	border-radius: 0;
}

a.btn.btn-primary, a.btn.btn-primary:link, a.btn.btn-primary:visited{
	height: 60px;
	width: 100%;
	max-width: 155px;
	font-size: 1.5rem;
	color: #67b513;
	background-color: #ffffff;
	border-color: #d4d0cd;
	border-width: 1px;
	padding: 11px;
}
input.btn.btn-primary {
	color: #67b513;
	background-color: #ffffff;
	border-color: #d4d0cd;
	border-width: 1px;
}
a.btn.btn-primary:hover, .btn-primary.active, .btn-primary.focus, input.btn.btn-primary:hover{
	color: white !important;
	background-color: #67b513 !important;
    border-color: #d4d0cd !important;
}
a.btn.btn-primary.focus, .btn-primary:focus, input.btn.btn-primary.focus{
	box-shadow: 0 0 0 0px #d4d0cd;
}
.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show > .btn-primary.dropdown-toggle:focus {
	box-shadow: 0 0 0 0px #d4d0cd;
}
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show > .btn-primary.dropdown-toggle {
	color: #ffffff;
	background-color: #006ec9;
	border-color: #d4d0cd;
}

.btn-secondary{
	border-color: #d4d0cd;
	border-width: 1px;
	color: #67b513;
	background-color: #ffffff;
	font-size: 1rem;
	height: 50px;
	width: 155px;
	padding-top: 5px;
}
.btn-secondary:hover, .btn-secondary.active, .btn-secondary.focus{
	color: white !important;
	background-color: #67b513;
    border-color: #d4d0cd;
}
.btn-secondary.focus, .btn-secondary:focus{
	box-shadow: 0 0 0 3px #39a8e0;
	background-color: #39a8e0;
}
.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show > .btn-secondary.dropdown-toggle {
	background-color: white;
}

a, a:link, a:visited{
	color: #67b513;
}

footer{
	background-color: #a9a39e;
	color: white;
	padding-top: 30px;
	padding-bottom: 30px;
	text-transform: uppercase;
	line-height: 1.2;
	font-size: 1.125rem;
	/*position: fixed;
	bottom: 0px;
	width: 100%;
	margin-top: 100%;*/
}
footer .container {
	max-width: 1035px;
}

footer a, footer a:link, footer a:visited{
	color: white;
}
footer a:hover {
    color: #a4d471;
}
footer div {
    color: white;
}

.footer_headline {
	font-size: 2rem;
}

footer .contact_way_left {
	width: 70px;
	text-align: left;
	float: left;
}
footer .contact_way_right {
	width: 340px;
	text-align: left;
}
footer .contact_way_right.contact_email {
	text-transform: none;
}
.footer_inner_distance {
	height: 12px;
}
.abstand_footer {
	height: 100px;
}
footer .row.foerderung {
	background-color: #bab5b1;
	width: 100%;
	height: min-content;
	margin-top: 30px;
	margin-left: 0px;
}
footer .foerderung .foerderung_text{
	text-transform: none;
	text-align: center;
	width: auto;
	padding-top: 15px;
	padding-bottom: 15px;
	height: min-content;
	font-size: 1.25rem;
}
footer .foerderung .efre_foerderung {
	background-image: url('../pic/mandant45/efre_foerderung.png');
	background-repeat: no-repeat;
	height: 83px;
	background-size: contain;
	background-position: center bottom;
	margin-left: auto;
    margin-right: auto;
}
#news_page .efre_foerderung {
	background-image: url('../pic/mandant45/efre_foerderung.png');
	height: 100px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	margin-left: auto;
    margin-right: auto;
    border: 1px solid #bab5b1;
}

#mainNav{
	background-color: #ffffff;
}
a.nav-link.js-scroll-trigger:HOVER {
	color: #AAAAAA;
}

.nav, .navbar {
    font-size: 1.25rem;
    background: #67b513;
    color: #666666;
    height: 100px;
}
.navbar-nav.flex-row {
	position: absolute;
	right: 100px;
}

.navbar-dark .navbar-nav .nav-link {
    color: #666666; /*rgba(255,255,255, 1);*/
}

.container {
	max-width: 1035px;
}

.angebot {
	background-color: white;
	color: #2b2c30;
	min-width: 290px;
	max-width: 290px;
	margin-bottom: 20px;
	margin-left: 5px;
	margin-right: 5px;
}
.angebot.column {
	border: 1px solid #d4d0cd;
}

.angebot .caption {
	font-weight: normal;
	font-family: Lato-Light;
	
	margin-bottom: 80px;
	font-size: 1.375rem;
}

.angebot img{
	margin-bottom: 10px;
	margin-top: 10px;
	max-height: 140px;
}

.angebot .thumbnail{
	border: none;
	text-align: center;
}

.angebot .preis{
	position: absolute;
	bottom: 55px;
	
	margin-left: auto;
	margin-right: auto;
	transform: translate(-50%, 0);
	left: 50%;
}
.angebot .detail_button{
	position: absolute;
	padding-bottom: 1rem;
	bottom: 0px;
	text-transform: uppercase;
	margin-left: auto;
	margin-right: auto;
	transform: translate(-50%, 0);
	left: 50%;
}

.masse button, .anzahl button{
	width: 210px;
}

.masse a.dropdown-item, .anzahl a.dropdown-item{
	min-width: 210px;
}

.produktbeschreibung .btn{
	min-width: 210px;
	font-family: Lato-Light;
	font-size: 1.75rem;
	height: 55px;
	margin-bottom: 1rem;
}

.produktbeschreibung .btn span{
	position: relative;
	top: -15px;
}
.produktbeschreibung .btn span:hover, .produktbeschreibung i:hover{
	color: black;
}

.details .btn{
	font-family: Lato-Light;
	font-size: 1.75rem;
	height: 55px;
}

.details .btn span{
	position: relative;
	top: -15px;
}
.details .btn span:hover, .details i:hover{
	color: black;
}

.btn-info {
    color: #3f3f3f;
    background-color: #D9D4CE;
    border-color: #868e96;
    height: 45px;
	padding-top: 0;
}
.btn-info.active, .btn-info:active, .show > .btn-info.dropdown-toggle, .btn-info:focus, .btn-info:active:focus, .btn-info.active:focus,  .open > .dropdown-toggle.btn-info {
	background-color: #D9D4CE;
    background-image: none;
    border-color: #868e96;
	color: black;
}
.btn-info:hover {
    color: #3f3f3f;
    background-color: #D9D4CE;
    border-color: #868e96;
}

.btn-info .fa-angle-right{
	padding-left: 10px;
	top: 4px;
	position: relative;
}
/*
.btn-secondary {
    color: #3f3f3f;
    background-color: #ffffff;
    border-color: #868e96;
}
.btn-secondary.active, .btn-secondary:active, .show > .btn-secondary.dropdown-toggle {
	background-color: #cbc4ca;
    background-image: none;
    border-color: #868e96;
	color: black;
}
.btn-secondary:hover {
    color: #3f3f3f;
    background-color: #ffffff;
    border-color: #868e96;
}
*/
.btn-success{
	color: #67b513;
	background-color: white;
    border: 1px solid #67b513;
    /*text-transform: uppercase;*/
}
.btn-success:hover, .btn-success.active, .btn-success.focus, a.weiter_button_sel:hover, a.zurueck_button_sel:hover{
	color: white !important;
	background-color: #67b513;
    border: 1px solid #67b513;
}
.btn-success.focus, .btn-success:focus{
	box-shadow: none;
	background-color: #67b513;
}

.dropdown-item:hover {
	background-color: #cbc4ca;
	color: black;
}

#start_pg_4{
	/*height: 150px;
	width: 150px !important;
	background-image: url("../pic/mandant45/start_pg_4.png");
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	cursor: pointer;*/
}
#start_pg_5{
	/*height: 150px;
	width: 150px !important;
	background-image: url("../pic/mandant45/start_pg_5.png");
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	cursor: pointer;*/
}
#start_pg_11{
	display: none;
}
.menu_list .selcolor{
	border: 4px solid #39a8e0;
}

.simple_list {
	list-style-position: inside;
}
.simple_list li {
	list-style-type: circle;
}

#musterauswahl li.selrahmen, #modellauswahl li.selrahmen,
#musterauswahl span.selrahmen, #modellauswahl span.selrahmen{
	border-color: #39a8e0;
}
#preisinfo .preis_preis{
	color: #39a8e0;
}
.modal-header{
	background-color: #67b513;
	border-radius: 0;
}
.modal-content{
	border-radius: 0;
}
.modal-dialog{
	color: #2b2c30;
}
.modal_footer_print {
	display: none;
}

.modal-dialog .btn-success{
	width: 200px;
}

.modal-header .close {
	padding: 0.4rem 1.2rem 0.4rem 1.2rem;
}
.modal-header .close span {
	font-size: 3rem;;
}

li.info_menu_links span{
	color: black;
}

.row.anzahl .dropdown-menu{
	margin-top: 100px;
}

#einzelteil_details, #special_offers_overview, #standard_formats_overview{
	background-color: white;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
}
#standard_formats_overview > .container {
	padding: 0;
}

div.einzelteil_beenden_button {
    /*display: block;*/
    display: none;
    position: relative;
    float: right;
    margin-right: -45px;
    right: 30px;
    height: 30px;
    width: 30px;
    text-align: center;
    padding: 0;
    padding-top: 2px;
    padding-left: 1px;
    border-width: 0;
    cursor: pointer;
}

/* einige Infos für Stückware im Warenkorb ausblenden */
.pg_11 .wk_zubehoer_preis, .pg_11 .wk_zubehoer_anzahl_inline, .pg_11 .wk_zubehoer_bestellnummer, /*.pg_11 span.modellinfo_beschreibung,*/ .pg_11 .wk_modell_name{
	display: none;
}

.pg_11 span.modellinfo_beschreibung{
	float: left;
	margin-right: 5px;
}

.bestellnummer {
	display: none;
}

.wk_zubehoer_txt{
	font-size: 1rem;
    width: fit-content;
    font-weight: bold;
    float: left;
    padding-right: 5px;
}

#mass_input_masse{
	display: block;	
	right: 10px;
	bottom: 10px;
	position: absolute;
}
#mass_input_main{
	display: none;
}

span.wk_zubehoer_groesse::before, span.wk_zubehoer_farbe::before{
	/*content: "\A";
 	white-space: pre;*/
}

.modellinfo_lr{
	white-space: normal;
}

.wk_zubehoer_groesse, .wk_zubehoer_farbe{
	display: block;
    font-size: 1rem;
}
.wk_zubehoer_name {
	display: block;
}

.thumbnail h3, .thumbnail .preis{
	font-weight: bold;
}

.thumbnail h2, #einzelteil_detail_beschreibung h2{
	font-size: 1.7rem;
	font-family: Scada;
}
.thumbnail h3, #einzelteil_detail_beschreibung h3{
	font-size: 1rem;
	font-family: Scada;
	font-weight: normal;
}

#special_offers .container, #standard_formats .container, #made_to_measure .container{
	max-width: 1000px;
}

.angebot:first-child { 
	/*margin-left: 0 !important;*/ 
}
.angebot:last-child { 
	/*margin-right: 0 !important; */
}

h1{
	font-size: 1.2rem;
	font-weight: normal;
	/*font-family: MetaPro-Thin; */
}

a.dropdown-item, a.dropdown-item:link, a.dropdown-item:visited{
	color: #2b2c30;
	text-align: center;
}

.fa-3 {
    font-size: 35px;
}

.navbar-dark .navbar-brand{
	color: #d9d4ce;
}

.nav-link{
	display: inline-flex;
}
.navbar-dark .navbar-nav .nav-link:hover{
	color: #39a8e0;
}

.nav-link .txt{
	display: inline-block;
	/*padding-top: 7px;*/
	padding-left: 10px;
}

/* +++++++++ CAROUSEL +++++++++ */
#myCarousel .list-inline {
    white-space:nowrap;
    overflow-x:auto;
}

#myCarousel .carousel-indicators {
    position: static;
    left: initial;
    width: initial;
    margin-left: initial;
    overflow: visible;
}

#myCarousel .carousel-indicators > li {
    width: 100%;
    height: initial;
    text-indent: initial;
    border: 2px solid #d4d0cd;
    margin-bottom: 15px;
}

#myCarousel .carousel-indicators > li.active img {
    opacity: 0.7;
}

#myCarousel .carousel-inner{
	width: auto;
}

#detail_img_carousel {
    border: 2px solid #d4d0cd;
}

#vertical_images img {
	margin: 0;
}

/* ++++++++++++++++++++++++++++ */

.navbar-nav .nav-item{
	margin-right: 20px;
}

.nav-item .dropdown-menu{
	left: auto;
	right: 0;
	background-color: rgba(57,168,224,0.8);
	border: none;
	border-radius: 0;
	color: white;
}

.nav-item a.dropdown-item{
	text-align: right;
}

.nav-item .dropdown-menu a.dropdown-item, .nav-item .dropdown-menu a.dropdown-item:link, .nav-item .dropdown-menu a.dropdown-item:visited{
	color: white;
}

.nav-item .dropdown-menu div.dropdown-item.active, .nav-item .dropdown-menu a.dropdown-item:hover{
	color: black;
	background-color: #d4d0cd;
	text-align: right;
}

.nav-item .dropdown-toggle:after{
	border-top: .4em solid;
	border-right: .4em solid transparent;
	border-left: .4em solid transparent;
	margin-top: 16px;
}

.logout_button_in_menu{
	background-color: transparent;
	color: white;
	font-size: 1.25rem;
	text-align: right;
	border: none;
	margin-right: -9px;
	width: 100%;
}

.nav-item .dropdown-menu div.dropdown-item.active, .nav-item .dropdown-menu a.dropdown-item:hover,  #logout_button:hover{
	color: white;
	background-color: #88c3e0;
	text-align: right;
	cursor: pointer;
}

.logout_button_in_menu:hover{
	padding-right: 17px;
}

#logout_button{
	padding-right: 17px;
}

.nav-item.login{
	color: black;
}

.fa-bars{
	font-size: 34px;
}

.standard_formats_overview h2{
	color: black;
}

.ueberschrift{
	color: black;
}

#made_to_measure_page .container{
	max-width: 1440px;
}

.card{
	border: 1px solid rgba(0,0,0,0.4);
}

.card-header{
	background-color: #D9D4CE;
	/*font-family: MetaPro-Thin; */
	font-size: 1.5rem;
}

.h5, h5{
	font-size: inherit;
}

.musterauswahl_text{
	display: none;
}
#musterauswahl li.auswahl{
	max-width: 156px;
}
a.info_button_rund{
	top: 20px;
	bottom: auto;
}

/*
a.btn.btn-primary.wk_loeschen_button{
	float: right;
}*/

div.auswahl_feld{
	font-size: 1.125rem;
	font-weight: normal;
}

select.direktauswahl{
	font-size: 1.125rem;
}

.custom-select{
	height: calc(3.25rem + 2px);
}

#schnell_artikel{
	height: 50px;
	font-size: 1.125rem;
}

.info_titel_klein, .info_menu_links_text, .eigenschaften, .inhalt{
	font-size: 1.125rem;
}

img.title_image {
	min-height: 380px;
}

div.info_menu_links li{
	width: 227px;
}

.info_menu_links_text{
	min-width: 227px;
}

#impressum {
	border-radius: 0;
	margin-top: 0;
}

.vermassung_beschreibung{
	font-size: 1.25rem;
	color: black;
	margin-bottom: 5px;
	/* font-family: MetaPro-Thin; */
}

.hinweis{
	font-size: 16px;
}

div.auswahl_scrollbox{
	/*font-family: Roboto-Light;*/
}

#kundendaten_form, #vermassung_form, #zubehoer{
	font-size: 1rem;
}

.hinweis_vermassung_email{
	float: right;
}
.hinweis_vermassung_tel{
	float: none;
}

.rabatt_i {
	/*font-family: Roboto-Light;*/
}
#wk_bemerkungen textarea, #gutscheine_txt/*, .font_lesbar*/, .schnellerfassung label, .hint, .merkliste_head{
	/*font-family: Roboto;*/
}

#aktuelle_auswahl_text, #preisinfo .preis_text, #preisinfo .preis_text_rabatt{
	font-size: 24px;
	/*font-family: MetaPro-Thin;*/
	height: auto;
	color: #67b513;
}

.modellinfo_lr, .preis_preis{
	font-size: 18px;
	/*font-family: Roboto;*/
}

span.modellinfo_beschreibung, span.modellinfo_beschreibung, span.preisgruppe{
	font-size: 16px;
	/*font-family: Roboto-Light;*/
}

#preisinfo .preis_error{
	font-size: 16px;
}

#technische_aenderungen{
	font-size: 16px;
	bottom: auto;
	color: #919191;
	font-size: 15px;
}

.thumbnail h2, .thumbnail h3{
	font-size: 16px;
}

.box h3{
	font-size: 20px;
}

.info_hinweis{
	font-size: 16px;
}

.dropdown-menu{
	font-size: inherit;
	width: 100%;
	border-color: #212529;
}

input.mass_input, input.mass_input_error {
    font-size: 22px;
    width: 118px;
    text-align: center;
	background-color: #e9e9e9;
	border: 1px solid #909090;
}

select.mass_input_error{
	background-color: #e9e9e9;
	border: 1px solid #909090;
}

#aktuelle_auswahl_text{
	margin-top: 18px;
}

.smallText{
	font-size: 14px;
}

#hinweis_warenkorb{
	font-size: inherit;
}

.rechts{
	padding-right: 0px;
}

.gesamt_sel_1{
	font-size: inherit;
}

#auswahl_bestellung table{
	font-size: 1.2rem;
}

#auswahl_bestellung table .alignright{
	text-align: right;
	padding-right: 5px;
}

#auswahl_bestellung td.hinweistext{
	padding-left: 5px;	
}

.warenkorb_position_element span.modellinfo_beschreibung{
	font-size: 16px;
	font-weight: bold;
}

.warenkorb_position_element .modellinfo_lr{
	font-size: 16px;
	margin: 0;
}

#aktuelle_auswahl .modellinfo_lr {
    max-width: auto;
}

/* Zoom und offene Ansicht ausblenden */
#zoom_minus, #zoom_plus, #oeffnung_offen{
	display: none;
	top: -300px;
}

input#einzelteil_anzahl{
	width: 55px;
	float: left;
	margin-right: 10px;
}

#einzelteil_detail_beschreibung a.warenkorb{
	float: right;
}

input[type="radio"]{
	margin-top: -5px;
}

.agb_dsb_rahmen{
	width: auto;
	float: none;
	border-width: 0;
}

.infotext{
	font-size: 15px;
}

.infotext .grau{
	display: none;
}

.agb_dsb_content{
	padding: 10px 30px 0px 20px;
}

/* Drucken-Button für Infoseite ausblenden */
.infotext .no_print{
	display: none;
}

#fusszeile{
	display: block;
}

li.footline, li.separator{
	height: auto;
}

.footline{
	height: 38px;
}

.footline, .separator {
    background-color: transparent;
}

header.masthead{
	background-image: url('../pic/mandant45/titel.jpg');
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: center center;
	text-align: center;
	min-height: 380px;
	background-position-x: right;
}
header.masthead.about_page{
	background-image: url('../pic/mandant45/titel_about_page.jpg');
}
header.masthead.products_page{
	background-image: url('../pic/mandant45/titel_products_page.jpg');
}
header.masthead.service_page{
	background-image: url('../pic/mandant45/titel_service_page.jpg');
}
header.masthead.references_page{
	background-image: url('../pic/mandant45/titel_references_page.jpg');
}
header.masthead.news_page{
	background-image: url('../pic/mandant45/titel_news_page.jpg');
	background-position-x: center;
}

.header_menu {
	background-color: #ffffff;
	/*height: 94px;*/
	height: min-content;
	width: 100%;
	max-width: 1035px;
}
.header_menu .row {
	padding-top: 17px;
}
.header_menu .row .col {
	padding-bottom: 15px;
}
.abstand_header {
	height: 40px;
}

.headline_1 {
	font-family: Scada;
	font-size: 2rem;
	color: #67b513;
	height: 60px;
	margin-top: 40px;
}
.headline_2 {
	font-family: Scada;
	font-size: 1.5rem;
	color: #67b513;
	line-height: 1.2;
    margin-bottom: 20px;
}
.standard_text {
	font-family: Scada;
	font-size: 1rem;
	line-height: 1.2;
	color: #2b2c30;
	margin-bottom: 30px;
}

.product_image img{
	margin-bottom: 30px;
}
.product_image img{
	width: inherit;
}

.warenkorb_position_preis {
    left: 10px;
    position: relative;
}

.container.warenkorb{
	max-width: 1409px;
}

.warenkorb_position_text {
	display: none;
}
.warenkorb_position_element .warenkorb_position_text {
	display: contents;
}

.warenkorb_position_box{
	display: grid;
	background-color: #f2f2f2;
	padding: 15px;
	padding-top: 5px;
	float: left;
	border: 5px solid white;
}
.warenkorb_position_raumbild img {
	width: 100%;
	max-width: 250px;
}

.warenkorb_hr{
	/*
	border-top: 1px solid white;
	margin-top: 0;
	margin-bottom: 10px;
	*/
	border: 0;
	margin-top: 0;
	margin-bottom: 0;
}

.bottom_line {
	width: 100%;
	border-bottom: 1px solid #2b2c30;
	padding-bottom: 30px;
}

.headline_warenkorb_icon {
	color: #ffffff;
	left: 0px;
	font-size: 2rem;
}
.headline_warenkorb_icon:hover {
	color: #a4d471;
}

#headline_warenkorb_anzahl{
	left: 5px;
	top: 7px;
	color: #ffffff;
	margin-left: -45px;
	height: 30px;
	width: 30px;
	text-align: center;
	position: relative;
	margin-top: -1px;
	padding-top: 3px;
	padding-left: 0px;
}
.headline_warenkorb_number_caret {
	color: #ff4500 !important;
	margin-left: 10px;
	margin-top: 12px;
	margin-right: -1px;
}
.headline_warenkorb_number_square {
	color: #ff4500 !important;
	padding-right: 10px;
	margin-top: 4px;
}
.nav-item.warenkorb a {
	color: #d4d0cd;
}

.start_logo{
	width: 50%;
	height: 100%;
	background-image: url('../pic/mandant45/info_logo.png');
	background-repeat: no-repeat;
	background-size: contain;
	margin-left: 100px;
	margin-right: 50px;
	background-position-y: center;
	margin-top: -20px;
}
.start_logo:hover{
	color: #ffffff;
}
.headline_warenkorb_name {
	position: absolute;
	bottom: 10px;
	font-size: 1.2rem;
	left: 170px;
}

#wizard li a.nav-link.active, 
#wizard li.active a.nav-link {
	background-color: #39a8e0;
}

a:HOVER, 
a.selcolor, 
a.selcolor:link, 
a.selcolor:visited, 
.selcolor,
li.selrahmen span.auswahl_text,
li.auswahl a:HOVER,
#preisinfo .preis_preis,
.blue_hover:HOVER,
#head_bestellvorgang{
	color: #39a8e0;
}

.selcolor .menu_konfig_zahl, 
.selcolor .menu_konfig_zahl_wk,
#modellauswahl li.selrahmen {
	border-color: #39a8e0;
}

.box a.aktiv {
	border: solid 3px #39a8e0;
}

#schnell_artikel{
	display: none;
}

#vermassung_meineauswahl{
	border: 1px solid lightgray;
}

/* Flash-Einbindung ausblenden */
#info_info object{
	display: none;
}

.modal-title img{
	height: 100px;
}
#info_titel {
	color: #ffffff;
	position: absolute;
    top: 40px;
}
.modal-body {
	color: #2b2c30;
}

#welcometext{
	display: none;
}

#navbottom{
	background-color: #39a8e0;
	width: 100%;
	height: 50px;
	color: white;
}

#navbottom li{
	float: left;
	font-size: 20px;
}

#navbottom a:hover{
	color: white;
}

#gesamtauswahl{
	border: 1px solid lightgray;
	padding: 15px;
}

.menue_right{
	right: 0px;
	position: absolute;
}

.zahlungsarten .li{
	margin-right: 10px;
}

.zahlungsart{
	background-color: white;
	width: 100px;
	height: 45px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	margin-right: 10px;
	font-size: 1rem;
}

.zahlungsarten{
	height: 30px;
}

.zahlungsarten img{
	height: 30px;
}

.openspace {
	height: 0px;
}

@media ( min-width: 907px ) {
	.col-1.openspace.referenz_shop {
		display: none !important;
	}
}
@media ( max-width: 906px ) {
	.col-2.openspace.referenz_shop {
		display: none !important;
	}
}
@media ( max-width: 800px) {
	.col-1.openspace.referenz_shop {
		display: none !important;
	}
}
.contain_button {
	padding-right: 0px;
	padding-left: 0px;
	/*margin-right: 8px;
	margin-left: 8px;
	max-width: 155px;*/
}
.contain_button .btn-primary {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.slogan_group {
	height: 100%;
	width: 100%;
}
.slogan1 {
	font-size: 48px;
	color: #ff4500;
	font-family: Scada;
	font-weight: bold;
	height: 70px;
	width: 300px;
	background-color: #ffffffd0;
	text-transform: uppercase;
	position: relative;
	top: 230px;
	left: 50%;
	transform: translate(-50%, 0);
}
.slogan2 {
	font-size: 30px;
	color: #ff4500;
	font-family: Scada;
	font-weight: bold;
	height: 50px;
	width: 300px;
	background-color: #ffffffd0;
	position: relative;
	top: 240px;
	left: 50%;
	transform: translate(-50%, 0);
	display: none;
}
.slogan2.about_page {
	left: 40%;
	transform: translate(-50%, 0);
}
.slogan2.products_page {
	left: 50%;
	transform: translate(-50%, 0);
}
.slogan2.service_page {
	left: 60%;
	transform: translate(-50%, 0);
}
.slogan2.references_page {
	left: 50%;
	transform: translate(-50%, 0);
}

section#about_page, section#products_page, section#service_page, section#references_page, section#shop_page, section#news_page {
	display: none;
	margin-bottom: 100px;
}

#produktgruppen_auswahl {
	height: auto;
	background-color: #a4d471;
}
.produkt_auswahl {
	height: 320px;
	max-width: 155px;
	background-color: white;
	padding: 0;
	margin-right: 8px;
	margin-left: 7px;
	background-repeat: no-repeat;
	background-position: center center;
	cursor: pointer;
}
#auswahl_amphibienschutz {
	background-image: url('../pic/mandant45/produktgruppen/amphibien_shop.jpg');
}
#auswahl_kleintierschutz {
	background-image: url('../pic/mandant45/produktgruppen/kleintiere_shop.jpg');
}
#auswahl_anprallschutz {
	background-image: url('../pic/mandant45/produktgruppen/anprallschutz_shop.jpg');
}
#auswahl_gelaender {
	background-image: url('../pic/mandant45/produktgruppen/rohrgelaender_shop.jpg');
}
#auswahl_stahlbau {
	background-image: url('../pic/mandant45/produktgruppen/stahlbau_shop.jpg');
}
#produkt_auswahl_text {
	display: block;
	text-align: center;
	align-items: center;
	justify-content: center;
	background-color: unset;
	color: #2b2c30;
	cursor: default;
	line-height: normal;
	height: 100%;
	margin-top: auto;
	margin-bottom: auto;
}
@media (min-width: 1200px) {
	#produkt_auswahl_text.d-xl-block {
	    display: block !important;
	}
}
@media (max-width: 767px) {
	#produkt_auswahl_text.d-block {
		display: block !important;
	}
}
.produkt_text {
	position: absolute;
	text-align: center;
	width: 100%;
	height: 80px;
	left: 0;
	top: calc(100% - 95px);
	color: #004680;
	background-color: #ffffff;
	background-color: #ffffffd0;
	max-width: 155px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}
.produkt_text div {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 80px;
}

#einzelteil_anzahl {
    height: 40px;
    width: 220px;
    border-width: 1px;
    border-radius: 2px;
    cursor: pointer;
}
#einzelteil_anzahl:hover {
	border-color: #67b513;
}
#einzelteil_anzahl:focus {
    box-shadow: none;
    border-color: #67b513;
}

#glass {
    position: absolute;
    border-radius: 50%;
    box-shadow: 0 0 0 7px rgba(255, 255, 255, 0.85), 0 0 7px 7px rgba(0, 0, 0, 0.25), inset 0 0 40px 2px rgba(0, 0, 0, 0.25);
    display: none;
    background-repeat: no-repeat;
    background-color: rgba(0,0,0,.6);
}

.row.farben img {
	padding: 1px;
}
img.aktiv {
	border: solid 3px #67b513;
}
img.inaktiv {
    border: solid 3px white;
}

.img-fluid.light-zoom {
	max-width: 100%;
	height: auto;
	max-height: 500px;
	margin: auto;
}

.dropdown, .dropleft, .dropright, .dropup {
    max-width: 220px;
}
button#dropdownMasseButton {
    width: 220px;
    height: 40px;
    color: #2b2c30;
    text-align: left;
    border-radius: 2px;
    border: 1px solid #ced4da;
    font-size: 1em;
}
button#dropdownMasseButton:hover {
    border: 1px solid #67b513;
    color: #2b2c30 !important;
    background-color: white;
}
button#dropdownMasseButton:focus {
    border: 1px solid #67b513;
    color: #2b2c30;
    background-color: white;
    box-shadow: none;
}
.dropdown-toggle::after {
    position: absolute;
    top: 50%;
    right: 15px;
}

a.warenkorb_in_button {
    font-family: Scada;
    font-weight: bold;
    font-size: 0.9em;
	text-transform: uppercase;
	width: 220px;
	height: 40px;
    border: 1px solid #ff4500;
    border-radius: 2px;
    color: white;
    background-color: #ff4500;
    padding: 8px;
}
a.warenkorb_in_button:hover {
    border: 1px solid #ff4500;
    color: white;
    background-color: #f00;
}
a.warenkorb_in_button:focus {
    border: 1px solid #ff4500;
    color: white;
    background-color: #ff4500;
}
.list-inline-item:not(:last-child) {
    margin-right: 0;
}

.row.preis {
    margin-bottom: 10px;
}
.price {
    font-size: 1.2rem;
}

#einzelteil_detail_beschreibung .row {
    margin-bottom: 10px;
}

.row h1 {
	margin-bottom: 0;
}

.box .farben div {
	margin-bottom: 0;
}

.box .farben * div {
	margin-bottom: 10px;
}

.show_page {
	display: block !important;
}
.no_display {
	display: none !important;
}

.hierarchy_modelle, .hierarchy_overview{
	display: block;
	padding: 0;
	max-width: unset;
}
.hierarchy_overview .row {
	min-height: 60px;
}
.hierarchy_modelle .row {
	min-height: 60px;
}
.hierarchy_modelle .modell, .hierarchy_overview .modell {
	display: grid;
	align-items: center;
	text-align: center;
	color: #ffffffb3;
	cursor: pointer;
	padding-right: 8px;
	padding-left: 9px;
	/*max-width: 155px;*/
}
.hierarchy_modelle .modell.aktiv, .hierarchy_overview .modell.aktiv {
	font-weight: bold;
	color: #ffffff;
}
.container.hierarchy_modelle .row, .container.hierarchy_overview .row {
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	max-width: 1035px;
	min-height: 60px;
}
.bgcolor_hierarchy {
	background-color: #67b513;
	max-width: unset;
}

a.zurueck_hierarchy {
	position: relative;
	display: block;
	width: max-content;
	color: #2b2c30;
	margin-top: 5px;
}
a.zurueck_hierarchy:hover {
	color: #67b513;
}
#einzelteil_details .box {
	padding-top: 0;
}
#standard_formats_overview > .container:first-child {
	padding: 0;
	margin: 0;
	max-width: unset;
}
.container .row.row_zurueck {
	min-height: unset;
}

a.btn.btn-primary.wk_loeschen_button {
    width: auto;
	margin-bottom: 10px;
	max-width: 250px;
	font-size: 1rem;
	height: 40px;
	padding: 7px;
	margin-right: 20px;
}
a.btn.btn-primary.wk_aendern_button {
    width: auto;
    max-width: 250px;
	font-size: 1rem;
	height: 40px;
	padding: 7px;
	margin-right: 20px;
}
.warenkorb_position_box .br-toggle-1, .warenkorb_position_box .br-toggle-2, .warenkorb_position_box .br-toggle-3 {
	display: none;
}
.warenkorb_position_element > .container {
	margin: 0;
	padding-left: 15px;
}

form input.anzahl {
	height: 40px;
}

.container.warenkorb .row.box {
	margin-top: 0;
	padding-top: 0;
}
.container.warenkorb #wizard .navbar {
	height: auto;
	min-height: 60px;
	width: 300%;
	margin-left: -100%;
	overflow: hidden;
	position: relative;
	border: none;
	background-color: #ff4500;
}
.container.warenkorb .nav-item {
	/*height: 60px;*/
	margin-bottom: 0;
}
.container.warenkorb .nav.nav-tabs {
	height: auto;
	background-color: unset;
	margin: 0;
}
.container.warenkorb #wizard a.nav-link {
	display: block;
	font-size: 1rem;
	padding: 0;
	text-align: center;
	width: auto;
	background-color: unset;
	border: none;
	padding: 0;
	color: white;
}
.container.warenkorb #wizard .navbar-inner {
	margin: auto;
	padding: 0;
}
.container.warenkorb #wizard a.nav-link.active {
	color: white;
	font-weight: bold;
}
.container.warenkorb #wizard a.nav-link.disabled {
	color: #ffffff7a;
}
.container.warenkorb #wizard a.nav-link.active.disabled {
	color: white;
	font-weight: bold;
}
.container.warenkorb #wizard li.nav-item {
	min-width: 155px;
    max-width: 155px;
    min-height: 30px;
    margin-top: 4px;
    margin-left: 8px;
    margin-right: 10px;
    margin-bottom: 4px;
    padding-left: 10px;
    padding-right: 10px;
}
.container.warenkorb #wizard .tab-content {
	/*padding-top: 0;*/
}
div.weiter_button_sel {
    padding-top: 10px;
}
a#weiter_button_sel, a.weiter_button_sel {
	font-size: 1.2rem;
	text-transform: uppercase;
	vertical-align: middle;
	height: auto;
	min-height: 50px;
	background-color: white;
	color: #ff4500;
	border-color: #ff4500;
	padding-top: 11px;
}
a#weiter_button_sel:hover, a.weiter_button_sel:hover {
	background-color: #ff4500;
	color: white;
	border-color: #ff4500;
}

.wk_button_area {
	width: 100%;
	display: flex;
}

.kundendaten_content div.weiter_button_sel {
	text-align: right;
}
.agb_warenkorb_uebersicht {
	display: none;
}

#auswahl_positionen {
    padding: 10px;
}
#auswahl_positionen #weiter_button_sel {
    margin-top: 5px;
    margin-left: 5px;
}

.container.warenkorb div.weiter_button_sel.wk_kundendaten_button {
	display: flex;
	width: 100%;
}

.container.warenkorb .navbar {
    background-color: white;
}

.wk_print_button {
	display: block;
}

#eingabe_agb .open_overlay.btn.btn-primary {
    height: 40px;
    font-size: 1rem;
    padding: 7px;
    width: 200px;
    margin-bottom: 10px;
}

a.btn.btn-success:not([href]):not([tabindex]) {
	color: #67b513;
}

#auswahl_anmeldung .auswahl_feld {
	display: grid;
	width: 50%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
}
#auswahl_anmeldung #kundendaten li.auswahl {
    display: grid;
    width: 50%;
    margin-left: auto;
    margin-right: auto;
}
#auswahl_anmeldung .kundendaten_beschreibung {
    float: none;
    width: 100%;
}
#auswahl_anmeldung .kundendaten_content {
    text-align: center;
    float: none;
    width: 50%;
    max-width: 350px;
    margin-left: auto;
    margin-right: auto;
}
#auswahl_anmeldung .kundendaten_content a.weiter_button_sel {
    max-width: unset;
}

#zahlungsart .auswahl.container {
	margin-left: auto;
	margin-right: auto;
}

.extra_hintergrund_bottom {
	display: none;
}
.gesamt_mwst {
	display: none;
}
.sel_hintergrund.gesamtbetrag {
	display: none;
}
.wk_uebersicht_modellinfo_td br {
    display: none;
}
.wk_hinweis {
	background-color: #a4d471;
}
#wk_rechnung, #wk_liefer, #wk_adresse, .wk_hinweis {
	vertical-align: top;
	font-size: 1.2rem;
	min-width: 49%;
	max-width: min-content;
	min-height: 260px;
	margin-left: 0;
	padding: 20px;
	border-radius: 0px;
}
#wk_rechnung {
	margin-right: 1%;
}
.wk_hinweis {
	margin-left : 1%;	
}
.wk_uebersicht td.gruppe, .wk_uebersicht td.untergruppe {
	display: none;
}
table.wk_uebersicht td {
	padding-left: 20px;
}
table.wk_uebersicht .uebersicht_info_zeile td {
	padding-left: 0;
	padding-right: 0;
}

#weiter_button_kasse {
	text-align: left;
}

.kontakt {
    margin-top: 50px;
    background-color: #a4d471;
    margin-bottom: -100px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.kontakt .kontakt_text {
	font-size: 1rem;
	margin-top: 1rem;
	margin-bottom: 1rem;
}
.kontakt .kontakt_info {
	font-size: 1rem;
}
.kontakt_foto {
    border-radius: 50%;
    top: 50%;
    position: relative;
    transform: translate(0,-50%);
}

.shop_hinweis {
    margin-top: 50px;
    background-color: #a4d471;
    margin-bottom: -10px;
}
.shop_hinweis .kontakt_text {
	font-size: 1rem;
	margin-top: 1rem;
	margin-bottom: 1rem;
}
.shop_hinweis .kontakt_info {
	font-size: 1rem;
}
.shop_hinweis_bold {
	font-size: 1.2rem;
	font-weight: bold;
}
.shop_hinweis_bold a {
	color: #2b2c30;
}
.shop_hinweis_bold a:hover, .shop_hinweis_bold a:active, .shop_hinweis_bold a:focus {
	color: #2b2c30;
}
#hinweis_zahlungsarten {
	display: none;
}

.telefon_navigation {
	font-size: 1rem;
    padding: 0.5rem;
    float: left;
    width: 300px;
    color: white;
}
.uebersicht_info_zeile td {
	display: flex;
}

ul.auflistung {
	list-style: disc;
    padding-left: 55px;
}




/*----------------------------BILDSCHIRMMAßE-----------------------------*/

/*XL*/
@media ( min-width : 1200px ) {
	.produkt_auswahl {
		margin-left: auto;
		margin-right: auto;
	}
}
@media ( max-width : 1199px ) {
	.produkt_auswahl {
	    max-width: 18%;
	    background-color: unset;
	    margin-right: 1%;
	    margin-left: 1%;
	    width: 18%;
	    min-width: 18%;
	}
}

/*LG*/
@media ( max-width : 991px) {
	.start_logo {
		margin-left: 50px;
		background-position-y: center;
		margin-top: -20px;
	}
	.navbar-nav.flex-row {
		right: 50px;
	}
	.container {
		padding-left: 30px;
		padding-right: 30px;
	}
	.container.hierarchy  {
		padding-left: 0;
		padding-right: 0;
	}
	.container.hierarchy_modelle {
		padding-left: 0;
		padding-right: 0;
	}
	.contain_button {
		padding-right: 0px;
		padding-left: 0px;
		margin-right: 8px;
		margin-left: 8px;
		max-width: 155px;
	}
	.header_menu .contain_button {
		padding-right: 8px;
    	padding-left: 8px;
    	margin-right: 0px;
		margin-left: 0px;
	}
	.hierarchy_modelle .row, .hierarchy_overview .row {
		padding-left: 30px;
		padding-right: 30px;
	}
	a.zurueck_hierarchy {
		margin-left: 25px;
	}
	
	.contain_button {
		display: contents;
		max-width: unset;
	}
	.contain_button a.btn.btn-primary {
		width: 48%;
		max-width: unset;
		margin-bottom: 10px;
		height: 45px;
    	padding-top: 5px;
	}
}

/*MEDIUM*/
@media ( max-width : 767px) {
	.footline li.separator{
		display: none;
	}
	.footline li{
		display: block;
		text-align: center;
		float: none;
		margin-top: 0;
	}
	.start_logo{
		margin-left: 20px;
		margin-top: -3%;
	}
	.headline_warenkorb_name {
		left: 70px;
	}
	.navbar-nav.flex-row {
		right: 0px;
	}
	.slogan1, .slogan2 {
		left: unset !important;
		transform: translate(0, 0) !important;
		margin-left: auto;
		margin-right: auto;
	}
	.navbar-inner.container {
	    max-width: 720px;
	}
	.kundendaten_content div.weiter_button_sel {
		text-align: left;
		margin-bottom: 10px;
	}
	.container.warenkorb #wizard li.nav-item {
		max-width: none;
	}
	.contain_button {
		display: contents;
		max-width: unset;
	}
	.contain_button a.btn.btn-primary {
		width: 48%;
		margin-bottom: 10px;
		height: 45px;
    	padding-top: 5px;
	}
	.produkt_auswahl {
	    height: 320px;
	    max-width: 31.33333%;
	    background-color: unset;
	    margin-right: 1%;
	    margin-left: 1%;
	    background-repeat: no-repeat;
	    background-position: center center;
	    cursor: pointer;
	    margin-bottom: 10px;
	    background-size: cover;
	}
	.produkt_text {
		max-width: unset;
	}
}

/*SMALL*/
@media ( max-width : 575px) {

	#welcometext {
	    font-size: 0.875rem;
	    left: 5px;
	    right: auto;
	    top: 30px;
	    width: 350px;
	    display: block;
	    text-align: left;
	    position: relative;
	}
	
	#ModalLabel img {
		display: none;
	}
	
	#info_titel, .info_titel_klein {
		font-size: 0.75rem;
	}
	.modal-header{
		padding: 0px;
	}
	.modal-header h1{
		font-size: 0.875rem;
		font-weight: bold;
	}

	.inhalt{
		min-width: 0;
		max-width: none;
		font-size: 0.75rem;
	}
	.modell_beschreibung table img{
		display: none;
	}
	
	#info_info .inhalt table{
		width: 240px;
	}
	.navbar-inner.container {
	    max-width: 540px;
	}
	.contain_button {
		display: contents;
		max-width: unset;
	}
	.contain_button a.btn.btn-primary {
		width: 98%;
		margin-bottom: 10px;
	}
	
	/*
	.start_logo{
		width: 131px;
		height: 58px;
		background-image: url('../pic/mandant45/start_logo_bootstrap.png');
		background-repeat: no-repeat;
	}*/
}
/*
@media ( max-width : 542px) {
	.header_menu {
	    height: 244px;
	}
}
@media ( max-width : 371px ) {
	.header_menu {
		height: 394px;
	}
} 
*/

.just_print {
	display: none;
}
@media print { 
	body {
		overflow-y: visible;
	}
	div {
		color: black;
		font-size: 1.4rem;
	}
	span {
		color: black;
		font-size: 1.4rem !important;
		font-weight: normal !important;
	}
	.just_print {
		display: block;
	}
	.no_print {
		display: none !important;
	}
	.btn {
		display: none;
	}
	.header_menu {
		display: none;
	}
	#hinweis_lieferlaender {
		display: none;
	}
	form.warenkorb_position_anzahl_form {
	    display: inline-block;
	}
	form input.anzahl {
		border: none;
		padding: 0;
	    margin: 0;
	    height: auto;
	    font-size: 1.4rem;
	}
	.warenkorb_position_element {
		margin-top: 0;
	}
	.modellinfo_beschreibung {
		font-weight: normal;
	}
	.print_logo {
		position: fixed;
	    top: 20px;
	    left: 50px;
	    width: 35%;
	}
	.print_adress {
		margin: 0;
		padding-left: 50%;
		text-align: left;
		height: 20%;
	}
	.print_kontakt {
		font-size: 1.4rem;
		font-weight: bold;
	}
	.border_bottom {
		padding-bottom: 20px;
		border-bottom: 1px solid #000000;
	}
	.warenkorb_position_box {
		min-width: 100%;
		border: none;
		border-bottom: 1px solid #000000;
		margin-top: 20px;
		margin-left: 0;
		margin-right: 0;
		margin-top: 20px;
		padding-top: 10px;
		padding-left: 0;
		padding-right: 0;
		height: 40%;
	}
	.warenkorb_position_raumbild {
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.warenkorb_position_box:nth-of-type(2n+7) {
	    /*margin-top: 20% !important;*/
	}
	.warenkorb_position_box:nth-of-type(2n+6) {
	    margin-bottom: 30% !important;
	}
	.warenkorb_position_box:nth-of-type(2n+8) {
	    margin-bottom: 50% !important;
	}
	.warenkorb_position_text {
		font-weight: normal;
	}
	.bemerkung_header {
		font-size: 2rem;
		padding-top: 15px;
		margin-bottom: -15px;
		font-weight: bold;
		position: relative;
		display: block;
	}
	.container.warenkorb .row.box {
		padding-bottom: 0;
		margin-bottom: 0;
	}
}
