@charset "utf-8";
/* CSS Document */
*{
box-sizing: border-box;
margin:0;padding:0;
scroll-behavior:smooth;
-webkit-touch-callout:none;
}

body
{height:100vh; font-size: 1.15rem; color:#6d7972; word-wrap:break-word;overflow-wrap:break-word;
-moz-hyphens:auto;hyphens: auto;-webkit-hyphens: auto;-webkit-hyphenate-limit-chars: auto 3;-webkit-hyphenate-limit-lines: 4;-ms-hyphens: auto;-ms-hyphenate-limit-chars: auto 3;-ms-hyphenate-limit-lines: 4} /*6c7575*/
.top-verlauf {background: rgb(96,114,18); background: linear-gradient(279deg, rgba(96,114,18,1) 0%, rgba(255,255,255,0.020028079591211445) 60%) }
.navi-border { border-block-start: 2px solid white; border-block-end: 2px solid white} /*linien oben und unten */


h1, h2 {color:#607712}
h1 {font-size: calc(100% + (34 - 25) * ((100vw - 320px) / (1600 - 320))); margin-top: 2vh}
h2 {font-size: calc(100% + (18 - 10) * ((100vw - 320px) / (1600 - 320))); padding-bottom: 2vh}
input[type="Checkbox"] {width: 1.2rem; height:1.2rem}
input[type="radio"] {width: 1.2rem; height:1.2rem}
a {color: #607712}

.bg-dark-green {background-color: #607712} /*navi*/
.bg-gray-silver {background-color: #EFEFEA} /*Felder*/
.smaller {font-size: smaller; font-weight: 100} /*Kontaktformulare Vermerk unten*/
.height-auto {height: auto} /*option Felder*/

/*fraglich*/
.form-group .required:after {
  content: " *";
    color: red;
    font-weight: 700;
}

/*Cardstyling*/
.card {transition: all 0.3s;}
.card:hover {transform: scale(1.03)}


/*Buttonstyling*/
.btn-primary { background-color: #607712}
.btn-primary:hover { background-color: #bbc59a;	color:#000}
.btn-primary:focus, .btn-primary.active {background-color: #bbc59a !important}
.btn-primary:active {background-color: #607712}


/*styling upload butto*/
input[type="file"] {
  display: none;
}
.custom-file-upload {
  border: 1px solid #ccc; border-radius: 0.5rem;
  background-color: #607712 !important;
  color:white;
  display: inline-block;
  padding: .5rem 1rem;
  cursor: pointer;
}

.custom-toggler .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='white' stroke-width='4' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E")
}

.custom-toggler.navbar-toggler {
  color: white;
}