form .form-group.form-group--text input:invalid {
  border-color1: #e1001a !important;  
}

form .form-group.form-group--text input:valid {
  border-color: #03c450;	  
  
}

form .form-group.form-group--text input:requiredxx {
  border-color1: #800000;
  border-width: 3px;
}

form .form-group.form-group--text input:required {
  border-color1: #03c450;	  
  border-width: 3px;
}

form .form-group.form-group--text input:required:invalid {
  border-color1: #c00000;
}


/*
input[type=submit] { background-color:#DBDBDB; background-repeat:no-repeat; background-position:right; border:1px solid #767676; padding:2px 22px 2px 2px; cursor:pointer;}
*/

input[type=submit].btn_weitere_artikel,
input[type=submit].btn_entfernen, 
input[type=submit].btn_absenden,
input[type=submit]._btn_zurueck,
input[type=submit].btn_abbrechen, 
input[type=submit].btn_weiter  {
  background-color: #e4650e;
  border: 2px solid #e4650e;
  border-radius: 4px;
  flex: none;
  padding: 12px;
  text-align: center;
  min-width_X: 120px;
  min-width: 80px;
  color: #fff;
	margin: 5px;
}


input[type=submit].btn_zurueck
{
  _background-color: #e4650e;
  border: 2px solid #000;
  border-radius: 4px;
  flex: none;
  padding: 12px;
  text-align: center;
  min-width_X: 120px;
  min-width: 80px;
  _color: #fff;
  margin: 5px;
	
}



input[type=submit].btn_absenden,
input[type=submit].btn_weiter  {
	
	float: right;
}


/*
A:link {
	font-size: 12px;
	font-family: Verdana;
	color: #666666;
}

A:visited {
	font-size: 12px;
	font-family: Verdana;
	color: #666666;
}

A:active {
	font-size: 12px;
	font-family: Verdana;
	color: #006699;
}

A:hover {
	font-size: 12px;
	font-family: Verdana;
	color: #666666;
}
*/

/*Fehlermeldung:*/

/*
h4 {
	font-size: 14px;
	font-family: Verdana;
	color: #cc0000;
}
*/

/*
.tab_titel_h1 {
	font-size: 20px;
	font-family: Verdana;
	font-weight: bold;
	background-color: #cc0000;
	background-color: #eeeeee;
	color: #eeeeee;
}

.tab_body {font-size:1em;margin-bottom:0.6em;font-weight:normal;}
.tab_titel {font-size:1.1em;margin-bottom:0.6em;font-weight:bold;}
*/
.tab_body_rot {font-size:1em;margin-bottom:0.6em;font-weight:normal;color: #cc0000;}
/*
.tab_body_450 {
	font-size: 12px;
	font-family: Verdana;
	color: #666666;
}
*/

/*Versteckte Verknüpfung für RETURN:*/
input[type=submit].btn3
{
	height: 1px;
	width: 1px;
	
	padding: 0;
	margin: 0;
	font-size: 1px;
	border: 0px;
	background-color: white;
	color: white;
}


input[type=submit].btn-block{width:100%}.fade{transition:opacity .15s linear}


.row {
	margin: 0;
}

.row::after {
  content: "";
  clear: both;
  display: table;
}

/*
.row_1::after {
  content: "";
  clear: both;
  display: table;
}
*/

.column-4 {
    width: 25%;
}

.column-1 {
    width: 100%;

	margin_x: 0px;


}

[class*="col"] {
	float: left;
	padding-left: 15px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
}


/*[class*="col_1"], [class*="col_3"], [class*="col_4"] {*/
/*
[class*="row_1"] {
	border-top: 1px solid #CCCCCC;
}
*/



/* For mobile phones: */
/*@media only screen and (max-width: 479px) {*/
/*@media only screen and (max-width: 599px) {*/
@media only screen and (max-width: 399px) {
	/* img {width: 15px; height: auto;}*/

  .col_1-1 {width: 120px;}
  .col_1-2 {width: auto;}
	
  .col_2-1 {width: auto;}
  .col_2-2 {width: auto}
  .col_2-3 {width: auto; }
  .col_2-2x {width: 40px;}
  .col_2-3x {width: 120px; padding-left:20px}
  

  .col_3-1 {width: 150px;}
  .col_3-2x {width: 320px;}
  .col_3-2 {width: auto;}

  .col_4-1x {width: 300px;}
  .col_4-1 {width: auto;}
  .col_4-2 {width: auto;}
  
  .col_5-1 {width: 100px;}
  .col_5-2 {min-width: 200px;}
  
  .col_6-1 {min-width: 399px;}
  .col_6-2 {width: 140px}
  .col_6-3 {width: auto; }
  
  .col_7-1 {width: auto;}
  .col_7-2 {width: 200px;}
}

/* For tablets: */
/*@media only screen and (min-width: 480px) and (max-width: 579px) {*/
/*@media only screen and (min-width: 600px) {*/
@media only screen and (min-width: 400px)  and (max-width: 599px) {
	
  .col_1-1 {width: 120px;}
  .col_1-2 {width: auto;}
	
  .col_2-1 {width: auto;}
  .col_2-2 {width: auto}
  .col_2-3 {width: auto; }
  
  .col_2-2x {width: 40px;}
  .col_2-3x {width: 120px;}
  

  .col_3-1 {width: 150px;}
  .col_3-2 {width: 380px;}
  .col_3-2x {width: auto;}
  
  .col_4-1x {width: 300px;}
  .col_4-1 {width: auto;}
  .col_4-2 {width: auto;}
  
  .col_5-1 {width: 100px;}
  .col_5-2 {min-width: 300px;}
  
  .col_6-1 {min-width: 400px;}
  .col_6-2 {width: 140px}
  .col_6-3 {width: auto; }
  
  .col_7-1 {width: auto;}
  .col_7-2 {width: 200px;}
}

/* For desktop: */
/*@media only screen and (min-width: 580px) {*/
/*@media only screen and (min-width: 768px) {*/
@media only screen and (min-width: 600px) {
	
  /* body {width:700px; margin:0 auto;border:thin solid #3d78a9; padding:20px; text-align:left;} */
	
  .col_1-1 {width: 120px;}
  .col_1-2 {width: 100px;}
  .col_1-2x {width: auto;}
	
  .col_2-1 {width: auto;}
  .col_2-2 {width: auto}
  .col_2-3 {width: auto; }

  .col_6-1 {width: auto;}
  .col_6-2 {width: 40px;}
  .col_6-3 {width: 120px;}
  

  .col_3-1 {width: 150px;}
  .col_3-2 {width: 580px;}
  .col_3-2x {width: auto;}
  
  .col_4-1x {width: 300px;}
  .col_4-1 {width: auto;}
  .col_4-2 {width: auto;}
  .col_4-1y {width: 500px;}
  .col_4-2y {width: auto;}
  
  .col_5-1 {width: 120px;}
  .col_5-2 {min-width: 450px;}

  .col_6-1 {min-width: 400px;}
  .col_6-2 {width: 160px}
  .col_6-3 {width: auto; }

  .col_7-1 {width: auto;}
  .col_7-2 {width: 200px;}
}

@font-face {
    font-display:swap;
    font-family:BespokeSans-Variable;
    font-style:normal;
    font-weight:300 800;
    src:url(fonts/BespokeSans-Variable.woff2) format("woff2"),
        url(fonts/BespokeSans-Variable.woff) format("woff"),
        url(fonts/BespokeSans-Variable.ttf) format("truetype")
}

@font-face{
	font-display:swap;
	font-family:BespokeSans-VariableItalic;
	font-style:italic;
	font-weight:300 800;
    src:url(fonts/fonts/BespokeSans-VariableItalic.woff2) format("woff2"),
        url(fonts/fonts/BespokeSans-VariableItalic.woff) format("woff"),
        url(fonts/BespokeSans-VariableItalic.ttf) format("truetype")
}


@font-face{
	font-display:swap;
	font-family:BespokeSans-Bold;
	font-style:normal;
	font-weight:700;
	src:url(fonts/BespokeSans-Bold.woff2) format("woff2"),
		url(fonts/BespokeSans-Bold.woff) format("woff"),
		url(fonts/BespokeSans-Bold.ttf) format("truetype")
}

@font-face{
	font-display:swap;
	font-family:BespokeSans-BoldItalic;
	font-style:italic;
	font-weight:700;
	src:url(fonts/BespokeSans-BoldItalic.woff2) format("woff2"),
		url(fonts/BespokeSans-BoldItalic.woff) format("woff"),
		url(fonts/BespokeSans-BoldItalic.ttf) format("truetype")
}

@font-face{
	font-display:swap;
	font-family:BespokeSans-Light;
	font-style:normal;
	font-weight:300;
    src:url(fonts/BespokeSans-Light.woff2) format("woff2"),
        url(fonts/BespokeSans-Light.woff) format("woff"),
        url(fonts/BespokeSans-Light.ttf) format("truetype")
}

@font-face{
	font-display:swap;
	font-family:BespokeSans-LightItalic;
	font-style:italic;
	font-weight:300;
    src:url(fonts/BespokeSans-LightItalic.woff2) format("woff2"),
        url(fonts/BespokeSans-LightItalic.woff) format("woff"),
        url(fonts/BespokeSans-LightItalic.ttf) format("truetype")
}

@font-face{
	font-display:swap;
	font-family:BespokeSans-Regular;
	font-style:normal;
	font-weight:400;
    src:url(fonts/BespokeSans-Regular.woff2) format("woff2"),
        url(fonts/BespokeSans-Regular.woff) format("woff"),
        url(fonts/BespokeSans-Regular.ttf) format("truetype")
}

@font-face{
	font-display:swap;
	font-family:BespokeSans-Italic;
	font-style:italic;
	font-weight:400;
    src:url(fonts/BespokeSans-Italic.woff2) format("woff2"),
        url(fonts/BespokeSans-Italic.woff) format("woff"),
        url(fonts/BespokeSans-Italic.ttf) format("truetype")
}


.external-link {
  margin-left: 0 !important;
  color: #e4650e;
  font-size: 1.25rem;
  font-weight: 700;
  -webkit-hyphens: auto;
  hyphens: auto;
  line-height: 1.9375rem;
  overflow-wrap: break-word;
  position: relative;
}

.link-style {
  color: #e4650e;
  font-weight: 700;
  text-decoration: underline;
}

/*
h1 {
    font-family: BespokeSans-Bold,Verdana,Arial,Helvetica,Tahoma,sans-serif;
}

body {
	color_x: inherit;
	color:#212529;
	font-family:BespokeSans-Variable,Verdana,Arial,Helvetica,Tahoma,sans-serif;
  display: block;
	font-size: 1.5rem;
	line-height_x: inherit;
	line-height:1.5;
  margin-bottom: .5rem;
  max-width: 100%;
  padding_x: 10;
  white-space: normal;
  width: 100%;
}

h2 {
    font-family: BespokeSans-Bold,Verdana,Arial,Helvetica,Tahoma,sans-serif;
	font-size: 1.4em; 
	line-height:1.400em; 
	margin:0px;
}
*/