button {
font-weight: bold;
} body {
overflow-y: scroll;
min-width: 240px;
background: #4685BB;
color: #444;
background-image: url(//trosscon.de/wp/wp-content/themes/responsive-child/images/backdrop-with-gears.jpg);
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center;
}
body.background_mobile {
background-image: none;
} .medium,
.medium a.button {
font-size: 16px;
padding: 8px 16px;
} .blue,
a.blue {
background-color: #1874cd; background-image: -webkit-gradient(linear, left top, left bottom, from(#4f9eea), to(#1874cd));
background-image: -webkit-linear-gradient(top, #4f9eea, #1874cd);
background-image: -moz-linear-gradient(top, #4f9eea, #1874cd);
background-image: -ms-linear-gradient(top, #4f9eea, #1874cd);
background-image: -o-linear-gradient(top, #4f9eea, #1874cd);
background-image: linear-gradient(top, #4f9eea, #1874cd);
border: 1px solid #115290;
color: #fff;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4f9eea, endColorstr=#1874cd);
text-shadow: 0 -1px 0 #115290;
}
.blue:hover,
a.blue:hover {
background-color: #7db7f0;
background-image: -webkit-gradient(linear, left top, left bottom, from(#7db7f0), to(#1874cd));
background-image: -webkit-linear-gradient(top, #7db7f0, #1874cd);
background-image: -moz-linear-gradient(top, #7db7f0, #1874cd);
background-image: -ms-linear-gradient(top, #7db7f0, #1874cd);
background-image: -o-linear-gradient(top, #7db7f0, #1874cd);
background-image: linear-gradient(top, #7db7f0, #1874cd);
border: 1px solid #115290;
color: #fff;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7db7f0, endColorstr=#1874cd);
text-shadow: 0 -1px 0 #115290;
}
th,
td {
padding: .4em; }
li ul,
li ol {
margin: 0.5em 0 0.5em 0; } #container { }
#wrapper {
background-color: rgba(230, 230, 230, 0.9);
border: 1px solid #d5d5d5;
border-radius: 20px;
} #logo {
float: none; text-align: center;
} h1,
h2,
h3,
h4,
h5,
h6,
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
font-weight: 700;
line-height: 1.0em;
word-wrap: break-word;
}
h2 {
font-size: 1.875em; margin-bottom: .857em;
margin-top: .857em;
}
h3 {
font-size: 1.500em; margin-bottom: 1em;
margin-top: 1em;
}
h4 {
font-size: 1.125em; margin-bottom: 1.125em;
margin-top: 1.125em;
}
h5 {
font-size: 1.000em; margin-bottom: 1.285em;
margin-top: 1.285em;
}
textarea {
font-family: inherit;
} #featured {
background-color: rgba(230, 230, 230, 0.9);
border: 1px solid #d5d5d5;
border-radius: 20px;
width: auto;
}
#featured p {
font-weight: 400;
text-align: justify;
}
.menu,
.main-nav {
border-radius: 10px;
}
ul.menu > li:first-child:hover,
ul.menu > li:first-child a:hover {
border-radius: 10px 0 0 10px;
} .widget-wrapper {
background-color: rgba(230, 230, 230, 0.9);
border: 1px solid #d5d5d5;
border-radius: 20px;
}
input[type="tel"] {
-moz-box-sizing: border-box;
-moz-border-radius: 2px;
-webkit-box-sizing: border-box;
-webkit-border-radius: 2px;
-webkit-box-shadow: 0 1px 0 #fff, inset 0 1px 1px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 1px 0 #fff, inset 0 1px 1px rgba(0, 0, 0, 0.2);
box-shadow: 0 1px 0 #fff, inset 0 1px 1px rgba(0, 0, 0, 0.2);
background-color: #fff;
box-sizing: border-box;
border: 1px solid #aaa;
border-bottom-color: #ccc;
border-radius: 2px;
margin: 0;
outline: none;
padding: 6px 8px;
vertical-align: middle;
width: 100%;
} .responsive-icon {
transition: width 1s, height 1s, transform 1s, opacity 1s;
-webkit-transition: width 1s, height 1s, -webkit-transform 1s, opacity 1s;
} .responsive-icon.size-300 {
width: 300px;
height: 300px;
} .responsive-icon.size-150 {
width: 150px;
height: 150px;
} @media screen and (max-width: 980px) {
#logo {
float: none;
margin: 0;
text-align: right;
}
.responsive-icon.resize-980-150 {
width: 150px;
height: 150px;
}
}
@media screen and (max-width: 780px) {
.hide-780 {
display: none;
}
.show-780 {
display: block;
}
.responsive-icon.resize-780-150 {
width: 150px;
height: 150px;
}
.responsive-icon.resize-780-80 {
width: 80px;
height: 80px;
}
}
@media screen and (max-width: 650px) {
h1 {
font-size: 1.875em;
}
h2 {
font-size: 1.600em;
}
h3 {
font-size: 1.125em; 
}
h4 {
font-size: 1.000m;
}
h5 {
font-size: 1.000em; 
}
h6 {
font-size: 1.000em; 
}
#logo {
text-align: right;
}
#container {
padding: 0 5px;
}
#featured p {
font-size: 16px;
line-height: 1.5em;
}
#wrapper,
.front-page #wrapper {
margin: 10px auto;
}
.menu,
ul.menu > li:first-child:hover,
ul.menu > li:first-child a:hover {
border-radius: 0;
} .responsive-icon.resize-650-150 {
width: 150px;
height: 150px;
}
.responsive-icon.resize-650-80 {
width: 80px;
height: 80px;
}
}
@media screen and (max-width: 480px) {
.responsive-icon.resize-480-80 {
width: 80px;
height: 80px;
}
h1.featured-title {
font-size: 50px;
}
}
@media screen and (max-width: 320px) {
#featured p {
font-size: 14px;
line-height: 1.5em;
}
.invisible-320 { opacity: 0;
transition-delay: 0s;
}
.responsive-icon.resize-320-50 {
width: 50px;
height: 50px;
}
}
@media screen and (max-width: 319px) {
.invisible-240 { opacity: 0;
transition-delay: 0s;
}
}
@media screen and (max-width: 240px) {
#featured p {
font-size: 12px;
line-height: 1.5em;
}
.invisible-240 { opacity: 0;
transition-delay: 0s;
}
}