body {color:#3C4754; }
 
body { background-color:#cedefd; }
.page-content {background:rgba(255,255,255,0.6);	}
.image-text-box, .register-button-line {background:rgba(60,71,84,0.8);	}
 
.home-start-image, #home-image-box {max-height:350px}

 
#header, #topmenu ul li ul { background:#4b4b4d;}

.logotitle {color:#3C4754;}
.logotitle a {color:#3C4754;}
.logosubtitle { color:#3C4754; }

h1, h1 a {color:#3C4754;}
h2, h2 a {color:#3C4754;}
h3, h3 a {color:#3C4754;}

#topmenu ul li a { color:#eeee22;  }
#topmenu ul li:hover a { color:#3e86a5;}
#topmenu ul li.current-menu-item a, #topmenu ul li.current_page_item a, #topmenu ul li.current_page_parent a, #topmenu ul li.current_page_ancestor a { color:#3e86a5;}
#topmenu ul li:hover ul li a, #topmenu ul li.current-menu-item ul li a, #topmenu ul li.current_page_item ul li , #topmenu ul li.current_page_parent ul li a,
#topmenu ul li:hover ul li ul li a, #topmenu ul li.current-menu-item ul li ul li a, #topmenu ul li.current_page_item ul li ul li a, #topmenu ul li.current_page_parent ul li ul li a { color:#eeee22;}
#topmenu ul li ul li:hover a, #topmenu ul li ul li ul li:hover a  { color:#3e86a5;}
#topmenu ul li ul li.current-menu-item a, #topmenu ul li ul li.current_page_item a, #topmenu ul li ul li.current_page_parent a, #topmenu ul li ul li.current_page_ancestor a  { color:#3e86a5;}





a.content-button, .register-button-line a.register-button, .contactform button, .wpcf7 .wpcf7-submit, #respond input#submit, .notfoundsearch input#searchsubmit, .searchbox input#searchsubmit { background:#CB292A; color:#ffffff; }
a.content-button:hover, .contactform button:hover, .wpcf7 .wpcf7-submit:hover, #respond input#submit:hover, .notfoundsearch input#searchsubmit:hover, .searchbox input#searchsubmit:hover { background:#88919C; color:#ffffff;} 

.footer {background:#4b4b4d; color:#ffffff;}

.footer-box a, .bottomline { color:#ffffff; }
.bottomline { border-top:1px dotted #ffffff; }

.smicons span { background:#3c4754; }
.smicons span:hover, #filters button:hover, #filters .is-checked {background:#CB292A; }

.page-entry [class^="flaticon-"]:before, .page-entry [class*=" flaticon-"]:before,
.page-entry [class^="flaticon-"]:after, .page-entry [class*=" flaticon-"]:after { color:#88919C;  }

.licensebox:hover {background:#3c4754}

.postdate {background:#3C4754}
.license, .pagetop {background:#e3e4e4}
.license a {color:#ffffff;}

.post-nav .current {background:#3e86a5; color:#fff;}
.post-nav a, .meta-category a:hover, .list-meta-category a:hover, #sidebar ul li a:hover, p a, li a, #sidebar ul li.current_page_item a, #sidebar ul li.current-menu-item a, #sidebar ul li.current-cat a, a.post-more, .postmeta a:hover, #wp-calendar th, h3 a:hover, h2 a:hover, .page-nav a, label a  {color:#3e86a5;}

.logo {max-width:700px;}
.logo img {width:100%; height:auto; display:block;}
.top-left { max-width:700px; }
.top-right {width:calc(100% - 700px); }
@media screen and (max-width: 360px)  {
.top-left { max-width:280px !important;}	
}
@media screen and (max-width: 320px)  {
.top-left { max-width:240px !important;}
}


@media screen and (max-width: 800px)  {
 } 



/* Fahrschule am Harthof GmbH */

/* @media Portrait */

@media screen and (max-width: 800px)
{
.image-text-box {text-align: left !important;}
.pkwanh .inner div.wp-caption{width:100%!important;width:auto!important;}

}



@media screen and (max-width: 599px)
{
.tab-box ul.tabber li {
    float: left!important;}
.tab-box ul.tabber {
    height:40px;}
.wsfsd img {float:none!important;}
.fs_dt {display:none;}
.fs_dt_3 {display:none;}
 .theorie-mw {margin: 0 0 0 5%;
  }


}

@media screen and (min-width: 600px)
{
.fs_m {display:none;}
.fs_m_dt3 {display:none;}
}

@media screen and (max-width: 800px)
{

.raumlich {margin: 0 0 0 10px;}
.welcometext {font-family: Swanky and Moo Moo ; font-size: 18px; line-height: 24px; text-align: center;}

.welcometexth1 {font-family: Swanky and Moo Moo; font-size: 26px; text-align: center;}

.highlight {background-color: coral;}

.start-mw-1 {text-align: center; font-family: Swanky and Moo Moo ; font-size: 26px; line-height: 44px;} 

.foto-buero {width: 175px; height: auto;}



}


@media screen and (max-width: 800px)
{
.aufrst-mw {margin: 0 0 10px 55px; font-weight: bolder; font-size: 15px;}
.einrueck {margin: -10px 0 0 55px;}
}

@media (max-width: 767px) {

	.form_half {
	width: 100%;

	}
}

/* @media Desktop */

@media screen and 
 (min-width : 1024px) {
.motorrad {margin: 0 0 0 45px;}

.raum1 {text-align: center; margin: 75px 0 0 0}
.theorie-mw {margin: 0 0 0 25%;}

}

@media screen and
 (min-width : 1024px)
{
#sidebar {background: #fff; padding: 8px; position: relative; right: -18px;}
}


/* HTML TAGS */

body { background-color: #c6c7c8; background-image: none;}

.logo {padding: 15px 0 15px 0;}

.page-content { margin:20px 0; padding:20px 20px 0 20px;}

.pagetop {padding: 0;}


.col-otc {margin: 0 3px 0 0;}

.content {padding: 0 0 0 0;}



/*Startseite */

.image-text-box, .register-button-line
{background: rgba(198,199,200,1.0);}



@media screen and 
 (min-width : 1024px) {

.welcometext {font-family: Swanky and Moo Moo ; font-size: 28px; line-height: 44px; text-align: center;}

.welcometexth1 {font-family: Swanky and Moo Moo; font-size: 30px; text-align: center;}

.start-mw-1 {text-align: center; font-family: Swanky and Moo Moo ; font-size: 28px; line-height: 44px;} 

}

.wp-caption-text {color: #000; text-indent:0px !important; padding: 5px 0 5px 5px;}

.fah_logo_start {margin-top: 12px; text-align:center;}



/* Texte in bold */

.fett {font-weight: bolder; font-size: 18px;}
.fett2 {font-weight: bolder; font-size: 16px;}
.fett3 {font-weight: bolder; font-size: 15px;}
.fettT {font-weight: bolder; font-size: 14px; line-height: 18px;}


.wrapperStop {position: relative; top: -50px; width: 75%;}
.stop {top: -45px; right: -55px; position: relative; font-weight: bolder;}

.mvv {top: -15px; position: relative;}

.boxcontent {background: linear-gradient(to bottom, #ffffff 0%,#fbfbfb 100%);}

element.style {color: #fff000;}

.job {background-color: rgba(254,235,0,1); padding: 5px;}



.picnoborder {border: none !important; background:none !important;}


/* Listen - Styles */

.li-mw ul li {list-style-type: none; background: url(http://fahrschule-am-harthof.de/wp-content/uploads/2017/02/pfeil-li-1.png) no-repeat 7px 11px; margin: 12px 0 0 0; padding: 5px 0px 5px 35px; vertical-align: middle; line-height:25px; }

.li-check-mw ul li {list-style-type: none; background: url(http://fahrschule-am-harthof.de/wp-content/uploads/2017/02/check-mw.png) no-repeat 7px 1px; margin: 0 30px; 0 0; padding: 0px 0px 5px 35px; vertical-align: middle; line-height:25px; }

.einrueck {margin: -10px 0 0 100px;}
.wsfsd-mw {margin: 0 0 0 18px;}
.fahrsim-mw {margin: 25px 0 0 0;}
.aufrst-mw {margin: 0 0 10px 200px; font-weight: bolder; font-size: 15px;}
a.opensearch {display:none;}
#topmenu ul {margin: 65px 0 0 0;}
.slider_wir_sind {margin: 40px 0 0 10px;}

/*Kontaktformular */

.form_half {
    width: 49.5%;
    float: left;
    margin-right: 1%;
}

.form_half_last {
    margin-right: 0px;
}

#menu-hauptmenue {font-size: 12px!important;}

.covid-19-mark {font-weight:bold;font-size: 25px; background-color: yellow;}
.covid-19-mark a {color:red;}

.footer-box ul {
    margin: 5px 0 5px 1px!important;
}

.nav {display:block!important;
}



.mwd-text-mobil {margin-left: 13px;}
.mwd-text-fax {margin-left: 2px;}
.mwd-text-tel {margin-left: 5px;}
.mwd_kontakt_mit_logo {margin-top: -40px;}

.mwd-socialicon-whatsapp {width: 50px;  positon: absolute; top: 10px; }


.mwd-socialicon-instagram {position: absolute; left: 140px;}

.mwd-social-div-widget {widht:100%; height: 180px;    }

.marcus {widht:10px; height: 25px;}

/* Swanky and Moo Moo */
@font-face {
  font-family: 'Swanky and Moo Moo';
  font-style: normal;
  font-weight: 100;
  /* IE9 Compat Modes */
  src: url('../fonts/swanky-and-moo-moo-v20-latin-regular.eot');
  src: local('Swanky and Moo Moo'), local('Swanky and Moo Moo'),
	/* IE6-IE8 */
        url('../fonts/swanky-and-moo-moo-v20-latin-regular.eot?#iefix') format('embedded-opentype'),
	/* Super Modern Browsers */
        url('../fonts/swanky-and-moo-moo-v20-latin-regular.woff2') format('woff2'),
	/* Modern Browsers */
        url('../fonts/swanky-and-moo-moo-v20-latin-regular.woff') format('woff'),
	/* Safari, Android, iOS */
        url('../fonts/swanky-and-moo-moo-v20-latin-regular.ttf') format('truetype'),
	/* Legacy iOS */
        url('../fonts/swanky-and-moo-moo-v20-latin-regular.svg#Rswanky and moo moo') format('svg');
}

.mwd-social-content {position: relative; top: -20px;}

.page-entry ul, .single-entry ul {
    margin: -20px 0 15px 40px;
    padding: 0;
}

mark {
  background-color: yellow;
  padding: 4px;
}

.f2d_att {
  border: 4px solid red;
  margin-bottom: 10px;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
}