body#tinymce.wp-editor { 
font-family: 'Roboto',Arial; 
margin: 10px; 
}
body#tinymce.wp-editor a {
color: #5E5340;
}@media screen and (max-width: 479px) {
* {
box-sizing: border-box;
}
#slider .top-bar {
padding: 0 20px 17px;
top: -10px;
}
#slider .top-bar h2 {
font-size: 20px;
padding-bottom: 25px;
line-height: 20px;
padding-top: 10px;
padding-left: 0;
text-align: center;
}
#slider .top-bar p {
display: none;
}
.slider-main #slider .nivo-caption {
top: 18px;
width: 100%;
left: 0;
}
.container {
width: 95%;
}
.header {
position: inherit !important;
padding-top: 30px;
}
.header .header-inner {
width: 95%;
}
.logo {
float: none;
text-align: center;
}
.toggle {
display: block;
}
.toggle a {
width: 100%;
color: #ffffff;
background: url(//www.hochzeitsfeuerwerk.de/wp-content/themes/truelove/images/mobile_nav_right.png) no-repeat right center #373a3f;
padding: 10px 10px;
margin-top: 20px;
font-size: 16px;
}
.toggle a:hover {
color: #ffffff !important;
}
.toggle a.active {
color: #ffffff;
}
.nav {
display: none;
}
.header .header-inner .nav {
float: none;
margin: 0;
position: relative;
overflow-x: hidden;
}
.header .header-inner .nav ul {
background: #000000;
color: #000;
width: 100%;
float: none;
margin-top: 0;
}
.header .header-inner .nav ul li {
border-top: 1px #303030 solid;
display: block;
float: none;
text-align: left;
}
.nav ul li a {
padding: 5px 10px;
display: block;
color: #000;
}
.header .header-inner .nav ul li a:hover {
color: #ffffff !important;
}
.nav ul li ul,
.nav ul li ul ul {
display: block !important;
}
.nav ul li ul li a:before {
content: "\00BB \00a0";
}
.nav ul li ul li a {
padding-left: 20px !important;
}
.nav ul li ul li ul li a {
padding-left: 30px !important;
} #sitemain iframe {
max-width: 100%;
height: auto;
} .content-area {
width: 95%;
margin: 0 auto;
padding: 50px 0;
}
.site-main {
width: 100%;
margin: 0;
padding: 0;
float: none;
}
#sidebar {
width: auto;
margin: 60px 0 0;
padding: 0;
float: none;
}
.nivo-directionNav a {
top: 36% !important;
}
#main-footer {
padding-bottom: 40px;
}
.footer-inner {
width: 95%;
}
.footer-col {
width: 100%;
margin-bottom: 0px;
text-align: center;
margin-right: 0;
}
.footer-col h2 {
margin-top: 20px;
}
.footer-col p {
margin-top: 0;
}
.footer-col.last {
text-align: center;
}
#bride-box { 
width:100%; 
float:none; 
text-align:center; 
margin-top:30px;
}
#bride-box .bride-inner { 
padding-right:0;
}
#bride-box .social-icons, #groom-box .social-icons { 
float:none; 
display:inline-block;
}
#groom-box { 
width:100%; 
float:none; 
text-align:center; 
margin-top:30px;
}
#groom-box .groom-inner { 
padding-left:0;
}
} @media screen and (max-width: 719px) and (min-width: 480px) {
* {
box-sizing: border-box;
}
#slider .top-bar {
padding: 0 20px 17px;
top: -15px;
}
.slider-main #slider .top-bar h2 {
font-size: 20px;
padding-bottom: 25px;
line-height: 20px;
padding-top: 10px;
padding-left: 0;
text-align: center;
}
#slider .top-bar p {
display: none;
}
.nivo-caption {
top: 45px !important;
width: 100% !important;
left: 0 !important;
}
.container {
width: 95%;
}
.header {
position: inherit !important;
padding-top: 30px;
}
.header .header-inner {
width: 95%;
}
.logo {
float: none;
text-align: center;
}
.toggle {
display: block;
}
.toggle a {
width: 100%;
color: #ffffff;
background: url(//www.hochzeitsfeuerwerk.de/wp-content/themes/truelove/images/mobile_nav_right.png) no-repeat right center #373a3f;
padding: 10px 10px;
margin-top: 20px;
font-size: 16px;
}
.toggle a:hover {
color: #ffffff !important;
}
.toggle a.active {
color: #ffffff;
}
.nav {
display: none;
}
.header .header-inner .nav {
float: none;
margin: 0;
position: relative;
overflow-x: hidden;
}
.header .header-inner .nav ul {
background: #000000;
color: #000;
width: 100%;
float: none;
margin-top: 0;
}
.header .header-inner .nav ul li {
border-top: 1px #303030 solid;
display: block;
float: none;
text-align: left;
}
.nav ul li a {
padding: 5px 10px;
display: block;
color: #000;
}
.header .header-inner .nav ul li a:hover {
color: #ffffff !important;
}
.nav ul li ul,
.nav ul li ul ul {
display: block !important;
}
.nav ul li ul li a:before {
content: "\00BB \00a0";
}
.nav ul li ul li a {
padding-left: 20px !important;
}
.nav ul li ul li ul li a {
padding-left: 30px !important;
} #sitemain iframe {
max-width: 100%;
height: auto;
} .content-area {
width: auto;
margin: 0 20px;
padding: 50px 0;
}
.site-main {
width: auto;
margin: 0;
padding: 0;
float: none;
}
#sidebar {
width: auto;
margin: 60px 0 0;
padding: 0;
float: none;
}
.nivo-directionNav a {
top: 36% !important;
}
#main-footer {
padding-bottom: 40px;
}
.footer-inner {
width: 95%;
}
.footer-col {
width: 100%;
margin-bottom: 0px;
text-align: center;
margin-right: 0;
}
.footer-col h2 {
margin-top: 20px;
}
.footer-col p {
margin-top: 0;
}
.footer-col.last {
text-align: center;
}
#bride-box { 
width:100%; 
float:none; 
text-align:center; 
margin-top:30px;
}
#bride-box .bride-inner {
padding-right:0;
}
#bride-box .social-icons, #groom-box .social-icons { 
float:none; 
display:inline-block;
}
#groom-box { 
width:100%; 
float:none; 
text-align:center; 
margin-top:30px;
}
#groom-box .groom-inner { 
padding-left:0;
}
}
@media screen and (max-width: 899px) and (min-width: 320px) {
h2.section-title {
line-height: 48px;
font-size: 35px !important;
}
.cat_comments {
height: auto;
}
} @media screen and (max-width: 999px) and (min-width: 720px) {
* {
box-sizing: border-box;
}
.slider-main #slider .nivo-caption {
top: 55px;
width: 70%;
left: 15%;
}
#slider .top-bar {
padding: 0 20px 17px;
top: 35px;
}
.slider-main #slider .top-bar h2 {
padding-bottom: 0;
line-height: normal;
padding-top: 10px;
padding-left: 0;
text-align: center;
}
#slider .top-bar p {
line-height: 22px;
}
.nivo-directionNav a {
top: 42% !important;
}
.container {
width: 95%;
}
.header {
position: inherit !important;
padding-top: 30px;
}
.header .header-inner {
width: 95%;
}
.logo {
float: none;
text-align: center;
}
.toggle {
display: block;
}
.toggle a {
width: 100%;
color: #ffffff;
background: url(//www.hochzeitsfeuerwerk.de/wp-content/themes/truelove/images/mobile_nav_right.png) no-repeat right center #373a3f;
padding: 10px 10px;
margin-top: 20px;
font-size: 16px;
}
.toggle a:hover {
color: #ffffff !important;
}
.toggle a.active {
color: #ffffff;
}
.nav {
display: none;
}
.header .header-inner .nav {
float: none;
margin: 0;
position: relative;
overflow-x: hidden;
}
.header .header-inner .nav ul {
background: #000000;
color: #000;
width: 100%;
float: none;
margin-top: 0;
}
.header .header-inner .nav ul li {
border-top: 1px #303030 solid;
display: block;
float: none;
text-align: left;
}
.nav ul li a {
padding: 5px 10px;
display: block;
color: #000;
}
.header .header-inner .nav ul li a:hover {
color: #ffffff !important;
}
.nav ul li ul,
.nav ul li ul ul {
display: block !important;
}
.nav ul li ul li a:before {
content: "\00BB \00a0";
}
.nav ul li ul li a {
padding-left: 20px !important;
}
.nav ul li ul li ul li a {
padding-left: 30px !important;
} .content-area {
width: auto;
margin: 0 20px;
padding: 50px 0;
}
.site-main {
width: 60%;
margin: 0;
padding: 0;
float: left;
}
#sidebar {
width: 35%;
margin: 0;
padding: 0;
float: right;
}
.footer-inner {
width: 95%;
}
.footer-col {
margin-right: 3px;
width: 33%;
}
}
@media screen and (min-width: 1000px) {
.header .header-inner .nav ul li ul li {
display: block;
position: relative;
float: none;
}
.header .header-inner .nav ul li ul li a {
color: #ffffff;
display: block;
padding-top: 10px;
padding-bottom: 10px;
border-bottom: 1px #313131 solid;
}
.site-main {
width: 70%;
}
}
@media screen and (min-width: 1000px) and (max-width: 1159px) {
.container {
width: 95%;
}
.header .header-inner {
width: 98%;
}
.header .header-inner .nav ul li a {
padding: 5px;
}
.nivo-caption {
top: 17% !important;
height: auto !important;
}
.cat_comments {
left: 35px;
width: 25%;
}
.footer-inner {
width: 95%;
}
.footer-col {
margin-right: 43px;
}
.content-area {
width: 95%;
}
}.slider-main
{
position:relative;
}
.nivoSlider {
position:relative;
width:100%;
height:auto;
overflow: hidden;
}
.nivoSlider img {
position:absolute;
top:0px;
left:0px;
max-width: none;
}
.nivo-main-image {
display: block !important;
position: relative !important; 
width: 100% !important;
} .nivoSlider a.nivo-imageLink {
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
border:0;
padding:0;
margin:0;
z-index:6;
display:none;
background:white; 
filter:alpha(opacity=0); 
opacity:0;
} .nivo-slice {
display:block;
position:absolute;
z-index:5;
height:100%;
top:0;
}
.nivo-box {
display:block;
position:absolute;
z-index:5;
overflow:hidden;
}
.nivo-box img { display:block; } .nivo-caption {
position:absolute;
left:25%;
top:35%;
color:#fff;
width:50%;
z-index:8;
padding: 5px 10px;
overflow: hidden;
display: none;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height:auto;
}
.nivo-caption p {
padding:5px;
margin:0;
}
.nivo-html-caption {
display:none;
} .nivo-directionNav a {
position:absolute;
top:50%;
z-index:9;
cursor:pointer;
}
a.nivo-prevNav {
left:0px;
background-position:-57px 0;
border-radius:0 3px 3px 0;
}
a.nivo-nextNav {
right:0px;
background-position:-41px 0 !important;
border-radius:3px 0 0 3px;
} .nivo-controlNav {
text-align:center;
padding: 15px 0;
position: absolute;
text-align: center;
width: 100%;
bottom:0px;
z-index:9;
}
.nivo-controlNav a {
cursor:pointer;
box-shadow:1.5px 1.5px 0px #000 inset;
-moz-box-shadow:1.5px 1.5px 0px #000 inset;
-webkit-box-shadow:1.5px 1.5px 0px #000 inset;
-o-box-shadow:1.5px 1.5px 0px #000 inset;
}
.nivo-controlNav a {
border: 0 none;
display: inline-block;
height: 15px;
margin: 0 4px;
text-indent: -9999px;
width: 15px;
border-radius:15px;
-moz-border-radius:15px;
-webkit-border-radius:15px;
-o-border-radius:15px;
}
.nivo-controlNav a.active {
font-weight:bold;
background-position: 0 -21px;
}
.nivo-directionNav a {
border: 0 none;
display: block;
height: 43px;
opacity: 0;
text-indent: -9999px;
transition: all 200ms ease-in-out 0s;
width: 43px;
}
#slider:hover .nivo-directionNav a {
opacity: 0.8;
}
.nivo-directionNav a{background:url(//www.hochzeitsfeuerwerk.de/wp-content/themes/truelove/images/slide-nav.png) no-repeat scroll 0 0;}*{ 
margin:0; 
padding:0; 
outline:none;
}
body {
margin: 0;
padding: 0;
-ms-word-wrap: break-word;
word-wrap: break-word;
background-color: #fff;
font: 16px/22px 'PT Sans';
color: #7c7b79;
}
img {
margin: 0;
padding: 0;
border: none;
max-width: 100%;
height: auto;
}
section img {
max-width: 100%;
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin: 0;
padding: 0 0 15px;
}
p {
margin: 0;
padding: 0;
}
a {
text-decoration: none;
color: #0fa5d9;
}
a:hover {
text-decoration: none;
color: #666;
}
ul {
margin: 0 0 0 15px;
padding: 0;
}
.clear {
clear: both;
}
.center {
text-align: center;
margin-bottom: 40px;
}
.middle-align {
margin: 0 auto;
padding: 0;
}
.wp-caption {
margin: 0;
padding: 0;
font-size: 13px;
max-width: 100%;
}
.wp-caption-text {
margin: 0;
padding: 0;
}
.sticky {
margin: 0;
padding: 0;
}
.screen-reader-text,
.bypostauthor,
.gallery-caption {
margin: 0;
padding: 0;
}
.alignleft,
img.alignleft {
display: inline;
float: left;
margin-right: 45px;
margin-top: 4px;
margin-bottom: 20px;
padding: 0;
}
.alignright,
img.alignright {
display: inline;
float: right;
}
.aligncenter,
img.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
margin-top: 0;
}
.comment-list .comment-content ul {
list-style: none;
margin-left: 15px;
}
.comment-list .comment-content ul li {
margin: 5px;
}
.main-container ol {
list-style-position: outside;
margin-left: 20px;
}
.main-container ol li {
margin: 5px 0;
}
.toggleMenu {
display: none;
}
section {
padding: 50px 0;
position: relative;
}
h2.section-title {
font-family: 'Oleo Script';
font-size: 33px;
font-weight: 700;
padding: 0 0 20px 0;
text-align: center;
text-transform: capitalize;
display: table;
margin-bottom: 50px;
color:#4d4d4b;
}
#slider {
margin: 0 auto;
padding: 0;
position: relative;
}
#slider .top-bar {
margin: 0;
padding: 16px 0 20px;
position: relative;
text-align: center;
}
#slider .top-bar h2 {
font: 700 40px 'Oleo Script';
padding: 25px 0 5px 25px;
text-transform: capitalize;
line-height: 55px;
}
#slider .top-bar h2 a {
color: #ffffff;
}
#slider .top-bar h2 a:hover {
color: #ffffff;
}
#slider .top-bar p {
color: #ffffff;
margin: 0 0 10px 0;
padding: 5px 0 25px;
border-radius: 0 0 5px 5px;
font: 400 16px/25px 'Roboto';
}
a.read-more {
display: inline-block;
font: 400 16px 'Roboto';
padding: 10px 30px;
margin-top: 21px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-o-border-radius: 4px;
-ms-border-radius: 4px;
border-radius: 4px;
margin-right: 0;
color:#ffffff;
}
.main-container {
margin: 0;
padding: 0;
}
.container {
width: 1160px;
margin: 0 auto;
padding: 0;
position: relative;
}
.header {
position: relative;
padding: 15px 0;
width: 100%;
background-color: #b94746;
}
.header .header-inner {
margin: 0 auto;
padding: 0;
position: relative;
width: 1160px;
}
.header .header-inner .logo {
margin: 0;
padding: 0;
}
.header .header-inner .logo h1 {
font-weight: 700;
text-transform: capitalize;
padding: 0;
margin-bottom: 8px;
font-size: 40px;
}
.header .header-inner .logo a {
font-family: 'Great Vibes';
}
.header .header-inner .logo p {
font-size: 14px;
font-family: 'PT Sans';
color: #ffffff;
}
.toggle {
display: none;
}
.header .header-inner .nav {
margin: 0;
padding: 0;
text-align: right;
float: right;
}
.header .header-inner .nav ul {
float: right;
margin: 14px 0 0;
padding: 0;
font-family: 'Roboto';
font-weight: 400;
font-size: 15px;
}
.header .header-inner .nav ul li {
display: inline-block;
margin: 0;
text-transform: capitalize;
position: relative;
}
.header .header-inner .nav ul li a {
color: #ffffff;
padding: 5px 10px;
display: block;
}
.header .header-inner .nav ul li a:hover {
color: #ffffff;
}
@media screen and (min-width: 1000px) {
.header .header-inner .nav ul li ul {
display: none;
z-index:9999999;
}
.header .header-inner .nav ul li:hover > ul {
display: block;
background: #b94746;
width: 200px;
position: absolute;
top: 18px;
left: 0;
text-align: left
}
.header .header-inner .nav ul li:hover ul li ul {
display: none;
}
.header .header-inner .nav ul li:hover ul li:hover > ul {
display: block;
position: absolute;
left: 200px;
top: -14px;
border-left: 1px solid #313131;
}
.header .header-inner .logo {
float: left;
margin-top: 8px;
}
} .content-area {
width: 1160px;
margin: 0 auto;
padding: 50px 0;
}
.site-main {
width: 800px;
margin: 0;
padding: 0;
float: left;
}
#sitefull {
width: auto !important;
}
#nosidebar {
width: 80%;
margin: 0 auto;
float: none;
text-align: center;
}
#sidebar {
width: 270px;
margin: 0;
padding: 0;
float: right;
} #main-footer {
background-color: #000000;
padding: 40px 0 20px;
margin: 0;
}
.footer-inner {
width: 1160px;
margin: 0 auto;
position: relative;
}
.footer-col {
width: 30%;
margin: 0 55px 0 0;
padding: 0;
float: left;
color: #ffffff;
font: 400 14px 'Roboto';
}
.footer-col:nth-child(3) {
margin-right: 0;
}
.footer-col h2 {
font: 400 45px 'Great Vibes';
color: #ffffff;
text-align: center;
}
.footer-col p {
margin-top: 20px;
}
.footer-col.last {
text-align: right;
} .wpcf7 {
margin: 0;
padding: 0;
font: 400 15px 'Roboto Condensed', sans-serif;
color: #ffffff;
}
.wpcf7 form {
margin: 0;
padding: 0;
}
.wpcf7 form span.last {
float: none !important;
}
.wpcf7 form input[type="text"],
.wpcf7 form input[type="email"],
.wpcf7 form input[type="tel"],
.wpcf7 form input[type="url"],
.wpcf7 form input[type="date"],
.wpcf7 form select,
.leftdiv input[type="text"],
.leftdiv input [type="url"],
.leftdiv input[type="email"],
.leftdiv input[type="tel"],
.wpcf7 form textarea,
.rightdiv textarea {
width: 94%;
background-color: #f8f8f8;
border: 1px solid #e6e5e5;
padding: 10px;
margin-top: 15px;
font: 400 14px 'Roboto Condensed', sans-serif;
color: #777777;
}
.wpcf7 form textarea,
.rightdiv textarea {
height: 128px;
}
.wpcf7 form input[type="checkbox"],
.wpcf7 form input[type="radio"],
.wpcf7 form input[type="file"] {
margin-top: 10px;
padding: 0;
}
span.wpcf7-list-item {
margin: 0 15px 0 0 !important;
}
.wpcf7 form input[type="submit"],
#contact input[type="submit"] {
font: 400 15px 'Roboto';
margin: 25px 0 0 0;
padding: 10px 30px;
border: none;
-moz-border-radius: 4px;
-o-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
cursor: pointer;
background-color: #000000;
color:#ffffff;
}
.error_msg {
padding: 10px;
background: #ffd3ce;
color: #e00;
border: 1px #e00 solid;
margin: 15px 0;
}
.success_msg {
padding: 10px;
background: #dcffc5;
color: #070;
border: 1px #070 solid;
margin: 15px 0;
}
.spacer20 {
height: 20px;
clear: both;
}
.nav-links {
display: table;
clear: both;
margin: 15px 0;
width: 100%;
}
.nav-previous {
float: left;
}
.nav-next {
float: right;
}
.nav-links a,
.nav-links .page-numbers {
background: #2e2e2e;
color: #fff;
padding: 5px 10px;
display: inline-block;
}
.nav-links .current,
.nav-links a:hover {
background: #ee6133;
}
h1.entry-title,
h1.page-title {
padding-bottom: 20px;
font-size: 30px;
}
article.tag-sticky-2 {
background: #f6f6f6;
padding: 10px;
}
article img {
height: auto;
}
article p {
margin: 10px 0;
}
.post-date {
display: inline;
}
.post-comment {
display: inline;
}
.post-categories {
display: inline;
}
.post-tags {
display: inline;
}
form.search-form {
margin-bottom: 15px;
}
input.search-field,
.post-password-form input[type=password] {
border: 1px #ccc solid;
padding: 4px;
}
input.search-submit,
.post-password-form input[type=submit] {
border: none;
color: #ffffff;
padding: 4px 10px;
cursor: pointer;
}
aside.widget {
margin-bottom: 30px;
}
aside.widget ul {
list-style: disc;
margin-left: 13px;
}
.accordion-box h2.active {
color: #ff8a00;
}
.webicon {
font-size: 20px;
}
#sidebar ul li {
margin: 5px 0;
}
.comment-list,
ol.comment-list {
list-style: none;
margin-left: 0;
margin-top: 20px;
margin-bottom: 20px;
}
.comment-list ul,
ol.comment-list ul {
list-style: none;
}
.comment-list li.comment {
margin-top: 20px;
}
.comment-list .comment-content h1,
.comment-list .comment-content h2,
.comment-list .comment-content h3,
.comment-list .comment-content h4,
.comment-list .comment-content h5,
.comment-list .comment-content h6 {
margin-top: 15px;
}
h3.widget-title {
font-size: 22px;
border-bottom: 1px solid #cccccc;
padding-bottom: 15px;
margin-bottom: 15px;
}
.blog-post-repeat {
border-bottom: 1px solid #cccccc;
margin-bottom: 40px;
}
a.blogthumbs img {
width: 100%;
}
#wp-calendar td {
padding: 9px;
}
.textwidget select {
border: 1px solid #ccc;
height: 30px;
width: 100%;
} .comment-author.vcard {
display: inline-block;
margin-right: 15px;
}
.comment-author img {
float: left;
}
.comment-meta {
margin: 5px 0;
}
.comment-list ol.children li.comment {
background-image: none;
padding-left: 5px;
}
.hrule {
border-top: 1px #dbdbdb solid;
margin-top: 15px;
padding-bottom: 15px;
}
ol.commentlist {
list-style: none;
}
#commentform p {
margin: 5px 0;
}
#commentform label {
display: block;
}
#commentform input#email,
#commentform input#url,
#commentform input#author,
#commentform textarea,
#commentform input#eazycfc_captcha {
max-width: 96%;
border: 1px #ccc solid;
padding: 5px 2%;
}
#commentform input#submit {
font: 400 15px 'Roboto Condensed', sans-serif;
border: none;
padding: 5px 10px;
color: #fff;
display: inline-block;
}
#commentform input#submit:hover {
cursor: pointer;
}
.form-allowed-tags {
display: none;
}
ul.errormsg {
background: #ffe4e4;
}
ul.errormsg li {
padding: 5px;
}
.entry-content table,
.comment-body table {
border-collapse: collapse;
margin: 10px 0;
}
.entry-content table td,
.entry-content table th,
.comment-body table td,
.comment-body table th {
padding: 10px 5px;
text-align: left;
}
.entry-content table th,
.comment-body table th {
color: #676767;
font: normal 18px Oswald;
border-bottom: 1px #888 solid;
}
.entry-content table td,
.comment-body table td {
border-bottom: 1px #ccc solid;
}
.fvch-codeblock:hover .comment-form-url {
display: block !important;
}
section#groombride{ 
background-color:#f5f4f4;
}
.bridegroom { 
position:relative;
}
#groom-box { 
width:50%; 
float:right; 
text-align:left;
}
#groom-box img { 
width:100%;
}
.groom-inner { 
padding:30px 0 30px 50px;
}
#bride-box { 
width:50%; 
float:left; 
text-align:right;
}
#bride-box img { 
width:100%;
}
.bride-inner { 
padding:30px 50px 30px 0px;
}
.bride-inner h2, .groom-inner h2 { 
font:400 30px 'Oleo Script'; 
color:#4d4d4b;
display:inline-block; 
margin-bottom:20px; 
border-bottom:1px solid #b94746;
}
h2.section-title{ 
margin:0 auto 23px; 
border-bottom:2px solid #b94746;
}  .screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important; }
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
clip-path: none;
color: #21759b;
display: block;
font-size: 14px;
font-size: 0.875rem;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; } #sitemain[tabindex="-1"]:focus {
outline: 0;
}
select{
padding: 10px 5px;
width: auto;
}a { color: #b94746; }
.header {background: #fff;}
.header .header-inner {
align-items: center;
box-sizing: border-box;
display: flex;
gap: 20px;
min-height: 0;
max-width: calc(100% - 24px);
padding: 8px 0 8px 16px;
width: 1192px;
}
.header .header-inner > .clear {
display: none;
}
.header .header-inner .logo {
flex: 0 0 270px;
margin: 0;
}
.header-logo-link {
display: inline-block;
line-height: 0;
}
.header-logo-img {
display: block;
height: auto;
max-width: 260px;
width: 100%;
}
.header-teaser {display:none;}
@media screen and (min-width:1000px){
.header-teaser {
display: block;
flex: 1 1 auto;
float: none !important;
margin: 0;
position: relative;
text-align: right;
width: auto !important;
}
.header-teaser img {
display: block;
height: auto;
margin-left: auto;
max-height: none !important;
max-width: 100%;
width: 100%;
}
}
.menu-important {float:right;}
.menu-important .menu {list-style-type: none;}
.menu-important .menu li {margin-left: .5rem; margin-bottom: .5rem;}
.menu-important .menu li a {display:block; color: #e4aab2; text-decoration: none; font-family: initial}
.menu-important .menu li a:hover {color: #a09e9e;} .navigation {width:100%; background-color: #e4aab2; height: 3rem;}
.menu-hauptmenu-container {display:block; width: 1200px;  clear:both; margin:0 auto;}
.menu-hauptmenu-container .menu {list-style-type: none; padding-top: .8rem;}
.menu-hauptmenu-container .menu li {float:left; margin-left: 1rem}
.menu-hauptmenu-container .menu li a {
display:block; color:#fff;
text-decoration: none;
font-size: 1.2rem; font-family: initial;
padding-bottom: .8rem;
}
.menu-hauptmenu-container .menu li a:hover {color: #b94746;}
.menu-hauptmenu-container .menu li ul {display:none;   }
.menu-hauptmenu-container .menu li ul li {float:none; border-bottom: 1px solid #e4aab2; margin-left: 0}
.menu-hauptmenu-container .menu li ul li a {display: block; color: #e4aab2; padding-top: .5rem; padding-bottom: .5rem;}
.menu-hauptmenu-container .menu li ul li:hover a { color: #fff; background: #e4aab2; } @media screen and (min-width: 1000px){
.menu-hauptmenu-container .menu li:hover > ul {
display: block;
list-style-type: none;
background: #fff;
box-shadow: 0px 0px 0px 1px #e4aab2;
width: 200px;
position: absolute;
text-align: center;
padding: 0;
margin: 0;
margin-left: -4rem;
}}
.content-area {
background: #fff;
padding: 1rem;
}
.post-comment {display:none;}
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4 {
color:#b94746;
text-align:center;
}
.entry-content h1 {
margin: .2em 0 .75em;
}
.entry-content h2 {
margin: 1.9em 0 .7em;
}
.entry-content h3 {
margin: 1.4em 0 .55em;
}
.entry-content p {
margin: 0 0 1em;
}
.entry-content figure,
.entry-content .wp-caption,
.entry-content .wp-video,
.entry-content video {
margin-bottom: 1.45rem;
}
.entry-content figure + h2,
.entry-content .wp-caption + h2,
.entry-content .wp-video + h2,
.entry-content video + h2 {
margin-top: 2.2em;
}
.entry-content a {color: #b94746;}
.entry-content table {margin: .5rem auto; width: 80%; }
.entry-content ul { list-style-type: none; }
.entry-header a, .post-categories a  {color: #b94746}
.entry-header a:hover, .post-categories a:hover,
.postmeta a:hover, .entry-content a:hover {color: #b94746; text-decoration:underline;}
.read-more a {color: #b94746}
.read-more a:hover {color: #b94746; text-decoration: underline;}
.entry-header a:hover {text-decoration:underline;}
#sidebar {border-left: 2px solid #e4aab2; padding: .5rem;}
input.search-submit {background-color: #e4aab2; }
#main-footer {background-color: #e4aab2; }
#main-footer a {color: #fff;}
#sitemain {width: 100%; text-align:center;}
#sidebar {display:none;}
article p {font-family: Arial;}
.alignright, img.alignright { margin-left: 1rem; margin-bottom: 1rem; }
@media screen and (max-width: 999px){
html,
body {
overflow-x: hidden;
}
.main-container {
overflow-x: hidden;
width: 100%;
}
.header {
padding-top: 0 !important;
}
.header .header-inner {
box-sizing: border-box;
display: block;
max-width: 100%;
min-height: 0;
padding: 10px 12px 0;
width: 100%;
}
.header .header-inner .logo {
margin: 0 auto;
max-width: 240px;
text-align: center;
}
.header-logo-img {
max-width: min(240px, 82vw);
}
.toggle {
display: block !important;
}
.toggle a {
box-sizing: border-box;
display: block !important;
width: 100%;
color: #fff;
padding: 12px 14px;
margin-top: 10px;
font-size: 16px;
text-decoration: none;
}
.navigation {height:auto;}
.menu-hauptmenu-container {
width:100%;
}
.menu-hauptmenu-container .menu {
background: #e4aab2;
margin:0;
padding: 0;
}
.menu-hauptmenu-container .menu li {float:none; width:100%; margin:0; text-align:left;}
.menu-hauptmenu-container .menu li a {
box-sizing: border-box;
font-size: 16px;
padding: 12px 16px;
}
.menu-hauptmenu-container .menu li > ul {
display: block;  list-style-type: none;    background: #fff;      text-align: left;        padding: 0;
margin: 0;         width:auto;        position: relative;
}
.content-area {
box-sizing: border-box;
margin: 0;
padding: 14px;
width: 100% !important;
max-width: 100%;
}
.middle-align,
.content_sidebar {
box-sizing: border-box;
max-width: 100%;
width: 100%;
}
.site-main,
#sitemain,
#sitefull {
box-sizing: border-box;
float: none;
max-width: 100%;
width: 100% !important;
}
#sitemain {
text-align: left;
}
article,
.entry-content {
box-sizing: border-box;
max-width: 100%;
}
.entry-content {
font-size: 16px;
line-height: 1.6;
overflow-wrap: anywhere;
}
.entry-content h1 {
font-size: 28px;
line-height: 1.2;
margin: .15em 0 .65em;
}
.entry-content h2 {
font-size: 23px;
line-height: 1.25;
margin: 1.65em 0 .65em;
}
.entry-content h3 {
font-size: 19px;
line-height: 1.3;
margin: 1.25em 0 .5em;
}
.entry-content p {
margin: 0 0 1em;
text-align: left;
}
.entry-content ul,
.entry-content ol {
list-style-position: outside;
margin: 0 0 1em 1.2rem;
padding-left: 1rem;
text-align: left;
}
.entry-content ul {
list-style-type: disc;
}
.entry-content li {
margin-bottom: .45em;
}
.entry-content table {
display: block;
margin: 1rem 0;
max-width: 100%;
overflow-x: auto;
width: 100%;
}
.entry-content img {
height: auto;
max-width: 100%;
}
.entry-content .aligncenter,
.entry-content .wp-caption {
max-width: 100%;
}
.entry-content figure,
.entry-content .wp-caption,
.entry-content .wp-video,
.entry-content video {
margin-bottom: 1.2rem;
}
.entry-content figure + h2,
.entry-content .wp-caption + h2,
.entry-content .wp-video + h2,
.entry-content video + h2 {
margin-top: 1.75em;
}
#main-footer {
box-sizing: border-box;
display: block;
padding: 24px 14px 18px;
width: 100%;
}
.footer-inner {
box-sizing: border-box;
margin: 0 auto;
max-width: 100%;
width: 100% !important;
}
.footer-col {
box-sizing: border-box;
float: none;
margin: 0 0 14px;
text-align: center !important;
width: 100% !important;
}
.footer-col h2 {
font-size: 34px;
line-height: 1.1;
margin: 0;
}
.footer-col p {
margin: 0;
}
.menu-important {
float: none;
}
.menu-important .menu {
margin: 0;
padding: 0;
text-align: center;
}
.menu-important .menu li {
display: inline-block;
margin: 0 .35rem .35rem;
}
}
.toggle a {
background: url(//www.hochzeitsfeuerwerk.de/wp-content/themes/hochzeitsfeuerwerk/images/mobile_nav_right.png) no-repeat right center #e4aab2 !important;
}
@media screen and (min-width:999px){
.main-container {
background: url(//www.hochzeitsfeuerwerk.de/wp-content/themes/hochzeitsfeuerwerk/images/hochzeitsfeuerwerk-banner-background.jpg) no-repeat left top;
background-size: 100%;
background-attachment: fixed;
}
}