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

/* satisfy-regular - latin */
@font-face {
  font-family: 'Satisfy';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/satisfy-v11-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/satisfy-v11-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/satisfy-v11-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/satisfy-v11-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/satisfy-v11-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/satisfy-v11-latin-regular.svg#Satisfy') format('svg'); /* Legacy iOS */
}

/* roboto-condensed-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 Condensed';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/roboto-condensed-v25-latin-300.eot'); /* IE9 Compat Modes */
  src: url('fonts/roboto-condensed-v25-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-condensed-v25-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-condensed-v25-latin-300.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-condensed-v25-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-condensed-v25-latin-300.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}

/* roboto-condensed-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 Condensed';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/roboto-condensed-v25-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('fonts/roboto-condensed-v25-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-condensed-v25-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-condensed-v25-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-condensed-v25-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-condensed-v25-latin-regular.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}

/* roboto-condensed-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 Condensed';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/roboto-condensed-v25-latin-700.eot'); /* IE9 Compat Modes */
  src: url('fonts/roboto-condensed-v25-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-condensed-v25-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-condensed-v25-latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-condensed-v25-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-condensed-v25-latin-700.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}



body { max-width:100%; margin:0px auto; font-family: 'Roboto Condensed'; font-weight:400; font-size:20px; color:#000; line-height:30px; text-align:left; }

/** HEADER **/
#header { padding:20px 40px; }
.header_menu .sub-menu { display:none; position:absolute; background:#E1B400; color:#000; border-radius: 10px 0px 10px 0px; margin-left: -5px;}
.header_nav { width:100%; position:absolute; display:flex; }
.header_logo { width:40%; padding:20px 40px; box-sizing:border-box; }
.header_menu { width:60%; padding-top:10px; padding-right:40px; text-align:right; box-sizing:border-box; color:#fff; font-size:26px; }
.header_menu_resp { text-align:center; display:none; }
.header_menu_resp_nav { width:100%; background:#E1B400; padding:5px 0; height:60px; }
.header_menu_resp_nav li { list-style-image:unset; list-style-type:none; display:inline-block; padding: 0 20px 0 20px; }
.header_menu_resp_nav ul { list-style-position: unset; margin:0; padding:0; }
.header_menu_resp_logo { width:60%; margin:0 auto; }
.header_menu_resp_nav .sub-menu { display:block; width:auto; position:absolute; }
.header_hg_img { min-height:400px; position:relative; }
.header_menu li { list-style-image:none; list-style-type:none; display:inline-block; padding: 0 0px 0 40px;}
.header_menu ul { list-style-position: none; }
.header_nav .sub-menu li { line-height:20px; padding: 5px 10px; }
.header_nav .sub-menu li a { font-size:16px; margin:0px; color:#000000; text-transform: uppercase; font-weight:300; text-align:center; letter-spacing:0.5px; margin-left: -22px; padding: 0 10px;}
.header_nav .sub-menu li a:hover { color:#fff;   }
.header_menu li:hover > .sub-menu { display:block;  }
.ultraschall a { padding:0!important; }

/** TOP BUTTON **/
.cd-top { display: inline-block; height: 40px; width: 40px; position: fixed; bottom: 40px; right: 5px!important; box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); overflow: hidden; text-indent: 100%; white-space: nowrap; background: url('images/up.png') no-repeat center 50%; visibility: hidden; opacity: 0; -webkit-transition: opacity .3s 0s, visibility 0s .3s; -moz-transition: opacity .3s 0s, visibility 0s .3s; transition: opacity .3s 0s, visibility 0s .3s; z-index:100; }
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover { -webkit-transition: opacity .3s 0s, visibility 0s 0s; -moz-transition: opacity .3s 0s, visibility 0s 0s; transition: opacity .3s 0s, visibility 0s 0s; }
.cd-top.cd-is-visible { visibility: visible; opacity: 1; padding-bottom:570px; }
.cd-top.cd-fade-out { opacity: .5; }
.no-touch .cd-top:hover { background-color: #e86256; opacity: 1; }

/**FRAMES / FLEX-CONTAINER**/
.full { width:100%; margin:0 auto; box-sizing:border-box; }
.main { max-width:1280px; padding:0 20px; box-sizing:border-box; margin:0 auto; }
.solo_container { margin:0 auto; }
.zwischen { padding:50px 20px; margin:0 auto; text-align:center; }
.text { max-width:1040px; padding:80px 20px; margin:0 auto; }
.text p { margin:0 0 20px 0 }
.text h2 { margin:0!important; }
.qr { display:block; }
.vcf { display:none; }

/** CONTAINER GETEILT ABSATZ **/
.col1 { width:65%; padding:50px 50px 0 0; }
.col2 { width:35%; margin-top:30px; }
.col_both { max-width:1240px; display:flex; margin:0 auto; padding:0 20px; }
.col_both_new { display:flex; margin:0 auto;  justify-content: space-around;}
.col1_new { width:65%; margin:0 20px; }
.col2_new { width:35%; margin:0 20px; }

/** CONTAINER/BOXEN **/
.img_flex { display:flex; }
.flex { display:flex; justify-content:space-between; flex-wrap:wrap; }
.flex_center { display:flex; justify-content:center; align-items:center; }

/** TEXTBLÖCKE **/
.w_50 { width:50%; }
.w_33 { width:38%; }
.wtr_33 { width:38%; text-align:right; }
.wm_33 { width:24%; text-align:center; }
.wtr_50 { width:50%; text-align:right; }
.resp_ot { max-width:240px; margin:0 auto; display:none; margin-top:10px; }
.wtr_50 { width:50%; text-align:right; }
.wl_75 { width:75%; box-sizing:border-box; }
.wr_75 { width:75%; box-sizing:border-box; }
.wl_65 { width:65%; box-sizing:border-box; }
.wr_65 { width:65%; box-sizing:border-box; }
.wl_50 { width:49%; padding-right:5px; box-sizing:border-box; margin: 0 auto; text-align: center; }
.wr_50 { width:49%; padding-left:5px; box-sizing:border-box; margin: 0 auto; text-align: center; }
.wl_48 { width:48%; padding-right:20px; box-sizing:border-box; }
.wr_48 { width:48%; padding-left:20px; box-sizing:border-box; }
.wl_48_np { width:48%; }
.wr_48_np { width:48%; }
.wl_46 { width:46%; padding-right:20px; box-sizing:border-box; }
.wr_46 { width:46%; padding-left:20px; box-sizing:border-box; }
.w_50_1020 { width:50% }
.wl_35 { width:35%; box-sizing:border-box; }
.wr_35 { width:35%; box-sizing:border-box; }
.wl_25 { width:25%; box-sizing:border-box; }
.wr_25 { width:25%; box-sizing:border-box; }

/** BACKGROUNDS **/
.bg_gelb { background:#E1B400; color:#fff; }
.bg_rot { background:#A53F2B; color:#fff; }
.bg_weiss { background:#fff; color:#000; }
.bg_lrot { background:#BC4631; color:#fff; }
/** SCHRIFTFARBEN **/
.f_white { color:#fff; }

/** Border **/
.border1 { border-radius: 40px 0px 40px 0px; }
.border2 { border-radius: 0px 40px 0px 40px; }
.bord2 { border-radius: 0px 40px 0px 40px; }
.bord1a { border-radius: 40px 0px 0px 0px; }
.bord2a { border-radius: 0px 0px 40px 0px; }
.border_img { border: 10px solid #fff; }
.border_news { border: 1px solid #fff; }

/** BILDER **/
img { max-width:100%; height:auto; vertical-align: middle;}
.alignleft { float:left; margin:0 30px 20px 0;}
.aligncenter { text-align:center; }
.alignnone { vertical-align: middle; }
.alignright { vertical-align: right; }


/** LISTEN **/
li { margin-left: -15px; list-style-image: url('images/tatzen_black.png'); }
ul { list-style-position: outside; }
ul.tw li { margin-left: -15px; list-style-image: url('images/tatzen.png'); }
.footer li { margin-left: -15px; list-style-image: url('images/tatzen.png'); }

/** LINKS **/
a { text-decoration:none; color:#A53E2B;}
.bg_gelb a, .bg_rot a { color:#fff; }
.bg_weiss a { color:#A53F2B; }
.bg_gelb a:hover { color:#786517; }
.header_nav a { color:#fff; }
.header_nav a:hover { color:#E1B400; }
.header_menu_resp a { color:#000; }
.header_menu_resp_nav a { color:#fff; }
.header_menu_resp_nav a:hover { color:#786517 }

/** LINIEN **/
hr { background:#B00060; height: 2px; border: none; }

/** NEWS **/
.main_news { max-width:1280px; 20px 20px 0 20px; margin:0 auto; padding:0 20px }
.main_news_single { max-width:1280px; 20px 20px 0 20px; margin:0 auto; text-align:center; padding:20px; }
.news_title { padding-top:20px; }
.news_pad { padding: 20px 20px 80px 20px; display:flex }
.news_date { color:#000; padding-top:50px; }
.news_title_color { color:#7E174E; }
.news_more { padding:10px 0; }
.news h4 { margin-top:0px; margin-bottom:10px; color:#000; font-size:20px; }
.pad_news { padding:30px 20px 20px 20px; }
.main_pad_news { max-width:840px; padding:0 20px; box-sizing:border-box; text-align:center; margin:0 auto;}
.main_pad_news hr { max-width:300px; }
.title { padding-top:30px; }
.news_img { overflow:hidden }
.pb_news { padding-bottom:30px; }
.news_single_headline { padding:20px; text-align:center; }
.w_33_np { width:31.3333%; text-align:center; } 

/** ALLGEMEIN **/
.ta_r { text-align:right; }
.ta_c { text-align:center; }
.ta_l { text-align:left; }

/** ÜBERSCHRIFTEN **/ 
h1 { font-weight:700; font-size:42px; line-height:44px; margin-top:0; }
h2 { font-weight:700; font-size:26px; line-height:32px; margin: 0; margin-bottom:20px}
h3 { font-weight:700; font-size:24px; line-height:30px; margin: 0; letter-spacing:1px; }
h4 { margin-top: 0px;  font-size:20px; margin-bottom:0px; }
h5 { margin-top: 0px;  font-size:20px; margin-bottom:10px; }
.bg_gelb h1, .bg_gelb h3, .bg_gelb h2, .bg_gelb h4 { color:#fff; }

/**PADDING/MARGIN **/
.bo_bo { box-sizing:border-box; }
.pb_20 { padding-bottom:20px; }
.abst { height:60px; }
.abst1 { height:40px; }
.mr_3 { margin-right:3px; }
.ml_3 { margin-left:3px; }
.mgn_btn { margin-bottom:20px; }
.sp_img_marg { margin:0; }

/** FORMS **/
.cmplz-blocked-content-container { margin:0; }
.cmplz-links li { margin-left: 0px; list-style-image:none; list-style-type:none; display:inline-block;}

/** FORMS **/
.k_w50 { width:50%; }
.k_cont { display:flex; flex-wrap:wrap; }
input { font-family: 'Roboto Condensed'; }
input[type="text"], input[type="date"], input[type="email"], input[type="tel"] { height:40px; width:94%; font-size:18px; }
input[type="radio"] { width:20px; height:20px; }
input[type="submit"] { background:#fff; color:#A53F2B!important; font-size:22px; color:#000; width:200px;border:0;}
textarea { width:97%; font-size:18px; font-family: 'Open Sans'; }
input.wpcf7-quiz { width:20% }
input[type="checkbox"] { text-align:left; height:20px; width:20px; margin-left:-18px;  }
textarea {font-family: 'Roboto Condensed'; }
.wpcf7-not-valid-tip { background:#F5F4F5;	color:#7E184F!important; font-size: 16px; display: block; margin:5px 15px 0 15px; padding: 0 5px;}
.wpcf7-list-item-label { font-size:14px; padding-left:5px; }
.wpcf7-quiz-label { margin-left:15px; }
.wpcf7 form.invalid .wpcf7-response-output { border-color:#E7ADCD!important; }
.wpcf7 select { width: 96%; height: 40px; background: #fff; border: none; font-size:18px; font-family: 'Open Sans'; color:#767678; }

/** FOOTER **/
.box_flex_footer { display:flex; flex-wrap:wrap; color:#fff; padding-top:25px; line-height:30px; justify-content:space-between;}
.w_33a { width:31.3333%; box-sizing:border-box; padding-bottom:20px; }
.w_33ab { width:31.3333%; padding-right:6%; padding-bottom:20px; box-sizing:border-box; }
.footer a { color:#fff; }
.footer a:hover { color:#ccc; }

@media screen and (max-width:1320px) and (min-width:0px) {
.w_33 { width:50%; }
.wtr_33 { width:50%; text-align:right; }
.wm_33 { width:100%; text-align:center; display:none;}
.resp_ot { display:block; }
}

@media screen and (max-width:1040px) and (min-width:0px) {
#header { padding:20px; }
#header .w_50 { width:100%; text-align:center; }
#header .wtr_50 { width:100%; text-align:center; }
.header_logo { padding:20px; }
.header_menu { padding-right:20px; font-size:22px; }
.w_33_np { width:48%; margin:1%; }
.w_33 { width:100%; text-align:center; }
.wtr_33 { width:100%; text-align:center; }
.w_33a { width:48%; margin:1%; }
.w_33ab { width:48%; margin:1%; }
}	

@media screen and (max-width:880px) and (min-width:0px) {
 .wl_50 { width:100%; padding-right:0; margin-bottom:20px; }
 .wr_50 { width:100%; padding-left:0; }
 .wl_48 { width:100%; padding-right:0; margin-bottom:20px; }
 .wr_48 { width:100%; padding-left:0; }
 .wl_48_np { width:100%; margin-bottom:20px; }
 .wr_48_np { width:100%; }
 .wl_46 { padding-right:0; margin-bottom:40px; }
 .wr_46 { padding-left:0; }
 .wl_65 { margin-bottom:40px; }
 .alignleft { float:none; text-align:center; display:block; margin: 0 auto; margin-bottom: 20px;}
 .abst { height:15px; }
 .abst1 { height:20px; }
 .resp_img { max-width:450px; margin:0 auto; }
.col_both { flex-wrap:wrap; }
.col_both_new { flex-wrap:wrap; }
 .col1 { width:100%; }
 .col2 { width:100%; }
 .col1_new { width:100%; }
 .col2_new { width:100%; }
 .wl_75, .wr_75, .wr_65, .wl_65, .wl_46, .wr_46, .wl_35, .wr_35, .wl_25, .wr_25 { width:100%; }
 .header_menu li { padding:0 0 0 25px; }
.header_logo { width: 35%; }
.header_menu { width: 65%; }
 .sp_img_marg { margin: -30px 0 20px 0 }
}

@media screen and (max-width:640px) and (min-width:0px) {
 .img_flex { display:block; } 
 .mr_3 { margin-right:0; margin-bottom:5px;}
 .ml_3 { margin-left:0; }
}	

@media screen and (max-width:720px) and (min-width:0px) {
.header_menu { display:none; }
.header_logo { display:none; }
.header_menu_resp { display:block; }
.sub-menu a { font-size: 18px; }
.header_hg_img { min-height:auto; }
.w_33_np { width:98%; margin:1%; }
.w_33a { width:98%; padding-bottom:40px; }
.w_33ab { width:98%; padding-bottom:40px; }
}

@media screen and (max-width:580px) and (min-width:0px) {
.qr { display:none; }	
.vcf { display:block; }
#header { font-size:14px; }
.k_w50 { width:100%; height:60px; }
textarea { width: 94%; }
h1 { font-weight:700; font-size:30px; line-height:38px; margin-top:0; }
h2 { font-weight:700; font-size:22px; line-height:28px; margin: 0; margin-bottom:20px}
h3 { font-weight:700; font-size:20px; line-height:26px; margin: 0; letter-spacing:1px; }
h4 { margin-top: 0px;  font-size:18x; margin-bottom:0px; }
.header_menu_resp_nav li { padding: 0 8px 0 8px; }
.header_menu_resp_nav ul { margin-left: 13px; }
.footer { font-size:16px; }
}

@media only screen and (min-width: 768px) {
 .cd-top { right: 20px; bottom: 20px; }
} 

@media only screen and (min-width: 1024px) {
 .cd-top { height: 60px; width: 60px; right: 30px; bottom: 30px;
}