@charset "ISO-8859-1";
/* merriweather-sans-regular - latin_cyrillic-ext */
@font-face {
  font-family: 'Merriweather Sans';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('../fonts/merriweather-sans-v22-latin_cyrillic-ext-regular.woff2') format('woff2'),
       url('../fonts/merriweather-sans-v22-latin_cyrillic-ext-regular.woff') format('woff');
}

/* merriweather-sans-600 - latin_cyrillic-ext */
@font-face {
  font-family: 'Merriweather Sans';
  font-style: normal;
  font-weight: 600;
  src: local(''),
       url('../fonts/merriweather-sans-v22-latin_cyrillic-ext-600.woff2') format('woff2'),
       url('../fonts/merriweather-sans-v22-latin_cyrillic-ext-600.woff') format('woff');
}

/* merriweather-sans-800 - latin_cyrillic-ext */
@font-face {
  font-family: 'Merriweather Sans';
  font-style: normal;
  font-weight: 800;
  src: local(''),
       url('../fonts/merriweather-sans-v22-latin_cyrillic-ext-800.woff2') format('woff2')
       url('../fonts/merriweather-sans-v22-latin_cyrillic-ext-800.woff') format('woff');
}

/* playfair-display-sc-regular - latin_cyrillic */
@font-face {
  font-family: 'Playfair Display SC';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('../fonts/playfair-display-sc-v15-latin_cyrillic-regular.woff2') format('woff2'),
       url('../fonts/playfair-display-sc-v15-latin_cyrillic-regular.woff') format('woff');
}

/* playfair-display-sc-700 - latin_cyrillic */
@font-face {
  font-family: 'Playfair Display SC';
  font-style: normal;
  font-weight: 700;
  src: local(''),
       url('../fonts/playfair-display-sc-v15-latin_cyrillic-700.woff2') format('woff2'),
       url('../fonts/playfair-display-sc-v15-latin_cyrillic-700.woff') format('woff');
}

/* open-sans-regular - latin_cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('../fonts/open-sans-v34-latin_cyrillic-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/open-sans-v34-latin_cyrillic-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* open-sans-600 - latin_cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local(''),
       url('../fonts/open-sans-v34-latin_cyrillic-600.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/open-sans-v34-latin_cyrillic-600.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* open-sans-800 - latin_cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: local(''),
       url('../fonts/open-sans-v34-latin_cyrillic-800.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/open-sans-v34-latin_cyrillic-800.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* open-sans-italic - latin_cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: local(''),
       url('../fonts/open-sans-v34-latin_cyrillic-italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/open-sans-v34-latin_cyrillic-italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* open-sans-600italic - latin_cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  src: local(''),
       url('../fonts/open-sans-v34-latin_cyrillic-600italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/open-sans-v34-latin_cyrillic-600italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* open-sans-800italic - latin_cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 800;
  src: local(''),
       url('../fonts/open-sans-v34-latin_cyrillic-800italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/open-sans-v34-latin_cyrillic-800italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

:root {
	--hintergrund: #fff;
	--hintergrund_grau:	#f2f2f2;
	--textfarbe: #000;
	--aktivfarbe: #ebbd16;
	--sekundaerfarbe: #b2b2b2;
	--highlightfarbe: #fdf7e3;
	--umrandung: #b2b2b2;
	--eingabefarbe: #000000;
	--placeholderfarbe: #b0b0b3;
	--navgrau: #cfcfcf;
	--errorfarbe: #ff6600;
	--footerhintergrund: #000000;
}

html, body {
	/*overflow: hidden;*/
	overflow-y: initial;
	height: 100%;
	min-height: 100%;
	max-height: 100%;
	scroll-behavior: smooth;
	overflow-y: auto;
}

body {
	/*height: 720px;
    min-width: 640px;*/
	margin: 0em;
    padding: 0em;
    background-color: var(--hintergrund);
    overflow: unset;
    overflow-x: clip;
    height: fit-content;
}
body, .help, .prn, p, form, input, .radio, textarea, table, td, ul, a, select, button {
    font-family: Open Sans, Arial, MS Sans Serif;
    font-size: 16px;
    font-weight: 400;
    text-decoration: none;
    text-align: left;
    line-height: 1.2;
    color: var(--textfarbe);
    background-color: transparent;
}
table, tr, td {
	font-size: 14px;
}
a, a:LINK, a:VISITED {
	color: var(--textfarbe);
}
b, strong {
	font-weight: 700;
}
input {
	font-size: 14px;
	font-weight: 600;
	line-height: 1;
	height: 50px;
	width: 330px;
	max-width: 100%;
	color: var(--umrandung);
	border-color: var(--umrandung);
	border-width: 1px;
	border-radius: 1px;
	border-style: solid;
	margin-top: 10px;
	margin-bottom: 10px;
}
input:focus-within {
	color: var(--eingabefarbe);
}
input::placeholder, input:-ms-input-placeholder, input::-ms-input-placeholder, input:placeholder-shown, 
#schnell_artikel::placeholder, #schnell_artikel:-ms-input-placeholder, #schnell_artikel::-ms-input-placeholder, #schnell_artikel:placeholder-shown {
	font-size: 14px;
	font-weight: 600;
	color: var(--placeholderfarbe);
}
input[type=number] {
	width: auto;
    height: 40px;
    margin: 0 10px;
    padding: 0 10px;
}
input[type="submit"] {
	width: auto;
	padding-right: 10px;
}

select {
	line-height: 1;
}

img {
	image-rendering: -webkit-optimize-contrast;
}

#schnell_artikel::placeholder {
    color: var(--placeholderfarbe);
}

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

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

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

a {
    background-color: transparent;
}
a:hover, a.inactive:hover {
    color: var(--aktivfarbe);
}
a:not([href]):not([tabindex]) {
	color: white;
}
.btn{
	cursor: pointer;
	/*border-radius: 0;*/
	height: auto;
	min-height: 40px;
	border-radius: 0;
}
.btn-primary, a.btn-primary, a.weiter_button_sel, input.btn-primary #vermassung_submit_button {
	font-size: 16px;
	font-weight: 400;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    width: fit-content;
    min-width: 130px;
    max-width: unset;
    height: auto;
    min-height: 40px;
	padding: 7px 15px;
    border-radius: 0;
    margin: 10px 0 10px 0;
    color: #ffffff;
    background-color: var(--aktivfarbe);
    border-color: var(--aktivfarbe);
    display: inline-table;
}
.btn-primary:hover, .btn-primary.active, .btn-primary:active, .btn-primary.focus, .btn-primary:focus,
a.weiter_button_sel:hover, a.weiter_button_sel.active, a.weiter_button_sel:active, a.weiter_button_sel.focus, a.weiter_button_sel:focus,
#vermassung_submit_button:hover, #vermassung_submit_button.active, #vermassung_submit_button:active, #vermassung_submit_button.focus, 
#vermassung_submit_button:focus {
	color: white !important;
	background-color: var(--aktivfarbe);
	border-color: var(--aktivfarbe);
	box-shadow: unset;
}
.primaryText, a.primaryText {
	font-family: Open Sans;
	font-size: 1.2em;
	width: 100%;
	display: block;
	height: 100%;
	color: white;
	background-color: transparent;
    padding-top: 8px;
    border: none;
}
.btn.btn-primary.disabled {
    pointer-events: none;
    background-color: var(--highlightfarbe);
    border: none;
}
.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 {
	color: #ffffff !important;
	background-color: var(--aktivfarbe);
	border-color: var(--aktivfarbe);
	box-shadow: unset;
}
a.info_button_rund:not(:disabled):not(.disabled).active, a.info_button_rund:not(:disabled):not(.disabled):active,
a.info_button_rund:not(:disabled):not(.disabled).active:focus, a.info_button_rund:not(:disabled):not(.disabled):active:focus {
	color: var(--textfarbe) !important;
	background-color: unset;
	border-color: unset;
	box-shadow: unset;
}

.btn-secondary, a.btn-secondary, input.btn-secondary {
	font-size: 16px;
	font-weight: 400;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    width: fit-content;
    min-width: 130px;
    max-width: unset;
    height: 40px;
	padding: 7px 15px;
    border-radius: 0;
    margin: 10px 0 10px 0;
    color: #ffffff;
    background-color: var(--sekundaerfarbe);
    border-color: var(--sekundaerfarbe);
    display: inline-block;
}
.btn-secondary.active, .btn-secondary:active, .show > .btn-secondary.dropdown-toggle,
.btn-secondary.focus, .btn-secondary:focus, .btn-secondary:hover {
	color: white !important;
    background-color: var(--sekundaerfarbe) !important;
    border-color: var(--sekundaerfarbe) !important;
    box-shadow: unset !important;
}

.btn-success, a.btn-success {
	display: grid;
    align-content: center;
	float: right;
    margin: 0;
    min-width: 130px;
    text-align: center;
    text-transform: uppercase;
    line-height: 1;
	background-color: var(--aktivfarbe);
	border-radius: 0.25;
	border-color: var(--aktivfarbe);
	color: white;
	padding: 0 15px;
}
.btn-success:hover, .btn-success.active, .btn-success:active, .btn-success.focus, .btn-success:focus, .btn-success:focus-within,
a.btn-success:hover, a.btn-success.active, a.btn-success:active, a.btn-success.focus, a.btn-success:focus, a.btn-success:focus-within {
	color: white !important;
	background-color: var(--aktivfarbe) !important;
	border-color: var(--aktivfarbe) !important;
	box-shadow: unset !important;
}
.btn-success.disabled, a.btn-success.disabled {
	pointer-events: none;
    background-color: var(--highlightfarbe);
    color: var(--placeholderfarbe);
    border: none;
    display: grid;
    align-content: center;
    justify-content: center;
    padding: 0 15px;
}

.btn-info {
    color: #3f3f3f;
    background-color: #D9D4CE;
    border-color: #868e96;
    height: 45px;
	padding-top: 0;
}
.btn-info.active, .btn-info:active, .show > .btn-info.dropdown-toggle, .btn-info:focus, .btn-info:active:focus, .btn-info.active:focus,  .open > .dropdown-toggle.btn-info {
	background-color: #D9D4CE;
    background-image: none;
    border-color: #868e96;
	color: var(--textfarbe);
}
.btn-info:hover {
    color: #3f3f3f;
    background-color: #D9D4CE;
    border-color: #868e96;
}

.btn-outline-secondary:hover, .btn-outline-secondary:active, .btn-outline-secondary:focus, .btn-outline-secondary:active:focus {
	color: var(--umrandung) !important;
	background-color: var(--hintergrund) !important;
	border-color: var(--umrandung) !important;
	box-shadow: none !important;
}

.btn-info .fa-angle-right{
	padding-left: 10px;
	top: 4px;
	position: relative;
}
.custom-select:focus {
	box-shadow: none;
}

select.mass_df_select {
    cursor: pointer;
    text-align: left;
    height: 100%;
    width: 100%;
    border-radius: 1px;
}


#vermassung_masswert li.masswert_dachfenster .input_label {
	position: absolute;
	display: block;
	font-size: 16px;
	font-weight: 700;
	width: 100%;
    margin-top: 0px;
    pointer-events: none;
    color: var(--textfarbe);
}
#vermassung_masswert li.masswert_dachfenster .input_label::after {
	content: ':';
}
#vermassung_masswert li select#masswert_df_hersteller, #vermassung_masswert li select#masswert_df_typ, #vermassung_masswert li select#masswert_df_nummer {
	font-weight: 500;
	line-height: 1;
	width: 50%;
	min-width: 50%;
	max-width: 100%;
	height: 40px;
	padding: 8px 15px;
    border: 1px solid var(--umrandung);
    margin-top: 30px;
    margin-bottom: 0;
}

#vermassung_masswert li.breiteglasmass.breite_glasmass, #vermassung_masswert li.hoeheglasmass.hoehe_glasmass {
    margin-right: 2%;
}

a.text_link {
	font-family: inherit;
    text-decoration: underline;
    cursor: pointer;
}

.header .container {
    padding: 0 45px;
    max-width: 1440px !important;
    width: 100%;
}

#mainNav{
	background-color: #ffffff;
}
a.nav-link.js-scroll-trigger:HOVER {
	color: #AAAAAA;
}
.nav, .navbar {
    font-size: 16px;
    height: 40px;
    background: unset;
    color: #666666;
}
.navbar-dark .navbar-nav .nav-link {
    color: #666666; /*rgba(255,255,255, 1);*/
}
.nav-item.auswahl_vorschau {
	display: block !important;
}

.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;
}
.dropdown-item:hover {
	background-color: var(--highlightfarbe);
	color: black;
}
#filter_muster_form a.dropdown-item, #filter_muster_form a.dropdown-item:link, #filter_muster_form a.dropdown-item:visited,
#filter_muster_form1 a.dropdown-item, #filter_muster_form1 a.dropdown-item:link, #filter_muster_form1 a.dropdown-item:visited,
#filter_muster_form2 a.dropdown-item, #filter_muster_form2 a.dropdown-item:link, #filter_muster_form2 a.dropdown-item:visited {
	text-align: left;
    border-radius: 0;
    border-color: var(--umrandung);
}


.no_display {
	display: none !important;
}

#Insertion {
	display: inline-block;
	width: 100%;
	margin-bottom: 65px;
}
.close_button {
	position: absolute;
	right: 10px;
	top: 10px;
	cursor: pointer;
	color: var(--textfarbe);
}
.close_button:hover {
	color: var(--aktivfarbe);
}
#mfMenu.page0, .page0 #mfMenuContent {
    background-color: #ffffff;
    height: 110px;
    max-height: 125px;
}
#mfMenu.page0 {
    background-image: none;
}
#mfMenu {
    background-color: #e5ecec;
    background-repeat: no-repeat;
    background-size: contain;
}
#mfMenuContent {
    background-color: #e5ecec;
}
#mfMenuContent.container {
	max-width: 95% !important;
}
#mfMenuContent .intro, .intro {
	font-family: Open Sans, Arial, MS Sans Serif;
	margin: 0;
    color: var(--aktivfarbe);
    font-size: 1.2em;
    margin-top: 20px;
}
.intro1{
	line-height: 1.5;
	max-width: 1440px;
	min-height: 45px;
    padding: 20px 45px 10px 45px;
    margin: 0px;
    background-repeat: no-repeat;
    background-position: bottom left;
    margin-left: auto;
    margin-right: auto;
}
.intro2 {
    padding: none;
    margin: none;
}

#mfLanguage {
    float: left;
    font-family: Open Sans;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: -0.075em;
    padding-top: 3px;
    padding-right: 10px;
    color: #5e5b55;
}
#mfLanguage.page0 {
    position: relative;
    float: none;
    width: 50%;
    top: 20px;
    letter-spacing: inherit;
    margin: 0;
}
#mfLanguage a {
    font-family: Open Sans;
    font-size: 0.9rem;
    color: #919f9f;
}
#mfLanguage.de_DE .de_DE, #mfLanguage.fr_FR .fr_FR, #mfLanguage.it_IT .it_IT {
	color: var(--textfarbe);
}
#mfLanguage a:hover {
    color: var(--textfarbe);
}
#vermassung_meineauswahl #mfLanguage {
	font-family: Open Sans;
	padding-top: 3px;
	padding-right: 10px;
}
#vermassung_meineauswahl #mfLanguage *{
	font-size: 0.9em;
}
#mfMenuContent .intro {
    color: var(--aktivfarbe);
    font-size: 1.2em;
    margin: 0;
    margin-top: 40px;
}
#mfMenuContent .intro div.intro1, #mfMenuContent .intro div.intro2 {
    background-image: url("../pic/mandant57/startseite_pfeil2.gif");
    padding-bottom: 1.2em;
    background-repeat: no-repeat;
	background-position: bottom left;
	background-position-x: 15px;
}

.startseite_produktbild {
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    max-height: 200px;
    min-height: 50px;
    image-rendering: -webkit-optimize-contrast;
}

#mfMain.container {
	max-width: 1440px;
}
#mfGroupSelect {
    width: 100%;
    height: 100%;
    float: left;
	overflow-y: visible;
	padding-right: 0;
}
#mfGroupSelect .mfSelectedProduct {
	display: grid;
    float: left;
    height: auto;
    /*width: inherit;*/
    padding: 0px;
    margin-bottom: 0;
}
#mfGroupSelect .mfSelectedProduct:after {
    display: block;
    content: "";
}
.mfSelectedProduct > div {
	cursor: pointer;
    position: relative;
    width: calc(100% - 30px);
    margin: 0px 15px 30px 15px;
    -webkit-box-shadow: 5px 5px 15px 5px #0000009e;
    box-shadow: 5px 5px 15px 5px #0000009e;
}
.mfSelectedProduct > div:before {
    content: "";
    display: block;
    padding-top: 100%;
    max-height: unset;
}
.mfSelectedProduct * div {
    border: none;
   	height: 70%;
	max-height: unset;
}
.mfSelectedProduct div div {
    background-color: var(--hintergrund);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.mfSelectedProduct .selectedText {
	font-size: 18px;
    text-align: left;
    text-transform: none;
    /*white-space: nowrap;*/
    width: 100%;
    height: 30%;
    position: absolute;
    top: 70%;
    display: block;
}
.mfSelectedProduct .selectedText span {
	line-height: 1;
	position: absolute;
	left: 15px;
	bottom: 15px;
}
.selectedText.vorhangzubehoer {
	/*font-size: 14px;
	padding-top: 5%;*/
	font-size: 0.95vw;
	padding-top: 0.9vw;
}
#mfGroupSelect .mfSelectedProduct div:hover div {
    background-color: var(--aktivfarbe);
    color: #FFFFFF;
}
.imgSelectedProduct {
    width: 100%;
    height: auto;
}

.right_content_box {
    height: max-content;
    max-height: 545px;
    width: 100%;
    float: left;
    border: 0;
    padding: 15px;
    margin-bottom: 60px;
}
.inner_content_box {
	width: 100%;
    height: max-content;
    border: 1px solid #e5ecec;
    padding: 4%;
    margin-top: 1vw;
    margin-bottom: 1vw;
}
#mfSchritte .inner_conten_box {
	margin-top: 5%;
	margin-bottom: 5%;
}
.inner_content_box .uppercase_text {
	font-family: Open Sans;
	font-size: 0.9em;
	display: block;
	text-transform: uppercase;
}

/*
#mfSchritte {
	height: 40%;
}
#mfRefIDSelect {
	height: 35%;
}
*/

#mfRefIDSelect, #mfServicecenter, #mfOnlineBestellen, #mfBeratungFiliale, #mfBeratungZuhause, #slideRightContent {
	margin: 0 0 10px 0;
}
#mfServicecenter {
	margin-bottom: 60px;
}
.start_rechts {
	cursor: pointer;
	border: 1px solid white;
}
.start_rechts:hover {
	border: 1px solid var(--aktivfarbe);
}
.start_rechts_bild {
	display: block;
	width: 50%;
	max-width: 75px;
	height: auto;
	max-height: 75px;
	margin: auto;
    margin-bottom: 10px;
}
span.headline_mainpage_top {
	font-size: 28px;
	font-weight: 700;
}
span.headline_mainpage_subtitle {
	font-size: 28px;
	font-weight: 500;
	position: relative;
	top: -10px;
}
span.large {
    font-size: 16px;
    font-weight: 700;
}
span.large.pg_auswahl_hinweis {
	float: left;
	width: 100%;
	padding: 15px;
}
span.small_text {
    font-size: 0.9em;
    display: block;
    line-height: 1.2;
    margin-bottom: 10px;
}
#mfRefIDSelect .inputArea {
    position: relative;
    /*height: 20%;*/
    height: 3vw;
    min-height: 30px;
    max-height: 40px;
    padding: 0;
    margin: 1vw 0 1vw 0;
}
#mfRefIDSelect .btn.btn-primary {
	font-size: 14px;
	font-weight: 400;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    width: fit-content;
    min-width: 130px;
    height: 40px;
	padding: 7px 15px;
    border-radius: 0;
    margin: 10px 0 10px 0;
    color: #ffffff;
    background-color: var(--aktivfarbe);
    border-color: var(--aktivfarbe);
}
#mfRefIDTable {
	display: none;
	position: absolute;
    width: 31.125em;
    height: auto !important;
    max-height: 18.75em;
    left: 774.594px;
    top: 237.188px;
    margin: 0.16px 0 0 2.75em;
    border: 0.063em solid #e5ecec;
    background-color: white;
    z-index: 1012;
}
.rightContent {
	padding: 0px 0px 0px 100px;
}
#slideRightContent {
	width: 100%;
	height: 15%;
	margin: 0.625em 0 0 0;
    float: left;
    padding: 16px 0.5em 0.5em 12px;
    text-align: center;
}
input#refID, input#filialePLZ {
	height: 40px;
}
#mfRefIDSelect .btn {
    padding: 0;
    margin: 1.5em 0 1.5em 0;
    height: 1.188em;
    position: relative;
}
.btn-suggest {
    width: 100%;
    height: 3vw;
    min-height: 30px;
    max-height: 40px;
    padding: 0;
}
#mfServicecenter .btn-suggest {
	margin-top: 15px;
}

.mfCenter {
    margin: 0;
    width: 100%;
    /*overflow: hidden;*/
}
.center {
    margin-left: auto;
    margin-right: auto;
}
.content { /*Könnte weg*/
    width: 100%;
}
.inactive, a.inactive {
    color: #919f9f;
}
#slideRightContent .fa-minus, #slideRightContent .fa-minus {
	color: var(--aktivfarbe);
	cursor: pointer;
}
.fas.fa-info-circle {
	position: absolute;
	top: 3pt;
	right: 2pt;
	color: var(--textfarbe);
	cursor: pointer;
	font-size: 14pt;
	z-index: 6;
}
#modellauswahl i.fas.fa-info-circle {
	position: absolute;
	top: unset;
    left: 138px;
    right: unset;
    /*bottom: 20px;*/
    top: 95px;
}
.info.fas.fa-exclamation-triangle {
	font-size: 1.2rem;
	color: var(--aktivfarbe);
	padding-left: 10px;
	cursor: help;
}
.info.fas.fa-exclamation-triangle a {
	color: var(--aktivfarbe);
}
.bedienart_info_text .info.fas.fa-exclamation-triangle {
	font-size: 14px;
	font-family: Open Sans, Arial, MS Sans Serif;
	color: var(--aktivfarbe);
	padding-left: 0;
    padding-bottom: 10px;
    cursor: help;
}
.bedienart_info_text .fa-exclamation-triangle:before {
	font-family: "Font Awesome 5 Free";
	padding-right: 5px;
}
.bedienart_info_text .info.fas.fa-exclamation-triangle a {
	color: var(--aktivfarbe);
	font-weight: bold;
}

.fas.fa-info-circle:hover {
	color: var(--aktivfarbe);
}
.fas.fa-circle.white_circle {
	color: white;
	position: absolute;
	top: 6pt;
	right: 6pt;
	cursor: pointer;
	font-size: 14pt;
}

#anzahl_muster_anzeige, #hinweis_muster_anzeige {
	clear: both;
	color: var(--textfarbe);
	display: none;
}
.bestaetigen_farbe {
	font-size: 16px;
	width: 48%;
}

#pseudo_footer {
	position: absolute;
	bottom: 0px;
	width: 100%;
	height: 50px;
	background-color: #f2f2f2;
	font-size: 14px;
	text-align: center;
	padding-top: 17px;
	padding-left: 10px;
	padding-right: 10px;
}
nav.navbar {
	display: none;
}
#wizard .navbar {
	position: absolute;
	z-index: 20;
    top: -60px;
    width: 100%;
    min-width: max-content;
    height: 40px;
    border: none;
    left: 0px;
    padding: 0 15px 0 0px;
    margin-left: 40px;
    margin-right: auto;
    background-color: unset;
}
#wizard li.nav-item {
	height: 40px;
	margin-right: 10px;
}
#wizard li a.nav-link {
	font-family: Open Sans, Arial, MS Sans Serif;
	font-size: 16px;
	text-transform: uppercase;
	width: auto;
	height: 40px;
	color: var(--textfarbe);
	padding-top: 11px;
	padding-left: 30px;
	padding-right: 10px;
	border: none;
	background-color: var(--navgrau);
	/*background-image: url("../pic/mandant57/pfeil_grau_grau.png");*/
	background-position-x: right;
	background-position-y: center;
	background-repeat: no-repeat;
	position: relative;
	clip-path: polygon(0% 0%, 100% 0%, calc(100% + 20px) 50%, 100% 100%, 0% 100%, 20px 50%);
}
#wizard li a.nav-link:hover {
	background-color: var(--navgrau);
}
#wizard li a.nav-link:before {
	content: '';
    position: absolute;
    top: 6px;
    right: -14px;
    width: 28px;
    height: 28px;
    background: var(--navgrau);
    transform: rotate(45deg);
    z-index: -1;
}
#wizard li a.nav-link.active:before, #wizard li a.nav-link.previous_nav:before {
	background: var(--aktivfarbe);
}
#wizard li a#nav_link_1 {
	clip-path: polygon(0% 0%, 100% 0%, calc(100% + 20px) 50%, 100% 100%, 0% 100%);
	padding-left: 10px;
}
#wizard li a.nav-link.active_nav, #wizard li a.nav-link.active, #wizard li a.nav-link.previous_nav {
	background-color: var(--aktivfarbe);
	color: white;
}
a.nav-link .far.fa-circle, a.nav-link .fas.fa-check-circle {
	font-size: 14pt;
	text-align: right;
	/*width: 100%;*/
	margin-top: 0px;
	padding-left: 10px;
    padding-right: 0px;
    margin-right: -10px;
}
a.nav-link .far.fa-circle.muster_2, a.nav-link .fas.fa-check-circle.muster_2 {
	margin: 0 -10px 0 10px;
}
.navbar_home, .navbar_home.de {
	display: block;
	height: 40px;
	width: 110px;
	margin-right: 10px;
	background-color: var(--aktivfarbe);
	background-image: url('../pic/mandant57/start_de.png');
	background-repeat: no-repeat;
	background-position: left center;
	cursor: pointer;
}
.navbar_home span, .navbar_home.de span {
	font-size: 16px;
    font-weight: 500;
    height: 40px;
    padding: 0 10px 0 0;
    color: #ffffff;
    display: grid;
    align-content: center;
    justify-items: end;
    line-height: 1;
}

.warenkorb #wizard .navbar {
	margin-left: 25px;
}
.warenkorb #wizard .navbar-inner {
	margin: 0;
}
.warenkorb #wizard .nav-tabs {
    display: block;
}
.warenkorb #wizard li.nav-item {
	display: inline-table;
	width: auto;
	height: 40px;
    margin-right: -6px;
    padding-left: 0;
}
.warenkorb #wizard li.nav-item:first-child {
	/*margin-right: 18px;*/
    padding: 0;
    margin-right: 0px;
}
.warenkorb #wizard li.nav-item a.nav-link {
	color: var(--hintergrund);
}
.warenkorb #wizard li.nav-item:nth-of-type(2) a.nav-link {
	clip-path: polygon(0% 0%, 100% 0%, calc(100% + 20px) 50%, 100% 100%, 0% 100%);
	padding-left: 10px;
	margin-left: 0;
}

#auswahl_positionen .no_print {
	padding-bottom: 10px;
}
#hinweis_lieferlaender, #hinweis_zahlungsarten {
	display: none;
}
#auswahl_positionen .warenkorb_hr {
	display: block;
	border-color: var(--umrandung);
}

table.masse_info_table td {
	border: 1px solid #000000;
	padding: 0 5px 0 5px;
	vertical-align: top;
}

#start_pg_11{
	display: none;
}
.menu_list .selcolor{
	border: 4px solid green;
}

#materialauswahl li.auswahl {
	width: 100%;
}

#modellauswahl span.row.ml-2 {
	display: grid;
    align-content: center;
}
.materialauswahl_text {
	display: grid;
	align-content: center;
    position: absolute;
    font-family: Open Sans, Arial, MS Sans Serif;
    font-size: 14px;
    word-break: break-word;
    white-space: normal;
    text-align: left;
    top: 0px;
    left: 150px;
    height: 100px;
    
}
.musterauswahl_text {
	display: block;
	position: relative;
	font-family: Open Sans, Arial, MS Sans Serif;
	font-size: 14px;
	width: 100%;
	margin: 0;
	margin-top: 0px;
	left: 0;
}
/*
#musterauswahl li.auswahl_rahmen, #musterauswahl li.auswahl, #modellauswahl li.auswahl_rahmen, #kategorieauswahl li.auswahl_rahmen
#musterauswahl span.auswahl_rahmen, #modellauswahl span.auswahl_rahmen, #kategorieauswahl span.auswahl_rahmen {
	border: 2px solid white;
}
*/
#musterauswahl li.selrahmen, #modellauswahl li.selrahmen, #kategorieauswahl li.selrahmen
#musterauswahl span.selrahmen, #kategorieauswahl span.selrahmen{
	background-color: var(--highlightfarbe);
}
#materialauswahl span.auswahl_rahmen {
	border: 1px solid var(--umrandung);
	border-radius: 100%;
    width: 100px;
    height: 100px;
}
#oeffnungsartauswahl span.auswahl_rahmen {
	width: 100px;
    height: 100px;
    padding: 0;
	border: 0;
}
#materialauswahl li.selrahmen span.auswahl_rahmen, #oeffnungsartauswahl li.selrahmen span.auswahl_rahmen {
	border-color: var(--aktivfarbe);
	background-color: var(--aktivfarbe);
	padding: 0;
}
#materialauswahl li.selrahmen .materialauswahl_text, #oeffnungsartauswahl li.selrahmen .materialauswahl_text {
	color: var(--aktivfarbe);
}
#materialauswahl li.auswahl a, #oeffnungsartauswahl li.auswahl a {
	width: 100%;
	min-width: 100%;
    max-width: 100%;
    display: flex;
    margin: 0;
}
li.auswahl a.nicht_bestellbar {
	cursor: unset !important;
}

#modellauswahl span.selrahmen, #kategorieauswahl span.selrahmen {
	border-width: 0px;
}
span.auswahl_rahmen img {
	height: auto;
	max-height: 120px;
	width: 100%;
	max-width: 120px;
	background-color: unset;
}
#oeffnungsartauswahl span.auswahl_rahmen img {
	height: 100%;
	max-height: unset;
	width: 100%;
	max-width: unset;
	padding: 1px;
}
#musterauswahl .auswahl_rahmen, .ajax_bildmodify .muster_over_detail {
	background-position: center center;
	background-size: cover;
	width: 100%;
	height: 0;
	min-height: unset;
	max-height: unset;
	padding-bottom: 100%;
	border-radius: 100%;
	image-rendering: optimizespeed;
}
#modellauswahl span.auswahl_rahmen, #kategorieauswahl span.auswahl_rahmen {
	width: 50%;
	min-width: 120px;
	max-width: 120px;
	height: auto;
	/*min-height: 90px;*/
	max-height: 130px;
	float: left;
	padding: 0;
	margin-right: 10px;
}
#modellauswahl span.auswahl_rahmen img:not([class]), #kategorieauswahl span.auswahl_rahmen img {
	height: auto;
	min-height: 120px;
    max-height: 120px;
    width: auto;
    max-width: 120px;
    /*border: 1px solid var(--umrandung);
    border-radius: 100%;*/
    border: 0;
    border-radius: 0;
    margin-top: 2px;
    object-fit: cover;
    object-position: right;
}
#modellauswahl .pg27 span.auswahl_rahmen img, #kategorieauswahl .pg27 span.auswahl_rahmen img {
	border: 1px solid var(--umrandung);
    border-radius: 100%;
}
#modellauswahl .pg9 span.auswahl_rahmen img, #kategorieauswahl .pg9 span.auswahl_rahmen img {
	border: 1px solid var(--umrandung);
    border-radius: 100%;
    object-position: center;
}
#modellauswahl .pg16 span.auswahl_rahmen img, #modellauswahl .pg17 span.auswahl_rahmen img{
	border: 1px solid var(--umrandung);
    border-radius: 100%;
}
li.auswahl a:hover {
	color: var(--textfarbe);
}
#kategorieauswahl {
	overflow-y: auto;
}
#modellauswahl li.auswahl, 
#kategorieauswahl li.auswahl {
	margin-bottom: 0;
	padding: 0;
	border: 0;
}
#kategorieauswahl ul.auswahl {
	margin: 10px 0;
}
#kategorieauswahl ul.auswahl li.auswahl {
	width: 100%;
	min-width: 200px;
	max-width: unset;
	margin-right: 0;
}
#modellauswahl ul.auswahl li.auswahl{
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 5px 15px 5px 0;
}
#oeffnungsartauswahl ul.auswahl li.auswahl {
	width: 100%;
	min-width: 200px;
	max-width: unset;
	margin: 0 0 15px 0;
}
#oeffnungsartauswahl ul.auswahl li.auswahl.selrahmen {
	color: var(--aktivfarbe);
}
.modellauswahl_text {
	font-family: Open Sans, Arial, MS Sans Serif;
	font-size: 14px;
	font-weight: 700;
	text-align: left;
	color: var(--textfarbe);
	margin: 0;
	padding: 0;
	padding-top: 0px;
}
#kategorieauswahl .modellauswahl_text {
	padding-top: 0px;
	display: grid;
    align-content: center;
}
.gruppeauswahl_text_zusatz {
	font-size: 12px;
	font-weight: 500;
    padding-top: 5px;
}
li.selrahmen span.auswahl_text {
	color: var(--textfarbe);
	font-weight: 700;
}
li.selrahmen span.musterauswahl_nummer {
	font-weight: 500;
}
div.auswahl_headline {
	font-family: Open Sans, Arial, MS Sans Serif;
	font-size: 20px;
    font-weight: 700;
    padding-left: 10px;
    margin-bottom: 10px;
    color: var(--textfarbe);
}
.abschluss_head {
	font-size: 20px;
    font-weight: 700;
    text-align: left;
    padding-left: 10px;
    margin-bottom: 10px;
    color: var(--textfarbe);
}
#auswahl_modell .auswahl_headline b {
	font-weight: lighter;
}
.ui-autocomplete {
	width: 17.2% !important;
    min-width: unset;
    max-width: 100%;
    background-color: white;
}
.ui-menu-item {
	width: auto;
    border: 1px solid var(--highlightfarbe);
    margin-right: -1px;
    margin-bottom: -1px;
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    cursor: pointer;
}
.ui-helper-hidden-accessible {
	display: none;
}

.section_head_column {
	font-family: Open Sans;
/*	font-size: 13px;	*/
	display: inline-flex;
	height: 60px;
    width: 100%;
    background-color: var(--highlightfarbe);
    color: var(--textfarbe);
    margin-bottom: 10px;
    padding-top: 8px;
    border-radius: 0;
}
.section_head_column.modell_section_head {
	display: none;
}
.modell_section_head.modell_1 {
	display: block;
}
#raumbild .section_head_column {
	display: inline-flex;
    position: absolute;
    width: 100%;
    padding-top: 0;
    border-width: 0;
    border-style: solid;
    margin-top: -60px;
    margin-bottom: 0;
    padding-top: 30px;
    padding-left: 40px;
    padding-right: 40px;
    background-color: var(--highlightfarbe);
    border-bottom: 0;
}
#aktuelle_auswahl.fensterform #raumbild .section_head_column, #aktuelle_auswahl.modell #raumbild .section_head_column {
	display: none;
}
.farbe_waehlen_head {
	padding-left: 15px;
	text-transform: uppercase;
}
.section_head_column .fa-minus, .section_head_column .fa-plus, .section_head_column .fa-plus {
	font-size: 16px;
    position: absolute;
    top: 8px;
    right: 15px;
}
#oeffnung_zu, #oeffnung_halb, #oeffnung_offen, #abschluss_ansicht, #abschluss_bestelluebersicht {
	font-size: 16px;
    text-transform: uppercase;
	position: unset;
	width: 33.33333%;
	height: 30px;
	/*padding: 20px 5px 20px 5px;*/
	border-radius: 0;
	cursor: pointer;
	z-index: 1;
}
/*#oeffnung_zu, #abschluss_bestelluebersicht {
	border-radius: 3px 0 0 3px;
	-moz-border-radius: 3px 0 0 3px;
	-khtml-border-radius: 3px 0 0 3px;
	-webkit-border-radius: 3px 0 0 3px;
}*/
#oeffnung_zu.active, #oeffnung_halb.active, #oeffnung_offen.active, #abschluss_ansicht.active, #abschluss_bestelluebersicht.active {
	font-weight: 700;
	border-width: 0;
	border-style: solid;
	color: var(--textfarbe);
	background-color: unset;
}
#oeffnung_zu img, #oeffnung_halb img, #oeffnung_offen img {
	display: none;
}
.oeffnung_button {
	font-family: Open Sans, Arial, MS Sans Serif;
	font-size: 14px;
	text-align: center;
	font-weight: 700;
	color: var(--umrandung);
	min-height: 30px;
    display: grid;
    align-content: center;
    border: 0;
    transition: 0.3s;
}
.oeffnung_button:hover {
	color: var(--textfarbe);
	transition: 0.3s;
}
.active .oeffnung_button {
	color: var(--textfarbe);
	transition: 0s;
}

#raumbild {
	width: 100%;
	height: auto;
	min-height: 520px;
	overflow: visible;
	background-color: var(--highlightfarbe);
	top: 30px;
	margin-bottom: 50px;
}
.pg_27 #raumbild, .pg_9 #raumbild, .pg_6 #raumbild {
	background-color: var(--hintergrund);
}
.pg_16 #raumbild, .pg_17 #raumbild {
	top: -30px;
}
#aktuelle_auswahl.modell #raumbild {
	background-color: var(--highlightfarbe);
}

#raumbild .img-fluid {
	width: 100%;
	height: unset;
	object-fit: cover;
}
#raumbild .section_head_column + .img-fluid {
	position: relative;
	height: auto !important;
	width: 100%;
	overflow: hidden;
	top: 0px;
}
#aktuelle_auswahl.modell #raumbild .section_head_column + .img-fluid {
	display: none;
}
#aktuelle_auswahl .img-fluid {
	position: absolute;
}

#picturePicture, #pictureEinblenden {
	position: absolute;
    /*max-width: unset;*/
    max-width: 100%;
    margin-top: 60px;
    margin-left: 0px;
    left: 0px;
	object-fit: cover;
}

#modellinfo, #aktuelle_auswahl_text {
	display: none;
}
#gesamtauswahl #aktuelle_auswahl_text {
	display: block;
	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;
	color: var(--textfarbe);
	margin: 0 0 20px 0;
}
#aktuelle_auswahl_text i {
	display: none;
}

#weiter_button_vorschau {
	display: none;
}
.weiter_button_group {
	display: flex;
	flex-direction: row-reverse;
	align-items: flex-end;
	justify-content: flex-start;
    position: absolute;
    width: 100%;
    max-width: 1370px;
    height: 40px;
    top: -10px;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 0;
    padding-right: 15px;
    margin: auto;
    margin-top: 0px;
    border-radius: 0;
    background-color: unset;
    z-index: 11;
}
.weiter_button_group a {
	display: grid;
	justify-content: center;
    align-content: center;
	float: right;
	margin-top: 0;
	margin-left: 15px;
	margin-bottom: 0;
}
.weiter_button_group .zurueck_button {
    margin-left: 0;
    float: unset;
}

#stickyButtonArray, #stickyButtonArray2 {
	position: absolute;
	display: none;
}
#page_top, #page_bottom {
	width: 40px;
	height: 40px;
	right: 20px;
    color: #ffffff;
    background-color: var(--sekundaerfarbe);
    border: 0;
    padding-top: 12px;
}
#page_top {
	bottom: 180px;
}
#page_bottom {
    bottom: 125px;
}

#mfSave {
	font-size: 0.9em;
	cursor: pointer;
	padding-left: 10px;
	padding-right: 10px;
	color: #5e5b55;
}
#mfSave .fas.fa-save {
	font-size: 20px;
	padding-top: 2px;
	float: left;
}
.head_text {
	font-family: Open Sans;
	height: 100%;
	float: left;
	padding-top: 2px;
}
.head_text a {
	font-family: Open Sans;
	height: 100%;
	float: left;
}
.head_text a:hover {
	color: var(--textfarbe);
}
#mfSave .head_text {
	text-transform: capitalize;
	padding-left: 10px;
}
#mfRestart {
	font-size: 0.9em;
	cursor: pointer;
	padding-left: 10px;
	padding-right: 10px;
	color: #5e5b55;
}
select.mass_select {
	font-family: Open Sans, Arial, MS Sans Serif;
	font-size: 14px;
	text-align: left;
	width: 100%;
	height: 45px;
	border-radius: 2px;
	cursor: pointer;
}
.kettenlaenge select.mass_select {
    width: 100%;
}

#auswahl_fensterform .auswahl_feld {
	padding: 0;
}


.hinweistext {
	font-size: 0.9rem;
	padding: 20px 10px 20px 10px;
}
.hinweis_ueberschrift {
	font-size: 14px;
    font-family: Open Sans;
}

.muster_hinweis {
	display: none;
}

.dropdown-menu.show {
	width: 100%;
	top: -48px !important;
	left: 0px !important;
	padding-right: 10px;
	border-radius: 1px;
	border-color: var(--umrandung);
}
.vermassung_select.dropdown-menu.show {
	transform: translate3d(0px, 45px, 0px) !important;
}
.color_dropdown_buttons {
	font-family: Open Sans;
	font-size: 14px;
	width: 100%;
	position: sticky;
	bottom: 50px;
	background-color: unset;
	padding-left: 10px;
	padding-top: 10px;
}
.color_dropdown_buttons a.zuruecksetzen_button {
	display: block;
	position: relative;
	float: left;
	text-align: center;
	width: 48%;
	height: 35px;
	color: var(--textfarbe);
	padding-top: 8px;
}
.color_dropdown_buttons .bestaetigen_button {
	width: 48%;
	float: right;
	display: block;
}
.dropdown-item {
	font-family: Open Sans;
    /*text-transform: capitalize;*/
    font-size: 14px;
    position: relative;
    height: 32px;
    width: auto;
    border-width: 1px;
    border-color: var(--highlightfarbe);
    border-style: solid;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 6px;
    padding-left: 0px;
    padding-top: 4px;
}
.dropdown-item.alle_auswahl {
	display: none;
}
a.dropdown-item .filter_muster_color {
	width: 32px;
    height: 32px;
    border: 1px solid var(--umrandung);
    margin: 0 10px 0 0;
    top: -5px;
    left: -1px;
}
#dropdownMenuLink .filter_muster_color {
    width: 31px;
    height: 31px;
    top: -10px;
    margin-top: 0px;
    margin-right: 15px;
    border: 0;
}
.custom-select .filter_muster_color {
	border-radius: 100%;
}
.custom-select .filter_muster_color_sub {
	border-radius: 100%;
	border: 1px solid var(--umrandung);
}

select label {
    position: relative;
}
select label:after {
	content:'>';
	font: 11px "Consolas", monospace;
	color: #666;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
	right: 8px; 
	top:2px;
	padding: 0 0 2px;
	border-bottom: 1px solid #ddd;
	position: absolute;
	pointer-events: none;
}
select label:before {
	content: '';
	right: 6px; 
	top:0px;
	width: 20px; 
	height: 20px;
	background: #eee;
	position: absolute;
	pointer-events: none;
	display: block;
}


#info_menu {
	border: none;
}
#info_popup {
	height: 100%;
    width: 92%;
    margin-left: 4%;
    margin-top: 3%;
    top: 0;
}
#info_popup .modal-dialog {
	width: 100%;
	min-width: 100%;
    max-width: 100%;
    top: 0px;
    margin: -1px -1px 0 -1px;
}
#info_popup .modal-content {
	height: 100%;
	width: 100%;
	border-radius: 0;
	border: 0;
}
#info_popup header {
	display: none;
}
.modal-header{
	font-size: 16px;
	height: 75px;
	background-color: var(--highlightfarbe);
	/*padding: 20px 15px;*/
	align-items: center;
}
.modal-header .close span {
	font-size: 40px;
}
.modal-title img {
	height: 60px;
    margin: -30px 0 0 20px;
}
#info_popup .modal-body {
    padding: 35px 45px 35px 45px;
    max-height: 75vh;
}
.modal-dialog .btn-success{
	width: 200px;
	color: #ffffff;
}
.modal-title h1 {
	font-size: 16px;
	font-weight: normal;
	text-transform: uppercase;
	font-family: Open Sans;
	color: var(--textfarbe);
}
.modal-body .body_headline {
	display: block;
    font-size: 16px;
    font-family: Open Sans;
    color: var(--aktivfarbe);
    padding-left: 30px;
}
.modal-body .inhalt.container {
    margin-top: 0;
    padding-bottom: 15px;
}
.close.modal_hide .fas.fa-times-circle {
	font-size: 14pt;
}
#raumbildPopup .modal-footer {
	display: block;
}
#raumbildPopu #weiter_button_vermassung_popup {
	width: 100%;
}
#raumbildPopup #btn_vermassung_weiter {
	width: 100%;
	display: grid;
    align-content: center;
    justify-content: center;
}
#raumbildPopup #btn_vermassung_schliessen {
	width: 100%;
	margin: 0;
}
div#weiter_button_vermassung_popup {
	width: 100%;
    height: 40px;
    margin-bottom: 15px;
}

.division_head {
	font-family: Open Sans;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    display: grid;
	width: 100%;
	height: 40px;
	background-color: var(--highlightfarbe);
	color: var(--textfarbe);
	border: 1px solid var(--umrandung);
    border-radius: 0;
	margin-bottom: 12px;
    padding-top: 11px;
    padding-left: 12px;
    padding-right: 30px;
    cursor: pointer;
}
.division_head a {
	font-family: Open Sans;
}
.division_head.active, .division_head.sel {
	background-color: var(--aktivfarbe);
	border: 1px solid var(--aktivfarbe);
	color: #ffffff;
}
.division_head.active a, .division_head.sel a {
	color: #ffffff;
}
.division_head.col {
	display: none;
}
.division_head .fa-minus, .division_head .fa-plus {
	display: none;
    position: absolute;
    right: 25px;
    font-size: 14px;
    margin-top: 13px;
    margin-right: 4px;
}
.division_head .fa-plus {
	display: block;
}
.active .fa-minus, .sel .fa-minus {
	display: block;
}
.active .fa-plus, .sel .fa-plus {
	display: none;
}
.division_head.info_menu_links {
	height: auto;
	min-height: 40px;
	padding: 0;
}
.division_head.info_menu_links a {
	font-family: Open Sans;
	display: grid;
    align-content: center;
    justify-content: start;
	width: inherit;
	height: auto;
	min-height: 40px;
	padding-left: 10px;
	padding-top: 0px;
	padding-right: 30px;
}
.division_head.info_menu_links a:hover {
	color: var(--textfarbe);
}

.info_menu_links #info_info .inhalt.container {
	margin-left: 0;
	margin-right: 0;
}

#info_info.rechts_modal_body {
	width: 100%;
	height: max-content;
	min-height: 300px;
	border: 1px solid var(--umrandung);
}
#info_info.rechts_modal_body .inhalt {
	text-align: center;
	width: min-content;
	min-width: unset;
	max-width: unset;
	min-height: unset;
	max-height: unset;
	padding: 0;
}
#info_info.rechts_modal_body .img_konstrukt {
	text-align: center;
	max-width: unset;
	max-height: 450px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0;
	border-width: 0;
}
#info_info.rechts_modal_body .pdf_montage_img .inhalt {
	text-align: center;
	width: min-content;
	min-width: unset;
	max-width: unset;
	min-height: unset;
	max-height: unset;
	padding: 0;
	width: 100%;
	height: auto;
}
#info_info.rechts_modal_body .pdf_montage_img .img_konstrukt {
	text-align: center;
	width: 100%;
	max-width: max-content;
	height: auto;
	max-height: 500px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0;
	border-width: 0;
	float: none;
}

.info_beschreibung {
	text-align: left;
}
.modell_beschreibung {
	text-align: left;
	display: inline;
}
#info_info .modell_beschreibung {
	display: block;
}
.rechts_modal_body .modell_beschreibung {
	display: none;
}
.modell_beschreibung {
	float: none;
	max-width: unset;
/*	display: contents; */
}
.modell_beschreibung.vermassung_info {
	font-size: 14px;
}
.modellinfo_modellauswahl .modell_beschreibung {
	min-width: unset;
}
.modell_beschreibung h1 {
	font-size: 16px;
	font-weight: 600;
	color: var(--aktivfarbe);
}
.modell_beschreibung h2 {
	font-size: 14px;
	font-weight: 700;
	color: var(--textfarbe);
	/*margin-bottom: -15px;*/
}

a.eigenschaften_button {
	font-family: Open Sans;
}
a.eigenschaften_button:hover {
	color: var(--textfarbe);
}
.eigenschaften_content {
	position: relative;
	text-transform: none;
	width: 100%;
	left: -15px;
	top: 8px;
	padding-top: 12px;
}
.eigenschaften_b {
	font-size: 14px;
	font-family: Open Sans;
	width: auto;
	padding-right: 15px;
	padding-bottom: 10px;
	vertical-align: top;
}
.eigenschaften_v {
	font-size: 14px;
	font-family: Open Sans;
	width: auto;
	padding-bottom: 10px;
}
.eigenschaften_beschr {
	vertical-align: middle;
	font-size: 14px;
}
.pflegehinweise_content .eigenschaften_b {
    vertical-align: middle;
    height: 40px;
    padding-bottom: 0;
}
.pflegehinweise_content .eigenschaften_v {
	width: 40px;
	padding-bottom: 0;
}
.pflegehinweise_content .eigenschaften_v img {
	vertical-align: middle;
	height: 40px;
	width: auto;
}
.pflegehinweise_content .eigenschaften_beschr {
	padding-top: 2px;
	padding-left: 15px;
}


.rapportbild_button, .detailbild_button, .eigenschaften_button {
	cursor: pointer;
}
.bilderrahmen {
	border-width: 1px;
    border-color: var(--umrandung);
    border-style: solid;
    height: 500px;
    width: 100%;
}
#info_info {
	top: 0;
	left: 0;
	padding: 0;
}
#info_info .transparent_box {
	display: none;
}
.div_musterbild {
	height: 100%;
}
#div_detailbild, #div_musterbild, #div_emotionsbild {
	height: 498px;
}
.division_body {
	display: none;
	padding: 0 12px 12px 12px;
	top: 0;
	left: 0;
}
.division_body, .division_body .inhalt {
	font-size: 14px;
}
.rapportbild_img {
	height: 100%;
	min-height: unset;
	max-height: unset;
	width: 100%;
	min-width: unset;
	max-width: unset;
	padding: 0;
}
.detailbild_img, .emotionsbild_img {
	padding: 0;
}
#info_info .inhalt {
	font-size: 14px;
	padding-bottom: 15px;
}
.division_body .inhalt.container {
	margin: 0;
	padding: 0;
}
.division_body #info_info .inhalt {
	padding: 0px 15px 15px 15px;
}
#info_info.division_content .inhalt {
	padding: 0px 15px 15px 15px;
}
.division_body .img_konstrukt {
    display: none;
}
.division_body .paket_bild {
	display: block;
	margin-left: 5px;
}
#info_info .img_konstrukt {
	text-align: center;
	max-width: 100%;
	border-color: var(--highlightfarbe);
}
.overview br, .auswahl_feld br {
	display: none;
}
.vermassung_dropdown br {
	display: none;
}

#zubehoer ul.auswahl {
	margin-top: 15px;
}
#zubehoer ul.auswahl_zubehoer {
	margin-top: 15px;
	margin-bottom: 15px;
	list-style-position: inside;
}

.sel_haken {
	position: absolute;
    display: none;
	width: 100%;
	height: auto;
    top: 0px;
}
.selrahmen .sel_haken, .selrahmen + .sel_haken {
    display: block;
    z-index: 4;
}
/*#vermassung_masswert span:not([class])*/
#vermassung_masswert span {
	display: contents;
	line-height: 1;
	font-size: 0.7rem;
	width: 100%;
	margin-right: 0;
	margin-bottom: 10px;
	/*padding-left: 10px;*/
	padding-right: 10px;
}
#vermassung_masswert span[class] {
	width: fit-content;
	margin-bottom: 0;
}
#vermassung_masswert span.masswertname,
#vermassung_bedienart span.masswertname {
	position: absolute;
	display: block;
	width: 100%;
	font-size: 14px;
	font-weight: 700;
	color: var(--textfarbe);
	margin-top: -60px;
}
#vermassung_masswert input + label > span.masswertname,
#vermassung_bedienart input + label > span.masswertname {
	margin-top: -60px;
}
#vermassung_masswert span.wertebereich, #vermassung_masswert span.wertebereicherror {
	font-size: 14px;
}
#vermassung_masswert span.wertebereichhide {
	display: none;
}
#vermassung_masswert span.masshinweis_eingabe3 {
	margin-bottom: 10px;
}
#vermassung_masswert span.ausrufezeichen {
	/*display: inline;*/
	display: none;
	width: 10px;
	float: left;
	margin-top: 0;
    padding-top: 2px;
}
#vermassung_masswert span.cb_akt_value {
	font-size: 14px;
}

li.auswahl_vorschau {
	display: block;
}

li.info_menu_links span{
	color: black;
	letter-spacing: 0;
	vertical-align: middle;
}

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

#einzelteil_details, #special_offers_overview, #standard_formats_overview{
	background-image: url('../pic/mandant57/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; 
}

h1{
	font-size: 24px;
	font-weight: normal;
	/*font-family: MetaPro-Thin; */
}

a.dropdown-item, a.dropdown-item:link, a.dropdown-item:visited{
	color: grey;
	text-align: center;
}

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

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

.nav-link{
	display: inline-flex;
}
.navbar-dark .navbar-nav .nav-link:hover{
	color: green;
}
.nav-link .muster_2 {
    margin-left: -25px;
}
.nav-link .txt{
	display: inline-block;
	/*padding-top: 7px;*/
	padding-left: 10px;
}
.navbar_text {
    width: 100%;
    display: table;
    font-size: 16px;
    font-weight: 500;
}


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

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

.nav-item .dropdown-menu{
	left: auto;
	right: 0;
	background-color: rgba(154,183,21,0.8);
	border: none;
	border-radius: 0;
	color: white;
}

.nav-item a.dropdown-item{
	text-align: right;
}

.nav-item .dropdown-menu a.dropdown-item, .nav-item .dropdown-menu a.dropdown-item:link, .nav-item .dropdown-menu a.dropdown-item:visited{
	color: white;
}

.nav-item .dropdown-menu div.dropdown-item.active, .nav-item .dropdown-menu a.dropdown-item:hover{
	color: black;
	background-color: #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;
}

.fa-bars, .fa-list, .fa-chevron-left {
	font-size: 34px;
	line-height: 1;
}

section:first-of-type{
	padding-top: 5px;
}

.standard_formats_overview h2{
	color: black;
}

.ueberschrift{
	color: black;
}

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

.card{
	border: 1px solid rgba(0,0,0,0.4);
}

.card-header{
	background-color: #D9D4CE;
	/*font-family: MetaPro-Thin; */
	font-size: 24px;
}

.h5, h5{
	font-size: inherit;
}

#musterauswahl li.auswahl {
	max-width: 120px;
    width: 33%;
    min-height: 0;
    padding: 2px 20px 2px 2px;
    margin: 20px auto 0px auto;
    border: 1px solid #ffffff;
}
#musterauswahl li.auswahl.selrahmen {
	border: 1px solid var(--aktivfarbe);
}
#musterauswahl span.selrahmen, #kategorieauswahl span.selrahmen {
	border-width: 1px;
	border-color: var(--aktivfarbe);
}
.selrahmen .selrahmen {
	border-width: 0 !important;
}
#materialauswahl .selrahmen .selrahmen {
	border-width: 1px !important;
}
#modellauswahl li.auswahl a, 
#kategorieauswahl li.auswahl a {
	display: flex;
	cursor: pointer;
}
a.info_button_rund{
	margin-top: 8px;
}
a.info_button_rund.open_overlay.btn-primary {
    border: none;
    min-width: unset;
    min-height: unset;
    background: none;
    top: 0;
    right: 0;
    padding: 0;
    margin: 0;
}

#muster_check1, #muster_check2 {
	cursor: pointer;
	/*display: none;*/
	height: 40px;
    font-size: 14px;
    font-weight: 700;
    padding-top: 11px;
    border: 1px solid var(--umrandung);
}
#auswahl_muster #muster_check1 {
	display: none;
}

#musterauswahl_main2, #musterauswahl_main3 {
	margin-top: 10px;
}
#musterauswahl_main2 .auswahl_headline, #musterauswahl_main3 .auswahl_headline {
	display: none;
}
.section_head_column ~ .muster_scrollview {
	display: none;
}
.section_head_column.aktiviert ~ .muster_scrollview {
	display: block;
}


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

.slogan{
	/*font-family: MetaPro-Thin; */
	font-size: 25px;
}

footer{
	font-size: 20px;
	background-color: var(--footerhintergrund);
    padding-top: 60px;
    padding-bottom: 30px;
    margin-top: 140px;
    color: #ffffff;
    position: relative;
    top: 0px;
}
.footer, footer p, footer a, footer a:link {
	color: #ffffff;
}
footer .metaNavFooter ul li a {
    color: rgba(255, 255, 255, 0.5);
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.05em;
}
footer .container {
	max-width: 1440px;
}
footer a {
    color: #ffffff;
    font-size: 18px;
    line-height: 1.5;
}
footer a:hover {
    color: rgba(255, 255, 255, 0.5);
    text-decoration: none;
}
footer p {
    color: #fff;
    font-size: 18px;
    margin-top: 0;
    margin-bottom: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    line-height: 1.5;
}
.cb-richtext p {
    display: block;
}
.cb-richtext {
    margin-bottom: 60px;
}
footer .footerLogo {
    position: relative;
  	height: 20px;
}
footer .footerLogo .logo {
    position: absolute;
    width: 150px;
    left: 50%;
    transform: translate(-50%, -50%);
    top: -55px;
}
footer .copyright p {
    margin-bottom: 0;
    font-weight: 600;
    letter-spacing: 1px;
}
footer .metaNavFooter ul {
    display: inline-flex;
}
footer a:visited {
    color: white;
}
.-bgwhite {
    background-color: #fff;
    margin-top: 16px;
    margin-bottom: 16px;
    border: 0;
    border-top: 1px solid rgba(0,0,0,.1);
}
._text-uppercase {
    text-transform: uppercase !important;
}
footer .metaNavFooter ul li {
    margin-left: 5px;
    margin-right: 5px;
}
footer .metaNavFooter ul li:first-child {
    margin-left: 0;
}

div.auswahl_feld{
	font-size: 1rem;
	font-weight: normal;
	color: var(--textfarbe);
	padding-left: 25px;
	padding-right: 5px;
}

#auswahl_modell .auswahl_feld {
	/*display: none;*/
	font-size: 20px;
	font-weight: 700;
	color: var(--textfarbe);
}

select.direktauswahl{
	font-size: 14px;
	width: 48%;
	height: 45px;
	margin-right: 2%;
	border-radius: 1px;
	border-color: var(--highlightfarbe);
}

.custom-select{
	height: calc(3.25rem + 2px);
}
.dropdown {
	width: max-content;
	min-width: 48%;
}

#filter_muster_form .dropdown,
#filter_muster_form1 .dropdown,
#filter_muster_form2 .dropdown {
	width: unset;
	min-width: unset;
}
.vermassung_dropdown {
    display: block;
    font-family: Open Sans;
	font-size: 14px;
	font-weight: 700;
    text-align: left !important;
    /*width: auto;
    min-width: 48%;
    height: 45px;
    margin-left: 0px !important;
    margin-right: 0px !important;
    padding-top: 6px;
    padding-left: 10px;
    padding-right: 35px;
    border: 1px solid var(--highlightfarbe);
    border-radius: 2px;
    background-image: url('../pic/mandant57/cb_arrow_dark.jpg');
    background-size: 15px;
    background-repeat: no-repeat;
    background-position: right 10px center;*/
}
a.vermassung_dropdown {
	margin: -8px 0;
    padding: 8px 30px 8px 0;
}
.vermassung_dropdown.dropdown-toggle::after {
	position: absolute;
	top: 23px;
	left: 43%;
	border: none;
}
select.mass_select {
	background-image: url('../pic/mandant57/cb_arrow_dark.jpg');
    background-size: 15px;
    background-repeat: no-repeat;
    background-position: right 10px center;
}

a.box_error {
	border-color: var(--errorfarbe);
}
.error_text {
	background-color: var(--errorfarbe);
}
.dropdown-menu.vermassung_select {
	font-family: Open Sans;
	font-size: 14px;
	width: auto;
	min-width: 100%;
	height: max-content;
	max-height: 312px;
	padding: 10px 10px 0 10px;
	margin-top: 3px;
	background-color: white;
	overflow-y: auto;
	border-width: 1px;
	border-color: var(--textfarbe);
}
.vermassung_select a.dropdown-item {
	display: flex;
	font-size: 14px;
	text-align: left;
	width: inherit;
	height: 50px;
    margin: 0 0 10px 0;
    padding-top: 16px;
    padding-right: 25px;
    border: 1px solid var(--umrandung);
    border-radius: 0;
}
.vermassung_select a.dropdown-item.sel {
    border-color: var(--aktivfarbe);
}
.vermassung_select a.dropdown-item .radio_dot {
	display: none;
}
.vermassung_select a.dropdown-item.sel .radio_dot {
	display: block;
}
.vermassung_select a.dropdown-item .radio_circle {
	display: block;
}
.vermassung_select a.dropdown-item.sel .radio_circle {
	display: none;
}
.dropdown-item .far {
	padding-top: 2px;
    padding-left: 7px;
    padding-right: 7px;
}
.dropdown_oben {
	margin-bottom: 10px;
}
.cb_akt_value {
	font-family: Open Sans;
	font-weight: 500;
	display: contents;
    height: min-content;
}

#schnell_artikel {
	position: relative;
	height: 40px;
	width: calc(100% - 150px);
	margin: 5px 10px 10px 10px;
	border-width: 1px;
	border-radius: 1px;
	border-style: solid;
	border-color: var(--umrandung);
	color: var(--textfarbe);
	font-size: 14px;
	font-weight: 700;
	padding-left: 15px;
	z-index: 7;
}
#erweiterteSucheStart {
	margin-top: 4px;
}
#filter_muster_form,
#filter_muster_form1,
#filter_muster_form2,
#erweiterte_suche {
	display: flex-root;
	width: 100%;
	max-width: 100%;
	border: none;
}
select {
	height: 45px;
	width: 48%;
	border-width: 1px;
	border-radius: 1px;
	border-style: solid;
	border-color: var(--umrandung);
	color: #c4cecd;
	font-size: 14px;
	padding-top: 7px;
	padding-left: 10px;
	padding-right: 15px;
	cursor: pointer;
}

#zubehoer_form select, #einzelteil_form select, #befestigung_form select, #elektrozubehoer_form select {
	min-width: 40px;
	max-width: calc(50% - 90px);
    height: 40px;
    float: right;
    padding: 8px;
    margin-right: 18px;
    color: var(--textfarbe);
}

#filter_muster_form #dropdownMenuLink, #filter_muster_form #s_transparenz, #filter_muster_form #s_rueckseite,
#filter_muster_form1 #dropdownMenuLink, #filter_muster_form1 #s_transparenz, #filter_muster_form1 #s_rueckseite,
#filter_muster_form2 #dropdownMenuLink, #filter_muster_form2 #s_transparenz, #filter_muster_form2 #s_rueckseite,
#erweiterte_suche select, div.dropdown, select.direktauswahl, #s_preisgruppe {
	font-size: 14px;
	font-weight: 700;
	line-height: 1.2;
	width: 100%;
	height: 35px;
    padding: 8px 0 8px 0;
    border-width: 0 0 1px 0;
    border-style: solid;
    border-radius: 0;
    border-color: var(--umrandung);
    margin-right: 0;
    margin-bottom: 5px;
    float: left;
    color: var(--placeholderfarbe);
    background: url(../pic/mandant57/dropdown_arrow.png) no-repeat right 8px bottom 11px/24px 13px;
}
#filter_muster_form #dropdownMenuLink, #filter_muster_form1 #dropdownMenuLink, #filter_muster_form2 #dropdownMenuLink {
	border: 0;
	background: unset;
}
div.dropdown:not(.filter_dropdown) {
	height: 30px;
	padding-left: 0;
	background: url(../pic/mandant57/dropdown_arrow.png) no-repeat right 8px bottom 7px/24px 13px;
}
/*
#filter_muster_form #dropdownMenuLink:hover, #filter_muster_form #s_transparenz:hover, #s_preisgruppe:hover, #filter_muster_form #s_rueckseite:hover,
#erweiterte_suche select:hover, div.dropdown:hover, select.direktauswahl:hover {
	background-color: var(--highlightfarbe);
}
*/
#filter_muster_form .dropdown, #filter_muster_form select,
#filter_muster_form1 .dropdown, #filter_muster_form1 select,
#filter_muster_form2 .dropdown, #filter_muster_form2 select {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    margin-left: 10px;
    margin-right: 0;
    color: var(--placeholderfarbe);
    cursor: pointer;
}
#filter_muster_form .dropdown, #filter_muster_form1 .dropdown, #filter_muster_form2 .dropdown {
    padding: 0;
}
#filter_muster_form option, #filter_muster_form1 option, #filter_muster_form2 option {
	cursor: pointer;
}
#filter_muster_form .dropdown a.custom-select, #filter_muster_form1 .dropdown a.custom-select, #filter_muster_form2 .dropdown a.custom-select {
	width: 100%;
    padding-top: 10px !important;
}
.muster_scrollview {
	/*min-height: 400px;*/
	max-height: 750px;
	overflow-y: scroll;
	overflow-x: hidden;
}
.pre-scrollable {
	max-height: 304px;
}
#filter_muster_form .dropdown-menu.show, #filter_muster_form1 .dropdown-menu.show, #filter_muster_form2 .dropdown-menu.show {
	transform: translate3d(0px, 45px, 0px) !important;
	width: max-content;
}

#vermassung_submit_button {
	display: none;
}
a.dessin_submit {
	width: 24%;
	float: none;
	vertical-align: bottom;
	margin-bottom: 15px;
}
input.suchen_button {
	width: 48%;
	height: 38px;
	margin-right: 0;
	margin-left: 10px;
	margin-bottom: 15px;
	float: left;
	background-color: var(--umrandung);
	border: 0;
}
#suchen.suchen_button {
	margin-top: 10px;
}
input.suchen_button:hover {
	background-color: var(--umrandung);
	border: 0;
}
input.erweiterte_suche {
	width: 48%;
	margin-right: 0;
	margin-left: 10px;
}

select option, .dropdown-menu a.dropdown-item {
	color: var(--textfarbe);
}
#schienenfarbe_cb.dropdown-menu a.dropdown-item {
	padding-right: 27px;
}

#vermassung_content_bottom, #vermassung_content_top {
	position: relative;
	left: 0px;
	padding-bottom: 20px;
	padding-left: 15px;
	/*width: 41.666667%;*/
}
#vermassung_content_top {
	display: block;
}
.fensterform #vermassung_content_bottom, .modell #vermassung_content_bottom,
.fensterform #vermassung_content_top, .modell #vermassung_content_top {
	max-width: 40%;
}
#vermassung_meineauswahl {
	position: relative;
	/*max-width: 58.333333%;*/
	right: 0px;
	padding-top: 0px;
	padding-right: 15px;
}
.fensterform #vermassung_meineauswahl, .modell #vermassung_meineauswahl {
	min-width: 60%;
	max-width: 60%;
}

#auswahl_muster {
	overflow-y: hidden;
	overflow-x: clip;
}
.auswahl_feld {
	height: auto;
}
#musterauswahl .achtung {
	font-family: Open Sans;
	font-size: 1rem;
	font-weight: unset;
	padding-right: 10px;
}
.aktuelle_auswahl_head {
	font-family: Open Sans;
	color: var(--textfarbe);
	display: inline-flex;
	margin-bottom: 42px;
}
.aktuelle_auswahl_head.vorschau {
	display: none;
}

#aktuelle_auswahl.vorschau:not(.ansicht) #zoom_minus, #aktuelle_auswahl.vorschau:not(.ansicht) #zoom_plus,
#aktuelle_auswahl.modell #oeffnung_zu, #aktuelle_auswahl.modell #oeffnung_halb , #aktuelle_auswahl.modell #oeffnung_offen {
	display: none !important;
}
#aktuelle_auswahl #abschluss_bestelluebersicht, #aktuelle_auswahl #abschluss_ansicht {
	display: none;
}
#aktuelle_auswahl.vorschau #abschluss_bestelluebersicht, #aktuelle_auswahl.vorschau #abschluss_ansicht {
	display: block;
	z-index: 4;
}
#aktuelle_auswahl.modell #raumbild {
	max-height: unset !important;
}

#aktuelle_auswahl > #raumbild > #preis_bereich ~ table {
	margin-top: -30px;
}

.right_content_box.row {
    margin: 0;
}
.right_content_box.row div {
    padding: 0;
}
.right_content_box a.start_rechts {
    padding: 10px;
}

.start_headline {
	display: block;
	font-family: Open Sans;
	font-size: 16px;
	font-weight: 700;
	text-align: left;
	line-height: 1;
    color: var(--textfarbe);
    padding: 0px 5px 5px 0px;
}
.start_untertitel {
	display: block;
	font-family: Open Sans;
	font-size: 14px;
	text-align: center;
    color: var(--textfarbe);
}

.abschluss_head_row {
	position: relative;
	width: 100%;
	height: 23px;
	margin-bottom: 42px;
}
.abschluss_headline {
    font-family: Open Sans;
    font-size: 1rem;
    color: var(--textfarbe);
    margin-top: 20px;
    margin-bottom: 20px;
}
.abschluss_rechts .aktuelle_auswahl_head {
	position: absolute;
	right: 0px;
}

.abschluss_rechts .btn.muster_info_button {
	display: none;
}
.abschluss_auswahl {
	text-align: center;
	width: 100%;
	height: auto;
	min-height: 400px;
	/*border: 1px solid var(--highlightfarbe);*/
	padding-left: 0;
	padding-right: 0;
}
.abschluss_text {
	font-family: Open Sans;
	font-size: 14px;
	color: var(--textfarbe);
}
.warenkorb_column {
	margin: 0 10px;
}
.beratung_column.filiale {
    border-right: 1px solid var(--highlightfarbe);
}
.abschluss_icon_gross {
	width: auto;
	height: 4rem;
	max-height: 60px;
}
.abschluss_buttons {
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 0 25px;
}
.abschluss_buttons .col {
	padding: 0;
	text-align: center;
	text-align: -moz-center;
	text-align: -webkit-center;
}
.vertikal_trenner {
    width: 100%;
    height: 1px;
    background-color: var(--umrandung);
    margin-top: 10px;
    margin-left: 0;
    float: left;
}
.icon_button {
	text-align: center;
    width: 100px;
    height: 100px;
    border-radius: 0;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50px 50px;
}
.icon_button.save_icon {
	background-image: url('../pic/mandant57/save.png');
}
.icon_button.print_icon {
	background-image: url('../pic/mandant57/print.png');
}
.icon_button.mail_icon {
	background-image: url('../pic/mandant57/mail.png');
}
.icon_button_text {
	font-family: Open Sans;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    width: 100%;
    color: var(--textfarbe);
    margin-top: -30px;
    pointer-events: none;
}
.abschluss_buttons.disabled .icon_button {
    pointer-events: none;
}
.abschluss_buttons.disabled .icon_button.save_icon {
	background-image: url('../pic/mandant57/save2.png');
}
.abschluss_buttons.disabled .icon_button.print_icon {
	background-image: url('../pic/mandant57/print2.png');
}
.abschluss_buttons.disabled .icon_button.mail_icon {
	background-image: url('../pic/mandant57/mail2.png');
}
.abschluss_buttons.disabled .icon_button_text {
    color: var(--navgrau);
    pointer-events: none;
}

.abschluss_icon_klein {
	width: 2rem;
	height: 2rem;
	margin-top: 20%;
}
.refrenznummer_abrufbar {
	font-family: Open Sans;
	font-size: 12px;
	text-align: left;
	color: var(--textfarbe);
	padding: 12px 25px;
}
.refrenznummer_abrufbar .text_link {
	font-size: 12px;
	color: var(--textfarbe) !important;
	text-decoration: underline !important;
}
.refrenznummer_abrufbar .text_link:hover {
	color: var(--aktivfarbe) !important;
}

#zubehoer .auswahl li.auswahl_zubehoer {
	font-size: 14px;
	margin-bottom: 10px;
	display: flow-root;
}
input.mass_input_zub {
    text-align: center;
    width: 40px;
    min-width: 40px;
    max-width: 40px;
    height: 40px;
    padding: 5px;
    margin: 0;
    color: var(--textfarbe);
    border: 1px solid var(--umrandung);
    border-width: 1px 0;
    float: left;
    flex: unset !important;
}
#zubehoer.auswahl_scrollbox li input.mitValue {
	border-color: var(--aktivfarbe);
	background-color: var(--highlightfarbe);
}
#zubehoer.auswahl_scrollbox li input.mitValue:focus {
	border-left: 0;
	border-right: 0;
}
.input_label.zubehoer_tooltip_bootstrap {
    display: block;
    float: right;
    height: auto;
    min-height: 40px;
    width: calc(100% - 135px);
    margin: 0;
    padding-top: 3px;
    padding-left: 10px;
    border: 0;
    cursor: default;
}
.mitValue + .input_label {
	border-color: var(--aktivfarbe);
}
.mitValue + .input_label .zubehoer_checkbox {
	display: none;
}
.mitValue + .input_label .zubehoer_checkbox_checked {
	display: block;
}
#zubehoer {
	overflow-y: auto;
	max-height: 600px;
}
#zubehoer .viewport {
	padding-left: 10px;
}
.zubehoer_preis {
	font-family: Open Sans;
}
.mass_input_button.submit_ok {
	margin-top: 0px;
	margin-right: 3%;
	height: 38px;
}
.zubehoer_checkbox {
    width: min-content;
    height: auto;
    float: left;
    font-size: 1.2em;
    margin-top: 7px;
    margin-right: 8px;
    margin-bottom: 9px;
}
.zubehoer_checkbox_checked {
	display: none;
	width: min-content;
    height: auto;
    float: left;
    font-size: 1.2em;
    margin-top: 7px;
    margin-right: 8px;
    margin-bottom: 9px;
}
#zubehoer .auswahl li:nth-child(odd) {
	background-color: unset;
}
.zubehoergruppe {
    font-weight: bold;
    margin: 4px 0px 4px 0px;
    font-size: 1rem;
}

.zubehoer_tooltip_bootstrap_name {
	font-weight: 700;
    width: 100%;
    display: block;
}
.zubehoer_tooltip_bootstrap_beschreibung {
    width: 100%;
    display: block;
}


.muster_detail_overlay {
	display: none !important;
}

.abschluss_uebersicht {
	display: none;
    position: relative;
    font-family: Open Sans;
    font-size: 14px;
    line-height: 1.5;
    width: 100%;
    max-width: 100%;
    height: auto;
    padding: 15px 10px;
    background-color: white;
    z-index: 10;
}
#auswahl_vorschau .abschluss_uebersicht {
	display: block;
}
.abschluss_uebersicht .modellinfo_lr {
	position: relative;
	font-size: 14px;
	text-align: left;
	width: auto;
	max-width: 100%;
	top: 0;
	color: var(--textfarbe);
	margin: 0;
	padding: 0;
}
div.teaser {
	font-size: 14px;
	line-height: 1.5;
	margin-top: 50px;
	padding: 15px 15px 15px 150px;
	border: 3px solid var(--aktivfarbe);
	background-color: white;
	margin-right: 20px;
	background-image: url('../pic/mandant57/teaser20.jpg');
	background-repeat: no-repeat;
	background-position: top left;
	background-size: 150px;
}
div.teaser br {
	display: inherit;
}
div.teaser a {
	font-weight: bolder;
	text-decoration: underline;
}
span.modellinfo_beschreibung {
	display: inline-table;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	text-align: left;
	vertical-align: top;
    width: 50%;
    color: var(--textfarbe);
    padding: 5px 0;
    border-bottom: 1px solid var(--umrandung);
    margin-right: -1%;
}
span.modellinfo_beschreibung.masse {
	display: none;
}
span.modellinfo_beschreibung.zubehoer {
	width: 100%;
	border: 0;
}
span.modellinfo_wert {
	display: inline-table;
	font-size: 14px;
	font-weight: 500;
	text-align: right;
	vertical-align: top;
    width: 50%;
    color: var(--textfarbe);
    padding: 5px 0;
    border-bottom: 1px solid var(--umrandung);
}
.warenkorb_position_box span.modellinfo_wert {
	display: inline-table;
    font-size: 12px;
    font-weight: 500;
    vertical-align: top;
    color: var(--textfarbe);
    text-align: left;
    height: 15px;
    padding: 0;
    padding-left: 10px;
    border: 0;
    float: left;
    width: auto;
    border: 0;
}
.modellinfo_wert.traeger.mit_untertraeger {
	width: calc(50% - 26px);
}
.modellinfo_wert_traeger2 {
	width: 30px;
    display: inline-table;
    font-size: 14px;
    font-weight: 500;
    text-align: right;
    vertical-align: top;
    color: var(--textfarbe);
    padding: 5px 0 5px 5px;
    border-bottom: 1px solid var(--umrandung);
    margin-left: -8px;
}
.warenkorb_position_element .modellinfo_wert_traeger2 {
	width: auto;
	height: auto;
	font-size: 12px;
	padding: 0 0 0 5px;
	margin: 0;
	border: 0;
	float: left;
}
.warenkorb_position_element .modellinfo_wert.traeger.mit_untertraeger {
	width: auto;
}
.modellinfo_ganze_zeile {
	display: inline-table;
	font-size: 14px;
	font-weight: 400;
	text-transform: uppercase;
	text-align: right;
	vertical-align: top;
    width: 100%;
    color: var(--textfarbe);
    padding: 5px 0;
    border-bottom: 1px solid var(--umrandung);
    margin-right: -1%;
}

.warenkorb_position_element {
	margin-top: 0px;
    display: flex;
}
.warenkorb_position_element.warenkorb_gesamtpreis {
	height: 40px;
}
.warenkorb_position_preis {
	display: grid;
	align-content: center;
    justify-content: start;
    width: 100%;
}

.warenkorb_position_box .warenkorb_position_element.datum {
	display: none;
}
.warenkorb_position_box .warenkorb_position_element:nth-child(2) {
	width: 40%;
}
.warenkorb_position_box .warenkorb_position_element:nth-child(3) {
	width: 20%;
	height: 40px;
    display: grid;
    align-content: center;
}
.warenkorb_position_box .warenkorb_position_element:nth-child(4) {
	width: 42%;
}
.warenkorb_position_box .warenkorb_position_element:nth-child(5) {
	display: grid;
	align-content: center;
	font-weight: 700;
	width: 20%;
	height: 40px;
}

.warenkorb_header_box {
	display: block;
	width: 100%;
	height: 10px;
}
.warenkorb_header_box .warenkorb_header_element {
	font-size: 14px;
	font-weight: 700;
	text-align: left;
	text-transform: uppercase;
	float: left;
}
.warenkorb_header_box .warenkorb_header_element:nth-child(1) {
	width: 40%;
}
.warenkorb_header_box .warenkorb_header_element:nth-child(2) {
	width: 20%;
}
.warenkorb_header_box .warenkorb_header_element:nth-child(3) {
	width: 20%;
}
.warenkorb_header_box .warenkorb_header_element:nth-child(4) {
	width: 20%;
}

a.btn.wk_aendern_button {
	background-color: var(--sekundaerfarbe);
    border: 0;
    position: relative;
    left: calc(40% * 0.33333 + 20px);
    bottom: 0px;
    clear: both;
    float: left;
    margin: 0;
}

#gutscheine, #warenkorb_save {
	display: inline-block;
	font-size: 14px;
	color: var(--textfarbe);
	background-color: var(--hintergrund_grau);
	padding: 0;
	margin-top: 15px;
}
.wk_gesamt_hinweis_login {
	font-weight: 700;
}

span.preisgruppe {
	font-size: 14px;
	color: var(--textfarbe);
}
#abschluss_preis {
    display: inline-table;
    font-size: 14px;
    font-weight: 700;
    text-align: right;
    color: var(--textfarbe);
    min-width: 50%;
    height: 32px;
    padding: 5px 1px;
    border-bottom: 1px solid var(--umrandung);
}
#abschluss_preis .links_waehrung {
	display: contents;
    width: auto;
    max-width: unset;
    min-width: unset;
}
#abschluss_preis .rechts_preis {
	width: max-content;
	display: inline-block;
}

.abschluss_referenz {
    font-size: 14px;
    padding: 5px 0;
}
.abschluss_referenz_wert {
	font-weight: 700;
	padding-left: 10px;
}

.notify-wrapper {
	height: 10px;
}

#startseite_logo {
    position: relative;
    top: 30px;
    height: 50px;
    float: right;
}

#info_menu .container {
    display: flow-root;
    margin-bottom: 20px;
}

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

div.info_menu_links li{
	/*width: 227px;*/
	width: 25%;
    margin: 0 20px;
}

.info_menu_links_text {
	min-width: 227px;
	padding: 0;
}

.vermassung_beschreibung{
	font-size: 16px;
	color: var(--textfarbe);
	margin-bottom: 10px;
}
.vermassung_content li:not([class]) {
    padding-top: 5px;
    font-size: 14px;
    padding-bottom: 5px;
}
.vermassung_content input[type="radio"] {
	height: inherit;
	width: 35px;
	margin-top: -10px;
	margin-left: -10px;
}
.auswahl label {
    margin-left: 0px;
    width: 99%;
    display: block;
    height: inherit;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
    clear: both;
}
.switch-button-background ~ .input_label {
    font-size: 1rem;
    padding-top: 0;
    margin-top: 0;
    margin-bottom: 0;
}
#vermassung_schienenfarbe .radio_label {
    margin-top: -18px;
}
.schienenfarbe_icon {
	height: 35px;
	width: 35px;
	min-width: 35px;
	margin-top: -9px;
	margin-right: 5px;
	border-color: var(--highlightfarbe);
}
#vermassung {
    /*overflow-y: auto;*/
    overflow-y: visible;
    /*max-height: 670px;*/
    max-height: unset;
}
#vermassung ul.auswahl {
	padding-bottom: 25px;
}
#vermassung li.auswahl {
	position: relative;
	border-width: 1px;
	padding-top: 0;
	/*padding-bottom: 10px;
	margin-top: 10px;*/
	padding-bottom: 0px;
	margin-top: 10px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	border: none;
}
#vermassung .viewport {
	margin-left: 10px;
    margin-right: 10px;
}
#vermassung li#vermassung_laddertape {
	font-size: 14px;
    min-height: 45px;
}
#vermassung_laddertape .vermassung_beschreibung {
	font-size: 14px;
}
#auswahl_vermassung .hinweis, #auswahl_modell .hinweis {
	display: none;
}
/*#vermassung li#vermassung_schienenfarbe .dropdown.show*/
#vermassung li#vermassung_seitenfuehrung .dropdown.show {
	margin-bottom: 15px;
}

#vermassung_masswert li {
	width: 100%;
    float: left;
	clear: none;
	padding: 0;
	margin: 10px 0 5px 0;
}
#vermassung_masswert li input {
	line-height: 1;
	width: 50%;
	min-width: 50%;
	max-width: 100%;
	height: 40px;
	padding: 8px;
    border: 1px solid var(--umrandung);
    margin-top: 30px;
    margin-bottom: 0;
}
#vermassung_masswert li select,
#vermassung_masswert li .dropdown,
#vermassung_bedienart li select,
#vermassung_bedienart li .dropdown {
	font-size: 14px;
    font-weight: 700;
    width: 100%;
    height: 35px;
    padding: 8px;
    border-width: 0 0 1px 0;
    border-style: solid;
    border-radius: 0;
    border-color: var(--umrandung);
    margin-right: 0;
    margin-bottom: 5px;
    margin-top: 15px;
    float: left;
    color: var(--textfarbe);
    background: url(../pic/mandant57/dropdown_arrow.png) no-repeat right 8px bottom 10px/24px 13px;
}
#vermassung_masswert li .dropdown,
#vermassung_bedienart li .dropdown {
	padding: 8px 0;
	margin-top: 10px;
}
#vermassung_masswert li.konfektionaer div.dropdown {
	margin-bottom: 0px;
}
/*
#vermassung_masswert li select:hover,
#vermassung_masswert li div.dropdown:hover {
	background-color: var(--highlightfarbe);
}
*/

#vermassung_masswert li.breite, 
#vermassung_masswert li.hoehe, 
#vermassung_masswert li.kettenlaenge, 
#vermassung_bedienart li.kettenlaenge, 
#vermassung_masswert li.stablaenge,  
#vermassung_bedienart li.stablaenge, 
#vermassung_masswert li.bedienlaenge, 
#vermassung_masswert li.schlaufenanzahl,
#vermassung_masswert li.koepfchenhoehe,
#vermassung_masswert li.tunnelhoehe,
#vermassung_masswert li.schnurzuglaenge,
#vermassung_masswert li.wendestablaenge,
#vermassung_masswert li.wendungoberunterschiene,
#vermassung_masswert li.zugabe,
#vermassung_masswert li.anzahl,
#vermassung_masswert li.fuellung  {
	float: left;
	clear: none;
	/*margin-top: 30px;*/
	margin-right: 0;
	margin-bottom: 0;
	width : 100%;
}
#vermassung_masswert li.kettenlaenge,
#vermassung_bedienart li.kettenlaenge {
	margin-bottom: 10px;
}

#vermassung_masswert li.geteilt,
#vermassung_masswert li.konfektionaer,
#vermassung_masswert li.saum_unten,
#vermassung_masswert li.gleiter,
#vermassung_masswert li.stoffseite,
#vermassung_masswert li.breitep,
#vermassung_masswert li.breitefl,
#vermassung_masswert li.paneelbreite,
#vermassung_masswert li.laeufe,
#vermassung_masswert li.futter,
#vermassung_masswert li.verdrehsicherung {
	margin: 5px 0 5px 0;
	border-top: 0;
}
#vermassung_masswert li.abrollseite {
    margin: -10px 0 0 0;
}
/*
#vermassung_masswert li.kettenlaenge span.masswertname,
#vermassung_masswert li.koepfchenhoehe span.masswertname,
#vermassung_masswert li.tunnelhoehe span.masswertname {
	margin-top: -73px;
}
*/
#vermassung_masswert li.breite input,
#vermassung_masswert li.hoehe input, 
#vermassung_masswert li.kettenlaenge input,
#vermassung_masswert li.kettenlaenge select, 
#vermassung_bedienart li.kettenlaenge select,
#vermassung_masswert li.stablaenge select,
#vermassung_bedienart li.stablaenge select,
#vermassung_masswert li.bedienlaenge input, 
#vermassung_masswert li.schlaufenanzahl input{
	width : 50%;
}
#vermassung_masswert li.zugabe select.mass_select {
	width: 50%;
	border: 1px solid var(--umrandung);
}
#vermassung_masswert li.bahnen {
	float: initial;
	clear: none;
}
/*
#vermassung_masswert li.zugabe, #vermassung_masswert li.saum_unten, #vermassung_masswert li.gleiter, #vermassung_masswert li.stoffseite,
#vermassung_masswert li.anzahl, #vermassung_masswert li.breitep, #vermassung_masswert li.breitefl, #vermassung_masswert li.paneelbreite,
#vermassung_masswert li.laeufe {
    border-top: 0;
    margin-top: 0px;
    padding-top: 15px;
}*/
#vermassung_masswert li.laeufe {
	padding-top: 0px;
}

#vermassung_masswert li.saum_unten + li.saum_unten
{
	border-top-style: none;
	margin-top: 0px;
	padding-top: 0px;
}
#vermassung_masswert li.masshinweis {
	margin-bottom: -15px;
}
/*
#vermassung_masswert li.magnet, 
#vermassung_masswert li.magnetohne {
	height: 40px;
	margin-bottom: 30px;
}
#vermassung_masswert li.magnet div.dropdown, 
#vermassung_masswert li.magnetohne div.dropdown,
*/
#vermassung_bedienart li.stablaenge select, 
#vermassung_bedienart li.kettenlaenge select {
	line-height: 1;
	width: 50%;
	height: 40px;
	padding: 11px 8px;
    border: 1px solid var(--umrandung);
    margin-top: 30px;
    margin-bottom: 0;
}
/*
#vermassung_masswert li.magnet a.vermassung_dropdown, 
#vermassung_masswert li.magnetohne a.vermassung_dropdown {
	margin: -11px -15px;
    padding: 11px 30px 11px 15px;
}
*/
#vermassung_masswert li.verdrehsicherung .dropdown {
	height: 30px;
	padding: 8px 0 8px 0;
}
/*
#vermassung_masswert li.magnet span.masswertname,
#vermassung_masswert li.magnetohne span.masswertname,
*/
#vermassung_masswert li.fuellung span.masswertname {
	position: absolute;
	margin-top: 5px;
}
#vermassung_masswert li.breite select,
#vermassung_masswert li.breitep select,
#vermassung_masswert li.breitefl select, 
#vermassung_masswert li.paneelbreite input,
#vermassung_masswert li.laeufe select,
#vermassung_masswert li.wendestablaenge select,
#vermassung_masswert li.anzahl input,
#vermassung_masswert li.fuellung div.dropdown,
#vermassung_masswert li.kettenlaenge select {
	line-height: 1;
	min-width: 50%;
	width: auto;
	height: 40px;
	padding: 8px;
    border: 1px solid var(--umrandung);
    margin-top: 30px;
    margin-bottom: 0;
}
#vermassung_masswert li.laeufe span.masswertname,
#vermassung_masswert li.wendestablaenge span.masswertname {
	margin-top: -65px;
}
#vermassung_masswert li.wendungoberunterschiene span.masswertname {
	margin-top: 5px;
}
#vermassung_masswert li.wendungoberunterschiene div.dropdown .vermassung_dropdown {
	height: 40px;
    padding: 12px 30px 10px 0;
    line-height: 1;
}
#klebeprofilfarbe + .dropdown.show {
	margin-top: 15px;
}
   

#vermassung_submit_button {
    float: left;
    width: 35%;
    margin-top: 7px;
    margin-right: 15%;
}

#vermassung a.open_overlay {
	top: -2px;
    right: 35px;
    position: absolute;
    height: 10px;
    width: 10px;
    padding: 0;
    margin: 0;
    bottom: unset;
    left: unset;
}

div.dropdown.dropdown_oben {
	margin-bottom: 15px;
}

.masswertname {
    position: relative;
    display: block;
    font-size: 14px;
    color: var(--textfarbe);
    margin-top: 2px;
}
.hinweis_klein {
	position: relative;
    display: inline-block;
    font-size: 14px;
    color: var(--textfarbe);
    vertical-align: super;
    top: 7px;
    margin-top: 2px;
}
#auswahl_vermassung .auswahl_feld {
	display: block;
	font-size: 20px;
    font-weight: 700;
    padding-left: 10px;
    margin-bottom: 10px;
    color: var(--textfarbe);
}
#weiter_button_zubehoer, #weiter_button_vermassung, #zurueck_button_modell {
	display: none;
}

div.hinweis_ringe_gleiter {
	margin-top: 0px;
}
div.hinweis_ringe_gleiter br {
	display: block;
}

.masse_bereich {
	position: absolute;
	display: none;
    font-family: Open Sans;
    text-align: left;
    height: 30px;
    width: 100%;
    padding-top: 5px;
    padding-right: 100px;
    padding-left: 10px;
    z-index: 1;
    top: 0px;
    left: 0px;
    color: #ffffff;
}
.masse_bereich.error_text {
	display: block;
}
.masse_bereich.error_text + #preis_bereich {
	display: block;
}
.masse_bereich .mass_error_configured, .masse_bereich div {
	min-height: 30px;
	height: 30px;
    vertical-align: middle;
}

input.wkanzahl, form input.wkanzahl {
	width: 40px;
	min-width: 40px;
	max-width: 40px;
	padding: 6px;
    margin: 0;
    border-right: 0;
    border-left: 0;
}
input.wkanzahl:active, input.wkanzahl:focus {
	border-color: var(--umrandung);
}
.input-group-prepend, .input-group-append {
	max-width: 40px;
    max-height: 40px;
}
.input-group-prepend button {
	border-radius: 0;
    border-right: 0;
    border-color: var(--umrandung);
    color: var(--umrandung);
}
.input-group-append button {
	border-radius: 0;
    border-left: 0;
    border-color: var(--umrandung);
    color: var(--umrandung);
}
.mass_input_zub.mitValue ~ .input-group .input-group-prepend button {
	border-color: var(--aktivfarbe);
	background-color: var(--highlightfarbe);
}
.mass_input_zub.mitValue ~ .input-group .input-group-append button {
	border-color: var(--aktivfarbe);
	background-color: var(--highlightfarbe);
}
.input-group-prepend button:hover, .input-group-append button:hover {
	border-color: var(--umrandung) !important;
    color: var(--umrandung) !important;
}
.mass_input_zub.mitValue ~ .input-group .input-group-prepend button:hover,
.mass_input_zub.mitValue ~ .input-group .input-group-append button:hover {
	border-color: var(--aktivfarbe) !important;
    background-color: var(--highlightfarbe) !important;
}
.input-group {
	margin-right: 15px;
}
.auswahl_zubehoer .input-group {
	display: inline-flex;
	width: auto;
}

.form-control {
	height: 40px;
	border-color: var(--umrandung);
	    border-radius: 0;
}
.form-control:focus {
	border-color: var(--aktivfarbe);
	box-shadow: none;
}
.form-control.mass_input_zub:focus {
	border-color: var(--umrandung);
	background-color: var(--hintergrund);
}
.form-control.mass_input_error:focus {
	border-color: var(--errorfarbe);
}
.form-control:disabled, .form-control[readonly] {
    background-color: #e9ecef;
    opacity: 1;
    color: var(--umrandung);
}
.col-form-label {
    display: grid;
    align-content: center;
}

.loginseite form {
	margin-top: 20px;
}
.loginseite .form-group {
	margin-bottom: 20px;
}
.loginseite .form-group.row.offset-md-4 {
	max-width: 50%;
}
.loginseite .form-control {
	height: 40px;
	margin: 0;
}
.loginseite .col-form-label {
	height: 40px;
}
#remember-me {
    float: left;
    height: 16px;
    width: 16px;
    margin-top: 1px;
}
.anmeldung_merken {
	top: 0;
}
.login_hinweise div {
	margin-bottom: 20px;
}
#reg_kennwort_button, #neukunde, #reg_kennwort_button:hover, #neukunde:hover, #reg_kennwort_button:focus, #neukunde:focus {
	background-color: var(--sekundaerfarbe) !important;
	border-color: var(--sekundaerfarbe) !important;
}
.loginseite #anmeldung_button, .loginseite #reg_kennwort_button, .loginseite #neukunde {
	margin-left: 10px;
	min-width: calc(100% - 15px);
}

#login_logout {
	padding: 10px;
    border: 0;
}
.profil #login_logout {
	padding: 20px;
	left: 20px;
}

#eingabe_kundendaten, #eingabe_lieferdaten {
	padding-left: 0;
}
#kundendaten_form .form-control {
	height: 40px;
	margin: 0;
}
#kundendaten_form .form-group {
	margin-left: 0;
	margin-bottom: 20px;
}
span.stern {
	position: absolute;
    right: 0;
    font-size: 14px;
}

#eingabe_agb ul li {
	display: flex;
}
#agb {
    margin-left: 2px;
    height: 16px;
    margin-top: 0;
    float: left;
}
label[for="agb"] {
	width: calc(100% - 20px);
}
#eingabe_agb .vermassung_beschreibung {
	display: grid;
}
#eingabe_agb .vermassung_beschreibung a {
	width: 100%;
	color: #ffffff;
}
#eingabe_agb .vermassung_beschreibung b {
	height: 20px;
}


.combobox_text {
	display: grid;
	align-content: center;
    justify-content: start;
	padding-right: 20px;
	text-transform: none;
	height: 22px;
}
.dropdown .custom-select .combobox_text {
	margin-top: -8px;
}
#filter_muster_form .dropdown .custom-select .combobox_text,
#filter_muster_form1 .dropdown .custom-select .combobox_text,
#filter_muster_form2 .dropdown .custom-select .combobox_text {
	margin-top: -2px;
}

#aktuelle_auswahl.modell #masse_bereich.error_text, #aktuelle_auswahl.muster #masse_bereich.error_text,
#aktuelle_auswahl.muster1 #masse_bereich.error_text, #aktuelle_auswahl.muster2 #masse_bereich.error_text {
	display: none;
}

#produktgruppe_info {
	display: none !important;
    position: relative;
    width: 80%;
    bottom: 0px;
    z-index: 1;
    border-radius: 0px;
    padding-bottom: 10px;
    transform: translate(10px, calc(-100% - 10px));
}
.fensterform #produktgruppe_info {
	display: none;
}

.hilfe_link {
	position: absolute;
	font-size: 0.9rem;
	text-decoration: underline;
	right: 8px;
}
#muster_check1, #muster_check2 {
	cursor: pointer;
	color: #5e5b55;
}
.vorschau .hilfe_link {
	display: none;
}

a.open_overlay {
	color: var(--textfarbe)
}
#modellauswahl li.auswahl a ~ a.open_overlay {
	display: block;
}
#modellauswahl li.auswahl a.nicht_bestellbar ~ a.open_overlay {
	display: block;
}
#modellauswahl li.auswahl a + i.white_circle {
	display: none;
}

a.open_overlay.vermassung_info {
	/*display: none;*/
	display: block;
}

.hinweis{
	background-color: var(--highlightfarbe);
	padding: 20px;
	font-size: 16px;
	margin-top: 20px;
}
.modellinfo_modellauswahl .hinweis {
	margin-top: 0;
}
.hinweis.alert {
  font-size: 14px;
  background: none;
  padding: 0;
  border: 0;
}
.hinweis.alert a.text_link {
	font-size: 14px;
}

div.auswahl_scrollbox {
	font-family: Open Sans;
	font-size: 16px;
	color: var(--textfarbe);
	overflow-x: clip;
}
#modellauswahl.auswahl_scrollbox {
	/*overflow-y: scroll;*/
	overflow-x: hidden;
	/*max-height: 606px;*/
	padding: 0 10px;
}
#modellauswahl ul.auswahl {
	margin: 0;
	max-height: 750px;
}

#kundendaten_form, #vermassung_form, #zubehoer{
	font-size: 16px;
}

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

#aktuelle_auswahl_text, #preisinfo .preis_text, #preisinfo .preis_text_rabatt{
	font-size: 24px;
	height: auto;
	color: green;
}
#pageloading.ajaxLoading, .ajaxLoading {
	display: none !important;
}
#preisinfo {
	display: none;
}
#preis_bereich {
	position: absolute;
    display: inline-block;
    font-size: 18px;
    font-weight: 700;
    text-align: right;
    height: 30px;
    width: 100%;
    top: 0px;
    right: 0px;
    color: #ffffff;
    background-color: var(--aktivfarbe);
    padding-top: 5px;
    padding-right: 10px;    
}
#preisinfo .preis_error{
	font-size: 16px;
}
#preisinfo .preis_preis {
	display: flex;
	position: absolute;
	font-size: 1.2em;
	font-weight: normal;
	color: var(--aktivfarbe);
}
#aktuelle_auswahl.modell #preis_bereich, #aktuelle_auswahl.fensterform #preis_bereich {
	display: none;
}

.modellinfo_lr, .preis_preis {
	position: absolute;
	display: inherit;
	font-size: 1.2em;
	text-align: right;
	width: 140px;
	top: 7px;
	right: 0px;
	color: var(--textfarbe);
	padding-right: 20px;
}
.preis_text, .preis_error, .preis_mwst {
	display: none;
}
.links_waehrung {
	display: contents;
	font-size: 14px;
	width: stretch;
	width: -moz-available;
	width: -webkit-fill-available;
	float: right;
	margin-top: 3px;
	padding-right: 5px;
}
.gesamtpreis_position .links_waehrung {
	padding-right: 5px;
}
.rechts_preis {
	font-size: 1.2em;
	width: inherit;
	/*float: right;*/
	margin-top: -4px;
	text-align: left;
}

#technische_aenderungen{
	font-size: 14px;
	font-style: normal;
	font-family: Open Sans;
	/*transform: translate(0, 100%);*/
	color: var(--textfarbe);
	background-color:unset;
	padding: 10px;
	z-index: 9;
	opacity: 1;
	line-height: 1;
	pointer-events: none;
}
#raumbild > table + #technische_aenderungen {
    position: relative;
    display: block;
    width: 100%;
    left: 0;
    margin: 0;
    margin-bottom: 60px;
    transform: translate(0,0);
    padding: 5px;
}
.modell #raumbild > table + #technische_aenderungen {
	display: none;
}

.vermassung.pg_16 #technische_aenderungen, .vermassung.pg_17 #technische_aenderungen {
	display: block;
}
#aktuelle_auswahl.pg_16 #picturePictureArtikel, #aktuelle_auswahl.pg_17 #picturePictureArtikel {
	display: none;
}
#aktuelle_auswahl.pg_6 #technische_aenderungen, #aktuelle_auswahl.pg_9 #technische_aenderungen {
	display: none;
}

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

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

.info_hinweis{
	font-size: 16px;
	font-weight: 500;
	text-transform: unset;
}

.dropdown-menu{
	font-size: inherit;
}

input.mass_input, input.mass_input_error {
    font-family: Open Sans;
    font-size: 14px;
    font-weight: 700;
	text-align: left;
	width: 100%;
	height: 40px;
    color: var(--textfarbe);
	background-color: white;
	padding-top: 6px;
	padding-left: 15px;
	padding-right: 15px;
	border: 1px solid var(--umrandung);
	border-radius: 1px;
}
#vermassung_masswert .zugabe input.mass_input {
    width: max-content;
    min-width: 50%;
}
input.mass_input.mass_input_change {
	color: var(--aktivfarbe);
}
input.mass_input_error, select.mass_input_error,
#vermassung_masswert li input.mass_input_error,
#vermassung_masswert li select.mass_input_error {
	background-color: #ffffff;
    border: 1px solid var(--errorfarbe);
}
span.mass_input_error {
	color: var(--errorfarbe);
}
li.anzahl input, li.saum_unten input, li.oesenanzahl input {
	width: 48%;
}

#aktuelle_auswahl {
	position: relative;
	top: 70px !important;
}
#aktuelle_auswahl.pg_16, #aktuelle_auswahl.pg_17 {
	top: 70px !important;
}
#aktuelle_auswahl.pg_9, #aktuelle_auswahl.pg_27 {
	top: 36px !important;
}
.modell #aktuelle_auswahl, .fensterform #aktuelle_auswahl {
	top: 10px !important;
}
#aktuelle_auswahl_text{
	margin-top: 18px;
}

.abstandhalter {
	display: none;
}
.ausrufezeichen {
	font-family: Open Sans;
    font-size: 14px;
    font-weight: bold;
    padding-right: 5px;
    vertical-align: top;
    color: var(--errorfarbe);
}
/*
#aktuelle_auswahl.vorschau + .weiter_button_group a.weiter_button_sel {
	display: none;
}
*/

.nav-link .nicht_aktiviert, .section_head_column .nicht_aktiviert {
	display: block;
}
.nav-link .aktiviert, .section_head_column .aktiviert {
	display: none;
}
.nav-link.abgeschlossen .nicht_aktiviert, .section_head_column.abgeschlossen .nicht_aktiviert,
.nav-link .abgeschlossen.nicht_aktiviert {
	display: none;
}
.nav-link.abgeschlossen .aktiviert, .section_head_column.abgeschlossen .aktiviert,
.nav-link .abgeschlossen.aktiviert {
	display: block;
}

#hinweis_produktauswahl, #hilfe_popup, #referenz_popup {
	display: none;
	position: fixed;
	width: 50%;
	height: auto;
	background-color: white;
	color: var(--textfarbe);
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	border: 2px solid var(--aktivfarbe);
	box-shadow: 0px 0px 10px 2px var(--textfarbe);
	border-radius: 3px;
	z-index: 12;
}
#hilfe_popup .modal-header, #referenz_popup .modal-header {
	padding-left: 15px;
	border-radius: 0;
}
#hilfe_popup .row, #referenz_popup .row {
	margin: 0;
	margin-top: 15px;
	margin-bottom: 15px;
}
#hilfe_popup .hinweis_headline, #referenz_popup .hinweis_headline {
	font-family: Open Sans;
	font-size: 1rem;
	color: var(--textfarbe);
}
#hinweis_produktauswahl .hinweis_text, #hilfe_popup .hinweis_text, #referenz_popup .hinweis_text {
	font-family: Open Sans;
    width: 100%;
    padding: 20px;
}
.hinweis_background {
	display: none;
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: var(--textfarbe);
	opacity: 0.5;
	z-index: 21;
	top: 0;
}
#referenz_popup .formError {
	display: block;
}

#aktuelle_auswahl.pg27 .td_render_image {
	height: auto;
}
#raumbild img.fix_render_image {
	height: 100%;
    width: auto;
    padding-top: 10px;
    object-fit: contain;
}

#hinweis_warenkorb{
	font-size: 20px;
    padding-bottom: 20px;
    border-bottom: 0;
}

.rechts{
	padding-right: 0px;
}

.gesamt_sel_1{
	font-size: inherit;
}

table.wk_uebersicht tr:nth-child(1), table.wk_uebersicht tr:nth-child(2) {
	display: none;
}
table.wk_uebersicht td {
	padding: 10px 0 10px 10px;
}

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

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

#auswahl_bestellung td.hinweistext{
	padding-left: 10px;	
}

tr.extra_hintergrund_bottom {
	background-color: var(--hintergrund_grau);
}
table.table-striped.wk_uebersicht tbody tr.sel_hintergrund {
	background-color: var(--highlightfarbe);
}
.table-striped tbody tr.sel_hintergrund .alignright {
	font-weight: 700;
}

.warenkorb_position_box {
    display: inline-block;
    width: 100%;
    padding-bottom: 0px;
}
.warenkorb_position_element {
	float: left;
}
.warenkorb_position_element.warenkorb_zubehoer {
	display: block;
	font-size: 12px;
	width: calc(100% - (40% * 0.33333 + 20px));
    padding: 10px 0;
    margin-left: calc(40% * 0.33333 + 20px);
}
.warenkorb_position_element.warenkorb_zubehoer b, .warenkorb_position_element.warenkorb_zubehoer table, 
.warenkorb_position_element.warenkorb_zubehoer tr, .warenkorb_position_element.warenkorb_zubehoer td {
	font-size: 12px;
	font-weight: 500;
}
.warenkorb_zubehoer div.col i {
	padding-left: 3px;
}
.warenkorb_position_element span.modellinfo_beschreibung{
	font-size: 12px;
    font-weight: 500;
    float: left;
    display: block;
    border: 0;
    height: 15px;
    padding: 0;
    text-transform: unset;
    padding-right: 0px;
    width: auto;
    clear: both;
}

.warenkorb_position_element span.modellinfo_beschreibung.masse {
	height: 20px;
	padding-top: 5px;
}

.warenkorb_position_element .artikelbezeichnung .muster:nth-of-type(3) {
    padding: 0;
    width: 0;
}
.warenkorb_position_element .artikelbezeichnung .modellinfo_wert {
	padding-left: 10px;
}
.warenkorb_position_element #alle_masse_anzeigen_bonprint1 .modellinfo_beschreibung {
	padding-left: 10px;
}

.warenkorb_position_element .modellinfo_lr{
	position: relative;
	font-size: 12px;
	width: inherit;
	overflow-y: visible;
}
.warenkorb_position_element .muster_info_button {
	display: none;
}

a.info_button3.wk_loeschen_button {
    position: absolute;
    display: grid;
    align-content: center;
    min-width: unset;
    height: 40px;
    right: 15px;
    padding: 0;
    margin: -20px 0 0 0;
    background: none;
    border: 0;
    color: var(--textfarbe);
}
a.info_button3.wk_loeschen_button:hover {
	color: var(--textfarbe) !important;
}

#aktuelle_auswahl .modellinfo_lr {
    max-width: none;
}

/* Zoom und offene Ansicht ausblenden */
#zoom_minus, #zoom_plus {
	display: none !important;
	top: 0px;
	z-index: 4;
}
#zoom_minus, #zoom_plus {
    position: absolute;
    font-size: 2rem;
    text-align: right;
    width: inherit;
    top: 53px;
    left: 0;
    padding-right: 10px;
}
.vermassung #zoom_minus, .vermassung #zoom_plus, .modell #zoom_minus, .modell #zoom_plus {
	display: none !important;
}

input#einzelteil_anzahl{
	width: 55px;
	float: left;
	margin-right: 10px;
}

#einzelteil_detail_beschreibung a.warenkorb{
	float: right;
}

input[type="radio"]{
	height: auto;
	width: auto;
	margin-top: -4px;
	margin-right: 5px;
}

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

.infotext{
	font-size: 14px;
}

.infotext .grau{
	display: none;
}
.infotext.bestellungen .grau{
	display: block;
}

.agb_dsb_content{
	padding: 40px 30px 30px 20px;
}

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


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

.footline{
	height: 38px;
	display: none;
}

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

.warenkorb_position_preis {
    left: 0px;
    position: relative;
}
.warenkorb_einzelpreis .warenkorb_position_preis {
	font-weight: 500 !important;
}
.warenkorb_gesamtpreis .warenkorb_position_preis {
	font-weight: 700;
}

.container.warenkorb{
	max-width: 1440px;
	margin-bottom: 65px;
}

.warenkorb_position_text {
	display: none;
}

.headline_warenkorb_anzahl{
	color: var(--textfarbe);
    font-weight: 700;
    font-size: 11px;
    position: absolute;
    top: 16px;
    z-index: 1;
    left: 50%;
    transform: translate(50%, 0);
}

div.warenkorb_in_button {
	display: none;
	
	position: absolute;
	height: 32px;
	right: 142px;
}
a.warenkorb_in_button {
	display: block;
	font-size: 16px;
	width: fit-content;
	height: 40px;
	color: white;
	margin-top: 0;
	border-radius: 0;
	margin-top: 0;
	float: left;
}

div.wkanzahl {
	width: fit-content;
    float: left;
}

.start_logo{
	width: 367px;
	height: 69px;
	/*background-image: url('../pic/mandant57/start_logo_bootstrap_orig.png');*/
	background-repeat: no-repeat;
}

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

#gesamtauswahl{
	border: 0;
	padding: 25px;
	margin-top: 20px;
	background-color: var(--hintergrund_grau);
}
#montageservice {
	display: none;
}

.table-striped tbody tr:nth-of-type(odd) {
	background-color: unset;
}

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

.zahlungsarten img{
	height: 30px;
}

.section_head_column i.aktiviert {
	display: none !important;
	position: absolute;
    right: 10px;
    top: 11px;
    font-size: 16px;
}
.section_head_column i.nicht_aktiviert {
	display: block !important;
	position: absolute;
    right: 10px;
    top: 11px;
    font-size: 16px;
}
.section_head_column.aktiviert i.aktiviert {
	display: block !important;
}
.section_head_column.aktiviert i.nicht_aktiviert {
	display: none !important;
}

.montageinfo_vermassung {
	position: absolute;
	display: none;
	font-family: Open Sans;
	font-size: 14px;
    width: 100%;
    height: 100%;
    top: 0px;
    color: var(--textfarbe);
}
.vermassung .montageinfo_vermassung {
	display: block;
	position: relative;
}

.modellinfo_modellauswahl {
	position: relative;
	display: none;
	font-family: Open Sans;
    width: 100%;
    height: 100%;
    padding-top: 30px;
}
.modell .modellinfo_modellauswahl {
	display: block;
	overflow-y: auto;
}
.modell_content.row {
	margin: 0;
}
.modell .td_render_image {
	display: none;
}
.modell #picturePicture, .modell #pictureEinblenden {
	display: none !important;
}
.modell_info_content, .modell_info_content_sm {
	display: none;
}
.modell_info_content_sm .img_konstrukt {
	display: none;
}
.modell_info_content_sm br {
	display: block;
}
.modell_info_content.active {
	display: block;
}
.modell_info_content_sm .modell_beschreibung {
	font-size: 14px;
	padding-bottom: 15px;
}
.modellinfo_modellauswahl .beschreibung_content .modell_beschreibung {
	font-size: 14px;
	color: var(--textfarbe);
}
.modellinfo_modellauswahl .beschreibung_content .modell_bild {
	display: none;
}
.modellinfo_modellauswahl table {
	position: relative;
}
#raumbild .modellinfo_modellauswahl .beschreibung_content table tr {
	background-color: unset;
}
#raumbild .modellinfo_modellauswahl .beschreibung_content .paket_bild {
    position: relative;
    display: block;
    margin-left: 0;
}
#raumbild .modell_info_content img {
	position: relative;
}
#raumbild .modell_info_content img.img_konstrukt {
	position: relative;
}
#raumbild .modell_info_content img.img_messen {
	position: relative;
	max-height: 300px;
    margin: -20px 0 0 0;
}

.paket_bilder {
	font-size: 14px;
}

.aufmass_info_content {
	display: none;
    padding: 10px;
    /*border: 1px solid var(--textfarbe);*/
}
.aufmass_info_content.active {
	display: block;
}
#raumbild img.aufmass_bild {
    position: relative;
    display: block;
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 350px;
    border: 1px solid var(--umrandung);
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
}
#raumbild .montageinfo_vermassung table tr:nth-child(even) {
	background-color: unset;
	border-top: 1px solid #dadada;
	border-bottom: 1px solid #dadada;
}
.montageinfo_vermassung table td, .montageinfo_vermassung table th {
	border: 1px solid #dadada;
	padding: 2px;
}

#info_info .inhalt.bedienart_info.container {
	padding-top: 0;
}
#info_info .bedienart_info .img_konstrukt {
	border-width: 0;
	margin-bottom: 0;
/*	max-height: 175px;	*/
	display: block;
	margin: 0;
}
.bedienart_info_img {
    display: flex;
    align-items: flex-end;
}
.bedienart_kachel {
	display: grid;
    padding-bottom: 15px;
}
.bedienart_kachel:not(div) {
	display: none;
}

.bedienart_info_text {
	font-size: 14px;
    padding: 10px;
    min-height: 100px;
}
.bedienart_beschreibung img {
    left: 0px;
    transform: translate(0, 0);
    position: relative;
}
.info_beschreibung.bedienart_beschreibung.container {
	margin-top: 10px;
}

.error_doppelzeile {
    position: absolute;
    display: grid;
    align-content: center;
    top: 0;
    line-height: 1;
}
.mass_error_zusatz {
    position: absolute;
    display: block;
    text-align: left;
    width: 100%;
    top: 30px;
    left: 0;
    padding: 10px;
    border-radius: 1px;
    color: var(--textfarbe);
    background-color: #ffe4d2;
}
.masse_bereich .mass_error_zusatz {
	height: auto;
}

.alert {
	border-radius: 0;
	padding: 10px;
}
.alert-secondary {
	color: var(--textfarbe);
	border-color: var(--umrandung);
}

a.selcolor, a.selcolor:link, a.selcolor:visited, .selcolor {
	color: var(--aktivfarbe);
}

tr.uebersicht_info_zeile td {
	padding: 10px 0;
}

#wk_rechnung, #wk_liefer, #wk_adresse, .wk_hinweis {
	border: 0;
	border-radius: 0;
	width: calc(50% - 10px);
	max-width: calc(50% - 10px);
	margin: 0;
	padding: 10px;
}
#wk_rechnung {
	float: left;
}
.wk_hinweis {
	background-color: var(--highlightfarbe);
	float: right;
}

div.agb_warenkorb_uebersicht {
	padding-right: 0;
}
div.agb_warenkorb_uebersicht a {
	text-decoration: underline;
}
#wk_finish dl {
	margin: 10px 0;
}

#final_message {
	margin: 20px 0;
}
.wk_finish_zahlung_title {
	display: block;
    font-size: 20px;
    font-weight: 700;
    padding: 0 0 10px 0;
}

.hr {
	width: 100%;
    background-color: var(--umrandung);
    margin-left: 0px;
    margin-bottom: 10px;
}

.massinfo_ohne_montage {
	font-size: 0.9rem;
	font-weight: bold;
    padding: 10px;
    padding-top: 20px;
}

#schienen_info {
	position: absolute;
	width: 100%;
	top: 42px;
	left: 0;
	right: unset;
	background-color: unset;
	opacity: 1 !important;
}
#schienen_info_bild {
    right: 0px;
    left: unset;
    position: absolute;
}
#schienen_info_bild img {
    right: 0px;
    left: unset;
}
#aktuelle_auswahl.modell #schienen_info {
	display: none;
}
#aktuelle_auswahl.vermassung.pg_3 .aufmass_content {
	width: 50%;
	float: left;
	padding: 10px;
}

.akt_muster.alert {
	font-size: 14px;
	width: calc(100% - 10px);
	height: 100px;
	padding-left: 0;
	padding-right: 0;
	border-radius: 0;
    border-width: 0 0 1px 0;
    border-color: var(--umrandung);
    margin-left: 0;
	margin-right: 0;
	color: var(--textfarbe);
}
#akt_muster_uebersicht {
	padding-left: 0px;
    padding-right: 0;
    width: 100%;
    margin-top: -15px;
    margin-right: 0;
    border-radius: 0;
    border-width: 0 0 1px 0;
    border-color: var(--umrandung);
    height: auto;
}
#akt_muster_uebersicht a.open_overlay {
	position: absolute;
	width: min-content;
	height: 22px;
	padding: 0;
    margin: 0;
    top: 65px;
    left: 100px;
    bottom: 0px;
}

.musterbild + div.col {
	margin-left: 85px;
}

.kategorieauswahl_ueberschrift, .oeffnungsart_ueberschrift {
	/*display: none;*/
	font-size: 20px;
    font-weight: 700;
    margin-left: 10px;
    margin-bottom: 10px;
    color: var(--textfarbe);
}

#warenkorb_extern, #heimberatung_extern {
	position: absolute;
    width: 84%;
    left: 8%;
    bottom: 10px;
}

#auswahl_vermassung {
	position: relative;
}

.unclickable{
	pointer-events: none;
	cursor: default;
}

.auswahl_text_beschreibung{
	font-size: 14px;
	padding-left: 0;
	padding-right: 5px !important;
	color: var(--textfarbe);
	top: 0px;
}
span.auswahl_rahmen img.icon_nicht_bestellbar {
	left: 9px;
}
span.auswahl_rahmen i.icon_nicht_bestellbar {
	left: 9px;
}

#auswahl_zubehoer #progressbar {
	top: -10px;
    left: 40px;
    max-width: calc(100% - 50px);
}
#progressbar {
	position: absolute;
	top: -15px;
	left: 10px;
	width: 100%;
	color: var(--aktivfarbe);
	background-color: var(--aktivfarbe);
}
#progressbar.show_progressbar {
	display: block;
}

.farbe_waehlen_head{
	position: relative;
}

#button_background_container {
	display: none;
}

.weiter_button_group a.weiter_button_sel.no_display {
	display: grid !important;
/*	visibility: hidden; */
	pointer-events: none;
	opacity: 0.5;
}
.weiter_button_group a.weiter_button_sel.no_display:hover {
    cursor: not-allowed;
}
.weiter_button_group a.weiter_button_sel.farbe2_fehlt {
	display: none !important;
}
.weiter_button_group a.weiter_button_sel.weiter_farbe2 {
	display: none !important;
}
.weiter_button_group a.weiter_button_sel.weiter_farbe2.farbe2_fehlt {
	display: grid !important;
}

#zubehoer_form input.mass_input_button.submit_ok {
	visibility: hidden;
	display: none;
}

@media ( max-height : 650px) {
	#mfRefIDSelect .small_text, #mfBeratungFiliale .small_text, #mfBeratungZuhause .small_text {
		font-size: 12px;
	}
	#mfRefIDSelect .inputArea {
		margin: 5px 0 5px 0;
	}
}

.hinweis_link {
	height: 50px;
}

div.info_button_wert {
	float: right;
	position: relative;
}
li.breitefertig div.info_button_wert, li.hoehefertig div.info_button_wert {
	top: 6px;
}

#btn_show_all_muster {
	width: 98%;
	height: auto;
	min-height: 40px;
    float: left;
    padding-top: 11px;
    padding-bottom: 11px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.spinner i{
	-webkit-animation:spin 4s linear infinite;
    -moz-animation:spin 4s linear infinite;
    animation:spin 4s linear infinite;
}
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }

.masshinweis_eingabe3{
	font-size: 12px;
}
#vermassung_masswert span.masshinweis_eingabe_akt_modell {
	position: relative;
    width: 100%;
    height: auto;
    display: grid;
    align-items: end;
    top: 2px;
    padding: 5px 0 10px 0;
    border-bottom: 1px solid var(--umrandung);
    margin-bottom: 10px;
}
#vermassung_masswert span.masshinweis_eingabe_akt_modell::before {
	display: none;
}
#vermassung_masswert span.masshinweis_eingabe_akt_modell br {
	display: block;
}

span.auswahl_rahmen span.text_nicht_bestellbar {
	position: absolute;
	border-style: none;
	display: block;
	height: auto;
	width: 200px;
	left: 165px;
	bottom: 14px;
	color: #5e5b55;
	font-size: 14px;
	text-align: left;
}
#made_to_measure_page .row.box {
	min-height: unset;
}

#raumbild .modellinfo_modellbild, #raumbild .modellinfo_konstrukt {
	display: none;
}
#raumbild .modellinfo_beschreibung {
	max-width: 100%;
	flex: 0 0 100%;
}
#raumbild .modellinfo_bildinfo {
	display: block !important;
	font-size: 14px;
	padding: 15px;
}
#raumbild .modellinfo_bildinfo a {
	font-size: 14px;
}

.wk_modell_name .produktgruppe {
	display: none;
}

.right_column {
	float: right;
	right: 0;
	position: absolute;
}
.left_column {
	float: left;
	left: 0;
}
.container.warenkorb .right_column {
	padding-right: 25px;
}
.container.warenkorb .left_column {
	padding-left: 25px;
}
.container.warenkorb .row.box {
	position: relative;
}

span.eingabe1 ~ span::before {
    content: ', ';
    margin-left: -3px;
}

#menuButtonArray {
    left: 210px;
    position: relative;
    z-index: 1;
    background-color: unset;
    width: 0px;
    height: 0px;
    color: #000000;
    top: -50px;
    cursor: pointer;
}
.warenkorb #menuButtonArray {
	left: 220px;
}
#menuButtonArray #menu_open {
	display: none;
    width: 54px;
    height: 54px;
    padding: 5px 5px;
    border: 0;
    background-color: #ffffff;
    justify-content: center;
    align-items: center;
}
#menuButtonArray #menu_close {
    display: none;
   	width: 44px;
    height: 54px;
    padding: 0 0 0 5px;
    border: 0;
    background-color: #ffffff;
    justify-content: left;
    align-items: center;
}

#auswahl_anmeldung div.auswahl_feld, #auswahl_kundendaten div.auswahl_feld, #auswahl_bestellung div.auswahl_feld {
	font-size: 20px;
	padding-left: 0;
    padding-bottom: 10px;
}
#auswahl_zubehoer div.auswahl_feld {
	padding-left: 10px;
}
#zahlungsart li {
    border-bottom: 1px solid var(--umrandung);
    padding: 10px 0;
}
.kundendaten_beschreibung {
	font-size: 14px;
	display: grid;
    align-content: center;
    padding: 0;
}
.kundendaten_beschreibung b {
	display: block;
	font-size: 16px;
	margin-top: 0px;
}
.kundendaten_content {
	display: grid;
    align-content: center;
}
#zahlungsart .zahlungsart {
	text-align: left;
/*    height: 50px;	*/
    width: 200px;
    margin: 0px 0 30px 0;
    padding: 55px 0 0 0;
    background-position-x: left;
    background-size: 150px;
}

.kundendaten_content a.weiter_button_sel {
	width: 100%;
	margin: 0;
}
#auswahl_anmeldung li.auswahl {
    margin-top: 0px;
    margin-bottom: 25px;
    padding-bottom: 10px;
    border-bottom: 1px dotted var(--umrandung);
}

#eingabe_lieferdaten .col.col-12 {
	height: 30px;
	padding-left: 0;
}
#check_endkundenlieferung {
	min-height: 30px;
	height: 100%;
}
input#lieferanschrift, input#endkundenlieferung {
    height: 16px;
    margin-top: 5px;
}

#eingabe_kommission .vermassung_content {
	padding-left: 0;
}
#eingabe_kommission .form-group .col-12 {
	padding-left: 0;
	padding-right: 0;
}

.oeffnungsart_text {
	display: grid;
    align-content: center;
	font-size: 14px;
	font-weight: 500;
	text-align: left;
	color: var(--textfarbe);
	padding: 0 20px;
	margin: 0;
}
.selrahmen .oeffnungsart_text {
	font-weight: 700;
	color: var(--aktivfarbe);
}

form#gutschein_form .info_button4 {
	width: 100%;
	background-color: var(--sekundaerfarbe);
	border-color: var(--sekundaerfarbe);
}
#save_form .form-control  {
	width: 100%;
    min-width: 100%;
}
#save_form input.warenkorb_button_grau {
	width: 100%;
	background-color: var(--sekundaerfarbe);
	border-color: var(--sekundaerfarbe);
}
form#load_form_ext {
	display: flex;
}
#load_form_ext #filename {
	width: calc(50% - 15px);
    margin-right: 15px;
}
#load_form_ext .info_button4 {
    width: calc(50% - 15px);
    margin-left: 15px;
    background-color: var(--sekundaerfarbe);
    border-color: var(--sekundaerfarbe);
}

.warenkorb_button_grau {
	min-width: 100%;
}
.bestellungen.profil .warenkorb_button_grau {
	margin: 1px 0px;
}

/* width */
::-webkit-scrollbar {
	width: 10px;
}
/* Track */
::-webkit-scrollbar-track {
	background: var(--hintergrund_grau); 
}
/* Handle */
::-webkit-scrollbar-thumb {
	background: var(--navgrau); 
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
	background: var(--umrandung); 
}

button:focus {
	outline: none;
}

ul.info_ul li {
	font-size: 14px;
	width: 100%;
	min-height: 0;
	border: 0;
	list-style: inside;
}

.back-to-top {
	position: fixed;
	width: 40px;
	height: 40px;
	right: 10px;
	bottom: 15px;
    z-index: 11;
    background-color: var(--umrandung);
}
.back-to-top .fa-chevron-up {
	display: grid;
	align-content: center;
    justify-content: center;
    width: 40px;
	height: 40px;
}
.back-to-top .fa-chevron-up:before {
	font-size: 30px;
	color: #ffffff;
}
span.small_waehlen {
	display: none;
}

#wk_kommission, #wk_bemerkungen {
	position: relative;
	display: grid;
    width: 100%;
    min-width: 100%;
    height: auto;
    padding: 10px 0;
    margin-top: 0;
}

tr.gesamtbetrag .links, tr.gesamtbetrag .rechts {
	font-weight: 700;
}

.anschrift_kopf {
	height: auto;
	margin: 0;
	padding-top: 10px;
}
.error.alert.alert-danger {
	font-size: 16px;
}
pre {
	font-size: 14px;
    overflow: visible;
}
.alert pre {
	font-size: 14px;
	font-family: Open Sans, Arial, MS Sans Serif;
	margin: 0;
    padding-top: 5px;
}

#positionsinfo .kommission {
	font-size: 15px;
}
#positionsinfo .bemerkungen {
	border-bottom: 1px solid var(--umrandung);
    margin-bottom: 10px;
}

@media screen, print {
	.positionsinfo_print .modellinfo_lr {
		position: relative;
	    height: 100%;
		width: 100%;
		text-align: left;
		margin: 0;
	}
	.positionsinfo_print .modellinfo_lr .modellinfo_beschreibung {
		font-size: 12px;
		font-weight: 500;
		text-transform: none;
		width: auto;
		border: 0;
		padding: 0;
		padding-right: 10px;
	}
	.positionsinfo_print .modellinfo_lr .modellinfo_wert,
	.positionsinfo_print .modellinfo_lr .modellinfo_wert_traeger2 {
		font-size: 12px;
		font-weight: 500;
		width: auto;
		border: 0;
		padding: 0;
		text-align: left;
	}
	.positionsinfo_print .modellinfo_lr a.open_overlay,
	.positionsinfo_print .modellinfo_lr .info_i {
		display: none;
	}
	.positionsinfo_print .hr {
		margin: 0;
		background: none;
	}
	.positionsinfo_print .container {
		padding: 0;
	}
	.positionsinfo_print .hinweistext {
		max-width: 50%;
		padding: 5px 0;
		margin-left: 0;
	}
	.positionsinfo_print .row-striped {
		border-bottom: 1px solid var(--umrandung);
		margin: 0;
	}
	.positionsinfo_print .modellinfo_lr .modellinfo_wert {
		padding-left: 5px;
	}
	.positionsinfo_print .modellinfo_lr .modellinfo_masswertlist .modellinfo_wert:after {
		content: ' | ';
	}
	.positionsinfo_print .modellinfo_lr .modellinfo_wert.traeger.mit_untertraeger:after {
		content: ' ';
		padding-right: 5px;
	}
	.positionsinfo_print .modellinfo_lr .modellinfo_wert br,
	.positionsinfo_print .modellinfo_lr .modellinfo_wert_traeger2 br {
		display: none;
	}
	.positionsinfo_print .row-striped .rechts {
		text-align: left;
		max-width: 50%;
		width: 50%;
	}
	.positionsinfo_print #positionsinfo {
		width: 100%;
		overflow-x: hidden;
	}
}
@media print {
	.positionsinfo_print .row.row-striped {
		border: 0;
	}
	.upper-nav, .navburger > * {
		display: none !important;
	}
	.navburger .logo-navburger {
		display: flex !important;
	}
	.navburger .logo-navburger > img {
		margin: 0;
		padding: 0;
	}
}
.positionsinfo_print .modellinfo_lr .modellinfo_beschreibung {
	padding: 0;
}

#login_logout .btn {
	margin: 0;
}

#form_rechnungsadresse, #form_lieferadresse, #form_password, #form_adressaenderung {
	padding: 0 0 15px 0;
}
.border .border {
	display: grid;
}
.border .border .form-group {
	margin-bottom: 0;
}
.border .border .form-control {
	margin: 10px 0;
}
#mp_password, #mp_adresschange {
	padding-bottom: 15px;
}
.hinweis.alert-primary {
	color: var(--errorfarbe);
	margin: 0 0 10px 0;
}
#check_endkundenlieferung .form-control {
	margin: 0 0 10px 0;
}
#mp_rechnung {
	padding: 0 0 0 15px;
}
/*
#exit_button {
	display: grid;
    justify-content: start;
    height: 50px;
}
#exit_form {
    display: block;
    position: relative;
    left: 45px;
}
*/
.login_home {
	position: relative;
	left: 40px;
}
#impressum a:link {
	font-size: 14px;
}

header {
	line-height: 1.5;
}
.header {
    margin: 20px 0 0 0;
}
.header-content {
    display: flex;
    justify-content: flex-end;
    align-items: baseline;
}
.landing .logo-wrapper {
    padding: 0 15px !important;
}
.header-content .langNav {
    display: block;
    padding-top: 10px;
    margin-right: 25px;
}
.header-content .babel_links {
    display: flex;
}
.babel_links a {
    color: gray;
    font-weight: 800;
    font-size: 14px;
}
.babel_links.de_DE a.de_DE {
    color: #000000;
}
.babel_links.fr_FR a.fr_FR {
    color: #000000;
}
.header-content .babel_links li:first-child::after {
    content: "";
    height: 11px;
    width: 2px;
    background-color: #000;
    display: inline-block;
    margin: 0 6px 0 7px;
}

.header-content .upper-nav_link {
    color: #000000;
    font-weight: 800;
    font-size: 14px;
    margin-right: 18px;
}
.header-content .upper-nav_link:last-child {
    margin-right: 0;
}
.icon {
    height: 16px;
    margin-right: 10px;
    transform: translateY(-3px);
}
.header-nav .nav-main {
    margin: 18px 0;
}
.header-nav .nav-main ul {
    display: flex;
    justify-content: flex-end;
}
.header-nav .nav-main ul li {
    margin-right: 15px;
    position: relative;
}
.header-nav .nav-main ul li a {
    color: #000000;
    font-size: 20px;
    font-weight: 800;
}
.header-nav .nav-main ul li:last-child {
    margin-right: 0;
}
.logo img {
    height: 90px;
}
span.head_logo_feat {
    width: 100%;
    display: block;
    color: var(--aktivfarbe);
    font-weight: 700;
    position: absolute;
    top: 49px;
    left: 290px;
}

#login_page {
	width: 100%;
	padding: 30px;
}
#menu {
	width: 100%;
	max-width: 1440px;
	margin: auto;
	padding: 0 45px;
}
#static_info {
	width: 100%;
	max-width: 1440px;
	min-height: 200px;
	margin: auto;
	padding: 0 45px;
	margin-bottom: 60px;
}
#static_info.profil .infotext {
    padding-top: 0;
}

div.menu_konfig .menu_konfig {
	border-width: 1px;
	border-color: var(--umrandung);
}

.back-to-top {
    position: fixed;
    z-index: 99;
    cursor: pointer;
    bottom: 25px;
    right: 50px;
    width: 50px;
    height: 50px;
    background: unset;
}
.back-to-top img {
    filter: invert(78%) sepia(74%) saturate(415%) hue-rotate(351deg) brightness(96%) contrast(95%);
    max-width: 50px;
}

.navburger {
    position: fixed;
    display: block;
    z-index: 100;
    height: 54px;
    width: 100%;
    top: 0;
    background-color: #ffffff;
    box-shadow: 0px 0px 15px 5px #000;
}
.navburger .logo-navburger {
	display: flex;
    justify-content: center;
}
.navburger .logo-navburger > img {
    height: 100%;
    margin-left: 14px;
    position: absolute;
    object-fit: contain;
    max-width: calc(100% - 210px);
}
.navburger ul {
    position: relative;
    display: none;
    top: 54px;
    background-color: #ffffff;
}
.navburger .langNav ul {
	top: 0;
}
.navburger ul li {
    position: relative;
    width: 100%;
    border-bottom: 1px solid #000000;
}
.navburger .langNav ul li {
	border: 0;
}
.navburger ul li a {
	font-size: 20px;
    display: block;
    padding: 10px;
    text-decoration: none;
}

.navburger .toggler {
    position: absolute;
    display: grid;
    justify-content: center;
    align-items: center;
    width: 54px;
    height: 54px;
    top: 0px;
    right: 0px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(180deg);
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    cursor: pointer;
}
.navburger .toggler i {
	font-size: 34px;
	line-height: 1;
}
.menu_bars, .menu_close {
	line-height: 1;
}
.navburger .toggler .menu_bars, .navburger .toggler.menu_open .menu_close {
	display: block;
}
.navburger .toggler.menu_open .menu_bars, .navburger .toggler .menu_close {
	display: none;
}
.mobile_menu_tray {
	display: none;
}
.mobile_menu_tray.menu_open {
	display: block;
}
.navburger .icon_cart {
	position: fixed;
	height: 54px;
	width: 54px;
	background-color: #ffffff;
	padding: 10px;
	right: 60px;
}
.icon_cart .icon {
    height: 100%;
    transform: unset;
    margin: 0;
}

#made_to_measure_page {
    margin-bottom: 100px;
}

#kundendaten_form label[for=lieferanschrift], #kundendaten_form label[for=endkundenlieferung] {
	display: inline;
	font-size: 14px;
	cursor: pointer;
}

.login_home.no_print {
	max-width: 1440px;
    width: 100%;
    margin: auto;
    left: 0;
}
.login_home.no_print li {
	padding-left: 45px;
}

#ambienteonlinebutton {
    position: absolute;
	top: -10px;
}
#weiter_button_ambienteonline a.weiter_button_sel{
	background-image: url('../pic/mandant57/btn_ambienteonline.png');
}
#weiter_button_ambienteonline a.weiter_button_sel:hover{
	background-image: url('../pic/mandant57/btn_ambienteonline_o.png');
	cursor: pointer;
}
#weiter_button_ambienteonline div.weiter_button_sel {
    width: 70px;
    height: 70px;
    float: left;
}
#ambienteonlinebutton div.weiter_button_sel a.weiter_button_sel, #ambienteonlinebutton div.zurueck_button_sel a.zurueck_button_sel {
    width: 100%;
    height: 100%;
    display: block;
    min-width: unset;
}

#aktuelle_auswahl.modell #ambienteonlinebutton {
	display: none;
}

#info_menu li {
	float: left;
    margin-right: 20px;
    margin-bottom: 10px;
    background-color: var(--highlightfarbe);
    text-align: center;
}
#info_menu li.sel {
	background-color: var(--aktivfarbe);
}
.info_menu_links a.btn-primary {
	width: auto;
	height: auto;
	margin: 0;
	background-color: unset;
    border: 0;
}






@media ( max-width : 1455px) {
	input.suchen_button {
		width: 48%;
		margin-right: 0;
	}
}

/*XL*/
@media ( min-width : 1200px) {
	span.small_text {
	    font-size: 0.9em;
	}
	.container {
		max-width: 1440px;
	}
}

/*LARGE*/
@media ( max-width : 1199px) {
	span.small_text {
	    font-size: 14px;
	}
	span.large {
	    font-size: 16px;
	}
	.start_headline {
		font-size: 16px;
	}
	.start_untertitel {
		font-size: 14px;
	}
	.inner_content_box .uppercase_text {
	    font-size: 14px;
	    display: block;
	}
	.primaryText, a.primaryText {
		font-size: 0.9em;
		padding-top: 6px;
	}
	.warenkorb_column, .beratung_column {
		margin-bottom: 10px;
		border-right: none !important;
	}
	.abschluss_icon_gross {
		width: auto;
		height: auto;
		float: left;
	}
	.abschluss_content {
	    text-align: left;
	    float: left;
	    width: calc(100% - 60px);
	    padding-left: 20px;
	}
	.abschluss_headline {
		margin-top: 0;
		margin-bottom: 10px;
	}
	.abschluss_headline.abschluss_referenz {
		text-align: left;
		float: left;
		margin-top: 10px;
		margin-bottom: 0;
		width: 100%;
	}
	.abschluss_buttons {
		margin-top: 0px;
		margin-bottom: 10px;
	}
	.refrenznummer_abrufbar {
		margin-bottom: 10px;
	}
	.hilfe_link {
		top: 52px;
	}
	#modellauswahl ul.auswahl li.auswahl, #kategorieauswahl ul.auswahl li.auswahl {
		width: calc(100% - 5px);
		min-width: unset;
		max-width: unset;
		margin-top: 0;
		margin-right: 0;
		margin-bottom: 10px;
	}
	#kategorieauswahl ul.auswahl li.auswahl {
		padding: 5px;
	}
	#warenkorb_extern, #heimberatung_extern {
		position: relative;
	    min-width: 50%;
	    width: auto;
	    left: 0;
	    bottom: 0;
	}
	#akt_muster_uebersicht .musterbild {
		min-width: 40px;
	}
	.pflegehinweise {
		max-width: 50%;
	}
	.rightContent {
		padding: 0 0 0 10px;
	}
	.mfSelectedProduct .selectedText span {
		font-size: 16px;
		left: 10px;
    	bottom: 10px;
	}
	input.suchen_button {
		width: 100%;
	}
	#hinweis_warenkorb {
		font-size: 16px;
	}
}

/*MEDIUM*/
@media ( max-width : 991px) {
	body, .help, .prn, p, form, input, .radio, textarea, table, td, ul, a, select, button {
		line-height: 1.1;
	}
	#made_to_measure_page .container {
		padding: 0;
	}
	#made_to_measure_page .row.box {
		margin-top: 0;
		margin-left: 0;
		margin-right: 0;
		padding: 0 40px;
	}
	#mfMain.container {
		padding: 0 30px;
	}
	.container {
		max-width: 720px;
	}
	#mfMenu.page0, .page0 #mfMenuContent {
		height: 95px;
	}
	#mfMenuContent .intro {
	    font-size: 1.2em;
	}
	span.small_text {
	    font-size: 14px;
	}
	span.large {
	    font-size: 14px;
	}
	.start_headline {
		font-size: 14px;
	}
	.start_untertitel {
		font-size: 0.7rem;
	}
	.inner_content_box .uppercase_text {
	    font-size: 14px;
	    display: block;
	}
	#mfMenuContent .intro {
		font-size: 16px;
	}
	.primaryText, a.primaryText {
		font-size: 14px;
		padding-top: 8px;
	}
	#startseite_logo {
		height: 40px;
	}
	
	.intro1 {
		padding: 20px 40px 10px 40px;
	}
	
	#vermassung .viewport {
		margin-left: 10px;
	    margin-right: 30px;
	}
	#info_menu li {
		width: calc(50% - 20px);
		margin: 0 10px 10px 10px;
	}
	
	#wizard .navbar {
		position: fixed;
		width: auto;
	    top: 0px;
	    left: -260px;
	    transition: left 0.5s;
	    z-index: 101;
	}
	.warenkorb #wizard .navbar {
		position: fixed;
		top: 0px;
		left: -260px;
	}
	#wizard .nav-tabs {
		display: block;
		height: auto;
	}
	.warenkorb #wizard .nav-tabs {
		display: inline-table;
	}
	#wizard .navbar-inner {
		background-color: #ffffff;
		padding: 10px;
	}
	#wizard .navbar-inner:before {
      content: "";
      height: 7px;
      width: 100%;
      position: absolute;
      top: -7px;
      background: inherit;
      z-index: 2;
    }
	.warenkorb #wizard .navbar-inner {
		display: block;
		width: min-content;
		padding: 0 15px 10px 15px;
	}
	.navbar_home, .navbar_home.de {
		width: 200px;
		margin-right: 0;
	}
	#wizard li.nav-item {
		height: auto;
		margin-top: 10px;
		margin-right: 0;
	}
	#wizard li a.nav-link {
		min-width: 200px;
		clip-path: none;
		padding: 12px 15px 8px 15px;
	}
	.warenkorb #wizard li.nav-item {
		padding: 0 10px;
	}
	.warenkorb #wizard li.nav-item:first-child {
		padding: 0 10px;
	}
	.warenkorb #wizard li.nav-item:nth-of-type(2) a.nav-link {
		padding: 12px 15px 8px 15px;
	}
	#wizard li a.nav-link:before {
		display: none
	}
	a.nav-link .far.fa-circle, a.nav-link .fas.fa-check-circle {
		padding-right: 10px;
	}
	
	.container.warenkorb {
		padding: 0 5px;
	}
	.container.warenkorb .right_column {
		position: relative;
		width: 100%;
	    padding: 0;
	    margin: -40px 0 0 0;
	}
	.container.warenkorb .left_column {
		position: relative;
		padding: 0;
	}
	#gesamtauswahl {
		margin-top: 0;
		padding: 15px;
	}
	.warenkorb_position_element {
		font-size: 14px;
	}
	a.info_button3.wk_loeschen_button {
		width: max-content;
		right: 10px;
	}
	
	#vermassung_submit_button {
		font-size: 0.7rem;
		width: 48%;
		margin-right: 2%;
	}
	#heimberatung_div .label_input {
		height: 20px;
		font-size: 14px;
		margin-bottom: -10px;
	}
	#warenkorb_extern, #heimberatung_extern {
		width: 100%;
	}
	#info_info.rechts_modal_body .inhalt {
		width: auto;
	}
	#info_info.rechts_modal_body .img_konstrukt {
		max-width: 100%;
	}
	#produktgruppe_info {
		position: relative;
		width: 100%;
		background-color: var(--highlightfarbe);
		margin-left: 0;
		transform: none;
		font-size: 14px;
	}
	#modellauswahl ul.auswahl li.auswahl, #kategorieauswahl ul.auswahl li.auswahl {
		width: calc(100% + 10px);
		min-width: unset;
		max-width: unset;
		margin-top: 0;
		margin-right: 0;
		margin-bottom: 10px;
	}
		
	#filter_muster_form #dropdownMenuLink, #filter_muster_form1 #dropdownMenuLink, #filter_muster_form2 #dropdownMenuLink {
		margin-bottom: 0;
	}
	input.suchen_button {
		width: 100%;
		margin-left: 10px;
		margin-right: -10px;
		margin-bottom: 10px;
	}
	#schnell_artikel {
		margin-bottom: 10px;
	}
	#filter_muster_form, #filter_muster_form1, #filter_muster_form2, #erweiterte_suche {
		width: unset;
		margin-right: 0;
	}
	
	#vermassung_masswert li {
		width: 100%;
		margin-right: 0;
	}
	#vermassung_masswert li select,
	#vermassung_masswert li .dropdown,
	#vermassung_masswert li input{
		min-width: 100%;
	}
	.dropdown {
		min-width: 100%;
	}
	#vermassung_masswert li.breite, 
	#vermassung_masswert li.hoehe, 
	#vermassung_masswert li.kettenlaenge, 
	#vermassung_masswert li.bedienlaenge, 
	#vermassung_masswert li.schlaufenanzahl
	{
		float: none;
		width: 100%;
	}
	input.mass_input, input.mass_input_error, li.anzahl input, li.saum_unten input, li.oesenanzahl input {
		width: 100%;
	}
	#vermassung_masswert li.zugabe select.mass_select {
	    width: 100%;
	}
	
	#aktuelle_auswahl.vorschau #masse_bereich {
		display: none;
	}
	.vermassung_beschreibung {
		font-size: 14px;
	}
	.abschluss_auswahl {
		margin-bottom: 63px;
	}
	
	#vermassung_meineauswahl {
		width: 100%;
		max-width: 100% !important;
		min-width: 100% !important;
		padding: 0;
		margin-top: 20px;
		margin-bottom: 40px;
	}
	#vermassung_content_bottom, #vermassung_content_top {
		position: relative;
		width: 100%;
		max-width: 100%;
		min-width: 100%;
		padding: 0 10px;
		margin-top: 70px;
	}
	
	#raumbild {
		width: 100%;
		height: 395px;
		min-height: unset;
		max-height: unset;
		margin-bottom: 0;
		top: 30px;
	}
	
	div.auswahl_headline, div.auswahl_feld {
		padding-left: 0;
	}
	
	#menuButtonArray #menu_open {
		display: grid;
	}
	
	#filter_muster_form .dropdown, #filter_muster_form select,
	#filter_muster_form1 .dropdown, #filter_muster_form1 select,
	#filter_muster_form2 .dropdown, #filter_muster_form2 select {
		min-width: calc(100% - 5px);
		margin-left: 16px;
	}
	.rightContent {
		padding: 0 0 0 10px;
	}
	#login_logout {
		width: 100%;
	    display: block;
	    padding: 30px 10px;
	    max-width: 100%;
	}
	input {
		width: 100%;
	}
	input[type="checkbox"] {
		width: auto;
		min-width: unset;
		max-width: unset;
	}
	#vermassung_content_bottom, #vermassung_content_top {
		margin: 35px 0 0 0;
		padding: 0 15px;
	}
	.modell #vermassung_content_bottom, .modell #vermassung_content_top {
		max-width: 100%;
		width: 100%;
		margin-top: 0;
		padding: 0 15px;
	}
	/*.fensterform #vermassung_meineauswahl #aktuelle_auswahl,*/
	.modell #vermassung_meineauswahl #aktuelle_auswahl {
		display: none;
	}
	#raumbild .section_head_column {
		position: relative;
	}
	#technische_aenderungen {
		position: absolute;
		display: none;
	}
	#akt_muster_uebersicht {
		display: unset;
	}
	form#load_form_ext {
		display: block;
	}
	form#gutschein_form .info_button4, #save_form input.warenkorb_button_grau {
		margin: 0;
	}
	#load_form_ext div {
		display: none;
	}
	#load_form_ext .info_button4 {
		width: 100%;
		margin: 0;
	}
	
	.warenkorb_header_box {
		height: 20px;
	}
	.warenkorb_header_box .warenkorb_header_element:nth-child(1) {
	    width: 100%;
	}
	.warenkorb_header_box .warenkorb_header_element:nth-child(2) {
	    width: 33.33333%;
	}
	.warenkorb_header_box .warenkorb_header_element:nth-child(3) {
	    width: 33.33333%;
	}
	.warenkorb_header_box .warenkorb_header_element:nth-child(4) {
	    width: 33.33333%;
	}
	.warenkorb_position_box .warenkorb_position_element:nth-child(2) {
	    width: 100%;
	    padding-bottom: 15px;
	    margin-bottom: 10px;
	    border-width: 0 0 1px 0;
	    border-style: dotted;
	    border-color: var(--umrandung);
	}
	.warenkorb_position_box .warenkorb_position_element:nth-child(2) .container {	
	    margin: 0;
	    width: 100%;
	    min-width: 100%;
	}
	.warenkorb_position_element .warenkorb_position_raumbild {
		padding-right: 10px;
	}
	.warenkorb_position_element .modellinfo_lr {
		margin-left: 0;
	}
	.warenkorb_position_box .warenkorb_position_element:nth-child(3) {
	    width: 33.33333%;
	}
	.warenkorb_position_box .warenkorb_position_element:nth-child(4) {
	    width: 33.33333%;
	    display: grid;
   		justify-content: center;
	}
	.warenkorb_position_element.warenkorb_gesamtpreis {
	    width: 33.3333%;
	}
	.warenkorb_position_element.warenkorb_zubehoer {
		width: 100%;
		padding: 10px 0;
    	margin-left: 0;
	}
	a.btn.wk_aendern_button {
		left: 0;
	}
	
	#kundendaten .viewport {
		width: 100%;
		min-width: 100%;
   		padding: 0;
    	margin: 0;
	}
	#kundendaten_form .form-group {
		margin: 0 0 5px 15px;
	}
	.form-group b {
	    margin-top: 20px;
	}
	.form-group h1 {
	    font-size: 20px;
	    font-weight: 700;
	    margin-top: 20px;
	}
	.form-group label {
		padding-left: 0;
		padding-right: 0;
	}
	#kundendaten_form .form-group label {
		padding-right: 20px;
	}
	.form-group div.col-md-6 {
		padding-left: 0;
		padding-right: 0;
	}
	#kundendaten_form ul.auswahl {
		padding: 0 15px;
	}
	span.stern {
		right: 5px;
	}
	#eingabe_lieferdaten .col.col-12 {
		height: 50px;
	    margin-bottom: 20px;
	}
	#eingabe_kommission .form-group {
		margin: 0;
	}
	#eingabe_kommission .vermassung_content.col-12 {
		padding-left: 0;
		padding-right: 0;
	}
	#eingabe_agb, #eingabe_kommission {
		margin-right: 0;
	}
	#weiter_button_zahlung {
		margin-left: 15px;
		margin-right: 15px;
	}
	
	.kundendaten_content {
		padding: 0;
		margin-top: 10px;
	}
	#made_to_measure_page {
		margin-bottom: 60px;
	}
	.weiter_button_group {
    	right: 0;
    	left: 0;
    	padding: 10px 0px;
	}
	.mfSelectedProduct > div {
		box-shadow: 4px 5px 10px 1px #0000009e;
	}
	.dropdown-item {
		height: 40px;
	}
	a.dropdown-item .filter_muster_color {
		width: 40px;
    	height: 40px;
		top: -5px;
		left: -1px;
		border: 0;
	}
	.filter_muster_color_sub {
		border: 1px solid var(--umrandung);
	}
	.combobox_text {
		height: 30px;
	}
	a.vermassung_dropdown {
		font-size: 14px;
		padding: 0px 30px 0px 0;
		margin-top: -10px;
	}
	.cb_akt_value {
		display: block;
		font-size: 12px;
	}
	#vermassung a.open_overlay {
		right: -30px;
	}
	li.vermassung_bemerkung textarea {
		height: 100px;
	}
	
	.masse_bereich.error_text {
		padding-top: 0px;
	    padding-right: 5px;
	    padding-left: 5px;
	}
	.mass_error_configured {
		display: grid;
    	align-content: center;
	}
	
	span.modellinfo_beschreibung {
		font-size: 12px;
		width: 100%;
		padding: 5px 0 0 0;
		margin-right: 0;
		border: 0;
	}
	.modellinfo_wert.traeger.mit_untertraeger {
		width: 30px;
	}
	.modellinfo_wert_traeger2 {
		font-size: 12px;
		width: calc(100% - 30px);
		padding: 0 0 5px 0;
	}
	span.modellinfo_wert, span.modellinfo_ganze_zeile {
		font-size: 12px;
		width: 100%;
		padding: 5px 0 5px 0;
		text-align: left;
	}
	#abschluss_preis {
		width: 100%;
		padding: 5px 0;
	}
	.kategorieauswahl_ueberschrift, .oeffnungsart_ueberschrift {
		font-size: 16px;
		margin-left: 0px;
	}
	
	#progressbar {
		position: fixed;
		width: 100%;
		top: 54px;
		left: 0px;
		right: 0px;
		z-index: 101;
	}
	#auswahl_zubehoer #progressbar {
		position: fixed;
		width: 100%;
		max-width: 100%;
		top: 54px;
		left: 0px;
		right: 0px;
		z-index: 101;
	}
	#modellauswahl.auswahl_scrollbox {
		display: inline-table;
		padding: 0;
	}
	#modellauswahl li.auswahl.selrahmen .modell_info_content_sm, #modellauswahl li.auswahl.selrahmen .modell_info_content_sm.active {
		display: block;
		padding: 10px 10px 5px 10px;
	}
	#aktuelle_auswahl {
		top: 40px !important;
	}
	#aktuelle_auswahl.pg_16, #aktuelle_auswahl.pg_17 {
		top: 60px !important;
	}
	
	#zubehoer.auswahl_scrollbox {
		display: inline;
	}
	
	span.auswahl_rahmen span.text_nicht_bestellbar {
		bottom: 17px;
	}
	span.auswahl_rahmen img.icon_nicht_bestellbar {
		left: 20px;
    	bottom: 3px;
	}
	#modellauswahl i.fas.fa-info-circle {
		left: 138px;
	}
	.section_head_column.aktiviert ~ .muster_scrollview {
		display: table;
		width: 100%;
	}
	
	#auswahl_vermassung .auswahl_feld {
		font-size: 16px;
	}
	#vermassung_masswert span.masswertname {
		font-size: 12px;
	}
	#vermassung_masswert span.wertebereich, #vermassung_masswert span.wertebereicherror {
		font-size: 12px;
	}
	li.selrahmen span.small_waehlen {
		position: absolute;
		display: grid;
		justify-content: center;
    	align-content: center;
    	min-width: 130px;
    	max-width: fit-content;
    	top: 75px;
    	right: 10px;
	}
	.langNav {
	    position: fixed;
	    display: grid;
	    align-content: center;
	    height: 54px;
	    z-index: 999;
	    right: 120px;
	    top: 0px;
	}
	.langNav .babel_links {
	    display: inline-flex;
	}
	.langNav .babel_links li {
	    padding-left: 5px;
	    padding-right: 5px;
	    border: 0;
	}
	.langNav .babel_links li a {
	    font-weight: 600;
	    padding: 0;
	}
	.header {
		margin: 55px 0 0 0;
	}
	footer {
		/*top: 0px;*/
		margin-top: 140px;
	}
	footer .metaNavFooter ul {
	    display: block;
	}
	footer .metaNavFooter ul li {
	    width: 100%;
		padding: 5px 0;
		margin: 0;
		
	}
	#modellauswahl ul.auswahl {
		max-height: unset;
	}
	#raumbild img.fix_render_image {
		max-height: 395px;
	}
	#aktuelle_auswahl.pg_9, #aktuelle_auswahl.pg_27 {
		top: 5px !important;
	}
	.navburger .logo-navburger > img {
		padding-bottom: 10px;
	}
	span.head_logo_feat {
		width: auto;
	    display: block;
	    color: var(--aktivfarbe);
	    font-weight: 700;
	    position: absolute;
	    top: 35px;
	    left: unset;
	    margin-left: -5px;
	    font-size: 14px;
	    text-align: left;
	}
	.modell #aktuelle_auswahl, .fensterform #aktuelle_auswahl {
		top: 5px !important;
	}
	#auswahl_muster {
		margin-right: -9px;
	}
	#ambienteonlinebutton div.weiter_button_sel a.weiter_button_sel, #ambienteonlinebutton div.zurueck_button_sel a.zurueck_button_sel {
	    width: 100%;
	    height: 100%;
	    display: block;
	    min-width: unset;
	    margin: 35px 0 0 0;
	}
	.navbar_text {
		font-size: 14px;
	}
}

@media ( max-height : 858px) {
	.refrenznummer_abrufbar {
		margin-bottom: 0px;
	}
}
@media ( max-height : 843px ) {
	.abschluss_auswahl {
		margin-bottom: 63px;
	}
}
/*MEDIUM +*/
@media ( min-width : 768px) {
	.navbar_home span.d-md-block, .navbar_home.de span.d-md-block {
		display: grid !important;
	}
}

/*SMALL*/
@media ( max-width : 767px) {
	.back-to-top {
		right: 10px;
    	bottom: 120px;
	}
	.container {
		max-width: 540px;
	}
	#mfMenu.page0, .page0 #mfMenuContent {
		height: 100px;
	}
	.primaryText, a.primaryText {
		font-size: 14px;
		padding-top: 8px;
	}
	.mfSelectedProduct * div {
		height: 80%;
	}
	.mfSelectedProduct .selectedText {
		height: 20%;
		top: 80%;
	}
	.mfSelectedProduct .selectedText span {
		display: grid;
		align-content: center;
		height: 100%;
		top: unset;
		bottom: unset;
		font-size: 18px;
	}
	.right_content_box {
		max-width: 100%;
		margin-left: 1%;
	}
	#mfSchritte {
		margin-top: 10px;
		max-width: 49%;
		margin-right: 2%;
		margin-left: 0;
	}
	.row.vorschau #vermassung_meineauswahl, #vermassung_content_bottom {
		position: relative;
		width: 100%;
		max-width: unset;
	}
	#vermassung_content_top, #vermassung_meineauswahl {
		width: 100%;
		max-width: unset;
	}
	/*
	.modell #vermassung_meineauswahl .aktuelle_auswahl_head, .modell #vermassung_meineauswahl #aktuelle_auswahl {
		display: none;
	}*/
	#vermassung a.open_overlay {
		right: -30px;
	}
	.abschluss_uebersicht {
		width: 100%;
	    top: 0px;
	    left: 0px;
	    padding: 10px 0;
	}
	.abschluss_head {
		padding-left: 0;
	}
	.aktuelle_auswahl_head.vorschau {
		display: inline-flex;
	}
	.abschluss_head_row {
		display: none;
	}
	#aktuelle_auswahl.vorschau {
		margin-top: 0;
	}
	#auswahl_vorschau {
	    margin-top: 0px;
	}
	
	.vertikal_trenner {
	    width: 100%;
	    height: 1px;
	    margin-top: 20px;
	    margin-left: 0;
	    margin-bottom: 10px;
	}
	.navbar_text {
		font-size: 14px;
	}
	section:first-of-type {
		padding-top: 0px;
		margin-top: 0px;
	}
	.abschluss_headline.abschluss_referenz {
		padding-top: 10px;
	}
	
	#produktgruppe_info {
		width: 100%;
	    margin: 0;
	    position: relative;
	    background-color: var(--highlightfarbe);
	    padding: 20px;
	    opacity: 1 !important;
	}
	#raumbild {
		min-height: unset !important;
		max-height: 350px;
		top: 20px;
	}
	.warenkorb_column, .beratung_column {
		max-width: 100%;
	    margin-left: auto;
	    margin-right: auto;
	}
	#modellauswahl.auswahl_scrollbox {
		overflow-y: visible;
    	max-height: unset !important;
    	padding: 0;
	}
	#modellauswahl ul.auswahl li.auswahl {
		padding: 5px 0;
	}
	.modellinfo_modellauswahl {
		display: none;
	}
	#raumbild > table + #technische_aenderungen, #raumbild > table + #schienen_info + #technische_aenderungen {
		margin-top: 0;
		margin-bottom: 0;
	}
	#filter_muster_form .dropdown, #filter_muster_form select, #filter_muster_form #dropdownMenuLink, 
	#filter_muster_form #s_transparenz, #filter_muster_form #s_rueckseite,
	#filter_muster_form1 .dropdown, #filter_muster_form1 select, #filter_muster_form1 #dropdownMenuLink, 
	#filter_muster_form1 #s_transparenz, #filter_muster_form1 #s_rueckseite,
	#filter_muster_form2 .dropdown, #filter_muster_form2 select, #filter_muster_form2 #dropdownMenuLink, 
	#filter_muster_form2 #s_transparenz, #filter_muster_form2 #s_rueckseite,
	#erweiterte_suche select, #s_preisgruppe {
		margin-left: 0px;
    	margin-right: 10px;
	}
	#filter_muster_form .dropdown .custom-select .combobox_text,
	#filter_muster_form1 .dropdown .custom-select .combobox_text,
	#filter_muster_form2 .dropdown .custom-select .combobox_text {
		margin-top: -8px;
	}
	input.suchen_button {
		margin-left: 0;
    	margin-right: 2%;
	}
	input.erweiterte_suche {
		margin-left: 0;
    	margin-right: calc(2% - 1px);
	}
	.muster_scrollview .auswahl_feld  {
		padding-left: 0;
		padding-right: 0;
	}
	#filter_muster_form, #filter_muster_form1, #filter_muster_form2, #erweiterte_suche {
		margin: 0;
	}
	.muster_scrollview {
		height: auto !important;
		max-height: none !important;
		overflow-y: visible;
	}
	.modell_info_content_sm .modell_beschreibung {
		font-size: 12px;
		line-height: 1.2;
	}
	.modell_info_content_sm .inhalt {
		padding-top: 10px;
		padding-bottom: 10px;
	}
	#modellauswahl span.auswahl_rahmen {
		border: none;
		height: auto;
	}
	.auswahl_text_beschreibung {
		font-size: 12px;
		top: 0;
	}
	#info_popup .modal-body {
		padding: 35px;
	}
	.info_bild_row {
		margin-left: 0;
		margin-right: 0;
	}
	
	.bedienart_info_headline {
		min-height: unset;
	}
	.bedienart_info_text {
		min-height: unset;
	}
	
	.division_body .inhalt.container {
		display: contents;
	}
	table.eigenschafteneigenschaften.pflege, table.eigenschaftenpage {
		width: 100%;
	}
	tr.eigenschaften {
		display: block;
	}
	.eigenschaften_b {
		display: block;
	}
	table.eigenschaftenpage .eigenschaften_b {
		width: 100%;
		padding-bottom: 0;
	}
	table.eigenschaftenpage .eigenschaften_v {
		width: 100%;
		text-align: right;
		display: block;
		padding-bottom: 5px;
		border-bottom: 1px solid var(--umrandung);
    	margin-bottom: 5px;
	}
	.pflegehinweise_content tr.eigenschaften {
	    border-bottom: 1px solid var(--umrandung);
	    padding-bottom: 5px;
	    margin-bottom: 10px;
	}
	.pflegehinweise_content tr.eigenschaften:last-child {
	    border: none;
	}
	.pflegehinweise_content .eigenschaften_b {
		height: auto;
		padding-bottom: 1px;
	}
	#div_detailbild, #div_emotionsbild {
		background-size: unset;
	}
	#akt_muster_uebersicht {
		padding-right: 0;
	}
	#hilfe_popup .modal-header, #referenz_popup .modal-header {
	    height: auto;
	    padding-top: 10px;
	    padding-bottom: 10px;
	}
	#hilfe_popup .hinweis_headline, #referenz_popup .hinweis_headlin {
	    max-width: 85%;
	}
	.img_konstrukt {
		max-width: 100%;
		margin-right: 0;
	}
	#info_info .bedienart_info .img_konstrukt {
		max-height: unset;
	}
	#schnell_artikel {
		margin-left: 0;
	}
	#info_info.division_content .inhalt {
		text-align: left;
	}
	.division_head.info_menu_links a {
		font-size: 14px;
	}
	.info.fas.fa-exclamation-triangle {
		font-size: 1rem;
	}
	#hilfe_popup, #referenz_popup {
		width: 90%;
		height: 90%;
	}
	#aktuelle_auswahl #picturePicture {
		max-height: none !important; /*Sonst wird das Raumbild abgeschnitten auf Mobilgeräten.*/
	}
	
	#raumbild img.fix_render_image {
		width: 100%;
		height: auto;
		max-height: 350px;
	}
	#schienen_info_bild {
		margin-top: 10px;
	}
	div.auswahl_scrollbox, #zubehoer.auswahl_scrollbox {
		overflow-y: visible;
	}
	
	#filter_muster_form .dropdown-menu.show, 
	#filter_muster_form1 .dropdown-menu.show, 
	#filter_muster_form2 .dropdown-menu.show {
		position: fixed !important;
		width: calc(100% - 100px);
		height: auto;
		max-height: calc(100% - 100px);
		padding-right: 0;
	    top: 50% !important;
	    left: 50px !important;
	    right: 0;
    	box-shadow: 0px 0px 400px 200px #0000009e;
    	-webkit-box-shadow: 0px 0px 400px 200px #0000009e;
    	transform: translate3d(0, -50%, 0px) !important;
	}
	.color_dropdown_buttons {
		padding-right: 10px;
	}
	.color_dropdown_buttons a.zuruecksetzen_button {
		width: 100%;
	}
	.bestaetigen_farbe {
		width: 100%;
	}
	#filter_muster_form .pre-scrollable,
	#filter_muster_form1 .pre-scrollable,
	#filter_muster_form2 .pre-scrollable {
		max-height: 100%;
	}
	
	#info_info.masswert_content .img_konstrukt, #info_info.montage_content .img_konstrukt {
		cursor: zoom-in;
	}
	#oeffnungsartauswahl {
		font-size: 0.7rem;
	}
	#oeffnungsartauswahl span:not([class]) {
		display: block;
		padding-top: 5px;
		padding-bottom: 5px;
	}
	.intro1, span.headline_mainpage_top, span.headline_mainpage_subtitle {
		font-size: 16px;
		top: 0px;
	}
	#auswahl_modell .auswahl_feld {
		font-size: 14px;
	}
	#vermassung_masswert li input {
		width: 100% !important;
	}
	#mfGroupSelect {
		padding: 0;
	}
	.btn, .btn-primary, a.btn-primary, a.weiter_button_sel, input.btn-primary #vermassung_submit_button, #mfRefIDSelect .btn.btn-primary {
		display: grid;
		align-content: center;
		justify-content: center;
		width: 100%;
		min-width: 100%;
		max-width: 100%;
		padding: 5px;
	}
	#vermassung_content_bottom, #vermassung_content_top {
		margin-top: 40px;
	}
	.weiter_button_group {
		position: fixed;
		display: inline-table;
		top: unset;
		left: 0;
    	right: 0;
    	bottom: 0;
    	padding: 10px 40px;
    	background-color: #ffffff;
	}
	.weiter_button_group a {
		float: none;
		width: 100%;
		right: 0px;
	    bottom: 0px;
	    margin: auto;
	    margin-bottom: 15px;
	}
	.weiter_button_group .zurueck_button {
		margin-bottom: 5px;
	}
	#modellauswahl ul.auswahl {
		display: initial;
	}
	#made_to_measure_page {
		margin-bottom: 120px;
	}
	#musterauswahl li.auswahl {
		width: 49%;
		padding: 5px 10px 5px 10px;
	}
	a.info_button_rund.open_overlay.btn-primary {
	    height: 20px;
	    padding: 0;
	    margin: 0;
	}
	a.info_button_rund.open_overlay .fas.fa-info-circle {
		top: 5px;
		right: 5px;
	}
	#made_to_measure_page .row.vermassung {
		margin-bottom: 120px;
	}
	.oeffnung_button {
		font-size: 12px;
	}
	#raumbild .section_head_column {
		padding-left: 5px;
		padding-right: 5px;
	}
	
	.modal-footer {
		width: 100%;
    	max-width: unset;
	}
	.modal-footer .info_buttons {
		width: 100%;
    	margin: 0;
	}
	.add_position_footer.weiter_button {
		width: 100%;
	}
	.modal-dialog .btn-success {
		width: 100%;
	}
	
	.gesamt_sel_1 {
		font-size: 12px;
	}
	#gesamtauswahl .links {
		font-size: 12px;
	}
	#gesamtauswahl .rechts {
		font-size: 12px;
	}
	.gesamtbetrag td {
	    font-weight: 700;
	}
	#gutscheine, #warenkorb_save {
		font-size: 12px;
	}
	.wk_gesamt_hinweis_login_txt {
		font-size: 12px;
	}
	#auswahl_positionen {
		font-size: 14px;
	}
	
	.warenkorb_position_box .warenkorb_position_element:nth-child(3),
	.warenkorb_position_box .warenkorb_position_element:nth-child(4) {
		width: 50%;
	}
	.warenkorb_position_element.warenkorb_gesamtpreis {
		width: 100%;
	    border-top: 1px dotted var(--umrandung);
	    margin-top: 10px;
	}
	.warenkorb_position_anzahl_form .input-group {
		margin: 0;
	}
	.warenkorb_header_box {
		height: 0;
	}
	.warenkorb_header_box .warenkorb_header_element:nth-child(2),
	.warenkorb_header_box .warenkorb_header_element:nth-child(3),
	.warenkorb_header_box .warenkorb_header_element:nth-child(4) {
		display: none;
	}
	span.auswahl_rahmen span.text_nicht_bestellbar {
		font-size: 12px;
	}
	
	.row.modell #vermassung_meineauswahl, .row.fensterform #vermassung_meineauswahl {
		margin: 0;
	}
	.kundendaten_content {
		width: 100%;
	}
	.modell_beschreibung h2 {
		font-size: 12px;
		/*margin-bottom: -10px;*/
	}
	div.auswahl_headline {
		font-size: 14px;
	}
	#btn_show_all_muster {
		display: none;
	}
	.bilderrahmen {
		height: 302px;
	}
	#div_detailbild, #div_musterbild, #div_emotionsbild {
	    height: 300px;
	}
	span.stern {
		right: 15px;
	}
	footer {
		padding-bottom: 130px;
	}
	#wizard .navbar.menu_slide_in {
		left: -40px;
	}
	
}

/*XS*/
@media ( max-width : 575px) {

	.primaryText, a.primaryText {
		font-size: 14px;
		padding-top: 8px;
	}
	#mfRefIDSelect input {
		font-size: 14px;
	}
	.mfSelectedProduct * div {
		height: 80%;
	}
	.mfSelectedProduct .selectedText {
		height: 20%;
		top: 80%;
	}
	.mfSelectedProduct .selectedText span {
		display: grid;
		align-content: center;
		height: 100%;
		top: unset;
		bottom: unset;
		font-size: 18px;
	}
	.right_content_box {
		max-width: unset;
		margin-left: 0;
	}
	#mfSchritte {
		margin-top: 10px;
		max-width: unset;
		margin-right: 0;
		margin-left: 0;
	}
	#mfGroupSelect {
		overflow-y: hidden;
	}
	#pseudo_footer {
		padding-top: 8px;
	}
	.rechts_preis {
    	font-size: 16px;
    	margin-top: 0;
	}
	
	#welcometext {
	    font-size: 14px;
	    left: 5px;
	    right: auto;
	    top: 30px;
	    width: 350px;
	    display: block;
	    text-align: left;
	    position: relative;
	}
	.nav-item.login{
		display: none;
	}
	.nav-item.warenkorb{
		margin-right: 0px;
	}
	
	#ModalLabel img {
		display: none;
	}
	
	#info_titel, .info_titel_klein{
		font-size: 12px;
	}
	.modal-header{
		padding: 0px;
	}
	.modal-header h1{
		font-size: 14px;
		font-weight: bold;
	}
	.inhalt{
		min-width: 0;
		max-width: none;
		font-size: 12px;
	}
	.modell_beschreibung table img{
		display: none;
	}
	#info_info .inhalt table{
		width: 240px;
	}
	
	#startseite_logo {
	    position: relative;
	    top: 10px;
	    right: 15px;
	    height: 40px;
	    float: right;
	}
	.start_logo{
		width: 131px;
		height: 58px;
		background-image: url('../pic/mandant57/start_logo_bootstrap.png');
		background-repeat: no-repeat;
	}
	.abschluss_uebersicht {
		width: 100%;
	}
	#aktuelle_auswahl.vorschau #abschluss_bestelluebersicht, #aktuelle_auswahl.vorschau #abschluss_ansicht{
		font-size: 0.7rem;
		padding-top: 10px;
		padding-left: 10px;
		padding-right: 10px;
	}
	.aktuelle_auswahl_head {
		display: inline-grid;
		color: #ffffff;
	}
	#mfRestart, #mfSave, #mfLanguage {
		padding-left: 0;
	}
	.hilfe_link {
		position: relative;
    	top: 20px;
    	left: 0;
    	height: auto;
	}
	.modal-title {
		margin: 0;
	}
	#made_to_measure_page .row.box {
		padding: 0 10px;
	}
	.weiter_button_group {
		padding: 10px;
	}
	li.selrahmen span.small_waehlen {
		position: relative;
		min-width: calc(100% - 20px);
		max-width: calc(100% - 20px);
		top: unset;
		right: unset;
		margin: auto;
	}
	.bilderrahmen {
		height: 202px;
	}
	#div_detailbild, #div_musterbild, #div_emotionsbild {
	    height: 200px;
	}
	.langNav .babel_links {
		display: grid;
	    align-content: space-around;
	    align-items: start;
	}
	.navburger ul li a {
		font-size: 18px;
	}
	.oeffnung_button {
		font-size: 10px;
	}
	.intro1 {
		padding: 20px 10px 10px 10px;
	}
	.navburger .logo-navburger {
		display: flex;
	    justify-content: flex-start;
	    padding-left: 40px;
	}
	span.head_logo_feat {
		left: 54px;
	    margin-left: 0;
	    font-size: 14px;
	}
	#auswahl_muster {
		margin-right: 0px;
	}
}

@media ( max-width : 340px) {
	span.head_logo_feat {
		font-size: 10px;
	}
}
@media ( max-width : 300px) {
	span.head_logo_feat {
		font-size: 8px;
	}
}
@media ( max-width : 280px) {
	span.head_logo_feat {
		display: none;
	}
}


@keyframes flash {
    50% { background-color: var(--highlightfarbe); }
}
@-webkit-keyframes flash {
    50% { background-color: var(--highlightfarbe); }
}
@-moz-keyframes flash {
    50% { background-color: var(--highlightfarbe); }
}
@-ms-keyframes flash {
    50% { background-color: var(--highlightfarbe); }
}

#raumbild div.modellinfo_modellauswahl div.hinweis {
	display: none;
}

#s_preisgruppe {
	display: none;
}

span.modellinfo_masswertlist {
    padding-left: 0px;	/* 28.01.2021 */
}

#info_titel {
	font-size: 20px;
    font-weight: 700;
    padding-left: 20px;
}
#info_titel br {
	display: none;
}


#akt_muster_uebersicht div.aktuelle-auswahl {
	margin-left: 85px;
    font-weight: 700;
    color: var(--textfarbe);
    height: 0px;
    top: -5px;
}
#akt_muster_uebersicht .musterbild {
	position: absolute;
	width: 70px;
    height: 70px;
    border-radius: 100%;
    max-width: unset;
    min-width: 70px;
    top: 10px;
}
#akt_muster .nummer {
	top: -3px;
}

#akt_muster .name {
	top: -5px;
}

div.abschluss_hinweis {
	text-align: left;
	color: var(--textfarbe);
	margin-top: 15px;
}

#div_musterbild.produktgruppe_16, #div_musterbild.produktgruppe_17 {
 	background-size: contain;
}
 
#raumbild img.fix_render_image.produktgruppe_27, #raumbild img.fix_render_image.produktgruppe_9
{
	height: auto;
}

.maron_jal_8000_16_montageinfo_6,
.maron_jal_8000_25_montageinfo_6,
.maron_jal_8100_16_montageinfo_6,
.maron_jal_8100_25_montageinfo_6,
.maron_jal_8200_25_montageinfo_6,
.maron_jal_8400_25_montageinfo_6{
	display: none;
}

.maron_jal_8780_16_messeninfo_1,
.maron_jal_8780_25_messeninfo_1{
	display: none;
}

.maron_jal_8100_16_bedienartinfo,
.maron_jal_8100_25_bedienartinfo,
.maron_jal_8400_25_bedienartinfo,
.maron_jal_8500_16_bedienartinfo,
.maron_jal_8500_25_bedienartinfo,
.maron_jal_8900_35_bedienartinfo,
.maron_jal_8900_50_bedienartinfo{
	display: none;
}

.wk_modell_name{
    display: inline-grid;
}

li.vermassung_bemerkung textarea {
	width: 100%;
	height: 150px;
    border: 1px solid var(--umrandung);
}

.warenkorb_frame {
	position: absolute;
    right: 0;
    z-index: 20;
    display: flex;
    display: none;
}
.warenkorb_frame .weiter_button_sel {
	margin-top: 9px;
	margin-left: 5px;
}

div.abschluss_buttons {
	display: none;
}

tr.eigenschaften.stil {
	display: none;
}

span.ambiente_kalkulation {
	display: none;
}

a.btn.kindersicherheit {
	font-size: 12px;
	min-height: auto;
	padding: 1px 5px;
}
.fehlermeldung {
  color: red;
  font-size: 16px;
}

#wizard .tab-content {
  padding-top: 0px;
}

#info_info .inhalt div.masswert_beschreibung th {
	padding: 2px 5px;
	border: 1px solid;
}

#info_info .inhalt div.masswert_beschreibung td {
	border: 1px solid;
}  

.warenkorb_position_element span.paketbreite, span.paketbreite, br.paketbreite {
	display: none;
}

#eingabe_kommission .eingabe_bemerkung {
	display: none;
}

div.masse_bereich.error_text br {
	display: none;
}
div.hinweis_bedienart {
	font-size: 12px;
}

.wk_print_button {
	display: none;  
}
.wk_erfassung_button {
	display: none; 
}
.modell_beschreibung img {
	max-width: 100%;
}