/*
 * 1178 Spiegelburg
 */



/* Allgemeine Definitionen
=========================================================== */

html {margin-top: 0px;}
body {height: 100%; width: 100%; background: #fff;}

.only-smartphone {display: none;}

/* -------------------- Paddings/Margins -------------------- */
.container {margin: 0 auto; padding-left: 0px !important; padding-right: 0px !important;}
.container-fluid {margin: 0 auto; padding-left: 0px !important; padding-right: 0px !important;}
.row {margin-left: 0px !important; margin-right: 0px !important;}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, 
.col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, 
.col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, 
.col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, 
.col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {padding-left: 0px !important; padding-right: 0px !important;}

/* -------------------- NAVBAR -------------------- */
.navbar-default {border: none !important;}
.navbar {border-radius: 0px !important;margin-bottom: 0;min-height: 10px !important; border: none !important;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {border: none !important;}
.navbar-collapse {padding-right: 0px !important; padding-left: 0px !important; border-top: none !important; box-shadow: none !important;}
.nav > li > a {padding: 0px !important;}
.navbar-brand {display: none;}

/* -------------------- LIMAIN -------------------- */
.limain-navbar-fixed-top {padding-top: 0px;}
.limain-footer {float: left; width: 100%;}
.limain-search {float: left; width: 100%;}


/* ------------------------------- HEADER -------------------------------- */
header{display: block;width: 100%; min-height: 100px;position: fixed;z-index: 900;}
.header_top{display: flex;width: 100%; min-height: 50px;background:#E5E5E5;justify-content: space-around;}

.header_top_telnr{display: flex; min-width:250px;height: auto;justify-content: center;align-items: center;/*background: url('images/telefon.png') 25px 18px no-repeat;*/}
.header_top_telnr a {width: 100%;height: auto;color: #494949;font-size: 18px;display: flex;justify-content: center;outline: none;background: url('images/telefon.png') 25px 5px no-repeat;}
.header_top_telnr:hover a{background-position: 25px -62px;font-size: 18px;}
.header_top_telnr a:hover {text-decoration: none; color: #000;}

.header_top_navi{display: flex;width:100%; height: auto;}
.header_top_navi ul{width: 100%;height: 100%;list-style: none;display: flex;outline: none;margin: 0;padding: 0;justify-content: space-around;}
.header_top_navi ul li{display: flex;width: auto;}
.header_top_navi ul li:nth-child(1) a{background: url('images/kontakt-header.png') 0 19px no-repeat;}
.header_top_navi ul li:nth-child(2) a{background: url('images/galerie.png') 0 17px no-repeat;}
.header_top_navi ul li:nth-child(3) a,
.header_top_navi ul li:nth-child(4) a{background: url('images/impressum.png') 8px 16px no-repeat;}
.header_top_navi ul li:nth-child(1):hover a{background-position: 0 -44px;}
.header_top_navi ul li:nth-child(2):hover a{background-position: 0 -48px;}
.header_top_navi ul li:nth-child(3):hover a,
.header_top_navi ul li:nth-child(4):hover a{background-position: 8px -50px;}
.header_top_navi ul li a {color: #494949;font-size: 17px;display: flex;width: 100%;height: 100%;justify-content: center;align-items: center;outline: none;padding:0 30px;}
.header_top_navi ul li a:hover {text-decoration: none; color: #000;}

.header_top .flags {
    display: flex;
    height: auto;
    justify-content: center;
    align-items: center;
    min-width: 108px;
}

.header_top .flags .flag {
    display: block;
    text-indent: -9999px;
    height: 11px;
    width: 16px;
    background-position: 0 0;
    background-repeat: no-repeat;
    margin-right: 15px;
}

.header_top .flags .flag:hover {
    background-position: 0 -61px;
}

.header_top .flags .flag.flag-de {
    background-image: url('images/de.png');
}
.header_top .flags .flag.flag-en {
    background-image: url('images/en.png');
}
.header_top .flags .flag.flag-nl {
    background-image: url('images/nl.png');
}

.header_top_flags{display: flex; min-width: 200px;height: auto;justify-content: center;align-items: center;}

.header{display: flex;background: #fff; width: 100%; min-height:115px;justify-content: space-between;}
.header_logo{display: flex;min-width: 445px;height: auto;justify-content: center;align-items: center;}
.header_logo a{display: flex;width: 100%;height: 100px;text-indent: -9999px; outline: none;background: url('/wp-content/uploads/2021/01/logo-zwartgroen-met-tekst.png') center center no-repeat; background-size: contain;}

#tent-btn a i {
    background: url('images/camping-header.png') center center no-repeat !important;
}

#tent-btn a i::before {
    content: "";
}

.main_navi #bs-example-navbar-collapse-1{width: 100%;}
.main_navi{display: flex;width: 100%;height: auto;background: url('images/trennstrich-grau.jpg') 0 center no-repeat;padding-left: 20px;}
.main_navi ul{width: 100%;height: 100%;list-style: none;display: flex;outline: none;margin: 0;padding: 0;justify-content: space-around;}
.main_navi ul li{display: flex;width: auto;}
.main_navi ul li:nth-child(1) a{background: url('images/ueber-uns.png') 0 center no-repeat;}
.main_navi ul li:nth-child(2) a{background: url('images/camping-header.png') 0 center no-repeat;}
.main_navi ul li:nth-child(3) a{background: url('images/restaurant-header.png') 0 center no-repeat;}
.main_navi ul li:nth-child(4) a{background: url('images/pension-header.png') 0 center no-repeat;}
.main_navi ul li a {color: #494949;display: flex;width: 100%;height: 100%;justify-content: center;align-items: center;outline: none;padding:0 40px;}

.social_navi{display: flex;min-width: 250px;height: auto;background: url('images/trennstrich-grau.jpg') 0 center no-repeat;}
.social_navi ul{width: 100%;height: 100%;list-style: none;display: flex;outline: none;margin: 0;padding: 0 25px;}
.social_navi ul li{display: flex;width: 33.333%;}
.social_navi ul li a {display: flex;width: 100%;height: auto;text-indent: -9999px; outline: none;}
.social_navi ul li:nth-child(1) a{background: url('images/facebook.png') center 50px no-repeat;}
.social_navi ul li:nth-child(2) a{background: url('images/insta_icon.png') center 50px no-repeat;}
.social_navi ul li:nth-child(3) a{background: url('images/twitter.png') center 50px no-repeat;}
.social_navi ul li:nth-child(1):hover a{background-position:center -18px;}
.social_navi ul li:nth-child(2):hover a{background-position:center -44px;}
.social_navi ul li:nth-child(3):hover a{background-position:center -17px;}

.home .slider{display: block;width: 100%; height: auto;padding-top: 135px;}
.slider{display: block;width: 100%; height: auto;padding-top: 145px;}
.slider img{width: 100%; height: auto;}

/* ------------------------------ CONTENT -------------------------------- */
main{display: block;width: 100%; min-height: 100px;}


.kompetenz_navi{display: flex;width: 100%;height: auto;}
.kompetenz_navi ul{width: 100%;height: 100%;list-style: none;display: flex;outline: none;margin: 0;padding: 0;}
.kompetenz_navi ul li{display: flex;width: 25%;height: 181px;}
.kompetenz_navi ul li:nth-child(1){background: url('images/navi-camping.jpg') center center no-repeat;}
.kompetenz_navi ul li:nth-child(2){background: url('images/nav-restaurant.jpg') 0 center no-repeat;}
.kompetenz_navi ul li:nth-child(3){background: url('images/navi-ausfluege.jpg') 0 center no-repeat;}
.kompetenz_navi ul li:nth-child(4){background: url('images/nav-natur.jpg') 0 center no-repeat;}
.kompetenz_navi ul li a {color: #fff;font-size: 24px; font-weight: 500; display: flex;width: 100%;height: 100%;justify-content: center;align-items: center;outline: none;padding-top: 28px;}
.kompetenz_navi ul li:nth-child(1) a{background:url('images/navi-icon-camping.png') center 50px no-repeat;}
.kompetenz_navi ul li:nth-child(2) a{background:url('images/navi-restaurant-icon.png') center 50px no-repeat;}
.kompetenz_navi ul li:nth-child(3) a{background:url('images/navi-icon-ausfluege.png') center 50px no-repeat;}
.kompetenz_navi ul li:nth-child(4) a{background:url('images/navi-natur-icon.png') center 50px no-repeat;}
.kompetenz_navi ul li:hover a{text-decoration: none;background-color: rgba( 24, 135, 0, 0.45);}

.contentbereich {width: 100%; overflow: hidden; background: transparent;}
.home .contentbereich {background: url('images/bg-spezialfeld1.jpg') center top no-repeat #fbfbfb;}
#content{width: 100%; min-height: 500px; padding: 60px 0 50px 0;}
.home #content {padding-bottom: 0px !important;}
.home #content h1 {background: url('/wp-content/uploads/2021/01/logo-zwartgroen-met-tekst-h1.png') center top no-repeat; padding-top: 135px; margin-bottom: 45px; background-size: contain;}
.home #content h2 {font-size: 30px; color: #ffffff; font-weight: regular; font-family: 'Raleway', sans-serif; margin-top: 0px; margin-bottom: 15px;}
#content h1 {text-align: center;}
.category #content {min-height: auto;}

.special_navi{display: flex;width: 100%;height: auto;}
.special_navi ul{width: 100%;height: 100%;list-style: none;display: flex;outline: none;margin: 0;padding: 0;}
.special_navi ul li{display: flex; justify-content: center; align-items: center; width: 50%;height:475px;}
.special_navi ul li:nth-child(1){background: url('images/aktuells-bild.jpg') center center no-repeat;}
.special_navi ul li:nth-child(2){background: url('images/galerie-bild.jpg') 0 center no-repeat;}
.special_navi ul li a {color: #fff; font-size: 60px; padding: 155px 0; letter-spacing: 0.04em; font-weight: 600; text-align: center; display: block; width: 100%;height: 100%; outline: none;}
.special_navi ul li:hover a{text-decoration: none;}

.special_navi ul li a span {width: 100%; margin-top: 10px; letter-spacing: 0em !important; float: left; display: block; font-size: 20px; color: #ffffff; font-weight: 400 !important; font-family: 'Raleway', sans-serif;}
.special_navi ul li a:hover span {text-decoration: underline !important;}



/* ------------------------------- FOOTER -------------------------------- */
footer{display: block;width: 100%; min-height:630px;background: url('images/footer-bg.jpg') center bottom no-repeat;}

.footer_slogan{display: block; width: 100%; min-height:100px;padding-top:200px;padding-bottom: 100px;}
.footer_slogan_row1,
.footer_slogan_row2{display: block;width: 100%; height: auto;text-align: center;}
.footer_slogan_row1{color:#000;font-size: 40px;padding-bottom:35px; font-weight: 500;}
.footer_slogan_row2{color:#000;font-size: 36px;font-family: 'Indie Flower', cursive;}

.footer_left{display: flex;width: 100%; min-height: 85px; line-height: 34px; padding-left: 40px;}
/*.footer_left img{display: flex;width: 103px; margin-right: 30px; height: auto;}*/
.footer_left_img{background: url('images/zelt-footer.png') center center; width: 103px; height:79px;text-indent: -9999px;}
.footer_left h4 {margin: 0px; line-height: 34px;}
.footer_left .footer_left_inhalt{display: block;padding-left: 23px;}

.footer_right{display: flex;width: 100%; min-height: 90px; line-height: 34px; padding-right: 40px;}
/*.footer_right img{display: flex;width: 68px; margin-right: 30px;height: auto;}*/
.footer_right_img{background: url('images/footer-rucksack.png') center center; width: 68px; height:75px;text-indent: -9999px;}
.footer_right .footer_right_inhalt{display: block;padding-left: 40px;}
.footer_right .footer_right_inhalt span{display: block;width: 100%;}
.footer_right a{color:#000;}
.footer_right:hover a{color: #000;}

.nach-oben {position: fixed; bottom: 10px; right: 10px; width: 48px; height: 48px; z-index: 800;}
.nach-oben a {background: url('images/nach-oben.png') center center no-repeat #188700; width: 48px; height: 48px; display: block; text-indent: -9999px; outline: none; display: block;}
.nach-oben a:hover {background-color: #000;}

.kontakt_form .spalte1 {float: left;width: 100%;display: flex;justify-content: space-between;}
.kontakt_form .spalte1 label {margin-bottom: 15px;}
.kontakt_form .spalte1 label input{width: 100%;border:1px solid #a6a6a6;padding:8px 10px;}

.kontakt_form .spalte2{float: left;width: 100%;display: flex;}
.kontakt_form .spalte2 label {width: 100% !important;}
.kontakt_form .spalte2 label input,
.kontakt_form .spalte2 label textarea{width: 100%;margin-bottom: 15px;border:1px solid #a6a6a6;padding:8px 13px;}

.wpcf7-form-control.wpcf7-radio {border:none!important;}

label {font-size: 17px;color: #1c1c1c;font-weight: 400;font-family: 'Raleway', sans-serif;}
.wpcf7-form-control {float: left; width: 100%;}
.wpcf7-submit {float: left; color: #fff; text-transform: capitalize; font-weight: bold; border: 2px solid #168400 !important; background: #168400 !important;padding:10px 0;}
.wpcf7-submit:hover {background: rgb(255,255,255) !important; color: #168400;}
.wpcf7-not-valid-tip {position: absolute;width: 260px;top: 28px;right: 2px;font-style: italic;}
.wpcf7-response-output {width: 100%; padding: 20px !important; margin: 0 0 25px 0 !important; font-style: italic;}
/*
.your-name .wpcf7-form-control {background: url('images/footer-kontaktform-name.png') 14px center no-repeat transparent !important;}
.your-tele .wpcf7-form-control {background: url('images/footer-kontaktform-tele.png') 14px center no-repeat transparent !important;}
.your-message .wpcf7-form-control {height: 220px; background: url('images/footer-kontaktform-nachricht.png') 14px 22px no-repeat transparent !important;}
.your-email .wpcf7-form-control {background: url('images/footer-kontaktform-mail.png') 14px center no-repeat transparent !important;}
.your-subject .wpcf7-form-control {background: url('images/footer-kontaktform-betreff.png') 14px center no-repeat transparent !important;}
*/
::-webkit-input-placeholder {color: #737373;}
:-moz-placeholder {color: #737373;}
::-moz-placeholder {color: #737373;}
:-ms-input-placeholder {color: #737373;}

/* -------------------------- DESKTOP-ANSICHT ----------------------------- */
@media (min-width: 1581px) {
.container {width: 1540px !important;}
}

/* -------------------------- DESKTOP-ANSICHT ----------------------------- */
@media (min-width: 1161px) and (max-width: 1580px) {
.container {width: 1140px !important;}
}


/* -------------------------- DESKTOP-ANSICHT ----------------------------- */
@media (min-width: 1660px){
.header_top{padding-left: 820px;}
.header_top_navi ul li a {padding:0 30px;}
}
@media (max-width: 1659px) and (min-width: 1200px){
.header_top{padding-left: 360px;}
}

/* --------------------------- TABLET-ANSICHT ------------------------------- */
@media (min-width: 992px) and (max-width: 1384px){
.header_logo {min-width: 320px;}
.social_navi {min-width: 150px;}
.main_navi ul li a {font-size:16px;}

.footer_left {padding-left: 25px;}
.footer_right {padding-left: 25px;}

.home .contentbereich {background: url('images/bg-spezialfeld1.jpg') center 75px no-repeat #fbfbfb !important;}
}

@media (max-width: 1160px){
.footer_right {padding-right: 0;}
.footer_left {padding-left: 0;}


}

@media (min-width: 992px) and (max-width: 1090px){
.header_logo {min-width: 250px;}
.header_logo a{background-size: contain;width: 100%;height: 56px;}
.main_navi {padding-left: 15px;}
.main_navi ul li:last-child a {padding: 0 20px 0 40px;}
}

@media (min-width: 768px) and (max-width: 991px){
.header_top_flags {min-width: 130px;}

.header {flex-wrap: wrap;padding: 10px 0 12px 0;}
.tablet-order-1.header_logo {width: 60%;order: 1;}
.tablet-order-2.social_navi {width: 40%;order: 2;}
.tablet-order-3.main_navi {width: 100%;order: 3;}

.header_logo a{background-size: contain;width: 100%;height: 57px;}

.social_navi ul li:nth-child(1) a,
.social_navi ul li:nth-child(2) a,
.social_navi ul li:nth-child(3) a {background-position:center 20px;}
.social_navi ul li:nth-child(1):hover a{background-position:center -48px;}
.social_navi ul li:nth-child(2):hover a{background-position:center -74px;}
.social_navi ul li:nth-child(3):hover a{background-position:center -47px;}

.main_navi{background: none;padding-left: 0;padding-top:15px;}
.main_navi ul li:last-child a {padding: 0 20px 0 40px;}

footer{min-height: 550px;}
.footer_slogan {padding-top: 100px;padding-bottom: 50px;}
.footer_slogan_row1 {font-size: 32px;}
.footer_left,
.footer_right{padding-left: 25%;}
.footer_right{margin-top:30px;}
.footer_right .footer_right_inhalt {padding-left: 58px;}
/*.footer_right img {margin-left: 18px;}*/
.home .contentbereich {background: url('images/bg-spezialfeld1.jpg') center 75px no-repeat #fbfbfb !important;}
}


/*  ------------------------ SMARTPHONE-ANSICHT ---------------------------  */
@media (min-width: 768px) {
.home .kompetenz_navi{display: none;}	
}

@media (max-width: 767px){

header{position: static;}	
.header_top{flex-wrap: wrap;}
.smartphone-order-1.header_top_telnr {width:200px;order: 1;}
.smartphone-order-2.header_top_flags {width:100px;order: 2;}
.smartphone-order-3.header_top_navi {width: 100%;order: 3;}

.header_top_telnr{min-width: 190px;}
.header_top_telnr a {font-size: 16px;background-position: 10px 13px;padding: 10px 0;}
.header_top_telnr:hover a{background-position: 10px -54px;}

.header_top_flags{min-width: 90px;width:40%;}

/*.header_top_navi{padding: 10px 0;}*/
.header_top_navi ul li:nth-child(1) a {background-position: 0 14px;}
.header_top_navi ul li:nth-child(2) a {background-position: 0px 13px;}
.header_top_navi ul li:nth-child(3) a{background-position: 8px 13px;}
.header_top_navi ul li:nth-child(1):hover a {background-position: 0 -49px;}
.header_top_navi ul li:nth-child(2):hover a {background-position: 0 -52px;}
.header_top_navi ul li:nth-child(3):hover a {background-position: 8px -53px;}
.header_top_navi ul li a {font-size: 16px;padding: 10px 10px 10px 20px;}

.header {flex-wrap: wrap;padding: 10px 0 0 0;}
.smartphone-order-1.header_logo {width: 60%;order: 1;}
.smartphone-order-2.social_navi {width: 40%;order: 2;}
.smartphone-order-3.main_navi {width: 100%;order: 3;}

.header_logo {min-width: 220px;width:60%;}
.header_logo a{background-size: contain;width: 100%;height: 54px;}

.social_navi {min-width: 90px;width:30%;}
.social_navi ul li:nth-child(1) a,
.social_navi ul li:nth-child(2) a,
.social_navi ul li:nth-child(3) a {background-position:center 20px;}
.social_navi ul li:nth-child(1):hover a{background-position:center -48px;}
.social_navi ul li:nth-child(2):hover a{background-position:center -74px;}
.social_navi ul li:nth-child(3):hover a{background-position:center -47px;}

.main_navi {display: block;background: none;padding-left: 0;padding-top:15px;}
.main_navi ul {display: block;}
.main_navi ul li {width: 100%;display: block;}
.main_navi ul li a{display: block;padding: 12px 0px 12px 22px;color:#fff;font-size: 18px;}
.main_navi ul li:nth-child(1) a,
.main_navi ul li:nth-child(2) a,
.main_navi ul li:nth-child(3) a,
.main_navi ul li:nth-child(4) a{background:none;}
.main_navi ul li:hover a,
.main_navi ul li a:hover{background-color:#fff;color:#178600;text-decoration: none;}

.home .slider,
.slider{display: none;}
.contentbereich {background: transparent !important;}
#content {padding: 35px 20px;}

/* Toggle Navi */
.navbar-header {display: block !important; width: 100%;float: none;}
.navbar-brand {display: block !important; width: 100%;}
.navbar-toggle {display: block !important;}

.navbar-collapse.in {overflow-y: visible;}
.navbar-collapse.collapse {display: none !important;}
.navbar-collapse.in {display: block !important;}

.burger-icon {position: absolute;right: 3%;}
.navbar {position: relative;min-height: 50px;margin-bottom: 0;border: none;}
.navbar.navbar-default {padding-top: 0px;margin-top: 0px;border: none;}
.navbar-default{background-color: #188700!important;border-color: none;}
.navbar-toggle:focus{background-color: #188700!important;}
.navbar-toggle:hover{background-color: #188700!important;}
.navbar-default .navbar-brand{display: flex;justify-content: center;align-content: center;width: 100%;font-style:normal; color: #fff;font-size: 24px;font-weight: 400;}
.navbar-default .navbar-toggle .icon-bar {background-color: #fff;width:30px;height: 4px;}
.navbar-default .navbar-toggle {border: none;width: 100%;}
.navbar-brand{height: 20px;padding: 0px 0px;line-height: 20px;width:88%;}
.navbar-toggle {position: relative;padding: 15px 10px;margin:0;background-image: none;border-radius: 0;}
.navbar.navbar-default{padding-top: 0px;margin-top:10px;}
.navbar-default .navbar-nav > li > a {color: #616060;}
.navbar-collapse {padding-right: 0px;padding-left: 0px;}
.navbar-brand {color: #fff !important;}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {background: transparent;}
.navbar-default .navbar-toggle:active {background: transparent;}

.kompetenz_navi ul {flex-wrap: wrap;}
.kompetenz_navi ul li{display: flex;width: 50%;height: 181px;}

.special_navi ul {flex-wrap: wrap;}
.special_navi ul li {height: 210px;}
.special_navi ul li a {font-size:30px;padding: 50px 0 0 0;}

footer {min-height: 400px;padding-bottom: 30px;}
.footer_slogan {padding-top: 60px;padding-bottom: 30px;}
.footer_slogan_row1 {font-size: 26px;padding:0 10px;}
.footer_left,
.footer_right{padding: 0 15px;}
.footer_left .footer_left_inhalt {padding-left: 20px;}
.footer_right{margin-top:20px;}
.footer_right .footer_right_inhalt {padding-left: 55px;}
/*.footer_right img {margin-left: 18px;}*/

.kontakt_form .spalte1 {display: block;justify-content: unset;}
.kontakt_form .spalte1 label {width: 100% !important;}


}

@media (max-width: 450px) {
.kompetenz_navi ul li{width: 100%;height: 100px;}
.kompetenz_navi ul li a {padding-top: 40px;}
.kompetenz_navi ul li:nth-child(1) a,
.kompetenz_navi ul li:nth-child(2) a,
.kompetenz_navi ul li:nth-child(3) a,
.kompetenz_navi ul li:nth-child(4) a{background-position: center 15px;}

.special_navi ul li {width: 100%;height: 150px;}
.special_navi ul li a {padding: 30px 0 0 0;}

.footer_slogan_row2 {font-size: 32px;padding: 0 10px;}
/*.footer_left img,
.footer_right img {display: none;}*/
.footer_left_img,
.footer_right_img{display: none;}
.footer_right .footer_right_inhalt {padding-left: 20px;}

.social_navi ul {
    padding: 0 10px;
}
}



/*Font Definitionen
============================================================== */
body {font-size: 20px;color: #000000;font-weight: 400;font-family: 'Raleway', sans-serif;}
#content {font-size: 20px;color: #000000;font-weight: 400;font-family: 'Raleway', sans-serif;}

.home h1, .home h1 a {font-size: 24px;color: #1c1c1c;font-weight: 400;font-family: 'Raleway', sans-serif;}
.home h2, .home h2 a {font-size: 20px;color: #1c1c1c;font-weight: 400;font-family: 'Raleway', sans-serif;}


/*h1, h1 a {font-size: 30px;color: #1c1c1c;font-weight: 400;font-family: 'Raleway', sans-serif;}
h2, h2 a {font-size: 24px;color: #ffffff;font-weight: 400;font-family: 'Raleway', sans-serif;}
h3, h3 a {font-size: 20px;color: #ffffff;font-weight: 400;font-family: 'Raleway', sans-serif;}
h4, h4 a {font-size: 20px;color: #000000;font-weight: bold;font-family: 'Raleway', sans-serif;}
h5, h5 a {font-size: 20px;color: #ffffff;font-weight: bold;font-family: 'Raleway', sans-serif;}
h6, h6 a {font-size: 20px;color: #ffffff;font-weight: bold;font-family: 'Raleway', sans-serif;}*/

h1, h1 a {font-size: 30px;color: #1c1c1c;font-weight: 400;font-family: 'Raleway', sans-serif;}
h2, h2 a {font-size: 28px;color: #1c1c1c;font-weight: 400;font-family: 'Raleway', sans-serif;}
h3, h3 a {font-size: 26px;color: #1c1c1c;font-weight: 400;font-family: 'Raleway', sans-serif;}
h4, h4 a {font-size: 24px;color: #1c1c1c;font-weight: bold;font-family: 'Raleway', sans-serif;}


p {margin: 0 0 10px 0;}
a {color: #3aaa35;text-decoration: none;outline: none;}
a:hover {color: #004494;text-decoration: underline;}

#content a {color: #3aaa35;text-decoration: none;}
#content a:hover {text-decoration: underline;}

/* --------------------------- DESKTOP-ANSICHT ---------------------------- */
@media (min-width: 1161px) {
body,
body a,
body a:hover{font-size: 20px;}
#content,
#content a,
#content a:hover{font-size: 19px;}
h1, h1 a {font-size: 30px;}
h2, h2 a {font-size: 28px;}
h3, h3 a {font-size: 26px;}
h4, h4 a {font-size: 24px;}
}

/* ---------------------------- TABLET-ANSICHT ------------------------------ */
@media (min-width: 768px) and (max-width: 1160px){
body,
body a,
body a:hover{font-size: 18px;}
#content,
#content a,
#content a:hover{font-size: 18px;}
h1, h1 a {font-size: 28px;}
h2, h2 a {font-size: 22px;}
h3, h3 a {font-size: 20px;}
h4, h4 a {font-size: 18px;}
}

/*  -------------------------- SMARTPHONE-ANSICHT --------------------------  */
@media (max-width: 767px) {
body,
body a,
body a:hover{font-size: 16px;}
#content,
#content a,
#content a:hover{font-size: 16px;}
h1, h1 a {font-size: 26px;}
h2, h2 a {font-size: 20px;}
h3, h3 a {font-size: 18px;}
h4, h4 a {font-size: 16px;}

.header .navbar.sticky {position: fixed; top: 0; z-index: 9000; margin-top:0;}
}