/*
Theme Name: Onkologie
Description: Template Onkologie
Author: Guido Grossmann
Author URI: http://www.clickagain.de
*/
/* source-sans-pro-300 - latin */

/* roboto-100 - 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: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: url('fonts/roboto-v30-latin-100.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-100italic - 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: 'Roboto';
  font-style: italic;
  font-weight: 100;
  src: url('fonts/roboto-v30-latin-100italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-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: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/roboto-v30-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-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: 'Roboto';
  font-style: italic;
  font-weight: 300;
  src: url('fonts/roboto-v30-latin-300italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-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: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/roboto-v30-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-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: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: url('fonts/roboto-v30-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-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: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/roboto-v30-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-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: 'Roboto';
  font-style: italic;
  font-weight: 500;
  src: url('fonts/roboto-v30-latin-500italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-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: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/roboto-v30-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-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: 'Roboto';
  font-style: italic;
  font-weight: 700;
  src: url('fonts/roboto-v30-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-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: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: url('fonts/roboto-v30-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-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: 'Roboto';
  font-style: italic;
  font-weight: 900;
  src: url('fonts/roboto-v30-latin-900italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/** BODY **/
body { margin:0; font-family: 'Roboto'; font-weight: 300; font-size:18px; }

/** HEADER **/
.header_frm { max-width:1320px; margin:0 auto; }
#head_desk { display:flex; padding: 40px 0px 20px 80px; }
.header_frm_resp { display:none; padding: 20px 0px 20px 20px; }
.header_logo { width: 290px; }
.logo_btn { display:flex; width:75%; justify-content: end; padding-right: 10px; align-items: center; }
#all_resp { position:absolute; display:none; background:#00618D; color:#fff; width:100%; height:100%; z-index:100; }
.resp_close { text-align:right; width:100%; padding: 30px 10px 20px 20px; box-sizing: border-box; } 
#menu_resp { width:100%; text-align:center; }
#menu_resp li:before { font-size:0px; padding:0; margin-left:0; }
#menu_resp  li { display:block; position:relative; line-height:50px; }
#menu_resp  li a { color:#fff; font-size:18px; }
#menu_resp ul { margin-top:-8px; margin-bottom:10px; padding:0; }
#menu_resp .sub-menu { display:block; left:0;}
#menu_resp .sub-menu li { line-height:20px;}
#menu_resp .sub-menu li a { font-size:16px;}

/** NAVIGATION **/
#navigation_top { display:flex; align-items:end; text-align:center; }
#navigation_top a { text-decoration:none; font-size:16px; font-family: 'Roboto'; color:#000; font-stretch: normal; font-style: normal; font-variant: normal; letter-spacing:1.5px; line-height: 25px; text-transform: uppercase;}
#navigation_top ul { padding:0 15px; margin:0; }
#navigation_top li { display:inline-block; position:relative; }
#navigation_top li a { margin-left:35px; color:#000; padding-bottom:35px; }
#navigation_top a:hover { color:rgba(0,97,141,1); }
#navigation_top li.current_page_item  a { color:rgba(0,97,141,1); }


.sub-menu { display:none; }

#navigation_top .sub-menu { top:100%; width:190px; margin-top:15px; position:absolute; }
#navigation_top .sub-menu li { width:100%; line-height:30px; background:rgba(255,255,255,0.7);}
#navigation_top .sub-menu li a { font-size:16px; margin:0px; color:rgba(0,97,141,1); text-transform: uppercase; font-weight:300; text-align:center; letter-spacing:1.5px;}
#navigation_top li:before { font-size:0px; padding:0; margin-left:0; }
#navigation_top li.praxis:hover > .sub-menu { display:block;  z-index:1000; padding:5px 0; left:10px; }
#navigation_top li.team:hover > .sub-menu { display:block;  z-index:1000; padding:5px 0; left:-35px; }
#navigation_top .sub-menu li a:hover { color:rgba(0,97,141,1);   }
#navigation_top .sub-menu li:first-child { padding-top:15px }
#navigation_top .sub-menu li:last-child { padding-bottom:15px }

/** BUTTON **/
button { border: none; background: inherit; color:#fff; letter-spacing:2px; }


/** FRAMES **/
.main_flex { display:flex; }
.main_flex_aerzte { display:flex; max-width: 1040px; flex-wrap: wrap; }
.main_frm { max-width:1320px; margin:0 auto; padding-bottom:10px; }
.main_frm_left { max-width:1000px; padding-left:15%; padding-right:8.6%; box-sizing: border-box; line-height:27px;}

.main_frm_right { width:320px; font-size:16px; line-height:24px; margin-top: -30px; position: relative; }
.main_frm_left_zwei { max-width:1000px; padding-left:15%; padding-right:8.6%; box-sizing: border-box; line-height:27px;}
.main_frm_right_zwei { min-width:320px; font-size:16px; line-height:24px; margin-top: -20px; position: relative; z-index: -20; display:flex; align-items:end; }
.frm_right_boxen { width:320px; background:#F3EFEC; margin:0px 20px 9px 0px; padding:10px 30px; box-sizing:border-box; }
.tel_btn_frm { margin-top:-30px; text-align:right; padding-right:12%; box-sizing:border-box; position:relative; z-index:2; }

.main_frm_full_padd_left { max-width:1320px; padding-left:15%; box-sizing: border-box; line-height:27px;}
.main_frm_full { max-width:1320px; line-height:27px;}
.dreispalting { display:flex; max-width:1320px; padding-left:15%; box-sizing: border-box; line-height:27px; flex-wrap: wrap; padding-bottom:40px; }
.dreispalting_padd { padding-right:65px; }

/** ÄRZTE **/
.frm_main_aerzte { max-width:1040px; padding-left:15%; font-size:18px; line-height:27px; }
.arzt_container { padding-right:100px; box-sizing:border-box; font-size:16px; line-height:23px; padding-top:30px; }
.arzt_header { max-width:760px; }
.arzt_txt { min-height:100px; }
.lebenslauf { display:flex; align-items:end; height:30px; padding-bottom:40px; }
.pum-trigger { color:rgba(0,97,141,1);  }
.pum-trigger:hover { color:#002A3B; }
.pum-content { font-weight:300!important; }

/** ANFAHRT **/
.anfahrt { max-height:450px; }
.anfahrt p { margin:0; }
.cmplz-blocked-content-container { max-height:450px!important; }
.tel_anfahrt { margin-left: -70px; margin-bottom: -80px; border-bottom: 50px #fff solid; }

/** PADDING **/
.mt_5 { margin-top:5px; }
.mt_25 { margin-top:35px; }
.mt_45 { margin-top:45px; }
.mt_25a { margin-top:45px; }
.mb_unten { margin-bottom:100px; }

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

/** ÜBERSCHRIFTEN **/
h1 { font-weight: 400; font-size:28px; color:#00618D; margin: 10px 0 20px 0; }
h2 { font-weight: 400; font-size:18px; color:#00618D; margin: 10px 0 -10px 0; }
h3 { font-weight:400; font-size:20px; color:#000; margin:20px 0 -15px 0; }
.arzt_container h2 { font-size:18px; font-weight;300; }
/** LINKS **/
a { text-decoration:none; color:#00618D; }
a:hover { color:#00618D; }
.link1 { color:#00618D; font-weight:500; text-decoration:underline; }
.link1:hover { color:#00618D; }
.frm_right_boxen a { text-decoration:underline; }

/**LISTEN **/
li{list-style-type:none;}
li:before{content:'\00b7'; font-size:50px; vertical-align:middle; padding: 5px; margin-left: -23px;}

/** ALLGEMEIN **/
.cp { cursor:pointer; }


/** FOOTER **/
.footer { background:#00618D; margin-top: -8px;}
.footer_vierspaltig { background:#00618D; color:#fff; display:flex; flex-wrap:wrap; padding:20px 30px 20px 30px; box-sizing:border-box; line-height:24px; font-size:15px; }
.footer_vier_img { display:flex; align-items:end; width:194px; padding:20px 20px 25px 60px; }
.footer_last { background:rgba(0,97,141,1);  color:#fff; padding:20px 30px 20px 120px; box-sizing:border-box; line-height:24px; font-size:15px; border-top:#fff 1pt solid; }
.footer a { color:#fff; }
.footer a:hover { color:#9FB4D9; }
.foot_spalte { padding:20px 40px; }

/** RESPONSIVE **/
@media screen and (max-width:1240px) and (min-width:100px)  {
.footer_vier_img { width: 100%; padding:20px 20px 25px 40px; }
}

@media screen and (max-width:1180px) and (min-width:100px)  {
.frm_main_aerzte { max-width: 1040px; padding-left:5%; }
}

@media screen and (max-width:1080px) and (min-width:100px)  {
#head_desk { padding: 40px 0px 20px 20px; }
#navigation_top li a { margin-left:20px; }
.main_frm_left { max-width:1000px; padding-left:5%; }
.main_frm_left_zwei { max-width:1000px; padding-left:5%; }
.arzt_container { padding-right: 80px; }
} 

@media screen and (max-width:960px) and (min-width:100px)  {
.arzt_container { padding-right: 50px; }
}	

@media screen and (max-width:910px) and (min-width:100px)  {
#navigation_top a { text-decoration:none; font-size:15px; }
#navigation_top li a { margin-left:14px; }
#head_desk { padding: 20px 0px 20px 20px; }
.header_logo { width: 190px; }
#navigation_top li.praxis:hover > .sub-menu { display:block;  z-index:1000; padding:5px 0; left:-25px; }
#navigation_top li.team:hover > .sub-menu { display:block;  z-index:1000; padding:5px 0; left:-60px; }
.main_flex { flex-wrap:wrap; }
.main_frm_left { max-width:100%; width:100%; padding-right:3%; }
.main_frm_right { width:100%; padding-left:5%; padding-top:30px; display: flex; flex-wrap: wrap;}
.tel_anfahrt { margin-left: 0px; }
.main_frm_left_zwei { max-width:100%; width:100%; padding-right:3%; }
.main_frm_right_zwei { width:100%; padding-left:5%; padding-top:30px; }
.main_frm_full_padd_left { width:100%; padding-left:5%; }
.dreispalting { width:100%; padding-left:5%; }
.footer { padding-bottom:30px; }
} 

@media screen and (max-width:780px) and (min-width:100px)  {
#navigation_top a { text-decoration:none; font-size:14px; }
#navigation_top li a { margin-left:14px; }
#navigation_top .sub-menu li a { font-size:14px; }
.header_logo { width: 180px; }
.footer_last { padding:20px 30px 20px 30px; }
.foot_spalte { padding:20px 10px; }
.footer_vier_img { padding:20px 10px 25px 10px; }
.footer_vierspaltig { padding:20px 10px 20px 10px; }
} 

@media screen and (max-width:720px) and (min-width:100px)  {
#head_desk { display:none!important; }
.header_frm_resp { display:flex; }
.tel_anfahrt { margin-bottom: -75px; }
}
	
@media screen and (max-width:480px) and (min-width:100px)  {
.main_frm_left { padding-right:20px; }
.frm_right_boxen { width:100%; }
.main_frm_right_zwei { min-width:auto; width:320px; padding-left:0; text-align:center; }
.arzt_txt { min-height: auto; }
.footer_last { font-size: 12px; padding:20px 20px 20px 20px; }
}