body {
    font-family: 'Caveat', cursive;
    font-family: 'Roboto', sans-serif;
}

header {
    background-color: #00afd3;
    width: 100%;
    height: 130px;
    position: fixed;
    z-index: 9999;
}

.memories {
    width: 100%;
    background-repeat: repeat-x;
    background-position: center;

}

img.error {
    margin-bottom: 30px;
}

.top {
    height: 27px;
    background-image: url(../img/memories_top.png);
}

.middle {
    height: 73px;
    background-image: url(../img/memories_middle.png);
    margin-bottom: 30px;
}

.bottom {
    height: 73px;
    background-image: url(../img/memories_bottom.png);
    margin-top: 30px;
}

.logo {
    width: 230px;
    height: 140px;
    background-color: #ffffff;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.25);
    -moz-box-shadow:    0px 0px 10px 0px rgba(50, 50, 50, 0.25);
    box-shadow:         0px 0px 10px 0px rgba(50, 50, 50, 0.25);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -moz-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
    -webkit-transform: rotate(-3deg);
    margin-top: 15px;

}

.logo img {
    padding-top: 25px;

}

.mood {
    background-image: url(../img/mood_dummy.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center 130px;
    width: 100%;
    height: 690px;
    background-attachment: fixed;
}

/*---ALLGEMEINE STYLES---*/

h1,h2,h3,h4,h5,h6,ul,li,a,span {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

/*---METANAVIGATION---*/

.metanavigation {
    font-family: 'Caveat', cursive;
    font-weight: 700;
    float: right;
    font-size: 18px;
    text-transform: uppercase;
    padding-top: 15px;
}
.metanavigation > li {
    float: left;
}

.metanavigation > li:after {
    content: "|";
    color: #ffffff;
}

.metanavigation > li:last-of-type:after {
    content: "";
}

.metanavigation > li > a {
    color: #ffffff;
    padding: 0 5px;
}

.metanavigation > li > a:hover,
.metanavigation > li.current-menu-item > a {
    text-decoration: underline;
}


/*---HAUPTNAVIGATION---*/

.hauptnavigation {
    font-family: 'Caveat', cursive;
    font-weight: 700;
    float: right;
    font-size: 26px;
    padding-top: 15px;
}

.hauptnavigation > li {
    float: left;
    margin: 0 2px;
}

.hauptnavigation > li:last-of-type {
    padding-right: 0px;
}

.hauptnavigation > li {
    /*padding-bottom: 15px;*/
}

.hauptnavigation > li > a {
    color: #ffffff;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    transition: all 0.2s ease;
    padding: 0 10px;
}

.hauptnavigation > li:hover,
.hauptnavigation > li.current-menu-item,
.hauptnavigation > li.current-menu-ancestor {
    text-decoration: none;
    background-color: #fab400;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.hauptnavigation > li:hover a,
.hauptnavigation > li.current-menu-item a,
.hauptnavigation > li.current-menu-ancestor a {
    text-decoration: none;
}

.hauptnavigation > li.menu-item-has-children {

}

.hauptnavigation > li.current-menu-item {
    padding-bottom: 0px;
}

.hauptnavigation > li.menu-item-has-children:hover {
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-left-radius: 0px;
    -webkit-border-bottom-right-radius: 0px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomleft: 0px;
    -moz-border-radius-bottomright: 0px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    padding-bottom: 15px;
}

.hauptnavigation > li > .sub-menu {
    display: none;
    position: absolute;
    background-color: #fab400;
    padding: 30px 10px;
    margin-top: 4px;
    -webkit-border-top-left-radius: 0px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    border-top-left-radius: 0px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.hauptnavigation > li:hover > .sub-menu {
    display: block;
}

.hauptnavigation > li > .sub-menu > li:hover a {
    text-decoration: underline;
}

.hauptnavigation > li > .sub-menu > li > a {
    color: #ffffff;
    font-size: 22px;
}

.hauptnavigation > li > .sub-menu > li.current-menu-item > a {
    text-decoration: underline;
}



/*---RESPONSIVE HAUPTNAVIGATION---*/

/*---Hamburger---*/
.responsive-navigation-button {
    float: right;
    font-size: 24px;
    color: #ffffff;
    margin-top: 60px;
}

/*---Responsive Navigation---*/

.responsive-navigation {
    display: none;
}

.responsive-hauptnavigation,
.responsive-metanavigation {
    font-family: 'Caveat', cursive;
    font-weight: 700;
    font-size: 26px;
    padding-bottom: 15px;
}

/*.responsive-hauptnavigation {
    background-color: pink;
}

.responsive-metanavigation {
    background-color: lime;
}*/

.responsive-metanavigation {
    border-top: 2px solid #ffffff;
    padding-top: 15px;
    font-size: 18px;
}

.responsive-hauptnavigation li,
.responsive-metanavigation li{
    text-align: right;

}

.responsive-hauptnavigation li a,
.responsive-metanavigation li a{
    color: #ffffff;
    padding: 0 10px;
}

.responsive-metanavigation li a{
    text-transform: uppercase;
}

.responsive-hauptnavigation li.current-menu-item a,
.responsive-metanavigation li.current-menu-item a{
    text-decoration: none;
    background-color: #fab400;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.responsive-hauptnavigation > li > .sub-menu {
    display: none;
    background-color: #fab400;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size: 20px;
    padding: 15px 0;
}

.responsive-hauptnavigation > li.current-menu-ancestor > .sub-menu {
    display: block;
}

.responsive-hauptnavigation > li.current-menu-ancestor > .sub-menu > .current-menu-item a {
    text-decoration: underline;
}

/*---KONTAKTFORMULAR---*/

input[type=text],
input[type=tel],
input[type=email],
select {
    width: 100%;
    height: 40px;
    border: 2px solid #00afd3;
    margin-bottom: 15px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 0 10px;
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    line-height: 24px;
    font-weight: 300;
    color: #00afd3;
}

textarea {
    width: 100%;
    height: 100px;
    resize: none;
    border: 2px solid #00afd3;
    margin-bottom: 15px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 10px;
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    line-height: 24px;
    font-weight: 300;
    color: #00afd3;
}

label {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    line-height: 26px;
    font-weight: 700;
    color: #00afd3;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

input[type=submit] {
    background-color: #00afd3;
    color: #ffffff;
    font-family: 'Caveat', cursive;
    font-weight: 700;
    font-size: 26px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    height: 50px;
    border: 0px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    transition: all 0.2s ease;
    width: 100%;
}

input[type=submit]:hover {
    background-color: #fab400;
}

/*---VALIDIERUNG---*/

.wpcf7-not-valid {
    border: 2px solid #ed6a00 !important;
}

span.wpcf7-not-valid-tip {
    display: none;
}

div.wpcf7-validation-errors {
    border: 0px !important;
}
div.wpcf7-response-output {
    margin: 0px !important;
    padding: 15px 15px !important;
    background-color: #ed6a00;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #ffffff;
    font-size: 16px;
}

div.wpcf7-response-output {
    border: 0px !important;
}






/*--BLOCKS---*/

article {
    padding: 0px 0 30px 0;
}

article.content {
    padding: 130px 0 0 0;
}

/*---TYPOGRAFIE---*/

h1 {
    font-family: 'Caveat', cursive;
    font-size: 36px;
    line-height: 36px;
    font-weight: 700;
    color: #00afd3;
    padding-bottom: 15px;
}


h2 {
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    line-height: 36px;
    font-weight: 700;
    color: #00afd3;
    padding-bottom: 10px;
}

.einleitung p {
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    line-height: 24px;
    font-weight: 300;
    color: #00afd3;
    padding-bottom: 8px;
}

p {
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    line-height: 22px;
    font-weight: 300;
    color: #00afd3;
    padding-bottom: 8px;
}


p a {
    font-weight: 700;
    color: #afca00;
    text-decoration: none;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

p a:visited,
p a:focus {
    color: #afca00;
    text-decoration: none;
}

p a:hover {
    color: #00afd3;
    text-decoration: none;
}

/*---CALL TO ACTION BOX---*/

.call-to-action {

}

.call-to-action a {
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    line-height: 24px;
    font-weight: 700;
    color: #afca00;
    display: inline-block;
    margin-bottom: 10px;
}

.call-to-action a:after {
    content: "";
    background-image: url("../img/link-arrow.png");
    background-size: cover;
    width: 17px;
    height: 17px;
    position: absolute;
    margin: 4px 0 0 10px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.call-to-action a:hover {
    color: #00afd3;
    text-decoration: none;

}

.call-to-action a:hover:after {
    background-image: url("../img/link-arrow_hover.png");
}

/*---BLÖCKE---*/

article ul li {
    color: #00afd3;
    padding-bottom: 15px;
    padding-left: 25px;
    font-size: 18px;
    line-height: 22px;
    font-weight: 300;
}

article ul li:before {
    content: "";
    background-image: url("../img/list-style.png");
    background-size: cover;
    width: 17px;
    height: 17px;
    position: absolute;
    margin: 1px 0 0 -25px;

}




/*---TEASER---*/
.teaser-block .teaser {
    margin-bottom: 15px;
}

.teaser-block img {
    margin-bottom: 15px;
}

/*--FOOTER---*/

footer {
    background-color: #fab400;
    padding: 20px 0;
}

footer p {
    color: #ffffff;
    font-weight: 300;
    font-size: 20px;
    line-height: 24px;
}

footer p span {
    display: block;
    padding-left: 35px;
    background-position: 0 4px;
}

footer p a {
    color: #ffffff;
    font-weight: 300;
}

footer p a:hover {
    color: #ffffff;
    text-decoration: underline;
}

span.phone {
    background-image: url("../img/icon-phone.png");
    background-repeat: no-repeat;
    background-size: 24px 18px;
}

span.mail {
    background-image: url("../img/icon-mail.png");
    background-repeat: no-repeat;
    background-size: 24px 18px;
}

.footer-end {
    border-top: 2px solid #ffffff;
    padding-top: 15px;
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    line-height: 24px;
    font-weight: 300;
    color: #ffffff;
}

.footer-end a {
    color: #ffffff;
}

.footer-end a:hover {
    text-decoration: underline;
}

.copyright {

}

.webdesignby {
    float: right;

}

/*---FACEBOOK-LINK---*/

.facebook {
    color: white;
    float: right;
    font-weight: 300;
    font-size: 20px;
    line-height: 24px;
}

.facebook:before {
    content: "";
    background-image: url("../img/icon_facebook.png");
    background-size: cover;
    width: 27px;
    height: 27px;
    position: absolute;
    margin-left: -35px;
    margin-top: -2px;
}

.facebook:hover {
    color: white;
    text-decoration: underline;
}

/*---SIDEBAR----*/

.sidebar {
    margin-top: 12px;
}

.sidebar h2:not(.post-title) {
    font-family: 'Caveat', cursive;
    font-size: 26px;
    line-height: 26px;
    font-weight: 700;
    color: #00afd3;
    padding-bottom: 13px;
}

.sidebar h3 {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    line-height: 20px;
    font-weight: 700;
    color: #00afd3;
    padding-bottom: 0px;
}

.sidebar p {
    font-size: 18px;
    line-height: 22px;
    color: #00afd3;
}

/*---TEASER IN SIDEBAR---*/

.teaser {
    margin-bottom: 30px;
    font-size: 16px;
    line-height: 20px;
}

.teaser-link a {

}

.teaser-link a {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    line-height: 20px;
    font-weight: 700;
    color: #afca00;
    display: block;
    margin-bottom: 10px;
}

.teaser-link a:after {
    content: "";
    background-image: url("../img/link-arrow.png");
    background-size: cover;
    width: 17px;
    height: 17px;
    position: absolute;
    margin: 2px 0 0 10px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.teaser-link a:hover {
    color: #00afd3;
    text-decoration: none;

}

.teaser-link a:hover:after {
    background-image: url("../img/link-arrow_hover.png");
}

.teaser img {
    margin: 10px 0;
}

/*---TABELLEN---*/

.tablepress thead tr th:first-of-type {
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    border-top-left-radius: 5px;
}

.tablepress thead tr th:last-of-type {
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    border-top-right-radius: 5px;
    text-align: right;
}

.tablepress tr th {
    background-color: #ed6a00 !important;
    font-size: 18px;
    line-height: 24px;
    font-weight: 700;
    color: #ffffff;

}

.tablepress tr td:last-of-type {
    text-align: right;
}

.tablepress tr td {

    font-size: 18px;
    line-height: 22px;
    font-weight: 300;

    color: #11acc2;
}

.tablepress tbody td,
.tablepress tfoot th {
    border: 0px !important;
}

.tablepress .odd td {
    background-color: #dbf3f9 !important;
}






/*---TEXT MARKIERUNG---*/

::-moz-selection {
    color:#FFFFFF;
    background: #ed6a00;
    text-shadow: none;
}

::selection {
    color:#FFFFFF;
    background: #ed6a00;
    text-shadow: none;
}

/*---COOKIE-HINWEIS---*/
/*Hier das obige Style für Villa Magnolia*/
.cc_banner-wrapper{

}
/* Hintergrund für den Streifen */
.cc_banner {
    background: #ffffff !important;
    /*border-top:2px solid black!important;
    padding:5px!important;*/
    -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.25);
    -moz-box-shadow:    0px 0px 5px 0px rgba(50, 50, 50, 0.25);
    box-shadow:         0px 0px 5px 0px rgba(50, 50, 50, 0.25);
}
/* Text - der gesamte Textstreifen */
.cc_message {
    /*font-family: Georgia,serif!important;
    font-weight:bold!important;
    color:darkgray!important;*/
    color: #00afd3 !important;
}
/*Text - Mehr Info */
.cc_message a:link,
.cc_message a:visited{
    /*color:#696969!important;
    text-decoration:underline!important;*/
    color: #afca00 !important;
}
.cc_message a:hover,
.cc_btn_accept_all a:hover {
    /*color:black!important;*/
}
.cc_more_info{}
/* Button */
.cc_btn {
    /*font-family:Georgia!important;
    font-weight:bold!important;
    background:none!important;
    border:1px solid darkgray!important;*/
    background: #afca00 !important;
    color: #ffffff !important;
}

.cc_container{

}
.cc_btn_accept_all {
    /*font-family:Georgia!important;*/
}

/*---GOOGLE RECAPTCHA---*/

.grecaptcha-badge {
    visibility: hidden;
}

/*---BLOG----*/

/*---SIDEBAR---*/
.sidebar {
    list-style: none;
    margin: 0;
    padding: 0;
}

.sidebar li {
    margin: 0;
    padding: 0;
}

.sidebar li:before {
    background: none;
    margin: 0;
    padding: 0;
}

.sidebar li ul {
    margin: 0 0 30px 0;
}

.sidebar li ul li a {
    display: block;
    color: #afca00;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    line-height: 20px;
    font-weight: 700;
}

.sidebar li ul li .post-date {
    font-size: 14px;
    margin-bottom: 10px;
    display: block;
}

/*---Blog-Einträge----*/

.blog-entry {
    margin-bottom: 15px;
    border-bottom: 1px solid #afca00;
    padding-bottom: 15px;
}

.blog-entry h2 {
    padding-bottom: 2px;
    line-height: 24px;
}

.more a {
    display: block;
    color: #afca00;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    line-height: 20px;
    font-weight: 700;
}

.more a:after {
    content: "";
    background-image: url("../img/link-arrow.png");
    background-size: cover;
    width: 17px;
    height: 17px;
    position: absolute;
    margin: 1px 0 0 10px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.date {
    font-size: 14px;
    margin-bottom: 0;
    display: block;
    font-weight: 300;
    color: #00afd3;
}

.more.overviewLink {
    margin-top: 30px;
}