a img { border: none; }
*
{
margin: 0;
padding: 0;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}
html {
height: 100%;
}
body, html
{
width: 100%;
}
body
{
font-family: "garamond-premier-pro-caption";
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 28px;
-webkit-font-smoothing: antialiased;
-webkit-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-o-text-size-adjust: 100%;
text-size-adjust: 100%;
}
header#navigation aside {
background-color: white;
font-family: "garamond-premier-pro-caption";
font-style: normal;
font-weight: 600;
text-align: center;
text-transform: uppercase;
font-size: 20px;
line-height: 26px;
color: #cc1c2f;
letter-spacing: 1px;
padding:20px 0 12px 0;
border-bottom:1px solid #cc1c2f;
}
header#navigation aside .subtitle {
font-size:19px;
padding-left:10px;
}
header#navigation aside a {
text-decoration: none;
color: #cc1c2f;
}
#header {
position: absolute;
bottom: 30%;
bottom: -webkit-calc(30% + 20px);
bottom: calc(30% + 20px);
height: auto;
width: 100%;
text-align: center;
}
#header.header_home {
bottom: 20%;
bottom: -webkit-calc(20% + 40px);
bottom: calc(20% + 40px);
}
.title {
width: 100%;
max-width: 1300px;
margin: 0 auto 0 auto;
height: auto;
font-family: "garamond-premier-pro-caption";
font-style: normal;
font-weight: 600;
text-align: center;
text-transform: uppercase;
font-size: 28px;
line-height: 34px;
color: white;
letter-spacing: 2px;
padding: 15px 0 15px 0;
}
.subtitle {
font-style: oblique;
text-transform: none;
letter-spacing: 1px;
font-size: 27px;
font-weight: 400;
color: #cc1c2f;
}
#navigation
{
width: 100%; position: -webkit-sticky;
position: sticky;
top: -60px;
text-align: center;
font-size: 0;
z-index: 4;
height: 120px;
}
#navigation .naviborder
{
display: inline-block;
width: 100%;
max-width: 1124px;
padding: 0;
}
#navigation ul#menu-navigation
{
width: 100%;
margin: 0 auto 0 auto;
list-style-type: none;
font-size: 0;
position: relative;
padding: 0 30px 0 30px;
background-color: white;
height: 60px;
max-width:1124px;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around;
}
.subnav
{
padding: 0 0 0 0;
background-color: white;
border-bottom: 1px solid #cc1c2f;
position: relative;
z-index: 9999;
top: 0;
left: 0;
width: 100%;
}
ul#submenu-navigation
{
width: 100%;
max-width: 1080px;
margin: 0 auto 0 auto;
list-style-type: none;
font-size: 0;
position: relative;
text-align: justify;
padding: 0 40px 0 40px;
background-color: white;
height: 60px;
}
#navigation ul#menu-navigation li, ul#submenu-navigation li
{
position: relative;
font-size: 10px;
color: #cc1c2f;
vertical-align: middle;
line-height: 62px;
}
#navigation ul#menu-navigation li a, ul#submenu-navigation li a
{
font-size: 14px;
line-height: 42px;
text-transform: uppercase;
letter-spacing: 1px;
font-family: "garamond-premier-pro-caption";
font-style: normal;
font-weight: 600;
text-decoration: none;
color: black;
white-space: nowrap;
}
#navigation ul#menu-navigation li a {
line-height: 62px;
padding: 0 15px;
}
ul.sub-menu li a {
line-height: normal;
}
ul#submenu-navigation li a {
color:black;
}
ul#submenu-navigation li { color: #cc1c2f; }
#navigation ul#menu-navigation li.current_page_item a, #navigation ul#menu-navigation li a:hover { color: #cc1c2f; }
ul#submenu-navigation li.current_page_item a, ul#submenu-navigation li a:hover { color: #cc1c2f; }
#navigation ul#menu-navigation li.current_page_item a, ul#submenu-navigation li.current a {
font-style: oblique;
text-transform: none;
letter-spacing: 1px;
font-size: 17px;
font-weight: 400;
}
#navigation ul#menu-navigation li.current_page_item ul.sub-menu li a,
#navigation ul#menu-navigation li ul.sub-menu li a
{
font-style:normal;
color:black;
font-size:14px;
text-transform: none;
font-weight: 400;
padding: 20px 0;
}
#navigation ul#menu-navigation li ul.sub-menu li:hover a,
#navigation ul#menu-navigation li ul.sub-menu li.current_page_item a
{
color:#cc1c2f;
}
#navigation ul#menu-navigation li.current_page_item ul.sub-menu li {
line-height:42px;
}
#navigation.black .naviborder { border: 12px double black; }
#navigation.black  ul#menu-navigation { background-color: black; }
#navigation.black ul#menu-navigation li a { color: white; }
#navigation ul#menu-navigation.menu {
position: relative;
}
#navigation ul#menu-navigation.menu li.menu-item-has-children ul.sub-menu {
display: none;
position: absolute;
background-color:white;
padding:10px 40px;
margin-top:-2px;
top: 60px;
}
#navigation ul#menu-navigation.menu li.menu-item-has-children:hover ul.sub-menu {
display: block;
}
#navigation ul#menu-navigation li.menu-item-has-children ul.sub-menu li {
display: block;
}
ul.sub-menu {
display: none;
}
.upli {
position: absolute;
right: 30px;
top: 17px;
color:#cc1c2f;
text-decoration:none;
opacity:0;
}
.subnav.fixy .upli {
opacity:1;
}
#tourstart
{
position: absolute;
z-index: 3;
bottom: 30px;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
text-align: center;
min-height: 45px;
max-width: 80% !important;
}
#tourstart a
{
font-size: 14px;
line-height: 20px;
text-transform: uppercase;
letter-spacing: 2px;
font-style: normal;
font-weight: 700;
text-decoration: none;
color: black;
display: inline-block;
background-color: white;
padding: 7px 20px 5px 20px;
vertical-align: top;
margin: 0 2px 0 2px;
white-space: nowrap;
border-top:1px solid #cc1c2f;
border-bottom:1px solid #cc1c2f;
}
.tourstart a
{
font-size: 14px;
line-height: 20px;
text-transform: uppercase;
letter-spacing: 2px;
font-style: normal;
font-weight: 700;
text-decoration: none;
color: #cc1c2f;
display: inline-block;
background-color: transparent;
padding: 7px 20px 5px 20px;
vertical-align: top;
margin: 0 2px 0 2px;
text-align: center;
hyphens: none;
-webkit-hyphens: none;
-moz-hyphens: none;
-ms-hyphens: none;
border:1px solid #cc1c2f;
text-decoration:none !important;
}
.tourstart a:hover {
color:white;
background-color:#cc1c2f;
}
h1
{
font-family: "garamond-premier-pro-caption";
font-style: normal;
font-weight: 600;
text-align: center;
text-transform: uppercase;
font-size: 28px;
line-height: 36px;
color: #cc1c2f;
letter-spacing: 2px;
}
h1.content_title {
font-style:italic;
text-transform:none;
font-weight:400;
letter-spacing:0;
font-family: "garamond-premier-pro-caption";
}
h2
{
font-family: "garamond-premier-pro-caption";
font-style: normal;
font-weight: 600;
text-align: center;
text-transform: uppercase;
font-size: 20px;
line-height: 26px;
color: black;
margin-top: 48px;
margin-bottom: 20px;
letter-spacing: 1px;
}
h3 {
margin-top: 0;
margin-bottom: 20px;
}
* + h3 {
margin-top:24px;
}
.content p + h3, .content ul + h3 {
margin-top:40px;
}
#homebg
{
width: 100%;
height: 80%;
text-align: center;
position: static;
top: 0;
bottom: 0;
z-index: -2;
}
#homebg .slider
{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-attachment: scroll;
-webkit-background-size: cover;
background-size: cover;
background-repeat: no-repeat;
background-color:white;
background-position: center center;
}
#home img
{
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
z-index: 3;
width: 22%;
min-width: 250px;
} .section
{
width: 100%;
background-color: white;
text-align: center;
position:relative;
z-index:2;
}
.homesection {
background-color:#cc1c2f;
}
.homesection h1 {
color:white;
}
.homesection p {
color:white;
}
.homesection .subtitle {
color:white;
}
.homesection p.tourstart a {
color:white;
border: 1px solid white;
}
.homesection p.tourstart a:hover {
color:white;
}
.sectionhead_bg
{
width: 100%;
height: 60%;
height: 60vh;
overflow: hidden;
}
section#section-0 + figure.sectionhead_bg {
height:auto;
max-height: 60vh;
}
.sectionhead_bg_img {
display: block;
width: 100%;
height: auto;
left: 0;
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
section#section-0 + figure.sectionhead_bg .sectionhead_bg_img {
position:static;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.content
{
padding: 80px;
width: 100%;
max-width: 700px;
margin: 0 auto 0 auto;
}
.content p iframe, .content iframe {
width: 100%;
}
.content a { color: #cc1c2f; }
.content p, .content ul, .content h1
{
max-width: 700px;
width: 100%;
margin-left: auto;
margin-right: auto;
position: relative;
}
.content p img {
width:100%;
height:auto;
}
.content ul
{
list-style-type: none;
text-align: center;
display: block;
position: relative;
}
.content ol {
list-style-type: none;
text-align: center;
display: block;
position: relative;
}
.content *+ol, .content *+ul {
margin-top: 40px;
width:80%;
margin-left:auto;
margin-right:auto;
}
.content h2+ol, .content h2+ul {
margin-top:20px;
}
.content ul li
{
font-family: "garamond-premier-pro-caption";
font-style: normal;
font-weight: 600;
text-transform: uppercase;
font-size: 18px;
line-height: 26px;
max-width: 80%;
margin-left: auto;
margin-right: auto;
color:#cc1c2f;
}
.content ol li {
font-style: italic;
font-weight: 500;
width:100%;
max-width: 80%;
display:inline-block;
margin:5px auto 5px auto;
color:#cc1c2f;
}
.content ol li:before {
content: "·";
color: #cc1c2f;
font-size:14px;
font-style: normal;
margin-right:5px;
}
.content ol li:after {
content: "·";
color: #cc1c2f;
font-size:14px;
font-style: normal;
margin-left:5px;
}
.content ul li+li { margin-top: 12px; }
.content p
{
text-align: justify;
hyphens: auto;
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
-o-hyphens: auto;
font-weight: 500;
}
.content .wp-caption {
margin-left: auto;
margin-right: auto;
max-width: 100%;
height:auto;
margin-top:40px;
margin-bottom: 40px;
}
.content .wp-caption .wp-caption-text {
color: grey;
font-size: 0.9em;
line-height: 1.2;
font-style: italic;
}
.content .wp-caption img {
display: inline-block;
max-width: 100%;
height:auto;
}
.content .wp-caption img + .wp-caption-text {
margin-top: 20px;
}
.content p.tourstart {
text-align:center;
} #page_1742 .content ul li {
text-transform: none;
max-width: 100%;
}
@supports not ((-webkit-hyphens: auto) or (-moz-hyphens: auto) or (-ms-hyphens: auto) or (hyphens: auto) or (-webkit-hyphens: auto)) {
.section .content p {
text-align: center;
}
.section.pagesection .content p {
text-align: left;
}
}
p+p { margin-top: 40px; }
*+p { margin-top: 40px; }
p+ul { margin-top: 40px; }
p.special { color: #866a45; }
#section-12 .content p {
-moz-hyphens:none;
-ms-hyphens:none;
hyphens:none;
-webkit-hyphens:none;
}
#warenkorb .content {
max-width:900px;
}
table {
border-collapse: collapse;
border: 1px solid white;
width:100%;
margin:40px 0 40px 0;
}
tr {
border: none;
}
tr th {
text-align:left;
padding:0 20px 10px 20px;
color:#866a45;
font-weight: normal;
}
table.titelliste tr td {
color:black;
padding:10px;
}
td img {
display:block;
width:120px;
height:auto;
}
tr td {
text-align:left;
padding:0 20px 10px 20px;
color:#866a45;
font-weight: normal;
border-top: 1px solid #f0e8d9;
padding:10px 20px 10px 20px;
color:black;
}
td+td {
border-left: 1px solid #f0e8d9;
}
td.ordertd {
text-align:center;
padding-top:20px;
padding-bottom:20px;
vertical-align:middle;
}
td input[type="checkbox"] {
margin-right:10px;
vertical-align: middle; }
td.ordertd label {
margin-right:10px;
}
td.ordertd label, td.ordertd input, td.agbtd label, td.agbtd input {
vertical-align: middle; }
.agbtd.grey {
color: grey;
}
.confirm {
display:none;
color:#cc1c2f;
}
p.variant {
display:inline-block;
width:70%;
text-align:center !Important;
padding:10px;
vertical-align: top;
}
article.content.product h2+p {
margin-top: 20px;
}
article.content.product p.variant {
margin-top: 20px;
}
span.aktion {
color:#cc1c2f;
}
p.variant a.cartlink, a.cartlink {
font-size: 14px;
line-height: 20px;
text-transform: uppercase;
letter-spacing: 2px;
font-family: "garamond-premier-pro-caption";
font-style: normal;
font-weight: 700;
text-decoration: none;
color: #cc1c2f;
display: inline-block;
background-color: white;
padding: 7px 20px 5px 20px;
vertical-align: top;
margin: 10px 2px 0 2px;
white-space: nowrap;
border:1px solid #cc1c2f;
} #section-6.section { padding-top: 60px; } #section-14
{
height: 100%;
background-image: url(//www.maerchenfrau.com/wp-content/themes/maerchenfrau/g/_DSC2230_b.jpg);
-webkit-background-size: cover;
background-size: cover;
background-position: center center;
position: relative;
background-attachment: fixed;
min-height: 750px;
}
#section-14.scroll
{
background-attachment: scroll;
background-image: none;
background-color: rgb(30,30,30);
}
#section-14 .content
{
width: 100%;
height: 100%;
max-width: inherit;
position: absolute;
top: 0;
left: 0;
padding: 0;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
#section-14 .content img
{
display: inline-block;
margin-bottom: 80px;
}
#section-14 ul
{
display: inline-block;
width: 50%;
max-width: 380px;
vertical-align: top;
}
.section.pagesection#kontaktseite .content ul
{
display: inline-block;
width: 50%;
max-width: 350px;
vertical-align: top;
}
.section.pagesection#kontaktseite .content p+ul { margin-top: 0; }
#section-14 ul li.title, .section.pagesection#kontaktseite .content ul li.title
{
text-transform: uppercase;
font-weight: 900;
font-size: 20px;
letter-spacing: 2px;
line-height: 32px;
}
#section-14 ul li a
{
color: white !important;
text-decoration: none !important;
}
#section-14 ul li, .section.pagesection#kontaktseite .content ul li
{
font-weight: 600;
text-transform: uppercase;
font-size: 16px;
letter-spacing: 1px;
}
.section.pagesection#kontaktseite .content ul::after, .section.pagesection#kontaktseite .content ul+ul::before { display: none; }
.section.pagesection#kontaktseite .content ul+ul::after { display: inline-block; }
.valign
{
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width:100%;
} #footer.section ul
{
width: 100%;
display: inline-block;
background-color: white;
vertical-align: top;
margin-top: 0;
text-align: center;
background-color: white;
border-top: 1px solid white;
}
#footer.section ul li
{
display: inline-block;
width: 18%;
vertical-align: top;
list-style-type: none;
margin: 40px 0 40px 0;
}
#footer.section ul li a {
font-family: "garamond-premier-pro-caption";
font-style: normal;
font-weight: 700;
font-size: 14px;
letter-spacing: 1px;
color: #cc1c2f;
text-transform:uppercase;
text-decoration:none;
}
#footer.section ul li ul li {
width:100%;
margin:0;
}
#footer.section ul li.menu-item-has-children ul li a
{
font-weight: 400;
letter-spacing: 1px;
color: #cc1c2f;
line-height: 25px;
text-decoration: none;
font-size: 14px;
font-style:italic;
text-transform:none;
font-style:normal;
}
#footer.section ul li#menu-item-1266 {
margin-top:22px;
} #maps.section
{
height: 100%;
height: calc(100% - 230px);
height: -webkit-calc(100% - 230px);
height: -ms-calc(100% - 230px);
height: -o-calc(100% - 230px);
width: 100%;
display: inline-block;
background-color: #F8F1E2;
vertical-align: top;
border: 16px solid white;
} #social
{
position: fixed;
right: 40px;
bottom: 40px;
text-align: right;
font-size: 0;
z-index: 9999;
}
#social .facebook
{
display: inline-block;
vertical-align: bottom;
padding-bottom: 2px;
margin-right: 20px;
}
#social .fb-like { display: inline-block; } .pagesection .content
{
padding: 40px 40px 40px 40px;
width: 100%;
max-width: 700px;
margin: 0 auto 0 auto;
}
.pagesection#kontaktseite .content
{
padding: 60px 40px 60px 40px;
width: 100%;
max-width: 800px;
margin: 0 auto 0 auto;
}
.pagesection.fixy .content { padding-top: 146px; }
#page_homebg
{
width: 100%;
height: 60%;
height: 60vh;
overflow: hidden;
position: relative;
text-align: center;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
#pagebg
{
width: 100%;
height: 60%;
height: 55vh;
text-align: center;
position: relative;
top: 0;
bottom: 0;
z-index: -2;
overflow: hidden;
}
#pagebg .slider
{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-attachment: scroll;
background-color:white;
-webkit-background-size: cover;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
.pagebg_985#pagebg .slider {
-webkit-background-size: contain;
background-size: contain;
}
.pagebg_994#pagebg .slider {
background-position:center top;
}
#page_homebg img
{
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
z-index: 3;
width: 22%;
min-width: 250px;
}
#page_homebg h1 {
position: absolute;
top: 90%;
left: 0;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 3;
width: 100%;
color:white;
font-size:100px;
line-height:148px;
font-style:italic;
text-transform:none;
font-family: "garamond-premier-pro-caption";
letter-spacing:-1px;
font-weight:400;
}
.imagewall, .veranstaltungen
{
width: 100%;
background-color: white;
font-size: 0;
text-align: left;
padding: 4px;
vertical-align: top;
}
.veranstaltungen {
border-top:1px solid #cc1c2f;
border-bottom:1px solid #cc1c2f;
display: table;
border-left:8px solid white;
border-right:8px solid white;
}
.veranstaltung {
position: relative;
width: 33.333%;
display: inline-block;
padding:40px;
display: table-cell;
vertical-align: top;
}
.veranstaltung+.veranstaltung {
border-left:1px solid #cc1c2f;
}
.pager {
display:block;
width:100%;
font-size: 18px;
line-height: 28px;
text-align:center;
max-width:inherit;
margin-top:0;
padding:40px 0 40px 0;
}
.pager.pagergrey {
display:inline-block;
width:25%;
}
.pager a {
display:inline-block;
width:25%;
font-size: 14px;
line-height: 42px;
text-transform: uppercase;
letter-spacing: 2px;
font-family: "garamond-premier-pro-caption";
font-style: normal;
font-weight: 600;
text-decoration: none;
color: black;
}
.pager a:hover {
color:#cc1c2f;
}
.kachel, .referenz
{
position: relative;
width: 33.33%;
display: inline-block;
vertical-align: top;
border: 2px solid white;
}
.referenz
{
width: 16.666%;
border: 2px solid white;
}
.kachel:before, .referenz:before
{
display: block;
content: "";
width: 100%;
padding-top: 70%;
}
.kachel > .kachelcontent, .referenz > .referenzcontent
{
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
overflow: hidden;
background-color:#cc1c2f;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.referenz > .referenzcontent
{
-webkit-background-size: contain;
background-size: contain;
background-color: white;
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
}
.kachelcontent .kachelcenter {
position: absolute;
top: 50%;
left: 0%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width:100%;
}
.kachelcontent p {
font-family: "garamond-premier-pro-caption";
font-style: normal;
font-weight: 400;
color: white;
font-size: 14px;
line-height: 34px;
text-align: center;
width: 70%;
margin:0 auto 0 auto;
text-transform:uppercase;
}
.kachelcontent p strong
{
font-size:20px;
line-height:34px;
font-weight: 600;
display:inline-block;
margin:0;
}
.kachelimg {
display: inline-block;
min-height: 100%;
min-width: 100%;
height:auto;
width: auto;
max-width: 100%;
}
.veranstaltung h4 {
font-family: "garamond-premier-pro-caption";
font-style: normal;
font-weight: 600;
color:#cc1c2f;
font-size: 20px;
line-height: 30px;
text-align: center;
margin-bottom:0;
max-width:80%;
margin-left:auto;
margin-right:auto;
}
.veranstaltung h4+p {
margin-top:14px;
}
.veranstaltung p, .veranstaltung p a {
font-size: 18px;
line-height: 28px;
text-align:center;
color:#cc1c2f;
}
.veranstaltung p+p {
margin-top:14px !Important;
} h1.shophead {
margin-top:60px;
}
article.content.product {
display: inline-block;
width: 40%;
vertical-align: top;
}
article.content.product img {
max-width: 100%;
height: auto;
}
.imagewall.produkte .kachel:before {
display: none;
}
.imagewall.produkte .kachel {
width: 50%;
}
#intouch h4
{
font-family: "garamond-premier-pro-caption";
font-style: normal;
font-weight: 600;
color: cc1c2f;
font-size: 24px;
line-height: 40px;
text-align: center;
}
#intouch p.tourstart a { color: white; border:1px solid white; }
#intouch
{
background-color: #cc1c2f;
padding: 80px;
}
#intouch:empty {
padding:1px;
}
#intouch form
{
color: white;
width: 100%;
max-width: 900px;
margin: 60px auto 0 auto;
text-align: center;
}
#intouch form label
{
display: inline-block;
width: 50%;
text-align: left;
color: white;
line-height: 28px;
margin-right: 0%;
}
#intouch form input[type="text"]
{
font-family: "garamond-premier-pro-caption";
font-style: normal;
font-weight: 700;
font-size: 18px;
border: 1px solid white;
background-color: transparent;
color: white;
display: inline-block;
text-align: left;
padding: 3px 7px 3px 7px;
line-height: 28px;
margin: 20px 0 20px 0;
width: 50%;
outline: none;
-webkit-appearance: none;
}
#intouch form label#message_label
{
margin-top: 50px;
width: 100%;
text-align: left;
}
input#mc-embedded-subscribe {
font-size: 14px !important;
line-height: 20px;
text-transform: uppercase;
letter-spacing: 2px;
font-style: normal;
font-weight: 700;
text-decoration: none;
color: #cc1c2f;
display: inline-block;
background-color: transparent;
padding: 7px 20px 5px 20px !important;
vertical-align: top;
margin: 0 2px 0 2px;
text-align: center;
hyphens: none;
-webkit-hyphens: none;
-moz-hyphens: none;
-ms-hyphens: none;
border:1px solid #cc1c2f;
text-decoration:none !important;
display:inline-block;
width:auto !important;
}
input#mc-embedded-subscribe:hover {
cursor:pointer;
background-color:white;
color:#cc1c2f;
}
textarea
{
border: 2px solid white;
background-color: white;
display: inline-block;
text-align: left;
padding: 7px;
margin: 10px 10% 0 0;
width: 100%;
font-family: "garamond-premier-pro-caption";
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 24px;
outline: none;
-webkit-appearance: none;
-webkit-border-radius:0;
border-radius:0;
}
input { }
#intouch + #maps { border-top: none; }
.imagewall + #maps, #kontaktseite+#maps { border-top: none; }
#intouch a {
color:white;
text-decoration: underline;
}
#intouch + .imagewall
{
border-top: none;
padding-top: 0;
margin-top: -8px;
}
#intouch h2 {
color:white;
margin-top:0;
}
#intouch p
{
color: white;
letter-spacing: 1px;
} .mobilenav, #navigation ul#menu-navigation li.mobile_nav_start { display: none; }
.bigmac
{
position: relative;
width: 30px;
height: 30px;
margin: 0 auto 0 auto;
}
.bigmac:hover { cursor: pointer; }
.burger
{
background-color: black;
height: 2px;
border: none;
display: block;
width: 30px;
position: absolute;
}
.bread1, .paddie, .bread2 { left: 0; }
.bread1
{
-ms-transform: rotateZ(0deg);
-webkit-transform: rotateZ(0deg);
transform: rotateZ(0deg);
-webkit-transition: all .2s linear;
-o-transition: all .2s linear;
transition: all .2s linear;
}
.paddie
{
opacity: 1.0;
-webkit-transition: opacity 0.1s linear;
-o-transition: opacity 0.1s linear;
transition: opacity 0.1s linear;
left: 0;
top: 6px;
}
.bread2
{
-ms-transform: rotateZ(0deg);
-webkit-transform: rotateZ(0deg);
transform: rotateZ(0deg);
-webkit-transition: all .2s linear;
-o-transition: all .2s linear;
transition: all .2s linear;
left: 0;
top: 12px;
}
.bigmac-active .paddie
{
opacity: 0.0;
-webkit-transition: opacity 0.1s linear;
-o-transition: opacity 0.1s linear;
transition: opacity 0.1s linear;
width: 20px;
}
.bigmac-active .bread1
{
-ms-transform: rotateZ(45deg);
-webkit-transform: rotateZ(45deg);
transform: rotate(Z45deg);
-webkit-transition: all .2s linear;
-o-transition: all .2s linear;
transition: all .2s linear;
top: 6px;
width: 20px;
}
.bigmac-active .bread2
{
-ms-transform: rotateZ(315deg);
-webkit-transform: rotateZ(315deg);
transform: rotateZ(315deg);
-webkit-transition: all .2s linear;
-o-transition: all .2s linear;
transition: all .2s linear;
top: 6px;
width: 20px;
} #breadcrumbs {
margin-left: auto;
margin-right: auto;
position: relative;
text-align: left;
padding: 0;
font-size: 13px;
display: inline; top: 20px; }
#breadcrumbs a {
color:#cc1c2f;
}
@media (max-width: 1280px)
{
.referenz
{
width: 25%;
border: 40px solid white;
}
.upli {
display:none;
}
}
@media (max-width: 1100px)
{
#navigation ul#menu-navigation {
padding:0 15px 0 15px;
}
.kachel { width: 50%; }
#homebg .slider, .sectionhead_bg, #section-14, #pagebg .slider { background-attachment: scroll; }
#page_homebg, #homebg
{
height: auto;
position:static;
}
#pagebg
{
height: auto;
position:static;
}
.sectionhead_bg_img {
height: auto;
left: 0;
position: static;
top: 0;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.kachel.lastkachel {
display:none;
}
#footer.section ul li { width: 49%; }
#navigation ul#menu-navigation li a, ul#submenu-navigation li a { font-size: 12px; }
.referenz
{
width: 25%;
border: 20px solid white;
}
.section.pagesection#kontaktseite .content ul
{
width: 100%;
max-width: inherit;
}
.section.pagesection#kontaktseite .content ul li { max-width: inherit; }
.section.pagesection#kontaktseite .content ul+ul { padding-top: 40px; }
.pagesection.section#kontaktseite .content ul::before { height: 200%; }
.pagesection.section#kontaktseite .content ul::after
{
height: 200%;
top: -100%;
}
.section.pagesection#kontaktseite .content ul::after, .section.pagesection#kontaktseite .content ul+ul::before { display: none; }
.section.pagesection#kontaktseite .content ul+ul::after { display: inline-block; }
}
@media (max-width:1024px) {
#navigation ul#menu-navigation.menu {
max-height: calc(100vh - 41px);
overflow-y: scroll;
}
.mobilenav
{
display: block;
position: absolute;
right: 13px;
top: 13px;
z-index: 9999;
}
#navigation ul#menu-navigation li.mobile_nav_start { display: inline-block; }
header#navigation aside {
padding:10px 0;
}
#navigation
{
-webkit-transition: opacity 0.8s;
-o-transition: opacity 0.8s;
transition: opacity 0.8s;
top: 0;
position: fixed;
top:0;
height:auto;
}
#navigation.scrolly { opacity: 0.5; }
#navigation .naviborder
{
position: relative;
}
#navigation .menu-hauptmenue-container
{
height: auto;
max-height: 0;
overflow: hidden;
-webkit-transition: max-height 0.8s;
-o-transition: max-height 0.8s;
transition: max-height 0.8s;
}
#navigation .menu-hauptmenue-container.bigmac-active
{
max-height: 100vh;
-webkit-transition: max-height 0.8s;
-o-transition: max-height 0.8s;
transition: max-height 0.8s;
}
#navigation ul#menu-navigation
{
text-align: center;
padding: 20px;
height:auto;
-ms-flex-direction: column;
-webkit-flex-direction: column;
flex-direction: column;
}
ul#submenu-navigation.expanded { max-height: 400px; }
ul#submenu-navigation
{
text-align: center;
height: auto;
max-height: 42px;
overflow: hidden;
padding: 0;
-webkit-transition: max-height 0.8s;
-o-transition: max-height 0.8s;
transition: max-height 0.8s;
}
#navigation ul#menu-navigation:after, ul#submenu-navigation:after { display: none; }
.subnav
{
padding: 10px 0 10px 0;
z-index: 3;
}
#navigation ul#menu-navigation li
{
width: 100%;
text-align: center;
line-height: 14px;
}
#navigation ul#menu-navigation li a {
line-height: 1;
padding: 0;
}
#navigation ul#menu-navigation.menu li.menu-item-has-children {
margin-bottom:20px;
}
#navigation ul#menu-navigation.menu li.menu-item-has-children:first-of-type {
margin-top:20px;
}
ul#submenu-navigation li.star, #navigation ul#menu-navigation li.star { display: none; }
#navigation ul#menu-navigation.menu li.menu-item-has-children ul.sub-menu {
display: block;
position: static;
padding:0;
}
#navigation ul#menu-navigation li a {
line-height:32px;
}
#navigation ul#menu-navigation li.menu-item-has-children ul.sub-menu li  {
display: inline-block;
width: auto;
}
#navigation ul#menu-navigation.menu li:nth-child(2) {
margin-top: 20px;
}
#navigation ul#menu-navigation.menu li ul.sub-menu li:nth-child(1),
#navigation ul#menu-navigation.menu li ul.sub-menu li:nth-child(2)
{
margin-top:0;
}
#navigation ul#menu-navigation li.current_page_item ul.sub-menu li {
line-height: 14px;
}
#navigation ul#menu-navigation li.current_page_item a, ul#submenu-navigation li.current a {
font-size: 14px;
}
#navigation ul#menu-navigation li.menu-item-has-children ul.sub-menu li::before
{
content: "|";
margin-left:10px;
margin-right:10px;
display: inline;
}
#navigation ul#menu-navigation li.menu-item-has-children ul.sub-menu li:last-child::after {
content: "|";
margin-left:10px;
margin-right:10px;
display: inline;
}
}
@media (max-width:960px) {
.veranstaltungen {
border:none;
}
.veranstaltung {
width:100%;
display:block;
border:none;
border:1px solid  #cc1c2f;
}
.veranstaltung + .veranstaltung {
border-top:none;
}
.pager a {
width:100%;
}
article.content.product {
width: 100%;
}
table.cart,
table tr,
table td {
display: block;
}
table th {
display: none;
}
table td {
width: 100%;
border-right: 1px solid #f0e8d9;
}
tr th:empty {
display:none;
}
tr.product td:first-child {
display: none;
}
tr.product td {
display: block;
width:100%;
}
article.content.shopproduct {
width: 100%;
}
.notitlebg {
padding-top: 60px;
}
.product img {
max-width: 100%;
height: auto;
}
.imagewall.produkte .kachel {
width: 100%;
}
}
@media (max-width: 640px) {
header#navigation aside {
font-size: 16px;
line-height: 20px;
}
header#navigation aside .subtitle {
font-size: 15px;
display: none;
}
.kachel { width: 100%; }
#intouch form input
{
width: 100%;
margin: 0 0 20px 0;
-webkit-appearance: none;
-webkit-border-radius:0;
border-radius:0;
}
#intouch form label { width: 100%; }
#message_label
{
margin-top: 20px;
width: 100%;
}
#footer.section ul li { width: 100%; }
#footer.section ul li {
margin:20px 0 20px 0;
}
}
@media (max-width: 550px)
{
.tourstart { max-width: 100% !important; }
.referenz
{
width: 33.333%;
border: 20px solid white;
}
body
{
font-size: 16px;
line-height: 26px;
}
p+p { margin-top: 26px; }
#home img { min-width: 200px; }
#tourstart a, .tourstart a
{
padding: 7px 8px 5px 8px;
font-size: 12px;
}
#section-6.section { padding-top: 0; }
.content { padding: 64px 32px 64px 32px; }
.content ul {
width: 90%;
width: calc(100% - 44px);
width: -webkit-calc(100% - 44px);
width: -ms-calc(100% - 44px);
width: -o-calc(100% - 44px);
}
.sectionhead_bg { height: auto; }
.sectionhead_bg_img {
height: auto;
left: 0;
position: static;
top: 0;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
#homebg {
height:auto;
}
.section .content ul li
{
font-size: 14px;
line-height: 22px;
}
#section-14, #section-14 .content
{
height: auto;
min-height: 100%;
position: static;
}
#section-14 .content .valign
{
-webkit-transform: none;
-ms-transform: none;
transform: none;
padding-bottom: 64px;
padding-top: 64px;
}
#section-14 .content .valign img
{
width: 22%;
min-width: 250px;
margin-bottom: 32px;
}
#section-14 ul { width: 100%; }
#section-14 ul li.title
{
font-size: 16px;
letter-spacing: 1px;
line-height: 28px;
}
#section-14 ul li
{
font-size: 14px;
line-height: 28px;
}
#section-14 ul li+li { margin-top: 0; }
#intouch h4, .kachelcontent h4
{
font-size: 24px;
line-height: 32px;
}
#section-14 ul+ul { margin-top: 32px; }
#section-14 .tourstart { margin-top: 0; }
#maps.section
{
border: none;
height: 80%;
}
h1
{
margin-bottom: 0;
font-size: 20px;
line-height: 28px;
}
.subtitle {
font-size:18px;
}
h2 {
margin-bottom: 10px;
font-size: 16px;
line-height: 24px;
}
*+p { margin-top: 20px; }
.tourstart { margin-top: 40px; }
#footer.section { padding: 20px 0 20px 0; }
#footer.section ul
{
width: 100%;
margin: 0;
}
.pagesection .content
{
padding: 32px 16px 32px 16px;
border: 16px solid white;
}
.pagesection#kontaktseite .content
{
padding: 32px 16px 32px 16px;
border: 16px solid white;
}
.pagesection.fixy .content { padding-top: 184px; }
#intouch { padding: 10%; }
#section-6.section .content ul::before, .pagesection.section .content ul::before
{
-webkit-background-size: 16px 65px;
background-size: 16px 65px;
background-position: left center;
}
#section-6.section .content ul::after, .pagesection.section .content ul::after
{
-webkit-background-size: 16px 65px;
background-size: 16px 65px;
background-position: right center;
}
} @media (min-width: 1800px)
{
#homebg, #pagebg, .section_grain
{
background-image: url(//www.maerchenfrau.com/wp-content/themes/maerchenfrau/g/noise3.png);
background-repeat: repeat;
background-attachment: fixed;
}
#section-14 .content
{
background-image: url(//www.maerchenfrau.com/wp-content/themes/maerchenfrau/g/noise.png);
background-repeat: repeat;
background-attachment: fixed;
-webkit-background-blend-mode: multiply;
background-blend-mode: multiply;
}
#homebg .slider, #pagebg .slider, .section_grain
{
background-color: transparent;
-webkit-background-blend-mode: none;
background-blend-mode: none;
mix-blend-mode: multiply;
-webkit-mix-blend-mode: multiply;
}
}
@media (max-height: 800px)
{
.content
{
padding-top: 40px;
padding-bottom: 40px;
}
.pagesection#kontaktseite .content
{
padding-top: 40px;
padding-bottom: 40px;
}
}
@media (max-height:500px) {
#homebg .slider, .sectionhead_bg, #section-14, #pagebg .slider { background-attachment: scroll; }
#page_homebg
{
height: auto;
}
#pagebg
{
height: auto;
}
}
@media (max-height:400px) {
#homebg .slider, .sectionhead_bg, #section-14, #pagebg .slider { background-attachment: scroll; }
#page_homebg img, #homebg img {
top:60%;
}
}
}