/* CSS Document */



/*

Farben

#fff weiß

#000 schwarz

#eec beige

#9cd hellblau

#589 blau

#256 dukelblau

 */



body { font-family:'Raleway', Arial, Tahoma, Geneva, sans-serif; color:#333; background-color:#eee; }



/* ------------------------------

Allgemeine Definitionen

------------------------------ */

/* Farbe der Textmarkierung */

::selection { background:#369; color:#fff; }

::-moz-selection { background-color:#369; color:#fff; }



/* Schrift-Layout */

h1, h2, h3, h4, h5, h6 { font-family:Oswald, Tahoma, Geneva; font-weight:normal; }

h1, h2 { color:#369; }

h3, h4, h5, h6 { color:#000; }









/* ------------------------------

Links

------------------------------ */

/* Links */

a.o_href { padding:0; color:#369; text-decoration:none; }

a.o_href:hover { color:#fff; background-color:#369; }

a.o_inline { padding:0 .2em; color:#369; }

a.o_inline:hover { color:#fff; background-color:#369; }

a.o_marked { display:inline-block; margin:0; padding:.1em .4em; white-space:nowrap; text-decoration:none; color:#fff; font-size:.9em; background-color:#369; }

a.o_marked:hover { color:#333; background-color:#cea; }

a.o_block { display:block; margin:.4em 0; padding:.4em .8em; overflow:hidden; font-size:.9em; color:#369; text-decoration:none; border:1px solid #ccc; }

a.o_block:hover { color:#000; background-color:#ddd; }





a.o_qtip_click, a.o_qtip_over { margin:0; padding:0 .1em; text-decoration:none; color:#06a; font-size:.9em; border-bottom:1px dotted #06a; }

a.o_qtip_click:hover, a.o_qtip_over:hover { text-decoration:none; color:#000; border-bottom:1px solid #06a; }

a.o_qtip_click:after { content:url(../img/ico-info.png); padding-left:5px; }

a.o_qtip_over:after { content:url(../img/ico-tip.png); padding-left:5px; }





/* ------------------------------

Framework

------------------------------ */

.o_framework { background-color:#fff; }

.o_framework_header {  }

.o_framework_light { padding:2em 0; color:#666; background-color:#f5f5f5; }

.o_framework_dark { padding:2em 0; color:#fff; background-color:#666; }

.o_framework_dark h2, .o_framework_dark .o_highlight { color:#cea; }

.o_framework_green { padding:2em 0; color:#666; background-color:#cea; }



.o_framework_start { background:url(../img/back/bg-start.jpg) center center no-repeat; background-size:cover; }

.o_framework_index { background:url(../img/back/bg-index.jpg) center center no-repeat; background-size:cover; }

.o_framework_index_1 { background:url(../img/back/bg-index-1.jpg) center center no-repeat; background-size:cover; }

.o_framework_index_2 { background:url(../img/back/bg-index-2.jpg) center center no-repeat; background-size:cover; }

.o_framework_index_3 { background:url(../img/back/bg-index-3.jpg) center center no-repeat; background-size:cover; }

.o_framework_index_4 { background:url(../img/back/bg-index-4.jpg) center center no-repeat; background-size:cover; }

.o_framework_praxis { background:url(../img/back/bg-praxis.jpg) center center no-repeat; background-size:cover; }

.o_framework_anfahrt { background:url(../img/back/bg-anfahrt.jpg) center center no-repeat; background-size:cover; }

.o_framework_philosophie_1 { background:url(../img/back/bg-philosophie-1.jpg) center center no-repeat; background-size:cover; }

.o_framework_philosophie_2 { background:url(../img/back/bg-philosophie-2.jpg) center center no-repeat; background-size:cover; }

.o_framework_philosophie_3 { background:url(../img/back/bg-philosophie-3.jpg) center center no-repeat; background-size:cover; }

.o_framework_philosophie_4 { background:url(../img/back/bg-philosophie-4.jpg) center center no-repeat; background-size:cover; }

.o_framework_einblicke_1 { background:url(../img/back/bg-einblicke-1.jpg) center center no-repeat; background-size:cover; }

.o_framework_einblicke_2 { background:url(../img/back/bg-einblicke-2.jpg) center center no-repeat; background-size:cover; }

.o_framework_einblicke_3 { background:url(../img/back/bg-einblicke-3.jpg) center center no-repeat; background-size:cover; }

.o_framework_einblicke_4 { background:url(../img/back/bg-einblicke-4.jpg) center center no-repeat; background-size:cover; }

.o_framework_partner { background:url(../img/back/bg-partner.jpg) center center no-repeat; background-size:cover; }

.o_framework_team { background:url(../img/back/bg-team.jpg) center center no-repeat; background-size:cover; }

.o_framework_veranstaltung { background:url(../img/back/bg-veranstaltung.jpg) center center no-repeat; background-size:cover; }

.o_framework_karriere { background:url(../img/back/bg-karriere.jpg) center center no-repeat; background-size:cover; }

.o_framework_patient_allgemein { background:url(../img/back/bg-patient-allgemein.jpg) center center no-repeat; background-size:cover; }

.o_framework_patient_information { background:url(../img/back/bg-patient-information.jpg) center center no-repeat; background-size:cover; }

.o_framework_patient_links { background:url(../img/back/bg-patient-links.jpg) center center no-repeat; background-size:cover; }

.o_framework_qualitaet { background:url(../img/back/bg-qualitaet.jpg) center center no-repeat; background-size:cover; }

.o_framework_ueberweiser_allgemein { background:url(../img/back/bg-ueberweiser-allgemein.jpg) center center no-repeat; background-size:cover; }

.o_framework_ueberweiser_information { background:url(../img/back/bg-ueberweiser-information.jpg) center center no-repeat; background-size:cover; }

.o_framework_ueberweiser_login { background:url(../img/back/bg-ueberweiser-login.jpg) center center no-repeat; background-size:cover; }

.o_framework_implantologie { background:url(../img/back/bg-implantologie.jpg) center center no-repeat; background-size:cover; }

.o_framework_angstpatient { background:url(../img/back/bg-angstpatient.jpg) center center no-repeat; background-size:cover; }

.o_framework_behandlung_risikopatient { background:url(../img/back/bg-behandlung-risikopatient.jpg) center center no-repeat; background-size:cover; }

.o_framework_freilegen_verlagerte_zaehne { background:url(../img/back/bg-freilegen-verlagerte-zaehne.jpg) center center no-repeat; background-size:cover; }

.o_framework_kiefer_gesicht_verletzung { background:url(../img/back/bg-kiefer-gesicht-verletzung.jpg) center center no-repeat; background-size:cover; }

.o_framework_kieferhoehle_chirurgie { background:url(../img/back/bg-kieferhoehle-chirurgie.jpg) center center no-repeat; background-size:cover; }

.o_framework_kieferorthopaedie { background:url(../img/back/bg-kieferorthopaedie.jpg) center center no-repeat; background-size:cover; }

.o_framework_knirsch_behandlung { background:url(../img/back/bg-knirsch-behandlung.jpg) center center no-repeat; background-size:cover; }

.o_framework_mikro_chirurgie { background:url(../img/back/bg-mikro-chirurgie.jpg) center center no-repeat; background-size:cover; }

.o_framework_mundschleimhaut_erkrankung { background:url(../img/back/bg-mundschleimhaut-erkrankung.jpg) center center no-repeat; background-size:cover; }

.o_framework_parodontologie { background:url(../img/back/bg-parodontologie.jpg) center center no-repeat; background-size:cover; }

.o_framework_radiologische_untersuchung { background:url(../img/back/bg-radiologische-untersuchung.jpg) center center no-repeat; background-size:cover; }

.o_framework_schmerz_ausschaltung { background:url(../img/back/bg-schmerz-ausschaltung.jpg) center center no-repeat; background-size:cover; }

.o_framework_schmerz_diagnostik { background:url(../img/back/bg-schmerz-diagnostik.jpg) center center no-repeat; background-size:cover; }

.o_framework_schnarch_behandlung { background:url(../img/back/bg-schnarch-behandlung.jpg) center center no-repeat; background-size:cover; }

.o_framework_weisheitszahn_entfernung { background:url(../img/back/bg-weisheitszahn-entfernung.jpg) center center no-repeat; background-size:cover; }

.o_framework_wurzelspitze_resektion { background:url(../img/back/bg-wurzelspitze-resektion.jpg) center center no-repeat; background-size:cover; }

.o_framework_zahnfleisch_chirurgie { background:url(../img/back/bg-zahnfleisch-chirurgie.jpg) center center no-repeat; background-size:cover; }

.o_framework_endodontologie { background:url(../img/back/bg-endotontologie.jpg) center center no-repeat; background-size:cover; }

.o_framework_diagnose { background:url(../img/back/bg-diagnose.jpg) center center no-repeat; background-size:cover; }

.o_framework_individualprophylaxe { background:url(../img/back/bg-individualprophylaxe.jpg) center center no-repeat; background-size:cover; }

.o_framework_narkose { background:url(../img/back/bg-narkose.jpg) center center no-repeat; background-size:cover; }

.o_framework_normalbehandlung { background:url(../img/back/bg-normalbehandlung.jpg) center center no-repeat; background-size:cover; }

.o_framework_roentgen { background:url(../img/back/bg-roentgen.jpg) center center no-repeat; background-size:cover; }

.o_framework_sedierung { background:url(../img/back/bg-sedierung.jpg) center center no-repeat; background-size:cover; }

.o_framework_vorbeugung { background:url(../img/back/bg-vorbeugung.jpg) center center no-repeat; background-size:cover; }

.o_framework_impressum { background:url(../img/back/bg-impressum.jpg) center center no-repeat; background-size:cover; }

.o_framework_datenschutz { background:url(../img/back/bg-datenschutz.jpg) center center no-repeat; background-size:cover; }

.o_framework_radiologie { background:url(../img/back/bg-radiologische-untersuchung.jpg) center center no-repeat; background-size:cover; }

.o_framework_reoss { background:url(../img/back/bg-reoss.jpg) center center no-repeat; background-size:cover; }



/* ------------------------------

Seitenbereich

------------------------------ */

.o_section { padding:1em 1%; width:100%; background:url(../img/back/bg-section.png); }

.o_section_full { padding:1em 0; width:100%; background:url(../img/back/bg-section.png); }

.o_section_top { padding:0; width:100%; background:url(../img/back/bg-section.png); }

.o_section_slider { padding:1em 0; width:100%; background:url(../img/back/bg-section.png); }

.o_section_start { padding:1em 0; width:100%; }

.o_section_highlight { padding:1em 1% 1em 1%; width:100%; background:url(../img/back/bg-highlight.png); }

.o_section_light { background-color:#eee; }

.o_section_footer { padding:2em 1%; color:#fff; }



/* Topline */

.o_topline_implantologie { display:block; width:100%; height:10px; opacity:.6; background-color:#971; }

.o_topline_chirurgie { display:block; width:100%; height:10px; opacity:.6; background-color:#ddd; }

.o_topline_endodontologie { display:block; width:100%; height:10px; opacity:.6; background-color:#ba7; }

.o_topline_zahnfee { display:block; width:100%; height:10px; opacity:.6; background-color:#d78; }



/* Footer */

.o_footer { padding:0; color:#ddd; font-size:.85em; border-top:.8em solid #aaa; background-color:#333; }

.o_footer a { color:#bcd; text-decoration:none; }

.o_footer a:hover { color:#fff; }

.o_footer h3, .o_footer h4 { color:#fff; }













/* ------------------------------

Branding

------------------------------ */

figure.o_branding { display:block; position:relative; width:100%; height:auto; text-align:center; font-family:Oswald, Tahoma, Geneva; }

figure.o_branding a { text-decoration:none; }

figure.o_branding a:hover { text-decoration:none; }

figure.o_branding img { width:120px; height:auto; }

figure.o_branding p:nth-of-type(1) { margin-top:1em; color:#369; font-weight:normal; font-size:.9em; }

figure.o_branding p:nth-of-type(2) { margin-top:.8em; color:#666; }

figure.o_branding p:nth-of-type(3) { color:#666;}



.o_address { position:relative; display:block; width:100%; height:100px; padding:5px 10px; text-decoration:none; font-family:Oswald, Tahoma, Geneva; }

.o_address p:nth-of-type(1) { color:#888; }

.o_address p:nth-of-type(2) { display:none; color:#6a2; }

.o_address p:nth-of-type(3) { color:#6a2; }



.o_startlogo { position:relative; display:block; margin:0 auto; padding:.8em 0; width:40%; height:auto; }





/* ------------------------------

Article

------------------------------ */

article.o_article { display:block; line-height:1.4em; }

article.o_article header {  }

article.o_article header h1 { padding:.8em 0 .4em 0; }



.o_paragraph { float:left; display:inline-block; margin-left:-.6em; margin-right:.3em; padding:.3em; width:1.9em; height:1.3em; text-align:right; font-size:2em; font-weight:bold; color:#fff; background-color:#369; }





/* ------------------------------

Image-Slider

------------------------------ */

.o_imgslider { position:relative; margin:0 auto; width:100%; }





/* ------------------------------

Image

------------------------------ */

/* ------------------------------

Image

------------------------------ */

img.o_img { display:block; width:100%; height:auto; }

img.o_zoom { display:block; width:100%; height:auto; -webkit-transform:scaleY(1); -moz-transform:scaleY(1); -o-transform:scaleY(1); -ms-transform:scaleY(1); transform:scaleY(1); -webkit-transition:all 1s ease-in-out; -moz-transition:all 1s ease-in-out; -o-transition:all 1s ease-in-out; -ms-transition:all 1s ease-in-out; transition:all 1s ease-in-out; }

img.o_zoom:hover { -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1); -ms-transform:scale(1.1); transform:scale(1.1); }





/* ------------------------------

Preview

------------------------------ */

/* Previw Small */

.o_prev_s { display:block; position:relative; padding:2em 0; }

.o_prev_s figure { display:block; position:relative; overflow:hidden; }

.o_prev_s figure img { display:block; width:100%; height:auto; }

.o_prev_s a h4 { position:absolute; left:0; bottom:0; padding:.8em 1.2em; color:#333; opacity:0.8; background-color:#fff; }

.o_prev_s a:hover h4 { color:#fff; background-color:#47b; }

.o_prev_s p { font-size:.9em; }



/* Previw Medium */

.o_prev_m { display:block; position:relative; padding:2em 0; }

.o_prev_m figure { display:block; overflow:hidden; }

.o_prev_m figure img { display:block; width:100%; height:auto; -webkit-transform:scaleY(1); -moz-transform:scaleY(1); -o-transform:scaleY(1); -ms-transform:scaleY(1); transform:scaleY(1); -webkit-transition:all 0.6s ease-in-out; -moz-transition:all 0.6s ease-in-out; -o-transition:all 0.6s ease-in-out; -ms-transition:all 0.6s ease-in-out; transition:all 0.6s ease-in-out; }

.o_prev_m figure:hover img { -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -o-transform:scale(1.2); -ms-transform:scale(1.2); transform:scale(1.2); }

.o_prev_m h4 { padding:.8em 0 .4em 0; color:#333; }



/* Previw Large */

.o_prev_l aside { display:block; position:relative; }

.o_prev_l figure { display:block; overflow:hidden; }

.o_prev_l figure img { display:block; position:relative; width:100%; height:auto; -webkit-transform:scaleY(1); -moz-transform:scaleY(1); -o-transform:scaleY(1); -ms-transform:scaleY(1); transform:scaleY(1); -webkit-transition:all 0.6s ease-in-out; -moz-transition:all 0.6s ease-in-out; -o-transition:all 0.6s ease-in-out; -ms-transition:all 0.6s ease-in-out; transition:all 0.6s ease-in-out; }

.o_prev_l figure:hover img { -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -o-transform:scale(1.2); -ms-transform:scale(1.2); transform:scale(1.2); }

.o_prev_l figure a { text-decoration:none; }



.o_prev_l div { display:block; position:relative; }

.o_prev_l h4 { padding:.8em .4em; color:#333; background-color:#f5f5f5; }













/* ------------------------------

Team Group

------------------------------ */

ul.o_team_group { margin:.4em 0; }

ul.o_team_group li { display:block; float:left; margin:2%; width:30.666666%; }

ul.o_team_group li:nth-of-type(3n) { margin-right:0; }

ul.o_team_group li:nth-of-type(3n+1) { margin-left:0; }

ul.o_team_group li img { display:block; width:100%; max-width:100%; height:auto; }

ul.o_team_group li span { display:block; padding:.4em; width:100%; height:6em; text-align:center; line-height:1.2em; color:#369; font-size:.9em; background-color:#ddd; }

ul.o_team_group li:hover span { color:#fff; background-color:#369; }





/* ------------------------------

Team

------------------------------ */

.o_team { margin:.8em; }

.o_team .o_row { margin-bottom:2em; }





/* ------------------------------

Wegweiser

------------------------------ */

ul.o_topmarker { position:absolute; top:0; right:0; padding:.4em; list-style:none; }

ul.o_topmarker li { list-style:none; text-align:right; }

ul.o_topmarker li:first-child { padding-bottom:.2em; border-bottom:1px dotted #ccc; }

ul.o_topmarker li:last-child { padding-top:.2em; }

ul.o_topmarker li a { font-size:.85em; text-decoration:none; color:#999; }

ul.o_topmarker li a:hover { color:#369; }







/* ------------------------------

Tabellen

------------------------------ */

table[class*="o_table"] { border-spacing:0; empty-cells:show; border-collapse:separate; }

table[class*="o_table"] th { padding:.8em .4em .4em .4em; overflow:hidden; color:#aa8; vertical-align:bottom; border-top:1px solid #ccc; border-left:1px solid #ccc; background-color:#f5f5f5; }

table[class*="o_table"] th.subheadline { padding:.4em; color:#fff; text-align:left; border-left:1px solid #ccc; border-top:1px solid #ccc; background-color:#ddd; }

table[class*="o_table"] th.subheadline:last-child { border-right:1px solid #333; }

table[class*="o_table"] th a { color:#000; text-decoration:none; }

table[class*="o_table"] th a:hover { text-decoration:underline; }

table[class*="o_table"] th i { color:#999; } /* Symbol für Sortierung */

table[class*="o_table"] td { padding:.4em .4em .2em .4em; vertical-align:top; overflow:hidden; font-size:.9em; border-left:1px solid #ccc; border-top:1px solid #ccc; }

table[class*="o_table"] tr:last-child th, table[class*="o_table"] tr:last-child td { border-bottom:1px solid #ccc; }



table[class*="o_table"] td.o_caption { color:#000; background-color:#eee; }

table[class*="o_table"] td.o_text { padding:.8em 1%; }



/* Standardtabelle */

table.o_table { margin:1em 0; width:100%; }

table.o_table th:first-child { border-left:0; }

table.o_table td:first-child { border-left:0; }



/* Tabelle mit abgerundeten Ecken */

table.o_table_r { margin:1em 0; width:100%; }

table.o_table_r th:last-child, table.o_table_r td:last-child { border-right:1px solid #ccc; }

table.o_table_r tr:last-child td:first-child { border-bottom-left-radius:10px; }

table.o_table_r tr:last-child td:last-child { border-bottom-right-radius:10px; }

table.o_table_r tr:first-child th:first-child, table.o_table_r tr:first-child td:first-child { border-top-left-radius:10px; }

table.o_table_r tr:first-child th:last-child, table.o_table_r tr:first-child td:last-child { border-top-right-radius:10px; }

table.o_table_r tr:first-child th, table.o_table_r tr:first-child td { border-top:1px solid #ccc; }







/* ------------------------------

Formulare

------------------------------ */

form.o_form label { display:inline-block; width:30%; overflow:hidden; }

form.o_form label sup { font-size:.8em; }

form.o_form input, form.o_form textarea, form.o_form select { display:inline-block; margin:.4em 0; padding:.4em 1%; color:#06a; }

form.o_form input:focus, form.o_form textarea:focus, form.o_form select:focus { color:#000; background:#f5f5f5; }

form.o_form input[type="text"], form.o_form input[type="password"], form.o_form textarea, form.o_form select { display:inline-block; width:67%; overflow:hidden; border:1px solid #ccc; }

form.o_form input[type="text"].o_number, form.o_form input[type="text"].o_date, form.o_form input[type="text"].o_time {  }

form.o_form textarea { height:10em; }

form.o_form textarea.o_full, form.o_form input.o_full, form.o_form select.o_full  { width:100%; }

form.o_form input.o_error, form.o_form textarea.o_error, form.o_form select.o_error, form.o_form fieldset.o_error { border:1px solid #c00; background-color:#fdd; }



/* Fieldset */

form.o_form fieldset { margin:.4em 0; border:1px solid #ccc; }

form.o_form fieldset legend { padding:0 .4em; font-size:.9em; line-height:1.1em; color:#c60; }

form.o_form fieldset.o_horizontal label { display:inline-block; margin:0 .8em 0 .4em; width:auto; }

form.o_form fieldset.o_vertical label { display:block; margin:0 .8em 0 .4em; width:auto; }

form.o_form fieldset.o_btn_bar { padding:0; border:0; }



/* Error-Markierung von Formular_Elementen */

input.o_error, textarea.o_error, select.o_error { border:1px solid #c00; background-color:#fdd; }



/* im Formular soll dieser Bereich mit Feldern nicht angezeigt werden. Die Felder sind leer bzw. werden beim Absenden über die Submit-Schaltfläche geleert.

Der normale Nutzer kann diese Felder nicht sehen und damit auch nicht füllen. Sollten die Felder trotzdem gefüllt sein, wurden diese wohlmöglich automatisch gefüllt */

.dontsee { margin:0; padding:0; height:0px; display:block; overflow:hidden;	}

.dontsee input { display:none; border:none; }









/* ------------------------------

Schaltflächen

------------------------------ */

[class*="o_btn"] { display:inline-block; white-space:nowrap; text-decoration:none; text-align:center; cursor:pointer; }

[class*="o_btn"]:hover { text-decoration:none; }

[class*="o_btn"] i { font-size:1.2em; }

a.o_btn, a.o_btn_h, button.o_btn, button.o_btn_h { margin:.4 1em .4em 0; padding:.4em 2em; }

a.o_btn_l, a.o_btn_lh, button.o_btn_l, button.o_btn_lh { margin:.4 1em .4em 0; padding:1em 4em; font-size:1.4em; }

a.o_btn_s, a.o_btn_sh, button.o_btn_s, button.o_btn_sh { margin:.2 .2em .2em 0; padding:.2em .4em; font-size:.9em; }

input.o_btn, input.o_btn_h { margin:0 1em 0 0; padding:.5em 2em; }

input.o_btn_s, input.o_btn_sh { margin:0 .2em 0 0; padding:.2em .4em; font-size:.9em; }



.o_btn, .o_btn_l, .o_btn_s { color:#fff; border:1px solid #333; background-color:#369; } /* normale und normale small Schaltflächen */

.o_btn:hover, .o_btn_l:hover, .o_btn_s:hover { color:#333; border:1px solid #999; background-color:#9cf; }

.o_btn_h, .o_btn_lh, .o_btn_sh { color:#333; border:1px solid #ccc; background-color:#9ce; } /* hervorgehobene und hervorgehobene small Schaltflächen */

.o_btn_h:hover, .o_btn_lh:hover, .o_btn_sh:hover { color:#fff; background-color:#06a; }







/* ------------------------------

Google

------------------------------ */

.o_google_route { display:block; width:100%; }

#o_google_map { display:block; margin-top:1em; width:100%; height:40em; background-color:#fff; }

#o_google_map .o_content { width:280px; height:160px }









/* ------------------------------

Swiper Content-Slider

------------------------------ */

.swiper-container { width:100%; height:auto; }

.swiper-slide { height:100%; overflow:hidden; font-size:.85em; }

.swiper-container [class*="slide"] { height:100%; padding:0 .4em; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing: border-box; box-sizing:border-box; }

.swiper-container .slide-white, .swiper-container .slide-light { color:#666; }

.swiper-container .slide-white h3, .swiper-container .slide-light h3 { color:#666; }

.swiper-container .slide-green h3, .swiper-container .slide-red h3, .swiper-container .slide-blue h3, .swiper-container .slide-grey h3 { color:#000; }

.swiper-container .slide-white { color:#666; background:#fff; }

.swiper-container .slide-green { color:#360; background:#ce7; }

.swiper-container .slide-red { color:#600; background:#c44; }

.swiper-container .slide-blue { color:#fff; background:#69c; }

.swiper-container .slide-light { color:#666; background:#eee; }

.swiper-container .slide-grey { color:#fff; background:#666; }

.pagination { display:none; position:absolute; z-index:20; left:10px; bottom:0; }

.swiper-pagination-switch { display:inline-block; margin-right:8px; opacity:0.8; width:8px; height:8px; cursor:pointer; border:1px solid #fff; border-radius:8px; background:#222; }

.swiper-visible-switch { background:#aaa; }

.swiper-active-switch { background:#fff; }









/* ------------------------------

Sonstiges

------------------------------ */

.o_highlight { color:#369; font-family:Oswald, Tahoma, Geneva; font-weight:bold; font-size:1.2em; font-style:italic; }







/* ------------------------------

Box Sizing

------------------------------ */

figure.o_branding,

.o_address,

.o_startlogo,

.o_paragraph,

.o_preview figure div,

.o_preview figure h3,

ul.o_team_group li span

{ -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing: border-box; box-sizing:border-box; }







/* ------------------------------

Clearfix

------------------------------ */

figure.o_branding,

.o_prev_s,

.o_prev_m,

.o_prev_l aside,

ul.o_team_group,

.swiper-container

{ zoom:1; }

figure.o_branding:before,

.o_prev_s:before,

.o_prev_m:before,

.o_prev_l aside:before,

ul.o_team_group:before,

.swiper-container:before

{ display:table; content:""; }

figure.o_branding:after,

.o_prev_s:after,

.o_prev_m:after,

.o_prev_l aside:after,

ul.o_team_group:after,

.swiper-container:after

{ display:table; clear:both; content:""; }





/* ------------------------------

Radius

------------------------------ */

.o_paragraph,

[class*="o_btn"]

{ border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -khtml-border-radius:5px; }





/* ------------------------------

Shadow

------------------------------ */

/*

[class*="o_btn"]

{ -moz-box-shadow:5px 5px 10px 0px rgba(0, 0, 0, 0.75); -webkit-box-shadow:5px 5px 10px 0px rgba(0, 0, 0, 0.75); box-shadow:5px 5px 10px 0px rgba(0, 0, 0, 0.75); }

*/



/* ------------------------------

Transition

------------------------------ */

/* Color */

#o_nav li a, #o_nav li a:hover

{ -webkit-transition:color .5s; -moz-transition:color .5s; -o-transition:color .5s; -ms-transition:color .5s; }



/* Background */

.o_nav_smart, .o_nav_smart:hover

{ -webkit-transition:background-color 1s; -moz-transition:background-color 1s; -o-transition:background-color 1s; -ms-transition:background-color 1s; }



/* Width */

/*

.o_nav_framework

{ -webkit-transition:width  .5s; -moz-transition:width  .5s; -o-transition:width  .5s; -ms-transition:width  .5s; }

.o_nav_framework:hover

{ -webkit-transition:width  .5s; -moz-transition:width  .5s; -o-transition:width  .5s; -ms-transition:width  .5s; }

*/

/* Opacity */

/*

[class*="o_btn"] { -webkit-transition:opacity 1s; -moz-transition:opacity 1s; -o-transition:opacity 1s; -ms-transition:opacity 1s; }

[class*="o_btn"]:hover { -webkit-transition:opacity 1s; -moz-transition:opacity 1s; -o-transition:opacity 1s; -ms-transition:opacity 1s; }

*/



/* All */

a.o_href, a.o_href:hover,

a.o_block, a.o_block:hover,

[class*="o_btn"], [class*="o_btn"]:hover,

.o_preview figure a div, .o_preview figure a:hover div,

.o_prev_s a h4, .o_prev_s a:hover h4,

ul.o_team_group li span, ul.o_team_group li:hover span

{ -webkit-transition:all .5s ease-out; -moz-transition:all .5s ease-out; -o-transition:all .5s ease-out; -ms-transition:all .5s ease-out; }



/* None */

/*

#o_nav ul li a { -webkit-transition:none; -moz-transition:none; -o-transition:none; -ms-transition:none; }

#o_nav ul li a:hover { -webkit-transition:none; -moz-transition:none; -o-transition:none; -ms-transition:none; }

*/

/*

#o_nav li a:hover { -webkit-transition:all .5s; -moz-transition:all .5s; -o-transition:all .5s; -ms-transition:all .5s; }



#o_nav li a { -webkit-transition:all .5s; -moz-transition:all .5s; -o-transition:all .5s; -ms-transition:all .5s; }

*/







@media screen and (min-width:320px) {





}







@media screen and (min-width:480px) {





}







@media screen and (min-width:620px) {



/* ------------------------------

Seitenbereich

------------------------------ */

.o_section { padding:1em 1% 1em 4%; }

.o_section_slider { padding:1em 0 1em 3%; }

.o_section_highlight { padding:1em 1% 1em 4%; }

.o_section_footer { padding:2em 1% 2em 4%; }



/* ------------------------------

Branding

------------------------------ */

figure.o_branding {  }

figure.o_branding a {  }

figure.o_branding img { width:40%; min-width:120px; max-width:190px; }

figure.o_branding p:nth-of-type(1),

figure.o_branding p:nth-of-type(2),

figure.o_branding p:nth-of-type(3) {  }



.o_address { display:block; position:relative; width:100%; margin:45% auto 0 auto; padding:10px; text-align:center; text-decoration:none; font-family:Oswald, Tahoma, Geneva; }

.o_address p:nth-of-type(1),

.o_address p:nth-of-type(2),

.o_address p:nth-of-type(3) { float:none; display:block; margin:0; padding:.4em 0; }



.o_startlogo { position:absolute; display:block; width:20%; height:auto; top:2em; left:40%; z-index:9900; }



/* ------------------------------

Hauptmenu

------------------------------ */

/* Trigger */

.o_nav_smart { display:none; }





}







@media screen and (min-width:800px) {





}







@media screen and (min-width:960px) {



/* ------------------------------

Seitenbereich

------------------------------ */

.o_section { padding:2em 4% }

.o_section_full { padding:2em 0; }

.o_section_top { padding:0; }

.o_section_slider { padding:1em 0; }

.o_section_highlight { padding:2em 4%; }





}







@media screen and (min-width:1150px) {





}







@media screen and (min-width:1500px) {





}