//Farben .myColor-1 { color: #ccb78f; } // Sorrell Brown
.myColor-2 { color: #807259; } // Domino
.myColor-3 { color: #e6decf; } // Pearl Bush
.myColor-4 { color: #bf9f60; } // Twine
.myColor-5 { color: #6d7297; } // Lynch
.myColor-6 { color: #5c6080; } // Comet
.myColor-7 { color: #d0d3e6; } // Blue Haze
.myColor-8 { color: #6771bf; } // Blue Marguerite
.myColor-9 { color: #6b567a; } // Smoky
.myColor-10 { color: #6f5980; } // Rum
.myColor-11 { color: #dccfe6; } // Snuff
.myColor-12 { color: #9660bf; } // Amethyst
.myColor-13 { color: #ccca8f; } // Pine Glade
.myColor-14 { color: #807e59; } // Clay Creek
.myColor-15 { color: #e6e5cf; } // White Rock
.myColor-16 { color: #bfbc60; } // Celery
//////////////////////////
// fonts
//////////////////////////  @font-face {
font-display: swap; font-family: 'Nunito Sans';
font-style: normal;
font-weight: 400;
src: url(//mildent.de/wp-content/themes/fonts/nunito-sans-v12-latin-regular.eot); src: url(//mildent.de/wp-content/themes/fonts/nunito-sans-v12-latin-regular.eot?#iefix) format('embedded-opentype'), url(//mildent.de/wp-content/themes/fonts/nunito-sans-v12-latin-regular.woff2) format('woff2'), url(//mildent.de/wp-content/themes/fonts/nunito-sans-v12-latin-regular.woff) format('woff'), url(//mildent.de/wp-content/themes/fonts/nunito-sans-v12-latin-regular.ttf) format('truetype'), url(//mildent.de/wp-content/themes/fonts/nunito-sans-v12-latin-regular.svg#NunitoSans) format('svg'); } @font-face {
font-display: swap; font-family: 'Nunito Sans';
font-style: normal;
font-weight: 600;
src: url(//mildent.de/wp-content/themes/fonts/nunito-sans-v12-latin-600.eot); src: url(//mildent.de/wp-content/themes/fonts/nunito-sans-v12-latin-600.eot?#iefix) format('embedded-opentype'), url(//mildent.de/wp-content/themes/fonts/nunito-sans-v12-latin-600.woff2) format('woff2'), url(//mildent.de/wp-content/themes/fonts/nunito-sans-v12-latin-600.woff) format('woff'), url(//mildent.de/wp-content/themes/fonts/nunito-sans-v12-latin-600.ttf) format('truetype'), url(//mildent.de/wp-content/themes/fonts/nunito-sans-v12-latin-600.svg#NunitoSans) format('svg'); } @font-face {
font-display: swap; font-family: 'Nunito Sans';
font-style: normal;
font-weight: 700;
src: url(//mildent.de/wp-content/themes/fonts/nunito-sans-v12-latin-700.eot); src: url(//mildent.de/wp-content/themes/fonts/nunito-sans-v12-latin-700.eot?#iefix) format('embedded-opentype'), url(//mildent.de/wp-content/themes/fonts/nunito-sans-v12-latin-700.woff2) format('woff2'), url(//mildent.de/wp-content/themes/fonts/nunito-sans-v12-latin-700.woff) format('woff'), url(//mildent.de/wp-content/themes/fonts/nunito-sans-v12-latin-700.ttf) format('truetype'), url(//mildent.de/wp-content/themes/fonts/nunito-sans-v12-latin-700.svg#NunitoSans) format('svg'); } @font-face {
font-display: swap; font-family: 'Nunito Sans';
font-style: normal;
font-weight: 900;
src: url(//mildent.de/wp-content/themes/fonts/nunito-sans-v12-latin-900.eot); src: url(//mildent.de/wp-content/themes/fonts/nunito-sans-v12-latin-900.eot?#iefix) format('embedded-opentype'), url(//mildent.de/wp-content/themes/fonts/nunito-sans-v12-latin-900.woff2) format('woff2'), url(//mildent.de/wp-content/themes/fonts/nunito-sans-v12-latin-900.woff) format('woff'), url(//mildent.de/wp-content/themes/fonts/nunito-sans-v12-latin-900.ttf) format('truetype'), url(//mildent.de/wp-content/themes/fonts/nunito-sans-v12-latin-900.svg#NunitoSans) format('svg'); } @font-face {
font-family: 'Amatic SC';
font-style: normal;
font-weight: 400;
src: url(//mildent.de/wp-content/themes/zevens-theme/amatic-sc-v24-latin-regular.eot); src: local(''),
url(//mildent.de/wp-content/themes/zevens-theme/amatic-sc-v24-latin-regular.eot?#iefix) format('embedded-opentype'), url(//mildent.de/wp-content/themes/zevens-theme/amatic-sc-v24-latin-regular.woff2) format('woff2'), url(//mildent.de/wp-content/themes/zevens-theme/amatic-sc-v24-latin-regular.woff) format('woff'), url(//mildent.de/wp-content/themes/zevens-theme/amatic-sc-v24-latin-regular.ttf) format('truetype'), url(//mildent.de/wp-content/themes/zevens-theme/amatic-sc-v24-latin-regular.svg#AmaticSC) format('svg'); }
html,body{ 
width:100%;
height:100%;
}
body
{
font-family: 'Nunito Sans', serif !important;
font-style: normal;
font-weight: 300;
font-size:1.2rem;
letter-spacing: .01rem;
overflow-x: hidden !important;
background-repeat: repeat;
font-size:1.5rem;
}
p
{
font-family: 'Nunito Sans', serif !important;
margin-top:0px;
font-size:1.5rem;
}
h1, h2, h3, h4, h5, h6 {
margin-top: 1.4rem;
margin-bottom: 0.5rem;
font-family: 'Amatic SC', sans-serif !important;  
letter-spacing:2px;
color: #6b567a !important;
}
#slogan p {
font-family: 'Amatic SC', sans-serif !important;
background: #fff;
display: table;
padding: 5px 10px 10px 15px;
margin: 0px;
color: #6b567a;
//color: #ddc5a9;
font-size: 2.8rem;
border-top-left-radius: 15px;
border-bottom-right-radius: 15px;
}
#slogan p:first-child {
margin-left: 46px;
padding-bottom: 10px;
padding-top: 10px;
}
//Logo
.header #logomat img  {
z-index: 999999 !important;
-webkit-transition: all 0.4s cubic-bezier(0, 0, 1, 1) !important;
-moz-transition: all 0.4s cubic-bezier(0, 0, 1, 1) !important;
-o-transition: all 0.4s cubic-bezier(0, 0, 1, 1) !important;
-ms-transition: all 0.4s cubic-bezier(0, 0, 1, 1) !important;
transition: all 0.4s cubic-bezier(0, 0, 1, 1) !important;
}
#logomat img {
width: 300px;
-webkit-transition: all 0.4s cubic-bezier(0, 0, 1, 1) !important;
-moz-transition: all 0.4s cubic-bezier(0, 0, 1, 1) !important;
-o-transition: all 0.4s cubic-bezier(0, 0, 1, 1) !important;
-ms-transition: all 0.4s cubic-bezier(0, 0, 1, 1) !important;
transition: all 0.4s cubic-bezier(0, 0, 1, 1) !important;
}
.she-header .logomat img {
//position: absolute;
width: 230px !important;
z-index: 999999 !important;
background: white;
padding: 0px;
-webkit-transition: all 0.4s cubic-bezier(0, 0, 1, 1);
-moz-transition: all 0.4s cubic-bezier(0, 0, 1, 1);
-o-transition: all 0.4s cubic-bezier(0, 0, 1, 1);
-ms-transition: all 0.4s cubic-bezier(0, 0, 1, 1);
transition: all 0.4s cubic-bezier(0, 0, 1, 1);
}
#schrift .elementor-flip-box__layer__inner h3{
color: black !important;
background: white !important;
padding: 10px;
position: absolute;
bottom: 0;
}   
a.unterstrichen {
color:#000 !important; 
}
a.unterstrichen:hover {
text-decoration:underline;
}
.rot{
color:#8C5C0C !important;
}
.grau{
color: #6c727a;
}
.weiss p, .weiss {
color:#ffffff !important;
}
.fett{
font-weight:700;
}
.gross{
text-transform: uppercase !important;
}
ul {
margin-bottom: 20px;
}
.bg {
background: #212121;
width: 30%;
padding: 10px 10px;
margin-top: 40px;
margin-bottom: 0;
color:#fff !important;
}
#sticky {
position: fixed;
right: 0;
z-index:100;
}
#text-bild {
width: 160%;
background: #fff;
} #menuleiste a{
padding-left:0px !important;
}
#main-nav a {
padding-left: 12px;
}
#main-nav .elementor-item.elementor-item-anchor.elementor-item-active::before {
content: '';
margin-left: -12px;
background: #6C674D;
width: 7px;
height: 7px;
margin-top: 8px;
} .cc-revoke, .cc-window {
font-family: 'franklin-gothic-urw',sans-serif !important;
} #btn-leistungen a {
padding-left: 0 !important;
}
.referenzen{
margin-top:20px;
font-size: 1.4rem;
font-weight: 500;
text-transform: uppercase;
background-color: #61CE7000;
border-style: solid;
border-width: 3px 0px 3px 0px;
border-color: #C51618;
border-radius: 0px 0px 0px 0px;
color: #000000;
}
.referenzen:hover, .referenzen:active , .referenzen:visited{
color:#000;
}
.referenzen:hover {
border-color: #000;
} //Box1
#box1{
width: 50% !important;
}
#box2 blockquote p {
font-family: 'Amatic SC', serif !important;
background: white;
font-size: 2rem;
//margin-left: -200px;
padding: 10px;
}
#box-rot::after {
content:'';
position: absolute;
background: #c51618;
width: 30px;
height: 30px;
left: 0;
bottom: 10px;
} #akkordion {
background:#FBF9F912;
} .horizontal span {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
-webkit-transform-origin: left top;
transform-origin: left top;
position: absolute;
margin: 15px;
}
.horizontal span::after {
content: '';
display: inline-block;
width: 70px;
height: 1px;
background: #e3dede;
margin-bottom: 2px;
margin-left: 6px;
} .icon1, .icon2, .icon3{
transition: all .2s ease-in-out; 
}
//Oeffnungszeiten
.zeiten {
padding: 0px 0px;
min-height: inherit;
margin-left: 5px;
color:#ffffff;
text-align: left;
}
.zeiten strong{
color: #000000;
}
.zeiten p{
margin: 1.3rem 0 1rem 0 !important;
}
.zeiten ul, .zeiten ol {
margin: 0;
padding: 0;
list-style: none !important;
}       
.zeiten li {
border-bottom: 0.5px solid #000000;
padding: 0.35rem 0;
letter-spacing: 0rem;
list-style: none;
font-style: normal;
font-size: 1rem !important;
}
.zeiten li:last-child {
border: 0;
}
.zeiten li strong {
display: inline-block;
width: 20%;
} #footer-menu a:hover {
transform: scale(1.02) translate(0,0) perspective(0) rotateY(0deg);
}  @media only screen and (max-width: 767px){
p, ul, li
{
font-size:1.1rem;
}
.bg {
width: 70%;
}
#box-rot p, #box-rot h3{
text-align: left;
}
#box-rot h3{
font-size:1.3rem !important;
}
#box2 blockquote p {
font-size: 1.1rem;
padding: 0px;
}
#box2 .elementor-blockquote {
text-align: left;
padding-left: 15px;
}
.box1{
width: 100% !important
}
#slogan p {
font-size: 1.8rem;
}
.zeiten li {
font-size: 0.8rem !important;
}
}  @media (min-width: 768px) and (max-width: 979px) {
p, ul, li
{
font-size:1.1rem;
}
h1{
font-size:1.4rem !important;
}
h2{
font-size:1.1rem !important;
}
h3{
font-size:1rem !important;
}
.bg {
width: 50%;
}
#box2 blockquote p {
font-size: 1.4rem;
padding: 0px;
}
#slogan p {
font-size: 2.0rem;
}
.zeiten li {
font-size: 0.8rem !important;
}
}  @media (min-width: 980px) and (max-width: 1279px) {
p, ul, li
{
font-size:1.3rem;
}
.bg {
width: 50%;
}  
#slogan p {
font-size: 2.0rem;
}
} @media (min-width: 1280px) and (max-width: 1600px) {
//Box1
.box1{
width: 60% !important
}
#slogan p {
font-size: 2.0rem;
}
}  @media (min-width: 1601px) {
}  @media (min-width: 2400px) {
#slogan p {
font-size: 3.8rem;
}
}