*{
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}

html {
    margin: 0;
    padding: 0;
    }

body{
    background-image: url(images/backgrounds/grey-ricepaper.png);
    background-repeat: repeat;
    margin: 0;
    padding: 0;
    font-family: 'OpenSansLight', sans-serif;
    position: relative;
}

.shadow{
-moz-box-shadow:    0px 0px 50px rgb(150,150,150);
-webkit-box-shadow: 0px 0px 50px rgb(150,150,150);
box-shadow:         0px 0px 50px rgb(150,150,150);}

section{
    overflow: hidden;
    display: block;
}
ul.slides{
    padding:0;
    overflow: hidden;
}
ul.daughter{
    display: block;
}
ul.daughter li{
    display: inline-block;
    color: white;
}

.breadcrumbs{
    padding: 8px 14px;
    font-size: 80%;
    font-weight: 300;
}
.breadcrumbs span{
    margin:0 10px;
}
.breadcrumbs span:first-child{
    margin: 0px 10px 0 0;
}

.breadcrumbs a:hover{
    text-decoration: underline;
}

.grid {
    position: relative;
    overflow: hidden;
}

.pagecontent{
    min-height: 1000px;
    position: relative;
    padding: 0 0px 40px 0px;
    background-color: rgba(235,229,219,0.75);
}

.special td.column-2{
    text-align: right;
}

.infoarea{
    position: relative;
    width: 100%;
    min-height: 425px;}

/*::selection { background: #e0ff33; color: #486f06; }
::-moz-selection { background: #e0ff33; color: #486f06; }*/

.footer{
    padding: 20px;
    background-color: white;
    color:grey;
    overflow: hidden;
    width: 100%;
    background-color: white;
    position: relative;
    border-top: 3px solid rgb(139,115,85);
}


.footer a{
    color: #917f73!important;
    width: 100%;
    font-size: 12px;
}
.footer a:hover{
    color:rgb(52,99,157)!important;
}
.footerbild{
    position: absolute;
    width: 280px;
    bottom: -15px;
    overflow: hidden;
    z-index: 999;
}
.footerbild img{
    width: 100%;
    height: auto;
}
.footernav{
   padding-left: 25%;
   width: 100%;
   overflow: hidden;
}
.sponsornav{
   padding-left:50%;
   width: 100%;
   overflow: hidden;
}

.footerlogoholder{
    text-align: center;
}
.footerlogoholder img{
    max-width: 100%;
    vertical-align: middle;
}

.footerlogo img{
    width: 100%;
}

#menu-footer, #menu-footer2, #menu-footer3{
    margin-top: 0;
    padding-left:0;
}

.row {
    padding: 20px 0 20px 0;
    margin-bottom: 1em;}

.subheadline p{
    text-transform:none!important;
}

.subheadline a:hover{
    background-color: rgb(90,115,16);
    color: white;
}
.subheadline-sc{
    text-align: center;
    padding: 10px 40px;
    background-color: rgb(90,115,16);
}
.subheadline-sc p{
    color: white!important;
    text-transform:none!important;
}
.subheadline-wilhelms{
    text-align: center;
    padding: 10px 40px;
    background-color: rgb(160,92,7);
}
.subheadline-wilhelms p{
    color: white!important;
    text-transform:none!important;
}

.subheadline-hotel{
    text-align: center;
    padding: 10px 40px;
    background-color: rgb(167,34,38);
}
.subheadline-hotel p{
    color: white!important;
    text-transform:none!important;
}
.subheadline-forum{
    text-align: center;
    padding: 10px 40px;
    background-color: rgb(217,116,5);
}
.subheadline-forum p{
    color: white!important;
    text-transform:none!important;
}
.subheadline-sdw{
    text-align: center;
    padding: 10px 40px;
    background-color: #8B7355;
}
.subheadline-sdw p{
    color: white!important;
    text-transform:none!important;
}
.subheadline h2, .subheadline-sc h2{
    padding: 0 50px;
}
.keyvisual2{
    width: 100%;
    position: relative;
    overflow: hidden;
    min-height: 400px;
    background-size: cover!important;
}
.keyvisual{
width: 100%;
  position: relative;
  overflow: hidden;
  height: 350px;
}
.keyvisual div.slides{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-repeat: no-repeat;
    background-size: cover!important;
}

#headerlockup{
    padding:10px;
}

.menu-header-nav-container{
    text-align: left;
    width:100%;
    overflow: hidden;
    background-color: #8B7355;
/*    position:absolute;*/
    z-index: 999;
}
div.navigation{
    text-align: center;
    width:100%;
    background-color: #8B7355;
}

.menu-header-nav-container ul{
    display:inline;
    padding: 0;
}

.menu-header-nav-container ul li{
    display: inline-block;

}
.menu-header-nav-container a{
    color: white;
    padding:10px;
}
.menu-header-nav-container a:hover{
    color: rgb(164,42,42);
}
.menu-main-container{
    position: relative;
    width: 100%;
    z-index: 998;
}


ul#menu-main{
    margin: 0;
    padding: 0;
    width: 100%;
    display: table;
    text-align: center;
}
#menu-item-1921 ul{
    background-color:rgb(52,99,157);
}

#menu-item-2091 {
    width: 200px!important;
}

#menu-main li{
    list-style: none;
    display: table-cell;
    position: relative;
    padding: 8px 0;
}
#menu-main li a{
    text-decoration: none;
    color: white;
    text-transform: uppercase;
    text-align: center;
}
#menu-item-1803, #menu-item-1580, #menu-item-1659, #menu-item-1803 > ul, #menu-item-1580 > ul,#menu-item-1659 > ul, #menu-item-1807, #menu-item-1807 ul{
    background-color: rgb(90,115,16); /* science center wald colors*/
}
#menu-item-1803::after, #menu-item-1800::after, #menu-item-1802::after, #menu-item-1801::after, #menu-item-2091::after{
    display: block;
    color: white;
    font-size: 80%;
    font-family: 'OpenSansRegular', sans-serif;
}
#menu-item-1803::after{
        content: "Erlebnisausstellung";
}
#menu-item-1800::after{
        content: "Tagungen / Veranstaltungen";
}
#menu-item-1802::after{
        content: "Restaurant";
}
#menu-item-1801::after{
        content: "3 Sterne Superior";
}
#menu-item-2091::after{
        content: "Wälderhaus";
}



#menu-item-1800, #menu-item-1584, #menu-item-1660, #menu-item-1584 > ul, #menu-item-1800 > ul, #menu-item-1804, #menu-item-1804 ul, #menu-item-1800 ul li{
    background-color: rgb(217,116,5);  /*forum wald colors*/
}
#menu-item-1802, #menu-item-1585, #menu-item-1661, #menu-item-1585 > ul, #menu-item-1802 > ul, #menu-item-1806, #menu-item-1806 ul{
    background-color: rgb(160,92,7); /*restaurant colors*/
}
#menu-item-1801, #menu-item-1586, #menu-item-1662, #menu-item-1586 > ul, #menu-item-1801 > ul, #menu-item-1805, #menu-item-1805 ul{
    background-color: rgb(167,34,38); /*hotel colors*/
}
#menu-item-1921, #menu-item-1663, #menu-item-1921 > ul, #menu-item-1978 ,#menu-item-1978 > ul, #menu-item-2091, #menu-item-2091 > ul, #menu-item-2091 > ul li ul, #menu-item-2093, #menu-item-2093 > ul{
    /*background-color:rgb(52,99,157);   /*sdw blue color*/
    background-color:#8B7355; /*hdw brown color*/
}

#menu-main li ul{
    -webkit-transition: max-height 1s;
    -moz-transition: max-height 1s;
    -ms-transition: max-height 1s;
    -o-transition: max-height 1s;
    transition: max-height 1s;
    width: 100%;
    display: none;
    z-index: 997;
    position: absolute;
    top:100%;
    left:0;
    box-shadow: 0px 3px 2px rgba(0, 0, 0, 0.2);
    padding:0;
}
#menu-main li ul li{
    display: list-item;
}

#menu-main li ul li a{
    line-height: 12px;
    font-size: 12px;
    color: white;
    padding: 10px 5px;
    display: block;
}

#menu-item-1616 > ul{
    width: 200%!important;

}
#menu-item-1616 > ul li {
    text-align: left!important;
}
#menu-main li:hover > ul{
    -webkit-transition: max-height 1s;
    -moz-transition: max-height 1s;
    -ms-transition: max-height 1s;
    -o-transition: max-height 1s;
    transition: max-height 1s;
    display: block;
}
#menu-main li ul li:hover{
    background-color: #2d5493;
}

.menu-main2-container{
    display: none;
    width: 100%;
    position: relative;
    z-index: 998;
    box-shadow: 0px 3px 2px rgba(0, 0, 0, 0.2);
}
ul#menu-main2{
    margin: 0;
    background-color: white;
    padding: 0;
    width: 100%;
    display: table;
    text-align: center;
}
#menu-main2 li{
    list-style: none;
    padding: 10px 2.5%;
}
#menu-main2 li a{
    text-decoration: none;
    color: white;
    text-transform: uppercase;
    text-align: center;
}
#menu-main2 li ul{
    -webkit-transition: max-height 1s;
    -moz-transition: max-height 1s;
    -ms-transition: max-height 1s;
    -o-transition: max-height 1s;
    transition: max-height 1s;
    max-height: 0px;
    overflow: hidden;
    width: 100%;
    position: relative;
    padding:0;
}
#menu-main2 li:hover > ul{
    -webkit-transition: max-height 1s;
    -moz-transition: max-height 1s;
    -ms-transition: max-height 1s;
    -o-transition: max-height 1s;
    transition: max-height 1s;
    max-height: 400px;
}


#menu-main2 a:hover < ul{
    background-color: green;
}

#navigationarea{
    position: relative;
    background-image: url(images/backgrounds/brown-ricepaper.png);
    background-repeat: repeat;
    height: 130px;
    width: 100%;
    top: 0px;
    margin: 0 0 75px 0;}

#mehrlesen{
    position: absolute;
    bottom: 10px;
    right: 10px;
}

.rounded-corners{
    border-radius: 15px 0 25px 0;
    -webkit-border-radius: 15px 0 25px 0;
    -moz-border-radius: 15px 0 25px 0;}

.mastheadtext{
    position: absolute;
    bottom: 0px;
    color: white;
    padding: 20px 30px 10px 20px;
    font-size: 34px;}

#co2rechner{
    position: fixed;
    top: 150px;
    left: 50%;
    margin: 0 0 0 -329px;
    display: none;
    z-index: 998}

#close{
    width: 25px;
    height: 25px;
    overflow: hidden;
    background-image: url(images/close.png);
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
    margin: -15px -15px 0 0;}

#close:hover{
    background-position: -25px 0;}

#overlay{
    position: fixed;
    display: none;
    z-index: 997;
    top: 0px;
    left: 0px;
    height:100%;
    width:100%;
    background-color: rgba(0,0,0,0.85);}

.startbanner{
    position: absolute;
    z-index: 1001;
    top: 60%;
    width: 100%;
    padding: 40px 0 20px 0;
    background: url(images/backgrounds/hotel-paper.png) repeat;}

#overlaystart{
    position: fixed;
    display: block;
    z-index: 1000;
    top: 0px;
    left: 0px;
    height:100%;
    width:100%;
    background: url(images/backgrounds/roots01.png) no-repeat top right,
                url(images/backgrounds/roots02.png) no-repeat top left,
                url(images/backgrounds/roots03.png) no-repeat center left,
                url(images/backgrounds/grey-ricepaper.png) repeat;
    background-size: 50%, 45%, 50%;}


.excerpt{
    margin: 0 0 100px 0;}

.excerpt a{
    display: inline-block;}

.excerpt a:hover{
    text-decoration: underline;}

.double{
    -moz-column-count: 2;-moz-column-gap: 20px;-webkit-column-count: 2;-webkit-column-gap: 20px;}
.triple{ -moz-column-count: 3;-moz-column-gap: 20px;-webkit-column-count: 3;-webkit-column-gap: 20px;}

.tabcontainter{
-webkit-column-break-inside:avoid;
-moz-column-break-inside:avoid;
-o-column-break-inside:avoid;
-ms-column-break-inside:avoid;
column-break-inside:avoid;}

.textcontainer{
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
    position: relative;
    overflow: hidden;
    width: 100%;
    padding: 20px 0;
    margin: 0 0 50px 0;}

.textwidget img{
    width: 100%;
    height: auto;
}

.alpha80 {
background: rgb(255, 255, 255); /* The Fallback */
background: rgba(255, 255, 255, 0.8);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99ffffff', endColorstr='#99ffffff'); /* IE */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99ffffff', endColorstr='#99ffffff')";}

.thumbnail{
    position: relative;
    display: block;
    height: 170px;
    width: 100%;
    margin: 0 0 5px 0;
    overflow: hidden;}

.thumbnail img{
    width: 100%;
    height: 100%;}

.rightside li, .leftside li{
    list-style: none;}

#copyright{
    width: 100%;
    text-align: center;
}
#copyright p{
    font-family: Arial;
    font-size: 11px;
        color: rgb(120,104,84);
       text-decoration:none;
}

table.wp-table-reloaded{
    width: 100%;}

.widget{
    background-color: white;
    padding: 20px;
}

/*.widget img{
    width: 100%;
    height: auto;
}
*/


a img:hover{
    opacity: 0.7;
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
}

img.full{
    width: 100%;
    height: auto;
}

.widget_widget_sp_image img{
    width: 100%;
    height: auto;
}
.widget_sp_image-description p{
    font-family: 'OpenSansLightItalic', sans-serif;
    font-size: 0.9em;
}

.wp-table-reloaded{
/*    -moz-box-shadow:    5px 5px 25px rgb(150,150,150);
    -webkit-box-shadow: 5px 5px 25px rgb(150,150,150);
    box-shadow:         5px 5px 25px rgb(150,150,150);*/
    border-spacing: 0px;
    background-color: rgb(160,145,130);}

.wp-table-reloaded th{
    padding: 10px;
    font-family: 'OpenSansLightItalic', sans-serif;
    font-size: 14px;
    line-height: 18px;
    color: white;
    text-align: left;}

.wp-table-reloaded .even{
    background-color: rgb(150,135,120);}

#wp-table-reloaded-id-5-no-1 .column-1{
        border-right: dashed 1px rgb(120,104,84);
        width: 15%;}

.wp-table-reloaded tr td{
    border-bottom: dashed 1px rgb(120,104,84);
    padding: 10px;
    color: white;
    font-family: 'OpenSansRegular', sans-serif;
    font-size: 14px;}
.wp-table-reloaded tr:last-child td{
    border-bottom: none;
}
.col{
    float: left;
}
.col100{
    width: 100%;
    float: left;
}
.col60{
    width: 60%;
}
.col50{
    width: 50%;
}
.col40{
    width: 40%
}
.col33{
    width: 33.333%
}
.col25{
    width: 25%;
}
.col20{
    width: 20%;
    float:left;
}
.split{
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
}

input, textarea{
    width: 100%;
}

#mobileslideme{
    display: none;
}

@media
only screen and (min-device-width: 320px) and (max-device-width: 986px),
only screen and (min-width: 320px) and (max-width: 986px) {

.pagecontent{
    position: relative;
    padding: 0!important;
    background-color: #eae5d7;
}
div.footer > div > div.col.col60 > div:nth-child(3) > li, .menu-footer-container li, .menu-footer2-container li, .menu-footer3-container li, .menu-footer3-container{
    text-align: center!important;
}

.footernav, .sponsornav{
   padding-left: 0;
   width: 100%;
}

#menu-header-nav{
    display:none;
}

#menu-slidemenu{
    text-align: center;
}

#menu-slidemenu li{
    display: list-item!important;
}
#menu-slidemenu li a{
    display: block;
    padding: 5px;
}
#menu-slidemenu li a:hover{
    background-color: rgb(52,99,157);
    color: white!important;
}

#mobilenav{
    display:none;
    overflow: hidden;
    width: 100%;
    position: relative;
    z-index: 9999;
}

#mobileslideme{
    display: block;
    text-align: left!important;
}

.menu-main-container{
    display: none;
}
.menu-main2-container{
    display: block;
}
#navigationarea{
    height: 280px;
}

.textcontainer{
    padding: 20px;
}

.mwm-aal-container{
    display: none;
}

.mainnav{
    width: 450px;
}

.col{
    float:right;
}

.col75{
    width: 100%;
}
.col50, .col60 {
    width: 100%;
}

.col20{
    width: 100%;
}
.col25{
    width: 100%;
}
.col33{
    width: 100%;
}
.footernav, .footerlogo{
    width: 100%;
}
.footerbild{
    display: none;
}
.footerlogo img{
    float:;
}

.rundgangnav li{
    float: left;}

.double{
    -moz-column-count: 1;-webkit-column-count: 1;}
.triple{
    -moz-column-count: 2;-webkit-column-count: 2;}
}

@media
only screen and (min-device-width: 987px) and (max-device-width: 1236px),
only screen and (min-width: 987px) and (max-width: 1236px) {

    nav ul li a {
    padding: 20px 8px;}
}

h2{
    text-transform: none!important;
    margin: 0!important;
}

a.slideIt{
    display: block;
    color: white!important;
    background-color: #2d5493;
    -webkit-border-radius: 50%;
    -moz-webkit-border-radius: 50%;
    -ms-webkit-border-radius: 50%;
    -o-webkit-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    top: 10px;
    left: 10px;
    line-height: 1.6em;
    padding: 0.2em;
    text-align: center;
    height: 2em;
    width: 2em;
}
a.slideIt:hover{
    background-color: rgb(164,42,42);
    color: white;
}

.fbwrapper{
    position: absolute!important;
    top: 5px;
    right: 10px!important;
    float: right!important;
}

div.address{
    display: none;
}
.gallery-columns-2 dl{
    width: 50%;
    float: left;
}
.gallery-columns-2 dt{
    padding: 40px;
}
.gallery-item img{
    width: 100%;
    height: auto;
}
strong{
    font-family: 'OpenSansRegular', sans-serif;
    font-weight: 600;
}