/*
	Table of Contents
	update on Wed Mar 30 2016 18:01:05 GMT+0300 (FLE Summer Time)

	I.   Generic --------------------------------------
	     01. Reset ------------------------------------
	     02. Base -------------------------------------
	     03. Fonts ------------------------------------
	     04. Helpers ----------------------------------
	         Clear ------------------------------------
	         Notext -----------------------------------
	         Hidden -----------------------------------
	         Alignleft --------------------------------
	         Alignright -------------------------------
	         Disabled ---------------------------------
	II.  Regions --------------------------------------
	     01. Container --------------------------------
	     02. Content ----------------------------------
	     03. Footer -----------------------------------
	     04. Header -----------------------------------
	     05. Main -------------------------------------
	     06. Shell ------------------------------------
	     07. Sidebar ----------------------------------
	     08. Wrapper ----------------------------------
	III. Modules --------------------------------------
	     01. Article ----------------------------------
	     02. Button -----------------------------------
	         Button Block -----------------------------
	     03. Form Elements ----------------------------
	     04. Form Contact -----------------------------
	     05. Gallery ----------------------------------
	     06. Intro ------------------------------------
	     07. Intro Home -------------------------------
	     08. Intro Contact ----------------------------
	     09. List -------------------------------------
	     10. locations --------------------------------
	     11. Logo -------------------------------------
	     12. Nav --------------------------------------
	     13. nav-footer -------------------------------
	     14. Nav Lang ---------------------------------
	     15. Paging -----------------------------------
	     16. Partners ---------------------------------
	     17. Popup ------------------------------------
	     18. Search -----------------------------------
	     19. Search mobile ----------------------------
	     20. Section Welcome --------------------------
	     21. Section Articles -------------------------
	     22. Section Gallery --------------------------
	     23. Slider Home ------------------------------
	     24. Socials ----------------------------------
	     25. Table ------------------------------------
	     26. Widget -----------------------------------
 */

.ico-angle-right { background-image: url(http://www.malzkoernchen.de/uploads/images/sprite.png); background-position: -17px -64px; width: 11px; height: 17px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-facebook-small { background-image: url(http://www.malzkoernchen.de/uploads/images/sprite.png); background-position: -32px -64px; width: 16px; height: 17px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-facebook { background-image: url(http://www.malzkoernchen.de/uploads/images/sprite.png); background-position: 0 0; width: 28px; height: 28px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-instagram-small { background-image: url(http://www.malzkoernchen.de/uploads/images/sprite.png); background-position: -63px -23px; width: 18px; height: 18px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-instagram { background-image: url(http://www.malzkoernchen.de/uploads/images/sprite.png); background-position: -32px 0; width: 28px; height: 28px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-pin { background-image: url(http://www.malzkoernchen.de/uploads/images/sprite.png); background-position: 0 -64px; width: 13px; height: 19px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-search { background-image: url(http://www.malzkoernchen.de/uploads/images/sprite.png); background-position: -64px 0; width: 19px; height: 19px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-send { background-image: url(http://www.malzkoernchen.de/uploads/images/sprite.png); background-position: -64px -45px; width: 16px; height: 15px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-xing-1 { background-image: url(http://www.malzkoernchen.de/uploads/images/sprite.png); background-position: 0 -32px; width: 28px; height: 28px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-xing { background-image: url(http://www.malzkoernchen.de/uploads/images/sprite.png); background-position: -32px -32px; width: 28px; height: 28px; display: inline-block; vertical-align: middle; font-size: 0; }
.overlay { position: absolute; width: 100%; height:100%; left:0; top:0; background-color:rgba(0, 0, 0, 0.3); z-index:1; }
/* ------------------------------------------------------------ *\
	I.   Generic
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\

	Reset

\* ------------------------------------------------------------ */
.year-w { float: left; width: 100%; }
.wrapper { opacity: 0; }

*,

*:before,

*:after { padding: 0; margin: 0; outline: 0; box-sizing: border-box; }



article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, main { display: block; }



html,

body { height: 100%; }



html { tap-highlight-color: rgba(0,0,0,0); }



body { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; -webkit-text-size-adjust: none; -ms-text-size-adjust: none; text-size-adjust: none; }



iframe, video, audio, object { max-width: 100%; }

#content, body { overflow: scroll; }

img, iframe { border: 0 none; }

img { height: auto; display: inline-block; vertical-align: middle; }

.owl-stage {
        transition: 2s!important;
}

b,

strong { font-weight: bold; }



address { font-style: normal; }



svg:not(:root) { overflow: hidden; }

#twitter-widget-0 { float: right; margin-right: 1em; }

a,

button,

input[type="submit"],

input[type="button"],

input[type="reset"],

input[type="file"],

input[type="image"],

label[for] { cursor: pointer; }



a[href^="tel"],

button[disabled],

input[disabled],

textarea[disabled],

select[disabled] { cursor: default; }
.fancy_wrapper .form-contact .form-actions {
    position: static;
    margin-bottom: 2em;
}
.form-contact {
    position: relative;
    z-index: 100;
}
.w-form-done {
  display: none;
  padding: 20px;
  text-align: center;
  background-color: #dddddd;
}
.w-form-fail {
  display: none;
  margin-top: 10px;
  padding: 10px;
  background-color: #ffdede;
}
.fieldError {
border-color: #D4567B!important;
}
button::-moz-focus-inner,

input::-moz-focus-inner { padding: 0; border: 0; }



input[type="text"],

input[type="password"],

input[type="date"],

input[type="datetime"],

input[type="datetime-local"],

input[type="month"],

input[type="week"],

input[type="email"],

input[type="number"],

input[type="search"],

input[type="tel"],

input[type="time"],

input[type="url"],

input[type="color"],

textarea,

a[href^="tel"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; }



input[type="number"]::-webkit-inner-spin-button,

input[type="number"]::-webkit-outer-spin-button { display: none; -webkit-appearance: none; }



input[type="search"]::-webkit-search-cancel-button,

input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }



textarea { overflow: auto; resize: none; -webkit-overflow-scrolling: touch; overflow-scrolling: touch; }



button,

input,

optgroup,

select,

textarea { font-family: inherit; font-size: inherit; color: inherit; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; }



button,

select { text-transform: none; }



table { width: 100%; border-collapse: collapse; border-spacing: 0; }



nav ul,

nav ol { list-style: none outside none; }

/* ------------------------------------------------------------ *\

	Base

\* ------------------------------------------------------------ */
.price {
    padding-top: 10px;
    text-align: center;
    font-weight: bold;
    font-size: 1.4em;
    border-top: 1px solid #d0d0d0;
    margin-top: 1em;
    clear: both;
}
 .price del {
    font-size: 0.8em;
    margin-right: 10px;
    color: #BD5959;
}
 .price ins {
    font-size: 1.4em;
    text-decoration: none;
}
.more-w {

    width: 100%;
}
.btn.btn-dark.more {
background-color: #79777d;
    display: inline-block;
    padding: 10px 25px;
    position: relative;
    border: none;
    }
.btn-w {

    width: 100%;
    margin: 1em 0;
    position: relative;
    z-index: 100;
    clear: both;
}
.btn.btn-dark.more:before {
    content: "";
    position: absolute;
    left: 1px;
    right: 1px;
    top: 1px;
    bottom: 1px;
    border: solid 1px #fff;
}
.intro-txt {
    margin: 1em 0;
}
.intro-body a {
    display: block;
    clear: both;
}
.fb_iframe_widget {
    float: right;
}
.partners a {
    margin: 0 15px;
}
.fancybox-opened .fancybox-title, .fancy_content { display: none; }
.col-w { margin: 0 -15px; }
.col-50 {
    float: left;
    width: 50%;
    padding: 0 15px;
}
.img {
    float:left;
    width: 50%;
    padding: 3px;
}
.full-gallery { margin: 1em 0; float: left; position: relative; z-index: 100;}
.full-gallery .img {
    width: 25%;
}
.img .goup {
    width: 100%;
}
.img .group img {
    width: 100%;

}
body { min-width: 320px; background: #edecef; font-family: 'Lato', 'Helvetica', sans-serif; font-size: 14px; line-height: 1.3; color: #5b5661; }



a { color: inherit; text-decoration: underline; }

a:hover { text-decoration: none; }



a[href^="tel"] { text-decoration: none; }



h1 { font-size: 45px; font-family: 'LucidaBright','Times', serif; font-weight:400; }

h2 { font-size: 36px; font-family: 'LucidaBright','Times', serif; font-weight:400; }

h3 { font-size: 25px; font-family: 'Great Vibes', cursive; font-weight: 500;}

h4 { font-size: 20px; }

h5 { font-size: 18px; }

h6 { font-size: 16px; }



@media (max-width: 767px) {

	h1 { font-size:30px; }

	h2 { font-size:26px; }

	h3 { font-size:20px; }

	h4 { font-size:16px; }

	h5 { font-size:14px; }

	h6 { font-size:12px; }

}



h1,

h2,

h3,

h4,

h5,

h6 { margin-bottom: 0.65em; }



p,

ul,

ol,

dl,

table,

blockquote { margin-bottom: 1.3em; }



h1[class],

h2[class],

h3[class],

h4[class],

h5[class],

h6[class],

h1:last-child,

h2:last-child,

h3:last-child,

h4:last-child,

h5:last-child,

h6:last-child,

p:last-child,

ul:last-child,

ol:last-child,

dl:last-child,

table:last-child,

blockquote:last-child { margin-bottom: 0; }

/* ------------------------------------------------------------ *\

	Fonts

\* ------------------------------------------------------------ */



@font-face {

	font-family: "Lato";

	src: url("http://www.malzkoernchen.de/uploads/fonts/Lato_700_normal_1457527536.eot");

	src: url("http://www.malzkoernchen.de/uploads/fonts/Lato_700_normal_1457527536.eot?#iefix") format("embedded-opentype"),

		url("http://www.malzkoernchen.de/uploads/fonts/Lato_700_normal_1457527536.svg#Lato") format("svg"),

		url("http://www.malzkoernchen.de/uploads/fonts/Lato_700_normal_1457527536.woff") format("woff"),

		url("http://www.malzkoernchen.de/uploads/fonts/Lato_700_normal_1457527536.ttf") format("truetype");

	font-weight: 700;

	font-style: normal;

}



@font-face {

	font-family: "Lato";

	src: url("http://www.malzkoernchen.de/uploads/fonts/Lato_300_normal_1457527536.eot");

	src: url("http://www.malzkoernchen.de/uploads/fonts/Lato_300_normal_1457527536.eot?#iefix") format("embedded-opentype"),

		url("http://www.malzkoernchen.de/uploads/fonts/Lato_300_normal_1457527536.svg#Lato") format("svg"),

		url("http://www.malzkoernchen.de/uploads/fonts/Lato_300_normal_1457527536.woff") format("woff"),

		url("http://www.malzkoernchen.de/uploads/fonts/Lato_300_normal_1457527536.ttf") format("truetype");

	font-weight: 300;

	font-style: normal;

}



@font-face {

	font-family: "Lato";

	src: url("http://www.malzkoernchen.de/uploads/fonts/Lato_400_normal_1457527536.eot");

	src: url("http://www.malzkoernchen.de/uploads/fonts/Lato_400_normal_1457527536.eot?#iefix") format("embedded-opentype"),

		url("http://www.malzkoernchen.de/uploads/fonts/Lato_400_normal_1457527536.svg#Lato") format("svg"),

		url("http://www.malzkoernchen.de/uploads/fonts/Lato_400_normal_1457527536.woff") format("woff"),

		url("http://www.malzkoernchen.de/uploads/fonts/Lato_400_normal_1457527536.ttf") format("truetype");

	font-weight: 400;

	font-style: normal;

}



@font-face {

	font-family: "LucidaBright";

	src: url("http://www.malzkoernchen.de/uploads/fonts/LucidaBright_400_normal_1457527696.eot");

	src: url("http://www.malzkoernchen.de/uploads/fonts/LucidaBright_400_normal_1457527696.eot?#iefix") format("embedded-opentype"),

		url("http://www.malzkoernchen.de/uploads/fonts/LucidaBright_400_normal_1457527696.svg#LucidaBright") format("svg"),

		url("http://www.malzkoernchen.de/uploads/fonts/LucidaBright_400_normal_1457527696.woff") format("woff"),

		url("http://www.malzkoernchen.de/uploads/fonts/LucidaBright_400_normal_1457527696.ttf") format("truetype");

	font-weight: 400;

	font-style: normal;

}

/* ------------------------------------------------------------ *\

	Helpers

\* ------------------------------------------------------------ */



/*  Clear  */

.header:after,

.gallery:after,

.article:after,

.clear:after { content: ''; line-height: 0; display: table; clear: both; }





/*  Notext  */



.notext { white-space: nowrap; text-indent: 100%; text-shadow: none; overflow: hidden; }

.notext-old { font-size: 0; line-height: 0; text-indent: -4000px; }





/*  Hidden  */



[hidden],

.hidden { display: none; }





/*  Alignleft  */



.alignleft { float: left; }





/*  Alignright  */



.alignright { float: right; }





/*  Disabled  */



[disabled],

.disabled { cursor: default; }

/* ------------------------------------------------------------ *\
	II.  Regions
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\

	Container

\* ------------------------------------------------------------ */



.container {}

/* ------------------------------------------------------------ *\

	Content

\* ------------------------------------------------------------ */



.content {}

/* ------------------------------------------------------------ *\

	Footer

\* ------------------------------------------------------------ */



.footer { font-size:11px; text-transform: uppercase;  }

.footer .shell { max-width: 100%; }

.footer .socials { display: inline-block; vertical-align: middle; margin-left:30px;  }

.footer .footer-inner { line-height:18px; border-bottom:1px solid #cdd1cf; padding-bottom:12px; max-width: 970px; margin: 0 auto; }

.footer p { display: inline-block; vertical-align: middle; margin: 0; }

.footer .copyright { margin-right:20px; }





/* ------------------------------------------------------------ *\

	Header

\* ------------------------------------------------------------ */



.header { background: #f3f2f5; position: relative; min-height: 135px; }

.header .bar { background:#6e6b71; text-align:right; padding: 11px 34px; }

.header .btn-menu { display:none; }











@media (max-width: 374px) {

	.header .btn-menu { top:56px; }

}

/* ------------------------------------------------------------ *\

	Main

\* ------------------------------------------------------------ */



.main {}

/* ------------------------------------------------------------ *\

	Shell

\* ------------------------------------------------------------ */



.shell { max-width: 1024px; margin: auto; padding: 0 10px; }

/* ------------------------------------------------------------ *\

	Sidebar

\* ------------------------------------------------------------ */



.sidebar {}

/* ------------------------------------------------------------ *\

	Wrapper

\* ------------------------------------------------------------ */



.wrapper {}

/* ------------------------------------------------------------ *\
	III. Modules
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\

	Article

\* ------------------------------------------------------------ */



.article { padding: 20px 0; position: relative; margin-bottom:40px; }

.article .article-body { background:#fff; padding: 35px; position: absolute; z-index: 2; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); top:50%; left:0;  right:274px; min-height: 260px; }

.article-body a { z-index: 100; position: relative; }

.article:nth-child(even) .article-body { right:0; left:274px; }

.article:nth-child(even) .article-image { float:left; }



.article .article-body:before { content:''; position: absolute; top:20px; left:20px; right:20px; bottom:20px; border:1px solid #bfc9bf; z-index:0;}

.article .article-title:after { content:''; border-top:3px solid; width:30px; display:block; margin:15px 0; }

.article .article-image { float:right; margin:-20px 0; }

.article .article-image img { display:block; width:100%; }



@media (max-width: 767px) {

	.article:nth-child(even) .article-image,

	.article .article-image { float:none; width:100%; }



	.article:nth-child(even) .article-body,

	.article .article-body { position: relative;  margin: -20px 20px 0 20px; left:auto; right:auto; top:auto; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }

}

/* ------------------------------------------------------------ *\

	Button

\* ------------------------------------------------------------ */



.btn { font-weight: 500; font-size: 1.5em; display: inline-block; font-family: 'Great Vibes', cursive; vertical-align: middle; -webkit-appearance: none; -moz-appearance: none; appearance: none; text-decoration: none;  color: #79777d; background:#fff; position: relative; padding: 6px 12px; border:0; cursor: pointer;

     transition: all .3s; }

.btn:hover { background:#f0f0f0; }

.btn i { display: inline-block; vertical-align: middle; }

.btn i:first-child { margin-right:10px; }

.btn .text { display: inline-block; vertical-align: middle; margin-bottom:-2px; }

.btn:before { content:''; position: absolute; top:-2px; left:-2px; bottom:-2px; right:-2px; display:block; border:1px solid #fff; }





.btn.btn-dark { color: #fff; border:1px solid #79777d; padding: 1px; }

.btn.btn-dark > span { display:block; background:#79777d; line-height: 34px; }

/*.btn.btn-dark:before { content:''; border:1px solid #79777d; }*/



/*  Button Block  */

.btn-block { display: block; padding-left: 0; padding-right: 0; }

/* ------------------------------------------------------------ *\
	Form Elements
\* ------------------------------------------------------------ */

input::-webkit-input-placeholder { color: inherit; opacity: 1; }

input::-moz-placeholder { color: inherit; opacity: 1; }

input:-ms-input-placeholder { color: inherit; opacity: 1; }

input::placeholder { color: inherit; opacity: 1; }
textarea::-webkit-input-placeholder { color: inherit; opacity: 1; }
textarea::-moz-placeholder { color: inherit; opacity: 1; }
textarea:-ms-input-placeholder { color: inherit; opacity: 1; }
textarea::placeholder { color: inherit; opacity: 1; }

input:-webkit-autofill { -webkit-text-fill-color: inherit !important; -webkit-box-shadow: 0 0 0 1000px #fff inset; }

.field { display:block; width:100%; padding: 13px 15px; border:1px solid; color: #b6bbb6; border-color: #c5d0cb; }
.textarea { min-height: 200px; display:block; width:100%; padding: 10px 15px; border:1px solid; color: #b6bbb6; border-color: #c5d0cb; }
.form-row { margin-bottom:20px; }
.select {}
.radio {}
.checkbox {}

/* ------------------------------------------------------------ *\
	Form Contact
\* ------------------------------------------------------------ */

.form-contact .form-actions { position: absolute; bottom:0; left:0; width:100%; -webkit-transform: translateY(50%); -ms-transform: translateY(50%); transform: translateY(50%); text-align:center; }
.form-contact .form-body { padding-bottom:6px; }
.form-contact .form-actions .btn { min-width: 160px; }

/* ------------------------------------------------------------ *\

	Gallery

\* ------------------------------------------------------------ */



.gallery { list-style:none; list-style-position: outside; }

.gallery .gallery-item { float:left; width:16.6%; padding: 1px; }

.gallery .gallery-item a { display:block; }

.gallery .gallery-item img { display:block; width:100%; }



@media (max-width: 767px) {

	.gallery .gallery-item { width:50%; }

}

/* ------------------------------------------------------------ *\

	Intro

\* ------------------------------------------------------------ */



.intro { margin-top:-12vw; padding-bottom:27px; position: relative; z-index: 9; }

.intro .intro-title:after { content:''; border-top:3px solid; width:30px; display:block; margin:10px 0 20px 0; }

.intro .intro-inner { position: relative; background:#fff; float: left; width: 100%; margin-bottom:30px;}

.intro .intro-body { padding: 28px 33px 33px 33px; }

.intro .intro-body p { margin-bottom:20px; }

.intro .intro-body p:last-child { margin-bottom:0; }

.intro .intro-image { position: absolute; top:0; left:50%; width:50%; height: 100%; background-repeat: no-repeat; background-position:50% 50%; background-size: cover; }

.intro.frame { margin-top: 0; }

/* ------------------------------------------------------------ *\

	Intro Home

\* ------------------------------------------------------------ */



.intro.intro-home .intro-body { float:left; width:50%; }

.intro.intro-home .intro-inner { overflow: hidden; }







/* ------------------------------------------------------------ *\

	Intro Contact

\* ------------------------------------------------------------ */



.intro-contact { margin-bottom:40px; }

/* ------------------------------------------------------------ *\
	List
\* ------------------------------------------------------------ */

[class^="list-"] { list-style: none outside none; }

/* ------------------------------------------------------------ *\

	locations

\* ------------------------------------------------------------ */



.locations { overflow: hidden; clear: both;  }

.location { float:left; width:100%; background:#7e7c80; color: #fff; text-align:center; }

.location + .location { background-color:#6b6b6f; }

.location .location-title { font-family: 'LucidaBright','Times', serif; font-weight:400; margin-bottom:12px; }



.location-gallery { overflow: hidden; clear: both;
        padding-top: 30px; }

.location-gallery a { float:left; width:12.5%; border:1px solid #fff; transition: all .3s; position: relative; }

.location-gallery a:before { content:''; position: absolute; top:0; left:0; width:100%; height: 100%; background: rgba(0,0,0, .35); transition: all .3s; }

.location-gallery a:hover:before { background: rgba(0,0,0, .2); }

.location-gallery a img { display:block; width:100%; }



.location .location-body { border:1px solid #a4a6a5; padding: 25px 0; margin: 15px 22px; }

.location .location-body p { line-height:24px; }



@media (max-width: 767px) {

	.location { float:none; width: auto; display:block; padding: 20px; }

	.location .location-body { margin: 0; padding: 20px; }



	.location-gallery a { width:25%; }

}

/* ------------------------------------------------------------ *\

	Logo

\* ------------------------------------------------------------ */



.logo { width:150px;  background-color: #fff; height: 85px; font-size: 0; line-height: 0; text-indent: -4000px; background: url(http://www.malzkoernchen.de/uploads/images/logo.png) no-repeat 0 50%; display:block; float:left; position: absolute; bottom:0; left:0; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.logo { background: url(http://www.malzkoernchen.de/uploads/images/logo-retina.png) no-repeat 0 50%; background-size: contain; background-color: #fff; }
}







@media (max-width: 560px) {
.full-gallery .img {
    width: 50%;
}

}



@media (max-width: 374px) {
	.logo { width:100px; height: 90px; }

}

/* ------------------------------------------------------------ *\
	Nav
\* ------------------------------------------------------------ */

.nav { padding-left:150px; text-align:center; }
.nav ul { display: table; width:100%; padding: 37px 0 25px 0; }
.nav ul li { list-style:none; list-style-position: outside; display: table-cell; text-transform: uppercase; }
.nav ul li a { text-decoration: none; display: inline-block; }
.nav ul li a:hover { text-decoration: underline; }


.nav .btn-close { display:none; width:26px; height: 26px; position: absolute; top:10px; right:38px; }
.nav .btn-close:before { content:''; width:100%; height: 5px; background:#3f4241; display:block; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); position: absolute; top:10px; }
.nav .btn-close:after { content:''; width:100%; height: 5px; background:#3f4241; display:block; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top:10px; }

.nav .nav-body h3 { display:none; }



/* ------------------------------------------------------------ *\
	nav-footer
\* ------------------------------------------------------------ */

.nav-footer { text-transform: uppercase; color: #afb2b0; padding: 16px 0; text-align:center; }
.nav-footer a { display: inline-block; vertical-align: middle; text-decoration: none; margin: 0 3px; }


/* ------------------------------------------------------------ *\
	Nav Lang
\* ------------------------------------------------------------ */

.nav-lang { display: inline-block; padding: 0 20px; display: none;}
.nav-lang li { list-style:none; list-style-position: outside; }
.nav-lang a { text-decoration: none; color: #bebbc5; }

/* ------------------------------------------------------------ *\

	Paging

\* ------------------------------------------------------------ */

.paging a {
    font-size: 2.5em;
    font-weight: bold;
    text-decoration: none;
    display: inline-block;
}

.paging ul { display: inline-block; vertical-align: middle; list-style:none; list-style-position: outside; margin-bottom: 10px; }

.paging ul li { display: inline-block; }

.paging ul div { display:block; background:#fff; text-align:center; padding: 8px 13px; text-decoration: none; position: relative; }

.paging ul div:before { content:''; border:1px solid #bfc9bf; position: absolute; top:4px; left:4px; right:4px; bottom:4px; }

.paging .paging-next { display: inline-block; vertical-align: middle; margin: 0 5px;  padding: 0 5px; }

/* ------------------------------------------------------------ *\

	Partners

\* ------------------------------------------------------------ */



.partners { padding: 34px 0; text-align:center; }

/* ------------------------------------------------------------ *\

	Popup

\* ------------------------------------------------------------ */



.popup .popup-body { background:#fff; padding: 35px; position: relative; max-width: 595px; margin: -104px auto 0 auto; min-height: 210px; }

.popup .popup-body:before { content:''; position: absolute; top:20px; right: 20px; bottom:20px; left:20px; border:1px solid #bfc9bf; }

.popup .popup-image img { display:block; width:100%; }

.popup .popup-title:after { content:''; border-top:3px solid #9b9a80; width:30px; display:block; margin:15px 0; }



@media (max-width: 767px) {

	.popup .popup-body { margin: 0; }

}

/* ------------------------------------------------------------ *\

	Search

\* ------------------------------------------------------------ */



.search { display: inline-block; overflow: hidden; vertical-align: middle; position: relative; margin-right: 15px; }

.search .search-btn { float:left; border:0; background-color:transparent; height: 28px; }

.search .search-field { float:left; width:0; border:0; background-color:transparent; height: 28px; padding: 0; transition: all .3s; }

.search .search-trigger { position: absolute; top:0; left:0; width:100%; height: 100%; z-index: 2; background:red; opacity: 0; }



.search.open .search-field { width:110px; padding: 0 20px; }

.search.open .search-trigger { visibility: hidden; display:none; }



@media (max-width: 767px) {

	.search { float:left; }

	.search .search-btn { display:none; }

	.search .search-field { padding: 0 10px; }

}



@media (max-width: 374px) {

	.search .search-field { display:none; }

}



/* ------------------------------------------------------------ *\

	Search mobile

\* ------------------------------------------------------------ */



.search-mobile { display:none; border:1px solid #d4d8d7; border-radius: 5px; position: relative; }

.search-mobile .search-field { display:block; width:100%; border:0; height: 58px; padding: 0 60px 0 20px; text-transform: uppercase; color: #b2b2b2; background:transparent; }

.search-mobile .search-btn { border:0; background:transparent; position: absolute; top:0; right:0; height: 58px; text-align:center; width:50px; }


@charset "utf-8";
/* CSS Document */

@media (max-width: 1900px) {

	.search-mobile { display:block; }
.col-50 {

    width: 100%;

}
}
@media (max-width: 1900px) {

	.logo { width:230px; height: 108px;  position:static; background-size: contain; }

}
@media (max-width: 991px) {

	.intro.intro-home .intro-body { float:none; width: auto; }

	.intro .intro-image { position:static; display:block; width: auto; float:none; min-height: 300px; }

}
@media (max-width: 1900px) {

	.header { min-height: 0; }

	.header .bar { overflow: hidden; padding-left:0; }

}
@media (max-width: 1900px) {
	.nav { text-align:left; padding: 0; position: fixed; top:0; left:0; width:100%; height: 100%; z-index: 10; background: rgba(255,255,255, 1); padding: 45px 34px;  color: #000;
		visibility: hidden; opacity: 0; transition: all .3s; }
	.nav .btn-close { display:block; }
	.nav.open { visibility: visible; opacity: 1; }
	.nav ul { display:block; padding: 10px 0; background:#fff; }

	.nav .nav-body { border:1px solid #d4d8d7; margin-top:20px; text-align:center; padding: 36px 0; }

	.nav .nav-body h3 { text-align:center; color: #7f817e; font-family: 'LucidaBright','Times', serif; font-weight:400;  font-size:30px; display:block; }
	.nav .nav-body h3:after { content:''; border-top:3px solid; width:30px; display:block; margin:10px auto 20px auto; }
	.nav ul li { display:block; padding: 5px 0; }
	.nav ul li:last-child { padding-bottom:0; padding-right:0;  text-align:center; }
	.nav ul li:last-child a { border-bottom:0; }
	.nav ul li a { display:block; padding:0; color: #7f817e; }
}
@media (max-width: 1900px) {

	.footer { text-align:center; }

	.footer .socials { margin: 10px 0; display:block; text-align:center; float:none; }

	.footer .socials li { float:none; display: inline-block; }

}
@media (max-width: 1900px) {

	.header { margin: 0; }

	.header .bar { padding-right:10px; }



	.header .btn-menu { display: inline-block; margin-left:30px;  position: absolute; margin: 0; top:10px; right:10px; z-index: 2; top:70px; text-decoration: none; }



	.header .btn-menu .text { display: inline-block; vertical-align: middle; text-transform: uppercase; margin-right:10px; }

	.header .btn-menu .icon-btn { width:28px; height: 26px; background: #3f4241; position: relative; vertical-align: middle; display: inline-block; }

	.header .btn-menu .icon-btn:before { content:''; display:block; width:100%; height: 4px; background:#edecef; margin-top:6px; }

	.header .btn-menu .icon-btn:after { content:''; display:block; width:100%; height: 4px; background:#edecef; margin-top:6px; }



}


/* ------------------------------------------------------------ *\
	Section Welcome
\* ------------------------------------------------------------ */
.section-image { min-height: 460px; }
.section-welcome .section-image img { display:block; width:100%; }


/* ------------------------------------------------------------ *\
	Section Articles
\* ------------------------------------------------------------ */

.section-articles { padding: 40px 0; }
.section-articles .section-head { text-align:center; margin-bottom:35px; }

/* ------------------------------------------------------------ *\
	Section Gallery
\* ------------------------------------------------------------ */

.section-gallery .section-head { text-align:center; padding: 40px 0; }
.section-gallery .section-actions { padding: 35px 0; text-align:center; }

/* ------------------------------------------------------------ *\
	Slider Home
\* ------------------------------------------------------------ */

.slider-home .slide { background-color:#ccc; color: #fff; text-align:center; padding: 210px 0 210px 0; padding: 10vw 0 16vw 0; position: relative; list-style:none; list-style-position: outside; }

/* Alt 

.slider-home .slide-image { position: absolute; top:0; left:0; width:100%;  background-repeat: no-repeat; background-position:50% 50%; background-size: cover; z-index:0; }

*/

.slider-home .slide-image {position: absolute;top:0;left:0;width: 100% !important;background-size: 100%;height: 100% !important;z-index:0;.slider-home .slide-image
{position: absolute;top:0;left:0;width:100%;background-size: 100%;z-index:0;}.slider-home .slide-image {position: absolute;top:0;left:0;width:100%;background-size: 100%;z-index:0;}height: 100%; */width: 100%;}

.slider-home .slide-content { border:2px solid #fff; padding: 50px 0 31px 0; z-index: 2; position: relative; }
.slider-home .slide-title { font-family: 'LucidaBright','Times', serif; font-weight:400; }
.slider-home .slide-title:after { content:''; display:block; width:60px; border-top:2px solid; margin: 22px auto 19px auto; }
.slider-home .slide-btn { padding: 14px 40px; position: absolute; bottom:0; left:50%; -webkit-transform: translateX(-50%) translateY(50%); -ms-transform: translateX(-50%) translateY(50%); transform: translateX(-50%) translateY(50%); z-index: 1; }
.slider-home .slide-btn:before { content:''; position: absolute; border:1px solid #fff; top:-2px; bottom:-2px; left:-2px; right:-2px; }

.slider-home .owl-carousel .owl-controls { position: absolute; bottom:13vw; text-align:center; width:100%; }
.slider-home .owl-carousel .owl-controls .owl-dot { width:10px; height: 10px; display: inline-block; vertical-align: middle; border:1px solid #fff; margin: 0 10px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.slider-home .owl-carousel .owl-controls .owl-dot.active { background:#fff; }

@media (max-width: 767px) {
	.slider-home .slide-btn { padding: 14px; font-size:12px; }
}

/* ------------------------------------------------------------ *\

	Socials

\* ------------------------------------------------------------ */

.socials li.insta {     background-image: url(http://raumausstattung-malzkorn.de/uploads/images/sprite.png);
    background-position: -32px 0;}

.socials li.fb {    background-image: url(http://raumausstattung-malzkorn.de/uploads/images/sprite.png);
    background-position: 0 0;}

.socials li.xing { background-image: url(http://raumausstattung-malzkorn.de/uploads/images/sprite.png);
    background-position: -32px -32px; }

.socials { overflow: hidden; display: inline-block; vertical-align: middle; }

.socials li { float:left; list-style:none; list-style-position: outside;}

.socials li + li { margin-left:18px; }

.socials a { display:block; }

.socials a:hover { cursor: pointer; }

.socials a:hover .ico-instagram {  background-image: url(http://www.malzkoernchen.de/uploads/images/instagramm.png); background-size: contain; background-position: 0 0;}

.socials a:hover .ico-facebook {  background-image: url(http://www.malzkoernchen.de/uploads/images/facebook.png); background-size: contain; background-position: 0 0;}

.socials a:hover .ico-xing {  background-image: url(http://www.malzkoernchen.de/uploads/images/xing.png); background-size: contain; background-position: 0 0;}
@media (max-width: 490px) {

.img { width: 100%;}

}



@media (max-width: 374px) {

	.socials li + li { padding-left:10px; }

}

/* ------------------------------------------------------------ *\
	Table
\* ------------------------------------------------------------ */
@media (min-width: 1900px) {
.nav ul { display: block; text-align: justify; padding-left:2.5em; padding-right:2.5em; line-height: 0.85em;}
.nav ul::after { content: "";
width: 100%;
    display: inline-block;
    font-size: 0;
    line-height: 0;

}
.nav ul li {
 display: inline-block;
    *display: inline;
    zoom: 1
}
}
.table {}

/* ------------------------------------------------------------ *\
	Widget
\* ------------------------------------------------------------ */
.prev-button {
    position: absolute;
    left: -15px;
    top: 50%;
    -webkit-transform: translate(0px, -50%);
    -ms-transform: translate(0px, -50%);
    transform: translate(0px, -50%);
    background-color: #79777d;
    color: #fff;
    text-decoration: none;
    padding: 10px 20px;
}
.next-button {
    position: absolute;
    right: -15px;
    top: 50%;
    -webkit-transform: translate(0px, -50%);
    -ms-transform: translate(0px, -50%);
    transform: translate(0px, -50%);
    background-color: #79777d;
    color: #fff;
    text-decoration: none;
    padding: 10px 20px;
}

.owl-carousel .owl-stage-outer {    /* max-height: 700px;*/} 

.next-button:before, .prev-button:before {
    content: "";
    position: absolute;
    left: 1px;
    right: 1px;
    top: 1px;
    bottom: 1px;
    border: solid 1px #fff;
}

.popup-image { position: relative; }
.widgets { list-style: none outside none; }

.historie-w {
    max-width: 415px;
}

/* Stylesheet: screen Modified On 2017-04-18 08:42:54 */