#cookie-notice,#cookie-notice .cn-button:not(.cn-button-custom){font-family:-apple-system,BlinkMacSystemFont,Arial,Roboto,"Helvetica Neue",sans-serif;font-weight:400;font-size:13px;text-align:center}#cookie-notice{position:fixed;min-width:100%;height:auto;z-index:100000;letter-spacing:0;line-height:20px;left:0}#cookie-notice,#cookie-notice *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#cookie-notice.cn-animated{-webkit-animation-duration:.5s!important;animation-duration:.5s!important;-webkit-animation-fill-mode:both;animation-fill-mode:both}#cookie-notice.cn-animated.cn-effect-none{-webkit-animation-duration:1ms!important;animation-duration:1ms!important}#cookie-notice .cookie-notice-container,#cookie-notice .cookie-revoke-container{display:block}#cookie-notice.cookie-notice-hidden .cookie-notice-container,#cookie-notice.cookie-revoke-hidden .cookie-revoke-container{display:none}.cn-position-top{top:0}.cn-position-bottom{bottom:0}.cookie-notice-container{padding:15px 30px;text-align:center;width:100%;z-index:2}.cookie-revoke-container{padding:15px 30px;width:100%;z-index:1}.cn-close-icon{position:absolute;right:15px;top:50%;margin-top:-10px;width:15px;height:15px;opacity:.5;padding:10px;outline:0;cursor:pointer}.cn-close-icon:hover{opacity:1}.cn-close-icon:after,.cn-close-icon:before{position:absolute;content:' ';height:15px;width:2px;top:3px;background-color:grey}.cn-close-icon:before{transform:rotate(45deg)}.cn-close-icon:after{transform:rotate(-45deg)}#cookie-notice .cn-revoke-cookie{margin:0}#cookie-notice .cn-button{margin:0 0 0 10px;display:inline-block}#cookie-notice .cn-button:not(.cn-button-custom){letter-spacing:.25px;margin:0 0 0 10px;text-transform:none;display:inline-block;cursor:pointer;touch-action:manipulation;white-space:nowrap;outline:0;box-shadow:none;text-shadow:none;border:none;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;text-decoration:none;padding:8.5px 10px;line-height:1;color:inherit}.cn-text-container{margin:0 0 6px}.cn-buttons-container,.cn-text-container{display:inline-block}#cookie-notice.cookie-notice-visible.cn-effect-fade,#cookie-notice.cookie-notice-visible.cn-effect-none,#cookie-notice.cookie-revoke-visible.cn-effect-fade,#cookie-notice.cookie-revoke-visible.cn-effect-none{-webkit-animation-name:fadeIn;animation-name:fadeIn}#cookie-notice.cn-effect-fade,#cookie-notice.cn-effect-none{-webkit-animation-name:fadeOut;animation-name:fadeOut}#cookie-notice.cookie-notice-visible.cn-effect-slide,#cookie-notice.cookie-revoke-visible.cn-effect-slide{-webkit-animation-name:slideInUp;animation-name:slideInUp}#cookie-notice.cn-effect-slide{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}#cookie-notice.cookie-notice-visible.cn-position-top.cn-effect-slide,#cookie-notice.cookie-revoke-visible.cn-position-top.cn-effect-slide{-webkit-animation-name:slideInDown;animation-name:slideInDown}#cookie-notice.cn-position-top.cn-effect-slide{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@-webkit-keyframes fadeOut{from{opacity:1}to{opacity:0}}@keyframes fadeOut{from{opacity:1}to{opacity:0}}@-webkit-keyframes slideInUp{from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInUp{from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@-webkit-keyframes slideOutDown{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes slideOutDown{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@-webkit-keyframes slideInDown{from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInDown{from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@-webkit-keyframes slideOutUp{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes slideOutUp{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@media all and (max-width:900px){.cookie-notice-container #cn-notice-buttons,.cookie-notice-container #cn-notice-text{display:block}#cookie-notice .cn-button{margin:0 5px 5px}}@media all and (max-width:480px){.cookie-notice-container,.cookie-revoke-container{padding:15px 25px}}html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
code,
del,
dfn,
em,
img,
q,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
margin: 0;
padding: 0;
border: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
}
em {
font-style: italic;
}
strong {
font-weight: bold;
}
html {
box-sizing: border-box;
}
*,
*:before,
*:after {
box-sizing: inherit;
}
html,
body {
margin: 0;
padding: 0;
height: 100%;
} body {
background: #ffffff;
color: #555;
font-family: "Open_Sans_R", Arial, Helvetica, sans-serif;
} @font-face {
font-family: "Futura Bold";
src: url(//www.simon-werbung.de/wp-content/themes/simon-werbung/css/fonts/futureb.eot);
src: url(//www.simon-werbung.de/wp-content/themes/simon-werbung/css/fonts/futureb.woff) format("woff"),
url(//www.simon-werbung.de/wp-content/themes/simon-werbung/css/fonts/futureb.otf) format("opentype"),
url(//www.simon-werbung.de/wp-content/themes/simon-werbung/css/fonts/futureb.svg) format("svg");
}
@font-face {
font-family: "Open_Sans_B";
src: url(//www.simon-werbung.de/wp-content/themes/simon-werbung/css/fonts/open_sans/OpenSans-Bold-webfont.eot);
src: url(//www.simon-werbung.de/wp-content/themes/simon-werbung/css/fonts/open_sans/OpenSans-Bold-webfont.eot?#iefix)
format("embedded-opentype"),
url(//www.simon-werbung.de/wp-content/themes/simon-werbung/css/fonts/open_sans/OpenSans-Bold-webfont.woff) format("woff"),
url(//www.simon-werbung.de/wp-content/themes/simon-werbung/css/fonts/open_sans/OpenSans-Bold-webfont.ttf) format("truetype"),
url(//www.simon-werbung.de/wp-content/themes/simon-werbung/css/fonts/open_sans/OpenSans-Bold-webfont.svg#webfont) format("svg");
}
@font-face {
font-family: "Open_Sans_R";
src: url(//www.simon-werbung.de/wp-content/themes/simon-werbung/fonts/open_sans/OpenSans-Regular-webfont.eot);
src: url(//www.simon-werbung.de/wp-content/themes/simon-werbung/css/fonts/open_sans/OpenSans-Regular-webfont.eot?#iefix)
format("embedded-opentype"),
url(//www.simon-werbung.de/wp-content/themes/simon-werbung/css/fonts/open_sans/OpenSans-Regular-webfont.woff) format("woff"),
url(//www.simon-werbung.de/wp-content/themes/simon-werbung/css/fonts/open_sans/OpenSans-Regular-webfont.ttf) format("truetype"),
url(//www.simon-werbung.de/wp-content/themes/simon-werbung/css/fonts/open_sans/OpenSans-Regular-webfont.svg#webfont)
format("svg");
}
@font-face {
font-family: "Open_Sans_L";
src: url(//www.simon-werbung.de/wp-content/themes/simon-werbung/css/fonts/open_sans/OpenSans-Light-webfont.eot);
src: url(//www.simon-werbung.de/wp-content/themes/simon-werbung/css/fonts/open_sans/OpenSans-Light-webfont.eot?#iefix)
format("embedded-opentype"),
url(//www.simon-werbung.de/wp-content/themes/simon-werbung/css/fonts/open_sans/OpenSans-Light-webfont.woff) format("woff"),
url(//www.simon-werbung.de/wp-content/themes/simon-werbung/css/fonts/open_sans/OpenSans-Light-webfont.ttf) format("truetype"),
url(//www.simon-werbung.de/wp-content/themes/simon-werbung/css/fonts/open_sans/OpenSans-Light-webfont.svg#webfont) format("svg");
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: "Futura Bold";
color: #001f5b;
}
p {
font-size: 1em;
line-height: 21px;
color: #555;
font-family: "Open_Sans_R";
font-weight: 400;
margin-bottom: 18px;
}
#content li {
font-size: 1em;
line-height: 21px;
font-family: "Open_Sans_R";
font-weight: 400;
}
h1 {
font-size: 20px;
margin: 0 0 15px;
font-weight: normal;
}
h2 {
font-size: 18px;
margin: 0 0 12px;
font-weight: normal;
}
h2.section-title {
border-left: solid 8px #e2001a;
padding-left: 20px; font-size: 36px;
line-height: 43px;
font-weight: 700;
text-transform: uppercase;
}
h3 {
font-family: "Open_Sans_L", "Open_Sans_R", Arial, Helvetica, sans-serif;
font-weight: bold;
text-transform: uppercase;
font-size: 20px;
line-height: 30px !important;
margin-bottom: 20px;
color: #999;
}
h4,
h5,
h6 {
margin: 5px 0 5px;
font-weight: bold;
}
a img {
border: none;
outline: none;
}
a {
color: #d00a2c;
outline: none;
text-decoration: none;
}
a:visited {
color: #d00a2c;
}
a:hover,
a:focus,
a:active {
color: #001f5b;
}
a:focus {
outline: thin dotted;
}
a:hover,
a:active {
outline: 0;
}  .clearfix:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.clearfix {
display: inline-block;
}  hr {
background-color: #ccc;
border: 0;
height: 1px;
margin-bottom: 1.5em;
}
ul,
ol {
margin: 0 0 1.5em 3em;
}
ul {
list-style: disc;
}
ol {
list-style: decimal;
}
li > ul,
li > ol {
margin-bottom: 0;
margin-left: 1.5em;
}
dt {
font-weight: bold;
}
dd {
margin: 0 1.5em 1.5em;
}
img {
height: auto;
max-width: 100%;
}
figure {
margin: 1em 0;
}
table {
margin: 0 0 1.5em;
width: 100%;
}
* {
box-sizing: border-box;
transition: all 0.5s ease;
}
.container {
margin: 0 auto;
} header#masthead {
background: #d00a2c;
position: fixed;
height: 27px;
width: 100%;
z-index: 999;
box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.302),
0 1px 3px 1px rgba(60, 64, 67, 0.149);
} #sidebar {
position: fixed;
top: 0;
}
body.logged-in #sidebar {
top: 46px;
}
nav {
opacity: 0;
visibility: hidden;
width: 100vw;
overflow-y: scroll;
height: 0;
position: absolute;
top: 48px;
left: 0;
display: flex;
justify-content: center;
align-content: flex-start;
background: rgba(0, 0, 0, 0.8);
z-index: 999;
}
nav ul {
height: 100%;
padding: 0;
margin: 0;
position: relative;
top: 0px;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
list-style: none;
}
nav ul li:first-of-type {
margin-top: 30px;
}
nav ul li a {
font-size: 26px;
font-family: "Futura Bold";
text-decoration: none;
text-transform: uppercase;
color: #ffffff;
line-height: 2.2;
}
nav ul li a:visited {
color: #ffffff;
}
nav ul li a:before {
content: "";
width: 24px;
height: 24px;
display: inline-block;
background-size: contain !important;
margin-right: 10px;
}
nav ul li.ico-argentur a:before {
background: url(//www.simon-werbung.de/wp-content/themes/simon-werbung/images/icons/argentur.svg) no-repeat center top;
}
nav ul li.ico-marketing a:before {
background: url(//www.simon-werbung.de/wp-content/themes/simon-werbung/images/icons/marketing.svg) no-repeat center top;
}
nav ul li.ico-design a:before {
background: url(//www.simon-werbung.de/wp-content/themes/simon-werbung/images/icons/design.svg) no-repeat center top;
}
nav ul li.ico-produktion a:before {
background: url(//www.simon-werbung.de/wp-content/themes/simon-werbung/images/icons/produktion.svg) no-repeat center top;
}
nav ul li.ico-erfolg a:before {
background: url(//www.simon-werbung.de/wp-content/themes/simon-werbung/images/icons/erfolg.svg) no-repeat center top;
}
nav ul li.ico-referenzen a:before {
background: url(//www.simon-werbung.de/wp-content/themes/simon-werbung/images/icons/referenzen.svg) no-repeat center top;
}
nav ul li.ico-kontakt a:before {
background: url(//www.simon-werbung.de/wp-content/themes/simon-werbung/images/icons/kontakt.svg) no-repeat center top;
}
nav ul li.ico-web a:before {
background: url(//www.simon-werbung.de/wp-content/themes/simon-werbung/images/icons/web.svg) no-repeat center top;
}
nav ul li.ico-foto a:before {
background: url(//www.simon-werbung.de/wp-content/themes/simon-werbung/images/icons/foto_film.svg) no-repeat center top;
}
nav ul li.ico-coaching a:before {
background: url(//www.simon-werbung.de/wp-content/themes/simon-werbung/images/icons/erfolg.svg) no-repeat center top;
}
nav ul li.ico-shop a:before {
background: url(//www.simon-werbung.de/wp-content/themes/simon-werbung/images/icons/onlineshop.svg) no-repeat center top;
} #logo-container {
display: block;
height: 48px;
width: 100%;
margin: 0 auto;
} #social-media-btn {
float: right;
display: block;
}
#social-media-btn ul {
list-style: none;
display: flex;
margin: 0 auto;
padding: 0 0 0 10px;
height: 48px;
align-items: center;
}
#social-media-btn ul li a {
display: flex;
}
#social-media-btn ul li a p {
display: none;
}
#social-media-btn ul li.social-phone a:before {
background: url(//www.simon-werbung.de/wp-content/themes/simon-werbung/images/icons/phone.svg) no-repeat center top;
content: "";
background-size: contain;
}
#social-media-btn ul li.social-fb a:before {
background: url(//www.simon-werbung.de/wp-content/themes/simon-werbung/images/icons/facebook.svg) no-repeat center top;
content: "";
background-size: contain;
}
#social-media-btn ul li.social-shop a:before {
background: url(//www.simon-werbung.de/wp-content/themes/simon-werbung/images/icons/shop.svg) no-repeat center top;
content: "";
background-size: contain;
}
#social-media-btn ul li a:before {
width: 2em;
height: 2em;
display: inline-block;
background-size: contain;
margin-right: 1em;
}
@media (max-width: 360px) {
#social-media-btn ul li a:before {
margin-right: 0.5em;
}
}
#logo {
width: calc(((102.94px * 48) / 70.77) * 1.922330097);
height: calc((102.94px * 48) / 70.77);
display: block;
background: url(//www.simon-werbung.de/wp-content/themes/simon-werbung/images/logo.svg) no-repeat center top;
background-size: contain;
z-index: 1000;
position: relative;
margin: 0 auto;
box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.3), 0 0 1px #a2a9b1;
top: calc((-4.29px * 69.81) / 102.94);
} .burger-shower {
display: none;
}
#burger-shower:checked ~ nav {
opacity: 1;
visibility: visible;
height: calc(100vh - 48px);
transition: background 0.36s cubic-bezier(0.32, 0.08, 0.24, 1),
height 0.56s cubic-bezier(0.52, 0.16, 0.24, 1);
}
.hamburger {
display: block;
width: 3.4em;
height: 2.4em;
line-height: 0.1em; border: none;
padding: 0 0.4em 0.4em;
}
.menuicon-label:hover,
.menuicon-label:focus,
.menuicon-label:active {
opacity: 0.65;
}
.menuicon-label {
display: block;
position: absolute;
z-index: 3;
top: -3px;
width: 48px;
height: 48px;
cursor: pointer;
-webkit-transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
-webkit-tap-highlight-color: transparent;
}
.menuicon-bread-crust {
display: block;
width: 22px;
height: 1px;
background: #fff;
position: absolute;
left: 7px;
z-index: 1;
}
.menuicon-bread-top {
-webkit-transition: -webkit-transform 0.1806s
cubic-bezier(0.04, 0.04, 0.12, 0.96);
transition: -webkit-transform 0.1806s cubic-bezier(0.04, 0.04, 0.12, 0.96);
transition: transform 0.1806s cubic-bezier(0.04, 0.04, 0.12, 0.96);
transition: transform 0.1806s cubic-bezier(0.04, 0.04, 0.12, 0.96),
-webkit-transform 0.1806s cubic-bezier(0.04, 0.04, 0.12, 0.96);
-webkit-transform: none;
transform: none;
z-index: 4;
}
.menuicon-bread {
position: absolute;
z-index: 3;
top: 9px;
left: 9px;
width: 30px;
height: 30px;
-webkit-transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.menuicon-bread-crust-top {
top: 14px;
-webkit-transform: translateY(-3px);
transform: translateY(-3px);
-webkit-transition: -webkit-transform 0.1596s
cubic-bezier(0.52, 0.16, 0.52, 0.84) 0.1008s;
transition: -webkit-transform 0.1596s cubic-bezier(0.52, 0.16, 0.52, 0.84)
0.1008s;
transition: transform 0.1596s cubic-bezier(0.52, 0.16, 0.52, 0.84) 0.1008s;
transition: transform 0.1596s cubic-bezier(0.52, 0.16, 0.52, 0.84) 0.1008s,
-webkit-transform 0.1596s cubic-bezier(0.52, 0.16, 0.52, 0.84) 0.1008s;
}
.menuicon-bread-crust-middle {
bottom: 1px;
-webkit-transform: translateY(-3px);
transform: translateY(-3px);
-webkit-transition: -webkit-transform 0.1596s
cubic-bezier(0.52, 0.16, 0.52, 0.84) 0.1008s;
transition: -webkit-transform 0.1596s cubic-bezier(0.52, 0.16, 0.52, 0.84)
0.1008s;
transition: transform 0.1596s cubic-bezier(0.52, 0.16, 0.52, 0.84) 0.1008s;
transition: transform 0.1596s cubic-bezier(0.52, 0.16, 0.52, 0.84) 0.1008s,
-webkit-transform 0.1596s cubic-bezier(0.52, 0.16, 0.52, 0.84) 0.1008s;
}
.menuicon-bread-bottom {
-webkit-transition: -webkit-transform 0.1806s
cubic-bezier(0.04, 0.04, 0.12, 0.96);
transition: -webkit-transform 0.1806s cubic-bezier(0.04, 0.04, 0.12, 0.96);
transition: transform 0.1806s cubic-bezier(0.04, 0.04, 0.12, 0.96);
transition: transform 0.1806s cubic-bezier(0.04, 0.04, 0.12, 0.96),
-webkit-transform 0.1806s cubic-bezier(0.04, 0.04, 0.12, 0.96);
-webkit-transform: none;
transform: none;
}
.menuicon-bread-crust-bottom {
bottom: 14px;
-webkit-transform: translateY(3px);
transform: translateY(3px);
-webkit-transition: -webkit-transform 0.1596s
cubic-bezier(0.52, 0.16, 0.52, 0.84) 0.1008s;
transition: -webkit-transform 0.1596s cubic-bezier(0.52, 0.16, 0.52, 0.84)
0.1008s;
transition: transform 0.1596s cubic-bezier(0.52, 0.16, 0.52, 0.84) 0.1008s;
transition: transform 0.1596s cubic-bezier(0.52, 0.16, 0.52, 0.84) 0.1008s,
-webkit-transform 0.1596s cubic-bezier(0.52, 0.16, 0.52, 0.84) 0.1008s;
}
#burger-shower:checked ~ .menuicon-label,
#burger-shower:target ~ .menuicon-label {
top: 0;
-webkit-transition: -webkit-transform 0.3192s
cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.1008s;
transition: -webkit-transform 0.3192s cubic-bezier(0.04, 0.04, 0.12, 0.96)
0.1008s;
transition: transform 0.3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.1008s;
transition: transform 0.3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.1008s,
-webkit-transform 0.3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.1008s;
}
#burger-shower:checked ~ .menuicon-label .menuicon-bread-top,
#burger-shower:target ~ .menuicon-label .menuicon-bread-top {
-webkit-transition: -webkit-transform 0.3192s
cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.1008s;
transition: -webkit-transform 0.3192s cubic-bezier(0.04, 0.04, 0.12, 0.96)
0.1008s;
transition: transform 0.3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.1008s;
transition: transform 0.3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.1008s,
-webkit-transform 0.3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.1008s;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
#burger-shower:checked ~ .menuicon-label .menuicon-bread-crust-top,
#burger-shower:target ~ .menuicon-label .menuicon-bread-crust-top {
-webkit-transition: -webkit-transform 0.1806s
cubic-bezier(0.04, 0.04, 0.12, 0.96);
transition: -webkit-transform 0.1806s cubic-bezier(0.04, 0.04, 0.12, 0.96);
transition: transform 0.1806s cubic-bezier(0.04, 0.04, 0.12, 0.96);
transition: transform 0.1806s cubic-bezier(0.04, 0.04, 0.12, 0.96),
-webkit-transform 0.1806s cubic-bezier(0.04, 0.04, 0.12, 0.96);
-webkit-transform: none;
transform: none;
}
#burger-shower:checked ~ .menuicon-label .menuicon-bread-crust-middle,
#burger-shower:target ~ .menuicon-label .menuicon-bread-crust-middle {
opacity: 0;
left: -30px;
-webkit-transition: -webkit-transform 0.3192s
cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.1008s;
transition: -webkit-transform 0.3192s cubic-bezier(0.04, 0.04, 0.12, 0.96)
0.1008s;
transition: transform 0.3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.1008s;
transition: transform 0.3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.1008s,
-webkit-transform 0.3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.1008s;
}
#burger-shower:checked ~ .menuicon-label .menuicon-bread-bottom,
#burger-shower:target ~ .menuicon-label .menuicon-bread-bottom {
-webkit-transition: -webkit-transform 0.3192s
cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.1008s;
transition: -webkit-transform 0.3192s cubic-bezier(0.04, 0.04, 0.12, 0.96)
0.1008s;
transition: transform 0.3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.1008s;
transition: transform 0.3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.1008s,
-webkit-transform 0.3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.1008s;
-webkit-transform: rotate(-45deg) translate(-2px, 3px);;
transform: rotate(-45deg) translate(-2px, 3px);;
}
#burger-shower:checked ~ .menuicon-label .menuicon-bread-crust-bottom,
#burger-shower:target ~ .menuicon-label .menuicon-bread-crust-bottom {
-webkit-transition: -webkit-transform 0.1806s
cubic-bezier(0.04, 0.04, 0.12, 0.96);
transition: -webkit-transform 0.1806s cubic-bezier(0.04, 0.04, 0.12, 0.96);
transition: transform 0.1806s cubic-bezier(0.04, 0.04, 0.12, 0.96);
transition: transform 0.1806s cubic-bezier(0.04, 0.04, 0.12, 0.96),
-webkit-transform 0.1806s cubic-bezier(0.04, 0.04, 0.12, 0.96);
-webkit-transform: none;
transform: none;
} #content {
width: 100%;
margin: 0 auto;
}
#content > section {
width: 100%;
margin: 0 auto;
padding: 100px 0 100px 0;
}
#content > section:nth-child(even) {
background: #eee;
}  #home {
display: flex;
min-height: 100vh;
align-items: center;
}
.flex-container {
display: flex;
width: 100%;
background-size: contain;
align-items: flex-start;
}
.home-logo {
display: flex;
width: calc(50vw - 20px - ((((102.94px * 48) / 70.77) * 1.92233) / 2));
margin-top: 4px;
height: calc(
(50vw - 10px + (((102.94px * 48) / 70.77) * 1.922330097) / 2) / 2 * 3
);
margin-right: 10px;
background: url(//www.simon-werbung.de/wp-content/themes/simon-werbung/images/icons/logo_o.svg)
no-repeat right top;
background-size: calc(
((50vw - 20px - ((((102.94px * 48) / 70.77) * 1.92233) / 2)) * 2) +
(25.105px)
);
}
.home-inhalt {
display: flex;
flex: 2 1;
flex-direction: column;
}
.home-inhalt-one {
display: flex;
flex: 1 1;
justify-content: space-between;
margin-bottom: 20px;
}
.home-inhalt-one-text h1 {
word-break: break-word;
max-width: 180px;
margin: 0;
font-family: "Futura Bold";
color: #d00a2c;
font-size: 35px;
line-height: 1;
}
.home-inhalt-one-text h1 span {
visibility: hidden;
display: none;
}
.home-inhalt-two {
display: flex;
flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex: 2 1;
align-content: flex-start;
}
.home-inhalt-two > div:nth-child(1) {
order: 2;
}
.home-inhalt-two > div:nth-child(2) {
order: 1;
}
.home-inhalt-two > div:nth-child(3) {
order: 3;
}
.home-inhalt-two > div:nth-child(4) {
order: 4;
}
.home-inhalt-two > div:nth-child(5) {
order: 6;
}
.home-inhalt-two > div:nth-child(6) {
order: 5;
}
.home-inhalt-two > div:nth-child(7) {
order: 7;
}
.home-inhalt-two > div:nth-child(8) {
order: 8;
}
.home-inhalt-two > div:nth-child(9) {
order: 10;
}
.home-inhalt-two > div:nth-child(10) {
order: 9;
}
.home-inhalt-two > div:nth-child(11) {
order: 11;
}
.home-inhalt-two > div:nth-child(12) {
order: 12;
}
.home-inhalt-two > div:nth-child(13) {
order: 14;
}
.home-inhalt-two > div:nth-child(14) {
order: 13;
}
.home-inhalt-two > div:nth-child(15) {
order: 15;
}
.home-inhalt-two > div:nth-child(16) {
order: 16;
}
.home-inhalt-two-link {
display: flex;
align-content: flex-start;
}
.home-inhalt-two-link a {
display: -webkit-flex;
display: flex;
width: calc(
(50vw - 10px + (((102.94px * 48) / 70.77) * 1.922330097) / 2) / 2
);
height: calc(
(50vw - 10px + (((102.94px * 48) / 70.77) * 1.922330097) / 2) / 2
);
align-content: center;
justify-items: center;
background: #d00a2c;
align-items: center;
color: #ffffff;
text-transform: uppercase;
font-family: "Futura Bold";
text-decoration: none;
font-size: 0.8em;
text-align: center;
flex-direction: column;
justify-content: center;
}
.home-inhalt-two-link a:before {
margin: 0 auto 5px auto;
width: calc(100vw / 2 / 5);
height: calc(100vw / 2 / 5);
content: "";
display: inline-block;
background-size: contain !important;
}
.home-inhalt-two-link.ico-Agentur a:before {
background: url(//www.simon-werbung.de/wp-content/themes/simon-werbung/images/icons/argentur.svg) no-repeat center top;
}
.home-inhalt-two-link.ico-Marketing a:before {
background: url(//www.simon-werbung.de/wp-content/themes/simon-werbung/images/icons/marketing.svg) no-repeat center top;
}
.home-inhalt-two-link.ico-Design a:before {
background: url(//www.simon-werbung.de/wp-content/themes/simon-werbung/images/icons/design.svg) no-repeat center top;
}
.home-inhalt-two-link.ico-Produktion a:before {
background: url(//www.simon-werbung.de/wp-content/themes/simon-werbung/images/icons/produktion.svg) no-repeat center top;
}
.home-inhalt-two-link.ico-Erfolg a:before {
background: url(//www.simon-werbung.de/wp-content/themes/simon-werbung/images/icons/erfolg.svg) no-repeat center top;
}
.home-inhalt-two-link.ico-Referenzen a:before {
background: url(//www.simon-werbung.de/wp-content/themes/simon-werbung/images/icons/referenzen.svg) no-repeat center top;
}
.home-inhalt-two-link.ico-Coaching a:before {
background: url(//www.simon-werbung.de/wp-content/themes/simon-werbung/images/icons/erfolg.svg) no-repeat center top;
}
.home-inhalt-two-link.ico-Online a:before {
background: url(//www.simon-werbung.de/wp-content/themes/simon-werbung/images/icons/web.svg) no-repeat center top;
}
.home-inhalt-two-link.ico-Foto a:before {
background: url(//www.simon-werbung.de/wp-content/themes/simon-werbung/images/icons/foto_film.svg) no-repeat center top;
}
.home-inhalt-two-link.ico-Verlag a:before {
background: url(//www.simon-werbung.de/wp-content/themes/simon-werbung/images/icons/verlag.svg) no-repeat center top;
background-repeat: no-repeat;
background-color: #fff;
background-size: 65% !important;
background-position: center;
border-radius: 50%;
}
.home-inhalt-two-bild a {
display: flex;
display: -webkit-flex;
flex: 1 1;
width: calc(((100vw * 0.66)) / 2);
width: calc(
(50vw - 10px + (((102.94px * 48) / 70.77) * 1.922330097) / 2) / 2
);
height: calc(
(50vw - 10px + (((102.94px * 48) / 70.77) * 1.922330097) / 2) / 2
);
align-content: center;
justify-items: center;
background: #d00a2c;
align-items: center;
color: #ffffff;
text-transform: uppercase;
font-family: "Futura Bold";
text-decoration: none;
font-size: 0.8em;
text-align: center;
flex-direction: column;
justify-content: center;
background-size: cover;
filter: saturate(0%);
}
@media (max-width: 768px){
.home-inhalt-two-bild a {
filter: saturate(100%);
}
.elementor-image img {
filter: saturate(100%) !important;
}
}
.home-inhalt-two-bild a:hover {
filter: saturate(100%);
}
.home-inhalt-two-bild.bild-Agentur a {
background-image: url(//www.simon-werbung.de/wp-content/themes/simon-werbung/images/home/sw_twins.jpg);
}
.home-inhalt-two-bild.bild-Marketing a {
background-image: url(//www.simon-werbung.de/wp-content/themes/simon-werbung/images/home/sw_marketing.jpg);
}
.home-inhalt-two-bild.bild-Design a {
background-image: url(//www.simon-werbung.de/wp-content/themes/simon-werbung/images/home/sw_plevendo.jpg);
}
.home-inhalt-two-bild.bild-Produktion a {
background-image: url(//www.simon-werbung.de/wp-content/themes/simon-werbung/images/home/sw_bauer02.jpg);
}
.home-inhalt-two-bild.bild-Erfolg a {
background-image: url(//www.simon-werbung.de/wp-content/themes/simon-werbung/images/home/sw_wgsuc.jpg);
}
.home-inhalt-two-bild.bild-Referenzen a {
background-image: url(//www.simon-werbung.de/wp-content/themes/simon-werbung/images/home/sw_elke.jpg);
}
.home-inhalt-two-bild.bild-Coaching a {
background-image: url(//www.simon-werbung.de/wp-content/themes/simon-werbung/images/home/sw_wgsuc.jpg);
}
.home-inhalt-two-bild.bild-Online a {
background-image: url(//www.simon-werbung.de/wp-content/themes/simon-werbung/images/home/sw_web.jpg);
}
.home-inhalt-two-bild.bild-Foto a {
background-image: url(//www.simon-werbung.de/wp-content/themes/simon-werbung/images/home/sw_wgsuc.jpg);
}
.home-inhalt-two-bild.bild-Verlag a {
background-image: url(//www.simon-werbung.de/wp-content/themes/simon-werbung/images/home/sw_verlag.jpg);
}
@media (max-width: 760px) {
.home-inhalt-two-bild.bild-Referenzen a {
background-image: url(//www.simon-werbung.de/wp-content/themes/simon-werbung/images/home/sw_wgsuc.jpg);
}
.home-inhalt-two-bild.bild-Coaching a {
background-image: url(//www.simon-werbung.de/wp-content/themes/simon-werbung/images/home/sw_elke.jpg);
}
.home-inhalt-two-bild.bild-Foto a {
background-image: url(//www.simon-werbung.de/wp-content/themes/simon-werbung/images/home/foto_ersatz.jpg);
}
}
@media (min-width: 768px) {
.home-logo {
width: calc(100vw * 2 / 7);
background-size: calc(100vw * 2 / 7 - 20px);
height: calc(100vw * 2 / 7 * 280.893 / 200);
}
.home-inhalt-one {
width: calc(((100vw * 5 / 7) - 30px));
max-width: 1000px;
}
.home-inhalt-one-logo {
width: calc(105px * 1.922330097);
height: 105px;
background: url(//www.simon-werbung.de/wp-content/themes/simon-werbung/images/logo.svg) no-repeat right top;
background-size: contain;
background-position-x: 4px;
}
.home-inhalt-two-link a,
.home-inhalt-two-bild a {
width: calc(((100vw * 5 / 7) - 30px) / 3);
height: calc(((100vw * 5 / 7) - 30px) / 3);
}
.home-inhalt-two-link a:before {
width: calc(100vw * 5 / 7 / 3 / 2);
height: calc(100vw * 5 / 7 / 3 / 2);
max-width: 70px;
max-height: 70px;
}
.home-inhalt-two > div:nth-child(1) {
order: 1;
}
.home-inhalt-two > div:nth-child(2) {
order: 2;
}
.home-inhalt-two > div:nth-child(3) {
order: 3;
}
.home-inhalt-two > div:nth-child(4) {
order: 4;
}
.home-inhalt-two > div:nth-child(5) {
order: 5;
}
.home-inhalt-two > div:nth-child(6) {
order: 6;
}
.home-inhalt-two > div:nth-child(7) {
order: 7;
}
.home-inhalt-two > div:nth-child(8) {
order: 8;
}
.home-inhalt-two > div:nth-child(9) {
order: 9;
}
.home-inhalt-two > div:nth-child(10) {
order: 10;
}
.home-inhalt-two > div:nth-child(11) {
order: 11;
}
.home-inhalt-two > div:nth-child(12) {
order: 12;
}
.home-inhalt-two > div:nth-child(13) {
order: 13;
}
.home-inhalt-two > div:nth-child(14) {
order: 14;
}
.home-inhalt-two > div:nth-child(15) {
order: 15;
}
.home-inhalt-two > div:nth-child(16) {
order: 16;
display: none;
}
}
@media (min-width: 1024px) {
.home-inhalt-one {
width: calc((15.567vw - 27.241px) * 5);
}
.home-inhalt-two {
max-width: 1000px;
}
.home-inhalt-two-link a,
.home-inhalt-two-bild a {
width: calc(15.567vw - 27.241px);
height: calc(15.567vw - 27.241px);
max-width: 200px;
max-height: 200px;
}
.home-logo {
width: calc((2 * (15.567vw - 27.241px) + 125px) * (200 / 280.893) + 20px);
background-size: calc(
(2 * (15.567vw - 27.241px) + 125px) * (200 / 280.893) + 20px
)
calc(2 * (15.567vw - 27.241px) + 125px);
height: calc(2 * (15.567vw - 27.241px) + 125px);
margin-left: 20px;
}
.home-inhalt-two-link a:before {
width: calc((15.567vw - 27.241px) / 2.2);
height: calc((15.567vw - 27.241px) / 2.2);
}
} #content > section#kontakt {
background: #222222;
padding-bottom: 0;
}
#kontakt h1,
#kontakt h2,
#kontakt h3,
#kontakt h4,
#kontakt h5,
#kontakt h6,
#kontakt p,
#kontakt a,
#kontakt {
color: #ffffff;
}
#kontakt .klein p {
font-size: 12px;
font-family: "Open_Sans_R";
}
#kontakt .klein ul.menu {
padding: 0;
margin: 0;
display: flex;
flex-wrap: wrap;
}
#kontakt .klein ul.menu li {
list-style: none;
}
#kontakt .klein ul.menu li:after {
content: "|";
padding: 0 5px;
}
#kontakt .klein ul.menu li:last-child:after {
content: "";
}
#kontakt #menu-footer li {
font-size: 12px;
} .elementor-button {
background: #555759;
}
.elementor-button:hover,
.elementor-button:active {
background: #d00a2c;
}
.elementor-button:focus {
background: #001f5b;
}
.konzept.elementor-element,
.konzept .elementor-widget-container,
.konzept .elementor-text-editor {
height: 100%;
}
.konzept .elementor-text-editor ul {
display: flex;
height: 100%;
background: antiquewhite;
padding: 0;
margin: 0;
flex-wrap: wrap;
}
.konzept .elementor-text-editor li {
height: 50%;
min-height: 100px;
list-style: none;
width: 50%;
flex: 0 1 50%;
align-content: center;
align-items: center;
text-align: center;
background: #d00a2c;
display: flex;
color: #fff;
justify-content: center;
border: 5px solid;
font-size: 1.1em !important;
word-break: break-all;
}
.referenzen .elementor-text-editor p {
display: flex;
justify-content: space-evenly;
justify-items: center;
flex-wrap: wrap;
align-items: center;
}
.referenzen img {
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray;
width: 73px;
margin: 10px;
}
.referenzen img:hover {
-webkit-filter: grayscale(0);
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
filter: url(#none);
filter: none;
}
img:hover {
filter: brightness(100%) contrast(100%) saturate(100%) blur(0)
hue-rotate(0deg) !important;
}
section .section-title {
margin-bottom: 40px;
margin-left: 10px;
}
.elementor .bilder_rund img {
border-radius: 100%;
border: 3px solid #d00a2c;
}
.bilder_rund a:hover > img,
.bilder_rund a:active > img,
.bilder_rund a:focus > img {
border: 3px solid #001f5b;
}
@media (min-width: 768px) {
.elementor .dotts_remove_desktop .slick-dots {
display: none;
}
} .standard_popup .dialog-widget-content {
animation-duration: 0.5s;
background-color: #d00a2d;
box-shadow: 2px 8px 23px 3px rgba(0, 0, 0, 0.2);
}
.standard_popup p,
.standard_popup ul,
.standard_popup li,
.standard_popup h1,
.standard_popup h2,
.standard_popup h3,
.standard_popup h4,
.standard_popup h5,
.standard_popup h6,
.standard_popup a {
color: #ffffff;
}
.standard_popup .elementor-column-wrap {
padding: 0 !important;
}
.standard_popup a {
text-decoration: underline !important;
}
.standard_popup .elementor-section-wrap,
.elementor-popup-modal .elementor-section-wrap {
max-height: calc(100vh - 100px);
}
.dialog-close-button,
.dialog-lightbox-close-button {
padding: 8px;
border-radius: 100%;
display: block;
background-color: #ffffff;
font-size: 30px;
color: #d00a2e !important;
}
.dialog-close-button:hover,
.dialog-close-button:focus,
.dialog-close-button:active {
background-color: #d00a2e !important;
box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.3), 0 0 1px #a2a9b1;
}
.dialog-close-button:hover i,
.dialog-close-button:focus i,
.dialog-close-button:active i {
color: #ffffff !important;
}
.elementor-lightbox .dialog-lightbox-close-button {
padding: 8px !important;
}
.standard_popup .dialog-close-button.dialog-lightbox-close-button,
.standard_close .dialog-close-button.dialog-lightbox-close-button {
top: -23px;
right: -23px;
}
@media (max-width: 767px) {
.standard_popup .dialog-close-button.dialog-lightbox-close-button,
.standard_close .dialog-close-button.dialog-lightbox-close-button {
right: calc(50% - 23px);
top: -27px;
}
}
.standard_popup .elementor-widget-container {
padding: 15px 15px 15px 15px;
}
@media (min-width: 768px) {
.standard_popup .elementor-widget-container:first {
padding: 30px 30px 30px 30px;
}
} #provent_expert .elementor-column-wrap.elementor-element-populated {
padding: 0;
}
#ProvenExpert_widget_container {
right: -181px;
}
#ProvenExpert_widget_container.show {
right: 0;
animation-duration: 0.5s;
animation-fill-mode: both;
animation-timing-function: ease-in-out;
animation-name: bounceInRight;
}
div.elementor-450 {
background: #222;
}
@media (min-width: 768px) and (max-width: 960px) {
#ProvenExpert_widget_container {
top: 27px !important;
}
#ProvenExpert_widget_container:hover,
#ProvenExpert_widget_container:focus,
#ProvenExpert_widget_container:active {
opacity: 1;
transition: all 0.3s ease-in-out;
}
} span.rufnummer.highlight {
animation-duration: 2s;
-webkit-animation-duration: 2s;
animation-delay: 2s;
-webkit-animation-delay: 2s;
animation-fill-mode: both;
-webkit-animation-fill-mode: both;
animation-timing-function: ease-in-out;
-webkit-animation-timing-function: ease-in-out;
animation-name: tada;
-webkit-animation-name: tada;
display: inline-flex;
} @media (min-width: 760px) {
.flex-container.fehler {
align-items: stretch;
}
.home-inhalt-two.fehler {
flex-direction: column;
align-items: center;
justify-content: center;
align-content: center;
}
.fehler h2 {
font-size: 2em;
text-align: center;
}
}
.fehler a.button {
box-shadow: 0 16px 16px rgba(103,110,144,.05), 0 8px 8px rgba(103,110,144,.05), 0 4px 4px rgba(103,110,144,.05), 0 2px 2px rgba(103,110,144,.05);
transition: all 0.3s ease;
font-size: 18px;
font-weight: 400;
padding: 12px 36px;
border-radius: 6px;
cursor: pointer;
background: #fff;
font-size: 15px;
padding: 8px 36px;
display: inline-block;
text-decoration: none!important;
color: #fff;
background: #d00a2c;
text-align: center;
}
.fehler a.button:hover {
background: #001f5a;
box-shadow: 0 4px 4px rgba(103,110,144,.05), 0 2px 2px rgba(103,110,144,.05);
} #ihk {
background: #222222 !important;
padding-top: 40px !important;
padding-bottom: 40px !important;
}
#ihk .section-title {
display: none !important;
}
#ihk p {
color: white !important; 
} @media (min-width: 768px) and (min-height: 710px) {
.no_desktop {
display: none;
}
.top-container {
margin: 0 auto;
width: 100%;
}
#logo-container {
opacity: 0;
}
#logo-container.show {
opacity: 1;
}
#sidebar nav {
left: calc((100vh - 22px) / 6 * (-1));
transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
}
#sidebar.show nav {
left: 0;
animation-duration: 1s;
animation-fill-mode: both;
animation-timing-function: ease-in-out;
animation-name: bounceInLeft; }
}
@media (max-width: 767px), (max-height: 709px) {
header#masthead {
height: 48px;
}
nav {
justify-content: left;
}
.menu-hauptmenu-container {
padding-left: calc(50vw - ((((102.94px * 48) / 70.77) * 1.922330097) / 2) - 32px);	
}
}
@media (max-width: 767px), (max-height: 767px) {
header .container,
#sidebar .container {
width: 100% !important;
}
.flex-container { }
#content > section {
padding: 50px 10px 50px 10px;
}
#content > section#home {
padding: 80px 10px 50px 10px;
}
}
@media (min-width: 768px) and (min-height: 710px) {
label.menuicon-label,
input#burger-shower {
display: none;
}
nav,
#burger-shower:checked ~ nav {
opacity: 1;
visibility: visible;
height: 100vh;
overflow-y: hidden;
width: calc((100vh - 22px) / 6);
top: 0;
padding-top: 27px;
background: #d00a2c;
display: block;
}
body.logged-in nav,
body.logged-in #burger-shower:checked ~ nav {
padding-top: 13px;
}
nav ul li {
border: 1px solid #ffffff;
border-left: none;
height: calc((100vh - 22px) / 6);
margin: -1px 0 0 0;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
}
nav ul li:first-of-type {
margin-top: 0px;
}
nav ul li a {
font-size: 0.7em;
text-align: center;
display: flex;
flex-direction: column;
justify-content: center;
width: 100%;
height: 100%;
}
nav ul li a:hover,
nav ul li a.active{
color: #ffffff;
background: #555759;
}
nav ul li a:active,
nav ul li a:focus {
color: #ffffff;
}
nav ul li a:before {
margin: 0 auto 0px auto; display: block;
width: calc(24.6 * 100vh / 6 / 98.6);
height: calc(24.6 * 100vh / 6 / 98.6);
}
#logo-container {
height: 27px;
}
.container {
width: calc(750px - (100vh / 6));
padding-left: calc(100vh / 12);
}
#logo {
top: calc(-100px * 4.29 / 102.94);
right: -5px;
float: right;
width: calc(100px * 1.922330097);
height: 100px;
background: url(//www.simon-werbung.de/wp-content/themes/simon-werbung/images/logo.svg) no-repeat right top;
margin-right: 15px;
}
#social-media-btn {
float: right;
display: block;
padding: 0 30px 0 30px;
}
#social-media-btn ul {
list-style: none;
display: flex;
margin: 0 auto;
padding: 0 0 0 10px;
height: 27px;
align-items: center;
}
#social-media-btn ul li a {
display: flex;
}
#social-media-btn ul li a p {
display: none;
}
#social-media-btn ul li.social-shop a:before {
background: url(//www.simon-werbung.de/wp-content/themes/simon-werbung/images/icons/shop.svg) no-repeat center top;
}
#social-media-btn ul li.social-home a:before {
background: url(//www.simon-werbung.de/wp-content/themes/simon-werbung/images/icons/home.svg) no-repeat center top;
}
#social-media-btn ul li.social-phone a:before {
background: url(//www.simon-werbung.de/wp-content/themes/simon-werbung/images/icons/phone.svg) no-repeat center top;
}
#social-media-btn ul li.social-fb a:before {
background: url(//www.simon-werbung.de/wp-content/themes/simon-werbung/images/icons/facebook.svg) no-repeat center top;
}
#social-media-btn ul li.social-kontakt a:before {
background: url(//www.simon-werbung.de/wp-content/themes/simon-werbung/images/icons/cataloge.svg) no-repeat center top;
}
#social-media-btn ul li a:before {
content: "";
width: 20px;
height: 20px;
display: inline-block;
background-size: contain;
margin-right: 10px;
margin-top: 0;
}
}
@media (min-width: 768px) and (min-height: 768px) {
nav ul li a {
font-size: 1em;
}
}
@media (min-width: 992px) {
.container {
width: calc((970px - (100vh / 6)) - 180px);
padding-left: 0;
}
}
@media (min-width: 1200px) {
.container {
width: calc(1170px - (100vh / 6));
padding-left: calc(100vh / 12);
}
}