@font-face { font-family: 'lighthouse';
             src: url('/fonts/Lighthouse_PersonalUse.ttf') format('truetype'); }
		
		html
		{		
			height: 100%;
		}

      ::-webkit-scrollbar-button{ display: block; height: 13px; border-radius: 0px; background-color: #F4E434; } ::-webkit-scrollbar-button:hover{ background-color: #F4E434; } ::-webkit-scrollbar-thumb{ background-color: #c2f512; border-radius: 2px; } ::-webkit-scrollbar-thumb:hover{ background-color: #fbb971; border-radius: 2px; } ::-webkit-scrollbar-track{ background-color: #323232; } ::-webkit-scrollbar-track:hover{ background-color: #000; } ::-webkit-scrollbar{ width: 24px; }
			 
	  body
	  {
		  border-width: 0px;
		  border-top-width: 2px;
		  border-bottom-width: 2px;
		  border-style: dashed;
		  border-color: #f0c834;
		  //background-color: #648452;
		  
background: rgba(31,59,8,1);
background: -moz-linear-gradient(top, rgba(31,59,8,1) 19%, rgba(31,59,8,1) 48%, rgba(98,125,77,1) 68%, rgba(98,125,77,1) 88%);
background: -webkit-gradient(left top, left bottom, color-stop(19%, rgba(31,59,8,1)), color-stop(48%, rgba(31,59,8,1)), color-stop(68%, rgba(98,125,77,1)), color-stop(88%, rgba(98,125,77,1)));
background: -webkit-linear-gradient(top, rgba(31,59,8,1) 19%, rgba(31,59,8,1) 48%, rgba(98,125,77,1) 68%, rgba(98,125,77,1) 88%);
background: -o-linear-gradient(top, rgba(31,59,8,1) 19%, rgba(31,59,8,1) 48%, rgba(98,125,77,1) 68%, rgba(98,125,77,1) 88%);
background: -ms-linear-gradient(top, rgba(31,59,8,1) 19%, rgba(31,59,8,1) 48%, rgba(98,125,77,1) 68%, rgba(98,125,77,1) 88%);
background: linear-gradient(to bottom, rgba(31,59,8,1) 19%, rgba(31,59,8,1) 48%, rgba(98,125,77,1) 68%, rgba(98,125,77,1) 88%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f3b08', endColorstr='#627d4d', GradientType=0 );	  
background-attachment: fixed;
background-repeat: no-repeat;
		  
		  color: #244812;
		  font-family: Verdana, Arial;
		  padding: 12px;
		  margin: 8px;
		  margin-bottom: 0px;
		  margin-left: 48px;
		  margin-right: 48px;
		  font-size: 15pt;
	  }
	  
	  ul
	  {
		  display: block;
		  list-style-type: none;
		  margin-block-start: 1em;
		  margin-block-end: 1em;
		  margin-inline-start: 0px;
		  margin-inline-end: 0px;
		  padding-inline-start: 0px;
		  padding-left: 20px;
      }
	  
	  li
	  {
			//list-style-image: url(/grafik/icons/aufzaehlung_tiny_houses_freiburg.png);
			background-image: url(/grafik/icons/aufzaehlung_tiny_houses_freiburg.png);
			background-repeat: no-repeat;
			
			background-size: 16px;
			background-position: 0px 4px;
			list-style-position: outside;
			vertical-align: middle;
			padding-left: 28px;
			padding-bottom:5px;
      }
	  
	  a.intern_link
	  {
		  color: #244812;
		  font-family: Verdana, Arial;
		  font-size: 15pt;	  	
		  text-decoration: none;
	  }
	  
	  .keywords a.intern_link
	  {
		  color: #e8ffe8;
	  }
	  
	  a
	  {
		  color: #484848;
		  font-size: 100%;
		  text-decoration: underline;
	  }
	  a:hover
	  {
		  color: #824848;
		  text-decoration: none;
	  }	  
	  
	  a.stil1
	  {
		  color: #e6d8ae;
	  }
	  
	  a.stil1:hover
	  {
		  color: #ffff80;
	  }
	  
	  a.button_link
	  {
		  color: #484848;
		  font-size: 15pt;		  
		  text-decoration: none;
	  }
	  
	  a.button_link:hover
	  {
		  color: #535353;
		  cursor: pointer;
	  }

    .nav
	  {
		  width: 100%;
		  color: #d0b233;
		  background-color: #484848;
		  text-align: center;
	  }
	  
	  .ueberschrift
	  {
		  margin-bottom: 32px;
		  padding-left: 54px;
	  }
	  
	  .ueberschrift a, .ueberschrift a:hover
	  {
		  color: #d07922;
		  font-size: 62pt;
		  
		  padding: 12px;
		  font-family: lighthouse;
		  font-stretch: expanded;
		  text-shadow: 2px 2px #ffff28;
		  text-decoration: none;
	  }
	  
	  h2
	  {
		  color: #a57c31;
		  line-height: 110%;
	  }
	  
	  h1
	  {
		  color: #6d581c;
		  line-height: 32pt;
		  padding-bottom: 8px;
	  }	  
	  
	  #text-domain-auf-startseite
	  {
	  	   font-size: 44pt;
	  	   color: #694436;
	  	   margin-top: 32px;
	  	   line-height: 56pt;
	  }
	  
	  @media only screen and (max-width: 866px)
	  {
		  
		  body
			{
			     border-bottom-width: 0px;
				   padding-bottom: 132px;
			}
		  
			.ueberschrift a, .ueberschrift a:hover
			{
			    font-size: 44pt;	
				  text-shadow: 1px 1px #ffff28;
			}
			
	  }
	  
	  @media only screen and (max-width: 1280px)
	  {
		  ul
		  {
			  padding-left: 0px;
		  }
		  
		  li
			{
			     background-size: 30px;
				 padding-left: 40px;
				 background-position: 1px 15px;
				 padding-bottom: 25px;
			}
	  	
		  h1
		  {
		  	font-size: 12pt;
		  	line-height: 12pt;
		  	margin: 0;
		  }	  
		  
		  h2
		  {
			  font-size: 10pt;
		  }	  	
	  	
	    .not_mobile
	    {
	    	 display: none;
	    }			
	    
			#text-domain-auf-startseite
			{
			    font-size: 26pt;
			    line-height: 34pt;
			}	    
	  	
	  }	  
	  
	  @media only screen and (min-width: 1280px)
	  {	  
		  
		  h2
		  {
			  font-size: 25pt;
		  }	  	
	  	
	    .not_mobile
	    {
	    	 clear: both;
	    	 color: #a8882b;
	    }			
	  }	  	  	   
	  
	  .main
	  {
		  background-color: #f4ad43; //#d4f6cb;
		  padding-left: 32px;
		  padding-right: 32px;
		  padding-top: 34px;
		  padding-bottom: 132px;
		  border-width: 0px;
		  border-top-width: 1px;
		  border-style: dotted;
		  border-color: #e86020;
		  margin-top: 210px;
	  }
	  
	  input, textarea
	  {
		  font-size: 14pt;
		  padding: 4px;
		  border-radius: 6px;
		  border-width: 1px;
		  border-color: #48a848;
		  border-style: solid;
	  }
	  
	  input.large
	  {
		  width:610px;
	  }
	  
	  input[type=button]
	  {
		  font-size: 14pt;
		  padding: 12px;
		  padding-left: 32px;
		  padding-right: 32px;
		  border-radius: 8px;
		  background-color: #484848;
		  color: #fff;
		  cursor: pointer;
	  }
	  
	  input[type=button]:disabled
	  {
		  background-color: #e8e8e8;
		  color: #585858;
		  cursor: default;
	  }
	  
	  .mandatory_orange
	  {
		  color: #b84e2a;
	  }
	  
	  fieldset
	  {
		  //background-image: url( '/grafik/stripe_20138e33e0ac989bc9a1333790a3d158.png' );
		  background-color: #6c3500;
  	      border-width: 1px;
		  border-style: solid;
		  border-color: #a8a8a8;
		  border-radius: 8px;
	  }
	  
	  fieldset table
	  {
		  color: #fff;
	  }
	  
	  fieldset table input, textarea
	  {
		  opacity: 0.73;
	  }
	  
	  legend
	  {
		  background-color: #323232;
		  border-radius: 5px;
		  padding: 6px;
		  padding-left: 18px;
		  padding-right: 18px;
		  color: #d8d8d8;
	  }
	  
	  .support
	  {
		  padding-top: 12px;
		  color: #484848;
		  font-size: 8pt;
		  text-align: center;  
	  }
	  
	  .support a
	  {
		  color: #684848;
		  font-size: 8pt;
		  text-decoration: none;
	  }
	  
	  .support a:hover
	  {
		  text-decoration: underline;
	  }	  
	  
	  .keywords
	  {
		  padding-top: 64px;
		  color: #e8ffe8;
	  }
	  
	  .col
	  {
		  display: table-cell;
          box-sizing: border-box; 
          vertical-align: top;	  
	  }
	  
	  .side_box
	  {
		  width: 100%;
		  background-color: #fff;
		  border-width: 1px;
		  border-style: solid;
		  border-color: #482413;
		  border-radius: 12px;
		  margin-bottom: 18px;
	  }
	  
	  .side_box .headline
	  {
		  color: #ffa830;
		  background-color: #38342a;
		  padding: 14px;
		  border-radius: 0px;
		  border-top-left-radius: 12px;
		  border-top-right-radius: 12px;
	  }
	  
	  .side_box .content
	  {
		  padding: 14px;
		  color: #383838;
		  background-color: #d8e379;
		  border-radius: 0px;
		  border-bottom-left-radius: 12px;
		  border-bottom-right-radius: 12px;		  
	  }
	  
	  .link_box
	  {
		  background-color: #f8de97;
		  padding: 12px;
		  border-width: 1px;
		  border-style: solid;
		  border-color: #808080;
		  border-radius: 12px;
		  margin-bottom: 22px;
		  padding-bottom: 30px;
	  }
	  
	  .link_box .headline
	  {
		  margin-top: 8px;
		  margin-bottom: 22px;
		  font-size: 15pt;
		  font-weight: bold;
	  }
	  
	  .wucht_button
	  {
		  color: #ffd833;
		  font-size: 15pt;		  
	  }
	  
	  .wucht_button:hover
	  {
		  color: #fff;		  
		  cursor: pointer;
	  }
	  
	  #ueberschrift
	  {
		  padding-bottom: 12px;
		  white-space: nowrap;
	  }

	  #kontakt-form-textarea
	  {
		   width:610px; min-width: 310px; max-width:610px; height:240px; max-height:240px;
	  }
	  
		  .jurablock
		  {
			  border-width: 0px;
			  border-top-width: 1px;
			  border-bottom-width: 1px;
			  border-style: dotted;
			  border-color: #e8a848;
			  padding-left: 12px;
			  padding-top: 18px;
			  padding-bottom: 18px;
		  }
	  
	  
	  @media only screen and (max-width: 1910px)
	  {
		  .header_jura_link
		  {
			  display: none;
		  }
		  
		  .menuleiste_jura_link
		  {
			  display: inline;
		  }		  
	  }

	  @media only screen and (max-width: 1639px)
	  {
		  .ueberschrift-bild
		  {
			  display: none;
		  }		  
		  
		  .jurablock a
		  {
			  font-size: 18pt;
			  color: #dafa48;
			  text-decoration: none;
			  margin-right: 4px;
			  margin-left: 4px;
			  padding-top:2px;
			  padding-bottom:2px;
		  }
		  
		  .jurablock a:hover
		  {
			  color: #fafffa;
			  text-decoration: underline;		  
		  }		  
		  
		  .menu_zeilenumbruch
		  {
		  	 display: none;
		  }
  
	  }		  
	  
	  @media only screen and (max-width: 1379px)
	  {
		  #main-content
		  {
			  width: 100%;
			  display: block;
		  }
		  
		  #side-info
		  {
			  clear: both;
			  width: 100%;
			  display: block;
		  }
		  
		  #column-1
		  {
			  width: 100%;
			  display: block;			  
		  }
		  
		  #column-2
		  {
			  clear: both;
			  width: 100%;
			  display: block;
		  }		  
		  
		  a.button_link
		  {
			  padding-top: 18px;
			  padding-bottom: 20px;
			  display: inline;
		  }
		  
		  body, table
		  {
			  font-size: 12pt;
		  }
		  
		  #box-artikel-1,
		  #box-artikel-2,
		  #box-artikel-3
		  {
			  display: block;
		  }
		  
		  .support
		  {
			  font-size: 6pt;
		  }
		  
		  .support a
		  {
			  font-size: 6pt;
		  }
		  
		  #kontakt-form-textarea
		  {
			  max-width: 90%;
		  }
		  
	  }
	  
	  @media only screen and (max-width: 1024px)
	  {	  
	  	.jurablock a
		  {
			   font-size: 21pt;
			}		  	  
			
			.menu_trennzeichen
			{
				display: none;
			}
			
		}

	  @media only screen and (min-width: 1910px)
	  {
		  .header_jura_link
		  {
			  display: inline;
		  }
		  
		  div.header_jura_link
		  {
			  padding-top: 16px;
		  }
		  
		  span.header_jura_link
		  {
			  float: left;
			  color: #ff5538;
		  }
		  
		  a.header_jura_link
		  {
			  float: left;
			  color: #ffc066;
			  text-decoration: none;
			  font-size: 16pt;
			  margin-left: 12px;
			  margin-right: 12px;
		  }
		  
		  a.header_jura_link:hover
		  {
			  text-decoration: underline;
		  }		  
		  
		  .menuleiste_jura_link
		  {
			  display: none;
		  }		  		  
		  
	  }
	  
	  @media only screen and (min-width: 1639px)
	  {
		  .ueberschrift-bild
		  {
		       display: table-cell
		  }
		  
		  .jurablock a
		  {
			  font-size: 18pt;
			  color: #dafa48;
			  text-decoration: none;		  
		  }
		  
		  .jurablock a:hover
		  {
			  color: #fafffa;
			  text-decoration: underline;		  
		  }
		  
		  .menu_zeilenumbruch
		  {
		  	 display: block;
		  }		  		  
		  
	  }
	  
	  @media only screen and (min-width: 1910px)
	  {
	  	
		  .jurablock a
		  {
			  font-size: 19pt;
			}	  	
	  	
		  .menu_zeilenumbruch
		  {
		  	 display: inline;
		  }		  		  	  	
	  	
	  }
	  
	  @media only screen and (min-width: 2060px)
	  {
		  .jurablock a
		  {
			  font-size: 20pt;
			}	  		  	
	  }	  		  
	  
	  @media only screen and (min-width: 1380px)
	  {
		  
		  #main-content
		  {
			  width: 75%;
              display: inline-block;
		  }
		  
		  #side-info
		  {
			  width: 24%;
			  display: inline-block;
			  align: right;
		  }		  
		  
		  #column-1
		  {
			  width: 50%;
			  padding-right: 12px;		  
		  }
		  
		  #column-2
		  {
			  width: 50%;
			  text-align: right;
		  }		  		  
		  
		  .wucht_button
		  {
			  padding: 14px;
			  padding-left: 42px;
			  padding-right: 42px;
			  border-radius: 8px;
			  border-width: 1px;
			  border-style: solid;
			  border-color: #ff6600;
			  background-color: #302010;
		  }

		  .wucht_button:hover
		  {
			  background-color: #403020;
			  border-color: #ff2200;		  
		  }
		  
		  a.button_link
		  {
			  color: #ffd833;
			  padding: 14px;
			  padding-left: 42px;
			  padding-right: 42px;
			  border-radius: 8px;
			  border-width: 1px;
			  border-style: solid;
			  border-color: #ff6600;
			  background-color: #302010;
			  
			  margin-top: 18px;
			  margin-bottom: 20px;
			  display: block;			  
		  }
		  
		  a.button_link:hover
		  {
			  color: #fff;
			  border-color: #ff2200;		  
			  background-color: #403020;		  			  
		  }
		  
		  #box-biete-stellplatz
		  {
			  width: 47%;
		  }
		  
		  #box-suche-stellplatz
		  {
			  position: absolute; top: 0; right: 0;
			  width: 46%;
		  }
		  
		  #box-artikel-1,
		  #box-artikel-2,
		  #box-artikel-3
		  {
			  vertical-align: top;
			  display: inline-block;
			  
		  }
		  
		  #box-artikel-1,
		  #box-artikel-3
		  {
			  width: 33%;
		  }
		  
		  #box-artikel-2
		  {
			  width: 32%;
		  }
		  
		   .artikel_box
		   {
			   min-height: 540px;
			   text-align: left;
		   }		  
		  
	  }
	  
	  .inserat_kontakt_button
	  {
		  padding: 12px;
		  padding-left: 22px;
		  padding-right: 22px;
		  border-radius: 8px;
		  background-color: #326232;
		  color: #fff;
		  font-size: 13pt;
		  border-width: 1px;
		  border-style: solid;
		  border-color: #808080;
	  }
	  
	  .inserat_kontakt_button:hover
	  {
		  background-color: #387438;
		  color: #ffa800;
		  cursor: pointer;
	  }  
	  
	  .button_petition
	  {
	  	padding: 8px; font-size: 24pt; background-color: #a8d838; color: #406040; border-radius: 12px; border-width: 1px; border-style: solid; border-color: #484848; cursor: pointer; width: 100%
	  }
	  
	  .button_petition:hover
	  {
	  	background-color: #afdf52;
	  	border-color: #a08050;
	  }