@charset "utf-8";
 @media (max-width: 1400px){
#homelinks .image{
width: 300px;
}
#homelinks .text{
width: calc(100% - 320px);
}
.column4 li:nth-child(2n+1){
clear: both;
}
.column4 li{
width: 50%;
}
.listing.column4 li{
margin-bottom: 0px;
}
}
@media (max-width: 1300px){
.column3 li{
width: 50%;
}
.column3 li:nth-child(3n+1){
clear: none;
}
.column3 li:nth-child(2n+1){
clear: both;
}
}
@media (min-width: 1200px){
#primary-navigation{
display: block !important;
}
}
@media (max-width: 1200px){
#homelinks li{
width: 100%;
margin-right: 0px;
}
#homelinks li:nth-child(odd){
margin-right: 0px;
}
.leistungen li{
width: 33.33%;
}
.leistungen li:nth-child(4n+1){
clear: none;
}
.leistungen li:nth-child(3n+1){
clear: both;
}
.column5 li{
width: 25%;
}
.column5 li:nth-child(5n+1){
clear: none;
}
.column5 li:nth-child(4n+1){
clear: both;
}
.image-right{
padding-right: 0px;
max-width: 800px;
margin: auto auto;
}
.image-right .image{
display: none;
}
#masthead{
background: #000;
box-shadow: 0 0 3px rgba(0,0,0,0.3);
}
#top .button{
transform: translate(0);
top: 8px;
}
#masthead{
z-index: 10000;
}
#social-media{
transform: translate(0);
top: 8px;
}
#logo,
#logo.scrolled{
display: none;
}
#logo-mobil{
position: absolute;
display: block;
left: 10px;
}
#logo-mobil img{
width: 100px;
}
#top{
width: calc(100% - 50px);
position: absolute;
left: 0px;
top: 0px;
transform: translate(0);
height: auto;
}
.menu-mainmenu-container{
float: none;
}
#primary-navigation.scrolled{
position: relative;
}
#menu-mainmenu{
float: none;
}
.toggle-menu{
display: block;
width: 50px;
height: 50px;
background: url(//ams-schweinfurt.de/wp-content/themes/blank/images/nav-toggle.svg) no-repeat center center;
float: right;
}
.toggle-menu.active{
background: url(//ams-schweinfurt.de/wp-content/themes/blank/images/nav-toggle-active.svg) no-repeat center center;
background-color: #d80202;
background-size: 25px;
}
#masthead .content{
padding-left: 0px;
padding-right: 0px;
}
#primary-navigation,
#primary-navigation.active{
width: 100%;
height: auto;
left: 0;
margin: 0;
z-index: 9999;
display: none;
overflow: hidden;
text-align: center;
}
#primary-navigation.toggle{
display: block;
background: #fff;
}
.toggle-close.active{
display: block;
}
#masthead #menu-mainmenu li a{
margin-top: 0px;
margin-bottom: 0px;
color: #fff;
background: #d80202;
padding: 20px 20px;
font-size: 18px;
float: none;
display: block;		
}
#masthead #menu-mainmenu li:first-child a{
border-left: none;
}
#masthead #menu-mainmenu li a:hover{
background: #efefef;
}
.nav-menu li:last-child{
border-bottom: none;
}
.nav-menu li{
border-top: 1px solid #ef3434;
border-bottom: 1px solid #a00303;
display: block;
width: 100%;
}
#masthead #menu-mainmenu li.current-menu-item a{
background: #790202;
}
#masthead #menu-mainmenu .sub-menu li.current-menu-item a{
background: #690000;
}
#masthead #menu-mainmenu li a:hover{
background-color: #d80202;
}
.nav-menu li:hover .sub-menu.active, .nav-menu .sub-menu.active {
display: block;
}
#menu-mainmenu li:hover .sub-menu{
display: block;
animation: none;
}
#primary-navigation li:hover > .sub-menu{
display: none;
animation: none;
}
#menu-mainmenu .sub-menu{
position: relative;
top: 0px;
left: 0px;
width: 100%;
max-width: none;
text-align: center;
}
.nav-menu .sub-menu {
position: relative;
}
#masthead #menu-mainmenu .sub-menu li a{
background: #9c0000;
text-align: center;
text-transform: none;
}
.nav-menu .sub-menu li a {
border-bottom: none;
background: #ccc;
color: #000;
}
.nav-menu .sub-menu li a:hover {
background: #333;
color: #fff;
}
.nav-menu .sub-menu .current-menu-item a {
border-radius: 0px;
}
.nav-menu li:hover .sub-menu {
display: none;
}
.nav-menu .sub-menu:before {
background: none;
}
.nav-menu .sub-menu li:hover a {
color: #fff;
}
.nav-menu .sub-menu li.current_page_item a {
background: #000;
color: #fff;
}
.toggle-subemenu {
display: block;
width: 57px;
height: 64px;
background: url(//ams-schweinfurt.de/wp-content/themes/blank/images/toggle-sub.png) no-repeat;
background-position: center center;
position: absolute;
right: 0px;
z-index: 200;
top: 0;
}
.toggle-subemenu.active {
background: url(//ams-schweinfurt.de/wp-content/themes/blank/images/toggle-sub-active.png) no-repeat #9c0000; 
background-position: center center;
}
}
@media (max-width: 1024px){
#angebote .item{
width: 50%;
}
#angebote .item:nth-child(4n+1) {
clear: none;
}
#angebote .item:nth-child(2n+1) {
clear: both;
}
.column5 li{
width: 33.33%;
}
.column5 li:nth-child(4n+1){
clear: none;
}
.column5 li:nth-child(3n+1){
clear: both;
}
input[type="phone"], input[type="email"], input[type="text"], input[type="email"], textarea{
font-size: 16px;
padding-top: 10px;
padding-bottom: 10px;
padding-right: 20px;
margin-bottom: 10px;
}
body{
font-size: 16px;
}
h1{
font-size: 40px;
}
h2{
font-size: 28px;
}
h3{
font-size: 22px;
}
h4{
font-size: 18px;
padding-bottom: 8px;
}
.spacer10{height: 5px}
.spacer20{height: 10px}
.spacer30{height: 15px}
.spacer40{height: 20px}
.spacer50{height: 25px}
.spacer60{height: 30px}
.spacer70{height: 35px}
.spacer80{height: 40px}
.spacer90{height: 45px}
.spacer100{height: 50px}
.spacer110{height: 55px}
.spacer120{height: 60px}
.spacer130{height: 65px}
.spacer140{height: 70px}
.spacer150{height: 75px}
.spacer160{height: 80px}
.background-red:before{
height: 50px;
top: -50px;
}
input[name="your-name"],
input[name="your-email"],
input[name="your-subject"],
textarea{
background-size: 45px 45px;
}
input[name="your-name"], input[name="your-email"], input[name="your-subject"], textarea{
padding-left: 65px;
}
}
@media (max-width: 950px){
#colophon .footer-1,
#colophon .footer-2,
#colophon .footer-4{
width: 100%;
float: none;
}
#colophon .footer-1,
#colophon .footer-2{
display: none;
}
#nav_menu-3 ul li{
float: left;
border-bottom: 0;
border-top: 0;
margin-right: 10px;
}
#nav_menu-3 ul li a{
float: left;
border-bottom: 0;
border-top: 0;
padding-right: 20px;
background-size: 6px auto;
}
.image-left{
padding-left: calc(100% - 380px);
}
.image-left .image{
width: calc(100% - 380px);	
}
.image-left .text{
padding: 25px;
max-width: 380px;
}
#homelinks li{
width: 100%;
}
#homelinks li:nth-child(2n+1) .itemcontent{
background: #333;
}
#homelinks .itemcontent{
min-height: 320px;
height: auto;
}
}
@media (max-width: 900px){
.team li{
width: 33.33%;
}
.team li:nth-child(4n+1){
clear: none;
}
.team li:nth-child(3n+1){
clear: both;
}
#top .button{
top: 10px;
right: 20px;
}
#top .button a{
font-size: 20px;
padding-left: 40px;
}
#top .button img{
height: 30px;
width: 32px;
left: 5px;
}
#custom_html-4{
right: 10px;
font-size: 13px;
top: 13px;
}
}
@media (max-width: 800px){
.fahrraeder li{
width: 100%;
padding: 20px 10px 50px 10px;
}
.fahrraeder li .image{
padding-bottom: 70%;
}
.fahrraeder li .text{
height: auto;
}
#homemarken li{
width: 25%;
}
.leistungen li{
width: 50%;
}
.leistungen li:nth-child(3n+1){
clear: none;
}
.leistungen li:nth-child(2n+1){
clear: both;
}
}
@media (max-width: 750px){
#page .entry-content #ng-app .nc-booking-service{
width: calc(25% - 10px);
}
#angebote{
margin-left: 0px;
margin-right: 0px;
}
#angebote .item{
padding: 10px;
}
#angebote .item{
width: 50%;
}
#angebote .item:nth-child(2n+1) {
clear: both;
}
#angebote .item:nth-child(3n+1) {
clear: none;
}
.column3 li{
clear: both;
width: 100%;
}
.linkboxen .column3 li,
.linkboxen .column4 li{
width: 50%;
clear: none;
}
.column5 li{
width: 50%;
}
.column5 li:nth-child(3n+1){
clear: none;
}
.column5 li:nth-child(2n+1){
clear: both;
}
.listing h2{
font-size: 22px;
}
.image-left{
padding-left: 0px;
}
.image-left .image{
position: relative;
width: 100%;
height: auto;
}
.image-left .image img{
position: relative;
width: 100%;
height: auto;
max-height: 450px;
object-position: center center;
}
.image-left .text{
margin: auto auto;
padding-bottom: 70px;
}
}
@media (max-width: 650px){
#page .nc-booking-step-label{
font-size: 12px;
}
#page .entry-content #ng-app .nc-booking-step{
padding: 5px 10px;
}
.width6{
width: 100%;
marign-bottom: 10px;
}	
#tour iframe{
height: 250px;
}
.column4 li{
width: 100%;
clear: both;
padding-bottom: 0px;
}
.listing.column4 .text{
padding: 30px;
}
#custom_html-4{
display: none;
}
}
@media (max-width: 600px){
#homelinks ul{
margin-left: 0px;
}
#homelinks .text{
padding: 0px;
padding-top: 20px;
}
#homelinks .image{
width: 100%;
max-width: 200px;
margin: auto auto;
}
#homelinks .text{
width: 100%;
}
#homelinks li{
padding: 40px;
}
.team li{
width: 50%;
padding: 10px;
}
.team li:nth-child(3n+1){
clear: none;
}
.team li:nth-child(2n+1){
clear: both;
}
.team .name{
font-size: 20px;
}
.team .position{
font-size: 12px;
}
.width4{
width: 100%;
marign-bottom: 10px;
}
#top .button{
text-indent: -9999px;
top: 0px;
right: 0px;
}
#top .button a{
border-radius: 0;
width: 50px;
height: 50px;
margin-right: 0px;
float: left;
margin-left: 0px;
position: relative;
border: none;
}
#top .button a.button-onlineshop{
}
#top .button img{
position: absolute;
width: 100%;
height: 100%;
object-fit: contain;
object-position: center center;
left: 0px;
padding: 10px;
}
#top .button a.button-onlineshop{
background: #333;
border: none;
}
#top .button a.button-motorradmarkt{
background: #ddd;
display: none;
}
#top .button a.button-automarkt{
background: #efefef;	
display: none;
}
}
@media (max-width: 550px){
.linkboxen .column2 li,
.linkboxen .column3 li,
.linkboxen .column4 li{
width: 100%;
}
iframe{
height: 300px;
}
hr.spacer{
height: 50px;
}
#black-studio-tinymce-2{
width: 100%;
border-top: 1px solid #666;
}
.column5 li{
width: 50%;
}
.column5 li:nth-child(5n+1){
clear: none;
}
.column5 li:nth-child(4n+1){
clear: none;
}
.column5 li:nth-child(3n+1){
clear: none;
}
.column5 li:nth-child(2n+1){
clear: both;
}
.listing li{
margin-bottom: 5px;
}
.leistungen li{
width: 100%;
}
.leistungen li:nth-child(1n+1){
clear: both;
}
}
@media (max-width: 500px){
#angebote .item{
width: 100%;
clear: both;
}
#page input[type="button"].nc-button-right{
font-size: 12px;
width: 100px;
}
#page .entry-content #ng-app input[type="button"].nc-button-right,
#page input[type="button"].nc-button{
margin-bottom: 10px;
width: 70px;
font-size: 12px;
padding: 10px 20px;
}
.column5 li{
width: 100%;
max-width: 400px;
margin: auto auto;
float: none;
}
.gallery-columns-4 .gallery-item{
width: 50%;
}
#restaurant h1{
font-size: 20px;
}
.marken .gallery-columns-4 .gallery-item {
width: 50%;
}
#homemarken li{
width: 33.33%;
}
}
@media (max-width: 400px){
#opening-times{
font-size: 14px;
}
#opening-times td{
padding-right: 4px;
}
#homelinks .text{
position: relative;
top: 0px;
right: 0px;
transform: none;
float: none;
width: 100%;
}
#homelinks .image{
position: relative;
text-align: center;
width: 100%;
}
#homelinks .image img{
position: relative;
margin: auto auto;
display: block;
width: 100%;
}
}
@media (max-width: 450px){
.listing .item img{
padding: 5px;
}
#page .entry-content #ng-app .nc-booking-service{
width: calc(50% - 40px);
}
.listing .item .border{
width: calc(100% - 4px);
height: calc(100% - 4px);
top: 2px;
left: 2px;
}
}
@media (max-width: 400px){
.listing .text{
padding: 20px;
}
}
@media (max-width: 350px){
.column5 li{
width: 100%;
}
}