/*
Theme Name: the7dtchild
Author: Dream-Theme
Author URI: http://dream-theme.com/
Description: The7 is perfectly scalable, performance and SEO optimized, responsive, retina ready multipurpose WordPress theme. It will fit every site – big or small. From huge corporate portals to studio or personal sites – The7 will become a great foundation for your next project!
Version: 1.0.0
License: This WordPress theme is comprised of two parts: (1) The PHP code and integrated HTML are licensed under the GPL license as is WordPress itself.  You will find a copy of the license text in the same directory as this text file. Or you can read it here: http://wordpress.org/about/gpl/ (2) All other parts of the theme including, but not limited to the CSS code, images, and design are licensed according to the license purchased. Read about licensing details here: http://themeforest.net/licenses/regular_extended
Template: dt-the7
*/



/* -------------------------------------------------------------------------- */
/*                              NOTE Breakpoints                              */
/* -------------------------------------------------------------------------- */

/* --------------------------------------------------------------------------


@media (max-width: 575.98px) {

}	

@media (min-width: 576px) {

}

---------------------------------

@media (max-width: 767.98px) {

}

@media (min-width: 768px) {

}

---------------------------------

@media (max-width: 991.98px) {

}

@media (min-width: 992px) {

}

---------------------------------

@media (max-width: 1199.98px) {

}

@media (min-width: 1200px) {

}


----------------------------------------------------------------------------- */



/* -------------------------------------------------------------------------- */
/*                                 NOTE Fonts                                 */
/* -------------------------------------------------------------------------- */

/* nunito-300 - latin */
@font-face {
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 300;
    src: url('./fonts/nunito-v16-latin-300.woff2') format('woff2'),
        url('./fonts/nunito-v16-latin-300.woff') format('woff');
}

/* nunito-600 - latin */
@font-face {
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 600;
    src: url('./fonts/nunito-v16-latin-600.woff2') format('woff2'),
        url('./fonts/nunito-v16-latin-600.woff') format('woff');
}

/* -------------------------------------------------------------------------- */


/* teko-300 - latin */
@font-face {
    font-family: 'Teko';
    font-style: normal;
    font-weight: 300;
    src: url('./fonts/teko-v10-latin-300.woff2') format('woff2'),
        url('./fonts/teko-v10-latin-300.woff') format('woff');
}

/* teko-regular - latin */
@font-face {
    font-family: 'Teko';
    font-style: normal;
    font-weight: 400;
    src: url('./fonts/teko-v10-latin-regular.woff2') format('woff2'),
        url('./fonts/teko-v10-latin-regular.woff') format('woff');
}

/* teko-500 - latin */
@font-face {
    font-family: 'Teko';
    font-style: normal;
    font-weight: 500;
    src: url('./fonts/teko-v10-latin-500.woff2') format('woff2'),
        url('./fonts/teko-v10-latin-500.woff') format('woff');
}

/* teko-700 - latin */
@font-face {
    font-family: 'Teko';
    font-style: normal;
    font-weight: 700;
    src: url('./fonts/teko-v10-latin-700.woff2') format('woff2'),
        url('./fonts/teko-v10-latin-700.woff') format('woff');
}

/* teko-600 - latin */
@font-face {
    font-family: 'Teko';
    font-style: normal;
    font-weight: 600;
    src: url('./fonts/teko-v10-latin-600.woff2') format('woff2'),
        url('./fonts/teko-v10-latin-600.woff') format('woff');
}


/* -------------------------------------------------------------------------- */

/* lato-100 - latin */
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 100;
    src: url('./fonts/lato-v17-latin-100.woff2') format('woff2'),
        url('./fonts/lato-v17-latin-100.woff') format('woff');
}

/* lato-300 - latin */
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 300;
    src: url('./fonts/lato-v17-latin-300.woff2') format('woff2'),
        url('./fonts/lato-v17-latin-300.woff') format('woff');
}

/* lato-regular - latin */
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    src: url('./fonts/lato-v17-latin-regular.woff2') format('woff2'),
        url('./fonts/lato-v17-latin-regular.woff') format('woff');
}

/* lato-700 - latin */
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 700;
    src: url('./fonts/lato-v17-latin-700.woff2') format('woff2'),
        url('./fonts/lato-v17-latin-700.woff') format('woff');
}

/* lato-900 - latin */
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 900;
    src: url('./fonts/lato-v17-latin-900.woff2') format('woff2'),
        url('./fonts/lato-v17-latin-900.woff') format('woff');
}



/* -------------------------------------------------------------------------- */
/*                                NOTE Fareben                                */
/* -------------------------------------------------------------------------- */

/* -------------------------------------------------------------------------- */
/*  

HOME - beige  (auch dosengold)
.fb-beige {
    background-color: #baaa93;
}

RESTAURANT - grau
.fb-grau {
    background-color: #cbc6be;
}

HOCHZEITEN - beere
.fb-beere {
    background-color: #ac7b8a;
}

FESTE - blaugrau
.fb-blaugrau {
    background-color: #a9b9bd;
}

ÜBER UNS - gelb (auch Kontakt)
.fb-gelb {
    background-color: #f1df9d;
}

GLANRIND - gruen
.fb-gruen {
    background-color: #b8c5b6;
}


*/
/* -------------------------------------------------------------------------- */

/* -------------------------------------------------------------------------- */
/*                               NOTE Allgemein                               */
/* -------------------------------------------------------------------------- */


/* 

body,
html * {
    font-family: 'Nunito' !important;
    font-style: normal !important;
    font-weight: 300 !important;
    line-height: 1.35 !important;
}
 */

body,
html {
    font-size: 14px;
    -o-hyphens: auto;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}


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

    body,
    html {
        font-size: 16px;
    }
}

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

    body,
    html {
        font-size: 18px;
    }
}

/* -------------------------------------------------------------------------- */


h1,
h2,
h3, h4, h5,h6 {
    font-family: 'Teko' !important;
    }

h1 {
    font-size: 3.3rem !important;
    font-weight: 300 !important;
}

h2 {
    font-size: 2.5rem !important;
    font-weight: 300 !important;
}
h3 {
    font-size: 2rem !important;
    font-weight: 300 !important;
}
h4,h5,h6 {
    font-size: 1.5rem !important;
    font-weight: 300 !important;
}

p, li {
    font-family: 'Nunito' !important;
    font-weight: 300 !important;
    margin-bottom: 1.25rem;
    line-height: 1.5 !important;
}

@media screen and (min-width: 768px) {
    p {
        line-height: 1.7 !important;
    }
}




/* -------------------------------- Sonstiges ------------------------------- */


#main {
    text-align: center;
}





/* -------------------------------------------------------------------------- */
/*                               NOTE Farbbalken                              */
/* -------------------------------------------------------------------------- */

/* Farbbalken allgemein */
.fb-allgemein {
    padding-top: 4rem;
    padding-bottom: 2rem;
    margin-top: 2rem;
    margin-bottom: 4rem;
}

/* Farbbalken Schrift */
.fb-allgemein p {
    font-family: 'Lato' !important;
    font-weight: 300 !important;
    font-size: 2rem;
    color: #ffffff;
}


/* Farbbalken Hintergrundfareb */
.fb-beige {
    background-color: #baaa93;
}

.fb-beere {
    background-color: #ac7b8a;
}

.fb-gruen {
    background-color: #b8c5b6;
}

.fb-grau {
    background-color: #cbc6be;
}

.fb-gelb {
    background-color: #f1df9d;
}

/* -------------------------------------------------------------------------- */



.black {
    color: #000000;
}

.white {
    color: #ffffff;
}

.content-left {
    text-align: left;
}

/* Schrift bei der 3er Bildreihe */
.block3er {
    margin-top: -20px;
    padding-bottom: 30px;
}

.block3er p {
    font-size: 1rem;
    line-height: 1.5;
}

/* bei Restaurant */
.block3er-h  {
    margin-top: -30px;
    margin-bottom: 0;
}

.block3er-h h4 {
    padding-bottom: 15px;
}

.pswp__caption {
    display: none;
}


/* -------------------------------------------------------------------------- */
/*                                   Spacer                                   */
/* -------------------------------------------------------------------------- */

.spacer-s {
    padding-top: 2rem;
}

.spacer-l {
    padding-top: 4rem;
}


/* -------------------------------------------------------------------------- */
/*                                  NOTE Menü                                 */
/* -------------------------------------------------------------------------- */


.main-nav > li > a .menu-text {
font-family: 'Teko' !important;
    font-size: 1.5rem !important;
    font-weight: 300 !important;
}


/* ---------------------------------- mobil --------------------------------- */

.mobile-header-bar .mobile-branding img {
    max-width: 160px;
}

.mobile-main-nav li > a .menu-text {
    font-family: 'Teko' !important;
    font-size: 1.5rem !important;
    font-weight: 300 !important;
}

.mobile-main-nav > li > a {
	padding: 3px 25px 3px 0;
}


/* -------------------------------------------------------------------------- */
/*                                  NOTE Home                                 */
/* -------------------------------------------------------------------------- */



@media (max-width: 767.98px) {
    .glanbutton img {
        width: 300px;
        height: auto;
    }
}

/* -------------------------------------------------------------------------- */
/*                               NOTE Menükarte                               */
/* -------------------------------------------------------------------------- */

/* kein Strich und keine Höhe wenn TextBlock ohne Inhalt */
.widget.widget_textblockswidget {
    border-top: 0px solid #cccccc;
    padding-top: 0px;
    padding-bottom: 0px;
    line-height: 1.5;
}


.text-block.menu:not(:empty)::before {
    content: 'Menü';
    display: block;
    padding: 3rem 0 1.5rem 0;
    font-size: 1.75rem;
    font-family: 'Teko';
    font-weight: 300;
    color: #000000;
}

.text-block.vorspeisen:not(:empty)::before {
    content: 'Vorspeisen';
    display: block;
    padding: 3rem 0 1.5rem 0;
    font-size: 1.75rem;
    font-family: 'Teko';
    font-weight: 300;
    color: #000000;
}

.text-block.suppen:not(:empty)::before {
    content: 'Suppen';
    display: block;
    padding: 3rem 0 1.5rem 0;
    font-size: 1.75rem;
    font-family: 'Teko';
    font-weight: 300;
    color: #000000;
}

.text-block.vegetarisch:not(:empty)::before {
    content: 'Vegetarisch';
    display: block;
    padding: 3rem 0 1.5rem 0;
    font-size: 1.75rem;
    font-family: 'Teko';
    font-weight: 300;
    color: #000000;
}

.text-block.hauptgerichte:not(:empty)::before {
    content: 'Hauptgerichte';
    display: block;
    padding: 3rem 0 1.5rem 0;
    font-size: 1.75rem;
    font-family: 'Teko';
    font-weight: 300;
    color: #000000;
}

.text-block.dessert:not(:empty)::before {
    content: 'Dessert';
    display: block;
    padding: 3rem 0 1.5rem 0;
    font-size: 1.75rem;
    font-family: 'Teko';
    font-weight: 300;
    color: #000000;
}

.widget.widget_textblockswidget {
    font-size: 1rem;
}


/* silvestermenu */

.silvestermenu p {
    font-size: 1rem;
}

.silvestermenu p strong {
    display: block;
    padding: 1rem 0 .75rem 0 !important;
    font-size: 1.75rem;
    font-family: 'Teko';
    font-weight: 300;
    color: #000000;
}




/* -------------------------------------------------------------------------- */


/* -------------------------------------------------------------------------- */
/*                               NOTE Slideshow                               */
/* -------------------------------------------------------------------------- */


#main-slideshow.fixed>.royalSlider,
#main-slideshow.fixed .ts-wrap {
    max-width: 800px;
}

#main-slideshow.fixed,
#main-slideshow.fix,
#main-slideshow.layer-fixed {
    background: none;
    background-color: rgba(97, 97, 97, 0);
}

#main-slideshow.fixed {
    padding-top: 50px;
    padding-bottom: 0;
}


/* -------------------------------- 6-Bilder -------------------------------- */
/* bei Feste feiern */

.img-no-padding p {
    line-height: 0 !important;
}



/* -------------------------------------------------------------------------- */
/*                                  NOTE Shop                                 */
/* -------------------------------------------------------------------------- */

/* Sortierungsschalter über dem Shop aus */
.switcher-wrap {
    display: none;
}

/* Shop Übersicht Abstand unten nächste Reihe */
.woocom-project {
    margin-block-end: 50px;
}

/* Kategorie */
.product_meta {
    display: none;
}

form.cart {
	margin: 30px auto 30px auto;
}


.shop_table, .shop_table tr {
	background-color: #ffffff !important;
    border-color: #ffffff !important;
}

/* -------------------------------------------------------------------------- */
/*                                 NOTE Footer                                */
/* -------------------------------------------------------------------------- */

#footer .textwidget {
    font-size: 1rem;
}


a.fmenu, a.fmenu:active, a.fmenu:visited {
    opacity: 0.7;

}

a.fmenu:hover {
    opacity: 1;
text-decoration: none;
}

a.fmenu svg {
padding-right: 7px;
vertical-align:sub;
height: 18px;
width: 18px;
}

/* a.fmenu::before {
    content: "- ";
    text-decoration: none;
    } */


/* -------------------------------------------------------------------------- */
/*                                freie Trauung                               */
/* -------------------------------------------------------------------------- */

.b_ft {
    position: absolute;
    top: -515px;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
    text-align: left;
}


/* ---------------------------------- Ende ---------------------------------- */
/* -------------------------------------------------------------------------- */