/* Allgemein */
* { margin:0; padding:0; }
html { height:101%; }
body {
  font:12px/18px 'Prompt', sans-serif;
  color:#7f7f7f; 

  background-image:url(../../../fileadmin/templates/images/background/page.jpg);
  background-position:center center;
  background-repeat:no-repeat;
  background-attachment:fixed;
  background-size:cover;  
}

h1 { /*font-weight:bold;*/ font-size:110%; margin-bottom:.5em; }
a { text-decoration:none; color:#17524e; outline:none; }
a:hover { color:#8d0148; }

/* Content */
#page { max-width:980px; margin:0 auto; overflow:hidden; padding:20px; }

#logo { background-image:url(../images/logos/bjoern-hahnefeld-it.png); background-repeat:no-repeat; background-position:center left; padding:10px; margin: 0 0 5px 10px; }
#logo a { display:block; width:322px; height:100px; }

#breadcrumb { margin:3.3em 0 2em 15px; display:block; }
#breadcrumb > span { float:left; border-bottom:1px dotted #7f7f7f; margin-right:7px; }
#breadcrumb li { display:inline; }

#content { margin:5px 0 5px 0; }

#content .frame-default h2 { /*font-weight:bold;*/ font-size:1.2em; letter-spacing:1px; color:#808080; margin-bottom:.2em; }
#content .frame-default p { padding-right:20px; margin-bottom:2.5em; font-size:11px; letter-spacing:1px; }
#content .frame-default .important { color:#dc143c; }
#content .frame-default > ul { padding-left:1.4em; margin-bottom:2.5em; font-size:11px; letter-spacing:1px; }
#content .frame-default > ol { padding-left:1.4em; margin-bottom:2.5em; font-size:11px; letter-spacing:1px; }
#content .frame-default ul ul { padding-left:1.4em; }
#content .frame-default ol ol { padding-left:1.4em; }
#content .frame-default div ul { padding-left:1.2em; margin-top:-2.5em; margin-bottom:1.7em; font-size:11px; letter-spacing:1px; }
#content .frame-default img { margin-bottom:.2em; max-width:100%; height:auto; }

#content .frame-default .tx-indexedsearch-searchbox fieldset { border:none; }
#content .frame-default .tx-indexedsearch-searchbox input[type=search] { width:100%; font:12px/18px 'Prompt', sans-serif; padding:3px; border:1px solid #aaaaaa; margin:0 0 0 20px; }
#content .frame-default .tx-indexedsearch-searchbox input[type=search]:focus { background-color:#e5e5e5; border:1px solid #ffffff; outline:medium none; }
#content .frame-default .tx-indexedsearch-searchbox input[type=submit] { background:#aaaaaa; color:#fff; font:12px/18px 'Prompt', sans-serif; border:none; width:100px; padding:7px; margin:20px 0 0 20px; }

#content .frame-type-form_formframework form h2 { display:none; }
#content .frame-type-form_formframework .form-group { margin-top:1.5em; }
#content .frame-type-form_formframework .form-group input[type=text],
#content .frame-type-form_formframework .form-group input[type=email],
#content .frame-type-form_formframework .form-group input[type=tel] {
  background-color:transparent;
  
  font:1.2em 'Prompt', sans-serif;
  width:100%;
  padding:4px 0 3px 0;

  border:none;
  border-bottom:1px solid #aaaaaa;
}
#content .frame-type-form_formframework .form-group input[type=checkbox] { /*appearance:none;*/ position:relative; width:17px; height:17px; top:4px; border:1px solid #aaaaaa; margin-right:.3em; }
#content .frame-type-form_formframework .form-group textarea {
  background-color:transparent;
  
  font:1.2em 'Prompt', sans-serif;
  width:100%;
  height:80px;
  padding:4px 0 3px 0;

  border:none;
  border-bottom:1px solid #aaaaaa;
}
#content .frame-type-form_formframework .form-group input[type=text]:hover,
#content .frame-type-form_formframework .form-group input[type=email]:hover,
#content .frame-type-form_formframework .form-group input[type=tel]:hover,
#content .frame-type-form_formframework .form-group textarea:hover,
#content .frame-type-form_formframework .form-group input[type=text]:focus,
#content .frame-type-form_formframework .form-group input[type=email]:focus,
#content .frame-type-form_formframework .form-group input[type=tel]:focus,
#content .frame-type-form_formframework .form-group textarea:focus {
  background-color:#fff; border:none; border-bottom:1px solid #aaaaaa; outline:medium none;
}
#content .frame-type-form_formframework .actions button[type=submit] { background:#aaaaaa; color:#ffffff; font:1.3em 'Prompt', sans-serif; border:none; width:180px; padding:7px; margin-top:15px; float:left; }

#content .frame-default .inner_cbQuickGoogleMap { max-width:100%; }

#content .csc-sitemap { margin-bottom:2.5em; }
#content .csc-sitemap ul { margin-top:0 !important; padding-left:1.2em; font-size:11px; letter-spacing:1px; }
#content .csc-sitemap ul ul { margin-bottom:0; }

#content #teaser { width:100%; display:flex; flex-wrap:wrap; justify-content:space-between; padding-top:3px; }
#content #teaser > div { width:32.5%; margin-top:10px; }
#content #teaser .frame-default { /*background-color:#f8f8f8;*/ margin-bottom:4px; }
#content #teaser .frame-default img { /*margin-bottom:1.5em;*/ }
#content #teaser .frame-default .ce-bodytext p { margin:-27px 0 14px 0; text-align:center; padding:0; }
#content #teaser .csc-textpic-text { padding:0 15px 15px 15px; }
#content #teaser .csc-textpic-text ul { padding:15px; margin-top:-2.5em; }

#content #cols { background-color:#f5f4f4; width:100%; display:inline-block; }
#content #cols #content-1col { float:left; width:100%; padding:15px; }
#content #cols #content-2col-left, #content #cols #content-2col-right { box-sizing:border-box; }
#content #cols #content-2col-left { float:left; width:50%; padding:15px; }
#content #cols #content-2col-right { float:left; width:50%; padding:15px; }
#content #cols #content-3col-left, #content #cols #content-3col-middle, #content #cols #content-3col-right { box-sizing:border-box; }
#content #cols #content-3col-left { float:left; width:33%; padding:15px; }
#content #cols #content-3col-middle { float:left; width:34%; padding:15px; }
#content #cols #content-3col-right { float:left; width:33%; padding:15px; }

/* Footer */
#footer { float:left; width:940px; text-align:center; font-size:95%; margin-top:35px; }
#footer span { padding-right:12px; }
#footer ul#legal { display:inline-block; }
#footer ul#social { display:block; margin-bottom:10px; width:100%; }
#footer ul#legal li { display:inline; padding:0 12px 0 12px; border-left:1px solid #7f7f7f; }
#footer ul#social li { display:inline; padding:0 4px 0 4px; }
#footer li a { color:#17524e; }
#footer li a:hover, #footer li a.active { color:#8d0148; }

/* Suchfenster */
#search { float:right; margin:-40px 1px 0 0; }
#search fieldset { border:none; }
#search fieldset input[type=text] { 
  background-image:url(../../../fileadmin/templates/images/background/search.png);
  background-position:calc(100% - 8px) center;
  background-repeat:no-repeat;  
  background-color:transparent;
  
  font:1.2em 'Prompt', sans-serif;
  width:150px;
  padding:4px 8px 3px 8px;

  border:none;
  border-bottom:1px solid #aaaaaa;
}
#search fieldset input[type=text]:focus, #search fieldset input[type=text]:hover { background-color:#fff; border:none; border-bottom:1px solid #aaaaaa; outline:medium none; }
#search .tx-indexedsearch-info-sword, #search .tx-indexedsearch-browsebox, #search .tx-indexedsearch-res, .tx-indexedsearch-info-noresult { display:none; }

/* Mobile Devices */
@media screen and (max-width:915px) {
  #page { padding:19px 0 19px 0 !important;}
}
@media screen and (max-width:820px) {
  #page { padding:19px 0 19px 0 !important; }

  #menu { max-width:100% !important; }
  #menu li li ul { display:none; }

  #content { max-width:100% !important; }

  #content #teaser > div { width:49%; }

  #content #cols #content-2col-left { width:50%; padding:15px 10px 0 15px; }
  #content #cols #content-2col-right { width:50%; padding:15px 10px 0 15px; }
  #content #cols #content-3col-left { width:45%; padding:15px 10px 0 15px; }
  #content #cols #content-3col-middle { width:55%; padding-right:0; }
  #content #cols #content-3col-right { width:100%; padding:0 10px 0 15px; }

  #footer { max-width:100% !important; text-align:left; }
  #footer span { display:none; }
  #footer ul#legal { float:left; margin:7px 0 0 12px;}
  #footer ul#social { float:left; margin:0 0 3px 10px; }
  #footer ul#legal li:first-child { border-left:0px; padding-left:2px; }
}
@media screen and (max-width:600px) {
  #page { padding:19px 0 19px 0 !important; }

  #menu { max-width:100% !important; }
  #menu li li ul { display:none; }

  #content { max-width:100% !important; }

  #content #teaser > div { width:100%; }

  #content #cols #content-2col-left { width:100%; padding:15px 10px 0 15px; }
  #content #cols #content-2col-right { width:100%; padding:0 10px 0 15px; }
  #content #cols #content-3col-left { width:100%; padding-top:15px; }
  #content #cols #content-3col-middle { width:100%; padding-top:0; padding-bottom:0; }
  #content #cols #content-3col-right { width:100%; padding-top:0; }

  #footer { max-width:100% !important; text-align:left; }
  #footer span { display:none; }
  #footer ul#legal { float:left; margin:7px 0 0 12px;}
  #footer ul#social { float:left; margin:0 0 3px 10px; }
  #footer ul#legal li:first-child { border-left:0px; padding-left:2px; }
  
  #search { float:right; margin:-115px 1px 0 0; }
}