/* BASIC STYLESHEET for Lorenzen */
/* author: ideenwerft GmbH */
/* author site: www.ideenwerft.com
/* copyright 2015 */



/* =LAYOUT ======================== */
body {font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;font-size: 14px;}
body > header {border-bottom: 5px solid #c1cd00; }
body > header .container {position:relative;text-align:center;}
#logo {display: block;margin: 0 auto 2px;padding-top: 33px;max-width:100%;}
#content {
    margin-top: 20px;
}
footer {clear:both;margin-top:0;background:#fff;border-top: 5px solid #c1cd00;padding:10px 0 20px;}


@media (min-width: 420px) {
	#logo {max-width:420px;}
}

@media (min-width: 480px) {
	#logo {padding-top: 0;}
}

@media (min-width: 768px) {
    body > header,
    body > footer {border-width:10px;}
    
    /* greenbox */
    #content > div > div.row > div:last-child {
        padding:0 25px;
    }
    #content > div > div.row > div:last-child > div:first-child,
    .pid4067 .row-3col > div:nth-child(1) > div {
        margin-top:25px;
    }
    #content > div > div.row > div:last-child,
    .pid4067 .row-3col > div:nth-child(1),
    .dce-slideshow img,
    body.unterkunft .row-3col,
    .fullwidth > .container{
        border-radius: 13px 13px 0px 0px;
        -moz-border-radius: 13px 13px 0px 0px;
        -webkit-border-radius: 13px 13px 0px 0px;
        border: 0px solid transparent;
    }
    .pid41 div.csc-textpic .csc-textpic-imagewrap .csc-textpic-last,
    .pid58 div.csc-textpic .csc-textpic-imagewrap .csc-textpic-last {margin-bottom: 0;}

    #content > div > article.row > div:first-child .csc-frame-frame1 img {position:relative;bottom:0;left:0;}
	
    .col-md-7 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .col-md-5 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    
}

@media (min-width:992px) {
    .col-md-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }
    .col-md-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }
}

@media (min-width: 1200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1170px;
    }
}


@media (min-width: 768px) {
    /*.col-sm-12 {width: 50%;}*/
    /* kopftiere */
    body > header .container {background:url("../Img/hasen-huehner.jpg") center bottom no-repeat;}
    .pid4048 > header .container {background:url("../Img/hasen-huehner.jpg") center bottom no-repeat;}
    .pid4057 > header .container {background:url("../Img/pferde-katzen.jpg") center bottom no-repeat;}
    .pid4058 > header .container {background:url("../Img/pferde-katzen.jpg") center bottom no-repeat;}
    .pid4064 > header .container {background:url("../Img/ziege-huehner2.jpg") center bottom no-repeat;}
    .pid4066 > header .container {background:url("../Img/voegel-esel.jpg") center bottom no-repeat;}
    .pid4067 > header .container {background:url("../Img/pferde-huehner.jpg") center bottom no-repeat;}
    .pid4079 > header .container {background:url("../Img/pferde-huehner.jpg") center bottom no-repeat;}
    .pid4086 > header .container {background:url("../Img/esel2-voegel.jpg") center bottom no-repeat;}
     body.schaufenster > header .container {background:url("../Img/ziege-voegel2.jpg") center bottom no-repeat;}
    .pid4087 > header .container {background:url("../Img/kuehe-hunde.jpg") center bottom no-repeat;}
    /* etc */

}


/* =GRIDS UND GREENBOX INDIVIDUELL */

#content > div > div.row > div:last-child,
.pid4067 .row-3col > div:nth-child(1) {
    background:#c1cd00;
}
#content > div > div.row > div:last-child > div:first-child {
    margin-top:15px;
}

/* urlaub */
.pid4067 .row-3col > div:nth-child(3) {
    background: none !important;
}

/* unterkuenfte */
body.unterkunft .row-3col {
    background:#c1cd00;
    padding-top: 20px;
}

/* buchungsanfrage */
.fullwidth {
    padding: 0;
}
.fullwidth > .container {
    padding: 30px 20px;
    background:#c1cd00;
}

/* schaufenster */
.schaufenster #content .col-md-9:after {
    content: '';
    display: block;
    height: 30px;
}


@media (min-width: 576px) and (max-width:767px) {
    .container, 
    .container-sm {
        max-width: 100%; 
    }
    .col-sm-6 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}

@media (max-width:767px) {
    body.unterkunft .row-3col > div {
        -ms-flex: 0 0 100;
        flex: 0 0 100%;
        max-width: 100%;
    }       
}

@media (min-width:768px) {
    .pid4067 .row-3col > div:nth-child(1) {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
    .pid4067 .row-3col > div:nth-child(2) {
        -ms-flex: 0 0 58.33333333%;
        flex: 0 0 58.33333333%;
        max-width: 58.33333333%;
    }
    .pid4067 .row-3col > div:nth-child(3) {
        -ms-flex: 0 0 16.66666667%;
        flex: 0 0 16.66666667%;
        max-width: 16.66666667%;
    }
       
}



/* =BASIC STYLES ======================== */
a:link, a:visited {color:#70452a;}
a:hover, a:focus {color:#666;}
.pid4067 .row-3col > div:nth-child(3) a {
    font-size: 22px;
    font-family: 'Lobster Two', cursive;
    color: #5c351c;
}
p,h1,h1,h3,h4,h5 {}
p {margin-bottom:15px;line-height:20px;}
.pid4067 p {line-height: 15px !important;}
h1 {margin-top:0;margin-bottom:20px;font-size:28px;font-family: 'Lobster Two', cursive;color:#5c351c;font-weight:700;}
.pid4067 .row-3col > div:nth-child(1) h1 {
    color: #fff;
}
h2 {margin:15px 0 10px;font-size:22px;}
.pid4067 h2 {
    margin: 0 0 30px;
    font-size: 28px;
    font-family: 'Lobster Two', cursive;
    color: #ca4e33;
}
h3 {margin:20px 0 10px;font-size:16px;font-weight:bold;}
.unterkunft h3 {
    color: #fff;
}
h4 {margin:10px 0 10px;font-size:17px;}
#content ul {
    margin-left:0px;
    padding-left: 16px;
}
#content ul li {
    margin-bottom: 5px;
}

img {max-width: 100%;height: auto;}

input:focus, textarea:focus {background-color: #ddd;}
#content > div > article.row > div:first-child {position:relative;}

.frame-backgroundbox {
    margin-bottom: 30px;
    padding: 10px 15px;
    background: #d6d956;
    border-radius: 13px;
    border: 1px solid transparent;
    color: #5c351c;
    font-size: 13px;
}

/* iframe höher */
@media (min-width: 768px) {
    .iframewrap {padding-bottom: 76.25%;padding-top: 25px;}
}

/* =NAVIGATION ======================== */

@media (max-width: 1199px) {
    .container-nav {
        background: rgb(193, 205, 0);
        max-width: 100%;
    }
}


/* ul 1. Ebene */
.navbar {
    padding-top: 0;
}
button.navbar-toggler {
    color: #fff;
    font-size: 26px;
    outline: none !important;
    border: none;
}
@media (min-width: 1200px) {
    .navbar-expand-xl .navbar-collapse {
        display: block!important;
    }
    .navbar-expand-xl .navbar-nav {
        justify-content: space-between;
    }
}

/* links 1. ebene */
.navbar-default .navbar-nav>li>a {
    border-radius: 0 0 10px 10px;
    text-align: center;
    font-family: 'Lobster Two', cursive;
    color: #5d361d;
    font-size: 20px;
}
.navbar-default .navbar-nav>li.dropdown:hover>a,
.navbar-default .navbar-nav>li.dropdown:focus>a {
    border-radius: 0;
    background: rgb(193, 205, 0);
}
.navbar-default .navbar-nav>li>a:hover, 
.navbar-default .navbar-nav>li>a:focus, 
.navbar-default .navbar-nav>.active>a, 
.navbar-default .navbar-nav>.active>a:focus, 
.navbar-default .navbar-nav>.active>a:hover, 
.pid4048 .navbar-default .navbar-nav>li:first-child>a {
    color: #fff;
    background-color: #c1cd02;
}  
.navbar-default span.dropdown-toggle {
    margin-left: 7px;
    font-size: 16px;
}
@media (min-width: 1200px) {
    .navbar-expand-xl .navbar-nav .nav-link {
        padding-right: 15px;
        padding-left: 15px;
    }  
    .navbar-default a + span.dropdown-toggle {
        display: none;
    }
}
@media (max-width: 1199px) {
    .navbar-default span.dropdown-toggle {
        margin-left: 15px;
        font-size: 20px;
    }
    .navbar-default a span.dropdown-toggle {
        display: none;
    }
    .navbar-default li.nav-item {
        text-align: center;
    }
    .navbar-default a {
        display: inline-block;
    }
    .navbar-default .dropdown-menu {
        background: none;
        border: none;
    }
    .navbar-default .dropdown-menu li {
        text-align: center;
    }
}


/* 2. Ebene */
.navbar ul.navbar-nav > li > ul a:link,
.navbar ul.navbar-nav > li > ul a:visited {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #fff;
    white-space: nowrap;
}
@media (min-width: 1200px) {
    .navbar ul.navbar-nav > li:hover > ul {
        display: block;
    }
    .navbar ul.navbar-nav > li > ul {
        background: rgb(193, 205, 0);
        margin: 0;
        padding: 10px 0;
        list-style: none;
        border-radius: 0px 15px 15px 13px;
        border: 3px solid #fff;
        border-top: 0px;
        z-index: 1000;
        left: -3px;
    }
}

/* =CONTENT ELEMENTS ======================== */
a.button:link, 
a.button:visited,
.powermail_submit,
.btn {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    display:block;
    background: #c1cd00;
    width:100%;
    padding:3px 0;
    text-align:center;
    color:#fff;
    text-decoration:none;
    border:1px solid transparent;
    border-radius:4px;
    transition: all .3s ease-in-out;
}
a.button:hover, a.button:focus {
    -webkit-transform: scale(1.01);
    -moz-transform: scale(1.01);
    -ms-transform: scale(1.01);
    -o-transform: scale(1.01);
    transform: scale(1.01);
}
p a.button:link,
p a.button:visited {
    display: inline-block;
    width: auto;
    padding: 3px 15px;
}
.dce-buttons a:link,
.dce-buttons a:visited {
    margin-bottom: 15px;
    background: #c1cd00;
    color: #5c351c;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border: 0px solid transparent;
    padding: 6px 20px 7px;
    height: auto;
}

/* buttons urlaub */
.pid4067 div.dce-buttons {position:absolute;bottom:0;left:0;width:100%;}
.pid4067 div.dce-buttons a.button:link, 
.pid4067 div.dce-buttons a.button:visited {
    margin-bottom:15px;
    height: auto;
    background:#c1cd00;
    color:#5c351c;
    padding:7px 0;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border: 0px solid transparent;
    font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 16px;
    font-weight: normal;
}
.pid4067 div.dce-buttons a.button:hover, .pid4067 div.dce-buttons a.button:focus,.pid4067 .dce-buttons input:hover, .pid4067 .dce-buttons input:focus {background:#a8b200;}
.pid4067 .dce-buttons input {width:100%;}

/* buttons unterkunft */
.unterkunft .dce-buttons a:link,
.unterkunft .dce-buttons a:visited {
    background: #5c351c;
    color: #fff;
    font-family: 'Lobster Two', cursive;
    width: auto;
}


/* galerie unterkunft */
.unterkunft .dce-image-galerie {
    margin-bottom: 50px;
}
.unterkunft .dce-image-galerie::after {
    content: '';
    display: block;
    clear: both;
}
.unterkunft .dce-image-galerie .row {
    margin-left: -5px;
    margin-right: -5px;
}
.unterkunft .dce-image-galerie .row > div {
    padding-left: 5px !important;
    padding-right: 5px !important;
    padding-bottom: 10px;
}
.unterkunft .dce-image-galerie .row > div:first-child {
    width: 100%;
    max-width: 100% !important;
    flex: 0 0 100%;
}

/* galerie schaufenster */
.schaufenster .dce-image-galerie .row > div {
    padding-bottom: 10px;
}
.schaufenster .dce-image-galerie .col-lg-4 {
    padding-right: 5px;
    padding-left: 5px;
}


/* slideshow */
.dce-image-galerie .slideshow {
    position: relative;
    margin-bottom: 0;
}
.dce-image-galerie .slideshow .image {
    border-radius: 15px 15px 0 0;
    overflow:hidden;
}
.dce-image-galerie .slideshow img {
    width: 100%;
}
.dce-image-galerie .slick-dots {
    position: absolute;
    bottom:15px;
    left: 20px;
    z-index: 1000;
}
.dce-image-galerie .slick-dots button {
    display: block;
    text-indent: -9999px;
    overflow: hidden;
    background: none;
    float: left;
    width: 15px;
    height: 15px;
    margin-right: 10px;
    border-radius: 15px;
    border: 1px solid #fff;
    color: transparent;
}
.dce-image-galerie .slick-dots .slick-active button {
    background: #fff;
}
@media (min-width:768px) {
    .dce-image-galerie .slideshow {
        max-width: 600px;
    }
}

.dce-gmaps {
    margin: 2rem 0;
}
.dce-gmaps .btn {
    background:#5c351c;
    width: auto;
    padding: 4px 15px;
}



/* =SPECIAL PAGES ====================== */
.pid57 h1 {color:#fff;margin-bottom:5px;font-weight:400;}
.pid57 h1 + p {color:#fff;}
.pid58 h1,
.pid4067 h1 {color:#fff;font-weight:400;}
/* urlaub */
.pid4067 .row-3col > div:nth-child(3) {position:relative;}
.pid4067 h2 {margin:0 0 30px;font-size:28px;font-family: 'Lobster Two', cursive;color:#ca4e33;}
.pid4067 .row-3col > div:nth-child(3) p a:link, 
.pid4067 .row-3col > div:nth-child(3) a:visited {font-size:22px;font-family: 'Lobster Two', cursive;color:#5c351c;}


div.action {text-align:center;}
a.anfragebutton:link, 
a.anfragebutton:visited {display:inline-block;margin:20px auto;padding:5px 40px;font-family:'Lobster Two', cursive;font-size:19px;
    background: #5c341c;
    color: #fff;
    border-radius: 10px 10px 0px 0px;
    -moz-border-radius: 10px 10px 0px 0px;
    -webkit-border-radius: 10px 10px 0px 0px;
    border: 0px solid transparent;
    float: right;
    width: auto;
    margin-top: 13px;
    padding: 5px 15px;
}



/* wohnungen */
@media (min-width: 768px) {
.col-text,
.col-gallery {width:33%;}
.col-info {width:33%;}
}

.preisbox {margin-bottom:20px;padding: 10px;background: #d6d956;border-radius: 13px;color: #5c351c;font-size: 13px;}
.preisbox th {padding-right:10px;font-weight:normal;}


/* oh wie nett */
.pid4079 #content .col-md-6:first-child {
    display: flex;
    align-items: flex-end;
}


/* impressum */
.pid4057 #content .col-md-7 {
    display: flex;
    align-items: flex-end;
}

/* =OTHER ======================== */
.hotline {font-family:'Lobster Two',cursive;font-size:17px;position: absolute;top: 10px;right: 15px;letter-spacing: 1px;color:#5c351c;}
.hotline span.glyphicon {margin-right:7px;}
.hotline a:hover {
    text-decoration: none;
}
@media (min-width: 768px) {
	.hotline {top: 20px;}
}


footer, footer a:link, footer a:visited {color:#865333;}
.address {}
ul.musthave {float:right;list-style:none;padding:0;margin:0;}
ul.musthave li {float:left;margin-left:10px;}
ul.musthave a:link, ul.musthave a:visited {text-decoration:none;}
ul.musthave a:hover, ul.musthave a:focus {text-decoration:underline;}





/* =EXTENSIONS ======================== */
/* POWERMAIL */
.tx-powermail {width:95%;}
main .tx-powermail .powermail_fieldset {
    background: none;
    padding-top: 25px;
}
.tx-powermail .col-md-12 {
    padding: 0;
}
.tx-powermail label.col-sm-2 {
    padding-left: 0;
}
.tx-powermail h3 {display:none;}
.tx-powermail legend {display:none;}
.tx-powermail label {width:100%;font-weight:normal;}
.tx-powermail .powermail_fieldwrap_anreisetag label span,
.tx-powermail .powermail_fieldwrap_abreisetag label span {
    font-size: 0.8em;
    opacity: 0.8;
    display: block;
}
.tx-powermail input.powermail_input,
.tx-powermail textarea {width:95%;border: none;padding:3px 5px;}
.tx-powermail .powermail_check_outer label {float:none;width:auto;}
.powermail_checkbox {margin-right:5px;}

.powermail_submit,
.powermail_submit:hover {
    width: auto;
    padding: 5px 15px;
    background: #5c351c;
}
.powermail_submit:hover {
    opacity: 0.8;
}

/* anfrage */
.powermail_fieldwrap_type_check label {
    width: 100% !important;
}

#content ul.parsley-errors-list {margin-left:220px;list-style: none;list-style-position: inside;padding: 0;color: #c00;font-size: 14px;}
#content ul.parsley-errors-list {margin-left: 0px;}
.tx-powermail input.parsley-error {box-shadow: inset 0 0 0 2px #c00;}
.tx-powermail textarea.parsley-error {box-shadow: inset 0 0 0 2px #c00;}
ul.parsley-errors-list {position: relative;}
.powermail_fieldwrap {position: relative;margin-top: 2px;margin-bottom: 25px;}

@media (min-width: 768px) {
    .tx-powermail {width:670px;}
    .tx-powermail input.powermail_input,
    .tx-powermail textarea {width:350px;border: none;}
    .tx-powermail label {float:left;width:220px;}
    .powermail_check_outer  {margin-left:220px;}
    ul.parsley-errors-list {position: absolute; top: 0; left: 580px;white-space: nowrap;}
}


@media (min-width: 980px) {
    .tx-powermail input.powermail_input,
    .tx-powermail textarea {width:450px;border: none;}
    ul.parsley-errors-list {position: absolute; top: 0; left: 680px;white-space: nowrap;}
}