.ir_main {
display : flex;
flex-direction : column;
font-family : Helvetica !important ;
font-size : 20px;
line-height : 20px;
width : 96%;
justify-content : space-between;
margin-right : auto;
margin-left : auto;
}
#hidden1 {
font-family : Helvetica !important ;
}
textarea#bemerk {
height : 60px;
padding : 20px 0;
height : 60px;
padding : 20px 0;
border : #555 solid 1px;
width : 92%;
}
.ir_left {
display : flex;
flex-direction : column;
flex : 0 0 67%;
}
.ir_right {
display : flex;
flex-direction : column;
flex : 0 0 30%;
}
.svgframe sgv {
margin-left : -55px !important ;
width : 129% !important ;
}
.svginside {
position : relative;
margin-left : auto;
margin-right : auto;
}
.berechnung {
display : flex;
height : 400px;
}
.svginside svg {
position : absolute;
top : 0;
left : 0;
width : 100%;
}
.allm, .anzg, .anzg1, .spez_anz, .anz, .ganz, .flexlabel {
position : relative;
padding-left : 35px;
margin-bottom : 12px;
cursor : pointer;
font-size : 20px;
user-select : none;
line-height : 1.3rem;
}
.allm {
margin-left : 145px;
}
.fix_anz {
position : relative;
padding-left : 25px;
margin-bottom : 12px;
cursor : pointer;
font-size : 20px;
user-select : none;
}
.allm input, .anzg input, .anzg1 input, .spez_anz input, .anz input, .ganz input, .flexlabel input {
position : absolute;
opacity : 0;
cursor : pointer;
height : 0;
width : 0;
}
.ir_main input[type="checkbox"] {
display : none;
}
.ir_main input[type="radio"] {
display : none;
}
.allm input:checked ~ .checkmark:after, .ganz input:checked ~ .checkmark:after, .anzg input:checked ~ .checkmark:after, .anzg1 input:checked ~ .checkmark:after, .spez_anz input:checked ~ .checkmark:after, .anz input:checked ~ .checkmark:after, .flexlabel:checked ~ .checkmark:after {
display : block;
}
.allm .checkmark:after, .ganz .checkmark:after, .anzg .checkmark:after, .anzg1 .checkmark:after, .spez_anz .checkmark:after, .anz .checkmark:after, .flexlabel .checkmark:after {
left : 9px;
top : 5px;
width : 5px;
height : 10px;
border : white solid;
border-width : 0 3px 3px 0;
transform : rotate(45deg);
}
.checkmark {
position : absolute;
top : 0;
left : 0;
height : 25px;
width : 25px;
background-color : #ccc;
}
.fix_checkmark {
position : absolute;
top : 0;
left : 0;
height : 20px;
width : 20px;
background-color : #ccc;
}
.allm:hover input ~ .checkmark, .ganz:hover input ~ .checkmark, .anzg:hover input ~ .checkmark, .anzg1:hover input ~ .checkmark, .spez_anz:hover input ~ .checkmark, .anz:hover input ~ .checkmark, .flexlabel input ~ .checkmark {
background-color : #aaa;
}
.allm input:checked ~ .checkmark, .ganz input:checked ~ .checkmark, .anzg input:checked ~ .checkmark, .anzg1 input:checked ~ .checkmark, .spez_anz input:checked ~ .checkmark, .anz input:checked ~ .checkmark, .flexlabel:checked ~ .checkmark {
background-color : #00afea;
}
.checkmark:after {
content : "";
position : absolute;
display : none;
}
.spez_pair {
display : flex;
flex-direction : row;
margin-bottom : 20px;
}
#anrede {
max-width : 300px;
margin-left : 0;
}
input .spez_pair,
select:not([class*="uk-"]), textarea:not([class*="uk-"]) {
width : 100%;
border : none 0;
padding : 0 10px;
background : #fff;
color : #666;
transition : 0.2s ease-in-out;
transition-property : color, background-color, border-color, box-shadow;
}
.ir_alignleft {
display : block;
margin-right : 5px;
float : left;
font-size : 16px !important ;
}
.alignright {
font-size : 16px !important ;
float : right;
}
.fixformate {
display : flex;
flex-direction : column;
}
.third_col {
display : flex;
flex-direction : column;
margin-bottom : 20px;
}
.ir_main label {
font-size : 18px;
}
.vsb-main {
margin-left : auto;
}
.anzg, .anzg1, .spez_anz, .anz, .ganz, .flexlabel {
position : relative;
padding-left : 35px;
margin-bottom : 12px;
cursor : pointer;
font-size : 20px;
user-select : none;
line-height : 1.3rem;
}
.total {
width : 100%;
height : 100%;
background-color : #41729F;
color : #fff;
position : relative;
align-self : flex-end;
}
.endtotal_left {
color : #000;
font-weight : bold;
float : left;
}
.endtotal_right {
color : #000;
font-weight : bold;
float : right;
}
.endtotal {
position : absolute;
bottom : 0;
left : 0;
right : 0;
background-color : #fff;
color : black;
padding : 15px;
}
.flexcont1 {
display : flex;
width : 100%;
flex-direction : column;
}
.line_upper {
padding-right : 10px;
border-top : 1px solid #aaa;
margin-top : 0;
width : 97%;
}
input#inserat {
height : 40px;
margin-top : 10px;
width : fit-content;
}
.font_bold {
font-weight : bold;
}
.font_italic {
font-style : italic;
}
.font_small {
font-size : 14px;
font-stretch : condensed;
font-family : "Sans serif";
}
.font_big {
font-size : 22px;
font-weight : bold;
margin-bottom : 20px;
}
label.flexlabel {
width : 35%;
display : inline-block;
vertical-align : top;
line-height : 23px;
}
div.flexlabel {
width : 35%;
display : inline-block;
vertical-align : top;
}
select:not([class*="uk-"]):not([multiple]):not([size]) {
height : 35px;
border : #ccc solid 1px;
margin-left : 5px;
background-color : #eee;
}
label.showdown:after {
font-family : 'FontAwesome';
content : '\f105 ';
font-size : 40px;
top : -1px;
right : 0;
position : absolute;
transform : rotate(90deg);
}
.indicator:after {
font-family : 'FontAwesome';
content : '\f105 ';
font-size : 40px;
top : -1px;
right : 0;
position : absolute;
}
.indicator .showdown:after {
font-family : 'FontAwesome';
content : '\f105 ';
font-size : 40px;
top : -1px;
right : 0;
position : absolute;
transform : rotate(90deg);
}
.indicator .down {
font-family : 'FontAwesome';
content : '\f106 ';
font-size : 40px;
top : -1px;
right : 0;
position : absolute;
}
.cap {
font-family : inherit;
font-weight : bold;
font-size : 1.3em;
color : #666;
background-color : inherit;
padding : 2px 0 2px 0;
}
.cap_total {
font-family : Helvetica;
font-weight : bold;
font-size : 1.3em;
color : #FFF;
margin : 0 0 15px 0;
}
g {
cursor : pointer;
}
.subtotal_inner {
position : absolute;
font-size : 16px;
line-height : 1.4;
top : 30px;
left : 20px;
bottom : 30px;
right : 20px;
}
.total_inner {
padding : 30px;
font-size : 24px;
background-color : #fff;
color : #5F877E;
}
.total_right {
float : right;
font-style : italic;
}
.button-wrapper {
display : block;
}
.alignleft {
font-size : 16px !important ;
margin-right : 20px;
float : left;
}
#bemerkung {
position : absolute;
bottom : 10px;
bottom : 5px;
font-size : 14px;
left : 35px;
font-style : italic;
}
.button {
border : none;
border-radius : 0.9em;
box-shadow : 2px 2px 2px rgb(0, 0, 0, 0.2);
font-size : 1em;
padding : 10px 30px 10px 30px;
margin-top : 1.3em;
margin-bottom : 10px;
width : 100%;
max-width : 350px;
display : inline-block;
height : auto;
background-color : #5F877E;
color : #fff !important ;
font-size : 20px;
background-color : #F18700;
}
.ir_main .button:hover {
border : none;
border-radius : 0.9em;
box-shadow : 2px 2px 2px rgb(0, 0, 0, 0.2);
font-size : 1em;
padding : 10px 30px 10px 30px;
margin-top : 1.3em;
margin-bottom : 10px;
width : 100%;
max-width : 350px;
display : inline-block;
height : auto;
background-color : #5F877E;
color : #fff !important ;
font-size : 20px;
background-color : #FF9F2B;
}
.selectLabel {
clear : both;
float : left;
display : flex;
align-items : center;
height : 34px;
vertical-align : middle;
width : 50%;
line-height : 25px;
font-size : 20px;
}
.three_col {
display : flex;
justify-content : space-between;
flex-direction : column;
margin-right : 40px;
}
.limitw {
width : 100%;
}
#auflage {
display : none;
}
#bruttopreis {
display : none;
}
#combi_rabatt1 {
display : none;
}
#combi_rabatt2 {
display : none;
}
#groessen_rabatt1 {
display : none;
}
#groessen_rabatt2 {
display : none;
}
#wiederh_rabatt {
display : none;
}
#kundennetto {
display : none;
}
.prev_outer {
display : flex;
position : relative;
margin-top : 35px;
}
.scaling-svg2 {
width : 100%;
}
.outer_format {
align-self : flex-end;
position : relative;
left : 10px;
}
.inner-prev {
display : flex;
position : relative;
width : 20vw;
max-width : 170px;
}
.spez_item {
display : flex;
flex-direction : column;
flex : 0 0 100%;
margin-right : 10px;
}
.clearfix::before {
content : "";
display : table-cell;
}
.clearfix::after {
content : "";
display : table;
clear : both;
}
.hide_flex {
display : block;
}
.hide_fix {
display : block;
}
.hide_beilage {
display : block;
}
.beilage, .fix {
display : flex;
}
.disflex {
display : flex;
}
.flexcont5 {
display : flex;
flex-direction : column;
}
#datumsel1, #datumsel2 {
font-size : 16px;
}
.flexcont4 {
width : 20%;
display : flex;
flex-direction : row;
align-items : flex-start;
align-content : flex-start;
flex-wrap : wrap;
width : 100%;
margin-top : 60px;
display : none;
}
label.kunde {
flex-shrink : 2;
max-width : 250px;
}
#kunde {
display : flex;
flex-direction : column;
width : 100%;
}
.line {
border-top : 1px solid #aaa;
width : 100%;
}
label.logo {
flex-shrink : 2;
max-width : 250px;
}
#logo {
display : flex;
justify-content : space-between;
flex-direction : column;
}
.spezifikation {
flex-direction : row;
}
#cbgemeinden h3 {
margin : 30px 0 10px 0;
}
.flex-outer {
display : contents;
display : block;
margin-top : 30px !important ;
margin-left : -30px;
width : 100%;
height : auto;
}
.flex-outer li, .flex-inner {
display : block;
width : 100%;
}
.flex-outer > li > label, .flex-outer li p {
flex : 1 0 120px;
max-width : 220px;
font-size : 20px;
}
.flex-outer > li > label + *, .flex-inner {
flex : 1 0 220px;
margin-top : 10px;
}
.flex-outer > li > label + *, .flex-inner {
flex : 1 0 220px;
margin : 0 0 10px 0;
width : 90%;
height : 35px;
}
.flex-outer > li > label.required:after, .spez_pair > label.required:after {
content : "*";
font-size : 22px;
text-align : center;
line-height : 34px;
vertical-align : middle;
}
.anz.datenmaterial {
display : block;
}
#custom-dimensions label {
/*margin-left: 140px;*/
}
#custom-width, #custom-height {
max-width: 1450px;
}
#custom-width {
margin: 0 10px 0 80px;	
}
#custom-height {
margin: 0 0 0 20px;		
}
@media screen and (min-width: 490px) {
#cbgemeinden {
display : flex;
flex-direction : column;
justify-content : flex-start;
}
#cbgemeinden h3 {
margin : 30px 0 10px 0;
}
#cbgemeinden p {
margin : 10px 0;
}
.svgframe {
width : 100%;
position : relative;
display : inline-block;
vertical-align : middle;
overflow : hidden;
height : 580px;
}
.gwahl {
display : flex;
}
.spezifikation {
display : block;
}
.flex-outer li, .flex-inner {
display : flex;
width : 96%;
max-width : 700px;
}
}
@media screen and (min-width: 960px) {
.ir_main select, .ir_main label, .ir_main p {
font-size : 18px;
line-height : 150% !important ;
}
.three_col {
display : flex;
justify-content : space-between;
flex-direction : row;
margin-right : 40px;
flex : 1 1 50%;
}
.ir_main {
display : flex;
flex-direction : row;
font-family : Helvetica !important ;
font-size : 20px;
line-height : 20px;
width : 97%;
justify-content : space-between;
flex-wrap : wrap;
margin-left : 20px;
}
.spezifikation {
flex-direction : row;
}
.flexcont1 {
flex-direction : row;
}
.ir_main #logo {
flex-direction : row;
}
.ir_left {
display : flex;
flex-direction : column;
}
.ir_right {
display : flex;
flex-direction : column;
}
#logo {
flex-direction : row;
}
.flex_weiter {
width : 100%;
}
.flexitem1 {
flex-direction : row;
}
}
@media screen and (min-width: 1200px) {
.line_upper {
width : 100%;
}
.uk-section::after {
margin-bottom : -70px !important ;
}
.spezifikation {
display : flex;
flex-direction : row;
width : 50%;
}
select:not([class*="uk-"]), textarea:not([class*="uk-"]) {
max-width : 100%;
width : 100%;
border : none 0;
padding : 0 10px;
background : #fff;
color : #666;
transition : 0.2s ease-in-out;
transition-property : color, background-color, border-color, box-shadow;
}
select:not([class*="uk-"]):not([multiple]):not([size]) {
height : 35px;
border : #ccc solid 1px;
margin-left : 5px;
background-color : #eee;
}
#hidden1 {
max-width : 1300px;
margin-left : auto;
margin-right : auto;
}
.ir_main {
display : flex;
flex-direction : row;
font-family : Helvetica !important ;
font-size : 20px;
line-height : 140%;
width : 100%;
justify-content : space-between;
flex-wrap : nowrap;
max-width : 1300px;
margin-left : auto;
margin-right : auto;
}
.ir_main p {
line-height : 24px;
}
.ir_main select, .ir_main option, .ir_main label {
font-size : 18px;
}
.datenmaterial {
display : flex;
margin-top : 15px;
}
#datei {
display : flex;
flex-direction : column;
}
.gwahl {
display : flex;
}
#datum {
width : 0;
}
.vsb-main {
width : 50%;
}
.ir_main h4 {
font-weight : bold;
font-size : medium;
text-transform : none;
font-size : 30px !important ;
}
.ir_left {
display : flex;
flex-direction : column;
flex : 0 0 67%;
}
.ir_right {
display : flex;
flex-direction : column;
flex : 0 0 30%;
}
.ir_main ul {
list-style-type : none;
}
.alignleft {
font-size : 16px !important ;
margin-right : 20px;
float : left;
}
.alignright {
font-size : 16px !important ;
float : right;
}
.ir_alignleft {
display : block;
margin-right : 5px;
float : left;
font-size : 16px !important ;
}
.three_col {
display : flex;
justify-content : space-between;
flex-direction : row;
margin-right : 40px;
}
.flex_cont {
display : flex;
flex-direction : row;
}
.fixformate {
display : flex;
flex-direction : column;
}
.flexitem2 {
display : flex;
flex-direction : row;
}
.berechnung {
display : flex;
height : 400px;
}
.third_col {
display : flex;
flex-direction : column;
margin-bottom : 20px;
}
.spez_pair {
display : flex;
flex-direction : row;
margin-bottom : 20px;
}
.flexitem_svg {
padding : 0;
position : relative;
flex-grow : 2;
height : auto;
}
.svgframe {
width : 100%;
position : relative;
display : inline-block;
vertical-align : middle;
overflow : hidden;
height : 500px;
margin-top : 40px;
}
.flexitem1 {
flex-grow : 0;
flex-shrink : 3;
height : auto;
display : flex;
flex-direction : column;
flex-wrap : nowrap;
}
.flexitem2 {
flex-grow : 0;
flex-shrink : 3;
height : auto;
}
.flex-outer {
display : contents;
margin-top : 30px !important ;
margin-left : -30px;
width : 100%;
height : auto;
}
.flex-outer li, .flex-inner {
display : flex;
}
.flex-outer > li > label, .flex-outer li p {
flex : 1 0 120px;
max-width : 220px;
font-size : 20px;
}
.flex-outer > li > label + *, .flex-inner {
flex : 1 0 220px;
margin-top : 10px;
}
.flex-outer > li > label.required:after, .spez_pair > label.required:after {
content : "*";
font-size : 22px;
text-align : center;
line-height : 34px;
vertical-align : middle;
}
.hide_flex {
display : block;
}
.hide_fix {
display : block;
}
.hide_beilage {
display : block;
}
.beilage, .fix {
display : flex;
}
.disflex {
display : flex;
}
input, textareaa {
height : 35px;
border : #ccc solid 1px;
margin-left : 5px;
background-color : #fff;
border-radius : 3px;
padding : 5px;
}
}
@media screen and (max-width: 1299px) {
.item-page {
margin-left : 10px !important ;
margin-right : 10px !important ;
}
#hidden2 {
margin-left : 10px !important ;
}
#custom-dimensions {
/*flex-direction: column !important;*/
max-width: 100%;
justify-content: flex-end;
	align-items: center;
}
#custom-dimensions input {
max-width: 31%;	
}
#custom-width {
margin: 0 10px 0 10px !important;	
}
#custom-height {
margin: 0 0 0 10px !important;	
}
input, button, select, optgroup, textarea {
width: 100%;
}
.container-header .mod-menu>li {
width: 80px;
}
.container-header .mod-menu {
flex-direction: row !important;
}
}