/* Template for Anwalt Pfister © admotion*/


html 
{
   height:			100%;
}


body
{
   height:			100%;
   margin:			0px;
   padding:			0px;
   font-family:     'Open Sans', sans-serif;
   font-weight:		400;
   font-size:		16px;
   color:			#000000;
   line-height:		160%;
   letter-spacing:	0.02em;
   background:		#dae3e9 url(../images/verlauf.png) repeat-x scroll 0 0;
}

#system-message { margin: 0px; }
img { height: auto; max-width: 100%; vertical-align: middle; border: 0px; }


#inhalt { margin: 0px auto; width: 1060px; position: relative; z-index: 2; }

#header { padding: 35px 0px 0px 0px; }

#logo { float: left; width: 350px; }

#content { margin: 0px auto; width: 1060px; padding: 84px 0px 30px; z-index: 1; position: relative; }


.back { position: absolute; right: 0; top: 85px; }

.right { float: left; width: 38%; }
.left { float: left; width: 58%; padding-right: 4%; }


.right ul { margin: 0px !important; padding: 0px !important; }
.right li { background: none !important; padding: 0px !important; }

.responsiveContainer { position: relative; padding-bottom: 81.8%; height: 0; overflow: hidden; }
.responsiveContainer iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

    
.teaminhalt { display: grid; grid-template-columns: 1fr 1fr 1fr; column-gap: 30px; row-gap: 30px; }

.team-left { width: 405px; float: left; padding: 5px 30px 0px 0px; }
.team-right { width: 625px; float: left; }

.team-box { border: 1px solid #447091; padding: 15px; }
.team-box p { font-size: 15px; line-height: 135%; }

#container-footer { padding: 40px 0px; font-size: 16px; line-height: 130%; margin: 0px auto; width: 1060px; }
#container-footer a:hover { color: #447091; }
#footer { width: 945px; float: left; }
#footer-d { display: block; }
#footer-m { display: none; }

#top { float: right; margin: 0; position: relative; width: 35px; }
#text li { list-style: none; line-height: 160%; padding: 0px 0px 0px 15px; background: url(../images/list.png) no-repeat scroll 0 10px; background-size: 6px 6px; }
#text ul { margin: 0 0px 20px 0px; margin-top: 20px; }


.jp-accordion li { background: none !important; padding: 0px 0px 10px 0px !important; }
.ui-accordion-content ul { margin: 5px 0px 5px 20px !important; }
.jp-accordion li li { background: url(../images/list.png) no-repeat scroll 0 10px !important; padding: 0px 0px 0px 15px !important; background-size: 6px 6px !important; }


.back-to-top { font-size: 0; background: url(/images/top.jpg) no-repeat scroll 0 0; background-size: 35px 35px; width: 35px; height: 35px; position: absolute; top: 0px; }


#bg-logo { position: fixed; width: 500px; height: 500px; left: 50%; margin-left: -250px; top: 50%; margin-top: -250px; z-index: -999; opacity: 0.05; }



h1 { margin: 0px 0px 30px 0px; padding: 0px; font-size: 22px; line-height: 130%; font-weight: 400; text-transform: uppercase; letter-spacing: 0.1em; color: #447091; }
h2 { margin: 0px 0px 10px 0px; padding: 0px; font-size: 18px; line-height: 130%; font-weight: 400; text-transform: uppercase; letter-spacing: 0.09em; color: #447091; }
h3 { margin: 0px 0px 0px 0px; padding: 25px 0px 0px 0px; font-size: 16px; line-height: 130%; font-weight: 700; letter-spacing: 0.03em; }

#text ul.ohne { margin: 10px 0px 0px 0px; }

p.titel { font-size: 16px;  text-decoration: none; outline: none; margin-top: -10px; line-height: 140%; }

a { text-decoration: none; outline: none; color: #447091; }
a:hover { text-decoration: none; color: #365975; }
a:focus { text-decoration: none; outline: none; color: #365975; }

table { width: 100%; }
hr { border-top: 1px solid #447091; margin: 5px 0px; border-bottom: 0px; }
td { padding-right: 5px; }

.clear { line-height: 0; }





/* Widgetkit */

.uk-scope .uk-dotnav > * > * { width: 11px; height: 11px; border-radius: 0px; margin: 0px 5px; background: #ffffff; border: 0px; }
.uk-scope .uk-dotnav > .uk-active > * { background: #447091; }
.uk-scope .uk-dotnav > * > :hover { background: #447091; }
.uk-scope * + .uk-margin { margin-top: 15px !important; }



ul.uk-accordion { margin: 0px !important; padding: 0px !important; }
.uk-accordion li { margin: 0px !important; padding: 0px !important; background: none !important; }

.uk-scope .uk-accordion-title { font-size: 16px; text-transform: uppercase; letter-spacing: 0.09em; padding: 10px 10px 0px 0px; color: #447091; }
.uk-scope .uk-accordion-title:hover { color: #447091; }
.uk-scope .uk-accordion-title::before { background: url(../images/plus.png) no-repeat scroll 0 5px; background-size: 12px 12px; float: left; margin: 0px; }
.uk-scope .uk-open .uk-accordion-title::before { background: url(../images/minus.png) no-repeat scroll 0 5px; background-size: 12px 12px; }


.uk-accordion-content ul { margin: 5px 0px 5px 20px !important; }
.uk-accordion-content li { padding: 0px 0px 0px 18px !important; background: url(../images/list.png) no-repeat scroll 0 10px !important; background-size: 6px 6px !important; }
.uk-scope ol, .uk-scope ul { padding: 0px !important; }
.uk-scope .uk-accordion-content { margin: 10px 0px 20px 0px; }






/* -------- BreezingForm ---------- */
input, button, select, textarea {
    font-family: 'Open Sans',sans-serif;
}
.bfQuickMode .bfRequired {
    vertical-align: top;
    background: none;
    font-size: 70%;
    font-weight: normal;
    border: none;
    padding: 0px 0px 0px 5px;
    margin: 0px;
    color: #447091;
    float: none;
}
label, input, button, select, textarea { font-size: 18px; font-weight: normal; }
.bfQuickMode section.bfElemWrap {  padding: 0px 0px 20px 0px; margin: 0px 0px 0px 0px; position: relative; overflow: hidden; }
.bfQuickMode .bfLabelLeft label { width: 100%; float: left; margin: 0px 0px 5px 0px; }

.bfQuickMode section input[type="text"], .bfQuickMode section textarea, .bfQuickMode section select { float: left; margin: 0px; width: calc(100% - 8px); }

select, textarea, input[type="text"], input[type="email"] {
    display: inline-block;
    height: 32px;
    padding: 0px 0px 0px 5px;
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 25px !important;
    color: #707070;
    vertical-align: middle;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}
textarea { height: 250px; }
textarea, input[type="text"] { border: 1px solid #447091; }

.bfQuickMode input[type="text"], .bfQuickMode textarea, .bfQuickMode .uneditable-input, .bfQuickMode input[type="text"]:hover, .bfQuickMode textarea:hover, .bfQuickMode .uneditable-input:hover, .bfQuickMode input[type="text"]:focus, .bfQuickMode textarea:focus, .bfQuickMode .uneditable-input:focus {width: calc(100% - 8px); min-width: calc(100% - 8px); max-width: calc(100% - 8px);  }

#bfSubmitButton { border-radius: 0; border: 0px solid #fff; background: #447091; color: #fff; padding: 10px 20px; float: left; }
#bfSubmitButton:hover { background: #707070; }
.bfPageIntro { padding: 0px; }





@media(max-width: 1100px)
{
	#inhalt { width: 700px; }

	#header { padding: 40px 0px 0px 0px; }
	#logo { float: none; }
	#adresse { position: static; text-align: left; float: none; padding: 20px 0px 0px 0px; }
	

	#content { width: 700px; }

    .teaminhalt { grid-template-columns: 1fr 1fr; }

	.downloads { width: 350px; }
	.links { width: 319px; }

	.right { width: auto; float: none; padding: 0px; margin: 30px 0px 30px 0px; }
	.left { width: auto; float: none; padding: 0px; }
    
    .team-left { width: 100%; padding-right: 0px; float: none; }
    .team-right { width: 100%; float: none; margin-top: 20px; }

	#container-footer { width: 700px; }
    #footer { width: 665px; }
    #footer-d { display: none; }
    #footer-m { display: block; }
}




@media(max-width:750px)
{
	#inhalt { width: auto; margin: 0px 20px; }
	#content { width: auto; margin: 0px 20px; }

    .back { position: static; width: 70px; text-align: center; margin: 15px 0px 20px 0px; }

    #container-footer { width: auto; margin: 0px 20px; }
	#footer { width: auto; }
    .back-to-top { top: 3px; }

    
    body { font-size: 16px; }
    h1 { margin: 0px 0px 20px 0px; font-size: 22px; }
    h2 { font-size: 18px; }
    label, input, button, select, textarea { font-size: 16px; }
    .bfQuickMode section input[type="text"], .bfQuickMode section textarea, .bfQuickMode section select { width: 99%;}
    

       

    
}


@media(max-width:550px)
{
    #logo { width: 280px; padding: 0px 50px 0px 0px; }

    .teaminhalt { display: inherit; }
    
    
    #adresse { display: none; }
}

@media(max-width:370px){
     #logo { width: 240px; padding: 0px 50px 0px 0px; }
    
}