@font-face {
font-family: 'Dosis';
font-style: normal;
font-weight: 400;
src: local(''),
url(//www.hoerakustik-herberholz.de/wp-content/themes/herberholz01/fonts/dosis-v27-latin-regular.woff2) format('woff2'), url(//www.hoerakustik-herberholz.de/wp-content/themes/herberholz01/fonts/dosis-v27-latin-regular.woff) format('woff'); } @font-face {
font-family: 'Dosis';
font-style: normal;
font-weight: 600;
src: local(''),
url(//www.hoerakustik-herberholz.de/wp-content/themes/herberholz01/fonts/dosis-v27-latin-600.woff2) format('woff2'), url(//www.hoerakustik-herberholz.de/wp-content/themes/herberholz01/fonts/dosis-v27-latin-600.woff) format('woff'); }
html, body, div, span, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, section, summary,
time, mark, audio, video {
margin:0;
padding:0;
border:0;
vertical-align:baseline;
}
* {
box-sizing: border-box;
} article, aside, footer, header, hgroup, menu, nav, section {
display:block;
}
html, body { height:100%; }
body {
font-family:'Dosis', sans-serif;
font-size:100%;  
font-weight:400;
line-height:1.5;
background: #eae4e9;  
color: #461e33;
}
.skip:focus, .skip:active {
position: absolute;
top: 0;
left: 0
}
.skiplinks {
position: absolute;
top: -100px;
left: 0;
height: 1px;
width: 100%;
z-index: 999;
list-style-type: none;
}
.skiplinks .skip:focus, .skiplinks .skip:active{
top: 100px;
display: block; width: 100%;
opacity: .8;
padding: .3rem 0;
text-align: center;
text-decoration: none;
}
a {
color:#461e33;
text-decoration:underline;
transition:.5s;  
}
a[href^="tel:"],
a.wa {
text-decoration: none;
cursor: default;
}
a[href^="tel:"]:before,
a.wa:before {
content: '';
display: inline-block;
width: 1.3rem;
height: 1rem;  
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 207 169'%3E%3Cpath fill='%23461e33' d='M141 66l0-16 0 0c0 0-13-3-37-3-25 0-37 3-38 3l0 0 0 16c0 11-9 20-20 20l-25 0 0 57c0 15 11 26 26 26l114 0c14 0 26-11 26-26l0-57-26 0c-11 0-20-9-20-20zm-37-66c-53 0-104 20-104 44 0 20 0 22 0 22 0 5 4 10 10 10l36 0c6 0 10-5 10-10l0-17c0-4 4-9 8-9 0 0 14-3 40-3 26 0 39 3 39 3 5 0 8 5 8 9l0 17c0 5 5 10 10 10l37 0c5 0 9-5 9-10 0 0 0-2 0-22 0-24-51-44-103-44zm30 130l0 14-14 0 0-14 14 0zm0-22l0 14-14 0 0-14 14 0zm0-21l0 13-14 0 0-13 14 0zm-23 43l0 14-14 0 0-14 14 0zm0-22l0 14-14 0 0-14 14 0zm-14-8l0-13 14 0 0 13-14 0zm-10 30l0 14-14 0 0-14 14 0zm0-22l0 14-14 0 0-14 14 0zm0-21l0 13-14 0 0-13 14 0z'/%3E%3C/svg%3E") no-repeat;
margin-right: .3em;
}
a.wa:before {
width: 1rem;
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 83.82 85.356'%3E%3Cpath fill='%23461e33' d='M39.919.034c-7.01.455-14.371 2.973-20.187 6.907-6.14 4.154-11.008 9.762-14.163 16.305-1.726 3.583-2.804 6.958-3.544 11.112-.558 3.116-.675 7.815-.285 11.424.519 4.856 2.297 10.671 4.699 15.423l.688 1.337-1.597 4.764c-.883 2.623-2.479 7.4-3.557 10.619C.883 81.158 0 83.884 0 84.014c0 .117.169.285.376.363.338.13.377.182.312.585-.078.415-.065.441.234.35.532-.169 12.151-3.869 17.058-5.452 2.57-.818 4.777-1.493 4.907-1.493.117 0 .675.22 1.233.506 4.752 2.389 9.815 3.817 15.202 4.31 2.129.182 6.465.091 8.555-.208 12.385-1.713 22.926-8.555 29.417-19.057 2.116-3.427 4.128-8.205 5.206-12.359 1.025-3.985 1.518-8.931 1.246-12.748-.701-10.139-4.622-19.122-11.437-26.184C65.701 5.785 57.289 1.553 47.708.268 46.306.086 41.451-.07 39.919.034zM27.82 20.909a5.55 5.55 0 0 0-.974.442c-.662.415-2.583 2.466-3.18 3.401-1.908 2.973-2.337 6.932-1.194 10.801.869 2.921 1.934 5.153 3.881 8.165 2.467 3.791 4.063 5.842 6.621 8.477 3.842 3.96 7.075 6.18 12.034 8.244 3.661 1.532 6.361 2.401 7.88 2.557 1.051.104 3.349-.259 4.699-.753 1.87-.675 4.012-2.181 4.843-3.401.83-1.246 1.687-4.063 1.791-5.933l.078-1.233-.402-.467c-.286-.312-1.454-1.013-3.817-2.285-5.608-3.012-6.322-3.297-7.205-2.83-.221.104-1.052.948-1.83 1.856-2.311 2.688-2.792 3.155-3.181 3.155-.493 0-3.726-1.649-5.232-2.661-1.752-1.195-2.895-2.155-4.336-3.648-1.713-1.779-3.57-4.323-4.608-6.309l-.234-.468.935-1.025c1.233-1.312 1.739-2.103 2.233-3.479.506-1.403.48-1.831-.26-3.765a569.228 569.228 0 0 1-2.116-5.634c-.753-2.039-1.311-2.869-2.09-3.116-.74-.221-3.726-.286-4.336-.091zM44.995 8.914c4.635.376 8.438 1.402 12.45 3.362a33.874 33.874 0 0 1 13.371 11.762c2.596 3.907 4.193 8.113 4.816 12.709.299 2.181.299 6.595 0 8.828-2.116 15.695-15.072 27.794-30.793 28.78-5.543.338-10.697-.571-15.734-2.778-1.389-.61-3.687-1.856-4.401-2.375-.22-.169-.506-.312-.636-.312-.117 0-2.882.844-6.127 1.882-3.246 1.039-5.92 1.883-5.933 1.857-.026-.026.805-2.558 1.831-5.621 1.025-3.077 1.869-5.738 1.869-5.946 0-.208-.234-.688-.571-1.168-5.427-7.777-7.192-18.512-4.557-27.613.584-1.973 1.065-3.18 2.012-5.063 2.597-5.076 6.556-9.502 11.424-12.748 6.141-4.102 13.813-6.127 20.979-5.556z'/%3E%3C/svg%3E") no-repeat;
}
a:hover {
color: #230f19;
}
a[href^="tel:"]:focus,
a[href^="tel:"]:hover,
a[href^="fax:"]:focus,
a[href^="fax:"]:hover {
color: #461e33;
}
::selection {
background: #230f19;
color: #ded8dd;
}
::-moz-selection {
background: #230f19;
color: #ded8dd;
}
h1, h2, h3 {
font-weight: 600;
font-size: 2rem; 
letter-spacing: 1px;
line-height: 1.25;  
}
h2 {
font-size: 1.75rem;
}
h3 {
font-size: 1.5rem;
}
@media (min-width:980px) {
h1 {
font-size: 3.25rem;
}
h2 {
font-size: 2.5rem;
}
h3 {
font-size: 2rem;
} 
}
strong {
font-weight:600;
}
small, .small {
font-size: .875rem;
}
.large {
font-size: 1.25em;
}
.x-large {
font-size: 1.5em;
}
.hidden {
display: none;
}
hr {
color: #5f374c;
background-color: #5f374c;
border: 0;
height: 1px;
max-width: 125px;
clear:both;
margin: 4.5rem auto;  
}
@media (min-width:980px) {  
hr {
max-width: 300px;  
margin: 6rem auto;
}
}
.clearfix:after {
content: '';
clear: both;
display: block;
visibility: hidden;
height: 0;
}
.btn {
position: relative;
display: inline-block;
padding: .5rem 1.3rem .5rem .7rem;
background: #de2851;
color: #fff;
text-decoration: none;
font-weight: 600;
text-shadow: none;
transition: border-color .4s, background .4s, color .4s;  
}
.btn:before  {
content: '';
position: absolute;
right: .3rem;
top: 50%;
border-color: transparent transparent transparent #fff;
border-style: solid;
border-width: .35rem;
width:0;
height:0;
margin-top: -.25rem;
transition: border-color .4s;
}
.btn:hover {
background: #005E87;
color: #fff;
box-shadow: 0 0 5px #fff;
}
.btn:hover:before {
border-color: transparent transparent transparent #fff;
}
.content {
font-size: 1.125rem;
max-width: 900px;
margin: 0 auto 6rem;  
}
.content.has_subpages {
margin-bottom: 0;  
}
.content a {
text-decoration: none;
box-shadow: inset 0 -1px 0 #ded8dd;
}
.content a:hover {
box-shadow: inset 0 -1px 0 #fff;
}
a[href^="tel:"],
a[href^="fax:"],
a.wa,
a[href^="tel:"]:hover,
a[href^="fax:"]:hover,
a.wa:hover {
box-shadow: none;
}
.content h1,
.content h2,
.content h3,
.content p,
.content ul,
.content ol,
.content table {
margin-bottom: 1.5rem;  
}
.content ul,
.content ol {
padding-left: 1rem;  
} 
.content img {
max-width: 100%;
width: auto;
height: auto;
}
@media (min-width:980px) {
.content {
font-size: 1.25rem;
line-height: 1.75;
}
.content h1,
.content h2,
.content h3,
.content p,
.content ul,
.content ol,
.content table {
margin-bottom: 1.75rem;  
}
.content .slim {
max-width: 500px;
margin:0 auto 1.75rem;  
}
.content ul,
.content ol {
padding-left: 1.5rem;  
}     
}
@media (min-width:1125px) {
.content {
font-size: 1.375rem;
} 
}
@media (min-width:980px) {
.column12,
.column13,
.column23 {
box-sizing: border-box;
display: inline-block;
width: 450px;  
max-width: 49%;
vertical-align: top;
padding: 1rem;  
}
.column13 {
width: 300px;
max-width: 33%;  
}
.column23 {
width: 600px;
max-width: 66%;  
}
.column12.columnWide {
width: 600px;  
}
.column13.columnWide {
width: 360px;
}
.column23.columnWide {
width: 840px;
}
.columnBorder {
border-right:10px solid #007db4;
padding-right:2rem;    
}
}
img {
max-width: 100%;
width: auto;
height: auto;
}
.img-responsive  { display: block; max-width: 100%; height: auto; }
.img-responsive-max { display: block; width: 100%; height: auto; }
.img-rounded { border-radius: 6px; }
.img-circle { border-radius: 50%; }
.text-left {
text-align: left; }
.text-right {
text-align: right; }
.text-center {
text-align: center; }
.pull-right {
float: right; }
.pull-left {
float: left; }
@media (max-width:980px) {
.content.homepage img {
width: 100%;
height: auto;
}
}
.page-id-31 .content > * { text-align: center;
}
.page-id-31 .content p {
max-width: none;
}
.page-id-31 .content table {
width:auto;
margin-left:auto;
margin-right:auto;
border-spacing: 0;
border-collapse: collapse;  
}
.page-id-31 .content td {
padding:0 10px;
text-align: right; 
border:0;
}
.kontaktbox {
box-sizing: border-box;
max-width: 900px;
margin: 2rem auto;
padding: 2rem 0;
border: 1px solid #de2851;
}
.kontaktbox p {
text-align: center;
margin: 0;
}
.kontaktbox .tel {
font-size: 1.5rem;
}
.kontaktbox .tel a {
margin-left: 3px;
}
.kontaktbox a[href^="tel:"]:before {
width: 1.9rem;
height: 1.5rem;
} 
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; }
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#page {
min-height: 100%;
position: relative;
padding-bottom: 6rem;
}
@media (min-width:980px) {
#page {
padding-bottom: 4rem;
}
}
header {
width:100%;
background: #461e33;
padding: 2.5rem .5rem .3rem;
flex: 0 0 auto;
}
#logo {
display:block;
position: relative;
width: 70%;
height: 0;
padding-top: 30%;  
margin: 0 auto;
}
#logo svg {
position: absolute;
top: 0;
left: 0;
}
#logo:hover {
}
#logotext,
#logoohr,
#logoherz {
fill: #ded8dd;  
transition:.7s;
}
a:focus #logotext,
a:focus #logoohr,
a:focus #logoherz {
fill: #fff;
}
a:hover #logotext,
a:hover #logoohr {
fill: #fff;
}
a:hover #logoherz {
fill: #fff;
transform:rotate(-6deg) translate(-20px,30px);
}
@media (min-width:980px), print {
header {
padding: .5rem .5rem 0;
}
#logo {
width: 15%;
padding-top: 7%;
margin:1rem auto;
}
}
nav {
text-transform: uppercase;
font-size: 1.2rem;
width:100%;
margin-top:.5rem;  
}
nav ul {
width:100%;
list-style:none;
}
nav ul ul {
display: none;
letter-spacing: 0;
}
nav li {
display:block;
float: left;
width: 50%;
}
nav a {
display: block;
background: #ded8dd;
color: #461e33;
text-decoration: none;
padding: .4rem 0 .4rem .6rem;
margin-bottom: .2rem;
white-space: nowrap;
}
nav li:nth-child(odd) a {
margin-right: .1rem;
}
nav li:nth-child(even) a {
margin-left: .1rem;
} nav .current-menu-item > a,
nav .current-menu-parent > a {
position: relative;
font-weight: 600;
background: #f7f1f6;  
}
nav ul ul .current-menu-item > a {
background: #ded8dd;  
}
header.cloned {
padding-top:.5rem;
box-shadow: 0 0 10px #785065;
}
.cloned #logo {
margin-bottom:10px;
padding:0;
width: auto;
height:60px;
}
.cloned nav {
max-height: 0; 
transition: max-height .4s;
overflow: hidden;
margin:0;      
}
.cloned nav.show {
max-height: 15rem; 
}
#menubtn {
display: block;
background: #ded8dd;
color: #461e33;
padding: .4rem;
margin-bottom: .2rem;
text-transform: uppercase;
text-align: center;
}
#menubtn.show {
}
#menubtn:before {
content: '\2261';
display: inline-block;
padding-right: .5rem;
}
#menubtn:after {
content: ' \00f6 ffnen';
}
#menubtn.show:before {
content: '\25b4';
}
#menubtn.show:after {
content: ' schliessen';
}
@media (min-width:980px) {
nav {
font-size: 1.25rem;
text-align: center;
}
nav ul {
text-align:center;
}
nav li {
display: inline-block;
float: none;
width: auto;
position: relative;
}  
nav a {
padding: .25rem .7rem;
margin: 0 !important;
background: 0;
color: #ded8dd;
}
nav .current-menu-item > a,
nav .current-menu-parent > a {
background: 0;  
}    
nav ul ul {
position: absolute;
z-index: 10;
left: 0;
top: 100%;
font-size: .9em;
text-align: left;
text-transform: none;
background-color: #fffbff;
width: auto;
visibility: hidden;
opacity: 0;
transition: opacity .4s;
display: block;
}
nav li a:first-child:nth-last-child(2) {
padding-right: 1.2rem;
}
nav li a:first-child:nth-last-child(2):before  {
content: '';
position: absolute;
right: .4rem;
top: 50%;
border-color: #ded8dd transparent transparent;
border-style: solid;
border-width: .35rem;
width:0;
height:0;
margin-top: -.1rem;
transform: scale(.7,1);
transition: transform .4s;
transform-origin: 50% 25%;
}
nav li:hover a:first-child:nth-last-child(2):before {
transform: scale(.7,1) rotate(180deg);
}
nav ul ul li {
width: 100%;
}
nav li:hover ul {
visibility:visible;
opacity:1;
transition-delay:.3s;
}
nav li:hover > a {
background: #ded8dd;
color: #461e33;
}
nav li:hover > a:hover {
background: #230f19;
color: #ded8dd;
}   
nav ul ul a {
margin: 0 !important;
padding: .4rem .8rem;
padding-right: 1rem;
color: #461e33;	
}
.cloned #logo {
width:30%;
margin-top:0;
}
.cloned nav {
max-height: 10rem;
overflow: visible;    
}
#menubtn {
display: none;
}
}
@media (min-width:1125px) {
nav {
font-size: 1.25rem;
}
}
@media (min-width:1300px) {
nav {
font-size: 1.4rem;
}       
}
footer {
width: 100%;
position: absolute;
bottom: 0;
font-size: .9375rem;  
}
footer > div {
margin: .5rem;
padding: .4rem .6rem;
border-top:1px solid #5f374c;
}
footer a {
text-decoration: none;
padding-left:.8rem;
}
footer .copyright {
float: left;
}
footer .imprint {
float: right;
}
@media (min-width:980px) {
footer {
font-size: 1.25rem;  
}
footer .copyright {
width: auto;
margin-right: .7rem;
}
footer .copyright {
padding: .25rem 0;
}
footer .imprint {
padding: .25rem .5rem;
margin-top: 0;
}
}
.call-us {
color: #ded8dd;
position: absolute;
left: .5rem;
right: .5rem;
top: 0;    
line-height: 2rem;
z-index: 600;
text-align: center;
font-size: .875rem;
}
.call-us a {
color: #ded8dd;
margin-left: .1rem;  
}
.call-us a:before {
filter: contrast(2) invert(100);
} 
.breadcrumb {
color: #461e33;
clear: both;
text-align: left;
padding: .5rem;
line-height: 1.2;
}
.breadcrumb li {
display:inline;
}
.breadcrumb li:after {
content: '/';
}
.breadcrumb li:last-child:after,
.breadcrumb li:first-child:after {
content:'';
}
@media (min-width:980px) {
.breadcrumb,
.call-us {
color: #ded8dd;  
position: fixed;
left: 2rem;
top: .5rem;
z-index: 600;
padding: 0;
font-size: 1.125rem;    
line-height:40px;
}
.breadcrumb li:nth-child(2) a:before {
content: 'Startseite';
}  
.call-us {  
left: auto;
right: 2rem;  
}
.breadcrumb a,
.call-us a {
color:#ded8dd;
margin-left: .4rem;  
}
.call-us a:hover {
color:#ded8dd;  
}      
}
main {  padding: 1.5rem .5rem 0;
}
@media (min-width:980px) {
main {
padding: 3rem .5rem 0
}
}
.subpages {
display: flex;
flex-flow: row wrap;   padding-top: 1rem;
max-width: 900px;
margin:0 auto 4rem;  
}
.slide {
flex: 1 1 100%;    
vertical-align: top;
padding: 0 0 5rem;    
}
.slide a {
display: block;  
text-decoration: none;
line-height: 1.75;
}
.slide img {
display: block;
max-width: 50%;
height: auto;
margin: auto;
}
.slide h2 {
font-size: 1.5rem;
line-height: 1.25;
margin: .5rem 0;   
}
.slide .txt {
max-width:30rem;
}
.slide .link {
text-decoration: underline;
display: inline-block;
position: relative;
transition:border-color .4s, background 1.5s;
}
.slide .link:after  {
content: '';
position: absolute;
right: -.75rem;
top: 50%;
border-color: transparent transparent transparent #ded8dd;
border-style: solid;
border-width: .35rem;
width:0;
height:0;
margin-top: -.25rem; 
transition: border .4s, right .2s;
}
.slide a:hover .link:after {
border-color: transparent transparent transparent #fff;
right: -1rem;  
}
.slide a:focus .link:after,
.slide a:active .link:after {
}
@media (min-width:980px), print {
.slide {
flex: 0 0 32%;
margin: 0 .25rem;    
}
.slide a {
padding: .5rem 0;  
}
.slide img {
max-width: 75%;
}
.slide .slidecontent {
padding: 0 .25rem;
height: 8.5rem;
}
.slide .link {
padding: 0 .25rem;
}
}
#back2top a {  
position: fixed;
left: 50%;
bottom: -100px;  
display: inline-block;
transition: background .4s, bottom .4s, right .4s;
background: #fff;    
text-decoration: none;
padding:.5rem .8rem;
transform: translateX(-50%);
}
#back2top a:before {
content: "\25B2";
display: inline-block;
transform: translate(-3px, -1px);
font-size: .8em;
}
#back2top a:focus {
}  
#back2top a:hover {
}
#back2top a:focus, #back2top a:active,
.showit a {
bottom: 1rem !important;   
}
.showit.end a {
bottom: 5rem !important; 
}
.wpcf7 {
width: 100%;
max-width: 450px;
margin: 2rem auto 8rem !important;
}
.wpcf7 input,
.wpcf7 textarea {
width:100%;
padding:4px 0;
}
.wpcf7 input[type='submit']  {
width: auto;
padding:10px 20px;
} .alignnone {
margin: .25rem 1.5rem 1.5rem 0;
}
.aligncenter,
div.aligncenter {
display: block;
margin: .25rem auto .25rem auto;
}
.alignright {
float:right;
margin: .25rem 0 1.5rem 2.5rem;
}
.alignleft {
float: left;
margin: .25rem 2.5rem 1.5rem 0;
}
a img.alignright {
float: right;
margin: .25rem 0 1.5rem 2.5rem;
}
a img.alignnone {
margin: .25rem 1.5rem 1.5rem 0;
}
a img.alignleft {
float: left;
margin: .25rem 2.5rem 1.5rem 0;
}
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption {
background: #fff;
border: 1px solid #f0f0f0;
max-width: 96%; padding: 5px 3px 10px;
text-align: center;
}
.wp-caption.alignnone {
margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
margin: 5px 0 20px 20px;
}
.wp-caption img {
border: 0 none;
height: auto;
margin: 0;
max-width: 98.5%;
padding: 0;
width: auto;
}
.wp-caption p.wp-caption-text {
margin: 0;
padding: 0 4px 5px;
}
.lebenslauf td:first-child {
white-space: nowrap;
} .screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
white-space: nowrap;
height: 1px;
width: 1px;
overflow: hidden;
}
.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;
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; }
#orbisius_simple_notice_container {
margin-bottom:.5rem;
}
@media (min-width: 980px) {
#orbisius_simple_notice_container {
margin-top:.5rem;
margin-bottom:0;
}
}
@media print {
body {
font-size:12px; 
}
header {
margin-bottom:1rem;
}  
#nav,
#menubtn,
.breadcrumb,
.stage,
.call-us,
#back2top
{
display: none;
} 
}