@media (max-width: 360px) {
    .gif-karte {width:280px !important;height:190px !important;margin-left:-8px;}
    .box1 img {max-width:270px;}
    .imgbox img {width:285px;}
    .logo {display:block!important;}
}
@media screen and (min-width: 551px) {
#mainpic {margin-top: -63px!important;}
#p-kategorie {top: 191px!important;font-size: 11pt;}
#p-kategorie a {font-size: 11pt!important;}
p img {max-width: 100%;height:auto;}
.windfinder {width: 100%;}
#footer {height:auto!important;}
}

@media (max-width: 552px) {
	#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;height:auto;}
	.bildbox iframe {width:100% !important;}
	.icon img {width:50px !important;}
	.icon {width:50px !important;margin: 0 auto;margin-top: -35px;margin-bottom: 10px;}
	.iconff img {width:50px !important;}
	.iconff {width:50px !important;margin-top:-28px!important;margin: 0 auto;background: white;padding-left: 10px;padding-right: 10px;}
	.trenner {margin-bottom:-10px !important;margin-top:70px !important;}
	#Logo1 {background-size:100%;width:84px;height:60px;}
	.mobile-nav {display: block;position: relative;z-index: 1;float: right;top: -5px!important;right: -20px;}
	#mainpic {margin-top: -5px!important;width:100%!important;float:left;height:auto;margin-bottom:15px;}
	#mainpic img {width:100%;height:auto;}
    #p-kategorie a {font-size:10pt;height:auto!important;color: #ff6600;}
	#p-kategorie {font-size:10pt;margin-top:-60px!important;width:100%;margin-left:15px;}
	#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: 98%!important;max-width: 98%!important;margin: 4em 15px!important;line-height: 1.5em;}
	.flyout-navi {margin-top:-82px!important; height: 35px;background: rgba(0,172,255,1);font-size: 1em;font-family: "Jaldi", sans-serif;color: #ffffff;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;z-index: 1000000;position: relative;top:40px;}
	.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 label,.cd-accordion-menu ul ul a {padding-left: 100px!important;}
	.cd-accordion-menu ul ul ul label, .cd-accordion-menu ul ul ul a {padding-left: 120px!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;}
	.inhaltsbox-li img {width:100%;height:none}
	.inhaltsbox-re img {width:100%;height:none}
	#firstHeading {margin-top: 0px;}
	.firstHeading {background-color: hsla(50,100%,100%,0.5);}
	.navi-wrapper {margin-top:125px;height: 30px;}
	.iframe-karte {height: 0;overflow: hidden;padding-bottom: 56%;position: relative;margin-top:30px;margin-bottom:30px;}
    .overview {margin-top: 80px;margin-bottom: 50px;background: #ccc;padding: 10px;border-radius: 5px;}
    .logo-mobile {position:relative;float:left;margin-top: -3px;z-index: 1;height:16px;}
    .logo-mobile img {margin-left:5px;}
    .dropdown-content {top:110px!important}
    .menu-box {float:left;width:100%;border-right:1px solid grey;}
    .box1 {float:left;margin-right:20px;margin-bottom:20px;margin-left:5px;}
    .box2 {float:left;}
    .box1-spots {float:left;margin-right:20px;margin-bottom:20px;background:#ffffff;width:100%;}
    .box1-schulen {float:left;margin-right:20px;margin-bottom:20px;background:#ffffff;width:400px;}
    .box1-foot {float:left;margin-right:20px;margin-bottom:20px;background:#ffffff;width:400px;}
    #list {display: none;}
    .hide {display: none; }
    .show:focus + .hide {display: inline; }
    .show:focus { display: none; }
    .show:focus ~ #list { display:block; }
    .h3-collapse {font-size:120%;text-transform:uppercase;}
    .container-liste {margin-top:40px;margin-bottom:40px;}
    .plusbutton {float:left;padding-right:10px;margin-top:-10px;}
    #toggleText {-moz-column-width: 100%; /* Firefox */-webkit-column-width: 100%; /* webkit, Safari, Chrome */column-width: 100%;margin;top:20px;}
    #toggleText ul {line-height:1.7em;font-size:120%;list-style-type: none;}
    #toggleText ul a {font-weight:normal !important;}
    #toggleText ul li {border-bottom:1px solid #ccc;}
    #toggleTextFoot {-moz-column-width: 100%; /* Firefox */-webkit-column-width: 100%; /* webkit, Safari, Chrome */column-width: 100%;margin-top:20px;}
    #toggleTextFoot ul {line-height:1.7em;font-size:120%;list-style-type: none;}
    #toggleTextFoot ul a {font-weight:normal !important;}
    #toggleTextFoot ul li {border-bottom:1px solid #ccc;}
    #toggleTextSchool {-moz-column-width: 100%; /* Firefox */-webkit-column-width: 100%; /* webkit, Safari, Chrome */column-width: 100%;margin-top:20px;}
    #toggleTextSchool ul {line-height:1.7em;font-size:120%;list-style-type: none;}
    #toggleTextSchool ul a {font-weight:normal !important;}
    #toggleTextSchool ul li {border-bottom:1px solid #ccc;}
    .toggleText {-moz-column-width: 100%; /* Firefox */-webkit-column-width: 100%; /* webkit, Safari, Chrome */column-width: 100%;margin-top:20px;width:100%;background:#ffffff;display:block;}
    .toggleText ul {line-height:1.7em;font-size:120%;list-style-type: none;}
    .toggleText ul a {font-weight:normal !important;}
    .toggleText ul li {border-bottom:1px solid #ccc;}
    .ortsliste {-moz-column-width: 100% !important; /* Firefox */-webkit-column-width: 100% !important; /* webkit, Safari, Chrome */column-width: 100% !important;margin-top:20px !important;}
    .ortsliste ul {line-height:1.7em !important;font-size:120% !important;list-style-type: none !important;}
    .ortsliste ul a {font-weight:normal !important;}
    .ortsliste ul li {border-bottom:1px solid #ccc !important;}
    #toggleTextFoot {-moz-column-width: 100%; /* Firefox */-webkit-column-width: 100%; /* webkit, Safari, Chrome */column-width: 100%;margin-top:20px;}
    #toggleTextFoot ul {line-height:1.7em;font-size:120%;list-style-type: none;}
    #toggleTextFoot ul a {font-weight:normal !important;}
    #toggleTextFoot ul li {border-bottom:1px solid #ccc;}
    #toggleTextSchool {-moz-column-width: 100%; /* Firefox */-webkit-column-width: 100%; /* webkit, Safari, Chrome */column-width: 100%;margin-top:20px;}
    #toggleTextSchool ul {line-height:1.7em;font-size:120%;list-style-type: none;}
    #toggleTextSchool ul a {font-weight:normal !important;}
    #toggleTextSchool ul li {border-bottom:1px solid #ccc;}
    #globalWrapper {font-size: 160%!important;}
    .dropdown-content .headline-menu {color: black;padding: 15px 16px 5px 16px;text-decoration: none;display: block;font-size: 11pt;text-transform: uppercase;}
    #column-one {display:none;}
}

@media (max-width: 680px) {
    .box-regionen {width:100%;}
}
@media (max-width: 768px) {
    .mobile-nav {display:block;position: relative;top: -248px;z-index: 10000000;}
    #mainpic {margin-top:-5px}
	.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;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);left: 0px;top: 200px;width: 100%;z-index: 1;}
	/* Links inside the dropdown */
	.dropdown-content a {color: black;padding: 5px 16px;text-decoration: none;display: block;font-size: 10pt;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:auto;}
	#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:60px!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;}
	.dropdown-content {width: 90%;left: 5%;}
}

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