*, *::before, *::after { box-sizing:border-box; }

html {
font-size:14px;
scroll-behavior:smooth;
}

body {
font-family:Georgia, serif;
color:#000;
line-height:1.7;
margin:0;
background-color:#b9b090;
}

h1 {
color:#000;
font-size:32px;
font-weight:bold;
line-height:1.2;
margin:0;
}
h2 {
color:#000;
font-size:22px;
font-weight:bold;
text-transform:uppercase;
margin:0 0 12px 0;
}
h3 {
color:#000;
font-size:15px;
font-weight:bold;
font-style:normal;
margin:0;
}

p {
margin:0;
}

i {
font-style:italic;
}
b {
font-weight:bold;
}

a:link {
color:#522a00;
font-weight:bold;
text-decoration:none;
}
a:active {
color:#522a00;
font-weight:bold;
text-decoration:none;
}
a:visited {
color:#522a00;
font-weight:bold;
text-decoration:none;
}
a:hover {
color:#522a00;
font-weight:bold;
text-decoration:underline;
}

img {
border:none;
}

.site {
position:relative;
width:auto;
max-width:980px;
height:auto;
margin:0 auto;
}

.kop {
width:auto;
height:auto;
padding:0;
margin:0;
border-bottom:solid 6px #fff;
display:block;
}
.kop-foto {
width:100%;
height:auto;
margin:0;
display:block;
}

.content {
width:100%;
height:auto;
background-color:#dcd6c7;
display:flex;
flex-direction:row;
}
@media only screen and (max-width: 900px) {
	.content {
	flex-direction:column;
	}
}

.links {
width:auto;
height:auto;
padding:56px;
display:block;
}
@media only screen and (max-width: 900px) {
	.links {
	padding:28px 28px 0 28px;
	}
}

.links p {
margin-bottom:8px;
}


.rechts {
width:auto;
height:auto;
padding:10px 28px 56px 0;
display:block;
}
@media only screen and (max-width: 900px) {
	.rechts {
	padding:17px 28px 28px 28px;
	}
}

.contact {
width:auto;
height:auto;
display:flex;
flex-direction:row;
gap:20px;
}
.contact a {
display:block;
}

.li-knop {
width:24px;
height:24px;
background-image:url('graphics/linkedin.png');
background-repeat:no-repeat;
}
a.li-knop:link {
background-image:url('graphics/linkedin.png');
}
a.li-knop:active {
background-image:url('graphics/linkedin-on.png');
}
a.li-knop:visited {
background-image:url('graphics/linkedin.png');
}
a.li-knop:hover {
background-image:url('graphics/linkedin-on.png');
}

.fb-knop {
width:24px;
height:24px;
background-image:url('graphics/facebook.png');
background-repeat:no-repeat;
}
a.fb-knop:link {
background-image:url('graphics/facebook.png');
}
a.fb-knop:active {
background-image:url('graphics/facebook-on.png');
}
a.fb-knop:visited {
background-image:url('graphics/facebook.png');
}
a.fb-knop:hover {
background-image:url('graphics/facebook-on.png');
}

.tw-knop {
width:24px;
height:24px;
background-image:url('graphics/twitter.png');
background-repeat:no-repeat;
}
a.tw-knop:link {
background-image:url('graphics/twitter.png');
}
a.tw-knop:active {
background-image:url('graphics/twitter-on.png');
}
a.tw-knop:visited {
background-image:url('graphics/twitter.png');
}
a.tw-knop:hover {
background-image:url('graphics/twitter-on.png');
}

.foto {
width:400px;
height:auto;
border:solid 6px #fff;
display:block;
}
@media only screen and (max-width: 900px) {
	.foto {
	width:100%;
	}
}

.shop {
width:auto;
height:auto;
margin-top:17px;
display:flex;
flex-direction:row;
flex-wrap:wrap;
gap:10px;
}
.shop a {
width:auto;
min-width:100px;
height:auto;
color:#fff;
font-size:14px;
font-weight:bold;
padding:4px 6px 4px 6px;
text-align:center;
white-space:nowrap;
background-color:#522a00;
border:solid 4px #fff;
border-radius:10px 10px;
margin:0;
display:block;
}
.shop a:link {
color:#fff;
font-weight:bold;
text-decoration:none;
}
.shop a:active {
color:#fff;
font-weight:bold;
text-decoration:none;
}
.shop a:visited {
color:#fff;
font-weight:bold;
text-decoration:none;
}
.shop a:hover {
color:#fff;
font-weight:bold;
text-decoration:none;
border:solid 4px #b9b090;
}

.iframe {
width:426px;
height:240px;
}
@media only screen and (max-width: 900px) {
	.iframe {
	width:284px;
	height:160px;
	}
}