/***********************************************/
/* Copyright 2019   Dieter Mähl
/*
/*                  Ferienhaus Mähl
/*		 			CSS Einstellungen
/* letzte Änderung : 12.03.2019
/**********************************************/

.formular {
				width: 715px;
				max-width: 100%;
				
				/*padding: calc(1rem/16*20) calc(1rem/16*10);*/
}

.formular .row {
				display: flex;
				align-items: flex-end;
				margin-bottom: 1rem;
				
				width: 100%;
}
.formular .row .field {
				display: block;
				height: calc(1rem/16*34);
				font-size: calc(1rem/16*14);
				width: 100%;
				padding: .375rem .75rem;
				color: #555;
				border: 1px solid #ccc;
				border-radius: .25rem;
				box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
				transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
				
}
.formular .row .fieldk {
				display: block;
				height: calc(1rem/16*34);
				font-size: calc(1rem/16*14);
				padding: .375rem .75rem;
				color: #555;
				border: 1px solid #ccc;
				border-radius: .25rem;
				box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
				transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.formular .buchart {
				margin-top: 30px;
				cursor: pointer;				
}

.formular .row .col-sm-2,
.formular .row .col-sm-3,
.formular .row .col-sm-4 {
				width: 25%;
}

.formular .row .col-sm-8 {
				width: 75%;
}

.formular .row .control-label {
				display: inline-block;
				text-align: right;
				line-height: 1rem;
				width: 25%;
				
				padding-right: 1rem;
}
.formular .row .control-label-lang {
				display: inline-block;
				text-align: left;
				line-height: 1rem;
				width: 100%;
				
				padding-right: 1rem;
}
.formular .row .senden {
				width: 100%;
				font-size: 16px;
				font-weight: bold;
				height: 2.5rem;
				margin-top: calc(1rem/16*5);
				padding: .5rem .75rem;
				color: white;
				background-color: #c1da34;
				border: 1px solid transparent;
				border-color: #dfd4be;
				border-radius: 4px;
}
.aktualisieren {
				
				font-size: 16px;
				font-weight: bold;
				height: 2.5rem;
				margin-top: calc(1rem/16*5);
				padding: .5rem .75rem;
				color: white;
				background-color: #dfd4be;
				border: 1px solid transparent;
				border-color: #dfd4be;
				border-radius: 4px;
}
.aktualisieren:hover {
				background-color: #dfd4be;
				border-color: #dfd4be;
				color: black;
				cursor: pointer;
}

.formular .row .senden:hover {
				background-color: #c1da34;
				border-color: #dfd4be;
				color: black;
				cursor: pointer;
}
.editerror  
{ 
  border: 1px solid red;
  background-color: #fff0e9;
  color: red;
  width: auto;
  padding: 5px;
  text-align: center;
  vertical-align: middle;
  margin-top: 5rem;
}
#tabkalkulation {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  border: 1px solid #ddd;
  margin-bottom: 30px;

}
#tabkalkulation th, #tabkalkulation td {
  text-align: left;
  padding: 8px;
}
#tabkalkulation tr:last-child {
font-weight: bold;
border-top: 2px solid rgba(0,0,0,0.3);
}

#tabkalkulation tr:nth-child(even){background-color: #efece6}
@media (max-width: 760px) {
				.formular {
							/*padding: 0 1rem 0 2rem;*/	
							margin-left: 10px;
				}
				.formular .row {
								display: initial;
				}
				.formular .row .control-label {
								line-height: 2rem;
								margin-top: .5rem;
								text-align: left;
				}
				.formular .row .col-sm-2,
				.formular .row .col-sm-3,
				.formular .row .col-sm-4,
				.formular .row .col-sm-8 {
								width: 100% !important;
				}
				
}