﻿#contbg
 { margin:0px;
  background-image:url('images/aibg.jpg');
  background-repeat:no-repeat;
  background-position: center center;  
  background-attachment:fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
#contbg.aibg1
 { background-image:url('images/aibg1.jpg');}
#contbg.aibg2
 { background-image:url('images/aibg2.jpg');}
#contbg.aibg3
 { background-image:url('images/aibg3.jpg');}
#contbg.aibg4
 { background-image:url('images/aibg4.jpg');}
#contbg.aibg5
 { background-image:url('images/aibg5.jpg');}

#cont2 { background-color:rgba(250,250,250,0.85); position:fixed; padding:0px; left:50%; right:auto; top:110px; bottom:10px; width:70%; } 
#cont2i { overflow: auto; position:absolute; left:0px; padding: 0px; margin:0px; top:0px; bottom:0px; right: 0; font-size:20px; font-weight:bold; color:#666; line-height:140%;}
#cont3 { overflow:auto; padding-left:40px; padding-bottom:30px; padding-right: 40px; width:auto; font-weight:normal; line-height:160%; }
#cont4 { overflow:auto; padding-top:20px; font-weight:normal; line-height:160%; overflow: hidden;}
#lineb { overflow:auto; padding-top:20px; padding-bottom:0px; width:100%; font-weight:normal; text-align: center; line-height:80%;}

#Home, #Coaching, #Counseling, #Consulting, #Wozu, #Wer, #Wie, #contact {font-size: 36px; margin-left:40px; margin-bottom: 10px; width:80%; line-height:110%;}
#logo {overflow: hidden; position:absolute; right:auto; top:0px; width:200px; height:100px; margin-top:20px; }

#footer    { background-color: #ffffff; bottom:0px; margin:0px; padding-top: 20px; z-index: 3; font-size: 16px; }
#footerI   { padding-left:40px; }
.fIb   { margin-bottom: 10px; }

#contbg {position:fixed; padding:0px; left:50%; right:auto; top:110px; bottom:0px; margin-left:-50%; width:100%; }

#ImgBox {margin:0px; margin-left: 30px; padding: 0px; float:right; border-left: 2px solid rgb(218, 19, 19); line-height:0; }
#FootBox {margin:0px; display: inline-block;}

/*Logo Position regeln*/
@media screen and (min-width:000px) and (max-width:999px) {
#logo {left:0px;}
}
@media screen and (min-width:1000px) {
#logo {left:-118px;}
}

@media (min-aspect-ratio: 5/2) and (max-width:1000px) {
  #contbg {top:60px; }
  #cont2 { top:60px; } 
  #logo {left: 0px; margin-top: 18px; height: 36px;}
}

/*Position linker Rand regeln*/
@media screen and (min-width:000px) and (max-width:999px) {
  #cont1 {margin-left:-45%}
  #cont2 {margin-left:-45%; min-width:90%; max-width:1200px}
  }
@media screen and (min-width:1000px) {
  #cont1 {margin-left:-35%}
  #cont2 {margin-left:-35%; min-width:750px; max-width:1200px}
  }

@media (max-height: 400px) and (min-width:599px)  {
  #contbg {top:60px; }
  #cont2 { top:60px; } 
  #logo {left: 0px; margin-top: 18px; height: 36px;}
} 
  
#ListBox {margin:0px 0px 40px 0px; width:75%; background-color:rgba(255, 255, 255, 0.50); float:left; border-left: 2px solid rgb(218, 19, 19);line-height:150%;}

@media screen and (min-width:000px) and (max-width:499px) {
  #contbg {top:60px; }
  #cont2 { top:60px; } 
  #logo {left: 0px; margin-top: 18px; height: 36px;}
  #ListBox {width:95%; }
  #cont3 { padding-left:20px; padding-right: 20px;}
  #Home, #Coaching, #Counseling, #Consulting, #Wozu, #Wer, #Wie, #contact {margin-left:20px; }
  #footerI   { padding-left:20px; }
  #ImgBox {float:left; margin-left: 0px; }
}
@media screen and (min-width:500px) and (max-width:799px) {
  #ListBox {width:80%; }
  }
@media screen and (min-width:800px) {
  #ListBox {width:45%; }
  }


ul { list-style-type:square; font-size: 20px; font-weight: normal; color: #555; margin:0px; margin-left: -20px; line-height:150%; }	

a  { text-decoration: none; font-family: Tahoma, Verdana, arial, helvetica, sans-serif; color: #000000; font-weight: bold }



body	{ padding:0px; margin:0px;   
        background-attachment: fixed;
        scroll-behavior: smooth; 
        overflow-x: hidden;
        font-family : Tahoma, Verdana, arial, helvetica, sans-serif;
}
::-webkit-scrollbar {  width: 8px;}
::-webkit-scrollbar-track {  background: #ffffff00; }  /* Track */
::-webkit-scrollbar-thumb { background:  rgba(255, 255, 255, 0); }  /* Handle */
::-webkit-scrollbar-thumb:hover {  background: rgb(173, 6, 6); }  /* Handle on hover */

#header    { height:50px; width: 100%; clear: both; position:fixed; top:0; left:0; margin: 0 auto; display: block; z-index: 3; }

img { border:0px; margin:0px; padding: 0px;}


