body {
    /* background-image: linear-gradient(to top, white 10%, transparent), url(../images/background.jpg); */
    background-size: cover;
    margin: 0;
    padding: 0;
    background: rgb(141, 112, 58);
}

header {
    /* max-width: 72em; */
    margin: 0 auto;
    background-color: blanchedalmond;
}

/* main {
    max-width: 72em;    
    margin:  0 auto 3em;
    padding-bottom: 2em;
    background: url(../images/platzhalter.jpg) no-repeat;
    background-size: contain;
    background-position: ;
    background-position-y: ;
    border-radius: 36em/3em;
} */

#logo {
    margin: 0;
    padding: 1em;
    background-color: black;
}

#opener {
    padding: 5.25em 0 0;
}

#slideshow h2, #slideshow p {
    color: rgb(255, 72, 0);
}

#slideshow h2 {
    font-size: 4em;
    font-weight: bold;
}

#slideshow p {
    font-size: 2em;
    font-weight: bold;
}

.uk-h1 {
    color: blanchedalmond;
    margin: 0;
}

.uk-h3, h4 {
    padding: 0 1em;
}

.uk-heading-medium {
    text-align: center;
    color: blanchedalmond;
}

#themen, #lamas, #kontakt {
    max-width: 72em;
    margin: 0em auto 0;
    padding: 1em;
    
}

.themen, .lamas, .kontakt {    
    height: auto;
    padding: 1em 0 2em;
    margin: 3.2em 0.5em;
    background:white;
    display: inline-block;
    border-top: 0.2em lightsalmon solid;
    border-radius: 2em;
    overflow: hidden;
    position: relative;
}

#themen p {
    color: gray;
    font-size: 1.2em;
    font-weight: normal;
}

.themen p, .lamas p, .kontakt p, #kontaktformular {
    padding: 0 1em 0em;
    color: gray;
}

.img {    
    overflow: hidden;
}

.img_themen {
    
    transition: all 1s;
}

.img_themen:hover {
    transform: scale(1.3);
}

.button_mehr {
    position: absolute;
    bottom: 0;
    right: 0;
    transition: all 0.25s;
}

.button_mehr:hover {
    transform: scale(1.2)
}

.button_mehr a {
    margin: 0;
    padding: 1em;
    background: orangered;
    color: white;
    text-align: center;
    width: 5em;
    display: block;
}

.uk-grid {
    margin: 0;
}

#box h1, #box p {
    text-align: center;
    color: black;
}

#box h1, #box_2 h1 {
    font-size: 3em;
    font-weight: 800;
}

#kontakt_foot {
    margin: 8em auto;
    background: lightsalmon;
    width: 8em;
    height: 8em;
    border-radius: 8em;
    transition: all 0.5s;
}

#kontakt_foot:hover {
    transform: scale(1.2);
}

#kontakt_foot a {
    text-align: center;
    display: block;
    color: black;
    padding: 3.3em 0;
}

#box_2 {
    max-width: 72em;
    margin: auto;
}

#header_box_2 h1, #header_box_2 p {
    text-align: center;
    color: black;
}

.box_button {
    display: inline-block;
    opacity: 0.7;
}

.button {
    width: 8em;
    height: 8em;
    margin: 2.5em auto 1em;
    border-radius: 8em;
    border: 0.25em solid black;
    background: lightsalmon;
}

.img_button {
    /* width: 3.5em; */
    padding: 2.2em;
    transition: all 0.5s;
}

.img_button:hover {
    transform: scale(1.3);
    cursor: pointer;
}

.box_button p {
    text-align: center;
    color: black;
}

footer p, footer a {
    margin: 0 1em;
    color: white;
}
footer {
    position: static;
    bottom: 0;
    background: black;
    padding: 1em;
    margin: 2em 0 0 0;
    opacity: 0.7;
}body {
    /* background-image: linear-gradient(to top, white 10%, transparent), url(../images/background.jpg); */
    background-size: cover;
    margin: 0;
    padding: 0;
    background: rgb(141, 112, 58);
}

header {
    /* max-width: 72em; */
    margin: 0 auto;
    background-color: blanchedalmond;
}

/* main {
    max-width: 72em;    
    margin:  0 auto 3em;
    padding-bottom: 2em;
    background: url(../images/platzhalter.jpg) no-repeat;
    background-size: contain;
    background-position: ;
    background-position-y: ;
    border-radius: 36em/3em;
} */

#logo {
    margin: 0;
    padding: 1em;
    background-color: black;
}

#opener {
    padding: 5.25em 0 0;
}

#slideshow h2, #slideshow p {
    color: rgb(255, 72, 0);
}

#slideshow h2 {
    font-size: 4em;
    font-weight: bold;
}

#slideshow p {
    font-size: 2em;
    font-weight: bold;
}

.uk-h1 {
    color: blanchedalmond;
    margin: 0;
}

.uk-h3, h4 {
    padding: 0 1em;
}

.uk-heading-medium {
    text-align: center;
    color: blanchedalmond;
}

#themen, #lamas, #kontakt {
    max-width: 72em;
    margin: 0em auto 0;
    padding: 1em;
    
}

.themen, .lamas, .kontakt {    
    height: auto;
    padding: 1em 0 2em;
    margin: 3.2em 0.5em;
    background:white;
    display: inline-block;
    border-top: 0.2em lightsalmon solid;
    border-radius: 2em;
    overflow: hidden;
    position: relative;
}

#themen p {
    color: gray;
    font-size: 1.2em;
    font-weight: normal;
}

.themen p, .lamas p, .kontakt p, #kontaktformular {
    padding: 0 1em 0em;
    color: gray;
}

.img {    
    overflow: hidden;
}

.img_themen {
    
    transition: all 1s;
}

.img_themen:hover {
    transform: scale(1.3);
}

.button_mehr {
    position: absolute;
    bottom: 0;
    right: 0;
    transition: all 0.25s;
}

.button_mehr:hover {
    transform: scale(1.2)
}

.button_mehr a {
    margin: 0;
    padding: 1em;
    background: orangered;
    color: white;
    text-align: center;
    width: 5em;
    display: block;
}

.uk-grid {
    margin: 0;
}

#box h1, #box p {
    text-align: center;
    color: black;
}

#box h1, #box_2 h1 {
    font-size: 3em;
    font-weight: 800;
}

#kontakt_foot {
    margin: 8em auto;
    background: lightsalmon;
    width: 8em;
    height: 8em;
    border-radius: 8em;
    transition: all 0.5s;
}

#kontakt_foot:hover {
    transform: scale(1.2);
}

#kontakt_foot a {
    text-align: center;
    display: block;
    color: black;
    padding: 3.3em 0;
}

#box_2 {
    max-width: 72em;
    margin: auto;
}

#header_box_2 h1, #header_box_2 p {
    text-align: center;
    color: black;
}

.box_button {
    display: inline-block;
    opacity: 0.7;
}

.button {
    width: 8em;
    height: 8em;
    margin: 2.5em auto 1em;
    border-radius: 8em;
    border: 0.25em solid black;
    background: lightsalmon;
}

.img_button {
    /* width: 3.5em; */
    padding: 2.2em;
    transition: all 0.5s;
}

.img_button:hover {
    transform: scale(1.3);
    cursor: pointer;
}

.box_button p {
    text-align: center;
    color: black;
}

footer p, footer a {
    margin: 0 1em;
    color: white;
}
footer {
    position: static;
    bottom: 0;
    background: black;
    padding: 1em;
    margin: 2em 0 0 0;
    opacity: 0.7;
}body {
    /* background-image: linear-gradient(to top, white 10%, transparent), url(../images/background.jpg); */
    background-size: cover;
    margin: 0;
    padding: 0;
    background: rgb(141, 112, 58);
}

header {
    /* max-width: 72em; */
    margin: 0 auto;
    background-color: blanchedalmond;
}

/* main {
    max-width: 72em;    
    margin:  0 auto 3em;
    padding-bottom: 2em;
    background: url(../images/platzhalter.jpg) no-repeat;
    background-size: contain;
    background-position: ;
    background-position-y: ;
    border-radius: 36em/3em;
} */

#logo {
    margin: 0;
    padding: 1em;
    background-color: black;
}

#opener {
    padding: 5.25em 0 0;
}

#slideshow h2, #slideshow p {
    color: rgb(255, 72, 0);
}

#slideshow h2 {
    font-size: 4em;
    font-weight: bold;
}

#slideshow p {
    font-size: 2em;
    font-weight: bold;
}

.uk-h1 {
    color: blanchedalmond;
    margin: 0;
}

.uk-h3, h4 {
    padding: 0 1em;
}

.uk-heading-medium {
    text-align: center;
    color: blanchedalmond;
}

#themen, #lamas, #kontakt {
    max-width: 72em;
    margin: 0em auto 0;
    padding: 1em;
    
}

.themen, .lamas, .kontakt {    
    height: auto;
    padding: 1em 0 2em;
    margin: 3.2em 0.5em;
    background:white;
    display: inline-block;
    border-top: 0.2em lightsalmon solid;
    border-radius: 2em;
    overflow: hidden;
    position: relative;
}

#themen p {
    color: gray;
    font-size: 1.2em;
    font-weight: normal;
}

.themen p, .lamas p, .kontakt p, #kontaktformular {
    padding: 0 1em 0em;
    color: gray;
}

.img {    
    overflow: hidden;
}

.img_themen {
    
    transition: all 1s;
}

.img_themen:hover {
    transform: scale(1.3);
}

.button_mehr {
    position: absolute;
    bottom: 0;
    right: 0;
    transition: all 0.25s;
}

.button_mehr:hover {
    transform: scale(1.2)
}

.button_mehr a {
    margin: 0;
    padding: 1em;
    background: orangered;
    color: white;
    text-align: center;
    width: 5em;
    display: block;
}

.uk-grid {
    margin: 0;
}

#box h1, #box p {
    text-align: center;
    color: black;
}

#box h1, #box_2 h1 {
    font-size: 3em;
    font-weight: 800;
}

#kontakt_foot {
    margin: 8em auto;
    background: lightsalmon;
    width: 8em;
    height: 8em;
    border-radius: 8em;
    transition: all 0.5s;
}

#kontakt_foot:hover {
    transform: scale(1.2);
}

#kontakt_foot a {
    text-align: center;
    display: block;
    color: black;
    padding: 3.3em 0;
}

#box_2 {
    max-width: 72em;
    margin: auto;
}

#header_box_2 h1, #header_box_2 p {
    text-align: center;
    color: black;
}

.box_button {
    display: inline-block;
    opacity: 0.7;
}

.button {
    width: 8em;
    height: 8em;
    margin: 2.5em auto 1em;
    border-radius: 8em;
    border: 0.25em solid black;
    background: lightsalmon;
}

.img_button {
    /* width: 3.5em; */
    padding: 2.2em;
    transition: all 0.5s;
}

.img_button:hover {
    transform: scale(1.3);
    cursor: pointer;
}

.box_button p {
    text-align: center;
    color: black;
}

footer p, footer a {
    margin: 0 1em;
    color: white;
}
footer {
    position: static;
    bottom: 0;
    background: black;
    padding: 1em;
    margin: 2em 0 0 0;
    opacity: 0.7;
}body {
    /* background-image: linear-gradient(to top, white 10%, transparent), url(../images/background.jpg); */
    background-size: cover;
    margin: 0;
    padding: 0;
    background: rgb(141, 112, 58);
}

header {
    /* max-width: 72em; */
    margin: 0 auto;
    background-color: blanchedalmond;
}

/* main {
    max-width: 72em;    
    margin:  0 auto 3em;
    padding-bottom: 2em;
    background: url(../images/platzhalter.jpg) no-repeat;
    background-size: contain;
    background-position: ;
    background-position-y: ;
    border-radius: 36em/3em;
} */

#logo {
    margin: 0;
    padding: 1em;
    background-color: black;
}

#opener {
    padding: 5.25em 0 0;
}

#slideshow h2, #slideshow p {
    color: rgb(255, 72, 0);
}

#slideshow h2 {
    font-size: 4em;
    font-weight: bold;
}

#slideshow p {
    font-size: 2em;
    font-weight: bold;
}

.uk-h1 {
    color: blanchedalmond;
    margin: 0;
}

.uk-h3, h4 {
    padding: 0 1em;
}

.uk-heading-medium {
    text-align: center;
    color: blanchedalmond;
}

#themen, #lamas, #kontakt {
    max-width: 72em;
    margin: 0em auto 0;
    padding: 1em;
    
}

.themen, .lamas, .kontakt {    
    height: auto;
    padding: 1em 0 2em;
    margin: 3.2em 0.5em;
    background:white;
    display: inline-block;
    border-top: 0.2em lightsalmon solid;
    border-radius: 2em;
    overflow: hidden;
    position: relative;
}

#themen p {
    color: gray;
    font-size: 1.2em;
    font-weight: normal;
}

.themen p, .lamas p, .kontakt p, #kontaktformular {
    padding: 0 1em 0em;
    color: gray;
}

.img {    
    overflow: hidden;
}

.img_themen {
    
    transition: all 1s;
}

.img_themen:hover {
    transform: scale(1.3);
}

.button_mehr {
    position: absolute;
    bottom: 0;
    right: 0;
    transition: all 0.25s;
}

.button_mehr:hover {
    transform: scale(1.2)
}

.button_mehr a {
    margin: 0;
    padding: 1em;
    background: orangered;
    color: white;
    text-align: center;
    width: 5em;
    display: block;
}

.uk-grid {
    margin: 0;
}

#box h1, #box p {
    text-align: center;
    color: black;
}

#box h1, #box_2 h1 {
    font-size: 3em;
    font-weight: 800;
}

#kontakt_foot {
    margin: 8em auto;
    background: lightsalmon;
    width: 8em;
    height: 8em;
    border-radius: 8em;
    transition: all 0.5s;
}

#kontakt_foot:hover {
    transform: scale(1.2);
}

#kontakt_foot a {
    text-align: center;
    display: block;
    color: black;
    padding: 3.3em 0;
}

#box_2 {
    max-width: 72em;
    margin: auto;
}

#header_box_2 h1, #header_box_2 p {
    text-align: center;
    color: black;
}

.box_button {
    display: inline-block;
    opacity: 0.7;
}

.button {
    width: 8em;
    height: 8em;
    margin: 2.5em auto 1em;
    border-radius: 8em;
    border: 0.25em solid black;
    background: lightsalmon;
}

.img_button {
    /* width: 3.5em; */
    padding: 2.2em;
    transition: all 0.5s;
}

.img_button:hover {
    transform: scale(1.3);
    cursor: pointer;
}

.box_button p {
    text-align: center;
    color: black;
}

footer p, footer a {
    margin: 0 1em;
    color: white;
}
footer {
    position: static;
    bottom: 0;
    background: black;
    padding: 1em;
    margin: 2em 0 0 0;
    opacity: 0.7;
}body {
    /* background-image: linear-gradient(to top, white 10%, transparent), url(../images/background.jpg); */
    background-size: cover;
    margin: 0;
    padding: 0;
    background: rgb(141, 112, 58);
}

header {
    /* max-width: 72em; */
    margin: 0 auto;
    background-color: blanchedalmond;
}

/* main {
    max-width: 72em;    
    margin:  0 auto 3em;
    padding-bottom: 2em;
    background: url(../images/platzhalter.jpg) no-repeat;
    background-size: contain;
    background-position: ;
    background-position-y: ;
    border-radius: 36em/3em;
} */

#logo {
    margin: 0;
    padding: 1em;
    background-color: black;
}

#opener {
    padding: 5.25em 0 0;
}

#slideshow h2, #slideshow p {
    color: rgb(255, 72, 0);
}

#slideshow h2 {
    font-size: 4em;
    font-weight: bold;
}

#slideshow p {
    font-size: 2em;
    font-weight: bold;
}

.uk-h1 {
    color: blanchedalmond;
    margin: 0;
}

.uk-h3, h4 {
    padding: 0 1em;
}

.uk-heading-medium {
    text-align: center;
    color: blanchedalmond;
}

#themen, #lamas, #kontakt {
    max-width: 72em;
    margin: 0em auto 0;
    padding: 1em;
    
}

.themen, .lamas, .kontakt {    
    height: auto;
    padding: 1em 0 2em;
    margin: 3.2em 0.5em;
    background:white;
    display: inline-block;
    border-top: 0.2em lightsalmon solid;
    border-radius: 2em;
    overflow: hidden;
    position: relative;
}

#themen p {
    color: gray;
    font-size: 1.2em;
    font-weight: normal;
}

.themen p, .lamas p, .kontakt p, #kontaktformular {
    padding: 0 1em 0em;
    color: gray;
}

.img {    
    overflow: hidden;
}

.img_themen {
    
    transition: all 1s;
}

.img_themen:hover {
    transform: scale(1.3);
}

.button_mehr {
    position: absolute;
    bottom: 0;
    right: 0;
    transition: all 0.25s;
}

.button_mehr:hover {
    transform: scale(1.2)
}

.button_mehr a {
    margin: 0;
    padding: 1em;
    background: orangered;
    color: white;
    text-align: center;
    width: 5em;
    display: block;
}

.uk-grid {
    margin: 0;
}

#box h1, #box p {
    text-align: center;
    color: black;
}

#box h1, #box_2 h1 {
    font-size: 3em;
    font-weight: 800;
}

#kontakt_foot {
    margin: 8em auto;
    background: lightsalmon;
    width: 8em;
    height: 8em;
    border-radius: 8em;
    transition: all 0.5s;
}

#kontakt_foot:hover {
    transform: scale(1.2);
}

#kontakt_foot a {
    text-align: center;
    display: block;
    color: black;
    padding: 3.3em 0;
}

#box_2 {
    max-width: 72em;
    margin: auto;
}

#header_box_2 h1, #header_box_2 p {
    text-align: center;
    color: black;
}

.box_button {
    display: inline-block;
    opacity: 0.7;
}

.button {
    width: 8em;
    height: 8em;
    margin: 2.5em auto 1em;
    border-radius: 8em;
    border: 0.25em solid black;
    background: lightsalmon;
}

.img_button {
    /* width: 3.5em; */
    padding: 2.2em;
    transition: all 0.5s;
}

.img_button:hover {
    transform: scale(1.3);
    cursor: pointer;
}

.box_button p {
    text-align: center;
    color: black;
}

footer p, footer a {
    margin: 0 1em;
    color: white;
}
footer {
    position: static;
    bottom: 0;
    background: black;
    padding: 1em;
    margin: 2em 0 0 0;
    opacity: 0.7;
}