@font-face { font-family: 'Montserrat'; src: url('font/Montserrat-Regular.ttf');
             font-family: 'bodoni'; src: url('font/bodoni.ttf'); }

* { padding: 0; margin: 0; text-decoration:none; box-sizing: border-box; }

img {   border:0; }

body     { background: #bbbb3d; font-family: 'Montserrat',Verdana, sans-serif; font-weight:400; letter-spacing:1px; }


@media screen and (min-width: 768px) {

.box           { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; }
     .boxli    { order: 1; flex-basis: 25%; flex-grow:1; }
     .boxre    { order: 2; flex-basis: 60%; flex-grow:1; }
}

main { margin: 0 auto; }

.box    { border-bottom: 1px solid #878732; width:100%; }
.boxre  { padding:10px; }
.boxli  { padding:10px; }

.boxli img { width:100%; height:auto; }

p    {font-size:17px; color:#000; font-weight:400; line-height:30px; padding:10px 5px 15px 0px; }
h1  { font-size:37px; color:#fff; font-weight:400; line-height:50px; text-align:right; padding:10px 5px 10px 0px; }

span { font-weight:600; color:#339933; }
h3 { color:#000; font-size:23px; font-weight:400; line-height:30px; text-align:right; padding:10px 5px 15px 0px; }

.c  { text-align: center; }
.r  { text-align: right; }

ol { font-size:1em; color:#F4EEEF; font-weight:500; line-height:1.4em; padding-left: 40px;}
ul { font-size:18px; color:#000; font-weight:400; line-height:28px; padding-left: 40px; list-style-image: url('img/but.png'); }


.oben    { text-align: right; padding-right:20px; }
.oben a   { font-size:1.8em; color:#a4bb9d; line-height:0.6em; }
.oben a:hover   { color:#3ead48; transition: 0.4s; }

.icon1  {  border-radius:50%; max-width:16px; padding:1px; margin-right:2px; border:1px solid #fff; }
.icon  {  border-radius:50%; max-width:16px; padding:1px; margin-right:2px; background:#3ead48; }

a.stil1:link    {font-size:17px; color:#fff; line-height:30px; }
a.stil1:visited {color:#fff; }
a.stil1:hover   {color:#000; }
a.stil1:active  {color:#fff; }

@media screen and (max-width:550px) {

     h1  { font-size:30px; text-align:center; padding: 15px 5px 15px 5px; }
     h3  { font-size:24px; text-align:left; padding: 7px 5px 3px 5px; }
     p    {font-size:16px; color:#000; font-weight:400; line-height:25px; padding:0px 5px 10px 5px; }
     .boxre img { width:90%; height:auto; padding:0px 5px 10px 5px; }

}