:root{
	--Grundfarbe: 	#006885;
	--Textfarbe: 	#fff;
	--Linkfarbe: 	#000;
}



.wrapper2{
	max-width: 900px;
	margin: 0 auto;
	padding-bottom: 100px;
}



.abstand{padding:50px 30px 30px 30px !important;}



a,
a:active,
a:visited {
    text-decoration: underline;
    color: #00006d;
}
a:hover {
    text-decoration: underline;
    color: #868e96;
}



hr {
	border: none;
	border-top: 1px dotted #bbb;
	color: #fff;
	background-color: #fff;
	height: 1px;
}

.headtext {
	font-family: 'Open Sans', sans-serif;
    font-size: 1em;
    line-height: 1.3em;
}


h1 {
	color: var(--Linkfarbe);
	font-size: 1.5em;
	font-weight: lighter;
	margin-top:0px;
}

h2 {
	color: var(--Linkfarbe);
	font-size: 1.3em;
	font-weight: bolder;
}
h3 {
	color: var(--Linkfarbe);
	font-size: 1.1em;
	font-weight: normal;
}
h4 {
	color: var(--Linkfarbe);
	font-size: 1.1em;
	font-weight: lighter;
}

h5 {
	color: red;
	font-size: 1.1em;
	font-weight: bold;
}

a, a:active, a:hover, a:visited{
		color: #999;
		color: var(--Linkfarbe);
}
infobottom, a:active, a:hover, a:visited{
		color: #999;
		color: var(--Linkfarbe);
}

input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}



textarea::-webkit-input-placeholder {     font-family: 'Open Sans', sans-serif;
    font-size: 1em; color:#999; transition: color 1s; }
textarea::-moz-placeholder {    font-family: 'Open Sans', sans-serif;
    font-size: 1em; color:#999; transition: color 1s }
textarea:-ms-placeholder {    font-family: 'Open Sans', sans-serif;
    font-size: 1em; color:#999; transition: color 1s}



input[type=text], input[type=email], textarea, button {
  width: 94%;
  padding: 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
  resize: vertical;
  font-size:1em;
}
input[type=checkbox]{
	margin:12px;
}
select {
    width: calc(100% + 5px);
}

label, .panelinside label {
  padding: 12px 12px 12px 12px;
  display: inline-block;
}

input[type=submit], button {
  background-color: ##7dd3d9;
  color: #000;
  font-weight: 600;
  padding: 12px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  width:100%;
  font-size:1.1em;
}

.abmelden {
  background-color: #ffffff;
  color: #999;
	text-decoration:underline;
  padding: 0;
  cursor: pointer;
	width:auto;
	margin-top: 10px;
  font-size:0.8em;
}

input[type=submit]:hover {
  background-color: #45a049;
}


.col-25 {
  float: left;
  width: 30%;
  margin-top: 6px;
		padding:0px 0px 0px 10px;
}

.col-75 {
  float: left;
  width: 70%;
  margin-top: 6px;
		padding:0px 0px 0px 10px;
}
.col-50 {
  float: right;
  width: 57%;
	height:auto;
  margin: 6px 14px 0px 6px;
		padding:0px 0px 0px 10px;
}
.col-30 {
  float: left;
  width: 36%;
  margin: 6px 6px 0px 0px;
	padding:0px 0px 0px 10px;
}
.col-90 {
  float: left;
  width: 91%;
  margin: 6px 6px 0px 0px;
		padding:0px 0px 0px 10px;
}

.col-100 {
  float: left;
  width: 100%;
	padding:0px 0px 0px 10px;
  margin: 6px 6px 0px 0px;
}

.col-10 {
	position:fixed;
	margin:0px;
	padding:0px;
	width: 1px;
	height: 1px;
	top:0px;
	right:-20px;
}



/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
	height:auto;
}
.eingaben input{
  margin:5px 0px 5px 0px;
}

.error {
  color: red;
  font-size: 1em;
}
/* Responsive layout - when the screen is less than 600px wide, make the two columns stack on top of each other instead of next to each other */



@media screen and (max-width:600px) {
  .col-25, .col-75, .col-50, .col-30, .col-100, input[type=submit] {
    width: 87%;
    margin: 0;
    float: initial;
  }
  .checkb{width:85%;
  }




}

}



/* Accordion */

.accordion h6{
  color:#fff;
  text-align:center;
  font-weight: 300;
}
.accordion {
  width: 100%;
  margin: auto;

}

.accordion .panel {
  width: 100%;
  margin: 0 auto;
  height: 0;
  overflow:hidden;
  color: #fff;
  background-color: #F2F2F2;
  line-height: 28px;
  padding: 0px;
  box-sizing: border-box;
  transition: 0.5s;
}

.accordion label {
  cursor: pointer;
	background-color: #999999;
	background-color: var(--Grundfarbe);

  border-bottom: 1px solid #FFF;
  opacity: 60%;
  display: block;
  padding: 15px;
  width: 100%;
  color: #fff;
  font-weight: 600;
  box-sizing: border-box;
  z-index: 100;}
.accordion input{
  display: none;
}

.accordeon .panel input{
	display: inline-block !important;
}

.accordion input:checked+label {
	background-color: #006885;
  opacity:100%;
}

.accordion input:checked+label:before {
  transition: 0.5s;
}

.accordion input:checked~.panel {
  height:auto;
  color: #333;
  font-size: 16px;
  padding: 20px 0px;
  transition: 0.5s;
}
.accordion label:after  { content: " + "; color: white; float: right; font-size: 1.6em}
.accordion input:checked+label:after { content: " "; color: white; float: right;font-size: 1.6em }
}

.accordion label:checked~.panel {
  height:auto;
  color: #333;
  font-size: 16px;
  padding: 20px;
  transition: 0.5s;
  background-color:#F2F2F2;
}

div.panel{
	background-color:#F2F2F2;
	margin:0;
	padding:0;
}

 .panelinside, .panelinside:after, .panelinside:before, .panelinside label, .panelinside input, .accordion .panelinside label:after,  .panelinside p  {
            animation : none;
            animation-delay : 0;
            animation-direction : normal;
            animation-duration : 0;
            animation-fill-mode : none;
            animation-iteration-count : 1;
            animation-name : none;
            animation-play-state : running;
            animation-timing-function : ease;
            backface-visibility : visible;
            background : 0;
            background-attachment : scroll;
            background-clip : border-box;
            background-color : transparent;
            background-image : none;
            background-origin : padding-box;
            background-position : 0 0;
            background-position-x : 0;
            background-position-y : 0;
            background-repeat : repeat;
            background-size : auto auto;
            border : 0;
            border-style : none;
            border-width : medium;
            border-color : inherit;
            border-bottom : 0;
            border-bottom-color : inherit;
            border-bottom-left-radius : 0;
            border-bottom-right-radius : 0;
            border-bottom-style : none;
            border-bottom-width : medium;
            border-collapse : separate;
            border-image : none;
            border-left : 0;
            border-left-color : inherit;
            border-left-style : none;
            border-left-width : medium;
            border-radius : 0;
            border-right : 0;
            border-right-color : inherit;
            border-right-style : none;
            border-right-width : medium;
            border-spacing : 0;
            border-top : 0;
            border-top-color : inherit;
            border-top-left-radius : 0;
            border-top-right-radius : 0;
            border-top-style : none;
            border-top-width : medium;
            bottom : auto;
            box-shadow : none;
            box-sizing : content-box;
            caption-side : top;
            clear : none;
            clip : auto;
            color : #333;
            columns : auto;
            column-count : auto;
            column-fill : balance;
            column-gap : normal;
            column-rule : medium none currentColor;
            column-rule-color : currentColor;
            column-rule-style : none;
            column-rule-width : none;
            column-span : 1;
            column-width : auto;
            content : none;
            counter-increment : none;
            counter-reset : none;
            cursor : auto;
            direction : ltr;
            display : inline-block;
            empty-cells : show;
            float : none;
            font : normal;
            font-family : inherit;
            font-size : 1em;
            font-style : normal;
            font-variant : normal;
            font-weight : normal;
            height : auto;
            hyphens : none;
            left : auto;
            letter-spacing : normal;
            line-height : normal;
            list-style : none;
            list-style-image : none;
            list-style-position : outside;
            list-style-type : disc;
            margin : 0;
            margin-bottom : 0;
            margin-left : 0;
            margin-right : 0;
            margin-top : 0;
            max-height : none;
            max-width : none;
            min-height : 0;
            min-width : 0;
            opacity : 1;
            orphans : 0;
            outline : 0;
            outline-color : invert;
            outline-style : none;
            outline-width : medium;
            overflow : visible;
            overflow-x : visible;
            overflow-y : visible;
            padding : 0;
            padding-bottom : 0;
            padding-left : 0;
            padding-right : 0;
            padding-top : 0;
            page-break-after : auto;
            page-break-before : auto;
            page-break-inside : auto;
            perspective : none;
            perspective-origin : 50% 50%;
            position : static;
            /* May need to alter quotes for different locales (e.g fr) */
            quotes : '\201C' '\201D' '\2018' '\2019';
            right : auto;
            tab-size : 8;
            table-layout : auto;
            text-align : inherit;
            text-align-last : auto;
            text-decoration : none;
            text-decoration-color : inherit;
            text-decoration-line : none;
            text-decoration-style : solid;
            text-indent : 0;
            text-shadow : none;
            text-transform : none;
            top : auto;
            transform : none;
            transform-style : flat;
            transition : none;
            transition-delay : 0s;
            transition-duration : 0s;
            transition-property : none;
            transition-timing-function : ease;
            unicode-bidi : normal;
            vertical-align : baseline;
            visibility : visible;
            white-space : normal;
            widows : 0;
            width : auto;
            word-spacing : normal;
            z-index : auto;
        }


.panelinside input[type=text], .panelinside input[type=email], .panelinside textarea {
  width: 94%;
  padding: 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
  resize: vertical;
	color:#333;
  background-color: #ffffff;
}
.panelinside label {
    margin: 0 12px;
    max-width: 90%;
    vertical-align: top;
	}

	.panelinside input:checked+label{
		background-color:#F2F2F2;
	}

.panelinside input[type=checkbox]{
	margin: 0 ;
}

.panelinside{
	background-color:#F2F2F2;
	width:96%;
	padding: 20px;
}


option { color:#333;}


/* Responsive layout - für Mobile Geräte */
@media screen and (max-width: 600px) {
  .col-25, .col-75, .col-90,input[type=submit] {
    width: 93%;
    margin-top: 0;
line-height: 1.3em;
 font-size: 1em;
  }
 input[type=submit] {
background-color: #999999;
background-color: var(--Grundfarbe);
border-radius 5px;
-webkit-appearance: none;
}
  label.checkb{width:75%;
  }
.panelinside input[type=checkbox]{
margin-top:12px; background-color: #fff; border: 1px solid #000; border-radius: 5px;
}
.panelinside label{
margin: 12px;}

.panelinside select{ line-height: 1.3em;  font-size: 1em; color:#333 !important; padding: 12px;}
select.auswahlliste{width:100% !important;  color:#333 !important;}
}



.einleitung{
	background: #ffffff;
}

.einleitung th{
	text-align: left;
	background-color:#ffffff;
	color: var(--Grundfarbe);
	font-weight:normal;
	padding:5px;
	border:none;
}
.einleitung td{
	text-align: left;
	background-color:#F2F2F2;
	font-weight:normal;
	padding:5px;
}

td.mitgl{
	background-color: #E3E3E3;
}

td.vollz{
	background-color: #ccc;
}