/* Global */

/* Schrift einbinden - cousine-regular - latin */

/* cousine-regular - latin */

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

/* cousine-700 - latin */

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


body {
    font-family: 'Cousine', Arial, sans-serif;
    font-size: 16px;
     color: #7a3300;
    padding: 0em 0;
    line-height: 1.4;
    background: #FCF7F1;

}

img {
    max-width: 100%;
    border-radius: 3px;
}

a:link {
    color: #FDCC6C;
    text-decoration: none;
}

a:visited {
    color: #FDCC6C;
}

a:hover {
    color: #FCF7F1;
}

h1 {
    font-size: 34px;
    line-height: 1;
    margin: 0.4rem 0 0.5rem 0;
    padding: 0;
    color: #FDCC6C;
    text-shadow: 1px 1px 1px #7a3300/*FDCC6C*/
    ;
}

h2 {
    font-size: 22px;
    margin: 0.4rem 0 0.8rem 0;
    padding: 0;
    line-height: 1.3;
    color: #FDCC6C;
    text-shadow: 0px 1px 1px #7a3300/*FDCC6C*/
    ;
}

h3 {
    font-size: 28px;
    line-height: 1.2;
    margin: 0 0 0.6rem 0;
    padding: 0;
    color: #FDCC6C;
    text-shadow: 1px 1px 1px #7a3300/*FDCC6C*/;
}

h4 {
    font-size: 16px;
    line-height: 1.1;
    margin: 0 0 0.5rem 0;
    padding: 0;
    color: #FDCC6C;
    text-shadow: 1px 1px 1px #7a3300/*FDCC6C*/
    ;
}

p {
    margin: 0px 0px 8px 0;
    padding: 0px;
}
.text_big {
    font-size: 23px;
    line-height: 1.4;
}
.text_smaller {
    font-size: 16px;
    line-height: 1.3;
}
.text_small {
    font-size: 13px;
    line-height: 1.3;
}

.container {
    max-width: 1014px;
    margin: 0 auto;
    padding-top: 3rem;
}

.boxtop,
.boxcenter,
.boxbottom {
    background: #D09D32;
    width: 290px;
    float: left;
    display: block;
    padding: 1em;
    border-radius: 3px;
    margin: 0.5em;
}

.boxtop {
    height: 288px;
}

.boxtopleft h2 {
    padding-bottom: .5rem;
    padding-top: 2rem;
}
.boxtopleft p {
    font-size: 15px;
    padding-bottom: 0rem;
}

.boxcenter {
    height: 215px;
}

.boxbottom {
    height: 90px;
}

.boxtopmiddle {
    background: #D09D32 url(bilder/logo.gif) no-repeat center center;
}

.boxtopright,
.boxcenterleft,
.boxcenterright,
.boxbottommiddle {
    background: #FDCC6C;
}
.boxbottomleft p:first-of-type, .boxbottomright p:first-of-type {
   padding-top: 2.1rem;
}

h4.impressum {
    float: left;
}

h4.datenschutz {
    float: right;
}
table {
    border-collapse: collapse;
    margin-bottom: 1.2rem;
}

.clear {
    clear: both;
}

/* Mobile */

@media screen and (max-width: 480px) {
    .box {
        width: 100%;
    }

}

@media screen and (max-width: 800px) {
    .container {
        padding-top: 0;
    }
}