@media (max-width: 360px) {
    .gif-karte {width:280px !important;height:190px !important;margin-left:-8px;}
    #mainpic {margin-bottom:-270px !important}
    .box1 img {max-width:270px;}
    .imgbox img {width:285px;}
}

@media (max-width: 480px) {
	#content {width: 95%;}
	#h1-heading h1 {font-size:20px !important;line-height: 22px;}
	h2 {font-size: 120%;width:100%;padding-top: 2em !important;}
	h3 {width:100%;font-size:110%}
	.dropdown-content a {padding: 2px 16px;}
	#keyvis {margin-left: 0;margin-right: 0;position: relative;transform: scale(1);width: 100%;margin-bottom:0px !important;top:0px !important;}
	#balken {height: 35px !important;margin-top:-68px!important;}
	.bildbox img {width:100% !important;}
	.bildbox iframe {width:100% !important;}
	.icon img {width:50px !important;}
	.icon {width:50px !important;}
	.iconff img {width:50px !important;}
	.iconff {width:50px !important;margin-top:-28px;}
	.trenner {margin-bottom:20px !important;margin-top:30px !important;}
	#Logo1 {background-size:100%;width:84px;height:60px;}
	.mobile-nav {top:-238px!important;}
	#mainpic {margin-top: -173px!important;width:100%!important;float:left;}
	#p-kategorie a {font-size:7pt;height:auto!important;}
	#p-kategorie {font-size:7pt;margin-top:-60px!important;width:100%;}
	#bodyContent h2 {margin-bottom: 0em!important;}
	.spotkurzinfo {margin-top: -90px!important;}
	.adblock {width:100%;margin-left:-5px;}
	.box1-spots {width:100%}
	.box1-schulen {width:100%}
	.box1-foot {width:100%}
	.h3-collapse {font-size:100%;}
	#bildlinks {padding: 10px 10px 10px -15px;}
	#bildlinks img {width:100%;margin-left:-5px;}
	.travel-ad {width:100%;margin-left:-7px;}
	.container-left {width:100% !important;}
	#suche {display:none;}
	#suchform {display:none;}
	#logoback {top:-11.8em!important;width: 150px;}
	#Logo {top:-10.1em!important;background: url(https://www.spotnetz.de/skins/monobook/logo-110.png) no-repeat 0 0;}
	.cd-accordion-menu label {font-size: 20px;}
	.cd-accordion-menu {width: 90%!important;max-width: 90%!important;margin: 4em 15px!important;}
	.flyout-navi {margin-top:-42px!important; height: 35px;background: rgba(0,172,255,1);}
	.cd-accordion-menu label, .cd-accordion-menu a {font-size: 2.0em!important;padding: 10px 10px 10px 64px!important;}
	.cd-accordion-menu ul label, .cd-accordion-menu ul a, .cd-accordion-menu ul li label {padding-left: 82px!important;}
	.cd-accordion-menu ul ul a {padding-left: 100px!important;}
	#finder {width:100%!important;}
    .mw-content-ltr {top: 60px!important;width:98%;}
	.textbox h3 {font-size:115%;}
	.textbox h4 {font-size:110%!important;width:100%!important;}
	.imgbox img {width:100% !important;}
}

@media (max-width: 680px) {
    .box-regionen {width:100%;}
}
@media (max-width: 768px) {
    .mobile-nav {display:block;position: relative;top: -248px;z-index: 10000000;}
	.dropbtn {background-image: url(/pics/mobile-menu-30.png);background-repeat:no-repeat;background-color: #fff;color: white;padding: 16px;font-size: 16px;border: none;cursor: pointer;float: right;border-radius: 5px;}
	/* Dropdown button on hover & focus */
	.dropbtn:hover, .dropbtn:focus {background-color: #fff;outline: 0!important;}
	/* The container <div> - needed to position the dropdown content */
	.dropdown {position: relative;display: inline-block;z-index:5000;}
	/* Dropdown Content (Hidden by Default) */
	.dropdown-content {display: none;position: absolute;background-color: #f9f9f9;border: 2px solid #cccccc; border-radius: 10px;min-width: 160px;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);right:40px;}
	/* Links inside the dropdown */
	.dropdown-content a {color: black;padding: 5px 16px;text-decoration: none;display: block;font-weight: bold;font-size: 11pt;text-transform: uppercase;}
	/* Change color of dropdown links on hover */
	.dropdown-content a:hover {background-color: #f1f1f1;color:#333399;text-decoration:underline;}
	/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
	.show {display:block;}
	#searchInput {width: 11em;margin-left: 10px;margin-top: 2px;}
	input.searchButton {font-size: 100%;margin-right: 5px;}
	.textbox h4 {font-size:110%!important;width:100%!important;}
}
@media (min-width: 480px) and (max-width: 767px){
    .mw-content-ltr {top: -110px!important;width:98%;}
}


@media (max-width: 768px) (
	/* #content {width: 90%;margin:10em auto 0;} */
	#googlemaps {display: none;}
	#headerads {display:none;}
	#finder {display:none;}
	#suchform {left: -6.6em;;top: -3em;display:none;}
	#suchform-mobile {left: -5.5em;margin: 1em auto;position: relative;}
	#searchInput {font-size: 120%;width:160px;}
	/* body {background:url("") #ffffff;} */
	#nav {display:none;}
	.mainnav {display:none;}
	#footer {width:95%;height:105px;}
	#footerlinks {margin: 120px auto 0;}
	#footer ul {padding-left: 0;}
	.footer-first {float:left;width: 150px;padding-bottom:30px;}	
	.footer-second {float:left;width: 150px;padding-bottom:30px;}	
	.footer-third {float:left;width: 150px;padding-bottom:30px;}	
	.footer-fourth {float:left;width: 150px;padding-bottom:30px;}	
	.spotkurzinfo {display:block;position:relative;margin-top:-90px;width:245px;}
	.spotkurzinfo img {width:25px;}
	#p-kategorie {width:95%;top:-92px;}
	#balken {width:100%;margin-top: -140px;height: 55px;z-index:200;}
	#h1-heading {margin-left: 0;margin-right: 0;position: relative;top: -70px;width: 95%;}
	#suche {display:none;height:30px;width:90%;}
	/*#mainpic {margin-left: 0;margin-right: 0;overflow: hidden;position: relative;top: -290px;transform: scale(1);width: 100%;margin-bottom: -290px;}
	#mainpic img {width:100%;height:100%}*/
	#mainpic {top:0px!important}
	#h1-heading h1 {font-size:24px;}
	.hauptcontent {width:100%}
	table .hintergrundfarbe1.rahmenfarbe1 {width: 100%;max-width:100%;}
	.sidebar {float:none;margin: 50px auto 0;position: relative;width: 300px; top:0px;}
	.sidebar-cat {float:none;margin: 50px auto 0;position: relative;width: 300px; top:20px;}
	#Logo {margin: -30px auto 0;position: relative;top:-13em;}
	.hauptcontent {margin-top: -10px;}
	.spotkurzinfo {margin-top:-80px;margin-left:15px}
	.icons {width:200px;text-align:left;width: 200px;}
	.mobile-nav {display:block;position: relative;top: -248px;z-index: 1000;}
	.dropbtn {background-image: url(/pics/mobile-menu-30.png);background-repeat:no-repeat;background-color: #fff;color: white;padding: 16px;font-size: 16px;border: none;cursor: pointer;}
	/* Dropdown button on hover & focus */
	.dropbtn:hover, .dropbtn:focus {background-color: #fff;}
	/* The container <div> - needed to position the dropdown content */
	.dropdown {position: relative;display: inline-block;z-index:5000;}
	/* Dropdown Content (Hidden by Default) */
	.dropdown-content {display: none;position: absolute;background-color: #f9f9f9;border: 2px solid #cccccc; border-radius: 10px;min-width: 160px;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);}
	/* Links inside the dropdown */
	.dropdown-content a {color: black;padding: 5px 16px;text-decoration: none;display: block;font-weight: bold;}
	/* Change color of dropdown links on hover */
	.dropdown-content a:hover {background-color: #f1f1f1}
	/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
	.show {display:block;}
	#karte {float:left;position: relative;top:0px;margin-top:0px !important}
	#contentboxII {width:90% !important}
	#contentboxII td {float:left !important}
	#contentboxII table {background: #fff}
	#buttonrechts {float: left;height: 60px;margin-bottom: 30px;margin-left: 3px;margin-top: -20px;position: relative;width: 100%;z-index: 0;}
	#teaserbox {float: left;height: 145px;margin-left: 10px;margin-top: 30px;position: relative;z-index: 0;}
	#bildlinks {float: left;height: 200px;padding: 10px 10px 10px 0px;position: relative;width: 300px;z-index: 10;}
	.sidebar table {width:300px !important;max-width:300px !important;background: #fff;}
	.inhaltsbox {width: 100%;}
	.inhaltsbox-li {width: 100%!important;}
	.inhaltsbox-li img {width: 100%;margin-bottom: 10px;}
	.inhaltsbox-re {width: 100%!important;}
	.inhaltsbox-re img {width: 100%;}
	.ads-fullbanner {display:none}
	.block-table {width:100%}
	.container-innside-sidebar {height: 560px;margin-top: -50px;width: 100%;}
	.container-inside-sidebar-image {border: 1px solid #cccccc;height: 550px;margin-top: 50px;padding: 5px;width: 100%;}
	.container-inside-sidebar-image img {width:100%;}
	.adblock {width:100% !important;float:none!important;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;padding-top: 10px;}
	.plusbutton {margin-top:0px;}
	.windfinder {width:100%;}
	.travel-ad {float:none!important;width:100%!important;}
	#finder {top: -2.8em;}
	.cd-accordion-menu label, .cd-accordion-menu a {font-size: 20px!important;}
}

@media (min-width: 480px) and (max-width: 767px){
    .bildbox img {width:49% !important;}
    .bildbox iframe {width:49% !important;}
    .adblock {margin-left:10px;}
    .cd-accordion-menu label {font-size: 20px!important;}
	.cd-accordion-menu {width: 90%!important;max-width: 90%!important;margin: 4em 15px!important;}
	.flyout-navi {margin-top:-42px!important; height: 35px;background: rgba(0,172,255,1);}
	.cd-accordion-menu label, .cd-accordion-menu a {font-size: 2.0em!important;padding: 10px 10px 10px 64px!important;}
	.cd-accordion-menu ul label, .cd-accordion-menu ul a, .cd-accordion-menu ul li label {padding-left: 82px!important;}
	.cd-accordion-menu ul ul a {padding-left: 100px!important;}
}

@media (min-width: 769px) {
	.sidebar {margin-left:600px;margin-top:550px;position:absolute !important;float:left;top: -150px;}
}

@media (max-width: 1200px) {
}
@media (min-width: 1200px) {
}
@media (min-width: 980px) and (max-width: 1199px) {
}