/*
Theme Name: Arztpraxis
Description: Template zur Arztpraxis
Author: Guido Grossmann
Author URI: http://www.clickagain.de
*/

/* nunito-sans-200 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 200;
  src: url('fonts/nunito-sans-v15-latin-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* nunito-sans-200italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Nunito Sans';
  font-style: italic;
  font-weight: 200;
  src: url('fonts/nunito-sans-v15-latin-200italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* nunito-sans-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/nunito-sans-v15-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* nunito-sans-300italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Nunito Sans';
  font-style: italic;
  font-weight: 300;
  src: url('fonts/nunito-sans-v15-latin-300italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* nunito-sans-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/nunito-sans-v15-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* nunito-sans-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Nunito Sans';
  font-style: italic;
  font-weight: 400;
  src: url('fonts/nunito-sans-v15-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* nunito-sans-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/nunito-sans-v15-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* nunito-sans-500italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Nunito Sans';
  font-style: italic;
  font-weight: 500;
  src: url('fonts/nunito-sans-v15-latin-500italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* nunito-sans-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/nunito-sans-v15-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* nunito-sans-600italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Nunito Sans';
  font-style: italic;
  font-weight: 600;
  src: url('fonts/nunito-sans-v15-latin-600italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* nunito-sans-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/nunito-sans-v15-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* nunito-sans-700italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Nunito Sans';
  font-style: italic;
  font-weight: 700;
  src: url('fonts/nunito-sans-v15-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* nunito-sans-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 800;
  src: url('fonts/nunito-sans-v15-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* nunito-sans-800italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Nunito Sans';
  font-style: italic;
  font-weight: 800;
  src: url('fonts/nunito-sans-v15-latin-800italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* nunito-sans-900 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 900;
  src: url('fonts/nunito-sans-v15-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* nunito-sans-900italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Nunito Sans';
  font-style: italic;
  font-weight: 900;
  src: url('fonts/nunito-sans-v15-latin-900italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

html { margin:0; padding:0;}
body { max-width:100%; margin:0px auto; min-height: 100vh; letter-spacing:0.025em; display: flex; flex-direction: column; font-family: 'Nunito Sans'; font-size:15px; line-height:25px; color:#2362B2; }

/** HEADER **/
#header { background:#68B4CB; color:#fff; }
.header_flex { display:flex; }
.header_logo { width:114px; display:flex; }
.header_navi { display:flex; max-width:1120px; align-items:center; }
.header_gb { display:inline; }

/** NAVIGATION **/
.navi {	height:70px; display: flex; align-items: center; justify-content: right; letter-spacing:1px;}
.navi a { color:#fff; font-size:16px; font-weight:500; }
.navi a:hover { color:#353567; } 
.navi li { padding-left:50px; float:left; }
.navi ul { margin:0; padding:0; list-style-type:none; }
.navi li.current_page_item a { color:#353567; }

/** NAVIGATION RESPONSIVE **/
#nav_top_resp { background:#68B4CB; color:#fff; width:100%; padding-bottom:30px; }
#nav_top_resp a { color: #fff; line-height:20px; font-size: 16px; letter-spacing:1px; font-weight:500; }
#nav_top_resp ul { margin:0; padding:0; list-style-type:none; }
#nav_top_resp li { text-align:left; padding:10px;}
#nav_top_resp a:hover { color:#353567; }
#nav_top_resp li.current_page_item a { color:#353567; }

/** MENU RESPONSIVE **/
.burger { height:70px; background:#68B4CB; text-align:right; display:none; }
.burger_close { width:100%; box-sizing:border-box; text-align:right; background:#68B4CB; height:70px; }
#btn { display: none; }
input:checked + .overlay { left:0; transition: left 1s ease-in-out; opacity: 1; z-index: 1000000; }
.overlay { position: absolute; width: 100%; top: 0; left: -100%; right: 0; background: RGBa(234,234,234,1); opacity: 0; z-index: -1; transition: 0.5s ease; }

/** FLEX RIGHT GREY **/
h4 + p { margin:0; }

/** HOME **/
.kacheln { width:274px; background:#F0F4F7; }
.kacheln_head { background:#F50A64; color:#fff; display:flex; padding:10px 15px; }
.kacheln1 { width:274px; background:#eceaef; }
.kacheln_head1 { background:#F50A64; color:#fff; display:flex; padding:10px 15px; }
.kacheln a { color:#2362B2; }
.kacheln_content { background:#F0F4F7; font-size:18px; padding:0 15px; }
.aktuelles { background:#F0F4F7; padding:20px 12px 20px 20px; }
.start_txt { padding-bottom:40px; }
.start_txt p, .start_txt h3 { margin:0; }

/** PRAXISLEISTUNGEN **/
.spezialisierungen { padding-top:20px; }
.spezialisierungen ul { margin:0 0 0 -25px; }
.container_icon { padding-top:20px; color:#68B4CB; }
.icons { padding-right:22px; font-size:20px; color:#F50A64;}

/** PRAXISTEAM **/
.d_flex_mitarbeiter { display:flex; flex-wrap:wrap; column-gap:3.72%; row-gap:50px; }
.d_flex_arzt { display:flex; flex-wrap:wrap; column-gap:3.72%; }
.d_flex_arzt hr { background: #F50A64; height: 1px; border: none; }
.team_eft p:first-child { margin:0; }
.kacheln_arzt { width:48.14%; padding-bottom: 50px; }
.kacheln_head_arzt { width:auto; background:#68B4CB; color:#fff; display:flex; padding:15px 15px; }
.kacheln_content_arzt { background:#fff; padding:10px 0px 5px 0px; }
.kacheln_content_arzt1 { background:#fff; padding:3px 15px 5px 15px; }
.kacheln_content_arzt p:first-child { margin:0; }
.kacheln_mitarbeiter { width:22.20%; }
.kacheln_head_mitarbeiter { width:auto; background:#68B4CB; color:#fff; display:flex; padding:10px 15px; font-size:15px; line-height:25px; letter-spacing:0.09em; font-weight: bold;  }
.img_nom  { margin:0; display:block; }
#vita1, #vita2, #vita3, #vita4, #vita5, #vita6 { padding: 0 15px; display:none; }
#vita1 hr, #vita2 hr, #vita3 hr { border: none; border-top: 1px dotted #AEAEAF; color: #fff; background-color: #fff; height: 1px; }
#vita_open1, #vita_open2, #vita_open2, #vita_open4, #vita_open5, #vita_open6 { color:#F50A64; display:flex; cursor:pointer; background:#fff; border:none; }
#vita_close1,  #vita_close2, #vita_close3, #vita_close4, #vita_close5, #vita_close6 { color:#F50A64; display:none; cursor:pointer; background:#fff; border:none;}
.vit_btn { margin-top:2px; font-size:16px; }

/**SPRECHZEITEN**/
.sz_container { max-width:754px; border-top:1px solid #F50A64; }
.sz_line { border-bottom:1px solid #F50A64; line-height:40px; }
.sz_tag { width:100px; }
.sz_txt { max-width:710px; padding-top:10px; }
.kacheln:hover .kacheln_head { background:#A5314A; }
.kachel_link { background:#F0F4F7;  color:#2362B2; }
.kachel_link:hover { background:#F0F4F7;  color:#A5314A; }


/**GENERELL**/
/**.general h3 { font-size:18px; font-weight: bold; color:#2362B2; line-height:25px; letter-spacing:0.025em; }
.general h2 { font-size:20px; font-weight: bold; color:#2362B2; line-height:25px; letter-spacing:0.06em; margin:0; }**/
.general { padding-top:25px; }
.general h2 { margin-top:23px; }
.general p { margin-top:20px; }
.line hr { background: #F50A64; height: 1px; border: none; margin-top:0; }
.general a { color:#353567; }
.general a:hover { color:#68B4CB; }

/** CONTAINER **/
.w_100 { width:100%; }
.d_flex { display:flex; }
.d_flex_kacheln, .d_flex_kacheln_start { display:flex; column-gap:46px; }
.main_container { max-width:1270px; margin:0 auto; }
.main_frm { max-width:1234px; margin:0 auto; padding:0 10px; }
.main_frm_inner { display:flex; justify-content: left; padding-top:26px;}
.main_frm_header { height:174px; display:flex; align-items: center; justify-content: left; }
.flex_left { width:64.83%; }
.flex_right { width:35.17%; }
.main_btm { padding:50px 0 0 0; }
.main_btm1 { padding:52px 0 0 0; }

/** SCHRIFTEN/FARBEN **/
.c_white {color:#fff; }
. { font-size:18px; }

/**MARGINS PADDINGS**/
.ml_20 { margin-left:20px; }
.pb_35 { padding-bottom:35px; }
.pb_40 { padding-bottom:40px; }
.pb_56 { padding-bottom:56px; }
.pb_10 { padding-bottom:10px; }
.pt_24 { padding-top:24px; }
.pt_38 { padding-top:38px; }
.pt_35 { padding-top:35px; }
.pt_45 { padding-top:45px; }
.pt_50 { padding-top:50px; }
.pr_46 { padding-right:46px; }
.mmt8 { margin-top:-8px; }

/**ÜBERSCHRIFTEN **/
h1 { font-size:22px; font-weight: bold; color:#2362B2; margin:0; letter-spacing:0.06em; line-height:32px;}
h2 { font-size:18px; font-weight: bold; color:#2362B2; line-height:25px; letter-spacing:0.06em; margin:0; }
h3 { font-size:15px; font-weight: bold; color:#2362B2; line-height:25px; letter-spacing:0.025em; }
h4 { font-size:15px; font-weight: bold; color:#2362B2; line-height:25px; letter-spacing:0.06em; margin:20px 0 0 0; }
h5 { font-size:15px; font-weight: bold; color:#2362B2; line-height:25px; letter-spacing:0.06em; margin:20px 0 0 0; }

.cookie-statement { display:none; }

/** ALLGEMEIN **/
a { text-decoration:none; }
.cp { cursor:pointer; }
.tal { text-align:right; }
.no_desktop { display:flex; }
.only_desktop { display:none; }

/** BILDER **/
img { max-width:100%; height:auto; }

/** FOOTER **/
#footer { margin-top:auto;display:block;  background:#68B4CB; color:#fff; font-size:13px; line-height:25px; }
.footer_inner { max-width:1234px; margin:0 auto; display:flex; padding: 0 10px;}
.footer_adress { width:75%; display: flex; align-items: center; justify-content: left; letter-spacing:1px; height:70px; }
.footer_nav { width:25%;display: flex; align-items: center; justify-content: right; letter-spacing:1px; }
#footer ul { margin:0; padding:0; list-style-type:none; }
#footer ul li { float:left; }
#footer a { color:#fff; }
#footer a:hover { color:#353567; }
#footer li.current_page_item a { color:#353567; }

#ouibounce-modal .modal {
 padding:30px!important;
 background:#F50A64!important;
 color:#fff!important;
}

#ouibounce-modal .modal-body {
 font-weight:bold!important;
 font-size:20px!important;
 align-items: baseline!important;
 font-family: 'Nunito Sans'!important;
}

#ouibounce-modal .modal-body a { color:#fff; }
#ouibounce-modal .modal-body h1 { color:#fff; margin-bottom:20px; }
#ouibounce-modal .modal-body h2 { color:#fff; margin-bottom:20px; }
#ouibounce-modal .modal-body h3 { color:#fff; margin-bottom:20px; }
#ouibounce-modal .modal-body h4 { color:#fff; margin-bottom:20px; margin-top:0px; }
#ouibounce-modal .modal-body h5 { color:#fff; margin-bottom:20px; margin-top:0px; }
#ouibounce-modal .modal-body h6 { color:#fff; margin-bottom:20px; margin-top:0px; }

#ouibounce-modal p { margin-bottom:30px!important; }

@media screen and (max-width:1270px) and (min-width:100px)  {
 .kacheln_mitarbeiter { width:274px; }
 .d_flex_mitarbeiter { column-gap:46px; justify-content:center; }
}

@media screen and (max-width:1040px) and (min-width:100px) {
.d_flex_kacheln_start { column-gap:16px; }
}

@media screen and (max-width:914px) and (min-width:100px)  {
.main_frm_inner { display:block; }
.flex_left { max-width:754px; width:auto; margin:0 auto;}
.flex_right { max-width:754px; width:auto; margin:0 auto; margin-top:60px; }
 .d_flex_arzt { display:block; }
 .kacheln_arzt { max-width:594px; width:auto; margin:0 auto; }

}

@media screen and (max-width:720px) and (min-width:100px)  {
 .d_flex_kacheln, .d_flex_kacheln_start { display:block; margin:0 auto; width:100%; }
 .kacheln { margin-right:0; margin-bottom:20px; }
 .kacheln1 { margin-right:0; margin-bottom:20px; }
 .kacheln_content { padding:0 15px 1px 15px; }
}

@media screen and (max-width:820px) and (min-width:100px)  {
#navigation_top { display:none; }
.burger { display:block; }
.footer_inner { display:block; padding-top:10px; }
.footer_adress { width:100%; height:35px; align-items: end; height:auto; }
.footer_nav { width:100%; justify-content: left; height:35px;}
.header_gb { display:block; width:100%; }
} 

@media screen and (max-width:580px) and (min-width:100px)  {
.footer_adress { display:block; }
.trenner { display:none; }
}

@media screen and (max-width:520px) and (min-width:100px)  {
 .header_logo { width:14.25%; }
 .header_navi { width:85.75%; } 
}

@media screen and (max-width:480px) and (min-width:100px)  {
.main_frm_header { height:104px; }
h1 { font-size:18px; line-height:24px; }
h2 { font-size: 15px; }
h3 { font-size: 14px; }
h1.ml_20 { margin-left:10px; }
.kacheln_content { font-size:17px; }
.icons { padding-right: 10px; }
.no_desktop { display:none; }
.only_desktop { display:block; }
}