/**************************************************************************************/
/*
/*		Designed by 'AgITO'
/*		Web: http://www.agito.de
/*		License: GNU/GPL
/*
/*************gold #A57C00****************************/

@media screen and (max-width: 480px) { 
.tab {width:100% !important; font-size: 12px !important;}
.tab_ueberschrift {display:block; width:100%; overflow:hidden; margin-bottom:10px; font-size: 16px !important;}
 .block_main   {display:block; width:100%; overflow:hidden; padding: 45px 2px 20px 15px !important;}
#sp-bottom .sp-module ul {   padding-left:25px !important;}
.pic_tw {display:block; float:none !important; padding:30px 0px 20px 0px; margin: 0px auto;}
}

@media screen and (max-width: 800px) { 
 .block_100, .block_40, .block_60, .block_50  { width:100% !important; float:none !important; }
  .fl, .fr, .pic_kontakt, .pic_ssignet {float:none !important; margin:0px auto !important;}

}


@media screen and (max-device-width:414px), screen and (max-width:480px) {  

.tab {width:100% !important;}
.tab_ueberschrift {display:block; width:100%; overflow:hidden; margin-bottom:10px;}
  
  
 #footer-row .row-fluid .span3
{display:block; width:100%; overflow:hidden; margin-bottom:0px; padding-left:20px;} 
 
  
#component .tab {display:block; overflow:hidden; width:100%;  margin:0 auto;  padding:0px 0px 0px 0px; border:0px solid green; }  
  
#component .tab1 {display:block; overflow:hidden; width:100%;   }    
  
/*links*/
  #component .tab_links {display:block; width: 100%; vertical-align:top;  white-space: wrap; overflow: hidden; text-overflow: ellipsis; padding-bottom:0px; text-align:left; margin:0px;}
  
#component .tab_links a {margin-bottom:0px;border-bottom:0px;}  
 
#component .tab_rechts {display:block; width:100%; vertical-align:top; border-bottom:1px dotted #cccccc;   white-space: wrap; overflow: hidden; text-overflow: ellipsis; padding-bottom:5px; margin-bottom:30px;  background:#f8f8f8; font-size:11px;}  

  #component .tab_mitte {display:none;}  
  
#component .tab_ref {display:block; overflow:hidden; width:100%; font-size:11px; margin:0 auto; line-height: 1.3em; padding:0px 0px 10px 0px; border:0px solid green; } 
  
/*impressum*/
  #component .tab1_links {display:block; width: 100%; vertical-align:top;  white-space: wrap; overflow: hidden; text-overflow: ellipsis; padding-bottom:5px; text-align:left;}
 
#component .tab1_rechts {display:block; width: 100%; vertical-align:top; border-bottom:1px dotted #cccccc; white-space: wrap; overflow: hidden; text-overflow: ellipsis; padding-bottom:10px; margin-bottom:20px; font-size:11px;}  


  #component .tab_adresse {display:block; overflow:hidden; width:100%; font-size:11px;  line-height: 1.3em; padding:0px 0px 10px 0px; border:0px solid green;}
  
#component .tab_adresse1 {} 
  
#component .tab_adresse2 {display:block; width: 100%; vertical-align:top;  white-space: wrap; overflow: hidden; text-overflow: ellipsis; padding-bottom:10px; line-height:2.1; margin-bottom:20px; }   

#component .block_main img {width:80px !important;}  
   
  
#component .tab_mitte1 {display:none;}  
  
  #component .pic_ref {display:block; overflow:hidden; margin:0 auto; width:170px; height:auto; border:0px solid red;}  
 
  
#component .block_main {
color: #545454; font-weight:400; 
background: url("../images/bg_main.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
border:0px solid black; padding:65px 0px 20px 15px; margin:5px 0px 0 0px; 
line-height:1.7em;
}
  
#component .tab1 {    font-size: 12px;} 
  
#component .tab_sig2 {  font-size: 12px;}
#component .tab1_links {  width:45%;}
#component .tab1_rechts {  width:45%;}
#component .sig4 { width:100%; }
#component .sig5 { width:100%; padding-left:0px;}
#component .sig41 { width:100%; }
#component .sig51 { width:100%; padding-left:0px;}
#component .sig61 { width:100%; padding-left:0px;}
#component .sig1 { display:block; overflow:hidden; width:100%; border-bottom: 2px solid #545454;  padding-bottom:10px; }
#component .sig11 { display:block; overflow:hidden; width:100%; border-bottom: 2px solid #545454;  padding-bottom:10px; }
#component .sig2 {display:block; overflow:hidden; width:100%; padding-left:0px; padding-bottom:10px; padding-top:10px;}  
#component .sig31  {display:block; overflow:hidden; width:70% !important; padding-left:0px;}  
  
  
}

@media screen and (max-width: 900px) and (min-width: 414px) {  
#component .sig31  {display:block; overflow:hidden; width:70% !important; padding-left:0px;}
#component .sig41 { width:100% !important;}
#component .sig51 { width:100% !important; padding-left:0px;}
#component .sig61 { width:100% !important; padding-left:0px;}
.pic22 { display:block; overflow:hidden; margin:0px auto !important; width:100% !important; padding-left:0px !important;}

}

@media screen and (max-width: 686px) and (min-width: 414px) {  
#component .sig31  {display:block; overflow:hidden; width:100% !important; margin:0px auto;}
.tab_sig3 {width: 100% !important; }
}

/*************ende media****************************/
/*************oberes menu****************************/

#top-row1 .menu_oben  {
  width:100%; display:block; overflow:hidden; border:0px solid green;margin-top:-20px; margin-bottom:20px;}

#top-row #top-search 
{padding-top: 0px;}


#top-row1 .nav > li  {
    display: block; margin:1px; border:0px solid red; float:left;
  list-style-image: url("../images/li.style.png"); line-height:1.1em;
    list-style-position: inside; padding:0px 10px 0px 20px;}

/*************ende media****************************/


.xlink {cursor:no-drop}
.hlink{cursor:help}
html {overflow-y:scroll;}

body {  font-family: 'Poppins', sans-serif !important;  font-size: 14px; background:#f0f0f0;}

#sp-main-body {  padding: 0px 0px 20px 0px;}
#sp-logos {  padding: 0px 0px 20px 0px;}
#sp-top { border-top: 10px solid #eeeeee;}
.sp-megamenu-parent { margin:0px auto !important; text-align:center; }
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {  font-size: 16px;}



h1, h2, h3, h4, h5, .call-us, .item_header .item_title, #member-registration legend {
  font-family: 'Poppins', sans-serif !important;}

.spacer_w {  height: 1px;  color: transparent;}

.fa-ul > li {  padding-bottom:0px; line-height: 1.0 !important;} 
.fa-li {  margin-top:-3px;} 
.fs50 {margin-top:3px; font-size:110%;}

ul.outside {margin: 35px 0 10px 0px;}

.article-details ul li {
  list-style-position: outside;  line-height: 1.5;  margin: 15px 0 10px 35px;list-style-image: url("../images/li.style.png");}

.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {  background: #373c43 !important; color:#fff !important; }
.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active > a {  color: #A57C00 !important;}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {  color: #fff !important;}

.offcanvas-menu .offcanvas-inner ul.menu > li > a:hover {  color: red;}

.block_100 {display:block; overflow:hidden; width: 100%;}
.block_60 {display:block; overflow:hidden; width: 59%;}
.block_40 {display:block; overflow:hidden; width: 39%;}
.block_50 {display:block; overflow:hidden; width: 49%;}


#copyright-row {padding-bottom:100px;}

.pic1 {display:block;float:left; }
.pic11 {display:block;float:left; padding:0px 10px 10px 0px;}
.pic12 {display:block; float:left; padding:0px 20px 55px 0px; border:0px solid red; }
.pic_tw {display:block; float:left; padding:30px 40px 20px 0px; border:0px solid red; max-width:300px; }
.pic13 {display:block; float:left; padding:0px 20px 20px 0px; border:0px solid red; }/*pdf presse*/
.pic14 {display:block;float:left; margin-left:-5px;; }/*fahnen*/
.pic15 {display:block;float:left; width:165px; }/*fahnen*/

.pic2 {display:block;float:right; }
.pic21 { display:block;float:right; margin:10px 10px 5px 15px; }
.pic22 { display:block;float:right; overflow:hidden; margin:0px 0px 10px 15px; padding-bottom:10px; max-width:250px;}
.pic3 {display:block;margin:0px;}
.pic4 {display:block; overflow:hidden; float:left !important; margin:0px; padding-right:10px; padding-top:3px !important;}

.pic_ref { display:block;float:right; padding:20px 10px 5px 15px; height:60px; }
.pic_signet { display:block;overflow:hidden; float:left; margin-left:0px; padding-right:20px; height:40px; margin-top:-5px; }

.pic_kontakt {display:block;float:right; margin-top:20px;}
.pic_ssignet {display:block; overflow:hidden; float:left; margin-left:40px;}

.fl {float:left;}
.fr {float:right;}

.tar {text-align:right;}

b { font-weight:700;  }
.orange { color : #A57C00; font-weight:500;  }
.italic {font-style:italic; font-weight:bold; color:#1B1400;}
.dark { color: #5E4E5E;}
.go {color: #A57C00; font-weight:bold;}
.block100  {display:block; overflow:hidden; width:100% !important;} 



.str1 { display:block; overflow:hidden;  margin:0 auto; color:#ffffff; margin-top: 15px; margin-bottom: 20px; width:100%; height:1px;
background-color:#ffffff;  border: 1px dotted #5E4E5E; }

.str2 { display:block;  margin:0 auto; color:#ffffff; margin-top: 10px; margin-bottom: 10px; width:80%; height:1px;
background-color:#ffffff;  border: 1px dotted #5E4E5E;}

.str3 { display:block;  margin:0 auto; color:#ffffff; margin-top: 40px; margin-bottom: 10px; width:60%; height:1px;
background-color:#ffffff;  border: 1px dotted #5E4E5E;}

.block_main {display:block; overflow:hidden; color: #545454; font-weight:400; 
background: url("../images/bg_main.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); background-position: 0% 0%; 
border:0px solid black; background-color:#fff; padding:65px 25px 20px 45px; margin:-10px 0px 0 0px; 
line-height:1.7em;
}

.block_main h1 { color: #545454;  font-size:14px; font-weight:600;
 line-height:1.6em; margin:0; }

.block_main h2 { color: #545454;  font-size:24px; font-weight:400; padding-bottom:20px;   }

.block_main h3 { color : #A57C00;   font-size:18px; font-weight:500;    }

.block_main h4 { color : #A57C00; font-size : 14px; font-weight:600;    }

.block_main h5 { color: #545454; font-size : 14px; font-weight:bold; margin:0;  }

.block_main h6 { color: #ffffff;  font-family : Verdana, Georgia,sans-serif, Galant;
font-size : 1px; line-height:1.6em; margin:0; }


.block_main a { 
color: #545454;  border-bottom: 0px solid #FFCB50; font-weight:bold;  margin:5px 0px 0 0px;
padding: 3px 2px 1px 2px; text-decoration: none;  text-align: left;}

.block_main h2 a { 
font-weight:normal; line-height:1.3em;}

a.block_main:link {
color: #545454;  background: #FFffff; }

a.block_main:visited { background: #ffffff; color: #545454; }

.block_main a:hover { background: #FFCB50; color: #545454;}

a.block_main:active { background: orange; color: #545454; }

.font_24 {color: #5E4E5E;
    font-size: 24px !important;
    font-weight: 400;
    line-height: 1.3em;
}

.norm a { 
font-weight:normal;}

a.tab42:link {
    color: #444444;
    font-weight: 500; line-height:1.7em;
    background: #FFffff;
}

.page-item ul li { list-style-position: outside; line-height: 1.5; margin: 15px 0 10px 35px; }

.page-item ul { margin: 35px 0 10px 35px; }

.page-item ol li { list-style-position: outside; line-height: 2.0; margin: 15px 0 10px 55px; }

/**adresse unten**/

.icon-home li { list-style-position: outside;  }

/****/


.block_fahnen {  float:right;  display:block; overflow:hidden; color: #545454;
font-size:12px; font-weight:400;text-align:center;
width:170px;   border:0px solid black; padding:0 0px 0px 0px; margin:-40px -20px 50px 40px;
line-height:1.3em; }

.main-wrapper {
   border-top:10px solid #eee;  
}
.main {
  
}



.block_kanzleiinhaber { 
//background-image: url(../images/TW-Bodensee_Thomas_Woersching.jpg); background-repeat:no-repeat;
background-position:0px 70px;
}

#footer-row .contactus
{ 

}

#footer-row .contactus1 ul li
{
	width: 100%;
  border-left:20px solid transparent;
}


/* tabelle für links*/
table tbody {width:100%; display:block; overflow:hidden;}
.tab {display:block; overflow:hidden; width:80%; margin:0 auto; line-height: 1.3em; padding:0px 0px 10px 0px; border:0px solid red;}

.tab_ueberschrift {display:block; overflow:hidden; height:40px; width:100%; color : #A57C00; font-size : 18px; font-weight:500; margin-top:30px; line-height:1.3em; padding:0px 0px 20px 0px; }

.tab_ueberschrift2 {display:block; overflow:hidden; font-style:italic; font-size: 16px; height:30px; font-weight:400; padding:20px 0px 20px 0px; }

.tab_mitte {display:block; overflow:hidden; width:5px; background:#ECECEC; float:left; padding-bottom:15px;}

.tab_links {display:block; overflow:hidden; width: 50%;  vertical-align:top; float:left;padding-bottom:15px;}

.tab_rechts {display:block; overflow:hidden;width: 45%;  color: #444444;  vertical-align:top; padding:0px 0px 15px 10px; }

a.tab42  { font-weight:bold; border-bottom: 1px solid #FFCB50; overflow:hidden; display:bock;
 text-decoration: none;  text-align: left; vertical-align:top; }

a.tab42:link{ 
color: #444444; font-weight:500; background: #FFffff; }

a.tab42:visited { background: #ffffff; color: #444444; }

a.tab42:hover { background: #FFCB50; color: #444444;}

a.tab42:active { background: orange; color: #444444; }

/* links für presse*/

a.tab_pdf  {display:block;   font-weight:bold; border: 0px solid #FFCB50;
 margin-bottom:20px; padding-bottom:2px; padding-top:10px;}

a.tab_pdf:link{  line-height: 1.3em;
color: #444444; font-weight:bold; background: #FFffff; }

a.tab_pdf:visited { background: #ffffff; color: #444444; }

a.tab_pdf:hover { background: #FFCB50; color: #444444;}

a.tab_pdf:active { background: orange; color: #444444; }

/* tabelle für signatur*/ 

.tab_sig {display:block; overflow:hidden; width:90%; line-height: 1.4em; padding:0px 0px 2px 0px; border:0px solid red;}

.tab_sig1 {display:block; overflow:hidden; width:80%; line-height: 1.4em; padding:10px 0px 0px 0px;   color : #A57C00; font-size : 14px; font-weight:600;  }

.tab_sig3 {display:block; overflow:hidden; width:68%;    }
.tab_sig4 {display:block; overflow:hidden; width:30%; }


.sig1 { float:left; display:block; overflow:hidden; text-align:left; font-size:11px;
 vertical-align:top; padding:0px 5px 2px 0px; border-right: 5px solid #545454;}

.sig11 {width:65%; float:left; display:block; overflow:hidden; }

.sig2 {  display:block; overflow:hidden; float:left; vertical-align:top; padding:0px 0px 2px 5px; font-size:11px;border:0px solid red; }
.sig21 { width: 100%; display:block; overflow:hidden; float:left; vertical-align:top; padding:0px 0px 2px 5px; font-size:11px;border:0px solid red; }

.sig3 {width:50%; text-align:left; font-size:11px; 
 vertical-align:top; padding:0px 5px 2px 0px; border-right: 5px solid #A57C00;}

.sig31 {  display:block; overflow:hidden; padding-left:10px; padding-top:30px; border:0px solid red;}
.sig7 { width: 100%; display:block; overflow:hidden; float:left; vertical-align:top; padding:0px 0px 2px 0px; font-size:11px; }

/* tabelle für signatur impressum*/
.block100 {display:block; overflow:hidden; width:100%; height:auto; border:0px solid green; }

.tab_sig2 {display:block; overflow:hidden; width:80%; line-height: 1.4em;  border:0px solid red; font-size:14px;}

.sig4 {display:block; overflow:hidden; width: 45%; text-align:left; float:left;
  padding:0px 5px 2px 0px !important; border-right: 5px solid #545454;}

.sig5 { display:block; overflow:hidden; width: 45%; text-align:left; float:left; padding:0px 0px 2px 15px; }


.sig41 {display:block; overflow:hidden; width:32%; text-align:left; float:left;
  padding:0px 5px 2px 0px !important; border-right: 5px solid #545454;}
.sig51 { display:block; overflow:hidden; width:32%; text-align:left; float:left; padding:0px 5px 2px 5px !important; border-right: 5px solid #545454; }
.sig61 { display:block; overflow:hidden; width:28%; text-align:left; float:right; padding:0px 0px 2px 5px; }


/* tabelle für impressum*/
.tab1 {display:block; overflow:hidden; width:90%; margin:0 auto; line-height: 1.4em; padding:0px 0px 30px 5px !important; border:0px solid red; font-size:14px;}

.tab1_links {display:block; overflow:hidden; width: 40%;  vertical-align:top; text-align:right; float:left;
 padding-right:10px; padding-bottom:20px;}

.tab1_rechts { display:block; overflow:hidden; padding-left:10px; font-size:14px; border-left: 5px solid #ECECEC; padding-bottom:20px;}


/* tabelle für referenzen*/

.tab_ref {display:block; overflow:hidden; width:80%; margin:0 auto; line-height: 1.3em; padding:0px 0px 30px 0px; border:0px solid red;}


.tab_mitte1 {width:0px; background:#ECECEC; }

.tab_links1 {width: 48%; height:40px; vertical-align:top; border-top:0px dotted #cccccc; padding:10px 10px 25px 15px;}

.tab_rechts1 {width: 48%;  color: #545454;  padding:20px 10px 25px 15px; line-height:2.0em;
  border-top:0px dotted #cccccc;border:0px solid red;}

/**datenschutz*/

#dsvo
{font-size:14px; display:block;   overflow:hidden; margin-bottom:30px; line-height:1.5em;
   padding:0px; color:#665D4E; background: rgba(255,255,255,.7); }

#dsvo h1
{ color: #545454;
font-size: 24px;
font-weight: 400;
line-height: 1.3em; }

#dsvo h2
{color: #A57C00;
font-size: 14px;
font-weight: 600;
padding-top:20px; padding-bottom:5px;}


#dsvo a {font-size:13px; color:#665D4E; padding:0px; margin:0px;   }
#dsvo a:hover { color:#B88734;  background:#fff;  }

.cc-revoke, .cc-window {   
    font-family: 'Poppins', Tahoma, Geneva, sans-serif !important; 
    line-height: 1.4em !important;
   
}

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

/* poppins-600 - latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/poppins-v20-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/poppins-v20-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/poppins-v20-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/poppins-v20-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/poppins-v20-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/poppins-v20-latin-600.svg#Poppins') format('svg'); /* Legacy iOS */
}
/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/open-sans-v34-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v34-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v34-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v34-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v34-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v34-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/open-sans-v34-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v34-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v34-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v34-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v34-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v34-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}