/* Stylesheet für "gsj" */

/* open-sans-300 - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: url('fonts/open-sans-v28-latin-300.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('fonts/open-sans-v28-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('fonts/open-sans-v28-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
    url('fonts/open-sans-v28-latin-300.woff') format('woff'), /* Modern Browsers */
    url('fonts/open-sans-v28-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
    url('fonts/open-sans-v28-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-regular - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: url('fonts/open-sans-v28-latin-regular.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('fonts/open-sans-v28-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('fonts/open-sans-v28-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('fonts/open-sans-v28-latin-regular.woff') format('woff'), /* Modern Browsers */
    url('fonts/open-sans-v28-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('fonts/open-sans-v28-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-600 - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    src: url('fonts/open-sans-v28-latin-600.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('fonts/open-sans-v28-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('fonts/open-sans-v28-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
    url('fonts/open-sans-v28-latin-600.woff') format('woff'), /* Modern Browsers */
    url('fonts/open-sans-v28-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
    url('fonts/open-sans-v28-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-700 - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: url('fonts/open-sans-v28-latin-700.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('fonts/open-sans-v28-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('fonts/open-sans-v28-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
    url('fonts/open-sans-v28-latin-700.woff') format('woff'), /* Modern Browsers */
    url('fonts/open-sans-v28-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
    url('fonts/open-sans-v28-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-italic - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 400;
    src: url('fonts/open-sans-v28-latin-italic.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('fonts/open-sans-v28-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('fonts/open-sans-v28-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
    url('fonts/open-sans-v28-latin-italic.woff') format('woff'), /* Modern Browsers */
    url('fonts/open-sans-v28-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
    url('fonts/open-sans-v28-latin-italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-300italic - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 300;
    src: url('fonts/open-sans-v28-latin-300italic.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('fonts/open-sans-v28-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('fonts/open-sans-v28-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
    url('fonts/open-sans-v28-latin-300italic.woff') format('woff'), /* Modern Browsers */
    url('fonts/open-sans-v28-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
    url('fonts/open-sans-v28-latin-300italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-600italic - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 600;
    src: url('fonts/open-sans-v28-latin-600italic.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('fonts/open-sans-v28-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('fonts/open-sans-v28-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
    url('fonts/open-sans-v28-latin-600italic.woff') format('woff'), /* Modern Browsers */
    url('fonts/open-sans-v28-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
    url('fonts/open-sans-v28-latin-600italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-700italic - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 700;
    src: url('fonts/open-sans-v28-latin-700italic.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('fonts/open-sans-v28-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('fonts/open-sans-v28-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
    url('fonts/open-sans-v28-latin-700italic.woff') format('woff'), /* Modern Browsers */
    url('fonts/open-sans-v28-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
    url('fonts/open-sans-v28-latin-700italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

@-moz-document url-prefix() {
    h3 {
        color: red;
    }
}
* { padding: 0; margin: 0; }
 
html { height: 101% }

body { color: #000;
    background-color: #dfe7de;
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
    font-family: 'Open Sans', Helvetica, sans-serif;
    font-size: small;
    font-weight: 400;
    overflow-x: hidden;
    background-attachment: fixed;
}
body.home {
    background-image: url("img/dreamstime_m_18645629.jpg");
    background-position: top;
}
body.pdfs {
    background-image: url("img/muehlenbrook_01.jpg");
    background-size: cover;
    background-position: top;
}
body.antrag {
    background-image: url("img/antrag.jpg");
}
body.paket {
    background-image: url("img/paket_01.jpg");
    background-position: top;
}
body.kontakt {
    background-image: url("img/kontakt.jpg");
}
body.hunde {
    background-image: url("img/hunde.jpg");
    background-position: top;
}
body.tagesv {
    background-image: url("img/tagesv.jpg");
    background-position: center;
}
body.waffenv {
    background-image: url("img/waffen_01.jpg");
    background-position: top;
}
body.impressum {
    background-image: url("img/impressum.jpg");
    background-position: bottom;
}
body.schaden {
    background-image: url("img/schaden_01.jpg");
    background-position: top;
}
h1 { font-size: 21px; color: #21521f; font-family: 'Open Sans', Helvetica, sans-serif;
   line-height: 28px; font-weight: 600; margin: 10px 0 10px 15px; width: 100%;
}
h2 { font-size: 1.3em; color: #ffffff; font-family: 'Open Sans', Helvetica, sans-serif;
   line-height: 1.3em; font-weight: 600; margin: 7px 0 7px 15px;
}
h3 { font-size: 1.3em; color: #000; font-family: 'Open Sans', Helvetica, sans-serif;
   line-height: 1.3em; font-weight: 600; margin: 8px 0 8px 15px; clear: left;
}
/* IE 8 */
.ie8 h3 {
    font-size: 13px;
}
h4 { font-size: 14px; color: #21521f; font-family: 'Open Sans', Helvetica, sans-serif;
   line-height: 24px; font-weight: 700; margin: 0 0 0 10px; text-transform: uppercase;
}
h5 { font-size: 1.1em; color: #000; font-family: 'Open Sans', Helvetica, sans-serif;
    line-height: 1.5em; font-weight: 600; margin: 8px 0 0 0; float: left; width: 100%; clear: both;
}
h6 { font-size: 21px; color: #cf0022; font-family: 'Open Sans', Helvetica, sans-serif;
    line-height: 28px; font-weight: 600; margin: 10px 0 10px 15px; width: 95%;
}

a { text-decoration: none; outline: none; }
a:link { color: #427e3c; outline: none; }
a:visited { color: #427e3c; outline: none; }
a:hover, a:focus { color: #91d28e; outline: none; }
a:active { color: #a3d2a2; outline: none; }



a img {border:none;}

select {
    margin: 0 0 15px 0;
}

.skiplink {
  position: absolute;
  top: -2000px;
  left: -3000px;
  width: 0;
  height: 0;
  overflow: hidden;
  display: inline;
}

.clearing { clear: both; }

#wrapper { 
  	color: #171616;
  	/*background-color: #fff;*/
    margin: 14% auto 0;
    height: auto;
    max-width: 1560px;
}
#header { 
	position: relative;
	max-width: 1540px;
	height: 45px;
    margin: 0 auto 14px;
    color: #000;
	background-color: #fff;
    padding: 0.8%;
    }
/* IE 6 */
* html #header {
    margin: 0 9px ;
    padding: 0 9px 0 0;
}
/* IE 7 */
* + html #header {
    margin: 0 9px;
    padding: 0 9px 0 0;
}
#logo { 
   	float: left;
	width: 16%;
	height: auto;
	outline: none;
	margin: 0 0 0 0;
}
#logo img {
    width: 100%;
    height: auto;
}

#nav {   
   	position: relative;
	float: right;
    width: 71%;
   	font-size: 1em;
   	font-family: 'Open Sans', Helvetica, sans-serif;
   	color: #ffffff;
   	margin: 0 0 0 0;
    text-align: center;
}
#nav ul {
    display: -webkit-flex; /* Safari */
    -webkit-flex-direction: row; /* Safari 6.1+ */
    display: flex;
    flex-direction: row;
}
#nav li {
	/*display:list-item;*/
	list-style-type:none;
	margin: 0 0 0 0;
    text-transform: uppercase;
    -webkit-flex-basis: 25%;
    flex-basis: 25%;
}
	
/* IE 6 */
* html #nav {
  	font-size: 12px;
	font-weight: bold;
}
/* IE 7 */
* + html #nav {
	font-size: 12px;
}
/* IE 8 */
	.ie8 #nav {
	font-size: 12px;
}
/* IE 9 */
	.ie9 #nav {
	font-size: 12px;
}
/* IE 10 */
	.ie10 #nav {
	font-size: 13px;
}
#nav ul li ul {
    display: -webkit-flex; /* Safari */
    -webkit-flex-direction: column; /* Safari 6.1+ */
    display: flex;
    flex-direction: column;
}
.navi,
.navi_sub {
    /*-webkit-flex-basis: 25%;*/
    /*flex-basis: 25%;*/
    /*float: left;*/
    /*width: 25%;*/
	height: 46px;
	margin: 0 0 0 2px !important;
	padding: 0 !important;
    background-image: url("img/navi.gif");
    display: flex;
    justify-content: center;
    align-items:center;
}
.navi a,
.navi_sub a {
	color: #ffffff;
    font-weight: 600;
    vertical-align: middle;
    display: block;
    line-height: 1.1em;
    margin: 0 !important;
    padding: 10px;
}

/* hauptmenu li hover */
.navi:hover,
.navi_sub:hover,
.navi_sub_akt:hover,
.navi_akt:hover {
    background-image: url("img/navi_akt.gif");
}
.navi a:hover {
	color: #ffffff;
	font-weight: 600;
}
.navi_akt a:hover,
.navi_sub_akt a:hover {
    color: #63df79;
    font-weight: 600;
}
/* hauptmenu akt */
.navi_akt,
.navi_sub_akt {
    height: 46px;
    margin: 0 0 0 2px !important;
    display: flex;
    justify-content: center;
    align-items:center;
    background-image: url("img/navi_akt.gif");
}
.navi_akt a,
.navi_sub_akt a {
	color: #ffffff;
	font-weight: 700;
    padding: 10px;
    vertical-align: middle;
    display: block;
    line-height: 1.1em;
    margin: 0 !important;
}
.navi_sub a,
.navi_sub_akt a {
    padding: 10px 5% !important;
}
.submenu {
    position: absolute;
    display: none !important;
    top: 45px;
    left: 25%;
    background-color: #a3d2a2;
    text-transform: uppercase;
    z-index: 120;
}
.submenu a {
    font-size: 90%;
}
.submenu li {
    width: 100%;
    height: auto;
    padding: 0;
    border-bottom: 1px solid #ffffff;
}
.navi_sub:hover .submenu,
.navi_sub_akt:hover .submenu {
    display: block !important;
    width: 25%;
    margin: 0 0 0 2px !important;
    padding: 0;
    background-color: #a3d2a2;
}
/* IE 6 */
* html .sub {
    font-size: 10px;
}
/* IE 7 */
* + html .sub {
    font-size: 10px;
}
/* IE 8 */
.ie8 .sub {
    font-size: 10px;
}
/* IE 9 */
.ie9 .sub {
    font-size: 10px;
}
.sub:hover {
    background-color: #427e3c;
}
.sub_akt {
    background-color: #427e3c;
}
.menu-link {
    display: none;
}
/* end navy */
#main_home {
	position: relative;
    float: left;
	margin-right: auto; 
  	margin-left: auto;
	margin-top: 0;
   	font-size: 0.9em;
   	font-weight: 300;
   	line-height: 1.8em;
   	font-family: 'Open Sans', sans-serif;
    width: 98%;
    max-width: 1560px;
   	padding: 1% 1% 0;
	overflow: auto;
    background-color: #fff;
    display: -webkit-flex; /* Safari */
    -webkit-flex-direction: row; /* Safari 6.1+ */
    display: flex;
    flex-direction: row;
}
.teaser {
	float: left;
    width: 100%;
	margin: 0;
    background-color: #ffffff;
}
/* IE 7 */
* + html .teaser p {
	font-size: 13px;
}
/* IE 7 */
* + html .teaser {
    margin: 0 9px;
    padding: 0 9px;
}
.teaser p {
    width: 71%;
    margin: 12px 0 0;
    padding: 20px 0;
    font-size: 1.4em;
   	font-weight: 600;
   	line-height: 1.4em;
	color: #000;
    float: right;
}
/*#teaser_link {
    float: left;
    width: 225px;
    margin: 38px 0 0 0;

}*/
#linke_sp {
    -webkit-flex-basis: 25%;
    flex-basis: 25%;
    width: 25%;
    margin: 0 0 0 0;
}
#kontaktfeld {
	width: 100%;
	height: auto;
  	margin: 0 0 0 0;
   	background-color: #cfdfcf;
   	padding: 0 0 5px 0;
}
.feld_head {
    position: relative;
    float: left;
    width: 100%;
    height: auto;
    background-color: #91d28e;
    margin: 0 0 8px 0;
}
/* IE 8 */
.ie8 .feld_head h3 {
    font-size: 13px;
}
/* IE 7 */
* + html .feld_head h3 {
    font-size: 13px;
}
#linke_sp p {
    font-size: 1.3em;
    font-weight: 400;
    line-height: 1.5em;
	margin: 0 0 9px 15px;
}
#links {
    margin: 15px 0 0 0;
    float: left;
    width: auto;
}
#links img {
    margin: 5px 0 0 15px;
    float: left;
    width: 45%;
}
#inhalt {
    position: relative;
    -webkit-flex-basis: 75%;
    flex-basis: 75%;
    margin: 0 0 0 0;
}

#inhalt p {
    font-size: 1.2em;
    font-weight: 400;
}
/*#inhalt_impressum {
    font-size: 12px;
    position: relative;
    float: right;
    width: 750px;
    margin: 15px 9px 0 0;
    height: auto;
}*/
#inhalt_formular {
    margin: 12px 0 0 0;
    width: 100%;
    padding: 20px 0 0 0;
    background-color: #fff;
    overflow: auto;
}
#inhalt_impressum {
    margin: 0 0 0 4%;
    width: 66%;
    padding: 0 0 0 0;
    background-color: #fff;
    overflow: auto;
}

#inhalt_antwort {
    position: relative;
    float: left;
    width: 100%;
    margin: 15px 50px 50px 50px;
    height: auto;
}
#inhalt_zw_ebene {
    position: relative;
    -webkit-flex-basis: 75%;
    flex-basis: 75%;
    margin: 0 0 1% 0;
    /*max-height: 700px;
    overflow-y: scroll;*/
    padding: 0 0 0 6%;
}

#inhalt_zw_ebene p {
    font-size: 1.2em;
    font-weight: 400;
    max-width: 95%;
    height: auto;
    float: left;
    margin: 0 0 9px 0;
    clear: left;
}
#inhalt_zw_ebene li {
    list-style: outside url(img/link_punkt_kl.gif);
    font-size: 1.1em;
    font-weight: 400;
    line-height: 23px;
    margin: 10px 0 0 30px;
    float: left;
    width: 70%;
}
#inhalt_zw_ebene ul,
#inhalt_zw_ebene ol {
    margin: 0 0 9px 0;
    float: left;
    width: 100%;
}
#inhalt_zw_ebene ol li {
    list-style: outside url(img/link_punkt_kl_ol.gif);
    font-size: 1.1em;
    font-weight: 400;
    line-height: 23px;
    margin: 10px 0 0 30px;
    float: left;
    width: 70%;
}
#texte_pdf {
    clear: both;
}
#texte_pdf p {
    border-top: 1px solid #50506d;
    min-width: 95% !important;
}
.text_head_gruen {
    position: relative;
    float: left;
    width: auto;
    height: auto;
    background-color: #21521f;
    padding: 0 15px 0 0;
    margin: 0 10px 10px 0;
}
.text_head_gruen a {
    color: #ffffff !important;
}
.text_head_gruen a:hover {
    color: #63df79 !important;
}
#navi_links {
    float: left;
    width: 100%;
    margin: 0 0 20px 0;
}
#navi_links li {
    list-style: inside url(img/link_punkt.gif);
    font-size: 13px;
    font-weight: 600;
    line-height: 20px;
    color: #21521f;
}
/*#navi_links li:hover {
    list-style: inside url(img/link_punkt_akt.gif);
    color: #91d28e;
}   */

#navi_links ul {
    margin: 0 0 5px 10px;
}
.rot_bold {
    color: #cf0022;
    font-weight: 700;
}
.paket_gr_head {
    position: relative;
    float: left;
    width: 100%;
    height: auto;
    background-color: #ffffff;
}
.paket_gr .head_gruen {
    position: relative;
    float: left;
    width: 33%;
    height: auto;
    background-color: #21521f;
}
.paket_foot_gruen {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 32%;
    height: 24px;
    background-color: #21521f;
}
.paket_foot_gruen a {
    color: #ffffff;
    font-size: 1em;
    text-transform: uppercase;
    font-weight: 600;
    margin: 0 5px 0 0;
    float: right;
    padding: 0;
}
.paket_foot_gruen a:hover {
    color: #63df79;
}
.paket_gr_head_rot {
    position: relative;
    float: left;
    width: auto;
    height: auto;
    background-color: #cf0022;
    padding: 0 15px 0 0;
}
.paket_gr {
    position: relative;
    float: right;
    width: 95%;
    background-color: #bccbbb;
    margin: 0 0 0 0;
    padding: 0 0 10px 0;
}
.paket_gr p {
    float: left;
    width: 98%;
    font-weight: 600;
    margin: 10px 0 0 0;
    }
.paket_links {
    margin: 4px 0 0 2%;
    display: -webkit-flex; /* Safari */
    -webkit-flex-direction: column; /* Safari 6.1+ */
    display: flex;
    flex-direction: column;
    float: left;
    width: 31%;
}
.paket_kl .paket_links {
    margin: 4px 0 0 15px;
    display: -webkit-flex; /* Safari */
    -webkit-flex-direction: column; /* Safari 6.1+ */
    display: flex;
    flex-direction: column;
    float: left;
    width: 93%;
}
.paket_links li {
    list-style: outside url(img/link_punkt.gif);
    font-size: 1.2em;
    font-weight: 600;
    line-height: 1.4em;
    margin: 3px 0 0 15px;
    -webkit-flex-basis: 33%;
    flex-basis: 33%;
}
.paket_kl li {
    list-style: outside url(img/link_punkt.gif);
    font-size: 1.2em;
    font-weight: 600;
    line-height: 1.4em;
    margin: 3px 0 0 15px;
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
}
.paket_kl .paket_foot_gruen {
    width: 100%;
}
.paket_links a {
    color: #cf0022 !important;
    font-weight: 700;
}
/* IE 8 */
.ie8 .paket_links li {
    font-size: 12px;
}
/* IE 7 */
* + html .paket_links li img {
    font-size: 12px;
    margin-bottom: -10px;
}
.kommentar {
    font-size: 0.9em;
    font-weight: 300;
    margin: 0 0 0 0;
    line-height: 1.2em;
}
.rechtsbuendig {
    text-align: right;
    width: 33%;
    float: left;
}
.paket_kl {
    position: relative;
    float: right;
    width: 30.3%;
    height: 52%;
    background-color: #bccbbb;
    margin: 19px 0 0 2%;
    padding: 0 0 22px 0;
}
.paket_kl .head_gruen {
    position: relative;
    float: left;
    width: 100%;
    height: auto;
    background-color: #21521f;
}
.paket_kl p {
    margin: 5px 0 0 0;
}
#footer {
	position: relative;
    float: right;
	width: 99%;
	height: 25px;
	padding: 0 1% 0 0;
	margin-top: 0;
	margin-right: auto;
  	margin-left: auto;
	background-color: #fff;
    z-index: 100;
}
.footer_text {
	float:right;
	width: auto;
	margin: 0 0 0 0;
}
#footer p {
	width: auto;
	color: #000;
	font-size: 0.9em;
	font-weight: 600;
}

.nach_oben {
    float: right;
    width: auto;
    font-weight: 700;
    color: #21521f;
    font-size: 12px;
}
/* formular */

#formular_info {
    margin: 9px 0 0 0;
    float: left;
    width: 97%;
    background-color: #ffffff;
    padding: 1%;
}
#formular_info p {
    margin: 3px 0 0 1%;
    padding: 0 15px 0 0;
    font-size: 1.1em;
    line-height: 1.6em;
    font-weight: 300;
}
#formular_info li {
    list-style: outside url(img/link_punkt_kl.gif);
    font-size: 1.1em;
    font-weight: 300;
    line-height: 1.6em;
    margin: 10px 0 10px 30px;
}
#formular {
    float: left;
    width: 97%;
    background-color: #ffffff;
    margin: 0 0 0 0px;
    padding: 9px;
}
form {
    padding: 20px;
}
.but {
    float: left;
    width: 15px;
    margin: 0px 5px 20px 9px;
}
.but_text_auto {
    float: left;
    width: auto;
    padding: 0 15px 0 0;
    min-height: 29px;
}
.but_text {
    float: left;
    /*width: 20%;*/
    padding: 0 15px 0 0;
    min-height: 29px;
}
#abschluss .but_text {
    width: 20%;
}
#zeitraum .but_text {
    width: 20%;
}
.gruppe {
    float: left;
    width: 470px;
    margin: 0 0 0px 0;
}
.gruppe_gr {
    float: left;
    width: 100%;
    margin: 0 0 0 0;
}
.gruppe_m {
    float: left;
    width: 46%;
    margin: 0 2% 20px 0;
    min-width: 700px;
}
.gruppe_kl {
    float: left;
    width: 130px;
}
.gruppe_m .but_text {
    width: 45%;
}
form p {
    padding: 0 0 0 1% !important;
}
#termin,
#abschluss,
#person,
#jagdbehoerde,
#deckungssum,
#deckungssum_gg,
#deckungssum_nein,
#zeitraum,
#unfalldeck,
#hundunfall,
#eizugserm,
#waffen_ausr,
#zahlung,
#ueberw,
#mitgliedschaft,
#komment,
#ueberw_tv,
#hund,
#gut_grambow {
    float: left;
    width: 100%;
    border-bottom: 1px solid #a3d2a2;
    margin: 0 0 20px 0;
    background-image: url(img/form_hint.gif);
    background-repeat: repeat-x;
    padding: 20px 1% 15px;
    background-position: bottom;
    background-size: contain;
}
#pruefung {
    float: left;
}
#pruefung .beschreibung p {
    float: left;
    margin: 0 0 8px 0;
}
.blank {
    margin: 30px 0;
}
.feld_k input {
    float: left;
    margin: -5px 20px 15px 0;
    height: 25px;
    background-color: #ffffff;
    border: 1px solid #a3d2a2;
    padding: 0 6px;
    font-size: 100%;
    outline: none;
    max-width: 265px;
    min-width: 115px;
    color: #50506d;
}
.feld_m input {
    float: left;
    margin: -5px 30px 15px 0;
    height: 25px;
    background-color: #ffffff;
    border: 1px solid #a3d2a2;
    padding: 0 6px;
    font-size: 100%;
    outline: none;
    max-width: 265px;
    min-width: 115px;
}
.feld_m textarea {
    float: left;
    margin: -5px 30px 15px 0;
    height: auto;
    background-color: #ffffff;
    border: 1px solid #a3d2a2;
    padding: 6px;
    font-size: 100%;
    outline: none;
    width: auto;
}
.feld_l input {
    float: left;
    margin: -5px 100px 15px 0;
    height: 25px;
    background-color: #ffffff;
    border: 1px solid #a3d2a2;
    padding: 0 6px;
    font-size: 100%;
    outline: none;
    max-width: 300px;
    min-width: 115px;
}

.beschreibung {
     float: left;
     width: 155px;
     margin: 0 3px 0 0;
    clear: left;
 }
.beschreibung p {
    float: right;
    width: auto;
    margin: 0 3px 0 0;
    font-size: 0.8em;
}
.kurz_info {
    float: left;
    width: 100%;
    margin: 12px 0 10px 1%;
}
button {
    position: relative;
    width:auto;
    background-color: #cfdfcf;
    float: left;
    font-size: 1.2em;
    text-align:left;
    border: 1px solid;
    border-color: #21521f;
    color: #171616;
    padding: 0 0 3px 0;
    font-weight: 700;
    white-space: nowrap;
}
button:hover {
    background-color: #a3d2a2;
}
#kjsch {
    float: left;
    width: auto;
    margin: 10px 0 0 10px;
}
.senden input {
    float: left;
    margin: 5px 100px 15px 0;
    height: auto;
    background-image: url("img/navi.gif");
    border: 1px solid #a3d2a2;
    padding: 6px;
    font-size: 100%;
    outline: none;
    max-width: 265px;
    min-width: 115px;
    color: #ffffff;
}
.anker {
    margin: 3px 100px 20px 1%;
    height: auto;
    background-image: url("img/navi.gif");
    background-size: contain;
    border: 1px solid #a3d2a2;
    padding: 12px 20px;
    outline: none;
    width: max-content;
    color: #ffffff;
    font-weight: 600;
    float: left;
}
.anker:hover {
    background-image: url("img/navi_akt.gif");
}
.anker a {
    color: #ffffff;
    font-weight: 600;
    font-size: 105%;
}
.anker_box {
    width: 100%;
}
.anker_box h1 {
    float: left;
    width: max-content;
    margin: 10px 15px;
}
.senden input:hover {
    background-image: url("img/navi_akt.gif");
}
.senden input:active {
    color: #63df79;
}
.print {
    display: none;
}

input:required:valid {

}
input:required:invalid {
    border: 1px solid #cf0022;
}
/* ==========================================================================
laptop 1366 and less
==========================================================================  */
@media only screen and (max-width: 1366px) {
    /*body {
        background-position: bottom;
        background-size: cover;
    }*/
    body.pdfs {
        background-image: url("img/muehlenbrook_02.jpg");
        background-position: top;
        background-size: contain;
    }
    body.antrag {
        background-image: url("img/header_5.jpg");
        background-position: top;
        background-size: contain;
    }
    h3 {
        font-size: 1.1em;
    }
    #wrapper {
        margin: 20% auto 0;
    }
    #inhalt_zw_ebene {
        -webkit-flex-basis: 60%;
        flex-basis: 60%;
        padding: 0 0 0 4%
    }
    #inhalt_zw_ebene p {
        max-width: 93%;
        clear: left;
    }

    #linke_sp {
        min-width: 25%;
    }
    .paket_links li,
    .paket_kl li {
        font-size: 1.1em;
    }
}

/* ==========================================================================
laptop
==========================================================================  */
@media only screen /*and (min-width: 1024px)*/ and (max-width: 1280px) {

    #main_home {
        max-width: 98%;
    }
    #nav li, #nav a {
        font-size: 1em;
    }
    h2 {
        font-size: 1.2em ;
    }
  .teaser p {
      font-size: 1.1em;
  }
    #linke_sp {
        /*min-width: 23%;
        -webkit-flex-basis: 23%;
        flex-basis: 23%;*/
    }
    #linke_sp p {
        font-size: 1em;
        line-height: 1.5em;
    }
    .paket_kl {
        padding: 0 0 45px 0;
    }
    #inhalt_zw_ebene {
        -webkit-flex-basis: 73%;
        flex-basis: 73%;
        padding: 0 0 0 4%;
        min-width: 73%;
    }
    #inhalt_zw_ebene p {
        clear: left;
    }
    #inhalt p {
        font-size: 1.1em;
    }
    #footer p {
        font-size: 1em;
    }
}
/* ==========================================================================

==========================================================================  */
@media only screen and (max-width: 1024px) {

    body.impressum {
        background-image: url("img/impressum_01.jpg");
        background-position: top;
        background-size: contain;
    }
    body.tagesv {
        background-image: url("img/tagesv.jpg");
        background-position: top;
        background-size: contain;
    }
    #nav li, #nav a {
        font-size: 0.9em;
    }
    @-moz-document url-prefix() {
        #nav li, #nav a {
            font-size: 0.9em;
        }
    }
    .teaser p {
        font-size: 1em;
    }
    .paket_links li,
    .paket_kl li {
        font-size: 1em;
    }
}

/* ==========================================================================
tablet portrait
========================================================================== */
@media only screen and (max-width: 960px) {

    body.paket {
        background-image: url("img/header_paket.jpg");
        background-position: top;
        background-size: contain;
    }
    body.waffenv {
        background-image: url("img/waffen_02.jpg");
        background-position: top;
        background-size: contain;
    }

    p {
        font-size: 1em;
    }
    h2 {
        font-size: 1.1em;
    }
    #logo {
        width: 22%;
    }
    .navi, .navi_sub, .navi_akt, .navi_sub_akt {
        height: 31px;
    }
    .submenu {
        top: 33px;
    }
    #nav li, #nav a {
        font-size: 0.85em;
    }
    #nav ul li {
        font-size: 1em;
    }
    .navi_sub a,
    .navi_sub_akt a {
        padding: 5px 5% !important;
    }
    #header {
        height: 30px;
        margin: 0 auto;
    }
    .teaser p {
        padding: 0;
        font-size: 1.1em;
    }
    .paket_links {
        width: 30%;
    }
    .paket_links li,
    .paket_kl li {
        margin: 3px 0 0 20px;
    }
    .paket_kl .paket_links {
        margin: 4px 0 0 2%;
        width: 100%;
    }
    .paket_gr {
        padding: 0 0 0 0;
    }
    .paket_gr .head_gruen {
        width: 45%;
    }
    #inhalt p {
        font-size: 1.1em !important;
    }
    #linke_sp p {
        font-size: 1.1em;
    }
    .gruppe_m {
        float: left;
        width: 100%;
        margin: 0 0 20px 0;
        min-width: 100%;
    }
    .gruppe_m .but_text {
        width: 75%;
    }
    #gut_grambow .but {
        clear: left;
    }
    #gut_grambow .but_text {
        width: 60%;
    }
    #abschluss .but_text {
        width: 60%;
    }
    .einheit {
        width: auto;
        float: left;
        clear: both;
    }
    .einheit .but_text {
        width: 90% !important;
    }
}
/* ==========================================================================
smartphone landscape
========================================================================== */
@media only screen and (max-width: 750px) {
    body.home {
        background-image: url("img/header_home.jpg");
        background-position: top;
        background-size: contain;
    }
    body.paket {
        background-image: url("img/header_paket.jpg");
        background-position: top;
        background-size: contain;
    }
    body.kontakt {
        background-image: url("img/header_3.jpg");
        background-position: top;
        background-size: contain;
    }
    button {
        white-space: pre-line;
        width: 99%;
    }
    #formular_info button p {
        font-size: 1em;
    }
    h2 {
        margin: 7px 7px 7px 7px;
    }
    h3 {
        margin: 8px 0 8px 1%;
    }
    
    .gruppe_m {
        margin: 0;
    }
    .gruppe_m .but_text {
        width: 65%;
    }
    .gruppe_m .but_text_auto {
        width: auto;
        margin: 0 0 20px 0;
    }
    .but_text_auto {
        max-width: 60%;
    }
    #wrapper {
        margin: 18% auto 0;
    }
    #logo {
        width: 25%;
    }
    .menu-link {
        display: inline;
        float: right;
        min-width: 33px;
        height: 33px;
        padding: 0;
        margin: 0;
        position: relative;
        z-index: 500;
        background-repeat: no-repeat;
        background-image: url("img/menu_icon.png");
    }
    .menu-link:hover {
        background-image: url("img/menu_icon_hover.png");
    }
    .menu-link a {
        border: none;
    }
    /*.menu-link a:hover {
    color: #d73f5b !important;
    }
    .menu-link a:active {
    color: #d73f5b !important;
    }*/
    #nav {
        height: .01rem;
        overflow: hidden;
        padding-top: 0;
        /*background-color: #ffffff;*/
        top: -100px;
        z-index: -1;
        position: fixed;
    }
    #nav .punkt {
        display: none !important;
    }
    #menu-open:target #nav {
        clear: both;
        max-width: 80%;
        float: left;
        z-index: 200;
        padding: 0 !important;
        top: -3px;
        height: auto;
        background: none;
        position: fixed;
        overflow: visible;
        border: none;
    }
    #nav,
    #menu-open:target #nav {
        transition: .3s;
    }
    a.open { display: block;}
    a.close { display: none;}
    #menu-open:target a.open { display: none;}
    #menu-open:target a.close { display: block;}

    #nav ul {
        float: left;
        margin: 10px 0;
        padding: 0;
        font-size: 90%;
        width: 160px;
        display: block;
    }
    #nav li, #nav a {
        line-height: 1.1em;
        text-align: left;
    }
    #nav li {
        padding: 0 0 0 1%;
        height: auto;
    }
    #nav ul li ul li {
        padding: inherit;
    }
    
    #nav li:hover, #nav a:hover {
        /*color: #d73f5b !important;*/
        outline: none;
    }
    #nav li:focus, #nav li:active, #nav a:focus, #nav a:active {
        /*color: #d73f5b;*/
        outline: none;
    }
    .navi,
    .navi_sub {
        float: none;
        display: block;
        list-style-type: none;
        font-weight: 600;
        text-transform: uppercase;
        line-height: 1.1em;
        z-index: 11;
        border-bottom: 1px solid #fff;
        margin: 0;
        text-align: left;
        background-color: #ffffff;
    }
    .navi:hover,
    .navi_akt,
    .navi_akt_sub,
    .navi_sub:hover {
        float: none;
        display: block;
        list-style-type: none;
        font-weight: 600;
        text-transform: uppercase;
        /*color: #d73f5b !important;*/
        line-height: 1.1em;
        border-bottom: 1px solid #ffffff;
        margin: 0;
        text-align: left;
        background-color: #eeeee9;
    }
    .submenu {
        top: 41px;
        left: 156px;
        width: auto;
        display: none !important;
    }
    .sub a {
        line-height: 1.1em;
    }
        .sub,
        .sub_akt {
            float: left;
            width: 30%;
            height: auto;
            margin: 0 0 0 0;
            display: block;
            line-height: 1.1em;
        }
    .navi_sub a,
    .navi_sub_akt a {
        padding: 10px 5% !important;
    }
    #main_home,
    #inhalt_zw_ebene,
    #inhalt_impressum {
        /* display: table;*/
        flex-direction: column-reverse !important;
    }
    #kontaktfeld {
        margin: 20px 0 0 0;
        padding: 0 0 5px 0;
    }
    .kontakt_text {
        display: inline-table;
        height: auto;
        overflow: auto;
    }
    .kontakt_text p {
        height: 50px;
        position: relative;
        float: left;
        width: auto;
    }
    .paket_links li,
    .paket_kl li {
        margin: 3px 0 0 20px;
        font-size: 1.1em;
    }
    .teaser p {
        width: 98%;
        padding: 0;
    }
    #links p {
        float: left;
        position: relative;
        width: 100%;
        font-size: 1em;
    }
    #links img {
        width: 25%;
    }
    .paket_links {
        width: 30%;
    }
    .paket_gr {
        width: 100%;
    }
    .paket_gr .paket_links {
        width: 100%;
    }
    .paket_kl {
        width: 100%;
        height: auto;
        margin: 19px 0 0 2%;
        padding: 0 0 0 0;
    }
    .paket_links ul {
        display: inherit;
    }
    #linke_sp {
        float: left;
        display: block;
        width: 100%;
        bottom: 0;
        margin: 0 0 0 0;
    }

    #zeitraum .but_text {
        clear: right;
    }
    .rechtsbuendig {
        text-align: left;
        width: 25%;
        float: left;
        margin: 0 0 0 2%;
    }
    .paket_foot_gruen {
        width: 15% !important;
        float: right;
        position: relative;
        margin: 7px 0 0 0;
    }
    #inhalt_zw_ebene {
        padding: 0 0 0 1%;
    }
    .text_head_gruen {
        padding: 0 15px 0 10px;
    }
    #inhalt_impressum {
        margin: 0 1%;
        width: 98%;
    }
    #inhalt_formular {
        padding: 0 0 0 0;
    }
    #formular {
        padding: 0;
    }
    #footer {
        width: 96%;
        height: 25px;
        padding: 0 2% 15px 2%;
    }
    .footer_text {
        float: left;
    }
    #land {
        margin: 0 0 10px 0;
    }
    .feld_m input {
        max-width: 210px;
    }
}
/* ==========================================================================
smartphone portrait
========================================================================== */
@media only screen and (max-width: 415px) {
   body {
       background-image: none !important;
   }
    h1 {
        margin: 10px 0 10px 1%;
    }
    h3 {
        margin: 8px 0 8px 1%;
    }
    #wrapper {
        margin: 0 auto;
    }
    #logo {
        width: 45%;
    }

    #kontaktfeld {
        padding: 0 0 5px 0!important;
        /*display: table-footer-group;*/
    }
    #links p {
        width: 100%;
    }
    .paket_gr {
        /*display: table-caption;*/
    }
    .paket_erst {
        /*display: table-header-group;*/
    }
    .paket_gr .head_gruen {
        width: 60%;
    }
    .paket_gr .paket_links,
    .paket_kl .paket_links {
        width: 100%;
        display: block;
        font-size: 1.2em;
    }
    .rechtsbuendig {
        width: 100%;
        font-size: 1.2em;
    }
    .paket_foot_gruen {
        width: 25% !important;
        margin: 0;
    }
    .text_head_gruen {
        padding: 0 0 0 1%;
    }
    button {
        line-height: 1.2em;
        font-size: 1em;
        white-space: pre-line;
    }
    #formular {
        padding: 0;
    }
    #formular_info li {
        margin: 10px 0 10px 20px;
    }
    form p {
        padding: 0 0 0 1% !important;
    }
    .beschreibung {
        width: 100%;
    }
    .beschreibung p {
        float: left;
        margin: 0 3px 6px 0;
    }
    .gruppe_m .but_text {
        margin: 0 0 20px 0;
    }
    .but {
        clear: left;
    }
    .but_text {
        width: 65%;
        clear: right;
    }

    .but_text_auto {
        width: 85%;
        padding: 0 1% 0 0;
    }
    .feld_m {
        clear: both;
    }

}