.frame-type-form_formframework {

}

.frame-type-form_formframework .form-group {
	margin-bottom: 24px;
}

.frame-type-form_formframework label {
    display: inline-block;
    width: 100%;
    line-height: 1.5
}

.frame-type-form_formframework input,
.frame-type-form_formframework select,
.frame-type-form_formframework textarea,
.frame-type-form_formframework button {
	-webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    border-radius: 0;
    border: 1px solid #DDD;
    font-size: 1em;
    font-weight: 400;
    color: #000;
    background: #FFF;
    padding: 0 16px;
    outline: none;
    height: 48px;
    width: 100%;
    font: 500 18px/1 'Open Sans', sans-serif;
}

.frame-type-form_formframework input.hasDatepicker {
	background-position: calc(100% - 8px) 50%;
    background-repeat: no-repeat;
    background-size: auto 16px;
	background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNTEyIDUxMiIgaGVpZ2h0PSI1MTIiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiB3aWR0aD0iNTEyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnPjxwYXRoIGQ9Im00NDYgNDBoLTQ2di0yNGMwLTguODM2LTcuMTYzLTE2LTE2LTE2cy0xNiA3LjE2NC0xNiAxNnYyNGgtMjI0di0yNGMwLTguODM2LTcuMTYzLTE2LTE2LTE2cy0xNiA3LjE2NC0xNiAxNnYyNGgtNDZjLTM2LjM5MyAwLTY2IDI5LjYwNy02NiA2NnYzNDBjMCAzNi4zOTMgMjkuNjA3IDY2IDY2IDY2aDM4MGMzNi4zOTMgMCA2Ni0yOS42MDcgNjYtNjZ2LTM0MGMwLTM2LjM5My0yOS42MDctNjYtNjYtNjZ6bTM0IDQwNmMwIDE4Ljc3OC0xNS4yMjIgMzQtMzQgMzRoLTM4MGMtMTguNzc4IDAtMzQtMTUuMjIyLTM0LTM0di0yNjVjMC0yLjc2MSAyLjIzOS01IDUtNWg0MzhjMi43NjEgMCA1IDIuMjM5IDUgNXoiLz48L2c+PC9zdmc+);
}

.frame-type-form_formframework select {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAWRJREFUeNrslj1Lw0AYgE0nxUUQp67+gWTTyUHsH3DrpCAiKmgd1MWtWIqKgzq4dHITnRwEByfH/AJXQYq0BUel5/PCO0ipJrmcZrnAw3vkeO+eS+4rMMaMFPkEXsALeIGiBUqDL6IoCgoToPNxwiKx5Loj2pyC7aQvIAJ1uHcpQVtjhH04oVz5TaADkzDvWGIV1rU8+6NAHMefhBl4cSFBbhnOKB7Dq4qcJq4CkqYJj1CGB6gg17cQ2CMcwgcs0cZV6mWYR0JGTliDTZCcBlyS3820D9hKkCcd7kJbRMi5Sb0PDMyJZ8Jc2jlB3SjUKG7oqybcZtqIbCVknROOdMK9QRXOyTdOtuKk30H9jgrIs0xdy/lZMExCy1u6xN5VooVA508OoyEST3AAPVih4+tch5HFnJDRG11qd/92HH/7EjIPallH7uQ+oBILdH5h3YgI5CEMw4k8+f5K5gW8QOECXwIMAD/3ISP9+16AAAAAAElFTkSuQmCC');
    background-position: calc(100% - 8px) 50%;
    background-repeat: no-repeat;
    background-size: auto 16px
}

.frame-type-form_formframework textarea {
    padding: 16px;
    line-height: 24px;
    resize: none;
    height: auto;
	width:100%;
	display:block;
}

.frame-type-form_formframework button {
    width: 100%;
    cursor: pointer;
    margin: 24px 0;
    background: #3a4455;
    text-align: center;
    color: #ffffff;
    text-transform: uppercase;
    padding: 0 16px;
    height: 48px;
    line-height: 48px;
    font-size: 16px;
}

.frame-type-form_formframework button:hover {
	background:#000;
}


/* Grid */

.row {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.row .col-lg-2 {
	flex: 1 0 50%;
	max-width: calc(50% - 6px);
}

.row .col-lg-3 {
	flex: 1 0 calc((100% - 24px)/3);
}

.row .col-lg-3:nth-child(2) {
	margin:0 12px;
}


/* Checkbox für DSGVO */

.frame-type-form_formframework .input.checkbox label{
	width:auto;
}

.frame-type-form_formframework .input.checkbox input[type=radio]:hover {
cursor:pointer;
}

.frame-type-form_formframework .input.checkbox input[type=checkbox]:not(old),
.frame-type-form_formframework .input.checkbox input[type=radio]:not(old){
  width   : 30px;
  height:  40px;
  margin  : 0;
  padding : 0;
  opacity : 0;
}

.frame-type-form_formframework .input.checkbox input[type=checkbox]:not(old) + span,
.frame-type-form_formframework .input.checkbox input[type=radio]:not(old) + span{
  display      : inline-block;
  margin-left  : -40px;
  padding-left : 40px;
  line-height  : 40px;
  height:40px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAABQCAYAAABrjzfBAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDA1IDc5LjE2NDU5MCwgMjAyMC8xMi8wOS0xMTo1Nzo0NCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpBMERFRkJEOEYzMkNFODExOTZDN0E4NUZFM0FCQjczNSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2MDc0NkNDMTY2RDYxMUVCQkI0QTgwOUJBMTZDODk5MiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2MDc0NkNDMDY2RDYxMUVCQkI0QTgwOUJBMTZDODk5MiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IFdpbmRvd3MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoyQUI3NDhDODU5NDlFODExQTEzMkFGMDZFNTVCNERCMiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBMERFRkJEOEYzMkNFODExOTZDN0E4NUZFM0FCQjczNSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PlZETTwAAAI7SURBVHja7Nm/q3FxHAfwtyfp1lVI3YnFIDZlsJC6/8AdDcqPwUJJomRQFlEGlHtNKDGzMRsskpQNi0EWg/y8Xbmdo06dbuq5PT3nnOe5n892Pgyvzvl8v5/vD9l8PoeU4xckHgT874HyO/mrSB7Z7wJhMBgElS0WC6pBAhKQgAQkIAEJSEACEpCABCQgAQn404B3z2bunZVIBSijwyMaJAQkIAEJ+Eed5CpSq6N7EhokPxv48fGB7XYrTeBwOITFYsFqtZIesNFowG63Yzqd4unpSVrAt7c3eL1enM9nyOVyaDQa6QCbzSZCoRCu19v9uEKhkM4gGY1GCAQCHI6Jw+GA3W4nPnC/38PlcuF4PH75bTAYiA+Mx+OYzWZf8i8vL9DpdMIBJ5MJTqcTL9fv91GpVHi5h4cHVKtVtNttmM3mvw9kJttIJAKr1crDXC4XhMNhXt2pVCp0u134/X5hOkmr1YLJZEKxWGQ7QzabZWuOiXq9jvF4zP1XqVSi1+vB6XQK0+oymQzcbjevG6zXa5RKJby/vyOdTnN5ZkrpdDqw2WzC9eJkMsnWmNFo5OXz+TxeX1+xXC65HFNzz8/Pwi8WmJbFzHE+n4/LbTYbxGIx7jkajbJvWrTVzOPjI2q1Gu+TMgOECYfDgVwuJ43lViqVQrlchkx220qo1Wq2vTE9VzLrwWAwyA4eJgqFAvR6vSC7um9FIpGAVquFx+MRbNv57WAWBrQnISABRYh/956EPjEBCXiLTwEGAHxjv4PHAw6/AAAAAElFTkSuQmCC);
  background-repeat: no-repeat;	
}

.frame-type-form_formframework .input.checkbox input[type=checkbox]:not(old):checked + span{
  background-position : 0 -40px;
}

.frame-type-form_formframework .input.checkbox input[type=radio]:not(old):checked + span{
  background-position : 0 -40px;
}

@media (max-width: 1366px) {}
@media (max-width: 1279px) {}
@media (max-width: 1023px) {}
@media (max-width: 767px) {
	
	.frame-type-form_formframework .input.checkbox input[type="checkbox"]:not(old) + span, .frame-type-form_formframework .input.checkbox input[type="radio"]:not(old) + span {
		margin-left: 0;
	}
	.frame-type-form_formframework .input.checkbox input[type="checkbox"]:not(old), .frame-type-form_formframework .input.checkbox input[type="radio"]:not(old) {
		height: 0;
	}
	
	.frame-type-form_formframework .form-group {
		margin-bottom: 12px;
	}
	
}
@media (max-width: 359px) {}


/* ###################################################################################################### */
/* ###################################################################################################### */