@charset "utf-8";
  @font-face {
font-family: Teko;
src: url(//ams-schweinfurt.de/wp-content/themes/blank/fonts/teko-light.otf);
}
@font-face {
font-family: Assistant Regular;
src: url(//ams-schweinfurt.de/wp-content/themes/blank/fonts/Assistant-Regular.ttf);
}
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
transition: all 0.3;
}
.cWhite{
color: #fff;
text-shadow: 0 0 20px rgba(0,0,0,0.3);
}
html, body {
height: 100%;
padding: 0px;
margin: 0px; background: #ffffff;
}
body {
padding: 0;
margin: 0;
font-size: 21px;
color: #444;
font-family: Assistant Regular;
line-height: 170%;
}
h1, h2, h3, h4, h5, h6 {
margin-top: 0px;
font-weight: normal;
font-family: 'Teko', sans-serif;
margin-bottom: 0px;
color: #333;
display: block;
line-height: 90%;
letter-spacing: 1px;
}
h1 {
font-size: 60px;
text-transform: uppercase;
line-height: 90%;
margin-bottom: 10px;
}
h1.entry-title{
text-transform: uppercase;
}
h2 {
font-size: 35px;
color: #999;
letter-spacing: 2px;
}
h3 {
padding-bottom: 0px;
margin-top: 0px;
font-size: 35px;
}
h4 {
font-size: 25px;
background: #222;
color: #fff;
line-height: 100%;
padding: 7px 13px 10px 13px;
display: inline-block;
margin-bottom: 5px;
text-transform: uppercase;
letter-spacing: 1px;
}
a {
text-decoration: none;
color: #d80202;
}
hr {
border: none;
}
p {
margin-top: 0;
padding-top: 0px;
}
ul {
margin-bottom: 0;
}
li {
list-style: none;
font-weight: normal;
}
.float-right{
float: right !important;
}
img.width100 {
width: 100%;
display: block;
}
ul, li {
margin: 0;
padding: 0;
}
button{
margin: 0px;
display: inline-block;
}
blockquote {
background: #efefef;
margin: 0px;
padding: 35px 25px 15px 25px;
font-style: italic;
border-radius: 5px;
margin-bottom: 30px;
font-size: 22px;
line-height: 130%;
position: relative;
text-align: center;
}
blockquote:after{
content: "";
display: block;
position: absolute;
width: 100%;
height: 40px;
background: url(//ams-schweinfurt.de/wp-content/themes/images/shadow-unten.png) no-repeat center top;
background-size: 100% 90%;
opacity: 0.7;
bottom: -40px;
z-index: 1000;
left: 0px;
opacity: 0.4;
}
.video{
position: relative;
padding-bottom: 56.25%; 
padding-top: 25px;
height: 0;
}
.video iframe{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.fullsize{
width: 100%;
height: 70vh;
}
.color-white{
color: #fff;
}
.more{
text-align: center;
display: block;	
width: auto;
margin: auto auto;	
transition: all 0.3s;
}
a.more{
display: block;
font-family: 'Teko', sans-serif;
font-size: 28px;
border: 2px solid #d80202;
padding: 17px 20px;
text-shadow: -1px -1px rgba(0,0,0,0.6);
color: #fff; background: rgb(252,2,2); background: -moz-linear-gradient(top, rgba(252,2,2,1) 0%, rgba(229,2,2,1) 49%, rgba(216,2,2,1) 51%, rgba(193,17,1,1) 100%); background: -webkit-linear-gradient(top, rgba(252,2,2,1) 0%,rgba(229,2,2,1) 49%,rgba(216,2,2,1) 51%,rgba(193,17,1,1) 100%); background: linear-gradient(to bottom, rgba(252,2,2,1) 0%,rgba(229,2,2,1) 49%,rgba(216,2,2,1) 51%,rgba(193,17,1,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fc0202', endColorstr='#c11101',GradientType=0 ); text-transform: uppercase;
letter-spacing: 2px;
border-radius: 4px;
}
a.more:hover{ background: rgb(96,96,96); background: -moz-linear-gradient(top, rgba(96,96,96,1) 0%, rgba(56,56,56,1) 49%, rgba(35,35,35,1) 52%, rgba(0,0,0,1) 100%); background: -webkit-linear-gradient(top, rgba(96,96,96,1) 0%,rgba(56,56,56,1) 49%,rgba(35,35,35,1) 52%,rgba(0,0,0,1) 100%); background: linear-gradient(to bottom, rgba(96,96,96,1) 0%,rgba(56,56,56,1) 49%,rgba(35,35,35,1) 52%,rgba(0,0,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#606060', endColorstr='#000000',GradientType=0 ); border: 2px solid #222;
}
a.url{
padding: 10px 30px;
border-radius: 3px;
margin-top: 5px;
font-size: 20px;
font-weight: bold;
background: url(//ams-schweinfurt.de/wp-content/themes/images/hover.svg) no-repeat;
background-size: 100% 100%;
background-position: center center;
color: #fff;
font-family: 'Amatic SC', cursive;
}
.center{
text-align: center;
}
.row{
margin-left: -20px;
margin-right: -20px;
}
.width1, 
.width2, 
.width3, 
.width4, 
.width5, 
.width6, 
.width7, 
.width8, 
.width9, 
.width10, 
.width11, 
.width12 {
float: left;
padding: 0 20px;
min-height:  1px;
position: relative;
}
.width1 {
width: 8.33%;
}
.width2 {
width: 16.66%;
}
.width3 {
width: 25.00%;
}
.width4 {
width: 33.33%;
}
.width5 {
width: 41.66%;
}
.width6 {
width: 50.00%;
}
.width7 {
width: 58.33%;
}
.width8 {
width: 66.66%;
}
.width9 {
width: 75.00%;
}
.width10 {
width: 58.33%;
}
.width11 {
width: 91.66%;
}
.right{
text-align: right;
}
.width12{
width: 100%;
}
.vertical-align{
vertical-align: middle;
}
.abscract-background{
background: url(//ams-schweinfurt.de/wp-content/themes/blank/images/angebot-2.svg)  no-repeat;
background-size: cover;
box-shadow: inset 0 0 20px rgba(0,0,0,0.6);
}
.background-red{
background:  #d80202;
position: relative;
background: url(//ams-schweinfurt.de/wp-content/themes/blank/images/angebot-2.svg) no-repeat;
background-size: cover;
}  .kontaktinformationen{
width: 50%;
float: left;
}
.kontaktformular{
width: 50%;
float: right;
}
.content {
position: relative;
margin: auto auto;
height: 100%;
padding-left: 20px;
padding-right: 20px;
} .listing:after{
content: "";
clear: both;
}
.listing{
margin-left: -20px;
margin-right: -20px;
}
.listing li{
float: left;
width: 100%;
padding: 30px;
padding-bottom: 30px;
}
.listing .marken{
overflow: hidden;
}
.listing .item {
width: 33.33%;
padding-bottom: 15%;
float: left;
position: relative;
}
.listing .item .border{
border: 1px solid #d6d6d6;
width: calc( 100% - 10px);
height: calc( 100% - 10px);
position: absolute;
left: 5px;
top: 5px;
}
.listing .item img {
width: 100%;
position: absolute;
width: 100%;
height: 100%;
object-fit: contain;
object-position: center center;
padding: 10px;
-webkit-filter: grayscale(100%); filter: grayscale(100%);
}
.produkte .listing li a{
display: block;
width: 100%;
padding-bottom: 100%;
position: relative;
transition: all 0.5s;
}
.produkte .listing li a img{
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: calc(100% - 50px);
object-fit: contain;
padding: 5px;
}
.produkte .listing li a .button-shop{
z-index: 1;
background: #333;
color: #fff;
font-family: Teko;
display: inline-block;
line-height: 100%;
position: relative;
text-transform: uppercase;
transition: all 0.3s;
padding: 10px 15px 10px 40px;
background-image: url(//ams-schweinfurt.de/wp-content/themes/blank/images/shop.svg);
background-repeat: no-repeat;
background-size: 20px auto;
background-position: left 10px center;
position: absolute;
bottom: 10px;
left: 10px;
transition: all 0.5s;
width: calc(100% - 20px);
}
.produkte .listing li a:hover .button-shop{
width: calc(100% - 20px);
background-position: right 15px center;
padding: 10px 15px 10px 15px;
}
#wp-admin-bar-top-secondary{
display: none;	
}
.listing-content{
background: #fff;
position: relative;
box-shadow:  0 0 20px rgba(0,0,0,0.3), 0 0 5px rgba(0,0,0,0.3);
}
.listing h2{
font-size: 33px;	
color: #fff;
font-family: teko;
color: #333;
text-align: center;
margin-bottom: 10px;
}
.listing h2:after{
content: "";
width: 30px;
display: block;
height: 1px;
background: #222;
margin: auto auto;
margin-top: 10px;
}
.listing .image{
width: 100%;
padding-bottom: 75%;
position: relative;
}
.listing .image img{
width: 100%;
height:  100%;
position: absolute;
object-fit: cover;
}
.listing .button{
position: absolute;
bottom: 13px;
left: 13px;
letter-spacing: 1px;
}
.listing .text{
padding: 40px;
font-size: 20px;
line-height: 160%;
}
#colophon button.google-maps,
button.google-maps{
background: none;
border: none;
margin-top: 8px;
padding: 0px;
display: block;
}
#colophon button.google-maps a,
button.google-maps a{
color: #fff;
font-family: Teko;
font-size: 25px;
color: #fff;
display: block;
clear: both;
padding: 10px 50px 11px 15px;
margin: auto auto;
width: auto;
line-height: 100%;
background: url(//ams-schweinfurt.de/wp-content/themes/blank/images/map.svg) no-repeat #d80202;
background-position: right 10px center;
background-size: 27px auto;
text-transform: uppercase;
transition: all 0.3s;
}
#colophon button.google-maps a:hover,
button.google-maps a:hover{
background-color: #333;
} .column2 li{
width: 50%;
}
.column2 li:nth-child(2n+1){
clear: both;
}
.column3 li{
width: 33.33%;
position: relative;
}
.column3 li:nth-child(3n+1){
clear: both;
}
.column4 li{
width: 25%;
}
.column4 li:nth-child(4n+1){
clear: both;
}
.column5 li{
width: 20%;
}
.column5 li:nth-child(5n+1){
clear: both;
}
.column6 li{
width: 16.66666666666667%;
}
.column6 li:nth-child(6n+1){
clear: both;
}
.listing li{
position: relative;
padding: 20px;
margin-bottom: 20px;
}
.listing .thumb{
margin-bottom: 3px;
}
.listing .thumbnail{
display: block;
clear: both;
background: red;
}
.listing .thumbnail img{
position: absolute;
top: 10px;
}
.listing .subtitle{
font-size: 18px;
font-family: 'Assistant Regular', sans-serif;
font-weight:  300;
}
.listing .morelink{
font-size: 22px;
font-family: 'Teko', sans-serif;
padding: 10px 45px 8px 20px;
font-size: 16px;
color: #fff;
display: block;
bottom: 5px;
line-height: 110%;
left: 10px;
background: url(//ams-schweinfurt.de/wp-content/themes/images/arrow-more.svg) rgba(201,84,86,1.00) no-repeat center right;
background-size: 25px;
text-align:  left;
clear: both;
position:  absolute;
transition: all 0.3s;
}
.listing .morelink:hover{
padding-right: 60px;
}
.c600 {
max-width: 800px;
}
.c700 {
max-width: 800px;
}
.c800 {
max-width: 800px;
}
.c900 {
max-width: 900px;
}
.c1000 {
max-width: 1000px;
}
.c1100 {
max-width: 1100px;
}
.c1200 {
max-width: 1200px;
}
.c1300 {
max-width: 1300px;
}
.c1400 {
max-width: 1400px;
}
.c1500 {
max-width: 1500px;
}
.center {
text-align: center;
}
.justify{
text-align: justify;
}
td{
vertical-align: top;
padding-right: 20px;
}
.table {
display: table;
text-align: left;
}
.tr {
display: table-row;
}
.td {
display: table-cell;
height: 100%;
padding-right: 5px;
}
.td.image{
padding: 0px;
min-height: 1100px;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
.td.image img{
position: relative;
margin-bottom: 30px;
}
.td.text img{
width: 300px;
height: auto;
}
.td3{
width: 25%;
min-height: 800px;
}
.td6{
width: 50%;
position: relative;
} #top{
height: 50px;
position: relative;
}
#social-media{
overflow: hidden;
position: absolute;
right: 13px;
top: 50%;
transform: translateY(-50%);
text-align: center;
line-height: 100%;
}
#social-media a{
display: inline-block;
width: 30px;
margin-left: 1px;
margin-right: 1px;
}
#social-media a img{
width: 100%;
display: block;
float: left;
}
#logo{
display: inline-block;
top: 0px;
left: 10px;
z-index: 1;
width: 120px;
}
#logo-mobil{
display: none;
}
#logo img{
width: 100%;
float: left;
} #nav_menu-2{
position: absolute;
top: 50%;
right: 370px;
transform: translateY(-50%);
}
#nav_menu-2 li{
display: inline-block;
float: left;
}
#nav_menu-2 li a{
font-size: 16px;
color: #666;
border-right: 1px solid #666;
display: inline-block;
line-height: 100%;
padding: 0 8px 0 8px;
}
#nav_menu-2 li:last-child a{
border-right: 0px solid #333;
padding-right: 0px;
} #top .button{
position: absolute;
right: 0px;
top: 50%;
transform: translateY(-50%);
right: 20px;
}
#top .button a{
font-size: 22px;
font-family: teko;
line-height: 100%;
border: 1px solid #ccc;
color: #333;
padding: 3px 13px 4px 50px;
border-radius: 9999px;
display: block;
float: left;
position: relative;
margin-left: 10px;
overflow: hidden;
transition: all 0.5s;
}
#top .button a:after{
content: "";
display: block;
position: absolute;
width: 0%;
height: 100%;
background: #ccc;
top: 0px;
left: 0px;
z-index: -1;
transition: all 0.5s;
}
#top .button a:hover{
color: #333;
border: 1px solid #ccc;
}
#top .button a:hover:after{
width: 100%;
}
#top .button a.button-onlineshop{
background: #d80202;
color: #fff;
border: 1px solid #d80202;
}
#top .button img{
position: absolute;
width: 30px;
height: 34px;
top: 50%;
left: 10px;
transform: translateY(-50%);
object-fit: contain;		
}
#top .button-automarkt img{
padding: 4px;
}
#top .button-motorradmarkt img{
padding: 2px;
}
#top .button-onlineshop img{
padding: 5px;
}
.red-button{
border: 3px solid #d80202;
padding: 10px;
text-align: center;
display: block;
width: 100%;
font-weight: bold;
transition: 0.3s;
line-height: 100%;
}
.red-button:hover{
background: #d80202;
color: #fff;
}
#custom_html-4{
position: absolute;
right: 100px;
top: 10px;
}
#custom_html-4 strong{
color: #939393;
}
#custom_html-4 a{
margin: 0 10px;
color: #5F5F5F;
}
#custom_html-4 a.active{
font-weight: bold;
color: #d80202;
padding-left: 12px;
background: url(//ams-schweinfurt.de/wp-content/themes/blank/images/active-location.svg) no-repeat;
background-position: left center;
background-size: 5px auto;
}
#custom_html-4 a:hover{
color: #d80202;
}
#masthead {
background: #d80202;
position: relative;
z-index: 100000;
}
#primary-navigation{
position: relative;
background: #d80202;
}
#primary-navigation li {
position: relative;
}
#primary-navigation img{
width: 20px;
height: 20px;
position: relative;
top: 3px;
margin-right: 10px;
}
#primary-navigation .border a{
border: 2px solid #fff;
border-radius: 999px;
font-size: 18px;
line-height: 100%;
padding-top: 1px;
text-transform: none;
}
#primary-navigation .border a:hover{
background: #000;
}
#primary-navigation li a {
display: block;
float: left;
font-family: 'Teko', sans-serif;
font-size: 19px;
color: #fff;
position: relative;
padding: 5px 15px 5px 8px;
position: relative;
text-transform: uppercase;
letter-spacing: 2px;
transition: all 0.3s;
background-position: bottom center;
background-repeat: no-repeat;
line-height: 110%;
}
#wpcf7-f1596-p435-o1 span[data-name="my-acceptance"] label{
color: #fff;
font-size: 16px;
line-height: 140%;
display: block;
}
#wpcf7-f1596-p435-o1 span[data-name="my-acceptance"] label a{
color: #fff !important;
border-bottom: 1px dashed #fff;
}
#wpcf7-f1596-p435-o1  .wpcf7-quiz-label{
font-family: Teko;
color: #fff;
letter-spacing: 1px;
}
#wpcf7-f1596-p435-o1 span[data-name="file-406"]{
background: #fff;
display: block;
padding: 10px;
border-radius: 3px;
border: 2px solid #ec0606;
box-shadow: inset 3px 3px 20px rgba(0, 0, 0, 0.1), inset 3px 3px 10px rgba(0, 0, 0, 0.1), inset -5px -5px 16px rgba(0, 0, 0, 0.1);
}
#wpcf7-f1596-p435-o1 span[data-name="file-406"] input{
display: block;
font-size: 16px;
}
@media (min-width: 1201px){
#logo{
padding: 10px;
display: flex;
justify-content: center;
align-items: center;
}
#primary-navigation{
padding-top: 16px;
padding-bottom: 16px;
width: calc(100% - 120px);
padding-right: 20px;
}
#primary-navigation li.menu-item-has-children > a{
background: url(//ams-schweinfurt.de/wp-content/themes/blank/images/down-chevron.svg) no-repeat right 3px top 12px;
background-size: 10px;
padding-right: 18px;
} 
#primary-navigation ul li {
margin-left: 3px;
margin-right: 3px;
}
#primary-navigation ul li li{
margin-left: 0px;
margin-right: 0px;
}
#masthead{
display: flex;
flex-wrap: wrap;
}
#menu-mainmenu{
display: flex;
flex-wrap: wrap;
align-items: center;
}
#primary-navigation li a {
padding: 9px 13px 5px 13px;
}
#primary-navigation li.menu-item-has-children a{
padding: 9px 17px 5px 5px;
}
#primary-navigation .sub-menu li:last-child a{
border-bottom: none;
}
#masthead #menu-mainmenu .sub-menu li{
}
}
@media (max-width: 1200px){
#primary-navigation li.border{
padding: 10px;
}
#primary-navigation .border a{
max-width: 400px;
padding: 10px;
margin: auto auto;
}
#masthead #menu-mainmenu li.border a{
padding-top: 10px;
padding-bottom: 10px;
}
}
.menu-mainmenu-container{
max-width: 1500px;
margin: auto auto;
}
#menu-mainmenu{
float: right;
}
@keyframes submenu{
from {top: 40px; }
to {top: 34px; }
}*
#primary-navigation .sub-menu {
position: absolute;
top: 34px;	
background: #333;
z-index: 1;
display: none;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
min-width: 250px;
}
#primary-navigation li:hover .sub-menu{
display: block;
animation: submenu 0.2s;
animation-timing-function: ease;
}
#primary-navigation .sub-menu li a:hover{
background: none;
}
#primary-navigation .sub-menu li{
float: none;
display: block;
}
#primary-navigation .sub-menu li a{
display: block;
float: none;
color: #ddd;
padding: 10px 20px 10px 20px;
font-family: Assistant Regular;
font-size: 16px;
letter-spacing: 0px;
font-family: Assistant Regular;
text-transform: none;
line-height: 120%;
}
#primary-navigation .sub-menu li a:hover{
background: #a30404;
}
#primary-navigation .sub-menu li > a:hover,
#primary-navigation .sub-menu li.current-menu-item > a{
background: #111;
}
.toggle-menu{
display: none;
} .gallery-item {
float: left;
position: relative;
margin: 0px;
padding: 0px;
padding: 15px;
}
.gallery-item a{
display: block;
}
.gallery-item img{
width: 100%;
border: 5px solid #fff;
} .gallery-columns-2 .gallery-item {
width: 50%;
}
.gallery-columns-2 .gallery-item:nth-child(2n+1) {
clear: both;
}
.gallery-columns-3 .gallery-item {
width: 33.33%;
}
.gallery-columns-3 .gallery-item:nth-child(3n+1) {
clear: both;
}
.gallery-columns-4 .gallery-item {
width: 25%;
}
.gallery-columns-4 .gallery-item:nth-child(4n+1) {
clear: both;
}
.marken .gallery-columns-5 .gallery-item{
width: 20%;
padding: 5px;
}
.marken .gallery-columns-4 .gallery-item {
width: 25%;
padding: 5px;
}
.marken .gallery-icon{
width: 100%;
padding-bottom: 70%;
position: relative;
}
.marken .gallery-columns-5 .gallery-item img,
.marken .gallery-columns-4 .gallery-item img{
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
object-fit: contain;
padding: 10px;
background: #fff;
border: 1px solid #f0f0f0;
}
.gallery-columns-5 .gallery-item {
width: 20%;
}
.gallery-columns-5 .gallery-item:nth-child(5n+1) {
clear: left;
}
.gallery-columns-6 .gallery-item {
width: 16.66%;
}
.gallery-columns-6 .gallery-item:nth-child(6n+1) {
clear: left;
}
.gallery-columns-7 .gallery-item {
width: 14.28%;
}
.gallery-columns-7 .gallery-item:nth-child(7n+1) {
clear: left;
}
.gallery-columns-8 .gallery-item {
width: 12.5%;
}
.gallery-columns-8 .gallery-item:nth-child(8n+1) {
clear: left;
}
figcaption {
color: #000;
text-align: center;
font-size: 22px;
padding-top: 10px;
} label{
font-size: 20px;
}
input[type="phone"],
input[type="email"],
input[type="text"],
input[type="email"],
textarea {
-webkit-appearance: none;
padding: 17px 17px;
font-size: 20px;
width: 100%;
border: none;	
margin-bottom: 14px;
font-family: 'Assistant Regular', sans-serif;
box-shadow: inset 3px 3px 20px rgba(0,0,0,0.1), inset 3px 3px 10px rgba(0,0,0,0.1), inset -5px -5px 16px rgba(0,0,0,0.1);
border: 2px solid #ec0606;
border-radius: 5px;
color: #333;
letter-spacing: 0.5px;
background-color: #fff;
}
::placeholder { color: #333;
opacity: 1; }
.wpcf7-radio label{
margin-right: 10px;
margin-bottom: 10px;
display: inline-block;
padding-bottom: 10px;
}
input[type="checkbox"]{
padding: 10px 20px;
font-size: 27px;
width: 100%;
margin-bottom: 0px;
border: none;
background: #fff;
color: #333;
font-family: 'Amatic SC', cursive;
border: 2px solid #dedede;
border-radius: 5px;
margin-bottom: 0px;
}
input[type="radio"]{
width: auto;
margin: 0px;
}
input[name="your-name"],
input[name="your-email"],
input[name="your-subject"],
textarea{
background-size: 62px 62px;
background-position: left center;
background-repeat: no-repeat;
padding-left: 90px;
}
input[name="your-name"]{
background-image: url(//ams-schweinfurt.de/wp-content/themes/blank/images/name.svg);
}
input[name="your-email"]{
background-image: url(//ams-schweinfurt.de/wp-content/themes/blank/images/mail.svg);
}
input[name="your-subject"]{
background-image: url(//ams-schweinfurt.de/wp-content/themes/blank/images/betreff.svg);
}
textarea{
background-image: url(//ams-schweinfurt.de/wp-content/themes/blank/images/nachricht.svg);
background-position: left top;
}
select{
padding: 10px 10px;
font-size: 20px;
margin-bottom: 4px;
border: none;
background: #fff;
color: #333;
border: 2px solid #dedede; background: #f4f4f4; background: -moz-linear-gradient(top,  #f4f4f4 0%, #ffffff 74%); background: -webkit-linear-gradient(top,  #f4f4f4 0%,#ffffff 74%); background: linear-gradient(to bottom,  #f4f4f4 0%,#ffffff 74%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#ffffff',GradientType=0 ); margin-bottom: 10px;
width: 60px;
}
input[type="submit"] {
background: #fff;
padding: 10px 20px;
font-family: Teko;
cursor: pointer;
margin-top: 5px;
transition: all 0.3s;
font-family: 'Teko', sans-serif;
width: 200px;
color: #333;
border: none;
margin: auto auto;
display: block;
text-align: center;
background: #f38a34;
font-size: 26px; background: rgb(255,255,255); background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(241,241,241,1) 50%, rgba(225,225,225,1) 51%, rgba(246,246,246,1) 100%); background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); border-radius: 3px;
}
input[type="submit"]:hover {
background: #333;
color: #fff;
}
input[type="submit"]:disabled{
opacity: 0.5;
}
span.wpcf7-not-valid-tip{
text-shadow: 1px 1px 3px rgba(0,0,0,0.8);
color: #fff;
font-weight: bold;
}
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing{
text-shadow: 1px 1px 3px rgba(0,0,0,0.8);
color: #fff;
font-weight: bold;
}
input.wpcf7-not-valid{
box-shadow: inset 0 0 1px white, 0 0 1px white, inset 0 0 10px red;
}
input[type="checkbox"]{
display: inline-block;
width: auto;
}
.my-acceptance{
display: block;
text-shadow: none;
color: rgba(255,255,255,0.8);
}
.my-acceptance label{
font-size: 16px;
line-height: 120%;;
display: block;
}
.my-acceptance input{
display: inline-block;
width: auto;
margin-left: 0px;
}
.my-acceptance a{
color: #fff;
font-weight: bold;
text-decoration: underline;
}
span.wpcf7-list-item{
margin: 0px;
}
textarea {
height: 200px;
margin-top: 6px;
} hr {
border: none;
margin: 0px;
clear: both;
}
.spacer10 {
height: 10px;
}
.spacer20 {
height: 20px;
}
.spacer30 {
height: 30px;
}
.spacer40 {
height: 40px;
}
.spacer50 {
height: 50px;
}
.spacer60 {
height: 60px;
}
.spacer70 {
height: 60px;
}
.spacer80 {
height: 80px;
}
.spacer90 {
height: 90px;
}
.spacer100 {
height: 100px;
}
.spacer120 {
height: 120px;
}
.spacer130 {
height: 130px;
}
.spacer140 {
height: 140px;
}
.spacer150 {
height: 150px;
}
.image-left{
padding-left: calc(100% - 470px);
position: relative;
}
.image-left .image{
width: calc(100% - 470px);	
height: 100%;
position: absolute;
left: 0px;
top: 0px;
}
.image-left .image img{
width: 100%;	
height: 100%;
position: absolute;
left: 0px;
top: 0px;
object-fit: cover;
}
.image-left .text{
padding: 50px;
max-width: 470px;
}
.image-right{
padding-right: 650px;
position: relative;
}
.image-right .image{
width: 600px;	
height: 100%;
position: absolute;
right: 0px;
top: 0px;
}
.image-right .image img{
width: 100%;	
height: 100%;
position: absolute;
left: 0px;
bottom: 0px;
object-fit: contain;
object-position: bottom center;
}
.divider{
display: block;
border: none;
margin: 0px;
height: 40px;
max-width: 600px;
background: url(//ams-schweinfurt.de/wp-content/themes/blank/images/chain.svg) center center no-repeat;
margin: auto auto;
margin-top: 50px;
margin-bottom: 100px;
clear: both;
opacity: 0.6;
}
.maps{
width: 100%;
height: 25vw;
-webkit-filter: grayscale(100%); filter: grayscale(100%);
}
section{
position:relative;
}
img.background{
position: absolute;
width: 100%;
height: 100%;
z-index: -1;
top: 0px;
left: 0px;
object-fit: cover;
object-position: center center;
} #homelinks{
overflow: hidden;
}
#homelinks ul{
margin-left: -5px;
margin-right: -5px;
display: flex;
flex-wrap: wrap;
}
#homelinks li{
width: calc(50% - 5px);
align-content: stretch;
align-items: stretch;
position: relative;
line-height: 120%;
font-size: 16px;
background: #666; background: rgb(216,2,2); background: -moz-linear-gradient(top, rgba(216,2,2,1) 0%, rgba(170,1,1,1) 71%, rgba(216,2,2,1) 100%); background: -webkit-linear-gradient(top, rgba(216,2,2,1) 0%,rgba(170,1,1,1) 71%,rgba(216,2,2,1) 100%); background: linear-gradient(to bottom, rgba(216,2,2,1) 0%,rgba(170,1,1,1) 71%,rgba(216,2,2,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d80202', endColorstr='#d80202',GradientType=0 ); margin-bottom: 10px;
display: flex;
flex-wrap: wrap;
}
#homelinks li:nth-child(odd){
margin-right: 10px;
}
#homelinks .itemcontent{
width: 100%;
position: relative;
line-height: 120%;
display: flex;
flex-wrap: wrap;
align-items: center;
}
#homelinks .image{
width: 400px;
align-self: flex-end;
}
#homelinks .image img{
width: 100%;
float: left;
}
#homelinks .text{
width: calc(100% - 450px);
color: #fff;
padding-top: 60px;
padding-bottom: 60px;
}
#homelinks .text h2{
color: #fff;
text-transform: uppercase;
}
#homelinks .text h3{
font-size: 22px;
font-style: italic;
letter-spacing: 1px;
color: #fff;
}
#homelinks a.more{
display: inline-block;
padding: 7px 15px 7px 30px;
font-size: 22px;
color: #222;
display: inline-block;
font-family: teko;
line-height: 100%;
background: url(//ams-schweinfurt.de/wp-content/themes/blank/images/single-arrow-black-right.svg) no-repeat #fff;
background-size: 7px auto;
background-position: left 10px center;
transition: all 0.3s;
letter-spacing: 1px;
text-shadow: none;
text-transform: none;
text-align: left;
}
#homelinks a.more:hover{
display: inline-block;
padding: 7px 30px 7px 15px;
background: url(//ams-schweinfurt.de/wp-content/themes/blank/images/single-arrow-black-right.svg) no-repeat #fff;
background-size: 7px auto;
background-position: right 10px center;
}
#homelinks a.more:hover{
}
#homemarken ul{
margin-left: -10px;
margin-right: -10px;
}
#homemarken li{
width: 16.66%;
float: left;
display: block;
padding: 10px;
}
#homemarken li .image{
width: 100%;
padding-bottom: 60%;
position: relative;
}
#homemarken li .image img{
position: absolute;
width: 100%;
height: 100%;
object-fit: contain;
padding: 10px;
box-shadow: 0 0 10px rgba(0,0,0,0.1);
background: #fff;
} .team li{
width: 25%;
float: left;
padding: 20px;
position: relative;
}
.team ul{
margin-left: -20px !important;
margin-right: -20px !important;
}
.team li:nth-child(4n+1){
clear: both;
}
.team li img{
width: 100%;
height: 100%;
position: absolute;
object-fit: cover;
margin-bottom: 10px;
}
.team .image{
position: relative;
width: 100%;
padding-bottom: 150%;
background: red;
}
.team .name{
display: block;
font-family: Teko;
font-size: 27px;
line-height: 110%;
}
.team .position{
display: block;
font-size: 16px;
font-style: italic;
line-height: 110%;
color: #333;
} ul.fahrraeder{
overflow: hidden;
}
.fahrraeder li{
width: 33.33%;
float: left;
position: relative;
}
.fahrraeder li:nth-child(even){
background: #eee;
}
.fahrraeder li .image{
width: 100%;
padding-bottom: 90%;
position: relative;
}
.fahrraeder li .image:hover{
transform: scale(1.05);
}
.fahrraeder li .image img{
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
object-fit: contain;
padding: 5%;
}
.fahrraeder li .text{
height: 220px;
text-align: center;
padding-left: 20px;
padding-right: 20px;
}
.fahrraeder li .text h2{
color: #333;
text-transform: uppercase;
letter-spacing: 1px;
}
.fahrraeder li.ebikes{
background: #fff;
}
.fahrraeder li.leasing{
background: #eee;
}
.fahrraeder li.kauf{
background: #fff;
}
.fahrraeder .more{
display: inline-block;
padding: 7px 40px 7px 14px;
font-size: 25px;
color: #fff;
display: inline-block;
font-family: teko;
line-height: 100%;
background: url(//ams-schweinfurt.de/wp-content/themes/blank/images/single-arrow-white-right.svg) no-repeat #d80202;
background-size: 7px auto;
}
.fahrraeder .more{
background-position: left 12px center;
padding: 7px 14px 7px 30px;
transition: all 0.3s;
}
.fahrraeder .more:hover{
background-position: right 12px center;
padding: 7px 30px 7px 14px;
}
.link-container{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.link-container a{
width: calc(33.33% - 20px);
background: #fff;
padding: 10px 20px;
margin-bottom: 10px;
line-height: 100%;
font-family: 'Teko', sans-serif;
color: #333;
font-size: 25px;
background-image:  url(//ams-schweinfurt.de/wp-content/themes/blank/images/red-arrow-right.svg);
background-repeat: no-repeat;
background-size: 10px auto;
background-position: right 10px center;
vertical-align: middle;
display: inline-block;
} .leistungen:before{
content: "";
display: block;
}
.leistungen{
background: #d80202;
position: relative;
}
.leistungen li{
width: 33.33%;
float: left;
position: relative;
line-height: 120%;
background-position: left 14px ;
background-size: 13px;
font-size: 20px;
padding: 10px 20px;
}
.leistungen ul{
margin-left: -20px;
margin-right: -20px;
}
.leistungen li .text{
display: block;
background: #fff;
padding: 3px;
color: #333;
padding: 16px 20px 14px 20px;
font-weight: normal;
font-family: 'Teko', sans-serif;
font-size: 25px;
letter-spacing: 1px;
padding-right: 20px;
border-radius: 3px;
}
.leistungen li a .text{
background-image:  url(//ams-schweinfurt.de/wp-content/themes/blank/images/red-arrow-right.svg);
background-repeat: no-repeat;
background-size: 10px auto;
background-position: right 10px center;
transition: all 0.3s;
}
.leistungen li a:hover .text{
background-color: #000;
color: #fff;
}
.leistungen li:nth-child(3n+1){
clear: both;
}
@keyframes imagezoom{
from{transform: scale(1.0);}
to{transform: scale(1.2);}
}
.zoom{
animation: imagezoom 15s;
animation-iteration-count: infinite;
animation-direction: alternate;
}
.image{
overflow: hidden;
}  .moretext{
font-size: 16px;
background: #efefef;
color: #333;
} .icon{
width: 20px;
height: 20px;
display: inline-block;
margin-bottom: -2px;
margin-right: 5px;
background-size: 100% 100%;
object-fit: contain;
}
.holbringprice .preis{
background: #000;
padding: 10px;
color: #fff;
border-radius: 999px;
align-items: center;
width: 70px;
height: 70px;
display: flex;
flex-wrap: wrap;
justify-content: center;
position: relative;
left: -25px;
}
.holbringprice li{
margin-bottom: 10px;
display: flex;
flex-wrap: wrap;
line-height: 110%;
align-items: center;
width: 100%;
}
.holbringprice .umkreis{
color: #fff;
background: #D80202;
padding: 15px 35px 15px 25px;
display: block;
border-radius: 5px;
align-items: center;
width: calc(100% - 70px);
} #nav_menu-3 ul li a{
background: url(//ams-schweinfurt.de/wp-content/themes/blank/images/single-arrow-white-right.svg) no-repeat;
background-size: 7px auto;
background-position: right center;
padding-top: 15px;
padding-bottom: 15px;
padding-left: 5px;
display: block;
font-family: teko;
font-size: 23px;
letter-spacing: 1px;
transition: all 0.3s;
border-bottom: 1px solid #ccc;
padding-right: 30px;
}
#nav_menu-3 ul li:last-child a{
border-bottom: none;
}
#nav_menu-3 ul li a:hover{
background-color: #333;
background-position: right 10px center;
}
strong.widget-title{
text-transform: uppercase;
color: #fff;
font-weight: normal;
font-size: 30px;
font-family: Teko;
display: block;
margin-bottom: 20px;
border-left: 1px solid #fff;
padding-bottom: 20px;
padding-left: 10px;
letter-spacing: 2px;
} #text-5 li{
line-height: 108%;
font-weight: bold;
display: block;
margin-bottom: 20px;
padding-left: 48px;
background-repeat: no-repeat;
background-position: left center;
}
#text-5 li.newsletter-1{
background-image: url(//ams-schweinfurt.de/wp-content/themes/blank/images/5euro.svg);
}
#text-5 li.newsletter-2{
background-image: url(//ams-schweinfurt.de/wp-content/themes/blank/images/prozent.svg);
}
#text-5 li.newsletter-3{
background-image: url(//ams-schweinfurt.de/wp-content/themes/blank/images/new.svg);
}
footer#colophon{
background: #111;
line-height: 140%;
color: #fff;
position: relative;
font-size: 18px;
}
#colophon .signature #block-2{
padding-top: 8px;
padding-bottom: 12px;
letter-spacing: 1px;
}
#colophon .signature #block-2 a{
color: #999;
font-size: 13px;
}
footer#colophon a{
color: #fff;
padding-right: 5px;
}
footer#colophon:after{
content:"";
display: block;
clear: both;
}	
#colophon .marken figure{
padding: 5px;
}
#colophon .marken .gallery a{
display: block;
padding-bottom: 75%;
position: relative;
}
#colophon .marken .gallery a img{
display: block;
position: absolute;
width: 100%;
height: 100%;
object-fit: contain;
left: 0px;
background: #fff;
padding: 10px;
}
#colophon .footer-1,
#colophon .footer-2,
#colophon .footer-4{
float: left;
}
#colophon .footer-1{
width: 250px;
margin-right: 50px;
}
#colophon .footer-2{
width: 360px;
margin-right: 50px;
}
#colophon .footer-4{
float: right;
}
#colophon  .signature{
background: #000;
font-size: 14px;
padding-top: 4px;
padding-top: 10px;
padding-bottom: 10px;
}
#colophon  .signature a{
color: #666;
}
#up{
position: fixed;
display: inline-block;
width: 45px;
height: 45px;
bottom: 40px;
right: 10px;
color: #fff;
border-radius: 9999px;
font-weight: bold;
font-size: 14px;
background: url(//ams-schweinfurt.de/wp-content/themes/blank/images/up.svg) no-repeat center center rgba(0,0,0,0.9);
background-size: 60% auto;
text-indent: -9999px;
display: none;
} .post-edit-link{
z-index: 1000;
bottom: 20px;
left: 0px;
position: fixed;
padding: 10px; background: #ffffff; background: -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%); background: -webkit-linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); background: linear-gradient(to bottom, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); box-shadow: 0 0 10px rgba(0,0,0,1);
} .gallery:after, 
.row:after, 
#masthead:after, 
#primary-navigation:after, 
ul:after, 
section:after, 
#angebote:after{
content: "";
display: block;
clear: both;
} a.up{
background: rgba(0, 0, 0, 0.8);
color: #fff;
position: fixed;
right: 0px;
bottom: 50px;
display: block;
z-index: 10;
padding: 10px;
} #angebote{
margin-left: -20px;
margin-right: -20px;	
}
#angebote .item:nth-child(4n+1){
clear: both;
}
#angebote .item{
width: 25%;
float: left;
padding: 20px;
}
#angebote .item-content{
background: #fff;
padding: 15px;
box-shadow: 0 0 10px rgba(0,0,0,0.3);
}
#angebote h2{
font-size: 28px;
margin-bottom: 13px;
color: #d80202;
text-align: center;
}
#angebote .image{
width: 100%;
padding-bottom: 200px;
position: relative;
background: #fff;
margin-bottom: 20px;
}
#angebote .image img{
position: absolute;
width: 100%;
height: 100%;
object-fit: contain;
padding: 10px;
}
#angebote .beschreibung{
font-size: 15px;
line-height: 120%;
margin-bottom: 13px;
}
#angebote .preis{
background: #d80202;
color: #fff;
padding: 10px;
text-align: center;
}
#angebote .alter-preis{
text-align: right;
font-size: 12px;
line-height: 100%;
text-decoration: line-through;
font-family: 'Teko', sans-serif;
font-size: 16px;
}
#angebote .neuer-preis{
text-align: right;
font-size: 28px;
font-family: 'Teko', sans-serif;
}
a.more.white{
border: 3px solid #efefef;
color: #333; background: rgb(255,255,255); background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(244,244,244,1) 49%, rgba(229,229,229,1) 51%, rgba(206,206,206,1) 100%); background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(244,244,244,1) 49%,rgba(229,229,229,1) 51%,rgba(206,206,206,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(244,244,244,1) 49%,rgba(229,229,229,1) 51%,rgba(206,206,206,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cecece',GradientType=0 ); }
a.more.white:hover{ background: rgb(96,96,96); background: -moz-linear-gradient(top, rgba(96,96,96,1) 0%, rgba(56,56,56,1) 49%, rgba(35,35,35,1) 52%, rgba(0,0,0,1) 100%); background: -webkit-linear-gradient(top, rgba(96,96,96,1) 0%,rgba(56,56,56,1) 49%,rgba(35,35,35,1) 52%,rgba(0,0,0,1) 100%); background: linear-gradient(to bottom, rgba(96,96,96,1) 0%,rgba(56,56,56,1) 49%,rgba(35,35,35,1) 52%,rgba(0,0,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#606060', endColorstr='#000000',GradientType=0 ); border: 3px solid #333;
color: #fff;
}
a.more.black{
border: 3px solid #000;
color: #fff; background: rgb(99,99,99); background: -moz-linear-gradient(top, rgba(99,99,99,1) 0%, rgba(79,79,79,1) 48%, rgba(56,56,56,1) 51%, rgba(0,0,0,1) 100%); background: -webkit-linear-gradient(top, rgba(99,99,99,1) 0%,rgba(79,79,79,1) 48%,rgba(56,56,56,1) 51%,rgba(0,0,0,1) 100%); background: linear-gradient(to bottom, rgba(99,99,99,1) 0%,rgba(79,79,79,1) 48%,rgba(56,56,56,1) 51%,rgba(0,0,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#636363', endColorstr='#000000',GradientType=0 ); }
.single-werkstatt_leistungen  img.wp-post-image {
width: 100%;
}
.alle-leistungen a{
color: #fff;
margin-right: 20px;
display: inline-block;
}
#page .entry-content #ng-app ul li{
list-style: none;
background: none;
padding: 10px;
}
#page .entry-content #ng-app ul li img{
display: block;
width: 100%;
position: relative;
margin-bottom: 10px;
}
#page .entry-content #ng-app  .nc-booking-service-label{
display: block;
font-size: 14px;
line-height: 120%;
width: 100%;
position: relative;
top: 0px;
display: block;
}
#page .entry-content .nc-booking-header{
height: auto;
overflow: hidden;
}
ul.nc-booking-services{
padding: 0px;
margin: 0px;
}
#page .entry-content #ng-app .nc-booking-service{
width: calc(16.66% - 10px) ;
margin-right: 10px;
margin-bottom: 10px;
height: auto;
}
#page .entry-content #ng-app .nc-booking-service:hover, 
#page .entry-content #ng-app .nc-booking-service-selected{
background: #d80202;
}
#page .entry-content #ng-app .nc-tab-marker{
border-top: 13px solid #d80202;
}
#page .entry-content #ng-app .nc-tab-active{
background: none repeat scroll 0 0 #d80202;
}
#page .entry-content #ng-app .nc-header-branch-name{
color: #d80202;
}
#page .entry-content #ng-app .nc-booking-step-finished{
background: #66b11d;
color: #fff;
}
#page .entry-content #ng-app input[type="button"].nc-button-right, 
#page .entry-content #ng-app input[type="submit"].nc-button-right{
background: #66b11d;
color: #fff;
padding: 10px 20px;
font-size: 18px;
}
#page .entry-content #ng-app .nc-booking-step:first-child{
border-bottom-left-radius: 9999px;
border-top-left-radius: 9999px;
}
#page .entry-content #ng-app .nc-booking-step:last-child{
border-bottom-right-radius: 9999px;
border-top-right-radius: 9999px;
}
#page .entry-content #ng-app select{
width: 100%;
}
#page .entry-content #ng-app .nc-calendar-day-selected{
background: #66b11d;
}
#page .entry-content #ng-app .nc-datetime-confirmation{
background: #66b11d;
}
#page .entry-content #ng-app .nc-booking-step-active{
background: #666;
}
#page .entry-content #ng-app .nc-booking-step-active .nc-booking-step-num[class*=' icon-']{
color: #fff;
}
#page .entry-content #ng-app .nc-booking-step-active .nc-booking-step-label{
color: #fff;
}
#page .entry-content #ng-app .nc-booking-step{
margin-right: 0px;
padding: 10px 20px;
}
#page .entry-content #ng-app .nc-booking-step-finished .nc-booking-step-num[class*=' icon-']{
color: #fff;
}
#page .nc-header-branch.ng-binding{
font-size: 12px;
}
#page .nc-loading{
padding-top: 0px;
}
#page .nc-header-branch{
margin-bottom: 0px !important;
}
#page .nc-tab{
font-size: 15px;
}
#page .nc-booking-step-label{
font-size: 14px;
}
#page .nc-booking-services{
display: flex; 
flex-wrap: wrap;
height: auto;
}
#page .nc-booking-services li{
display: block;
list-style: none;
}
iframe{
height: 1000px !important;
border: none;
}
a#scrollup {
display: inline-block;
background: rgba(0,0,0,0.8);
width: 50px;
height: 50px;
text-align: center;
border-bottom-left-radius: 5px;
border-top-left-radius: 5px;
position: fixed;
background: url(//ams-schweinfurt.de/wp-content/themes/blank/images/scrollup.svg) no-repeat rgba(0,0,0,0.8);
background-size: 25px auto;
background-position: center center;
bottom: 20px;
right: 0px;
transition: background-color .3s;
z-index: 1000;    
display: none;
}
a#scrollup.show{
display: block;
}
.wpcf7-form-control-wrap.your-location label{
color: #fff;
font-family: 'Teko', sans-serif;
font-size: 26px;
letter-spacing: 0.5px;
line-height: 90%;
display: block;
}
.wpcf7-form-control-wrap.your-location label span{
display: block;
margin-bottom: 8px;
margin-top: 40px;
}
.wpcf7 form .wpcf7-response-output{
color: #fff;
line-height: 110%;
}
.wpcf7-form-control-wrap.file-406{
display: block;
background: #fff;
padding: 17px;
border-radius: 5px;
border: 2px solid #ec0606;
}
.contact-form-box .wpcf7-list-item-label{
color: #fff;
font-size: 16px;
line-height: 110%;
}
.contact-form-box label span.wpcf7-quiz-label{
display: block;
color: #fff;
font-family: 'Teko', sans-serif;
font-size: 24px;
letter-spacing: 1px;
padding-bottom: 4px;
}
.contact-form-box .wpcf7-list-item,
.contact-form-box .wpcf7-form-control-wrap,
.contact-form-box .wpcf7-acceptance,
.contact-form-box p{
display: block !important;
width: 100%;
}
.contact-form-box p{
padding-bottom: 0px;
margin-bottom: 0px;
}
.contact-form-box  .wpcf7-acceptance label{
border: 1px solid #fff;
border-radius: 3px;
padding: 10px;
display: block;
font-size: 18px;
}
.contact-form-box  .wpcf7-acceptance input{
width: 20px;
height: 20px;
margin-right: 10px;
}
.contact-form-box .wpcf7-acceptance .wpcf7-list-item-label{
padding-bottom: 4px;
position: relative;
top: -3px;
}
.contact-form-box  .wpcf7-acceptance{
font-size: 20px;
margin-bottom: 20px;
}
.winteraktionen ul{
display: flex;
flex-wrap: wrap;
max-width: 1200px;
margin: auto auto;
}
.winteraktionen li{
width: 50%;
margin-bottom: 50px;
}
.winteraktionen li img{
width: 100%;
display: block;
}
@media (max-width: 1024px){
.wpcf7-form-control-wrap.your-location label{
font-size: 18px;
letter-spacing: 1px;
}
.wpcf7-form-control-wrap.your-location label span{
margin-bottom: 6px;
margin-top: 30px;
}
.winteraktionen li{
margin-bottom: 30px;
}
}
@media (max-width: 768px){
.winteraktionen ul{
max-width: 600px;
margin: auto auto;
}
.winteraktionen li{
margin-bottom: 0px;
width: 100%;
}
.winteraktionen li:nth-child(even){
width: calc(100% - 30px);
margin: auto auto;
margin-top: -10%;
position: relative;
z-index: 5;
margin-bottom: 50px;
box-shadow: 0 0 10px rgba(0,0,0,1);
}
.winteraktionen li a{
display: block;
}
}
@media (max-width: 1200px){
#masthead #logo-mobil{
top: 8px;
}
}
.door__video-wrapper video{
width: 100%;
}
.advent-grid-inner{
display: grid;
grid-template-columns: repeat(6, 1fr);
gap: 30px;
margin: 0 auto 2rem;
padding: 80px;
}
.door__number__innner{
background: #fff;
color: #000;
padding: 5px;
border-radius: 9999px;
width: 50px;
height: 50px;
padding-top: 4px;
text-align: center;
border: 3px solid #fff;
}
.advent-einleitung h2{
color: #D80202;
hyphens: none;
margin-bottom: 10px;
}
.advent-einleitung{
background: #000;
padding: 30px 40px;
color: #fff;
border-radius: 10px;
column-count: 2;
column-gap: 30px;
font-size: 18px;
letter-spacing: .5px;
max-width: 1300px;
margin: auto auto;
margin-bottom: 30px;
font-family: Roboto;
font-size: 16px;
line-height: 170%;
}
.adventskalender-wrapper{
padding: 50px;
background: url(//ams-schweinfurt.de/wp-content/themes/images/adventskalender-bg.jpg) no-repeat center center;
background-size: cover;
}
.page-id-63393 .ct-section-inner-wrap{
padding-top: 0px !important;
}
.page-id-63393 .ct-section-inner-wrap{
max-width: inherit;
}
.adventskalender-wrapper {
position: relative;
overflow: hidden;
}
.snowflake {
position: absolute;
top: -10px;
background: white;
border-radius: 50%; opacity: 0.9;
pointer-events: none;
animation: fall linear forwards;
}
@keyframes fall {
to {
transform: translateY(120vh);
opacity: 0.2;
}
}
.door__thumb-wrapper{
position: absolute;
width: 100%;
height: 100%;
top: 0px;
z-index: -1;
display: none;
}
.door__thumb-wrapper img{
position: absolute;
width: 100%;
height: 100%;
object-fit: contain;
}
.more-text-button{
display: none;
margin-bottom: 10px;
cursor: pointer;
border: 1px solid #003620;
border-radius: 9999px;
padding: 10px 10px 10px 25px;
color: #003620;
position: relative;
font-family: Lato;
max-width: 160px;
}
.more-text-button:after{
content: "";
width: 20px;
height: 20px;
mask: url(//ams-schweinfurt.de/wp-content/themes/images/icon-arrow-right.svg);
-webkit-mask: url(//ams-schweinfurt.de/wp-content/themes/images/icon-arrow-right.svg);
mask-position: center center;
-webkit-mask-position:  center center;
mask-repeat: no-repeat;
-webkit-mask-repeat:  no-repeat;
mask-size: contain;
-webkit-mask-size: contain;
background-color: #003620;
position: absolute;
right: 20px;
top: 13px;
transform: rotate(90deg);
}
.more-text-button.active{
background: #003620;
color: #fff;
}
.more-text-button.active:after{
content: "";
transform: rotate(-90deg);
background-color: #fff;
}
.door__image-wrapper img{
width: 100%;
} .door {
transform-style: preserve-3d;
transition: transform 1s ease, background-color 0.6s ease;
} .door--today.door--open .door__number{
background: linear-gradient(135deg, #d4af37, #f7e98e);
border: 2px solid #f4d742;
box-shadow: 0 0 20px rgba(255, 215, 0, 0.6);
} .door.door--today.door--open{
background: #000;
}
.door--open .door__button {
transform-origin: left center;
transform: rotateY(-115deg) skewY(10deg);
transition: transform 1s ease;
box-shadow: 10px 5px 15px rgba(0,0,0,1);
} .door__button {
backface-visibility: hidden;
}
@media (min-width: 651px) {
.adventskalender-wrapper .more-text{
display: block !important;
}
}
@media (max-width: 650px) {
.adventskalender-wrapper .more-text-button{
display: block;
}
.adventskalender-wrapper .more-text{
display: none;
}
.advent-grid-inner {
grid-template-columns: repeat(4, 1fr);
padding: 40px 20px;
}
.adventskalender-wrapper{
padding: 30px;
}
.advent-einleitung{
column-count: 1;
}
}
.door {
position: relative;
border: 2px dashed #fff;
border-radius: 10px;
background: transparent;
position: relative;
padding-top: 100%;
}
.door:hover {
transform: scale(1.03);
box-shadow: 0 4px 10px rgba(0,0,0,0.12);
}
.door__button {
all: unset;
cursor: pointer;
position: absolute;
top: 0px;
width: 100%;
height: 100%;
font-weight: 700;
font-size: 22px;
border-radius: 10px;
color: #b00;
}
.door__button .door__number{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
height: 100%;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
box-shadow:   1px 1px 10px #000;
border-radius: 10px; background: linear-gradient(to right,  rgba(0,0,0,0.3) 0%,rgba(0,0,0,0) 100%); }
.door--red .door__button {
color: #fff;
box-shadow: 0 0 10px rgba(0,0,0,0.3);
}
.door--today .door__button {
color: #fff;
opacity: 1;
}
.advent-modal {
position: fixed;
inset: 0;
background: rgba(0,0,0,0.6);
display: flex;
justify-content: center;
align-items: center;
z-index: 9999;
padding: 1rem;
visibility: hidden;
opacity: 0;
transition: opacity .3s ease, visibility .3s ease;
}
.advent-modal.is-visible {
visibility: visible;
opacity: 1;
}
.advent-modal__content {
background: #012819;
border-radius: 12px;
max-width: 500px;
width: 100%;
padding: 20px;
position: relative;
box-shadow: 0 10px 25px rgba(0,0,0,0.2);
max-height: calc(100% - 50px);
overflow-y: scroll; background: linear-gradient(to right,  rgba(188,150,43,1) 0%,rgba(229,179,52,1) 50%,rgba(188,150,43,1) 100%); }
.door__number--modal{
font-size: 30px;
line-height: 100%;
padding: 15px;
font-weight: bold;
border: 1px dashed #fff;
color: #fff;
position: absolute;
top: 30px;
left: 30px;
border-radius: 3px;
background: #002718;
}
.advent-modal__content::-webkit-scrollbar{
display: none;
}
.advent-modal__content{
overflow-y: scroll;
-ms-overflow-style: none; scrollbar-width: none; }
@keyframes fadeInUp {
from {transform: translateY(30px); opacity: 0;}
to {transform: translateY(0); opacity: 1;}
}
.door__image{
max-width: 500px;
margin: auto auto;
}
.advent-modal__close {
position: absolute;
top: 10px;
right: 12px;
background: none;
border: none;
font-size: 30px;
cursor: pointer;
color: #BC962B;
width: 35px;
height: 35px;
background: #fff;
border-radius: 9999px;
z-index: 10;
}
.door__image img {
width: 100%;
height: auto;
border-radius: 5px;
margin-bottom: 20px;
display: block;
}
.door__code {
margin-top: 10px;
border-radius: 6px;
font-family: monospace;
color: #003620;
font-weight: 600;
text-align: center;
border: 1px solid #003620;
display: flex;
flex-wrap: wrap;
}
.door__link {
margin-top: 15px;
text-align: center;
}
.door__link a {
letter-spacing: 1px;
line-height: 1.2;
display: block;
padding: 16px 24px;
text-decoration: none;
border-radius: 9999px;
font-family: Lato;
background-color: #003620;
color: #fff;
margin-top: 10px;
font-size: 15px;
}
.door__link a:hover {
opacity: .9;
}
#adventModalInner{
color: #000;
text-align: center;
}
#adventModalInner h3{
font-size: 22px;
font-weight: 600;
color: #003620;
}
.door__code__wrapper{
display: flex;
flex-wrap: wrap;
width: 100%;
min-height: 50px;
}
.door__code__title{
content: "CODE";
letter-spacing: 1px;
background: #003620;
color: #fff;
padding: 10px;
width: 90px;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
display: flex;
flex-wrap: wrap;
align-content: center;
justify-content: center;
}
.copy-button {
display: flex;
flex-wrap: wrap;
justify-content: center;
color: #003620;
cursor: pointer;
border: none; 
padding: 0px;
width: calc(100% - 90px);
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
background: #fff;
position: relative;
align-items: center;
padding: 10px 50px 10px 10px;
}
.copy-button:after{
content: "";
width: 25px;
height: 25px;
display: block;
mask: url(//ams-schweinfurt.de/wp-content/themes/images/copy.svg);
-webkit-mask: url(//ams-schweinfurt.de/wp-content/themes/images/copy.svg);
mask-position: center center;
-webkit-mask-position:  center center;
mask-repeat: no-repeat;
-webkit-mask-repeat:  no-repeat;
mask-size: contain;
-webkit-mask-size: contain;
background-color: #003620;	
position: absolute;
right: 10px;
top: 12px;
}
.copy-button.active {	
background-color: #2A843F;	
color: #fff;
}
.copy-button.active:after{
background-color: #fff;	
mask: url(//ams-schweinfurt.de/wp-content/themes/images/copy-success.svg);
-webkit-mask: url(//ams-schweinfurt.de/wp-content/themes/images/copy-success.svg);
mask-position: center center;
-webkit-mask-position:  center center;
mask-repeat: no-repeat;
-webkit-mask-repeat:  no-repeat;
mask-size: contain;
-webkit-mask-size: contain;
} .advent-modal.is-visible .advent-modal__content {
animation: adventZoomIn 1s ease forwards;
}
@keyframes adventZoomIn {
0% {
transform: scale(0.4);
opacity: 0;
}
100% {
transform: scale(1);
opacity: 1;
}
} .door-glitter-container {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none;
overflow: visible;
} .door-glitter {
position: absolute;
background: radial-gradient(circle, #ffd700, #ffea8a 50%, #fff 90%);
border-radius: 50%;
opacity: 0;
transform: translate(-50%, -50%);
animation: glitterPop 1s ease-out forwards;
}
@media (max-width: 1200px) {
.advent-grid-inner {
padding: 60px;
}
}
@media (max-width: 920px) {
.advent-grid-inner {
padding: 45px;
gap: 20px;
}
.door__button{
font-size: 22px;
}
}
@media (max-width: 680px) {
.door{
padding-top: 75%;
}
.advent-grid-inner{
padding: 35px;
grid-template-columns: repeat(5, 1fr);
}
}
@media (max-width: 680px) {
.advent-grid-inner{
grid-template-columns: repeat(4, 1fr);
}
}
@media (max-width: 550px) {
.advent-grid-inner{
padding: 20px;
}
.advent-grid-inner{
gap: 15px;
}
}