/*
Theme Name: Responsive Theme
Theme URI: https://uwebsite.de
Description: Responsive Theme, selbst erstellt.
Author: Uwe B.
Author URI: https://uwebsite.de
 GRUNDGREÜST */
*									{padding:0;margin:0;}
#container						{margin:auto;padding:10px;}
#topNav							{text-transform:uppercase;position:relative;z-index:50;}
#breadcrumb						{display:none;} /* auf Smartphones nicht anzeigen */
#content 						{margin:10px 0;padding:10px;position:relative;z-index:30;}
#content ul						{list-style:none;}
#sidebar 						{text-align: center;}
#sidebar h3						{padding:5px;box-sizing:border-box;}
#footer 							{font-size:0.75em;padding:5px;box-sizing:border-box;}
/* wichtige Tags */
h1,h2,h3,h4,h5,h6				{word-wrap:break-word;}
/* wichtige Elemente */
input[type="checkbox"],
input[type="radio"]			{margin:0;padding:0;line-height:normal;position:relative;height:24px;width:24px;top:6px;}
div.widget ul					{list-style:none;text-align:left;}
div.widget ul li				{line-height:30px;vertical-align:middle;}
div.article_img img			{width:100%;max-width:350px;height:auto;border-radius:4px;box-sizing:border-box;}
img.mapthumb					{margin:0 15px 0 0;}
.fullwidth						{width:100%;box-sizing:border-box;}
.nowrap							{white-space:nowrap;}
.acf-map							{width:100%;height:400px;border-radius:4px;auto;}
.flexbox							{padding:10px;margin-bottom:10px;}
.formbox							{padding:10px;margin-bottom:10px;}
.imgbox							{padding:10px;margin-bottom:10px;text-align:center;}
.floatfix						{overflow:auto;zoom:1;}
.justify							{text-align:justify;}
.left								{text-align:left;}
.center							{text-align:center;}
.red								{color:red;}
.responsive						{text-align:center;}
.responsive img				{width:100%;height:auto;}
#sidebar .responsive img	{max-width:280px;}
/* Pagination */
#pagination span,
#pagination a					{display:inline-block;border-radius:3px;cursor:pointer;padding:5px 10px 5px 10px;}
#pagination span.page-num	{margin-right:10px;padding:0;}
#pagination span.dots		{padding:0;}
/* Cookies */
#cookieNotice              {position:relative;border-bottom:dashed 1px #cdc0b0;padding:10px;text-align:center}
#cookieNoticeCloser        {color:transparent;position:absolute;right:10px;width:15px;height:15px;cursor:pointer}
#cookieNoticeCloser:before {content:'';position:absolute;width:1px;height:9px;background-color:#000000;left:7px;top:3px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);}
#cookieNoticeCloser:after  {content:'';position:absolute;width:1px;height:9px;background-color:#000000;left:7px;top:3px;transform:rotate(45deg);-webkit-transform:rotate(45deg);}
/* EXTRAS */
ul.categories					{width:100%;list-style:none;} 
ul.categories li				{display:inline;white-space:nowrap;padding:0 10px 10px 0;}
#print img						{display:inline;vertical-align:middle;}
img.icon							{vertical-align:middle;margin-right:5px;}
#legend							{text-align:left;}
#legend img.icon				{margin-right:10px;}
#feeds							{text-align:left;}
#feeds img						{vertical-align:middle;margin-right:10px;}
#feeds span						{line-height:40px;}
/* ADSENSE */
#adsense							{text-align:center !important;}
.adsbygoogle					{max-width:800px;margin:auto;}
/** FIX for Bootstrap and Google Maps Info window styles problem **/
img[src*="gstatic.com/"],
img[src*="googleapis.com/"] {max-width:none;}
/* RESPONSIVE Display-Varianten */
@viewport 						{width:device-width;zoom:1;}
@media screen and (min-width:480px) {/* sb1-1 & sb1-2 nebeneinander */
#sb1								{display:-webkit-flex;display:flex;} /* Sub-Sidebars nebeneinander */	
#sb1-1							{-webkit-flex:1;flex:1;-webkit-order:1;order:1;margin-right:10px;}
#sb1-2							{-webkit-flex:1;flex:1;-webkit-order:2;order:2;}
div.article_img img			{max-width:300px;}
#sidebar .borderbox			{background:#f9f9f9;}
.borderbox						{background:#fff;border:1px solid #cdc0b0;border-radius:4px;box-sizing:border-box;padding:10px;}
}
@media screen and (min-width:480px) {/* Flexbox nebeneinander */
.flex-wrapper					{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
.flex-wrapper div:last-child	{margin-right: 0;}
.flexbox							{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;margin:5px 10px 5px 0;}
.formbox							{-webkit-box-flex:auto;-webkit-flex:auto;-ms-flex:auto;flex:auto;margin:5px 10px 5px 0;}
.imgbox							{-webkit-box-flex:auto;-webkit-flex:auto;-ms-flex:auto;flex:auto;margin:5px 10px 5px 0;}
}
@media screen and (min-width:480px) {/* Text neben Image, Breadcrumb anzeigen */
#breadcrumb						{display:block;margin-bottom:10px;} /* Abstand unten */
div.article_img img			{float:left;margin-right:10px;} /* Floating & Abstand rechts hinzugefügt */
div.article_text				{text-align:justify;}
#listing							{text-align:left;}
}
@media screen and (min-width:800px) {/* sb1 & sb2 nebeneinander */
#sidebar							{display:-webkit-flex; display:flex;} /* Sidebars nebeneinander */	
#sb1								{-webkit-flex:1;flex:1;-webkit-order:1;order:1;margin-right:10px;}
#sb2								{-webkit-flex:1;flex:1;-webkit-order:2;order:2;}
}
@media screen and (min-width:1120px) {/* Sidebar rechts, sb2 über sb1 */
#content					 		{display:-webkit-flex; display:flex;}
#main								{-webkit-flex:3;flex:3;-webkit-order:1;order:1;margin-right:10px;} /* Abstand rechts zur Sidebar */	
#sidebar							{-webkit-flex:1;flex:1;-webkit-order:2;order:2;display:block;} /* Sidebars rechts, untereinander */	
#sb2								{-webkit-order:1;order:1;} 
#sb1								{-webkit-order:2;order:2;display:block;margin:0;}
#sb1-1							{margin:0;}
#sb1-2							{margin:0;}
}
/* AUSBLENDEN - Elemente mit class="hide" auf Smartphones ausblenden */
@media screen and (max-width: 768px) {.hide-mobile	{display: none;}}
@media screen and (min-width: 768px) {.hide-desktop	{display: none;}}/*