/******************************************************************************
 *
 * FONTS
 *
 ******************************************************************************/

@font-face{
    font-family: 'Splendid';
    src:url(../fonts/splendid.eot);
    src:url(../fonts/splendid.eot?#iefix) format('embedded-opentype'),
    url(../fonts/splendid.woff) format('woff'),
    url(../fonts/splendid.ttf) format('truetype');
    font-weight:normal;
    font-style:normal;
}


/******************************************************************************
 *
 * BACKGROUNDS
 *
 ******************************************************************************/

body {
background: #fffbf9;
background: -moz-linear-gradient(top,  #fffbf9 0%, #efd0ba 100%);
background: -webkit-linear-gradient(top,  #fffbf9 0%,#efd0ba 100%);
background: linear-gradient(to bottom,  #fffbf9 0%,#efd0ba 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffbf9', endColorstr='#efd0ba',GradientType=0 );

}

#wrapper {
    background-color: #fff;
    box-shadow: 0 0 3px rgba(0,0,0,.2);
}

html {
  min-height: 100%;
}

body {
    margin-top: 0
}

#wrapper {
    padding-top: 15px;
}


/******************************************************************************
 *
 * ANFAHRT
 *
 ******************************************************************************/

iframe {
    width: 100%;
    max-height: 95%;
}


/******************************************************************************
 *
 * SLIDER
 *
 ******************************************************************************/

.view-slider {
    margin-bottom: 15px;
}

.view-slider img {
    border: 1px solid #3b8476;
}


.view-slider .view-content {
  position: relative;
}

.view-slider .views-row {
  position: absolute;
  inset: 0;
  opacity: 0;
  transition-property: opacity;
  transition-timing-function: ease-in-out;
}

.view-slider .views-row:first-of-type {
  opacity: 1;
}

.view-slider .views-row:first-child {
  position: relative;
}

/******************************************************************************
 *
 * FLOATING KONTAKT
 *
 ******************************************************************************/

.view-floating-kontakt {
    margin-top: 20px;
    border: 1px solid #3b8476;
    padding: 10px;
    background-image: url('../pics/fotolia_53833882.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50% 50%;
}


/******************************************************************************
 *
 * DEFAULT-COLOR-OVERRIDE
 *
 ******************************************************************************/

/*
    Standard: #3b8476
    abgedunkelt: #337165
    komplementär: #cf895c
*/

a {
    color: #3b8476;
}

.cdcolor {
    color: #3b8476;
}

a:hover {
    color: #337165;
}

.btn-primary {
    background-color: #3b8476;
    border-color: #337165;
}

.btn-primary:hover {
    background-color: #337165;
}

h2, h3, h4, h5, h6 {
    color: #3b8476;
}

body {
    font-size: 16px;
}

/******************************************************************************
 *
 * LOGO-HEADER
 *
 ******************************************************************************/

#pawleft {
    width: 100px;
    height: 100px;
    float: left;
    background-image: url('../pics/doppeltatze-links-grau.png');
    background-repeat: no-repeat;
    background-size: contain;
}

#pawright {
    width: 100px;
    height: 100px;
    float: right;
    background-image: url('../pics/doppeltatze-links-grau.png');
    background-repeat: no-repeat;
    background-size: contain;
    transform: scaleX(-1);
}

#logobar {
    text-align: center;
    border-top: 3px solid #3b8476;
    border-bottom: 3px solid #3b8476;
    font-family: Splendid;
    font-size: 70px;
    margin-bottom: 40px;
    padding: 5px 0;
}

@media screen and (max-width: 700px) {
    #pawleft,
    #pawright {
        width: 50px;
        height: 50px;
    }

    #logobar {
        font-size: 40px;
    }
}

#logobar .subline {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 20px;
    font-style: italic;
    margin-top: -20px;
}

#headcontainer {
    width: 100%
}


/******************************************************************************
 *
 * HAUPTMENU
 *
 ******************************************************************************/


.region-sidebar-first #block-dreamdog-main-menu li {
    display: block;
    border-bottom: 1px solid #337165;
    float: none;
}

.region-sidebar-first #block-dreamdog-main-menu li a {
    background-image: url('../pics/tatze.png');
    background-repeat: no-repeat;
    background-position: 5px 50%;
    padding-left: 35px;
    font-weight: bold;
}

.region-sidebar-first #block-dreamdog-main-menu ul {
    float: none;
}

.region-sidebar-first #block-dreamdog-main-menu li:first-of-type {
    border-top: 1px solid #337165;
}


/******************************************************************************
 *
 * BACK TO TOP
 *
 ******************************************************************************/

#backtotop {
    position: fixed;
    bottom: 5px;
    font-size: 40px;
    display: none;
}


/******************************************************************************
 *
 * PAGE-HEADER
 *
 ******************************************************************************/

.page-header {
    font-family: Splendid;
    font-size: 4em;
    color: #3b8476;
    text-shadow: 2px 2px 5px rgba(0,0,0,.2);
}

@media screen and (max-width: 7680px) {
    .page-header {
        font-size: 3em;
        margin-top: 15px;
    }
}

/******************************************************************************
 *
 * PAGE (BACKGROUND,...)
 *
 ******************************************************************************/

.main-container {
    background-image: url('../pics/background.png');
    background-repeat: no-repeat;
    background-position: right bottom;
    padding: 0;
    width: 100%;
}

.footer {

}


/******************************************************************************
 *
 * FOOTER
 *
 ******************************************************************************/

.footer {
    border-top: 3px solid #3b8476;
  width: 100%;
}

#block-dreamdog-footer {
    text-align: right;
}

#block-dreamdog-footer ul li {
    display: inline-block;
}


/******************************************************************************
 *
 * MEDIA ONLY PRINT
 *
 ******************************************************************************/

@media only print {
    #block-dreamdog-search,
    a.nav-toggle,
    #burgermain,
    nav {
        display: none;
    }

    .main-container > .row > aside,
    .main-container > .row > section {
        float: none;
        width: 100%;
    }

    #logobar {
        margin-bottom: 10px;
    }

    #block-views-block-floating-kontakt-block-1 {
        margin-top: 0;
        margin-bottom: 15px;
    }
}