@charset "utf-8";
/* CSS Document */

 :root{
	--gelb: #859fb8 ;			/* var(--gelb) */
	--weissgruen: #e0f7ec ;		/* var(--weissgruen) */
	--gruen: #003300 ;			/* var(--gruen) */
	--dunkelgruen: #002200 ;	/* var(--dunkelgruen) */
	--hellgruen: #004400 ;		/* var(--hellgruen) */
}
/* vollkorn-regular - latin */
@font-face {
    font-family: 'Vollkorn';
    font-style: normal;
    font-weight: 400;
    src: url('fonts/vollkorn-v9-latin-regular.eot'); /* IE9 Compat Modes */
    src: local('Vollkorn Regular'), local('Vollkorn-Regular'), 
		url('fonts/vollkorn-v9-latin-regular.eot?#iefix') format('embedded-opentype'), 
		/* IE6-IE8 */ url('fonts/vollkorn-v9-latin-regular.woff2') format('woff2'), 
		/* Super Modern Browsers */ url('fonts/vollkorn-v9-latin-regular.woff') format('woff'), 
		/* Modern Browsers */ url('fonts/vollkorn-v9-latin-regular.ttf') format('truetype'), 
		/* Safari, Android, iOS */ url('fonts/vollkorn-v9-latin-regular.svg#Vollkorn') format('svg'); /* Legacy iOS */
}
html, body {	
	height:100%;
}
body {
    padding: 0;
    margin: 0;
    font-family: 'Vollkorn';
    color: #003300;
}
.green {
	color:#003300!important;
}
.lightgreen {
	color: var(--weissgruen);
}
a.navbutton {
	display: none;
}
* {
	word-break: break-word;
}
.newscolum img.img-fluid.float-md-right {
    height: 135px;
}
header {
    height: 220px;
    background-color: #003300;
    display: flex;
    flex-direction: column;
	position: relative;
}
header nav {
    margin-top: auto;
    margin-bottom: 0;
    height: 62px;
    border-top: 1px solid #e0f7ec;
}
header nav ul {
}
header nav ul li {
    font-size: 24px;
}



.kontakt a:link,  .kontakt  a:visited{
	color:#003300;
}

.kontakt a:hover{
	color: #EDD21A;
}
.navbar-dark .navbar-nav .nav-link:link,
.navbar-dark .navbar-nav .nav-link:visited,
footer a:link,
footer a:visited{
    color: #e0f7ec;
    text-decoration: none;	
}
.navbar-dark .navbar-nav .nav-link.active,
.navbar-dark .navbar-nav .nav-link:hover,
footer a:hover,
a.msg-link:link, a.msg-link:visited, a.msg-link:hover {
    color: #F6F8A3;	
}

.headpicbox {
	height: 158px;
	position: absolute;
	width: 100%;
}
.headpic {
    height: 112px;
	width: 423px;
    margin: 23px 0;
}

h1{
	font-size: 30px;
}
main {
	background-size: cover;
}

main.uns {
    background-image: url("../img/bg_wir_780.jpg");
    height: 740px;
	background-position: top left;
}
main.angebote {
	min-height: 400px;
}
.boxgruen{
	background-color: rgba(0,51,0,0.500);
	bottom: 56px;    
	color: #e0f7ec;
	position:absolute;
}
main.start {
    background-image: url("../img/bg_start_780.jpg");
    height: 740px;
	background-position: top center;
}

form{
	background-color: #F0F0F0;	
}
.kontakt-header{
	background-image: url("../img/kontakt_header.jpg");
	height: 149px;
}
#falke{
	position: absolute;
	z-index: 25;
	    top: 220px;
    right: 310px;
}
footer {
    background-color: #003300;
    font-size: 22px;
	color: #e0f7ec;
}
footer .head {
    border-bottom: 1px solid #e0f7ec;
    height: 60px;
    font-size: 30px;    line-height: 200%;
}
footer .body {
}
footer nav {
    background-color: black;
    /*! height: 60px; */
    font-size: 20px;
}
footer nav a.nav-link {
    display: block;
    padding: .5rem 1rem .5rem 0;
}

.lieferlogos a img{
	box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
	padding: 28px;
	background-color: white;
}
.lieferanten h2, .col-form-label{
	color:#003300;
}


/* untermenue */
#leftmenue {
	background-color: #030;
}
#leftmenue a {
	text-decoration: none;
	display: block;
	color: #fff;
	font-size: 18px;
	padding: 10px;
	margin: 0 8px 0 0;
	border-left: 5px solid #030;
}
#leftmenue a.activeLM {
	border-left: 5px solid #F6F8A3;
	background-color: #020;
	color: #F6F8A3;
}
#leftmenue a:hover {
	text-decoration: none;
	background-color: #020;
	color: #F6F8A3;
	border-left: 5px solid #030;
}
#leftmenue a.noLMborder {
	border-bottom: none;
}
#leftmenue a.subm {
	font-size: 14px;
	padding: 10px;
	margin: 0 13px 0 5px;
	border-left: 5px solid #fff;
}

#leftmenue a.subm:hover {
}
#leftmenue span.sbm_splitter {
	display: block;
	height: 2px;
	overflow: hidden;
}
#leftmenue a.subm.activeLM {
	border-left: 5px solid #F6F8A3;
}
/* Waffenmarkt */
.wm_element {
	border: 1px solid #ccc;
	padding: 0 15px 15px;
	margin: 25px 0px;
	line-height: 160%;
	cursor: pointer;
	background: #FFFFFF;
	color:#333;
	position: relative;
    overflow: hidden;
}
.wm_element h3, .wm h1, .angebote h1 {
    background-color: var(--gruen);
    color: #fff;
    padding: 10px;
}
#wm_kontaktform label {
    display: block;
    padding: 2px 5px 2px;
}
#wm_kontaktform input {
    display: block;
    width: 100%;
}
#wm_kontaktform textarea {
    height: 120px;
    width: 100%;
}
.angebote h1 {
	margin-bottom: 0;
}
.newscolum{
	padding-top: .5rem;
	border-top: 1px solid var(--gruen) ;
	overflow: hidden;
}
.newsitem h2 {
	color: #fff;
    background-color: #030;
    padding: 10px;
    margin-left: -15px;
}
.wm_element h3 {
	margin-left: -15px;
	margin-right: -15px;
}
.wm_element:hover {
	background: #DCDCDC; /* oder > EFF6F9 */
}
.wm_element img.propic {
	float: right;
	margin-left: 10px;    
	border: 1px solid #ddd;
    border-radius: 4px;
}
.wm_element a.more {
	clear: right;
	margin: 10px;
}
.wm_preis {
	font-size: 19px;
	color: #030;
}
.wm_preis_detail {
	border-radius: 3px;
	clear: right;
	float: right;
	text-align: right;
	font-size: 26px;
	background: rgba(0,184,0,1.00);
	background: #3E2C23;
	color: #FFF;
	padding: 5px 25px;
	margin: 0 0 10px 0px;
}
.wm_preis span, .wm_preis_detail span {
	font-size: 14px;
	max-width: 170px;
	display: inline-block;
}
.wm_preis sup, .wm_preis_detail sup {
	font-size: 10px;
}
.wm_ldesc {
	max-width: 450px;
}
#wm_detailansicht {
	padding: 10px;
	margin: 10px;
	line-height: 150%;
}
#wm_detailansicht h3 {
	font-size: 22px;
	line-height: 130%;
}
#wm_detailansicht h4 {
	font-size: 16px;
	line-height: 160%;
}
#wm_detailpics {
	float: right;
	width: 360px;
	margin-left: 10px;
}
#wm_detailpics .wm_pic {
	margin: 5px 0px 5px 5px;
}
#wm_detailpics .wm_thumbs {
	margin: 5px;
}
#wm_searchframe {
	margin: 0px;
	padding: 5px;
	border: 1px dashed #ccc;
	background: #fafafa;
	color:#333;
}
#wm_bg_viewbuttons {
	min-height: 30px;
}
#wm_bg_viewbuttons label {
	display: block;
	
	font-size: 11px;
}
#wm_bg_viewbuttons label select {
	font-size: 13px;
	width: 210px;
	color:#333;
	font-weight:normal;
}
.start h2 {
		font-size: 1.5rem;
	}	
.card{
	overflow: hidden;
}
.markt p span {
    font-size: 36px;
	font-weight: 500;
}
.markt p, .markt h3 {
    color: var(--weissgruen);	
}
.bg-halfwhite {
	background-color: #BBB;
}
.bg-dunkelgruen {
	background-color: var(--dunkelgruen);
}
.bg-dunkelgruen h2 {
    font-size: 1.5rem;
}
/* STARTseite WM
.preisbeschr {
    position: absolute;
    right: -43px;
    top: 40px;
    background-color: var(--gruen);
    color: #fff;
    padding-left: 45px;
    padding-right: 45px;
    transform: rotate(35deg);
}*/
.preisbeschr {
    position: absolute;
    top: -38px;
    background-color: var(--gruen);
    color: #fff;
}
.start_wm_prev {
	padding: 5px;
	width: 100%;
	float: left;
	margin: 5px;
	min-height: 200px;
	cursor: pointer;
	line-height: 100%;
}
.start_wm_prev:hover {
	background: #EFE0D1;
}
.start_wm_prev h2 {
	line-height: 100%;
	margin-bottom: 3px;
	color:#333;
}
.start_wm_prev h3 {
	color: #666;
	font-size: 13px;
	line-height: 100%;
	margin-bottom: 3px;
}
.start_wm_prev div {
	height: 200px;
	width: 100%;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	position: absolute;
	margin-top: 50px;
}
.start_wm_prev a {
	background: #076633;
	color: #fff !important;
	display: block;
	padding: 5px 10px;
	position: absolute;
	margin-top: 172px;
	margin-left: 15px;
	text-decoration: none;
}
.btn-outline-secondary {
    color: #030;
    border-color: #030;
	background-color: #fff;
}
.btn-outline-secondary:hover, .btn-outline-secondary:active, .btn-outline-secondary:not(:disabled):not(.disabled):active {
    color: #fff;
    background-color: #030;
    border-color: #030;
}

.box_ok, .box_error, .box_hinweis {
    padding: 10px;
    border-radius: 5px;
    font-size: 16px;
    text-align: center;
    margin: 10px;
    border: 1px solid ;
}
.box_hinweis {
    background-color: var(--gruen);
    border-color: var(--dunkelgruen);
    color: #fff;
}
.box_ok{
    background-color: var(--gruen);
    border-color: var(--dunkelgruen);
    color: var(--weissgruen);	
} 
.box_error {
    background-color: #FFCCCC;
    border-color: #FF3333;
    color: #FF3333;	
}
.navbar-expand-md .navbar-nav .nav-link {
	padding-right: 15px;
	padding-left: 15px;
}
.reserviertstoer {
    position: absolute;
    transform: rotate(45deg);
    width: 230px;
    text-align: center;
    background-color: lawngreen;
    display: block;
    right: -62px;
    top: 34px;
	z-index:5;
}
.wm .reserviertstoer {
	width: 400px;
    right: -146px;
}


@media (min-width: 1100px){
	.navbar-expand-md .navbar-nav .nav-link {
		padding-right: 35px;
		padding-left: 35px;
	}
}


@media (min-width: 992px) AND (max-width: 1185px){
/*    header nav ul li a.nav-link{
      padding: .3rem .7rem;
    }*/
    header img.logo {
        max-width: 220px;
        margin-top: 30px;
    }
}


@media (max-width: 1578px){
	#falke {
		right: 90px;
	}		
}


/* zwischen Breite 768px und 991px */


@media (max-width: 991px){
.newscolum img.img-fluid.float-md-right {
    height: 118px;
}	
	.lieferlogos a img {
		margin: 15px;
	}	
	header nav {
		z-index: 50;
	}
	.navbar-expand-md .navbar-nav .nav-link {
		padding-right: 8px;
		padding-left: 8px;
	}	
/*	.hamnav {
		position: absolute;
		top:-500px;
		left:0;
	}
	.hamnav.open {
		position: absolute;
		top:0;
		left:0;
        padding-top: 60px;
		background-color: #313131;
		transition: all 0.4s linear;
	}
	.hamnav.open div ul {
		margin: 50px 0;
		transition: all 0.4s linear;
	}
	.hamnav.open div ul li {
		text-align: left;
		font-size: 19px;
		line-height: 42px;
		padding: 0;
		border-bottom: 1px solid white;
		transition: all 0.4s linear;
	}
	a.navbutton {
		text-decoration: none;
		display: flex;
		box-sizing: content-box;
		padding: 4px 7px;
		color: #fff;
		z-index: 26;
		position: absolute;
		top: 15px;
		right: 15px;
		border: 2px solid white;
		border-radius: 3px;
	}	
	#waffenmarkt a.navbutton, #ueber_uns a.navbutton {
		background-color: rgba(102,102,102,0.5);
	}*/
	h2 {
		font-size: 1.2rem;
	}	
	nav.navbar {
		display: block;
		height: inherit;
		border: none;
		position: relative;
		top: 0;
	}
	.nav-link {
		display: block;
	}
	.navbar-dark .navbar-toggler {
		position: absolute;
		right: 15px;
    	top: 38px;
		padding: .25rem .5rem;
	}

	.show {
		display: block;
	}

/*	header {
		height: 160px;
	}*/	
	footer nav ul.nav {
		    justify-content: center!important;
	}	
	#falke {
    top: 210px;
    right: 10px;
    /* width: 270px; */
	}	

	.navbar{
		z-index: 25;
	}
	.navbar-brand {
		display: contents;
	}
	.navbar-toggler {
		border:2px solid;
		z-index:500;
	}

	.collapsing, .collapse {
		position: absolute;
		top: 158px;
		left: 0px;
		border-top: 1px solid #fff;
		width: 100%;
		background-color: rgba(0,51,0,1);
		text-align: center;   
	}
	.headpic {
		left: 25px;
    	position: relative;
	}		
}

@media(max-width:767px) {
	.newscolum img.img-fluid.float-md-right {
		max-width: 350px;
		height: auto;
	}	
	.collapsing, .collapse {
		position: absolute;
		top: 115px;
		left: 0px;
		border-top: 1px solid #fff;
		width: 100%;
		background-color: rgba(0,51,0,1);
		text-align: center;    
		padding-bottom: 30px;
	}
	header {
		height: 115px;
	}	
	.headpic {
		height: 69px ;
		left: 25px;
    	position: relative;
	}	
	nav.navbar {
		top: 0;
	}	
	#falke {
		    top: 90px;
    right: 0;
    width: 270px;
	}	
}
@media(max-width:575px) {
	
	.newscolum img.img-fluid.float-md-right {
		max-width: 100%;
		height: auto;
		margin-bottom: 10px;
	}	
	
	.geweih h1 {
		font-size: 22px;
    	line-height: 50px;
		padding: 5px 5px ;
	}
	.geweih p {
		font-size: 19px;
		line-height: 38px;
		padding: 4px 5px;
	}
	.findet h2 {
		font-size: 34px;
	}
	.findet h3 {
		font-size: 34px;
	}
	.waffenmarkt p span {
		font-size: 27px;
	}

    header img
	{
        max-width: calc(100% - 108px); 
    }

	.boxgruen{
		background-color: rgba(0,51,0,0.500);
		top: 5px;  
		bottom: inherit;
		color: #e0f7ec;
		position: relative;
	}
	main.uns {
		background-image: url("../img/bg_wir_1152.jpg");
		height: 1080px;
		background-position: top left;
	}
	main.start {
		background-image: url("../img/bg_start_1152.jpg");
		height: 740px;
		background-position: bottom center;
	}	
	footer nav ul.nav {
		    justify-content: center!important;
	}
	#falke {
		display:none;
	}	
	.headpicbox {
		height: 115px;
	}
	.headpic {
		left: 25px;
    	position: relative;
	}	
	.navbar{
		z-index: 25;
	}
	.navbar-brand {
		display: contents;
	}
	.navbar-toggler {
		border:2px solid;
	}

	#wm_detailpics {
		max-width: 100%;
	}	
	#wm_detailpics .wm_pic {
		max-width: 100%;
		height: auto;
	}	
	.wm_element img.propic {
		float: none;
		margin-left: 0;
		margin-top:10px;
	}	
	.wm_element {
		margin: 25px 0px;
	}
}



/* iPad 768x1024 */
/* iPad Pro 1024x1366 */



/* Background Start Anpassung für Smartphones und Tablets */
/* Pixel 2 411x731 +iPhone 6/7/8 Plus
@media(max-width:415px) and (max-height:735px) {
	main.start {
		height: 506px;
		background-position: bottom center;
	}		
}*/
/* iPhone 6/7/8 375x667 
@media(max-width:375px) and (max-height:680px) {
	main.start {
		height: 444px;
		background-position: top center;
	}	
}*/
/* Galaxy S5 360x640 
@media(max-width:360px) and (max-height:660px) {
	main.start {
		height: 416px;
		background-position: top center;
	}	
}*/
/* iPhone 5/SE 320x568 
@media(max-width:320px) and (max-height:585px) {
	main.start {
		height: 346px;
		background-position: top center;
	}	
}*/
@media (orientation:portrait) and (max-height:780px) and (max-width:450px) {
	main.start {
		height: calc(100% - 115px);
		background-position: bottom center;
    background-image: url("../img/bg_start_780_hoch.jpg");
		overflow: auto;
}
}



@media(min-width:768px){
	.right {
		text-align: right;
	}	
	
}