:root {
    --default-background-color: #dadada;

    --color-primary: #2c6cac;
    --color-primary-light: #8BC0E9;
    --color-primary-dark: #085B9B;

    --color-accent: #00A55F;
    
    --color-positive: #00A55F;
    --color-negative: #a6002e;

    --color-text: #fff;
    --color-primary-text: #212121;
    --color-secondary-text: #757575;
    --color-placeholder-text: #dadada;

    --color-divider-color: #e4e4e4;

    -webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	-moz-font-smoothing:antialiased;
	-o-font-smoothing:antialiased;
	font-smoothing:antialiased;
}

.container {
    margin-bottom: 20px;
}

fieldset {
	border: medium none !important;
}

#contact input[type="text"], #contact input[type="email"], #contact input[type="tel"], #contact input[type="url"], #contact textarea, #contact button[type="submit"] { 
    font:400 12px/16px "Open Sans", Helvetica, Arial, sans-serif; 
}

#contact {
	margin-top :25px;
    padding-top: 15px;
	background:#F9F9F9;
	padding-right :15px;
}

#contact input[type="text"], #contact input[type="email"], #contact input[type="tel"], #contact input[type="url"], #contact textarea {
	width:100%;
	border:1px solid #CCC;
	background:#FFF;
	margin:0 0 5px;
	padding: 5px;
}

#contact input[type="text"]:hover, #contact input[type="email"]:hover, #contact input[type="tel"]:hover, #contact input[type="url"]:hover, #contact textarea:hover {
	-webkit-transition:border-color 0.3s ease-in-out;
	-moz-transition:border-color 0.3s ease-in-out;
	transition:border-color 0.3s ease-in-out;
	border:1px solid #AAA;
}

#contact textarea {
	height:100px;
	max-width:100%;
    resize: vertical;
}

#contact button[type="submit"] {
	cursor:pointer;
	width:103%;
	border:none;
	background:var(--color-primary-text);
	color:#FFF;
	font-size: 15px;
	padding-top: 5px;
    padding-bottom: 5px;
}

#contact button[type="submit"]:hover {
	background:var(--color-primary-text);
	-webkit-transition:background 0.3s ease-in-out;
	-moz-transition:background 0.3s ease-in-out;
	transition:background-color 0.3s ease-in-out;
}

#contact button[type="submit"]:active { 
    box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.5); 
}

#contact input:focus, #contact textarea:focus {
	outline:0;
	border:1px solid #999;
}

::-webkit-input-placeholder {color: var(--color-primary-light);}
:-ms-input-placeholder {color: var(--color-primary-light);}
::-moz-placeholder {color: var(--color-primary-light);}
:-moz-placeholder {color: var(--color-primary-light);}

.Kontaktmail {
    margin-top: 0;
    padding-top: 0;
    color: black;
    margin-right: 1%;
    font-size: 50%;
    margin-bottom: 0;
    padding-bottom: 1%;
    text-align: right;
}

.chkDSGVO {
    font-size: 70%;
}