@charset "UTF-8";

* {
    margin: 0;
    padding;
    0;
}

html {
    scroll-behavior: smooth;
}

body {
    font-size: 1em;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 300;
    background-color: #1a1a1a;
}

h1 {
    font-weight: 300;
    font-size: 3em;
}

h2 {
    font-weight: 300;
    color: white;
    font-size: 2.8em;
    line-height: 1.3em;

}

h3 {
    color: white;
    font-weight: 300;
    font-size: 2.2em;
}

h4 {
    color: #D88442;
    text-transform:uppercase;
    letter-spacing: 2px;
/*    margin-top: 2em;*/
}

h5 {
    font-weight: 300;
}

p {
    color: white;
    font-size: 1.1em;
    line-height: 1.8em;
    letter-spacing: 1px;
}

a {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

.hand {
    font-family: 'Homemade Apple', cursive;
    font-size: 1.2em;
    color: white;
}

.download {
    font-weight: 600;
    font-style: italic;
    color: #D88442;
}


.head_gross {
    text-align: center;
    border-top: solid 1px #ffffff;
    border-right: solid 1px #ffffff;
    border-left: solid 1px #ffffff;
    padding: 2em 0em 0em;
    font-size: ;
}

.headline {
    font-size: 3.5em;
    letter-spacing: 2px;
    text-transform: uppercase;
}

/*allgemein*/

.container-fluid {
    width: 100%;
}

.container {
    max-width: 1600px;
    width: 100%;
    margin: 0 auto;
}

article {}

section {

    margin-top: 8em;
}

img {}

.line_theme {
    border-left: solid 3px #D88442;
    height: 10em;
    margin-top: 8em;
    padding-left: 1em;
    margin-left: -0.5em
}

.line_theme p {
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 500;
    color: #D88442;
}

.bobbel {
    height: 16px;
    width: 16px;
    background: #D88442;
    position: absolute;
    margin-left: -0.9em;
}


/*navigation*/

nav {}

.navbar {
    padding: 0em;
}

nav a {
    font-size: 0.8em;
}

.bg-dark {
    background-color: #242424 !important;
}

.navbar-brand {
    width: 10%;
}

.navbar-brand img {
    padding: 0.3em;
}

.navbar-toggler {
    border: none;
}


.navbar-expand-md .navbar-nav .nav-link {
/*    color: white !IMPORTANT;*/
    padding: 2em 2em;
    letter-spacing: 1px;
}

.nav-link:hover {
    color: #D88442;
}

.nav-link:active {
    color: #BF6721 !IMPORTANT;
}


.active {
    color: #D88442;
    font-weight: 600;
}

.dropdown-menu {
    border-radius: 0px;
}

.dropdown-item {
    font-weight: 300;
}

.dropdown-item:hover {
    background: #D88442;
    color: white;
}

/*section news*/


#news img {
    height: 2em;
    margin-bottom: 1em;
}

#news p {
    color: white;
    letter-spacing: 1px;
}


.newsblock {
    background-color: #242424;
    padding: 4em 4em 4em 4em;
    height: 100%;
}

#news hr {
    width: 20%;
    height: 2px;
    background-color: #D88442;
    float: left;
    bottom: 5em;
    position: absolute;

}

#news a {
    font-weight: 600;
    font-style: italic;
    color: #D88442;
}

#news a:hover {
    font-weight: 600;
    font-style: italic;
    color: #BF6721;
    text-decoration: none;
}

#news .bold {
    font-weight: 600;
}

/*    platzhalter*/

#platzhalter {
    margin-top: 8em;
}

/*section landing page*/
#landing_page {
    background-color: rgba(0, 0, 0, 0.3);
    background-blend-mode: multiply;
    background-image: url(../img/home.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 100vh;
}

#landing_page .container {
    padding-top: 5.5em;
}

#landing_page h1 {
    font-size: 4em;
    color: white;
    margin: 30vh 0em 1em;
    font-weight: 400;
}

#landing_page hr {
    width: 10%;
    height: 3px;
    background-color: #D88442;
    margin: 0 auto;
}

#landing_page h5 {
    color: white;
    font-weight: 600;
    letter-spacing: 1px;
    font-size: 1em;
}

#landing_page a {
    text-decoration: none;
}

.bottom {
    position: absolute;
    bottom: 1em;
    left: 0;
    right: 0;
}

.facebook {
    font-weight: 600;
    font-style: italic;
    color: white;
}

.fab {
    color: white;
    margin-left: 0.5em;
}

/*section Über uns*/

#line_ueber_uns .line_theme {
    margin-bottom: -10em;

}

#line_ueber_uns .bobbel {
    margin-top: 10em;
}

#ueber_uns {
    background-image: url(../img/thomas-schaefer-ApoYbda6_3Y-unsplash.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
background-color: rgba(0, 0, 0, 0.6);
    background-blend-mode: multiply;
    padding-top: 8em;
    padding-bottom: 6em;
}

#ueber_uns .hand {
    color: white;
}


#ueber_uns .text_uu {
    text-align: center;
    font-size: 1.2em;
    margin-top: 2em;
    letter-spacing: 1px;
}

#ueber_uns .name_card {
    background: #242424d6;
    height: 100%;
    margin-top: 2em;
    padding:3em 4em 1em 4em;
    text-align: center;
}

#ueber_uns .name_card img {
    border-radius: 100%;
    width: 30%;
    height: auto;
    margin-bottom: 2em;
    display: block;
}

#ueber_uns .card_text {
    color: white;
    text-transform: uppercase;
    font-size: 2em;
    letter-spacing: 1px;
    font-weight: 300;
    margin-top: 2em;
}

#ueber_uns .card_text_klein {
    color: #909090;
    text-transform: uppercase;
    font-size: 0.9em;
    letter-spacing: 2px;
    margin-bottom: 1.8em;
}

#ueber_uns hr {
    width: 20%;
    height: 2px;
    background-color: #D88442;
    margin: 0 auto;
}

.orange_text {
    width: 100%;
    background: #BF6721;
    padding-left: 0em;

}

.orange_text h3 {
    padding: 2em 10% 2em 10%;
    color: white;
    letter-spacing: 1px;
    line-height: 1.4em;
    text-align: center;
}

.orange_text hr {
    width: 10%;
    height: 2px;
    background-color: white;
    float: left;
    margin-bottom: 6em;
}

#ueber_uns .head_gross {
    color: white;
    margin: 0 8em;
}

/*section mehr*/

#mehr_entdecken {
    width: 100%;
    background: #000;
    padding: 4em 0em;
}

#mehr_entdecken .hand {
    font-size: 0.8em;
}

#mehr_entdecken h2 {
    font-size: 2em;
}

.mehr_box {
    position: relative;
    padding-bottom: 100%;
    width: 100%;
    height: 0;
    text-align: center;
}

.bild1 {
    background-image: url(../img/weinbau.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-color: rgba(0, 0, 0, 0.6);
    background-blend-mode: multiply;
}

.bild2 {
    background-image: url(../img/weine.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-color: rgba(0, 0, 0, 0.6);
    background-blend-mode: multiply;
}

.bild3 {
    background-image: url(../img/weinprobe.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-color: rgba(0, 0, 0, 0.6);
    background-blend-mode: multiply;
}

.bild4 {
    background-image: url(../img/IMG_3155_web.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-color: rgba(0, 0, 0, 0.6);
    background-blend-mode: multiply;
}

.oben {
    height: 46%;
    width: 90%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 5%;
}

.oben h3 {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

.unten {
    position: absolute;
    height: 54%;
    bottom: 0;
    left: 0;
    right: 0;

}

.mehr_m {
    margin-top: 1.5em;
}


.cta {
    background-image: linear-gradient(#fff, #fff);
    background-repeat: no-repeat;
    transition: background-size .5s, color .5s;
    color: #fff;
}

.cta:hover {
    background-size: 100% 100%;
    color: #fff;
    text-decoration: none;
}

.mehr_box a {
    font-size: 3em;
    line-height: 1.2em;
    padding: 0em 0.55em 0.1em 0.55em;
    border: 1px solid rgba(255, 255, 255, 0.8);
    color: white;
}

.mehr_box a:hover {
    color: #D88442;
    text-decoration: none;
}

.mehr_box .inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#mehr_entdecken h3 {
    text-transform: uppercase;
    letter-spacing: 2px;
    line-height: 1.5em;
}

.to-right {
    background-position: 0% 50%;
    background-size: 0% 100%;
}

/*impressionen*/

.carousel {
    margin-top: 6em;
}

#impressionen img {
    height: 100%;
    width: 100%;
}

.carousel-item .bild {
        object-fit: contain;
        max-height: 80vh;
    }

.carousel-inner {
    width: 100%;
    height: 100%;
}

.carousel-item {
    background: none;
}

.carousel-item img {
    object-fit:contain;
    object-position: center;
    vertical-align: middle;
}


.text_slider {
    padding: 18em 2em;
}

#impressionen hr {
    width: 20%;
    height: 2px;
    background-color: #D88442;
}

#impressionen .l {
    float: left;
}

#impressionen .r {
    float: right;
}

#impressionen .icon {

    position: absolute;
    z-index: 1000;
    top: 0em;
    right: 1em;
    padding: 1em;
    height: 4em;
    width: 4em;
    opacity: 0.8;
    background: rgba(0, 0, 0, 0.4);
}

#impressionen .icon:hover {
    transform: scale(1.2);
    transition: transform 0.5s;
}

#impressionen .head_gross {
    color: #D88442;
    border-top: solid 1px #D88442;
    border-right: solid 1px #D88442;
    border-left: solid 1px #D88442;
    margin: 0em 5em;
}

#impressionen .hand {
    color: #D88442;
}

#line-imp .line_theme {
    margin-bottom: 0em;
}

#line-imp .bobbel {
    margin-top: 0em;
}

/*HOME ENDE*/

/*Weinbau*/

#weinbau_landing {
    background-color: rgba(0, 0, 0, 0.4);
    background-blend-mode: multiply;
    background-image: url(../img/landing_weinbau.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 100vh
}

#weinbau_landing .head_gross {
    margin: 40vh 4em 0em 4em;
    color: white;
}

.landing-allg {
    font-size: 150%;
}

.texte {
    margin-top: 6em;
    margin-bottom: 6em;
}

.texte hr {
    width: 15%;
    height: 2px;
    background-color: #D88442;
    margin-bottom: 4em;
    margin-top: 2em;
}

#galerie_weinbau {
    margin-bottom: 6em;
}

#galerie_weinbau .galerie_img {

    height: 40em;
    width: auto;
	overflow: hidden;
}


.galerie_img img:hover {
    -webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}

.galerie_img img {
    width: 100%;
	height: 100%;
    object-position: center;
    object-fit: cover;
	/* SCALE */
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	/* VERZÖGERUNG */
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}


#galerie_weinbau .m-top {
    margin-top: 2em;
}

#line_weinbau {
    margin-bottom: 0em;
}
#line_weinbau .line_theme {
    border-left: solid 3px #D88442;
    height: 10em;
    margin-top: 0em;
    padding-left: 1em;
    margin-left: -0.5em
}

/*WEINE*/

#weine_landing {
    background-color: rgba(0, 0, 0, 0.4);
    background-blend-mode: multiply;
    background-image: url(../img/weine.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 100vh
}

#weine_landing .head_gross {
    margin: 40vh 0em 0em 0em;
    color: white;
}

#line_weine .line_theme {
    margin-top: 0em;
}

#line_weine .bobbel {
    margin-top: 0em;
}

#angebot {
    background-color: #242424;
}

#angebot .head_gross{
    color: #D88442;
    border-top: solid 1px #D88442;
    border-right: solid 1px #D88442;
    border-left: solid 1px #D88442;
    margin: 8em 2em 0em 2em;
}

#angebot .hand {
    color: #D88442;
}

#angebot .weine_head {
    margin:4em 0em 2em 0em;
}

#angebot .card {
    border: none;
    border-radius: 0px;
    margin-bottom: 2em;
}

#angebot .card img {
    width: 100%;
    height: auto;
}

#angebot .card-body {
    padding: 2em;
}

#angebot .card-title {
    font-size: 1.5em;
    font-weight: 600;
    color: #D88442;
}

#angebot .card-text {
    color: black;
    line-height: 1.5em;
}

#angebot .preis {
    padding: 0em;
}

#angebot .preis_text {
    background: #BF6721;
    padding: 1em 2em;
    display: inline-block;
    margin-bottom: 0em;
}

#angebot .links_2pl {
    padding-left: 2em;
}

#angebot .bestell_text {
    margin: 2em 0em 2em 0em;
}

#angebot .media-body {
    margin-right: 1em;
}

#angebot .media img {
    margin-right: 0.5em;
    height: 35px;
}

#angebot .call_mail {
    margin: 2em 0em;
}

#angebot .media h4 {
    text-transform: none;
}

#angebot .media_block {
display: inline-flex;
}

#angebot .pdf_block .btn-info {
    background: #BF6721;
    border: none;
    padding: 1em 1.5em;
    margin-right: 1em;
}

#angebot .pdf_block .btn-info:hover {
    background: #fff;
    color: #BF6721;
}

#angebot .pdf_block {
    display: inline-flex;
    margin: 0em 0em 2em 0em;
}

#line_weinprobe .line_theme {
    margin-top: 0em;
}

#weinbes .img-weine {
    width:100%;
    height: auto;
    padding: 1em;
}

#weinbes {
    margin-bottom: 3em;
}


/*weinprobe*/

#weinprobe {
    background-blend-mode:multiply;
    background-color: rgba(0,0,0,0.8);
    background-image: url(../img/weinprobe.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;

    
}

#weinprobe .head_gross{
    color: #D88442;
    border-top: solid 1px #D88442;
    border-right: solid 1px #D88442;
    border-left: solid 1px #D88442;
    margin: 8em 2em 0em 2em;
}

#weinprobe .hand {
    color: #D88442;
    text-transform: none;
    font-size: 2em;
}

#weinprobe h3 {
    font-size: 1.2em;
    letter-spacing: 2px;
    margin: 1em 0em;
}

#weinprobe .btn-info {
    background: #BF6721;
    border: none;
    border-radius: 0px;
    padding: 1em 2em;
    margin-top: 1.5em;
}

/*Kontakt*/

#kontakt {
    margin-top: 14em;
}

#kontakt h2 {
   text-transform: uppercase;
    letter-spacing: 3px;
}

/*Impressum*/

#impressum {
    margin-top: 14em;
}

/*footer*/

footer {
    background-color: #BF6721;
    color: aliceblue;
    font-size: 0.9em;
    position: relative;
    letter-spacing: 0.3px;
    border-top: solid 2px #242424;
}

.footer-text {
    padding: 2em;
    margin-top: 3em;
    color: white;
}

.footer-navi a {
    margin-right: 2em;
    display: inline-block;
    color: aliceblue;
    text-decoration: none;
    padding: 1em 0;
}

.footer-navi a:hover {
    color: #CCCCCC;
}

.footer-navi {
    text-align: center;
    margin-bottom: 2em;
}

footer .btn-primary {
    background: #D88442;
    border: none;
    padding: 0.8em 1em;
    margin-top: 1em;
}

footer .btn-primary:hover {
    background: #fff;
    color: #BF6721;

}