@charset "ISO-8859-1";

/* montserrat-300 - latin */
@font-face {
  font-family: 'Montserrat-light';
  font-style: normal;
  font-weight: 300;
  src: local(''),
       url('../fonts/montserrat-v26-latin-300.woff2') format('woff2'),
       url('../fonts/montserrat-v26-latin-300.woff') format('woff');
}
/* montserrat-regular - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('../fonts/montserrat-v26-latin-regular.woff2') format('woff2'),
       url('../fonts/montserrat-v26-latin-regular.woff') format('woff');
}
/* montserrat-500 - latin */
@font-face {
  font-family: 'Montserrat-500';
  font-style: normal;
  font-weight: 500;
  src: local(''),
       url('../fonts/montserrat-v26-latin-500.woff2') format('woff2'),
       url('../fonts/montserrat-v26-latin-500.woff') format('woff');
}
/* montserrat-600 - latin */
@font-face {
  font-family: 'Montserrat-600';
  font-style: normal;
  font-weight: 600;
  src: local(''),
       url('../fonts/montserrat-v26-latin-600.woff2') format('woff2'),
       url('../fonts/montserrat-v26-latin-600.woff') format('woff');
}
/* montserrat-700 - latin */
@font-face {
  font-family: 'Montserrat-bold';
  font-style: normal;
  font-weight: 700;
  src: local(''),
       url('../fonts/montserrat-v26-latin-700.woff2') format('woff2'),
       url('../fonts/montserrat-v26-latin-700.woff') format('woff');
}
/* montserrat-800 - latin */
@font-face {
  font-family: 'Montserrat-800';
  font-style: normal;
  font-weight: 800;
  src: local(''),
       url('../fonts/montserrat-v26-latin-800.woff2') format('woff2'),
       url('../fonts/montserrat-v26-latin-800.woff') format('woff'); 
}
@font-face{
	font-family:"Font Awesome 5 Brands";
	font-style:normal;
	font-weight:400;
	font-display:block;
	src:url(../fonts/fontawesome/webfonts/fa-brands-400.eot);
	src:url(../fonts/fontawesome/webfonts/fa-brands-400.eot?#iefix) format("embedded-opentype"),
		url(../fonts/fontawesome/webfonts/fa-brands-400.woff2) format("woff2"),
		url(../fonts/fontawesome/webfonts/fa-brands-400.woff) format("woff"),
		url(../fonts/fontawesome/webfonts/fa-brands-400.ttf) format("truetype"),
		url(../fonts/fontawesome/webfonts/fa-brands-400.svg#fontawesome) format("svg")
}
@font-face{
	font-family:"Font Awesome 5 regular";
	font-style:normal;
	font-weight:400;
	font-display:block;
	src:url(../fonts/fontawesome/webfonts/fa-regular-400.eot);
	src:url(../fonts/fontawesome/webfonts/fa-regular-400.eot?#iefix) format("embedded-opentype"),
		url(../fonts/fontawesome/webfonts/fa-regular-400.woff2) format("woff2"),
		url(../fonts/fontawesome/webfonts/fa-regular-400.woff) format("woff"),
		url(../fonts/fontawesome/webfonts/fa-regular-400.ttf) format("truetype"),
		url(../fonts/fontawesome/webfonts/fa-regular-400.svg#fontawesome) format("svg")
}
@font-face{
	font-family:"Font Awesome 5 solid";
	font-style:normal;
	font-weight:900;
	font-display:block;
	src:url(../fonts/fontawesome/webfonts/fa-solid-900.eot);
	src:url(../fonts/fontawesome/webfonts/fa-solid-900.eot?#iefix) format("embedded-opentype"),
		url(../fonts/fontawesome/webfonts/fa-solid-900.woff2) format("woff2"),
		url(../fonts/fontawesome/webfonts/fa-solid-900.woff) format("woff"),
		url(../fonts/fontawesome/webfonts/fa-solid-900.ttf) format("truetype"),
		url(../fonts/fontawesome/webfonts/fa-solid-900.svg#fontawesome) format("svg")
}

div.headline_logo {
	background-image: url('../pic/mandant68/header.jpg');
}

#musterslider {
    background-image: url("../pic/mandant68/slideleft.gif");
}
#musterslider.open {
	background-image: url("../pic/mandant68/slideright.gif");
}

#welcometext {
    bottom: auto;
    font-size: 16px;
    left: 20px;
    right: auto;
    top: 30px;
    width: 400px;
    display: block;
    text-align: left;
    position: relative;
}

/*dunkles layout: */

:root {
	--hintergrund:#ffffff;
	--hintergrund_grau:#f3f3f3;
	--hintergrund_highlight:#ffefd6;
	
	--textfarbe: #181818;
	--textfarbe_grau: #8b8b8b;
	
	--aktivfarbe: #e9521c;
	--aktivfarbe_hover: #ef7d53;
	
	--primaerfarbe_text: #ffffff;
	--primaerfarbe_text_hover: #ffffff;
	--primaerfarbe_hg: #e9521c;
	--primaerfarbe_hg_hover: #ef7d53;
	
	--sekundaerfarbe_text: #e9521c;
	--sekundaerfarbe_text_hover: #e9521c;
	--sekundaerfarbe_hg: #ffffff;
	--sekundaerfarbe_hg_hover: #fbe0d1;
	
	--successfarbe_text: #e9521c;
	--successfarbe_text_hover: #e9521c;
	--successfarbe_hg: #ffffff;
	--successfarbe_hg_hover: #fbe0d1;
	
	--highlightfarbe: #e9521c;
	--highlightfarbe_hover: #ef7d53;
	
	--linien: #d1d1d1;
	--eingabefarbe: #181818;
	--placeholderfarbe: #8b8b8b;
	--konfig_button_hover: #eeeeee;
	
	--navgrau: #cfcfcf;
	--errorfarbe: #e9521c;
	
	--footer_text: #000000;
	--footer_hg: #f9bd9a;
	
	--accordion_card:#ffffff;
	--accordion_card_hover:#fbe0d1;
	--accordion_card_active:#f9bd9b;
	--weiter_hg:#f9bd9b;
	
	--box-shadow: rgba(0, 0, 0, 0.25) 0px 2px 8px;
	--box-shadow_kachel: rgba(14, 63, 126, 0.06) 0px 0px 0px 1px,
						 rgba(42, 51, 70, 0.03) 0px 1px 1px -0.5px,
						 rgba(42, 51, 70, 0.04) 0px 2px 2px -1px,
						 rgba(42, 51, 70, 0.04) 0px 3px 3px -1.5px,
						 rgba(42, 51, 70, 0.03) 0px 5px 5px -2.5px,
						 rgba(42, 51, 70, 0.03) 0px 10px 10px -5px,
						 rgba(42, 51, 70, 0.03) 0px 24px 24px -8px;
	--box-shadow_card: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}

html {
	scroll-behavior: smooth;
}
body {
	font-family: 'Montserrat',sans-serif;
	font-size: 16px;
	margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    color: var(--textfarbe);
    background-color: var(--hintergrund);
}

h1 {
	font-size: 36px;
	font-family: 'Montserrat-bold',sans-serif;
	font-weight: normal;
}
h2 {
    font-size: 36px;
    font-family: 'Montserrat-bold',sans-serif;
    font-weight: normal;
}
h3 {
    font-weight: normal;
}
div {
	color: var(--textfarbe);
}
p {
	line-height: 25px;
	padding:10px;
	margin:0;
}
a, a:link, a:visited {
	color: var(--textfarbe);
}
input {
	height: 40px;
	color: var(--textfarbe);
	background-color: var(--hintergrund);
	border: 1px solid var(--linien);
	border-radius: 5px;
	font-family: 'Montserrat', sans-serif;
	font-size: 16px;
}
select {
	height: 40px;
	color: var(--textfarbe);
    background-color: var(--hintergrund_grau);
    padding-left: 25px;
    border-radius: 5px;
    border: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    -o-appearance: none;
    cursor: pointer;
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
}

input[type=checkbox], input[type=radio] {
	width: 22px;
	min-width: 22px;
    height: 22px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--hintergrund);
    border: 1px solid var(--linien);
    accent-color: var(--textfarbe);
    margin: 0;
    margin-top: 2px;
    cursor: pointer;
}
input[type=radio] {
    border-radius: 20px;
}
/*
::-webkit-scrollbar {
	width: 14px;
	height: 14px;
	scrollbar-gutter: both-edges;
}
::-webkit-scrollbar-track {
	background: var(--hintergrund_grau);
	cursor: pointer;
}
::-webkit-scrollbar-thumb {
	background: var(--linien); 
	cursor: grab;
	border-radius: 5px;
}
::-webkit-scrollbar-thumb:hover, ::-webkit-scrollbar-thumb.hover {
	background: var(--textfarbe_grau); 
}
*/

/* NAVIGATION / HEADER */
header {
    max-width: 1425px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    flex-direction: row;
}
header .kategorien {
    width: 100%;
    max-width: 700px;
    display: flex;
    justify-content: space-evenly;
    /*justify-content: space-between;*/
    flex-wrap: nowrap;
}
header .kategorien > a {
    font-size: 18px;
    text-transform: uppercase;
    text-decoration: none;
    color: var(--katnavig_color);
    border-bottom: 2px solid transparent;
    margin-top: 7px;
}
header .kategorien > a:after {
	display: block;
	height: 2px;
	width: 1px;
	content: '';
	margin: 2px auto 0;
}
header .kategorien > a:hover, header .kategorien > a.hover {
	color: var(--textfarbe_grau);
}
header .kategorien > a:hover:after, header .kategorien > a.hover:after {
	background-color: var(--aktivfarbe);
	width: 100%;
	transition: width .2s;
}
header .kategorien > a.aktiv:after {
	background-color: var(--aktivfarbe);
	width: 100%;
    /*border-bottom: 2px solid #e9521c;*/
}
.container-fluid.sticky-top {
	background-color: var(--hintergrund);
	box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
}
div.hinweis_header {
	min-height: 200px;
    background-size: 50%;
    background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: center;
}
div.hinweis_header.pg4 {
	background-image: url(../pic/mandant68/_produkt_plissee.jpg);
}
div.hinweis_header.pg7 {
	background-image: url(../pic/mandant68/_produkt_wabenplissee.jpg);
}
div.hinweis_header_container {
	max-width: 1425px;
    width: 100%;
}
div.hinweis_header h1 {
    font-weight: normal;
    padding: 0;
    margin: 0;
    padding-bottom: 8px;
    font-size: 36px;
}
div.hinweis_header h2 {
	font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    padding: 0;
    margin: 0;
    font-size: 16px;
    padding-bottom: 8px;
}
.mininavig {
    width: auto;
    display: flex;
    justify-content: space-evenly;
}
.mininavig > a {
    color: transparent;
    width: 67px;
    height: 35px;
    display: inline-block;
}

.icon_login:before, .icon_musterbestell:before, .icon_musterbestell:before, .icon_favoriten:before, .icon_warenkorb:before {
    content: "";
    width: 35px;
    height: 35px;
    display: block;
    position: relative;
    left: 0;
    top: 0;
    background-image: url(../pic/mandant68/icons.svg);
    background-size: 767px 477px;
    transform: scale(0.85);
}
.icon_login:before {
    background-position: -249px -34px;
}
.icon_musterbestell:before {
    background-position: -293px -34px;
}
.icon_favoriten:before {
    background-position: -129px -34px;
}
.icon_warenkorb:before {
    background-position: -11px -34px;
}

.icon_login.dropdown-toggle::after {
	display: inline;
    position: absolute;
	top: 50%;
    right: -5px;
    transform: translateY(-50%);
}

.burger_menu_icon {
	display: block;
	height: 32px;
	width: 32px;
	background-image: url(../pic/mandant68/icon_burger_menu.svg);
	background-repeat: no-repeat;
	background-size: cover;
}

#welcometext a, #welcometext a:LINK, #welcometext a:VISITED {
	color: var(--textfarbe);
}

.navbar-dark .navbar-nav .nav-link.active {
	color: var(--aktivfarbe);
}
.navbar-nav .nav-link.active {
	color: var(--aktivfarbe);
}
.navbar-nav .nav-link:hover, .navbar-nav .nav-link.hover {
	color: var(-aktivfarbe_hover);
}
a:hover, a.hover {
	color: var(--highlightfarbe);
}

#mainNav {
	background-color: var(--hintergrund);
}
a.nav-link.js-scroll-trigger:hover, a.nav-link.js-scroll-trigger.hover {
	color: #AAAAAA;
}

.nav, .navbar {
    font-size: 20px;
    background: #ffffff;
    color: #666666;
}

.navbar-nav .nav-link {
    color: #666666; /*rgba(255,255,255, 1);*/
}

.angebot img {
	margin-bottom: 10px;
	margin-top: 10px;
}

.angebot .thumbnail {
	border: none;
	text-align: center;
}

.angebot .preis {
	margin-left: auto;
	margin-right: auto;
	transform: translate(-50%, 0);
	left: 50%;
}
.angebot .detail_button {
	bottom: 10px;
	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 button {
	min-width: 210px;
}

.btn {
	font-size: 16px;
	font-weight: normal;
	font-family: 'Montserrat-bold', sans-serif;
	border: 2px solid;
	border-radius: 0;
	cursor: pointer;
	text-decoration: none;
	text-transform: uppercase;
    padding: 8px 15px;
    line-height: 25px;
    min-height: 45px;
    width: auto;
    max-width: 100%;
}

.btn-primary, .btn-primary:visited, .btn-primary:link, a.btn-primary, a.btn-primary:visited, a.btn-primary:link,
#login_page #anmeldung_button, #login_page #anmeldung_button:visited, #login_page #anmeldung_button:link, 
.weiter_button_sel.btn-primary,.weiter_button_sel.btn-primary:visited,
#weiter_button_zahlung .btn-primary, #weiter_button_zahlung .btn-primary:visited,
#weiter_button_login a.btn-primary, #weiter_button_login a.btn-primary:visited,
#musterversand_form a.btn-primary, #musterversand_form a.btn-primary:visited
{
	color: var(--primaerfarbe_text);
	border-color: var(--primaerfarbe_hg);
	background-color: var(--primaerfarbe_hg);
}
.btn-primary:hover, .btn-primary.hover,
.btn-primary.active, .btn-primary:active, .btn-primary.focus, .btn-primary:focus, .btn-primary.active:focus,
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle,
.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus,
#login_page #anmeldung_button:hover, #login_page #anmeldung_button.hover,
#login_page #anmeldung_button.active, #login_page #anmeldung_button:active, #login_page #anmeldung_button.focus, #login_page #anmeldung_button:focus, 
#login_page #anmeldung_button.active:focus, #login_page #anmeldung_button:not(:disabled):not(.disabled).active, #login_page #anmeldung_button:not(:disabled):not(.disabled):active,
#login_page #anmeldung_button:not(:disabled):not(.disabled).active:focus, #login_page #anmeldung_button:not(:disabled):not(.disabled):active:focus {
	color: var(--primaerfarbe_text_hover);
	border-color: var(--primaerfarbe_hg_hover);
	background-color: var(--primaerfarbe_hg_hover);
	box-shadow: unset;
}

.btn-secondary, .bbtn-secondary:visited, .btn-secondary:link, a.weiter_button_sel, div.weiter_button_sel a, div.zurueck_button_sel a,
.btn-secondary:visited, a.weiter_button_sel:visited, div.weiter_button_sel a:visited, div.zurueck_button_sel a:visited,
.btn-secondary:link, a.weiter_button_sel:link, div.weiter_button_sel a:link, div.zurueck_button_sel a:link {
	color: var(--sekundaerfarbe_text);
    background-color: var(--sekundaerfarbe_hg);
    border-color: var(--sekundaerfarbe_text);
}
.btn-secondary:hover, .btn-secondary.hover,
.btn-secondary.active, .btn-secondary:active, .btn-secondary.focus, .btn-secondary:focus, .btn-secondary.active:focus,
.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show>.btn-secondary.dropdown-toggle,
.btn-secondary:not(:disabled):not(.disabled).active:focus, .btn-secondary:not(:disabled):not(.disabled):active:focus, .show>.btn-secondary.dropdown-toggle:focus,
a.weiter_button_sel:hover, div.weiter_button_sel a:hover, div.zurueck_button_sel a:hover,
a.weiter_button_sel.active, a.weiter_button_sel:active, a.weiter_button_sel.focus, a.weiter_button_sel:focus, a.weiter_button_sel.active:focus,
a.weiter_button_sel:not(:disabled):not(.disabled).active, a.weiter_button_sel:not(:disabled):not(.disabled):active,  .show>a.weiter_button_sel.dropdown-toggle,
a.weiter_button_sel:not(:disabled):not(.disabled).active:focus, a.weiter_button_sel:not(:disabled):not(.disabled):active:focus, .show>a.weiter_button_sel.dropdown-toggle:focus,
div.weiter_button_sel a.active, div.weiter_button_sel a:active, div.weiter_button_sel a.focus, div.weiter_button_sel a:focus, div.weiter_button_sel a.active:focus,
div.zurueck_button_sel a.active, div.zurueck_button_sel a:active, div.zurueck_button_sel a.focus, div.zurueck_button_sel a:focus, div.zurueck_button_sel a.active:focus,
div.weiter_button_sel a:not(:disabled):not(.disabled).active, div.weiter_button_sel a:not(:disabled):not(.disabled):active, .show>div.weiter_button_sel a.dropdown-toggle,
div.weiter_button_sel a:not(:disabled):not(.disabled).active:focus, div.weiter_button_sel a:not(:disabled):not(.disabled):active:focus, .show>div.weiter_button_sel a.dropdown-toggle:focus {
	color: var(--sekundaerfarbe_text_hover);
    background-color: var(--sekundaerfarbe_hg_hover);
    border-color: var(--sekundaerfarbe_text_hover);
    box-shadow: unset;
} 

.btn-info, .btn-info:visited, .btn-info:link {
    color: var(--textfarbe);
	background-color: var(--hintergrund);
    border-color: var(--hintergrund);
}
.btn-info:hover, .btn-info.hover,
.btn-info.active, .btn-info:active, .btn-info.focus, .btn-info:focus, .btn-info.active:focus,
.btn-info:not(:disabled):not(.disabled).active, .btn-info:not(:disabled):not(.disabled):active, .show>.btn-info.dropdown-toggle,
.btn-info:not(:disabled):not(.disabled).active:focus, .btn-info:not(:disabled):not(.disabled):active:focus, .show>.btn-info.dropdown-toggle:focus {
    color: var(--textfarbe);
	background-color: var(--hintergrund_grau);
    border-color: var(--hintergrund_grau);
    box-shadow: unset;
}
.btn-info .fa-angle-right{
	padding-left: 10px;
	top: 4px;
	position: relative;
}

.btn-success, .btn-success:visited, .btn-success:link, .btn-success:not([href]):not([tabindex]),
a.info_button3, a.info_button3:visited, a.info_button3:link, a.info_button3:not([href]):not([tabindex]),
.info_button4, .info_button4:visited, .info_button4:link, .info_button4:not([href]):not([tabindex]) {
	color: var(--successfarbe_text);
	background-color: var(--successfarbe_hg);
    border-color: var(--successfarbe_text);
    width: auto;
    min-width: 240px;
    max-width: 100%;
}
input.info_button3, input.info_button3:not([href]):not([tabindex]),
input.info_button4, input.info_button4:not([href]):not([tabindex]) {
	min-width: unset;
}
.col > input.info_button3, .col > input.info_button3:not([href]):not([tabindex]),
.col > input.info_button4, .col > input.info_button4:not([href]):not([tabindex]) {
	width: 100%;
}
#weiter_button_login a.weiter_button_sel,#weiter_button_login a.weiter_button_sel:visited, #weiter_button_login a.weiter_button_sel:link 
{
    width: auto;
    min-width: 240px;
    max-width: 100%;	
}

.btn-success:hover, .btn-success.hover, .btn-success:not([href]):not([tabindex]):hover,
.btn-success.active, .btn-success:active, .btn-success.focus, .btn-success:focus, .btn-success.active:focus,
.btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabled):not(.disabled):active, .show>.btn-success.dropdown-toggle,
.btn-success:not(:disabled):not(.disabled).active:focus, .btn-success:not(:disabled):not(.disabled):active:focus, .show>.btn-success.dropdown-toggle:focus,
a.info_button3:hover, a.info_button3.hover, a.info_button3:not([href]):not([tabindex]):hover,
a.info_button3.active, a.info_button3:active, a.info_button3.focus, a.info_button3:focus, a.info_button3.active:focus,
a.info_button3:not(:disabled):not(.disabled).active, a.info_button3:not(:disabled):not(.disabled):active, .show>a.info_button3.dropdown-toggle,
a.info_button3:not(:disabled):not(.disabled).active:focus, a.info_button3:not(:disabled):not(.disabled):active:focus, .show>a.info_button3.dropdown-toggle:focus,
.info_button4:hover, .info_button4.hover, .info_button4:not([href]):not([tabindex]):hover,
.info_button4.active, .info_button4:active, .info_button4.focus, .info_button4:focus, .info_button4.active:focus,
.info_button4:not(:disabled):not(.disabled).active, .info_button4:not(:disabled):not(.disabled):active, .show>.info_button4.dropdown-toggle,
.info_button4:not(:disabled):not(.disabled).active:focus, .info_button4:not(:disabled):not(.disabled):active:focus, .show>.info_button4.dropdown-toggle:focus
{
	color: var(--successfarbe_text_hover);
	background-color: var(--successfarbe_hg_hover);
    border-color: var(--successfarbe_text_hover);
    box-shadow: unset;
}

.btn-outline-secondary:hover, .btn-outline-secondary.hover,
.btn-outline-secondary:not(:disabled):not(.disabled).active, .btn-outline-secondary:not(:disabled):not(.disabled):active, .show>.btn-outline-secondary.dropdown-toggle {
	color: var(--successfarbe_text_hover);
	background-color: var(--hintergrund_grau);
    border-color: var(--linien);
    box-shadow: unset;
}

.dropdown-item:after {
	display: block;
	content: "";
	height: 2px;
	margin: 7px auto 0;
	width: 1px;
}
.dropdown-item:hover, .dropdown-item.hover {
	background-color: var(--hintergrund_grau);
	color: var(--textfarbe);
}
.dropdown-item:hover:after, .dropdown-item.hover:after {
    background-color: var(--aktivfarbe);
    transition: width .2s;
    width: 100%;
    content: "";
}

.boxbutton {
	text-transform: uppercase;
    background-color: var(--boxbutton_hgcolor);
    color: var(--boxbutton_color);
    text-decoration: none;
    padding: 11px 17px;
    cursor: pointer;
}
.boxbuttonrahmen {
    border: 1px solid #000;
}

div.toggle.btn {
	min-width: 100px;
    min-height: 40px;
    border-width: 1px;
    border-color: var(--linien);
    border-radius: 5px;
}
span.toggle-handle {
	border-width: 0 1px;
    border-color: var(--linien);
    background-color: var(--linien);
}
.btn-success.toggle-on {
	background-color: var(--hintergrund-highlight);
}
.toggle-on, .toggle-off {
	height: 40px;
	padding: 0px 15px;
    line-height: 40px !important;
    font-family: 'Montserrat', sans-serif;
    font-weight: normal;
	text-transform: none;
}

label.form-check-label {
    padding-left: 5px;
}

.titelfarbe {
	color: var(--aktivfarbe);
}
.hintergrundfarbe {
    background-color: #ffefd6;
}

#start_pg_11{
	display: none;
}
.menu_list .selcolor{
	border: 4px solid var(--aktivfarbe);
}

#musterauswahl span.selrahmen, #modellauswahl span.selrahmen,
#musterauswahl li.selrahmen, #modellauswahl li.selrahmen{
	border-color: var(--aktivfarbe);
}
#preisinfo .preis_preis {
	display: flex;
    width: 50%;
    flex: 0 0 50%;
    flex-direction: column;
    align-items: flex-end;
	color: #000000;
	font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 20px;
}

.modal-dialog{
	color: #000000;
}

.row.anzahl .dropdown-menu{
	margin-top: 100px;
}

#einzelteil_details, #special_offers_overview, #standard_formats_overview{
	background-image: url('../pic/mandant68/background_sb_produkte.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
}

/* 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;
}

.wk_zubehoer_txt{
	float: left;
	margin-right: 5px;
	font-size: 16px;
}

#mass_input_masse{
	display: block;	
	right: 10px;
	bottom: 10px;
	position: absolute;
}
#mass_input_main{
	display: none;
}

.modellinfo_lr{
	white-space: normal;
}

.wk_zubehoer_groesse, .wk_zubehoer_farbe{
	display: inline;
	font-size: 16px;
}

.thumbnail h3, .thumbnail .preis{
	font-weight: bold;
}

#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; 
}

.dropdown-menu {
	font-size: inherit;
	padding: 10px 14px 0px;
	border: 0;
    box-shadow: #00000050 0 0 10px;
}
a.dropdown-item, a.dropdown-item:link, a.dropdown-item:visited {
	padding: 7px 0;
	color: var(--textfarbe);
	background-color: unset;
    /*border-bottom: 1px solid var(--sekundaerfarbe_hover);*/
}
a.dropdown-item:last-child {
	border-bottom: 0;
}
a.dropdown-item:hover, a.dropdown-item.hover {
	font-weight: 600;
	background-color: unset;
}

#filter_muster_form .dropdown-menu, #filter_muster_form2 .dropdown-menu {
	width: 100%;
}

.fa-3 {
    font-size: 35px;
}

.navbar-dark .navbar-brand{
	color: #d9d4ce;
}

.nav-link{
	display: inline-flex;
}
.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link.hover {
	color: green;
}

.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: initial;
    height: initial;
    text-indent: initial;
}
#myCarousel .carousel-indicators > li.active img {
    opacity: 0.7;
}
#myCarousel .carousel-inner{
	width: auto;
}
img.carousel-img {
	height: 550px;
	object-fit: cover;
	filter: brightness(0.7);
}

.carousel-content {
	position: absolute;
	width: auto;
	max-width: 50%;
	left: 250px;
	bottom: 50%;
	transform: translateY(80%);
	z-index: 1;
	opacity: 0;
	transition: all 0.2s ease-in-out 0.2s;
    -webkit-transition: all 0.2s ease-in-out 0.2s;
}
.carousel-item.active .carousel-content {
    opacity: 1;
    -webkit-transform: translateY(50%);
    transform: translateY(50%);
}
.carousel-content h2.carousel-topic {
	font-family: 'Montserrat-bold',sans-serif;
	font-size: 16px;
	text-transform: uppercase;
	color: #ffffff;
}
.carousel-content h1.carousel-headline {
	color: #ffffff;
	font-size: 46px;
	font-weight: bold;
	text-transform: uppercase;
    padding: 0;
    margin: 0;
}
.carousel-content .carousel-subtitle {
	color: #ffffff;
	font-size: 16px;
	font-weight: normal;
}
.carousel-content .btn {
	margin-top: 10px;
	max-width: max-content;
}
.carousel-indicators {
	margin-bottom: 20px;
}
.carousel-indicators li {
	width: 5px;
    height: 5px;
    margin-right: 10px;
    margin-left: 10px;
    border: 3px solid transparent;
    border-radius: 30px;
    background-clip: border-box;
}


/* ++++++++++++++++++++++++++++ */

.nav-item{
	margin-right: 40px;
}

.nav-item .dropdown-menu{
	left: auto;
	right: 0;
	background-color: var(--aktivfarbe);
	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, .nav-item .dropdown-menu a.dropdown-item.hover {
	color: black;
	background-color: #fdc727;
	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;
}

header .navbar-toggler {
	display: flex;
	justify-content: flex-start;
    align-items: center;
	padding: 0;
	outline: 0;
}
header .navbar-collapse {
	text-align: center;
}
header .navbar-collapse .navbar-nav {
	margin-top: 10px;
}
header .navbar-collapse .nav-item {
	padding-right: 0;
	margin-right: 0;
	
}
.logo {
    padding: 0;
}
.logo a {
	display: flex;
    justify-content: center;
    align-items: center;
}

.fa-bars{
	font-size: 32px;
    display: grid;
    width: 35px;
    height: 35px;
    align-content: center;
    justify-content: center;
}

section {
	background-color: var(--hintergrund);
	padding: 0 20px;
}
section:first-of-type {
	padding-top: 25px;
}
section:last-of-type {
	margin-bottom: 70px;
}
section .box {
	background-color: unset;
	padding: 0;
	margin-bottom: 0;
}

#accordion .collapse, #accordion .collapsing {
	background-color: var(--hintergrund);
	padding: 15px 35px;
	border-top: 2px solid var(--hintergrund_grau);
}
#made_to_measure_page #accordion .collapse, #made_to_measure_page #accordion .collapsing {
	background-color: var(--hintergrund);
	border: 2px solid var(--accordion_card_active);
	border-top: 0;
}
#accordion > .card {
	border: 0;
	box-shadow: var(--box-shadow_card);
}
/*
#made_to_measure_page #accordion > .card {
	box-shadow: unset;
}
*/
.accordion_header > .card a {
	text-transform: uppercase;
}

.standard_formats_overview h2{
	color: black;
}

.ueberschrift{
	color: black;
}

#made_to_measure_page .container{
	max-width: 1440px;
}


.musterauswahl_text{
	display: none;
}
#musterauswahl li.auswahl{
	max-width: 156px;
	box-shadow: var(--box-shadow);
}

/*
a.btn.btn-primary.wk_loeschen_button{
	float: right;
}*/

.slogan{
	font-size: 25px;
}

footer{
	font-size: 14px;
	padding: 30px;
	background-color: var(--footer_hg);
	color: var(--footer_text);
}
.footer {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: stretch;
    min-height: 320px;
}
.footerlogo {
	height: 45px;
    background-image: url(../pic/mandant68/logo.svg);
    background-repeat: no-repeat;
    background-size: 135px;
    background-position-x: 15px;
    justify-content: flex-end;
}
.footerblock {
	flex-direction: column;
	margin-top: 25px;
}
footer h6 {
    margin: 0;
    padding: 0;
    font-size: 18px;
    font-weight: normal;
    text-transform: uppercase;
    margin-bottom: 25px;
}
.footerblock span {
	line-height: 25px;
    font-size: 14px;
}
.footerblock .mobildklappbox {
    display: flex;
    flex-direction: column;
}
footer a {
    color: var(--footer_text);
    text-decoration: none;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 6px;
}
footer a:hover, footer a.hover {
    text-decoration: underline;
    color: var(--highlightfarbe);
}
footer a.social {
	margin:0;
	padding:0;
	margin-right:14px;
	text-decoration: none;
	background-image: unset;
}
footer a.payment {
	margin:0;
	padding:0;
	margin-right:10px;
	text-decoration: none;
	background-image: unset;
}
footer a.social:hover, footer a.social.hover {
	text-decoration: none;
}
footer a.payment:hover, footer a.payment.hover {
	text-decoration: none;
	cursor: unset;
}
footer a.social:hover:before, footer a.social.hover:before {
	text-decoration: none;
	color:#fff;
}
footer a.payment:hover:before, footer a.payment.hover:before {
	text-decoration: none;
}
footer a.social-insta:before,
footer a.social-fb:before,
footer a.social-youtube:before,
footer a.social-whatsapp:before,
footer a.social-pinterest:before,
footer a.social-twitter:before {
	color: var(--textfarbe);
	font-size: 18px;
	font-family: "Font Awesome 5 Brands";	
	font-weight: 400;
}
footer a.payment-paypal:before,
footer a.payment-visa:before,
footer a.payment-mastercard:before,
footer a.payment-amex:before,
footer a.payment-discover:before,
footer a.payment-dinersclub:before,
footer a.payment-appleplay:before,
footer a.payment-amazonpay:before {
	color: var(--textfarbe);
	font-size: 32px;
	font-family: "Font Awesome 5 Brands";	
	font-weight: 400;
}
.social-insta:before {
	content: "\f16d";
}
.social-fb:before {
	content: "\f39e";
}
.social-youtube:before {
	content: "\f167";
}
.social-whatsapp:before {
	content: "\f232";
}
.social-pinterest:before {
	content: "\f0d2";
}
.social-twitter:before {
	content: "\f099";
}

.payment-paypal:before {
	content: "\f1f4";
}
.payment-visa:before {
	content: "\f1f0";
}
.payment-mastercard:before {
	content: "\f1f1";
}
.payment-amex:before {
	content: "\f1f3";
}
.payment-discover:before {
	content: "\f1f2";
}
.payment-dinersclub:before {
	content: "\f24c";
}
.payment-applepay:before {
	content: "\f416";
}
.payment-amazonpay:before {
	content: "\f42d";
}

div.auswahl_feld{
	font-size: 16px;
	font-weight: normal;
}

.info_titel_klein, .info_menu_links_text, .eigenschaften, .inhalt{
	font-size: 16px;
	font-weight: normal;
}

#info_menu {
	border: 0;
}
div.info_menu_links ul {
	display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    max-width: unset;
    margin: 8px 0 0 0;
    padding: 10px;
    border-bottom: 1px solid var(--linien);
}

#info_menu.info_menu_links li, #info_menu.info_menu_links .dropdown {
	flex: auto;
	margin: 5px;
	width: calc(33% - 20px);
	min-width: calc(33% - 20px);
	color: #000000;
	border: 0;
	background-color: unset;
}
#info_menu.info_menu_links li:hover, #info_menu.info_menu_links li.hover {
	color: #000000;
	border: 10;
	background-color: unset;
}

.info_menu_links_text {
	display: block;
	min-width: 227px;
	line-height: normal;
}

.vermassung_beschreibung {
	font-size: 16px;
	color: var(--textfarbe);
	text-transform: uppercase;
    padding-bottom: 5px;
    margin-bottom: 0px;
}

#vermassung li.auswahl {
	border-width: 1px;
	border-bottom-style: solid;
	border-color: var(--linien);
}
#vermassung li.auswahl li {
	display: flex;
    align-items: flex-start;
    min-height: 25px;
}
#vermassung li.auswahl li label {
	margin-bottom: 0;
}
#vermassung li#vermassung_masswert li {
    align-items: center;
}
#vermassung li#vermassung_masswert li.enum {
    align-items: flex-start;
}

.schienenfarbe_icon {
	width: 25px;
    height: 25px;
	vertical-align: top;
}

#vermassung .info_button_rund {
    width: auto;
    height: auto;
    border: 0;
    background-color: unset;
}
span.info_i {
    font-size: 24px;
    color: var(--aktivfarbe);
}
span.info_i:hover, span.info_i.hover {
	color: var(--aktivfarbe_hover);
}

a.muster_info_button {
	height: 18px;
	min-height: unset;
	line-height: 18px;
    padding: 0;
    border: 0;
    margin-top: -2px;
}
a.muster_info_button span.info_i {
	font-size: 18px;
}
.artikelbezeichnung a.muster_info_button {
	padding-left: 6px;
}

/*
.hinweis{
	background-color: #d3cecb;
	padding: 20px;
	font-size: 16px;
	margin-bottom: 10px;
}
*/

#accordion {
	width: 100%;
	padding-bottom: 10px;
}
#kundendaten_form, #vermassung_form, #zubehoer{
	font-size: 16px;
	margin-bottom: 10px;
	padding: 0;
}

#eingabe_lieferdaten {
	padding: 0 15px;
}
#eingabe_lieferdaten h1 {
	font-size: 16px;
    font-family: 'Montserrat-bold', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
}
#eingabe_lieferdaten .row .col.col-12 {
	margin: 0;
    padding: 0;
}

#eingabe_lieferdaten label, #eingabe_agb label {
    font-size: 14px;
    cursor: pointer;
    height: 22px;
    vertical-align: middle;
    margin-top: 2px;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
}
.eingabe_kundendaten_daten label {
	padding-top: 0;
    padding-bottom: 0;
}
#passwort_change_box {
	padding: 0 15px;
}

#agb_neukunde label[for="agb"] {
    font-size: 14px;
    font-family: 'Montserrat', sans-serif;
    min-height: 22px;
    margin-top: 2px;
    margin-bottom: 0;
    padding-left: 10px;
}
#agb_neukunde label[for="agb"] b {
	font-family: 'Montserrat', sans-serif;
	font-weight: normal;
}

.hinweis_vermassung_email{
	float: right;
}
.hinweis_vermassung_tel{
	float: none;
}

#aktuelle_auswahl_text, #preisinfo .preis_text, #preisinfo .preis_text_rabatt{
	font-size: 20px;
	font-weight: bold;
	height: auto;
	color: #000000;
}

.modellinfo_lr, .preis_preis{
	font-size: 14px;
}

span.modellinfo_beschreibung, span.modellinfo_beschreibung, span.preisgruppe{
	font-size: 14px;
	color: #000000;
}

#preisinfo .preis_error{
	font-size: 16px;
	background-color: unset;
	color:var(--errorfarbe);
	text-align: left;
	margin-top: 5px;
}

#aktuelle_auswahl .modellinfo_lr {
	padding-left: 0;
}

#technische_aenderungen{
	font-size: 16px;
	bottom: auto;
	color: var(--textfarbe_grau);
	font-size: 15px;
}

.thumbnail h2, .thumbnail h3{
	font-size: 16px;
}

.box h3{
	font-size: 20px;
}

.info_hinweis {
	font-family: 'Montserrat-bold';
    font-weight: normal;
    font-size: 16px;
}

#bemerkung_pg {
	display: none;
}

.smallText {
	font-size: 14px;
}

#hinweis_warenkorb{
	font-size: inherit;
}

.rechts{
	padding-right: 0px;
}

.gesamt_sel_1{
	font-family: 'Montserrat-bold';
    font-weight: normal;
	font-size: 16px;
}

#auswahl_bestellung table{
	font-size: 14px;
}

#auswahl_bestellung table .alignright{
	text-align: right;
	padding: 5px 10px;
}

#auswahl_bestellung td.hinweistext{
	padding: 5px 10px;	
}
#auswahl_bestellung td.hinweistext b {
	font-family: 'Montserrat', sans-serif;
	font-weight: normal;
}

.warenkorb_position_element span.modellinfo_beschreibung{
	font-size: 14px;
	font-family: 'Montserrat', sans-serif;
	font-weight: normal;
	color: var(--textfarbe);
}
.warenkorb_position_element .modellinfo_lr{
	font-size: 14px;
}
.warenkorb_position_element .modellinfo_lr .modellinfo_wert {
    padding-left: 10px;
}

/* 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;
}

.agb_dsb_rahmen{
	width: auto;
	float: none;
	border-width: 0;
}

.infotext{
	font-size: 14px;
}

.infotext .grau{
	display: none;
}

.agb_dsb_content{
	padding: 20px 25px;
}

/* Drucken-Button für Infoseite ausblenden */
.infotext .no_print{
	display: none;
}

#fusszeile{
	display: block;
}

li.footline, li.separator{
	height: auto;
}

.footline{
	height: 38px;
}

header.masthead{
	background-image: url('../pic/mandant68/titel.jpg');
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: center center;
	text-align: center;
	min-height: calc(100% - 107px);
}

.warenkorb_position_preis {
    position: relative;
}

.container-fluid.warenkorb.hintergrundfarbe {
	background-color: var(--hintergrund_grau);
}
.container.warenkorb {
	max-width: 1425px;
}
.container-fluid.warenkorb.hintergrundfarbe .row.box {
	background-color: unset;
	margin: 0;
}

.warenkorb_position_text {
	/*display: none;*/
	margin-right: 15px;
}
.warenkorb_position_text.no_print {
	display: none;
}
.warenkorb_position_anzahl {
	margin-top: 0;
	margin-right: 15px;
	display: none;
}

.headline_warenkorb_anzahl{
	color: #ffffff;
	top: 3px;
}

.start_logo{
	width: 232px;
	height: 69px;
	background-image: url('../pic/mandant68/start_logo_bootstrap.png');
	background-repeat: no-repeat;
}

/* Flash-Einbindung ausblenden */
#info_info object{
	display: none;
}

#gesamtauswahl {
	position: sticky;
	top: 80px;
	background-color: var(--hintergrund_highlight);
	border: 0;
	padding: 15px;
	padding-top: 4px;
	margin-bottom: 20px;
	box-shadow: var(--box-shadow_card);
}

.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: 16px;
}

.zahlungsarten{
	height: auto;
	margin: unset;
}

.zahlungsarten img{
	height: 30px;
}

.footer_lieferung, #menu_lieferung {
	display: block;
}

a.social{
	height: 20px;
	width: 20px;
	background-size: 20px;
	margin-right: 10px;
	margin-top: 2px;
}

#vermassung_content_top{
	display: block;	
}

/* kleines Dreieck neben dem Dropdown-Auswahlfeld */
/*#filter_muster_form .dropdown-toggle::after {
	content: close-quote;
}*/

div.weiter_button_sel, div.zurueck_button_sel, input.weiter_button_sel {
    vertical-align: bottom;
    text-align: center;
    color: #212023;
    border-color: transparent;
    border-style: solid;
    border-width: 2px;
    background-color: transparent;
    border-radius: 0;
    -moz-border-radius: 0;
    -khtml-border-radius: 0;
    -webkit-border-radius: 0px;
}

div.warenkorb_in_button{
	display: flex;
	width: 100%;
	flex: 0 0 100%;
	border-radius: 0px;
	-moz-border-radius: 0px;
	-khtml-border-radius: 0px;
	-webkit-border-radius: 0px;
	background-color: transparent;
	border-color: transparent;
	color: white;
}
a.warenkorb_in_button, a.warenkorb_in_button:visited, a.warenkorb_in_button:link {
	color: var(--primaerfarbe_text);
    background-color: var(--primaerfarbe_hg);
    border-color: var(--primaerfarbe_hg);
    margin: 15px 0 5px 0;
}
a.warenkorb_in_button:hover, a.warenkorb_in_button.hover,
a.warenkorb_in_button.active, a.warenkorb_in_button:active, a.warenkorb_in_button.focus, a.warenkorb_in_button:focus, a.warenkorb_in_button.active:focus,
a.warenkorb_in_button:not(:disabled):not(.disabled).active, a.warenkorb_in_button:not(:disabled):not(.disabled):active, .show>a.warenkorb_in_button.dropdown-toggle,
a.warenkorb_in_button:not(:disabled):not(.disabled).active:focus, a.warenkorb_in_button:not(:disabled):not(.disabled):active:focus,
.show>a.warenkorb_in_button.dropdown-toggle:focus {
	color: var(--primaerfarbe_text_hover);
    background-color: var(--primaerfarbe_hg_hover);
    border-color: var(--primaerfarbe_hg_hover);
    box-shadow: unset;
}

.selcolor .menu_konfig_zahl, .selcolor .menu_konfig_zahl_wk {
    border-color: transparent;
}
.menu_konfig_zahl::after{
	content: ".";
}
.menu_profil .menu_konfig_zahl::after {
	content: "";
}

.menu_konfig_zahl{
	background-color: transparent;
	background-image: none;
	margin-top: 3px;
	text-align: right;
	border-color: transparent;
}
a.info_button_rund, 
.menu_konfig_hintergrund{
	background-image: none;
	background-color: unset;
	border-color: transparent;
}
a.info_button_rund:hover, a.info_button_rund.hover {
	background-color: unset;
	color: white !important;
	border-color: transparent;
}
li.auswahl a:hover, li.auswahl a.hover {
	color: var(--aktivfarbe);
}
li.auswahl:hover, li.auswahl.hover {
	border-color: green;
}

li.auswahl li {
	margin: 5px 0;
    line-height: 25px;
}

.info_menu_links_hintergrund{
	background-color: transparent;
}

span.auswahl_rahmen, 
#impressum {
	border-radius: 0px;
	-moz-border-radius: 0px;
	-khtml-border-radius: 0px;
	-webkit-border-radius: 0px;
}
#impressum, #haftung, #urheber, #bildnachweis, #domains, #odr, #datenschutzbeauftragte {
	width: 100%;
	padding: 0px 40px;
}
.infotext h3 {
	font-size: 20px;
}
#impressum h3.rechtliches {
    /*text-transform: uppercase;*/
}

.impressum a {
    color: var(--highlightfarbe);
    cursor: pointer;
    text-decoration: underline;
}
.impressum a:hover, .impressum a.hover {
    color: var(--highlightfarbe_hover);
}
.impressum_firmenname {
	font-family: 'Montserrat-bold', sans-serif;
	font-weight: 700;
}

select.mass_input_error{
	background-color: var(--hintergrund);
	border: none;
}
select.mass_select{
	height: auto;
	min-height: 40px;
	width: auto;
	min-width: 120px;
	margin-bottom: 2px;
}
select.mass_select + label {
    padding-left: 10px;
}

input.mass_input, input.mass_input_error {
    font-size: 16px;
    min-height: 40px;
    height: 40px;
    min-width: 120px;
    text-align: center;
	background-color: var(--hintergrund);
	border: 1px solid var(--linien);
	margin-bottom: 2px;
	margin-top: 2px;
}
input.mass_input + label {
    padding-left: 10px;
}

input.suchen_button{
	height: 40px;
	color: var(--successfarbe_text);
	background-color: var(--hintergrund);
    border-color: var(---successfarbe_text);
}

input.suchen_button:hover, input.suchen_button.hover {
	color: var(--successfarbe_text_hover);
	background-color: var(--hintergrund_grau);
    border-color: var(--successfarbe_text_hover);
}

/*
input.mass_input_button, 
button.mass_input_button,
input.suchen_button{
	border: 1px solid transparent; 
	min-width: 160px;
 	min-height: 40px;
}

input.mass_input_button:hover, 
button.mass_input_button:hover{
	background-color: var(--aktivfarbe_hover);
	color: white;
}
*/
a.weiter_button_sel, 
a.zurueck_button_sel{
	font-size: 16px;
	min-width: 200px;
	max-width: 100%;
 	min-height: 40px;
}

.switch-button-background.checked {
	background-color: green;
	color: white;
}

span.transparent_box_umbruch.selcolor {
	background-color: var(--aktivfarbe_hover);
	color: white;
}

span.transparent_box_umbruch:hover, span.transparent_box_umbruch.hover {
	background-color: var(--aktivfarbe_hover);
	color: white;
}

.transparent_text{
	text-shadow: none;
}

.masshinweis{
	font-style: italic;
	color: var(--aktivfarbe);
}

li.farbwechsel select{
	width: 150px;
}

h3 {
	font-style: normal;
}
h4 {
	font-size: 13;
}

table.modellinfo td{
	padding: 10px;
}

table.modellinfo{
	background-color: light-grey;
}

.redaktion .menu_konfig_zahl{
	display: none;
}

.redaktion .menu_konfig_text{
	left: 12px;
}

.transparent_box{
	border-radius: 0;
    -moz-border-radius: 0;
    -khtml-border-radius: 0;
    -webkit-border-radius: 0;
}

#login_logout{
	display: none;
}

.nav-item .dropdown-menu div.dropdown-item.active, .nav-item .dropdown-menu a.dropdown-item:hover, .nav-item .dropdown-menu a.dropdown-item.hover {
	color: white;
	background-color: #fdc727;
	text-align: right;
	cursor: pointer;
}

.slideshow {
    background-color: var(--hellgrau);
    position: relative;
    height: auto;
    max-height: 550px;
    overflow: hidden;
    align-items: flex-start;
}

#slideshow_left, #slideshow_right {
    width: auto;
    top: 50px;
}
#slideshow_right {
    right: 20px;
}

header.masthead, #titelbild {
	min-height: 500px;
	position: relative;
}

li.selrahmen span.auswahl_text {
	color: var(--aktivfarbe);
}

a.info_button_rund {
	right: 7px;
	top: -5px;
}

div.index_pg {
/* 	position: absolute;
 	bottom: 250px;
 	z-index: 10; 	
 	width: 220px; 
 	background-color: var(--hintergrund);
 	box-shadow: 20px 20px 50px 15px #0000007d;
 	border-style: solid;
 	border-width: 2px;
 	border-color: gray; */ 
 	border-radius: 20px;
 	padding: 40px;
}
div.index_pg img {
	width: 120px;
}
/*
div.index_pg_4 {
	left: calc(50% - 180px);
}
div.index_pg_7 {
	left: calc(50% + 80px);
}
*/



#ul_artikel_auswahl.farbgruppierung ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: stretch;
}
#ul_artikel_auswahl.farbgruppierung li.muster{
	width: calc(33.3% - 20px);
	flex: calc(33.3% - 14px);
	min-width: auto;
	max-width: calc(33.3% - 13px);
	min-height: 325px;
	margin: 0 20px 20px 0;
	padding-bottom: 50px;
	background-color: var(--hintergrund);
	/*border: 2px solid var(--hintergrund);*/
	border: 0;
}
#ul_artikel_auswahl.farbgruppierung li.muster.selrahmen {
    /*border: 2px solid var(--aktivfarbe);*/
    border: 0;
}
#ul_artikel_auswahl.farbgruppierung li a.ajax_bildmodify {
	width: 100%;
	display:block;
	height:256px;
	position:relative;
	margin-bottom: 25px;
}
#ul_artikel_auswahl.farbgruppierung li a.ajax_bildmodify:hover span,
#ul_artikel_auswahl.farbgruppierung li a.ajax_bildmodify.hover span {
	color:#000;
}
#ul_artikel_auswahl.farbgruppierung .auswahl_rahmen{
	position:absolute;
	width: 100%;
	height: 100%;
	left:0;
	top:0;
	
	border-radius:0;
	border:0;
	/*background-size: 20cm;*/
}
#ul_artikel_auswahl.farbgruppierung li.muster:nth-of-type(3n) {
	margin-right: 0;
}

#ul_artikel_auswahl.farbgruppierung .musterauswahl_text{
	position:absolute;
	top:256px;
	left:0;
}
#ul_artikel_auswahl.farbgruppierung li a.info_button_rund{
	position: relative;
    left: auto;
    top: auto;
    right: auto;
    float: none;
}
#ul_artikel_auswahl.farbgruppierung .info_i{
	display: flex;
    justify-content: center;
    align-items: center;
}

#ul_artikel_auswahl.farbgruppierung li.musterkachel a.ajax_bildmodify{
	margin-bottom: 5px;
}
#ul_artikel_auswahl.farbgruppierung .musterkachel .artikelname{
	padding: 15px;
    padding-bottom: 13px;
}
#ul_artikel_auswahl.farbgruppierung .musterkachel .artikelpreis{
	padding: 15px;
    padding-top: 0;
    padding-bottom: 13px;
	font-family: "Montserrat-bold", Verdana, sans-serif;
    font-weight: 700;
	position:relative;
}

#ul_artikel_auswahl.farbgruppierung .nachlass{
	color:var(--rot_color);
}

#ul_artikel_auswahl.farbgruppierung .nachlasspreis{
	text-decoration: line-through;
	padding-left:7px;
	position:relative;
	display: inline-block;
	color:var(--nachlasspreis);
}
#ul_artikel_auswahl.farbgruppierung .nachlasspreis:before{
	content:"";
	border-left:2px solid #000;
	position:absolute;
	width:0;
	height:17px;
	top: 2px;
    left: 0;
}

#ul_artikel_auswahl.farbgruppierung .musterkachel .artikelvarianten {
	padding: 15px;
    padding-top: 0;
    padding-bottom: 13px;
	
	display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
	align-items: center;
}

#ul_artikel_auswahl.farbgruppierung .artikelvaributt, #ul_artikel_auswahl.farbgruppierung .artikelvaributt.ajax_bildmodify {
	display:inline-block;
	width:30px;
	height:30px;
	
	border-radius:5px;
	-webkit-border-radius: 5px;
	margin:0;
 	margin-right:5px;
 	margin-bottom:5px;
	
	transition: all 0.25s linear 0s;
	-webkit-transition: all 0.25s linear 0s;	
	transform:scale(1.0);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1) inset;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1) inset;
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1) inset;
}
#ul_artikel_auswahl.farbgruppierung .artikelvaributt:hover,
#ul_artikel_auswahl.farbgruppierung .artikelvaributt.hover,
#ul_artikel_auswahl.farbgruppierung .artikelvaributt.ajax_bildmodify:hover,
#ul_artikel_auswahl.farbgruppierung .artikelvaributt.ajax_bildmodify.hover {
	transform:scale(1.4);
	z-index:100;
}


#ul_artikel_auswahl.farbgruppierung .folgeinfo{
	font-family: 'Montserrat-bold', sans-serif;
	font-weight: 700;

}
#ul_artikel_auswahl.farbgruppierung .preisprozent{
	font-weight: 300;
	background-color:var(--label_hgcolor);
	color:var(--label_color);
	
	position:absolute;
	right:-5px;
	top:-11px;
	padding: 10px 9px;
	border-radius: 0px 0px 0px 5px;
	-webkit-border-radius: 0px 0px 0px 5px;
	
	animation: preisprozent 2s ease 0s 1 normal forwards;
}
@keyframes preisprozent {
	0% {
		animation-timing-function: ease-in;
		opacity: 0;
		transform: translateX(-250px);
	}

	38% {
		animation-timing-function: ease-out;
		opacity: 1;
		transform: translateX(0);
	}

	55% {
		animation-timing-function: ease-in;
		transform: translateX(-65px);
	}

	72% {
		animation-timing-function: ease-out;
		transform: translateX(0);
	}

	81% {
		animation-timing-function: ease-in;
		transform: translateX(-28px);
	}

	90% {
		animation-timing-function: ease-out;
		transform: translateX(0);
	}

	95% {
		animation-timing-function: ease-in;
		transform: translateX(-8px);
	}

	100% {
		animation-timing-function: ease-out;
		transform: translateX(0);
	}
}

#ul_artikel_auswahl.farbgruppierung .labelneu {
	font-weight: 300;
	background-color:var(--aktivfarbe);
	color: #fff;
	position:absolute;
	left:0;
	top:0;
	text-transform: uppercase;
	padding: 10px 13px;
	border-radius: 0px 0px 5px 0px;
	-webkit-border-radius: 0px 0px 5px 0px;
	
	animation: labelneu 4s ease 1s infinite normal forwards;
	transform-origin: left top;
}
@keyframes labelneu {
	0% {
		transform: none;
	}
	85% {
		transform: scale(1);
	}

	90% {
		transform: scale(1.05);
	}

	99.9% {
		transform: scale(1);
	}
	100% {
		transform: none;
	}
}

#ul_artikel_auswahl.farbgruppierung .artikelinfo {
	position: absolute;/* immer unten in der Kachel*/
	bottom:0;
	width: 100%;
	padding:15px;
	padding-top: 0;
	padding-bottom: 13px;
}
#ul_artikel_auswahl.farbgruppierung .artikelinfo .textinfo_button, #modellauswahl .textinfo_button {
	font-family: 'Montserrat', sans-serif;
	text-decoration:none;
	text-align:right;
	display:block;
	border:0;
	color: var(--textfarbe);
	background-color:transparent;
}
#ul_artikel_auswahl.farbgruppierung .artikelinfo .textinfo_button {
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    padding: 5px;
}
#modellauswahl .textinfo_button {
	align-content: end;
}

#ul_artikel_auswahl.farbgruppierung .artikelinfo .textinfo_button:after, .textinfo_button, #modellauswahl .textinfo_button:after {
	font-family: "Font Awesome 5 solid";	
	font-weight:900;
	font-size: 16px;
	content: '\f054';
	
	font-style: normal;
    font-variant: normal;
	text-rendering: auto;
    line-height: 1;
	margin-left:5px;
	
	-moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
}
#ul_artikel_auswahl.farbgruppierung .artikelinfo .textinfo_button:hover, .textinfo_button, #modellauswahl .textinfo_button:hover,
#ul_artikel_auswahl.farbgruppierung .artikelinfo .textinfo_button.hover, .textinfo_button, #modellauswahl .textinfo_button.hover {
	color: var(--textfarbe_grau);
}
#ul_artikel_auswahl.farbgruppierung .jetztkonfigurieren, #modellauswahl .modellauswahl_bild .jetztkonfigurieren {
	position:absolute;
	display: block;
	white-space: nowrap;
	right:10px;
	bottom:10px;
	text-transform: uppercase;
	padding:7px;
	height: 40px;
    line-height: 26px;
	width: 40px;
    overflow: hidden;
    padding-right: 0;
	padding-left: 20px;
	transition: all 0.25s linear 0s;
	-webkit-transition: all 0.25s linear 0s;
	
	background-color: var(--hintergrund_grau);
}
.jetztkonfigurieren:hover, .jetztkonfigurieren.hover, 
#ul_artikel_auswahl.farbgruppierung .jetztkonfigurieren:hover, #ul_artikel_auswahl.farbgruppierung .jetztkonfigurieren.hover,
#modellauswahl .modellauswahl_bild .jetztkonfigurieren:hover, #modellauswahl .modellauswahl_bild .jetztkonfigurieren.hover {
	background-color: var(--konfig_button_hover);
}
/*Text ausfahren*/
#ul_artikel_auswahl.farbgruppierung a:hover .jetztkonfigurieren, #modellauswahl .modellauswahl_bild:hover .jetztkonfigurieren,
#ul_artikel_auswahl.farbgruppierung a.hover .jetztkonfigurieren, #modellauswahl .modellauswahl_bild.hover .jetztkonfigurieren,
#ul_artikel_auswahl.farbgruppierung li.selrahmen a .jetztkonfigurieren, #modellauswahl li.selrahmen .jetztkonfigurieren {
	width: auto;
	padding-right: 60px;
}
#ul_artikel_auswahl.farbgruppierung .jetztkonfigurieren:after, #modellauswahl .modellauswahl_bild .jetztkonfigurieren:after {
	position:absolute;
	right: 0;
    top: 0;
    font-size: 23px;
    width: 40px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
	content: "\f105";
	font-family: "Font Awesome 5 solid";
 	font-weight:900;
	font-size: 16px;
   	font-style: normal;
    font-variant: normal;
	background-color: var(--hintergrund_grau);
}
#ul_artikel_auswahl.farbgruppierung  li.spinner {
	height:50px;
	width: 33px !important;
	margin: auto;
}
#ul_artikel_auswahl.farbgruppierung  li.auswahl .fa-spinner {
	display:block;
}
#ul_artikel_auswahl.farbgruppierung  li.auswahl .fa-spinner:before {
	display:block;
	position:relative;
	width: 33px;
}

/*   Überarbeitung   */ 

#navbarSupportedContent .navbar-nav .nav-link.active .txt {
	color:#000;
	border-bottom: 2px solid var(--orange);
}

.navbar-nav .nav-link .txt {
	text-transform: uppercase;
	padding-left:0;
	border-bottom: 2px solid transparent;
}

.navbar-nav .nav-link:hover .txt, .navbar-nav .nav-link.hover .txt {
	 border-bottom: 2px solid var(--orange);
}
li.warenkorb .nav-link:hover .txt {
	border:0;
}

#preisinfo, #aktuelle_auswahl_text, #modellinfo {
	background-color:var(--hintergrund_highlight);
	padding-left: 24px;
	padding-right: 24px;	
}
#aktuelle_auswahl_text {
	width: calc(100% - 48px);
    margin: 0 auto 0;
	padding: 0px 0px 10px 0px;
	border-top: 1px solid var(--sekundaerfarbe_hg_hover);
}
#gesamtauswahl #aktuelle_auswahl_text {
	width: 100%;
	border-top: 0;
}
#preisinfo {
	display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
	border-radius: 0;
	padding-top: 20px;
	padding-bottom: 10px;
}
#modellinfo {
	border-radius: 0;
	padding-bottom: 20px;
}

#preisinfo .preis_text, #preisinfo .preis_text_rabatt {
	font-size: 20px;
	font-weight: bold;
	width: 50%;
	flex: 0 0 50%;
	display: inline-block;
	margin-top: 0;
	padding-top: 0;
}

#preisinfo .preis_mwst {
	display: none;
}

.warenkorb {
	position:relative;
}
.headline_warenkorb_icon {
	left:0;
}
#headline_warenkorb_anzahl {
	position: relative;
	display: block;
    top: -35px;
    color: #000;
    font-size: 12px;
    left: 30px;
}

.card {
	margin-bottom: 10px;
}

.card-header {
	border-radius: 0px;
	border: 2px solid;
	border-color: var(--accordion_card);
	background-color: var(--accordion_card);
}
#made_to_measure_page .card-header {
	border-color: var(--linien);
	border-radius: 5px;
}
.card-header:hover, #made_to_measure_page .card-header:hover,
.card-header.hover, #made_to_measure_page .card-header.hover {
	border-color: var(--accordion_card_hover);
	background-color:var(--accordion_card_hover);	
}
.card-header.active, #made_to_measure_page .card-header.active {
	border-color: var(--accordion_card_active);
	background-color:var(--accordion_card_active);
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}
.accordion_header a {
	padding: 5px 40px 5px 13px;
}
.accordion_header a:after {
	position: absolute;
	display: flex;
    justify-content: center;
    align-items: center;
	font-family: 'Font Awesome 5 solid';
    font-size: 20px;
	content: '\f078';
    height: 36px;
    width: 36px;
    top: 0px;
    right: 10px;
    cursor: pointer;
}
.accordion_header.active a[aria-expanded=true]:after, .accordion_header.active a:not(.collapsed):after{
	content: '\f077';
}

div.auswahl_scrollbox {
	font-family: 'Montserrat', sans-serif;
}

.font-weight-bold {
	font-family: 'Montserrat-bold', sans-serif;
}

#modellauswahl.auswahl_scrollbox {
	margin: 15px -10px -5px -10px;
}
.modellauswahl_text.artikelinfo {
    display: grid;
    align-items: end;
    justify-content: end;
    flex: auto;
}
.modellauswahl_text {
	color: var(--textfarbe);
	margin-bottom: 0;
}
.modellauswahl_text:after {
    background-color: var(--linien);
    content: '';
    width: 100%;
    height: 1px;
    display: block;
    margin-top: 0.5rem;
}
.modellauswahl_text:last-child:after {
	display: none;
}
.modellauswahl_text ul {
	list-style-type: disc;
	padding-left: 20px;
}
#modellauswahl ul.auswahl {
	display: flex;
    flex-wrap: wrap;
    align-items: stretch;
}
#modellauswahl li.auswahl, #kategorieauswahl li.auswahl {
	display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
    width: 100%;
    max-width: calc(33% - 20px);
    margin: 0 10px 20px 10px;
    /*border: 2px solid var(--hintergrund);*/
    border: 0;
    border-radius: 0;
    background-color: var(--hintergrund);
    font-size: 16px;
    font-weight: 400;
    box-shadow: var(--box-shadow);
}
#modellauswahl li.auswahl.aktiv, #modellauswahl li.auswahl.selrahmen, #kategorieauswahl li.auswahl.aktiv, #kategorieauswahl li.auswahl.selrahmen {
	border-color: var(--aktivfarbe);
}

#modellauswahl .auswahl_rahmen, #kategorieauswahl .auswahl_rahmen {
    width: 100%;
    height: 100%;
    padding: 0;
}
#modellauswahl li.auswahl > a {
    padding: 0;
    margin: 0;
}
.modellauswahl_bild {
	position: relative;
    width: 100%;
    height: 200px;
}

li.auswahl.card .modellauswahl_text li {
	margin: 0 0 3px 0;
    line-height: normal;
}

.text_klein {
	font-size: 12px;
	font-weight: lighter;
}

#filter_muster_form, #filter_muster_form2 {
	margin-right: 0;
    margin-left: 0;
    justify-content: space-between;
    margin-top: -50px;
}
#dropdown_gruppe {
	margin-bottom: 20px;
}
#filter_muster_form a.dropdown-toggle, #filter_muster_form2 a.dropdown-toggle,
#dropdown_gruppe a.dropdown-toggle {
	margin-bottom:0;
}

#filter_muster_form .dropdown a.custom-select, #filter_muster_form2 .dropdown a.custom-select,
#dropdown_gruppe.dropdown a.custom-select {
	display: flex;
    justify-content: flex-start;
    align-items: center;
	font-size: 14px;
	height: 40px;
    padding: 0 10px !important;
    color: var(--textfarbe);
}

#filter_muster_form .filter_dropdown, #filter_muster_form2 .filter_dropdown {
	width: 100%;
	max-width: calc(33% - 10px);
    flex: auto;
    font-size: 14px;
	padding: 0;
	margin: 0 !important;
    margin-right: 0px !important;
    margin-bottom: 10px !important;
}
#dropdown_gruppe.filter_dropdown {
	width: 100%;
	max-width: 100%;
    flex: auto;
    font-size: 14px;
	padding: 0;
	margin: 0 10px 20px 10px;
}
#filter_muster_form select.direktauswahl, #filter_muster_form2 select.direktauswahl {
	width: 100%;
	max-width: calc(33% - 10px);
	height: 40px;
    flex: auto;
    font-size: 14px;
    margin-top: 0 !important;
	margin-left: 0;
    margin-right: 0px;
    margin-bottom: 10px !important;
}
#filter_muster_form input.suchen_button, #filter_muster_form2 input.suchen_button {
	width: 100%;
    min-width: calc(33% - 10px);
    max-width: calc(33% - 10px);
    min-height: unset;
	margin-top:0 !important;
	margin-left: 0;
    margin-right: 0px;
    margin-bottom: 10px !important;
    padding: 0;
}

#filter_muster_form .custom-select, #filter_muster_form2 .custom-select, #dropdown_gruppe .custom-select {
	font-size: 18px;
}

#s_farbthema + .filter_dropdown {
	margin-left: calc(33% + 10px) !important;
}

.cursor-pointer {
	cursor: pointer;
}

#schnell_artikel{
	width: calc(33% - 10px);
	margin-bottom: 10px;
}

#ul_artikel_auswahl{
	display: flex;
    flex-wrap: wrap;
}

#info_popup .modal-dialog {
	min-width: 60%;
	box-shadow: rgba(7, 15, 36, 0.4) 0px 0px 60px -10px;
	display: inline-flex;
}
.modal-header{
	background-color: var(--hintergrund);
	border-color: var(--linien);
	height: auto;
    padding: 0px 20px;
    margin-top: 0.5rem;
}
.modal-header .close {
	display: flex;
	margin: 0;
    padding: 0;
    font-size: 36px;
    justify-content: center;
    align-items: center;
    flex-direction: row-reverse;
    outline: none;
}
.modal-header .close span {
    padding: 0;
    outline: none;
}
#info_titel {
	height: auto;
	padding-top: 0px;
	font-weight: normal;
}
#info_titel h1 {
	font-size: 20px;
}
.modal-title{
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}

#info_popup .modal-body {
	/*min-height: 60vh;*/
	padding: 0;
	overflow: auto;
}

/*Buttons im Dialog */
#info_menu li a{
	align-content: center;
}
#info_menu li.info_menu_links a, #info_menu div.dropdown.info_menu_links > a {
	display: flex;
    justify-content: center;
    align-items: center;
	height: 50px;
	color: #000000;
	border: 2px solid #000000;
	background-color: var(--hintergrund);
}
#info_menu li.info_menu_links a:hover, #info_menu li.info_menu_links a.hover,
#info_menu div.dropdown.info_menu_links > a:hover, #info_menu div.dropdown.info_menu_links > a.hover {
	color: #000000;
	border-color: #000000;
	background-color: var(--hintergrund_grau);
}
#info_menu li.info_menu_links.sel a {
	color: #000000;
	border-color: #000000;
	background-color: var(--sekundaerfarbe_hg);
}

#info_menu li.sel a{
	background-color:var(--accordion_card_active);
}
#info_menu li a span{
	height:auto;
}
.dropdown-toggle::after {
	border: 0;
}
.dropdown.info_menu_links .dropdown-toggle::after {
    right: 20px;
    position: absolute;
    margin: 0;
    padding: 0;
    content: '\f078';
    font-family: 'Font Awesome 5 solid';
    border: 0;
    font-size: 16px;
}
.dropdown-item.sel {
    font-family: 'Montserrat-bold';
}


#ModalLabel img{
	display:none; /*ohne Logo*/
}

/*Konfig-Seite*/

.switch-button-label{
	line-height: 26px;
}

.vermassung_content{
	padding-right: 47px;/*kein Text unterm (i)*/
}

#info_info {
	padding: 20px;
	max-width: 1425px;
}
#info_info .inhalt {
	padding:0;
}
#info_info .inhalt.beschreibung, #info_info .inhalt.konstruktion {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-evenly;
	align-items: flex-start;
}
#info_info .inhalt.eigenschaften, #info_info .inhalt.pflegehinweise {
	display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

#info_info .inhalt.musterinfo .musteranzeige {
	width: 280px;
    height: 280px;
	margin: 16px 20px 20px 0;
}

.modell_beschreibung {
	font-size: 14px;
	font-weight: normal;
	color: var(--textfarbe);
	max-width: unset;
}
.modell_beschreibung h2 {
    color: var(--textfarbe);
    font-size: 24px;
    font-family: 'Montserrat', sans-serif;
}

#info_info .inhalt table td {
	vertical-align: middle;
}

#aktuelle_auswahl {
	z-index: 1; /*läuft sonst mit Footer ineinander, nach klick auf "Maß bestätigen"*/
	color: #000000;
	background-color: var(--hintergrund_highlight);
	top: 80px;
	max-width: 500px;
	margin: auto;
	border-radius: 5px;
}
.mass_error_configured {
	padding: 5px 0;
	color: var(--errorfarbe);
	line-height: normal;
}

.shadow-lg{
	box-shadow: 0 1px 10px rgba(0, 0, 0, .05) !important;
}

.highlights {
    width: 100%;
    padding: 30px 0;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

b, .boxbutton, .highlights h5, .produktkategorienkacheln h4 {
    font-family: 'Montserrat-bold', sans-serif;
    font-weight: 700;
}
.highlights h5 {
    text-align: left;
    font-size: 20px;
    margin: 15px 0;
}

/*Warenkorb
	Aufgabe für Marvin: auf dem accordion auch Klassen für offen/geschlossen auf den Hauptelementen wie bei Konfigurieren setzen
*/

.container.warenkorb h5 a{
	/*background-color: var(--accordion_card_active);*/
}
.container.warenkorb h5 a.collapsed{
	/*background-color: transparent;*/
}

.container.warenkorb h5 a i.fas{
	display: none;
}

.gesamtbetrag {
	font-family: 'Montserrat-bold';
    font-weight: normal;
	font-size: 16px;
	background-color:var(--sekundaerfarbe);
}
.gesamtbetrag .links {
	text-transform: uppercase;
}
.wk_hinweis {
	background-color:var(--sekundaerfarbe);
}

#aktuelle_auswahl_text .fa-shopping-cart{
	display:none;
}

#accordion .collapse#collapsebestellung{
	padding: 15px;
}

.musterbestellung {
	display: flex;
    flex-direction: row-reverse;
    background-repeat: no-repeat;
    background-position-x: left;
    background-position-y: center;
    background-size: 50%;
}
.musterbild {
    min-height: 150px;
    background-repeat: no-repeat;
    background-position: center;
}
.mustertext {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}
.mustertext h2 {
	padding: 0 10px;
}

.vierschritteinfos {
    width: 100%;
    padding-top: 55px;
    padding-bottom: 86px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.vierschritteinfos h2 {
    margin: 0;
    margin-bottom: 20px;
    padding: 0 10px;
}
.schritte_dropdown {
    margin-left: 12px;
    background-color: var(--hintergrund);
    justify-content: space-evenly;
    padding: 0 22px;
    border-radius: 5px;
}
.schritte_dropdown_button {
	font-weight: normal;
    color: var(--boxbutton_color);
    text-decoration: none;
    padding: 11px 17px;
    /*border-bottom: 1px solid var(--hintergrund_highlight);*/
    display: flex;
    justify-content: space-between;
    cursor: pointer;
}
span.schritte_dropdown_button:last-child, .schritte_dropdown .card:last-child {
    border-bottom: 0;
}
span.schritte_dropdown_button:after {
    font-family: 'Font Awesome 5 solid';
    font-size: 16px;
    font-weight: 900;
    content: '\f078';
    color: var(--textfarbe);
}
span.schritte_dropdown_button:after {
    font-family: 'Font Awesome 5 solid';
    font-size: 16px;
    font-weight: 900;
    color: var(--textfarbe);
}
span.schritte_dropdown_button:after {
	content: '\f077';
}
span.schritte_dropdown_button.collapsed:after {
	content: '\f078';
}

.schritte_dropdown .card {
	border: 0;
	margin-bottom: 0;
	border-radius: 0;
	border-bottom: 1px solid var(--hintergrund_highlight);
}
.schritte_dropdown .card .collapse, .schritte_dropdown .card .collapsing {
	border-radius: 0;
	border-top: 1px solid var(--hintergrund_highlight);
}
.schritte_dropdown .card-body {
	font-size: 14px;
	cursor: auto;
}

.agb_dsb_content ol > li {
    margin-bottom: 1rem;
}

.ausrufezeichen {
	padding: 0 5px;
}

ul.horizontal_ul {
	display: block;
}
div.userBediener {
	background-color: var(--hintergrund_grau);
	padding: 0;
	display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: space-around;
}

.pre-scrollable {
	max-height: 340px;
    overflow-y: auto;
    margin-right: -14px;
    padding-right: 14px;
}
.trennstreifen {
	display: block;
    width: 100%;
    height: 1px;
    content: '';
    background-color: var(--linien);
    margin-bottom: 10px;
}
#erweiterte_suche {
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
	border-bottom: 1px solid var(--linien);
}
#anzahl_muster_anzeige, #hinweis_muster_anzeige {
	padding: 0 0 10px 0;
}

#auswahl_muster #button_background_container, 
#auswahl_muster1 #button_background_container, 
#auswahl_muster2 #button_background_container {
    height: 70px;
    padding: 10px;
    background-color: var(--hintergrund_grau);
	box-shadow: #00000050 0 -10px 20px -15px;
	top: auto;
	bottom: auto;
	display: none !important;
}
#button_background_container #weiter_button_vermassung {
	display: flex;
    justify-content: center;
    width: 100%;
    max-width: 100%;
    margin-top: 0px;
    margin-left: unset;
    padding: 0;
    border: 0px;
}
#button_background {
	display: flex;
    justify-content: space-around;
}

#gutschein_form .row {
    align-items: center;
    justify-content: center;
}

#eingabe_agb a.open_overlay {
	font-weight: normal;
    font-family: 'Montserrat', sans-serif;
    text-align: left;
    text-transform: none;
    text-decoration: underline;
    height: auto;
    min-height: unset;
    max-width: unset;
    padding: 5px 0 0 0;
    border: none;
    color: var(--textfarbe);
    background: none;
}
#eingabe_agb a.open_overlay:hover, #eingabe_agb a.open_overlay.hover {
	color: var(--aktivfarbe);
}
.container.warenkorb input[type=checkbox] {
    display: inline-flex;
    width: 22px !important;
    margin-right: 10px;
}
.table-striped tbody tr:nth-of-type(odd) {
	background-color: unset;
}

.form-control {
	height: 40px;
}
.warenkorb_position_anzahl_form {
    display: flex;
    align-items: center;
}
#gutscheine, #warenkorb_save {
	font-size: 16px;
    padding: 20px 0 10px 0;
    color: var(--textfarbe);
    border-top: 1px solid var(--sekundaerfarbe_hg_hover);
    background-color: var(--hintergrund_highlight);
}
#gutschein_form {
    padding: 10px 0 0 0;
}
#musterversand {
	max-width: 1350px;
	margin: 0 0 40px 0;
}
#musterversand ul.container {
	margin-top: 20px;
}
#musterversand li.auswahl {
	position: relative;
	width: 150px;
	height: auto;
	margin: 0 20px 20px 0;
    background-color: var(--hintergrund);
    border: 0;
	box-shadow: var(--box-shadow);
}
#musterversand span.auswahl_rahmen {
	width: 150px;
	height: 150px;
}
#musterversand span.artikelname {
	display: block;
	padding: 10px;
}
#musterversand span.muster_entfernen {
	position: absolute;
    width: 30px !important;
    height: 30px;
    padding: 0;
    margin: 0;
    min-height: unset;
    right: 0px;
    top: 0px;
}

table.preisprotokoll {
    margin: 0;
}
table.preisprotokoll tr {
    font-size: 14px;
}
table.preisprotokoll th {
	text-align: left;
    text-transform: uppercase;
    font-weight: normal;
    font-size: 20px;
    display: none;
}
#modellinfo #alle_masse_anzeigen-1 > br {
	display: none;
}

/*loginpage
	TODO: p statt div und span für Texte verwenden
*/
#login_page form{
	margin-top:20px;
}

#login_page #anmeldung_button{
	height: auto;
	min-width: 240px;
}

#login_page .formError{
	margin-top: 10px;
    display: block;
}

.anmeldung_merken {
    position: relative;
    font-size: 14px;
    cursor: pointer;
    top: 2px;
    left: 5px;
    height: 22px;
    vertical-align: middle;
    align-content: center;
    padding-left: 5px;
}

.ajaxLoading {
    background-image: url('../pic/mandant68/ajax-loader.svg');
}

#filter_muster_form select, #filter_muster_form button, #filter_muster_form a,
#filter_muster_form2 select, #filter_muster_form2 button, #filter_muster_form2 a,
#dropdown_gruppe a {
	color: var(--textfarbe);
	border-color: var(--linien);
}
#filter_muster_form a.dropdown-item, #filter_muster_form a.dropdown-item:link, #filter_muster_form a.dropdown-item:visited,
#filter_muster_form2 a.dropdown-item, #filter_muster_form2 a.dropdown-item:link, #filter_muster_form2 a.dropdown-item:visited,
#dropdown_gruppe a.dropdown-item, #dropdown_gruppe a.dropdown-item:link, #dropdown_gruppe a.dropdown-item:visited {
    text-align: left;
    height: 38px;
    padding: 0;
    margin-bottom: 7px;
}
#filter_muster_form a.dropdown-item:first-of-type, #filter_muster_form2 a.dropdown-item:first-of-type {
    margin-top: 7px;
}
#filter_muster_form .dropdown-menu li a span.text, #filter_muster_form2 .dropdown-menu li a span.text,
#dropdown_gruppe .dropdown-menu li a span.text {
    display: flex;
    align-items: center;
    font-size: 16px;
    height: 33px;
    margin-right: 34px;
}
#filter_muster_form .dropdown-menu a.dropdown-item .filter_muster_color, #filter_muster_form2 .dropdown-menu a.dropdown-item .filter_muster_color {
    width: 25px;
    height: 25px;
    float: left;
    margin: 0px 10px 0 0;
    position: relative;
    border: 1px solid black;
}
.custom-select button.dropdown-toggle, .custom-select button.dropdown-toggle.focus, .custom-select button.dropdown-toggle:focus,
.custom-select button.dropdown-toggle.active, .custom-select button.dropdown-toggle:active {
	font-family: 'Montserrat', sans-serif;
	font-weight: normal;
	text-transform: unset;
	height: 40px;
	max-height: 40px;
    min-height: unset;
	border: 0 !important;
	border-radius: 5px;
	outline: 0 !important;
	padding: 0 10px !important;
	display: flex;
    align-content: center;
    align-items: center;
}
.custom-select button.dropdown-toggle .filter-option {
    display: flex;
    align-items: center;
    height: 40px;
    max-height: 40px;
}
.custom-select button.dropdown-toggle .filter-option-inner {
	height: 40px;
}
.custom-select button.dropdown-toggle .filter-option-inner-inner {
    display: flex;
    align-items: center;
    height: 40px;
}
#filter_muster_form div.dropdown a.dropdown-toggle:before, .custom-select button.dropdown-toggle:before,
#filter_muster_form2 div.dropdown a.dropdown-toggle:before, .custom-select button.dropdown-toggle:before {
	visibility: visible;
	content: "\f53f";
	font-family: "Font Awesome 5 solid";
 	font-weight:900;
	font-size: 16px;
   	font-style: normal;
    font-variant: normal;
    padding-right: 10px;
    color: var(--placeholderfarbe);
}
#filter_muster_form div.dropdown:nth-of-type(2) a.dropdown-toggle:before,
#filter_muster_form2 div.dropdown:nth-of-type(2) a.dropdown-toggle:before {
	content: "\f042" !important;
}
#dropdown_gruppe a.dropdown-toggle:before {
	visibility: visible;
	content: "\f0b0";
	font-family: "Font Awesome 5 solid";
 	font-weight:900;
	font-size: 16px;
   	font-style: normal;
    font-variant: normal;
    padding-right: 10px;
    color: var(--placeholderfarbe);
}
#dropdown_gruppe a.dropdown-toggle {
	overflow: visible;
	max-width: calc(33.33333% - 15px);
}
#dropdown_gruppe div.dropdown:nth-of-type(2) a.dropdown-toggle:before {
	content: "\f0b0" !important;
}

.select-group {
    width: calc(33% - 10px);
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}
.select-group .select-group-prepend {
	position: relative;
	display: grid;
	height: 40px;
	width: 40px;
	min-width: 40px;
	left: 0px;
	z-index: 5;
	border: 1px solid var(--linien);
    border-right: 0;
    border-radius: 5px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    background-color: var(--hintergrund);
}
#filter_muster_form .select-group select.direktauswahl,
#filter_muster_form2 .select-group select.direktauswahl {
	max-width: 100%;
	padding-left: 10px;
	margin-left: -10px;
}
#filter_muster_form .select-group select.direktauswahl:focus,
#filter_muster_form2 .select-group select.direktauswahl:focus {
	box-shadow: unset;
}
.select-group .select-group-prepend .select-group-icon {
    background-color: unset;
    height: 40px;
    padding: 0 10px;
    border: 0;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.select-group .select-group-prepend .select-group-icon:before {
	visibility: visible;
	font-family: "Font Awesome 5 solid";
 	font-weight:900;
	font-size: 14px;
   	font-style: normal;
    font-variant: normal;
    content: "\f0b0";
    color: var(--placeholderfarbe);
}
#select-group-preisgruppe .select-group-prepend .select-group-icon:before {
	content: "\f02c";
}
#select-group-rueckseite .select-group-prepend .select-group-icon:before {
	content: "\f0c8";
}
#select-group-bildschirmGeeignet .select-group-prepend .select-group-icon:before {
	content: "\f108";
}
#select-group-schwerEntflammbar .select-group-prepend .select-group-icon:before {
	content: "\f2c8";
}
#select-group-lichtecht .select-group-prepend .select-group-icon:before {
	content: "\f185";
}
#select-group-waschbar .select-group-prepend .select-group-icon:before {
	content: "\e06e";
}
#select-group-feuchtraumGeeignet .select-group-prepend .select-group-icon:before {
	content: "\f773";
}

#vermassung_submit_button {
    margin: 10px 0;
}
#weiter_button_vermassung, #weiter_button_zubehoer, #zurueck_button_modell, #button_musterversand {
	margin-top: 0;
}
.muster_hinweis {
	padding: 20px 0 0 0;
}

.dropdown a.custom-select .filter_muster_color {
	display: none;
}

img.paket_bild {
    padding: 2px 10px;
    margin: 0;
    width: auto;
    height: 65px;
}
table.table_mass th {
	background-color: #d1d2d2;
	border-bottom: 1px solid var(--linien);
}
table.table_mass tr {
	border-bottom: 1px solid var(--linien);
}
table.table_mass tr:last-of-type {
	border-bottom: 0;
}
table.table_mass td {
	padding: 2px 10px 2px 0;
}

table.paket_bilder {
	width: 100%;
}
table.paket_bilder tbody {
	display: flex;
    flex-direction: row;
}
table.paket_bilder tbody tr {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    border-left: 1px solid var(--linien);
}
table.paket_bilder tbody tr:first-of-type {
	border-left: 0;
}
table.paket_bilder tbody tr.paket_bilder td:nth-of-type(2n - 1) {
	border: 0;
	border-top: 1px solid var(--linien);
}
table.paket_bilder tbody tr.paket_bilder td:first-of-type {
	border-top: 0;
}
table.paket_bilder tbody td {
	flex: 1 1 auto;
    display: flex;
    align-items: center;
    vertical-align: middle;
    padding: 2px 5px;
    border-bottom: 1px solid var(--linien);
    width: -webkit-fill-available;
}
table.paket_bilder tbody td:nth-of-type(2n) {
	border-bottom: 0;
}
.modell_beschreibung h6, .modell_beschreibung > br + b {
	margin: 0;
    padding: 0;
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    font-weight: normal;
    text-transform: uppercase;
    margin-bottom: 15px;
}
.modell_beschreibung > br + b {
	display: block;
}
.modell_beschreibung > br + b + br {
	display: none;
}
.modellinfo_masswertlist + br {
    display: none;
}

.info_beschreibung h2, #info_info .inhalt h2 {
	font-size: 24px;
}
.download a {
    text-decoration: underline;
}

.dropdown.info_menu_links .dropdown-menu {
	position: fixed !important;
    z-index: 100000;
	top: 0px !important;
    right: auto;
    bottom: auto;
    left: 50% !important;
    transform: translate(-100%, 165px) !important;
}

.warenkorb_position_element {
	line-height: normal;
	margin-top: 5px;
}
form input.anzahl {
    width: 60px !important;
    margin: 0px;
}
.input-group-prepend button, .input-group-append button {
    font-family: 'Montserrat';
    font-weight: normal;
	height: 40px;
	min-height: unset;
    width: 40px;
    min-width: unset !important;
    padding: 0px;
    color: var(--textfarbe);
    border: 1px solid var(--linien);
    background-color: var(--hintergrund);
}
.input-group-prepend button:hover, .input-group-append button:hover,
.input-group-prepend button.hover, .input-group-append button.hover {
	color: var(--textfarbe);
	border: 1px solid var(--linien);
	background-color: var(--hintergrund_grau);
}
.warenkorb_position_element span.preisgruppe {
	font-size: 14px;
	font-weight: normal;
	color: var(--textfarbe);
}
.warenkorb_einzelpreis, .warenkorb_gesamtpreis {
	font-family: 'Montserrat-bold', sans-serif;
	font-weight: normal;
	font-size: 16px;
}
.warenkorb_einzelpreis.mit_gesamtpreis {
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
}

a.wk_loeschen_button {
    padding-left: 35px;
    max-width: 500px;
}
a.wk_loeschen_button:before {
	position: absolute;
    content: '\f1f8';
    font-family: 'Font Awesome 5 solid';
    top: 0px;
    left: 35px;
    height: 100%;
    align-content: center;
}
a.wk_aendern_button {
    padding-left: 35px;
    max-width: 500px;
}
a.wk_aendern_button:before {
	position: absolute;
    content: '\f5ae';
    font-family: 'Font Awesome 5 solid';
    top: 0px;
    left: 35px;
    height: 100%;
    align-content: center;
}
.wk_kundendaten_button {
    text-align: right;
}

#auswahl_login, #auswahl_neukunde, #auswahl_gast {
	display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin: 20px 0 0;
}
.kundendaten_beschreibung {
	width: 100%;
	float: unset;
}
.kundendaten_content {
	width: auto;
	float: unset;
}

#zahlungsart .kundendaten_beschreibung {
    display: flex;
    flex-direction: column;
}
#zahlungsart .zahlungsart {
	width: auto;
    height: 55px;
    padding-top: 55px;
    margin-right: 10px;
    margin-bottom: 10px;
    background-position: top left;
}
.zahlungsart_beschreibung {
    font-size: 14px;
    line-height: normal;
    padding: 10px 0;
}

#hinweis_warenkorb, #hinweis_merkliste, #hinweis_preisaktualisierung {
	border: 0;
	padding-bottom: 10px !important;
}
#accordion .collapse#collapsebestellung #hinweis_warenkorb {
    padding: inherit;
}
table.wk_uebersicht td.gruppe, table.wk_uebersicht td.untergruppe {
	display: none;
}

tr.sel_hintergrund.gesamtbetrag {
	background-color: var(--hintergrund_highlight);
}
#auswahl_bestellung tr.sel_hintergrund.gesamtbetrag b {
	font-size: 16px;
	font-family: 'Montserrat-bold', sans-serif;
	text-transform: uppercase;
}
#auswahl_bestellung table tr.sel_hintergrund.gesamtbetrag .alignright {
	font-size: 16px;
	font-family: 'Montserrat-bold', sans-serif;
}
td.wk_uebersicht_modellinfo_td {
    padding: 10px 0 0 10px;
}
.extra_hintergrund_bottom {
	background-color: unset;
}

#paypal-button-container {
    max-width: 500px;
    margin: auto;
}

table.wk_uebersicht {
	table-layout: fixed;
}
#wk_rechnung, #wk_liefer, #wk_adresse, .wk_hinweis {
	width: calc(50% - 10px);
    max-width: 50%;
    margin: 10px 8px 10px 0px;
    vertical-align: top;
}
.wk_hinweis { 
	margin: 10px 0px 10px 8px;
}
.anschrift_kopf {
	font-size: 16px;
	margin: 0;
}
#fertigungshinweis {
    margin-top: 18px;
}

#gesamt_back a.btn-block {
	width: fit-content;
	max-width: 100%;
	margin: auto;
}

.wk_print_button, .wk_erfassung_button {
	display: none;
}

.warenkorb_position_raumbild {
    display: flex;
    justify-content: center;
    margin: 10px 0;
}
.warenkorb_position_raumbild img {
    margin: 0 10px;
    max-width: 30%;
}
#hinweis_lieferlaender, #hinweis_zahlungsarten {
    font-size: 14px;
    display: flex;
    flex-wrap: wrap;
}

#auswahl_positionen {
	font-size: 14px;
}
#auswahl_positionen .no_print b {
	font-size: 16px;
}
#gesamt_positionen {
	font-size: 14px;
}


.minScreenResolution.profil {
	background-color: var(--hintergrund_grau);
}
#menu {
	max-width: 1425px;
	margin: 30px auto -2px auto;
}
#static_info {
	background-color: unset;
	min-height: 50vh;
}
#static_info.profil .infotext {
	max-width: 1425px;
    width: 100%;
    margin: auto;
    margin-bottom: 40px;
    border: 2px solid var(--linien);
    box-shadow: var(--box-shadow);
}
#static_info .daten .border {
	border: 0 !important;
	padding: 0;
}
.col.adresse_mp {
	padding: 10px;
	border-bottom: 1px solid var(--linien);
}
.col.adresse_mp:first-of-type {
	border-right: 1px solid var(--linien);
}
div.menu_konfig a.menu_konfig {
	font-size: 18px;
    text-transform: uppercase;
	border: 2px solid var(--linien);
}
div.menu_konfig a.menu_konfig:hover, div.menu_konfig a.menu_konfig.hover {
	color: var(--textfarbe_grau);
	background-color: var(--hintergrund);
}
div.menu_konfig a.menu_konfig.selcolor {
	border-bottom: 0;
	color: var(--aktivfarbe);
}
div.menu_konfig a.menu_konfig b {
	font-family: 'Montserrat', sans-serif;
	font-weight: normal;
}
#static_info .daten #mp_password {
	padding: 10px;
	border-right: 1px solid var(--linien) !important;
	border-bottom: 1px solid var(--linien) !important;
}
#passwort_change_box label {
	margin-top: 1rem;
	margin-bottom: 0;
}
#wk_finish {
	border: 0;
	background-color: var(--hintergrund_highlight);
}
#wk_finish .hr {
    height: 1px;
    width: 100%;
    background-color: var(--sekundaerfarbe_hg_hover);
    margin: 10px 0;
}
#final_message {
	font-weight: normal;
}
#positionsinfo {
	border: 0;
	padding: 0;
}

#raumbild {
	position: relative;
	width: auto;
	height: 395px;
	background-image: url('../pic/mandant68/ajax-loader-spinning.svg');
	background-repeat: no-repeat;
    background-position: center center;
    background-color: var(--hintergrund_grau);
}
#raumbild img {
	position: relative;
	height: 100%;
    width: 100%;
    object-fit: cover;
}
.raumbild_webgl {
    height: 400px;
}
#oeffnung_animate {
	position: absolute;
	left: 10px;
    bottom: 0px;
}
a.webgl_animate, a.webgl_maximize {
    display: flex;
    width: 40px;
    height: 40px;
    color: var(--textfarbe);
    opacity: 0.5;
}
a.webgl_animate:hover, a.webgl_animate.hover {
	opacity: 1;
}
a.webgl_animate:after {
    content: '\f2d2';
    font-family: 'Font Awesome 5 solid';
    font-size: 24px;
}
.webgl_animate img {
	display: none;
}
#oeffnung_maximize {
    position: absolute;
    top: 10px;
    left: 10px;
}
a.webgl_maximize:hover, a.webgl_maximize.hover {
	opacity: 1;
}
a.webgl_maximize i {
	font-size: 28px;
}
a.webgl_maximize i:before {
	content: '\f065';
}
#oeffnung_animate.selektion, #oeffnung_maximize.selektion {
	border: 0;
}

input[type="range"] {
	accent-color: #888888;
	cursor: grab;
	background: none;
  	border: 0;
  	-webkit-appearance: slider-vertical;
}
.slider {
	/*height: calc(100% - 10px);*/
  	top: 0;
  	flex: 1 1 calc(33% - 20px);
  	writing-mode: vertical-lr;
    direction: rtl;
    margin: 10px 0;
}
input[type="range"]::-webkit-slider-runnable-track, input[type="range"]::-moz-range-track {
	cursor: grab;
	background-color: var(--hintergrund);
	height: 100%;
	width: 5px;
	border: 1px solid var(--linien);
	appearance: none;
}
input[type="range"]::-webkit-slider-thumb, input[type="range"]::-moz-range-thumb {
	z-index: 10;
	cursor: grabbing;
	width: 20px;
	height: 10px;
	border: 1px solid var(--linien);
	border-radius: 2px;
	background-color: var(--hintergrund);
	box-shadow: rgba(14, 63, 126, 0.06) 0px 0px 0px 1px,
				 rgba(42, 51, 70, 0.03) 0px 1px 1px -0.5px,
				 rgba(42, 51, 70, 0.04) 0px 2px 2px -1px,
				 rgba(42, 51, 70, 0.04) 0px 3px 3px -1.5px,
				 rgba(42, 51, 70, 0.03) 0px 5px 5px -2.5px,
				 rgba(42, 51, 70, 0.03) 0px 10px 10px -5px,
				 rgba(42, 51, 70, 0.03) 0px 24px 24px -8px;
}
input#Slider1 {
	order: 1;
}
input#Slider2 {
	order: 3;
}
input#Slider3 {
    order: 2;
}

.aktuelle_auswahl_toggle {
    position: absolute;
    top: 0;
    right: 0;
    transform: translateX(100%);
    width: auto;
    height: auto;
    padding: 5px 15px;
    background-color: var(--primaerfarbe_hg);
    color: var(--primaerfarbe_text);
    box-shadow: var(--box-shadow_kachel);
    cursor: pointer;
}
.aktuelle_auswahl_toggle div {
	color: var(--primaerfarbe_text);
}
.aktuelle_auswahl_toggle:hover, .aktuelle_auswahl_toggle.hover,
.aktuelle_auswahl_toggle:hover div, .aktuelle_auswahl_toggle.hover div {
	background-color: var(--primaerfarbe_hg_hover);
    color: var(--primaerfarbe_text_hover);
}
.toggle_icon {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: auto;
    width: auto;
}
.toggle_icon:before {
	content: '\f054';
	font-family: 'Font Awesome 5 solid';
	font-size: 30px;
	color: var(--primaerfarbe_text);
}
#aktuelle_auswahl.slidein .toggle_icon {
	width: 25px;
	height: 48px;
}
#aktuelle_auswahl.slidein .toggle_icon:before {
	content: '\f053';
}
#aktuelle_auswahl.slidein .toggle_text {
	display: none;
}
.aktuelle_auswahl_toggle .ajaxLoading {
	position: absolute;
    width: 48px;
    height: 48px;
    top: 5px;
    right: -53px;
    left: unset;
    background-image: url(../pic/mandant68/ajax-loader-spinning.svg);
    background-repeat: no-repeat;
    background-size: 48px;
    background-color: unset;
}
.toggle_text {
    padding-left: 15px;
}
.aktuelle_auswahl_toggle #preis_bereich {
	font-family: 'Montserrat-bold', sans-serif;
	font-weight: normal;
}
.aktuelle_auswahl_toggle .preis_mwst {
	display: none;
}
#raumbildPopup {
	display: none;
}

.mass_input_error + label.input_label {
	display: flex;
	align-items: center;
}

#usp {
	background-color: var(--highlightfarbe);
	color: #ffffff;
}
#usp * {
	color: #ffffff;
}
#usp h5 {
	font-size: 18px;
}
#usp span {
	font-size: 15px;
}

.icon_versand,.icon_zahlung,.icon_mass,.icon_quali{
	position:relative;
	display: block;
    width: auto;
    height: 40px;
    /*border-radius: 80px;
    background-color: #fff;*/
	margin: auto;
	background-repeat: no-repeat;
}
/*
.icon_versand:before,.icon_zahlung:before,.icon_mass:before,.icon_quali:before{
	content:"";
	width: 50px;
    height: 50px;
    position: absolute;
    left: 0;
	top: -1px;
    transform: scale(0.86);
    transform-origin: top;
    background-size: 50px 50px;
}
*/
.icon_versand {
	background-image: url('../pic/mandant68/usp_transport.svg');
	background-position: -115px 0px;
}
.icon_zahlung {
	background-image: url('../pic/mandant68/usp_pay.svg');
	background-position: 5px 0px;
}
.icon_mass {
	background-image: url('../pic/mandant68/usp_mass.svg');
	background-position: -190px 0px;
}
.icon_quali {
	 background-image: url('../pic/mandant68/usp_qualitaet.svg');
	 background-position: -60px 0px;
}
#vorteileCarouselIndicators {
	text-align: center;
}
#vorteileCarouselIndicators .carousel-indicators {
	margin-bottom: 0px;
}
#vorteileCarouselIndicators .carousel-item {
	min-height: 200px;
}
#vorteileCarouselIndicators .carousel-item p {
	width: 80%;
	margin: auto;
}
#vorteileCarouselIndicators .carousel-control-prev, #vorteileCarouselIndicators .carousel-control-next {
	display: none;
}

.carousel-control-prev, .carousel-control-next {
	max-width: 50px;
	height: 100px;
	opacity: .8;
	top: unset;
	bottom: 0px;
}
.carousel-control-prev {
	left: unset;
	right: 160px;
}
.carousel-control-next {
    right: 80px;
}
.carousel-control-prev-icon, .carousel-control-next-icon {
	width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 2px solid #ffffff;
    border-radius: 50px;
    background-image: none;
}
.carousel-control-prev-icon:after {
	content: '\f053';
    font-family: 'Font Awesome 5 solid';
    font-size: 20px;
    color: #fff;
    opacity: 1;
}
.carousel-control-next-icon:after {
	content: '\f054';
    font-family: 'Font Awesome 5 solid';
    font-size: 20px;
    color: #fff;
    opacity: 1;
}

div.produktkategorienkachel {
    cursor: pointer;
}
div.produktkategorienkachel > div::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.6);
	border-radius: 5px;
	transition: all 0.25s linear 0s;
	-webkit-transition: all 0.25s linear 0s;
}
div.produktkategorienkachel > div {
	text-decoration: none;
	width: 100%;
	height: 440px;
	background-color: #fff;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	border-radius: 5px;
	position: relative;
	margin-bottom: 30px;
	background-size: cover;
	padding: 0 10px;
	border-width: 2px;
	border-style: solid;
	border-color: white;
}
div.produktkategorienkachel:hover::before, div.produktkategorienkachel.hover::before {
	background-color: rgba(0,0,0,0.8);
}
.produktkategorienkachel h3 {
	position: relative;
	color: #fff;
	font-family: 'Montserrat-bold', sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	margin: 0;
	padding: 0;
	margin-top: 7px;
}
.produktkategorienkachel h4 {
	position: relative;
	font-size: 46px;
	font-family: 'Montserrat-bold', sans-serif;
	text-transform: uppercase;
	text-align: center;
	line-height: 40px;
	margin: 20px 0 30px;
	padding: 0;
	color: #fff;
}

.aufklappwinkelbutton {
	position: relative;
	display: flex;
	align-items: center;
	white-space: nowrap;
	text-transform: uppercase;
	height: 40px;
	line-height: 26px;
	width: 40px;
	overflow: hidden;
	padding-left: 14px;
	transition: all 0.25s linear 0s;
	-webkit-transition: all 0.25s linear 0s;
}
.aufklappwinkelbutton:after {
    font-family: "Font Awesome 5 Free regular", "Font Awesome 5 Free";
    font-style: normal;
    font-variant: normal;
    content: "\f105";
    position: absolute;
    right: 0;
    top: 0;
    font-size: 23px;
    width: 40px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    -webkit-font-smoothing: antialiased;
}
.boxbutton {
	background-color: #ffffff;
	color: black;
	cursor: pointer;
}
.boxbutton:hover, .boxbutton.hover {
    background-color: #eeeeee;
}
span.konfigurieren{
  	position: relative;
 }
div.produktkategorienkachel:hover .aufklappwinkelbutton, div.produktkategorienkachel .aufklappwinkelbutton.hover {
	width: auto;
	padding-right: 54px;
}

.img_konstrukt {
	max-width: 100%;
}

.infotext dd, #info_info dd {
	margin: 0;
	padding-left: 0;
}
.infotext dl + dd {
	padding: 0;
}
.infotext dt, #info_info dt {
	margin: 10px 0 0 0;
	padding: 0;
}
.muster_detail_overlay {
	display: none !important;
}
.agb_dsb_content dt + dd {
	padding: 0 20px;
}
.agb_dsb_content ol {
	padding-inline-start: 20px;
}
.modal_footer_print {
	display: none;
}

.show_preisinfo {
	display: none;
}
.info_i .fa-info-circle:after {
	display: block;
    content: '';
    height: 24px;
    width: 24px;
    margin-top: -100%;
    border-radius: 25px;
    background-color: #ffffff;
}
.muster_info_button .info_i .fa-info-circle:after {
	background-color: unset;
}

#aktuelle_auswahl_infos {
	max-height: calc(100vh - 240px);
	overflow-y: auto;
}

a.back-to-top {
    position: fixed;
    right: 40px;
    bottom: 20px;
    height: 40px;
    width: 40px;
    background-color: var(--highlightfarbe);
    padding: 10px;
    display: grid;
    align-content: center;
    border-radius: 25px;
}
a.back-to-top:hover, a.back-to-top.hover {
	background-color: var(--highlightfarbe_hover);
}
a.back-to-top img {
	filter: invert(1);
}

#button_musterversand {
	padding: 0 24px 20px 24px;
}

.info_content {
	padding: 20px 25px;
}
.infotext.container .grau ~ br {
    display: none;
}

.preisform_drittel {
    margin-bottom: 5px;
}
#static_info.profil select.form-control {
	display: block !important;
    min-width: 100px;
    width: auto;
    max-width: unset;
    padding: .375rem 1.75rem .375rem .75rem;
    margin-bottom: -15px;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    vertical-align: middle;
    background: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e) no-repeat right .75rem center / 8px 10px;
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
#static_info.profil select.form-control + br + span {
	display: block;
	min-height: 40px;
    margin-bottom: 5px;
}
.aktion_beschreibung {
    width: auto;
    min-width: 250px;
}
#versandkosten_form input[type="text"] {
    width: auto;
    max-width: unset;
    min-width: 100px;
    text-align: right;
    padding-right: 10px;
}
input[name="aufschlag"], input[name="laden"], input[name="aktion"] {
    text-align: right;
}
.preisform_drittel input[name="start"], .preisform_drittel input[name="ablauf"] {
    width: auto;
    min-width: 120px;
}

.montagebild {
	display: none;
}



/* LARGE + */
@media (min-width: 1200px) {
    .container {
        max-width: 1350px;
    }
}
/* LARGE */
@media (max-width: 1199px) {
	body {
		overflow-x: hidden;
	}
    #filter_muster_form .filter_dropdown, #filter_muster_form select.direktauswahl,
    #filter_muster_form2 .filter_dropdown, #filter_muster_form2 select.direktauswahl {
    	max-width: calc(50% - 10px);
    }
    #filter_muster_form input.suchen_button, #filter_muster_form2 input.suchen_button {
    	min-width: calc(50% - 10px);
    	max-width: calc(50% - 10px);
    }
    #schnell_artikel {
    	width: calc(50% - 10px);
    }
    .select-group {
    	width: calc(50% - 10px);
    }
    section {
    	padding: 0 20px;
    }
    #modellauswahl li.auswahl, #kategorieauswahl li.auswahl {
    	max-width: calc(50% - 20px);
    }
    #ul_artikel_auswahl.farbgruppierung li.muster {
    	max-width: calc(50% - 10px);
    	flex: 50%;
    }
    #ul_artikel_auswahl.farbgruppierung li.muster:nth-of-type(3n) {
		margin-right: 20px;
	}
	#ul_artikel_auswahl.farbgruppierung li.muster:nth-of-type(2n) {
		margin-right: 0;
	}
	img.carousel-img {
		height: 450px;
	}
}
/* MEDIUM */
@media (max-width: 991px) {
    header {
    	/*flex-direction: row-reverse;*/
        justify-content: space-between;
    }
    header .kategorien {
    	max-width: unset;
    }
    .logo {
	    text-align: center;
	}
	#accordion .collapse#collapsebestellung{
		padding: 15px;
	}
	.footerlogo {
		background-position-x: 10px;
	}
	div.hinweis_header {
		min-height: 150px;
		background-image: unset !important;
		text-align: center;
	}
	#modellauswahl li.auswahl, #kategorieauswahl li.auswahl {
		max-width: calc(50% - 30px);
		margin: 0 20px 20px 20px;
	}
	#modellauswahl li.auswahl:nth-child(even), #kategorieauswahl li.auswahl:nth-child(even) {
		margin: 0 20px 20px 0;
	}
	#ul_artikel_auswahl.farbgruppierung li.muster {
    	max-width: calc(33.3% - 10px);
    	flex: auto;
    }
    #ul_artikel_auswahl.farbgruppierung li.muster:nth-of-type(2n) {
		margin-right: 20px;
	}
	#ul_artikel_auswahl.farbgruppierung li.muster:nth-of-type(3n) {
		margin-right: 0;
	}
    #info_popup .modal-dialog {
    	width: 100%;
    }
    #info_menu ul.container {
	    max-width: unset;
	}
	.vermassung_content {
		padding-right: 0;
	}
	#vermassung .info_button_rund {
	    top: 0px;
	    right: 0px;
	    padding: 5px 0;
	}
	.modal-footer {
		flex-wrap: wrap;
	}
	.modal-footer>:not(:last-child) {
	    margin-right: 0;
	    margin-bottom: 10px;
	}
	.col.adresse_mp:first-of-type, #static_info .daten #mp_password {
		border-right: 0 !important;
	}
	.carousel-content {
		width: 90%;
		max-width: 90%;
	    left: 5%;
	    text-align: center;
	}
	.carousel-content .btn {
		max-width: max-content !important;
   		margin-left: auto;
    	margin-right: auto;
	}
	.carousel-content h1.carousel-headline {
		font-size: 28px;
	}
	/*.carousel-content .carousel-subtitle {
		display: none;
	}*/
	.carousel-control-prev {
	    left: unset;
	    right: 100px;
	}
	.carousel-control-next {
		right: 30px;
	}
	.jetztkonfigurieren, #modellauswahl .modellauswahl_bild .jetztkonfigurieren, #modellauswahl li.selrahmen .jetztkonfigurieren {
		width: auto;
		padding-right: 40px;
		bottom: -40px;
	}
}
/* SMALL */
@media (max-width: 767px) {
	h1 {
		font-size: 28px;
	}
	h2 {
		font-size: 24px;
	}
	.produktkategorienkachel h4 {
		font-size: 36px;
	}
	input, select {
		width: 100%;
		max-width: 100%;
	}
    #ul_artikel_auswahl.farbgruppierung li.muster {
		width: calc(50% - 20px);
		flex: calc(50% - 20px);
		max-width: 350px;
		min-height: 250px;
		margin: 0 20px 20px 0;
	}
	#ul_artikel_auswahl.farbgruppierung li.muster:nth-of-type(3n) {
		margin-right: 20px;
	}
	#ul_artikel_auswahl.farbgruppierung li.muster:nth-of-type(2n) {
		margin-right: 0;
	}
	section:last-of-type {
		margin-bottom: 100px;
	}
	#schnell_artikel {
		width: calc(50% - 10px);
	}
	.dropdown.filter_dropdown {
        width: calc(50% - 10px) !important;
        min-width: calc(50% - 10px) !important;
        max-width: calc(50% - 10px) !important;
    }
    select.direktauswahl {
        width: calc(50% - 10px);
        max-width: calc(50% - 10px);
    }
    .select-group {
    	width: calc(50% - 10px);
        max-width: calc(50% - 10px);
    }
    a.social {
    	height: 30px;
    	width: 30px;
    }
    footer a.social-insta:before, footer a.social-fb:before, footer a.social-youtube:before, footer a.social-whatsapp:before,
    footer a.social-pinterest:before, footer a.social-twitter:before {
    	font-size: 28px;
    }
    input.mass_input, input.mass_input_error {
		min-width: 50%;
		width: auto;
		max-width: 100%;
		flex: 20%;
	}
	select.mass_select {
		min-width: 50%;
		width: auto;
		
	}
	label.input_label {
	    flex: 80%;
	}
	li.auswahl li {
		line-height: 30px;
	}
	.footline li.separator{
		display: none;
	}
	.footline li{
		display: block;
		text-align: center;
		float: none;
		margin-top: 0;
	}
	footer a {
		font-size: 16px;
	}
	.footerblock span {
		font-size: 16px;
	}
	.dropdown.info_menu_links .dropdown-menu {
	    transform: translate(-50%, 155px) !important;
	}
	.info_menu_links_text {
    	font-size: 14px;
    }
    #info_menu.info_menu_links li, #info_menu.info_menu_links .dropdown {
    	width: calc(50% - 20px);
    }
    .modal-header .close {
    	margin-right: 10px;
    }
    #auswahl_muster #button_background_container {
    	bottom: 0px !important;
    	top: unset !important;
    }
    #wk_rechnung, #wk_liefer, #wk_adresse, .wk_hinweis {
		width: 100%;
		max-width: 100%;
		margin: 10px 0;
    }
    .wk_hinweis {
    	margin-bottom: 0;
    }
    .warenkorb_position_raumbild {
    	justify-content: flex-start;
    }
    .warenkorb_position_element .modellinfo_lr {
    	margin: 0;
    }
    .wertebereich, .wertebereicherror {
	    font-size: 12px;
	    line-height: normal;
	    padding-bottom: 6px;
	}
	#vermassung li.auswahl li label {
		font-size: 14px;
	}
	.hinweis_vermassung_email {
		float: none;
		padding-top: 16px;
	}
	#vermassung li#vermassung_masswert li {
	    align-items: flex-start;
	    display: flex;
	    flex-direction: column-reverse;
	}
	#vermassung li#vermassung_masswert li label {
		padding-left: 0;
	}
	.mininavig .dropdown-menu {
   		transform: translate3d(-75%, 35px, 0px) !important;
	}
	#impressum, #haftung, #urheber, #bildnachweis, #domains, #odr, #datenschutzbeauftragte {
		padding: 0px 20px;
	}
	.agb_dsb_content {
		padding: 20px 5px;
	}
	img.carousel-img {
		height: 406px;
	}
	.modellauswahl_bild {
		margin-bottom: 40px;
	}
	#ul_artikel_auswahl.farbgruppierung a .jetztkonfigurieren, #ul_artikel_auswahl.farbgruppierung li.selrahmen a .jetztkonfigurieren {
		width: auto;
		padding-right: 40px;
	}
	.aufklappwinkelbutton {
		width: auto;
		padding-right: 54px;
	}
	#accordion .collapse, #accordion .collapsing {
		padding: 15px;
	}
	div.produktkategorienkachel > div {
		height: 350px;
	}
	.sticky-top {
		padding-left: 0;
		padding-right: 0;
	}
	#oeffnung_maximize {
		display: none;
	}
	.vierschritteinfos h2 {
		margin-bottom: 10px;
	}
	.ajaxLoading {
		background-image: url(../pic/mandant68/ajax-loader-spinning.svg);
	}
	#preisinfo .ajaxLoading {
	    position: fixed;
	    left: 100%;
	    height: 100vh;
	    width: 100vw;
	}
	a.back-to-top {
		right: 20px;
	}
	.highlights h5 {
		text-align: center;
		margin: 15px 0 5px;
	}
	.icon_versand, .icon_zahlung, .icon_mass, .icon_quali {
	    width: 53px;
	    height: 53px;
	    margin: auto;
	    background-repeat: no-repeat;
	    background-size: 300px 53px;
	}
	.icon_versand {
	    background-position: -164px 0px;
	}
	.icon_zahlung {
		background-position: -1px 0px;
	}
	.icon_mass {
		background-position: -253px 0px;
	}
	.icon_quali {
	    background-position: -82px 0px;
	}
	#carouselProduktgruppen .carousel-indicators {
		display: none;
	}
	#static_info.profil table.table {
		display: block;
	}
	#static_info.profil table.table tbody {
		display: block;
	}
	#static_info.profil table.table tr.grau {
		display: none;
	}
	#static_info.profil table.table tr {
	    display: flex;
	    flex-direction: column;
	}
	#static_info.profil table.table tr td {
		
	}
	#static_info.profil table.table tr td form {
		display: block;
		width: 100%;
	}
	input[name="aufschlag"], input[name="laden"], input[name="aktion"] {
	    width: calc(100% - 25px);
	    margin-right: 10px;
	}
	.profil_preis_update {
		margin-right: 0px;
	    margin-bottom: 10px;
	}
	.preisform_drittel {
		display: block;
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.preisform_drittel input[name="start"], .preisform_drittel input[name="ablauf"] {
	    width: calc(100% - 25px);
	    min-width: 120px;
	    margin-bottom: 10px;
	}
	.aktion_beschreibung {
		width: calc(100% - 25px);
    	min-width: 100px;
		margin-top: -10px;
	}
	#static_info.profil select.form-control {
		width: calc(100% - 25px);
	}
	select[name="runden"] {
		margin-top: -10px;
	}
	#menu {
		height: auto;
	}
	div.menu_konfig ul {
		display: flex;
    	flex-wrap: wrap;
	}
	.menu_konfig_li_4 {
		width: 50%;
	}
}
/* EXTRA SMALL */
@media (max-width: 576px) {
	#welcometext {
	    font-size: 14px;
	    left: 5px;
	    right: auto;
	    top: 30px;
	    width: 350px;
	    display: block;
	    text-align: left;
	    position: relative;
	}
	.nav-item.login{
		display: none;
	}
	#ModalLabel img {
		display: none;
	}
	#info_titel, .info_titel_klein{
		font-size: 18px;
	}
	.modal-header{
		padding: 0px;
	}
	.modal-header h1{
		font-size: 12px;
	}
	.inhalt{
		min-width: 0;
		max-width: none;
		font-size: 14px;
	}
	.modell_beschreibung table img{
		/*display: none;*/
		width: auto;
		height: 31px;
	}
	#info_info .inhalt table {
		width: 100%;
		min-width: 240px;
	}
	.start_logo{
		background-image: url('../pic/mandant68/start_logo_bootstrap.png');
		background-repeat: no-repeat;
	}
	#modellauswahl ul.auswahl {
		justify-content: center;
	}
    #modellauswahl li.auswahl, #kategorieauswahl li.auswahl {
		width: 100%;
		max-width: 350px;
		margin: 0 10px 20px 10px;
	}
	#modellauswahl li.auswahl:nth-child(even), #kategorieauswahl li.auswahl:nth-child(even) {
		margin: 0 10px 20px 10px;
	}
	#ul_artikel_auswahl {
    	justify-content: center;
    }
	#ul_artikel_auswahl.farbgruppierung li.muster {
		width: 100%;
		max-width: 350px;
		margin: 0 0 20px 0;
		flex: 100%;
	}
	#ul_artikel_auswahl.farbgruppierung li.muster:nth-of-type(2n), #ul_artikel_auswahl.farbgruppierung li.muster:nth-of-type(3n) {
		margin-right: 0;
	}
	#schnell_artikel {
		width: 100%;
		margin-right: 0;
	}
	.dropdown.filter_dropdown {
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
        margin-right: 0;
    }
    select.direktauswahl {
    	width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
        margin-right: 0;
    }
    .select-group {
    	width: calc(100% - 30px);
        max-width: calc(100% - 30px);
        margin-right: 0;
    }
    #filter_muster_form input.suchen_button, #filter_muster_form2 input.suchen_button {
    	min-width: 100%;
        max-width: 100%;
    }
    #info_menu.info_menu_links li, #info_menu.info_menu_links .dropdown {
    	width: 50%;
    }
    #gutschein {
    	margin-bottom: 10px;
    }
    #gesamt_back a.btn-block {
    	width: 100%;
    	max-width: 100%;
    }
    .container.warenkorb {
    	padding-left: 0;
    	padding-right: 0;
    }
    .container.warenkorb .row.box {
    	padding-left: 0;
    	padding-right: 0;
    }
    #made_to_measure_page .row.box {
    	margin-top: 0;
    }
    .menu_konfig_text {
    	font-size: 16px;
    }
    #raumbild {
    	height: 300px;
    }
    .modal-body {
    	padding: 20px;
    }
    div.userBediener {
    	width: 30px;
    }
    #aktuelle_auswahl {
    	position: fixed !important;
    	z-index: 1030;
    	top: 112px;
    	left: 0 !important;
    	width: calc(100% - 70px);
    	transform: translate(-100%, 0);
    	transition: transform 0.75s;
    	border-radius: 0;
    }
    #aktuelle_auswahl.slidein {
    	transform: translate(0, 0);
    	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    }
    #preisinfo {
    	border-radius: 0;
    	padding-top: 10px;
    	padding-left: 15px;
	    padding-right: 15px;
    	margin-top: 0;
    }
    #modellinfo {
    	border-radius: 0;
    	padding-left: 15px;
	    padding-right: 15px;
    	padding-bottom: 10px;
    }
    .btn-primary, .btn-primary:visited, .btn-primary:link,
    .btn-secondary, .btn-secondary:visited, .btn-secondary:link,
    .btn-success, .btn-success:visited, .btn-success:link, 
    .btn-info, .btn-info:visited, .btn-info:link {
    	min-width: 200px;
    }
    #vermassung .info_button_rund {
        min-width: unset;
        top: -20px;
        right: 0px;
    }
    div.hinweis_header {
        min-height: 200px;
        border-top: 57px solid var(--hintergrund_grau);
    }
    div.hinweis_header h1 {
	    font-size: 28px;
	}
	#aktuelle_auswahl_text {
		width: calc(100% - 30px);
		padding-left: 0;
	    padding-right: 0;
	}
	a.warenkorb_in_button, a.warenkorb_in_button:visited, a.warenkorb_in_button:link {
		margin: 10px 0 5px 0;
		padding: 8px 10px;
	}
	.mininavig {
		margin-bottom: 0;
	}
	table.preisprotokoll tr {
		font-size: 12px;
	}
	#info_popup .modal-body {
		margin-right: 0;
	}
	.container-fluid.sticky-top {
		position: relative;
		z-index: 1050;
	}
	.mininavig > a {
		width: 51px;
	}
	#login_page {
		width: 100%;
		padding: 0;
	}
	.mininavig .dropdown-menu {
   		transform: translate3d(-80%, 35px, 0px) !important;
	}
	#filter_muster_form, #filter_muster_form2 {
		margin-top: unset;
	}
	#s_farbthema + .filter_dropdown {
		margin-left: 0 !important;
	}
}
@media (max-width: 400px) {
    #raumbild {
        height: 240px;
    }
    #aktuelle_auswahl {
    	width: calc(100% - 60px);
    }
    .aktuelle_auswahl_toggle {
    	padding: 5px 10px;
    }
    header div.burger_menu, header div.logo {
    	flex: 0 0 auto;
	    width: auto;
	    max-width: 100%;
    }
    .btn {
    	width: 100% important;
    	max-width: 100% !important;
    }
}