/* BASIC STYLESHEET for Klatschpalaos */
/* author: ideenwerft GmbH */
/* author site: www.ideenwerft.com
/* copyright 2016 */


/* =FONTS ======================== */
@import url("fonts.css");
@import url("layout.css");

/* =LAYOUT ======================== */
html {min-height: 100%;}
body {background:#fce5b6;font-size:15px;color: #000;font-family: 'Lato', sans-serif;text-align: center; height: 100%;line-height: 20px;}

body > header {text-align: center;position: relative;z-index: 10007;left: 0;top: 0;width: 100%;}

#logo {position: relative;z-index: 9999999999;}
#logo img {text-align: center;margin: 15px auto;width: 30%;max-width: 200px;}

main {padding: 0px 0 0px;}
footer {background: #fff;padding: 0;}

.dce-keyvisual-slider img {
    width: 100%;
}

@media (min-width: 768px) {
    body > header {position: absolute;}
    #logo img {
    -webkit-filter: drop-shadow(5px 5px 5px rgba(1,0,0,0.5));
    -moz-filter: drop-shadow(5px 5px 5px rgba(1,0,0,0.5));
    -ms-filter: drop-shadow(5px 5px 5px rgba(1,0,0,0.5));
    -o-filter: drop-shadow(5px 5px 5px rgba(1,0,0,0.5));
    filter: drop-shadow(5px 5px 5px rgba(1,0,0,0.5));
	}
}

main {background: url("../Img/background.jpg") top right no-repeat #fbe6c9;}

@media (min-width: 992px) {
    footer {padding: 15px 0;}

}


/* =BASIC STYLES ======================== */
.small {font-size: 0.9em;}
.xsmall {font-size: 0.8em;}
.red, .error {color:#c00;}
.grey {color:#999;}
.clear {clear:both;}
.italic {font-style:italic;}
.hide {display:none;}
.align-center,
.ce-headline-center {text-align:center;}
.align-right {text-align:right;}
.align-justify {text-align:justify;}
.align-left {text-align:left;}
.note {font-size:0.9em;font-style:italic;color:#999;}
/* links */
a:link, a:visited {text-decoration: none;}
a:hover, a:focus {outline:none;color: #d29546}
:active, :focus {outline:0;}
a.internal-link:link, a.internal-link:visited {}
a.internal-link:hover, a.internal-link:focus {}
a.external-link-new-window:link, a.external-link-new-window:visited {}
a.external-link-new-window:hover, a.external-link-new-window:focus {}
a.pdf {}
a.doc {}
a.mail:link, a.mail:visited {}
a.mail:hover, a.mail:focus {}
/* TYPO3 : anker-tags für interne links nach oben setzen*/
a.anchor {position:absolute;margin-top:-35px;}
/* text */


p,h1,h1,h3,h4,h5 {max-width: 800px;margin: 0 auto;}
p {margin:0px auto 15px;}
h1 {margin:0px auto 30px;font-size:50px;color: #926c2d;font-family: 'Great Vibes', cursive;}
h2 {margin:15px auto 15px;font-size:35px;color: #926c2d;font-family: 'Great Vibes', cursive;}
h3 {margin:0px auto 15px;font-size:20px;color: #aa181c;}
h4 {margin:30px auto 15px;font-size:15px;color: #aa181c;font-weight: 700;}
/* other */


#content .csc-textpic-imagewrap ul,
#content .csc-textpic-imagewrap ol {margin-left:0px;}
blockquote {padding:15px 40px;}
blockquote p {color:#0061a1;font-size:14px;font-style:italic;}
blockquote cite {color:#888;font-size:12px;font-style:italic;}
table {font-size: 1em;border-collapse:collapse;border-spacing:0;}
table th, table td {vertical-align:top;}
/* achtung: tabellen brauchen weiterhin 'cellspacing="0"' im markup! */
ul, ol {margin: 0 0 15px;padding-left: 20px;}
table p {padding:0;margin:0;}
hr, hr.linie-davor,  hr.linie-danach {clear:both;background-color:#adadad;color:#adadad;border:#adadad;height:1px;margin:10px 0;}
address, caption, cite, code, dfn, var {font-style:normal;font-weight:normal;}
caption, th {text-align:left;}
fieldset {border:none;}
input, textarea, select {border:0px solid #ccc;font-size:1em;padding:4px;}
input:focus, textarea:focus {background-color:rgba(255, 255, 255, 0.5);color: #798a7a;}
a i {cursor: pointer;}



/* =NAVIGATION ======================== */
.navbar-default {border:0px; border-radius: 0;background:rgba(247, 220, 198, 0.7);min-height: 1px;}
.navbar-default .navbar-nav {width:auto;text-align: left;}

.navbar-default .navbar-collapse,
.navbar-default .navbar-form,
.navbar-default .navbar-toggle {border:0;}
.navbar-default .navbar-toggle {border:0;margin: 0;padding:15px;}

.navbar-default .navbar-toggle .icon-bar {background-color: #58595b;}
.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {background: none;}

.navbar-default .navbar-nav>li>a {color:#58595b; font-size: 16px;padding-left: 15px;padding-right: 15px;}
.navbar-default .navbar-nav>.active>a {background:none;color: #a33835;}
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>li>a:hover {background:none;color: #000;border-bottom: 3px solid #a33835;padding-bottom: 7px;}

/* zweite Ebende */
.navbar-default .navbar-nav>li:hover>ul {display: block;}
.navbar-default .navbar-nav>li>ul.dropdown-menu {background: none;box-shadow: none;border-radius: 0;border: 0;margin-top: 0px;padding-top: 2px;padding-bottom: 2px;border-bottom: 2px solid #a33835;border-top: 2px solid #a33835;position: relative;   width: 100%;margin-bottom: 10px;}
.navbar-default .navbar-nav>li>ul.dropdown-menu li {background:none;margin-bottom:0px;}

.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover {color: #fff;background: #a33835;border-top: 0;}

.dropdown-menu>li>a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
}
.navbar-default .navbar-nav .open .dropdown-menu>li>a {color:#926c2d;}
.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,
.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {color: #000;}
.dropdown-menu>.active>a,
.dropdown-menu>.active>a:focus,
.dropdown-menu>.active>a:hover {background:none;color: #000;border-bottom: 3px solid #a33835;padding-bottom: 7px;}


@media (min-width:992px) {
    #navbar {display: inline-block !Important;}
    .navbar-default .navbar-nav>li>ul.dropdown-menu {border:0;position: absolute;left: -10px;background:rgba(247, 220, 198, 0.8);}
    .navbar-default .navbar-nav>li>ul.dropdown-menu li {margin-bottom: 3px;white-space:nowrap !important;}

    .navbar-default .navbar-nav>li>a {padding: 10px 19px;}

    .dropdown-menu>li>a:focus,
    .dropdown-menu>li>a:hover {background: none;border-right:2px solid #a33835;padding-right: 18px;}
    
    .navbar-expand-lg .navbar-collapse {
        display: block !important;
    }
    .navbar-default .navbar-nav {
        justify-content: space-around;
    }
    
    li.dropdown {
        position: relative;
        padding-right: 7px;
    }
    li.dropdown span.dropdown-toggle {
        position: absolute;
        top: 10px;
        right: 0;
    }
}

@media (min-width:1200px) {
    .navbar-default .navbar-nav>li>a {padding: 10px 30px;}
}




@media (max-width: 991px) {
	/* Hamburger Menu aside */
	.navbar-header {float: none;padding-left: 5px;}
	.navbar-left,
    .navbar-right {float: none !important;}
	.navbar-toggle {display: block;border:none;}
	.navbar-default .navbar-toggle:hover,
    .navbar-default .navbar-toggle:focus {background:none;}
	.navbar-fixed-top {top: 0;}
	.navbar-nav {float: none!important;}
	.navbar-nav>li {float: none;text-align: center;padding: 3px 0;}
	.collapse.in{display:block !important;}
    nav .container {width: inherit;    justify-content: center !important;}
    .navbar-default .navbar-nav>li>a {
        text-align: center;
    }
    .navbar-default .navbar-collapse {
        margin-top: 10px;
    }
    .navbar-default .nav-link {
        display: inline-block;
    }
    .navbar-default .navbar-nav>li>a {
        padding-left: 5px;
        padding-right: 5px;
    }
    button.navbar-toggler:focus {
        outline: none;
    }
}


/* =CONTENT ELEMENTS ======================== */
.content {padding: 30px 0 15px;}
.content li {list-style-position: inside;}

.content .col-md-6 {margin-bottom: 30px;}
.content table {width: 100%;max-width: 800px;margin: 0 auto;}
.content table tr {}
.content table tr td {border:1px solid #926c2d ;border-bottom: 0;padding: 5px;width: 50%;}
.content table tr td:first-child {border-left: 0;width: 25%;}
.content table tr td:last-child {border-right: 0;width: 25%;}



.frame-backgroundbox {text-align: left;background: #fff;border-radius: 10px;padding: 15px;}


@media (min-width:768px) {
    .content {padding: 30px 0;}
    .content {padding-bottom: 60px}
}

@media (min-width:992px) {
    .content table tr td {border:1px solid #926c2d ;border-bottom: 0;padding: 5px;width: 80%;}
    .content table tr td:first-child {border-left: 0;width: 10%;}
    .content table tr td:last-child {border-right: 0;width: 10%;}

}


/* =FOOTER ======================== */


/* = MUSTHAVE & COPY ======================== */
.facebook-frame {padding-top: 10px}
.musthave {display: block;margin: 0;padding:10px 0;overflow: hidden;font-size: 13px;}
.musthave li {list-style: none;float: left;text-align: center; border-right: 1px solid #828487;line-height: 16px;}
.musthave li a {color:rgba(0, 0, 0, 0.6);padding: 0px 15px;}
.musthave li:first-child a {padding: 0px 15px 0 0;}
.musthave li a:hover {color:rgba(0, 0, 0, 1);}
.musthave li:last-child {border:0;}


 @media (min-width: 550px) {
    footer {padding: 15px 10px;}
    .facebook-frame {padding-top: 0;}
    .musthave {float: right;padding-top: 0;}
}
 @media (min-width: 992px) {
     footer .container {
         display: flex;
         justify-content: space-between;
     }
    .musthave li a {padding: 0px 10px;}
    .musthave li:first-child a {padding: 0px 10px 0 0;}
}

 @media (min-width: 1200px) {

    .musthave li a {padding: 0px 15px;}
    .musthave li:first-child a {padding: 0px 15px 0 0;}
}

.dce-gmaps {
    margin: 0 0;
}


/* =EXTENSIONS ======================== */
/* POWERMAIL */
.tx-powermail .powermail_form_3 {max-width:670px;}
.tx-powermail fieldset {background: none !important;padding: 0;}
.tx-powermail h3 {display:none;}
.tx-powermail legend {display:none;}
.tx-powermail label {width:100%;font-weight:normal;}
.tx-powermail input.powermail_input,
.tx-powermail textarea {width:95%;max-width: 800px; border:1px solid #f4dea2;;padding: 5px;}
.tx-powermail .powermail_check_outer label {float:none;width:auto;}
.powermail_checkbox {margin-right:5px;}
.powermail_submit {background:#a33835;border:1px solid #a33835;}
.powermail_submit:hover {background:rgba(247, 220, 198, 0.7);border:1px solid #a33835; }

main ul.parsley-errors-list {margin-left:220px;list-style: none;list-style-position: inside;padding: 0;color: #c00;font-size: 14px;}
.tx-powermail input.parsley-error {border:1px solid #c00;}


@media (min-width: 768px) {
.tx-powermail  .powermail_form_3 input.powermail_input,
.tx-powermail  .powermail_form_3 textarea {width:350px;border: none;}
.tx-powermail .powermail_form_3 label {float:left;width:220px;}
.powermail_form_3 .powermail_submit {float:right;}
 .powermail_form_3 .powermail_check_outer  {margin-left:220px;}
}


@media (min-width: 980px) {
.tx-powermail .powermail_form_3 input.powermail_input,
.tx-powermail .powermail_form_3 textarea {width:450px;border: none;}
}