/*  
Theme Name: Sabine Stark
Theme URI: http://www.stark-psychotherapie.de
Version: 2.0
Author: Veronika Sattler
Author URI: http://websache.de
*/
/* --------------------------------------------------------------------------------------------
-----------------------------------------------------------------------------------------------

	INHALT:
	
	1. BASICS
	2. VARIABLEN UND MIXINS
	3. ALLGEMEINE STYLES
	4. KOMPONENTEN


/* 1. BASICS
-----------------------------------------------------------------------------------------------
===============================================================================================*/
/* 1.1. FONTS
-----------------------------------------------------------------------------------------------*/
@font-face {
  font-family: 'News Cycle';
  font-style: normal;
  font-weight: 400;
  src: url("fonts/news-cycle-v14-latin-regular.eot");
  src: local("News Cycle"), local("NewsCycle"), url("fonts/news-cycle-v14-latin-regular.eot?#iefix") format("embedded-opentype"), url("fonts/news-cycle-v14-latin-regular.woff2") format("woff2"), url("fonts/news-cycle-v14-latin-regular.woff") format("woff"), url("fonts/news-cycle-v14-latin-regular.ttf") format("truetype"), url("fonts/news-cycle-v14-latin-regular.svg#NewsCycle") format("svg");
}
@font-face {
  font-family: 'News Cycle';
  font-style: bold;
  font-weight: 700;
  src: url("fonts/fontsnews-cycle-v14-latin-700.eot");
  src: local("News Cycle Bold"), local("NewsCycle-Bold"), url("fonts/news-cycle-v14-latin-700.eot?#iefix") format("embedded-opentype"), /url("fonts/news-cycle-v14-latin-700.woff2") format("woff2"), url("fonts/news-cycle-v14-latin-700.woff") format("woff"), url("fonts/news-cycle-v14-latin-700.ttf") format("truetype"), url("fonts/news-cycle-v14-latin-700.svg#NewsCycle") format("svg");
}
/* 1.2. Reset
-----------------------------------------------------------------------------------------------*/
html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  box-sizing: border-box;
}

/* 2. VARIABLEN UND MIIXINS
-----------------------------------------------------------------------------------------------
===============================================================================================*/
/* 2.1. Variablen
-----------------------------------------------------------------------------------------------*/
/* 2.2. Mixins
-----------------------------------------------------------------------------------------------*/
/* 3. ALLEGEMEINES STYLES
-----------------------------------------------------------------------------------------------
-*/
html, body {
  height: 100%;
  font-size: 100%;
  color: #707070;
  font-family: "News Cycle", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-weight: 500;
  font-size: 0.98rem;
  line-height: 1.5;
  -webkit-text-size-adjust: none;
  overflow-x: hidden;
}
html strong, body strong {
  font-weight: 700;
}

body.dim {
  overflow: hidden;
}
body.dim:after {
  content: '';
  display: block;
  position: fixed;
  background: rgba(67, 116, 137, 0.8);
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
}

.invisible {
  position: absolute !important;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.inner {
  width: 90%;
  margin: auto;
  max-width: 1500px;
}

.flex-space {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.max-flex {
	max-width: 900px;
	margin-top: 40px;
}
.max-flex figure {
	width: 48%;
}
#main {
  overflow: hidden;
}
#main p, #main ul {
  font-size: 1.12rem;
}
@media only screen and (max-width: 1023px) {
  #main p, #main ul {
    font-size: 1.07rem;
  }
}

.zindex {
  z-index: 1;
}

/*3.1. Links
-----------------------------------------------------------------------------------------------*/
a {
  color: #437489;
  text-decoration: none;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

a:visited {
  text-decoration: none;
}

main a:hover, a:focus {
  text-decoration: underline;
}

.button {
  position: relative;
  background: #ffffff;
  color: #ffffff;
  border-radius: 20px;
  padding: 8px 12px;
  overflow: hidden;
  display: inline-block;
  line-height: 1;
}
.button::before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  border-radius: 20px;
  transform: scale(1);
  background: #437489;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}
.button:hover {
  text-decoration: none;
  color: #437489;
}
.button:hover:before {
  transform: scale(0);
}
.button span {
  position: relative;
  z-index: 2;
}

.white .button {
  background: #E0EDE8;
}

.more {
  padding-left: 25px;
  display: block;
  background: url("../images/arrow-blue.svg") no-repeat left 8px;
}
.more:hover {
  padding-left: 35px;
  text-decoration: none;
}

/* 3.2. Listen
-----------------------------------------------------------------------------------------------*/
ul {
  list-style: none;
}

.standard {
  padding-bottom: 20px;
}

.list {
  padding-bottom: 20px;
  padding-left: 17px;
}
.list li {
  text-indent: -17px;
  margin-bottom: 5px;
}
.list li:before {
  content: '';
  display: inline-block;
  width: 8px;
  height: 8px;
  background: #437489;
  border-radius: 50%;
  margin-right: 8px;
}

ol {
  list-style: decimal outside;
}

/* 3.3. Typographie
-----------------------------------------------------------------------------------------------*/
p {
  padding-bottom: 20px;
}

h1, h2 {
  font-weight: normal;
  font-size: 1.9rem;
  color: #437489;
  line-height: 1.2;
  margin-bottom: 40px;
}
h1::after, h2::after {
  content: '';
  position: relative;
  display: block;
  width: 100px;
  height: 2px;
  margin-top: 15px;
  background: #437489;
}
@media only screen and (max-width: 767px) {
  h1::after, h2::after {
    content: '';
    left: 50%;
    margin-left: -50px;
  }
}

.simple h2 {
  font-size: 1.4rem;
  margin-bottom: 15px;
}
.simple h2:after {
  display: none;
}

.simple h3 {
  font-size: 1.2rem;
  margin-bottom: 5px;
}

h3 {
  font-weight: normal;
  font-size: 1.5rem;
  margin-bottom: 20px;
}

/*3.4. Media
-----------------------------------------------------------------------------------------------*/
img, iframe {
  max-width: 100%;
  width: 100%;
}

/* 4. KOMPONENTEN
-----------------------------------------------------------------------------------------------
===============================================================================================*/
/*4.1. Header mit Navigation und Logo
-----------------------------------------------------------------------------------------------*/
#pageheader {
  position: relative;
  padding: 1rem 0;
  background: #ffffff;
  z-index: 500;
}
#pageheader nav {
  max-width: calc(100% - 210px);
}
@media only screen and (max-width: 1023px) {
  #pageheader nav {
    position: fixed;
    overflow-y: auto;
    background: #437489;
    width: 100%;
    max-width: 400px;
    top: 90px;
    right: -400px;
    height: calc(100vh - 90px);
    padding: 2rem;
    -webkit-transition: all 0.4s 0s ease-in-out;
    -moz-transition: all 0.4s 0s ease-in-out;
    -o-transition: all 0.4s 0s ease-in-out;
    transition: all 0.4s 0s ease-in-out;
  }
  #pageheader nav.open {
    right: 0;
  }
}
#pageheader .level_1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-top: 0.7rem;
}
@media only screen and (max-width: 1023px) {
  #pageheader .level_1 {
    display: block;
  }
}
#pageheader li {
  position: relative;
  margin-left: 2.5vw;
}
@media only screen and (max-width: 1279px) {
  #pageheader li {
    margin-left: 1.7vw;
  }
}
@media only screen and (max-width: 1023px) {
  #pageheader li {
    border-bottom: 1px solid #E0EDE8;
    padding: 10px 0px;
    margin-left: 0;
  }
}
#pageheader a, #pageheader strong {
  font-weight: normal;
  color: #707070;
  display: inline-block;
  padding: 8px 0;
  line-height: 1;
}
@media only screen and (max-width: 1023px) {
  #pageheader a, #pageheader strong {
    color: #ffffff;
  }
}
#pageheader .button {
  padding: 8px 16px;
  color: #ffffff;
  background: #E0EDE8;
}
@media only screen and (max-width: 1023px) {
  #pageheader .button {
    padding: 0;
    background: none;
    border-radius: 0;
    border: none;
  }
  #pageheader .button:after {
    display: none;
  }
}
#pageheader a:hover, #pageheader a:focus, #pageheader strong, #pageheader .trail {
  color: #437489;
}
@media only screen and (max-width: 1023px) {
  #pageheader a:hover, #pageheader a:focus, #pageheader strong, #pageheader .trail {
    color: #E0EDE8;
  }
}
#pageheader .level_2 {
  position: absolute;
  width: 250px;
  color: #fff;
  height: 0px;
  max-height: 0px;
  overflow: hidden;
  -webkit-transition: all 0.4s 0s ease-in-out;
  -moz-transition: all 0.4s 0s ease-in-out;
  -o-transition: all 0.4s 0s ease-in-out;
  transition: all 0.4s 0s ease-in-out;
}
@media only screen and (max-width: 1023px) {
  #pageheader .level_2 {
    position: relative;
    width: auto;
    padding-right: 30px;
  }
}
#pageheader .level_2.show {
  max-height: 200px;
  height: auto;
}
#pageheader .level_2 li {
  background: #437489;
  margin-left: 0;
  padding: 0px 20px;
}
@media only screen and (max-width: 1023px) {
  #pageheader .level_2 li {
    border: none;
  }
}
#pageheader .level_2 li:first-child {
  margin-top: 2.2rem;
  padding-top: 15px;
}
@media only screen and (max-width: 1023px) {
  #pageheader .level_2 li:first-child {
    margin-top: 0;
  }
}
#pageheader .level_2 li:last-child {
  padding-bottom: 15px;
}
#pageheader .level_2 a {
  color: #fff;
}
#pageheader .level_2 a:hover, #pageheader .level_2 a:focus, #pageheader .level_2 strong {
  color: #E0EDE8;
}

#logo {
  display: block;
  position: relative;
  width: 180px;
}
@media only screen and (max-width: 1023px) {
  #logo {
    width: 160px;
  }
}

.opener {
  position: relative;
  padding: 0;
  width: 10px;
  height: 10px;
  background: none;
  border: none;
  border-left: 2px solid #437489;
  border-bottom: 2px solid #437489;
  margin-left: 8px;
  transform: rotate(-45deg);
  top: -8px;
  -webkit-transition: all 0.4s 0s ease-in-out;
  -moz-transition: all 0.4s 0s ease-in-out;
  -o-transition: all 0.4s 0s ease-in-out;
  transition: all 0.4s 0s ease-in-out;
}
@media only screen and (max-width: 1023px) {
  .opener {
    position: absolute;
    right: 0;
    border: none;
    top: 12px;
    width: 30px;
    height: 30px;
    background: #E0EDE8;
    border-radius: 50%;
  }
  .opener.active {
    transform: rotate(-225deg);
  }
  .opener:before {
    content: '';
    position: absolute;
    width: 12px;
    height: 12px;
    border-left: 2px solid #437489;
    border-bottom: 2px solid #437489;
    left: 9px;
    top: 7px;
  }
}

.menu_open {
  position: absolute;
  right: 0;
  top: 25px;
  width: 40px;
  right: 5%;
  border: none;
  padding: 0;
  background: none;
  display: none;
}
@media only screen and (max-width: 1023px) {
  .menu_open {
    display: flex;
    flex-direction: column;
  }
}
.menu_open span {
  background: #437489;
  display: block;
  border-radius: 10px;
  height: 4px;
  margin: 4px 0;
  transition: 0.4s cubic-bezier(0.68, -0.6, 0.32, 1.6);
}
.menu_open span:nth-of-type(1) {
  width: 50%;
}
.menu_open span:nth-of-type(2) {
  width: 100%;
}
.menu_open span:nth-of-type(3) {
  width: 75%;
}
.menu_open.up span:nth-of-type(1) {
  transform-origin: bottom;
  transform: rotatez(45deg) translate(4px, 0px);
}
.menu_open.up span:nth-of-type(2) {
  transform-origin: top;
  transform: rotatez(-45deg);
}
.menu_open.up span:nth-of-type(3) {
  transform-origin: bottom;
  width: 50%;
  transform: translate(18px, -6px) rotatez(45deg);
}

/*4.2. Farbstreifen
-----------------------------------------------------------------------------------------------*/
.blue {
  position: relative;
  padding: 100px 0;
  background: #E0EDE8;
}
@media only screen and (max-width: 1023px) {
  .blue {
    padding: 80px 0;
  }
}
@media only screen and (max-width: 767px) {
  .blue {
    padding: 60px 0;
  }
}

.violett {
  position: relative;
  padding: 100px 0;
  background: #938592;
  color: #ffffff;
}
@media only screen and (max-width: 1023px) {
  .violett {
    padding: 80px 0;
  }
}
@media only screen and (max-width: 767px) {
  .violett {
    padding: 60px 0;
  }
}

.darkblue {
  position: relative;
  padding: 100px 0;
  background: #437489;
  color: #ffffff;
}
@media only screen and (max-width: 1023px) {
  .darkblue {
    padding: 80px 0;
  }
}
@media only screen and (max-width: 767px) {
  .darkblue {
    padding: 60px 0;
  }
}

.white {
  position: relative;
  padding: 100px 0;
  background: #ffffff;
}
@media only screen and (max-width: 1023px) {
  .white {
    padding: 80px 0;
  }
}
@media only screen and (max-width: 767px) {
  .white {
    padding: 60px 0;
  }
}

.center {
  max-width: 900px;
  margin: auto;
  text-align: center;
  font-size: 1.3rem;
}
@media only screen and (max-width: 767px) {
  .center {
    font-size: 1.15rem;
  }
}

blockquote.center {
  padding: 40px 0;
}

.simple .blue {
  position: relative;
  padding: 80px 0;
  background: #E0EDE8;
}
@media only screen and (max-width: 1023px) {
  .simple .blue {
    padding: 60px 0;
  }
}
@media only screen and (max-width: 767px) {
  .simple .blue {
    padding: 40px 0;
  }
}

/*4.3. Text- Bildelemente
-----------------------------------------------------------------------------------------------*/
.mainwrap {
  width: calc(92% - 320px);
  padding-left: 8vw;
}
@media only screen and (max-width: 1279px) {
  .mainwrap {
    padding-left: 0;
    width: calc(95% - 320px);
  }
}
@media only screen and (max-width: 1023px) {
  .mainwrap {
    padding-left: 0;
    width: 68%;
  }
}
@media only screen and (max-width: 767px) {
  .mainwrap {
    width: 100%;
    text-align: center;
  }
}
.mainwrap.large {
  width: calc(85% - 500px);
}
@media only screen and (max-width: 1023px) {
  .mainwrap.large {
    width: calc(95% - 380px);
  }
}
@media only screen and (max-width: 767px) {
  .mainwrap.large {
    width: 100%;
    text-align: center;
  }
}
@media only screen and (max-width: 1023px) {
  .mainwrap.contact {
    width: 100%;
  }
}
.mainwrap.full {
  width: 100%;
}
.mainwrap .button {
  margin-top: 20px;
  font-size: 1rem;
  padding: 14px 20px;
}

.mainimage {
  position: relative;
  width: 320px;
  margin-bottom: -180px;
}
@media only screen and (max-width: 767px) {
  .mainimage {
    margin: 30px auto -100px auto;
  }
}
.mainimage.large {
  z-index: 5;
  margin-bottom: -180px;
  width: 540px;
}
@media only screen and (max-width: 1023px) {
  .mainimage.large {
    width: 380px;
  }
}
@media only screen and (max-width: 767px) {
  .mainimage.large {
    width: 100%;
    text-align: center;
    margin-bottom: -120px;
  }
}
.mainimage.large img {
  width: 75%;
}
.mainimage .image_up {
  margin-top: -80px;
  margin-left: 25%;
}
.mainimage.square_image {
  position: relative;
  width: 540px;
  margin-top: 60px;
  height: 360px;
  background-size: cover;
}
@media only screen and (max-width: 1023px) {
  .mainimage.square_image {
    width: 380px;
    height: 290px;
  }
}
@media only screen and (max-width: 767px) {
  .mainimage.square_image {
    height: 0;
    width: 100%;
    padding-bottom: 50%;
    margin-top: 90px;
  }
}
.mainimage.square_image:before {
  content: '';
  top: -60px;
  right: -300px;
  display: block;
  position: absolute;
  background: #437489;
  width: calc(80% + 300px);
  height: 100%;
  z-index: -1;
}
.mainimage.square_image.vio:before {
  background: #938592;
}

.mainsquare {
  position: relative;
  z-index: 5;
  width: 380px;
  background: #437489;
  color: #ffffff;
  padding: 3rem 2rem;
  align-items: center;
}
.mainsquare h2 {
  color: #ffffff;
  font-size: 1.7rem;
}
.mainsquare h2:after {
  background: #ffffff;
}
@media only screen and (max-width: 1023px) {
  .mainsquare h2:after {
    left: 50%;
    margin-left: -50px;
  }
}
.mainsquare a {
  color: #ffffff;
}
@media only screen and (max-width: 1279px) {
  .mainsquare {
    width: 320px;
  }
}
@media only screen and (max-width: 1023px) {
  .mainsquare {
    margin-top: 30px;
    width: 100%;
    text-align: center;
    margin-bottom: -120px;
  }
}

.half {
  width: 49%;
}
@media only screen and (max-width: 1023px) {
  .half {
    margin-top: 2rem;
    width: 100%;
  }
}
.half figure {
  margin-bottom: 2rem;
}

.columns {
  margin-top: 40px;
  column-count: 2;
  column-gap: 4%;
}
.columns h2 {
  -webkit-column-break-inside: avoid;
  -moz-column-break-inside: avoid;
  column-break-inside: avoid;
}
@media only screen and (max-width: 1023px) {
  .columns {
    column-count: 1;
    column-gap: 0;
  }
}

.simple .columns {
  margin-top: 0;
}

.center_image img {
  display: block;
  margin: 50px auto;
  max-width: 800px;
}

.textwrap {
  width: 60%;
}
@media only screen and (max-width: 767px) {
  .textwrap {
    width: 100%;
    margin-bottom: 40px;
    text-align: center;
  }
}
.textwrap .button {
  margin-top: 20px;
  font-size: 1rem;
  padding: 14px 20px;
}

.textimage {
  position: relative;
  width: 35%;
}
@media only screen and (max-width: 767px) {
  .textimage {
    width: 100%;
  }
}
.textimage.square {
  margin-top: 60px;
  height: 360px;
  background-size: cover;
}
@media only screen and (max-width: 767px) {
  .textimage.square {
    height: 0;
    padding-bottom: 50%;
  }
}
.textimage.square:after {
  content: '';
  top: -60px;
  right: -300px;
  display: block;
  position: absolute;
  background: #437489;
  width: calc(80% + 300px);
  height: 100%;
  z-index: -1;
}

/*4.4 Kacheln
---------------------------------------------------------------------------------------*/
.flex-special {
  flex-direction: row-reverse;
  align-items: center;
}

.teaserblock {
  position: relative;
  width: 60%;
  overflow: hidden;
}
@media only screen and (max-width: 1023px) {
  .teaserblock {
    width: 100%;
  }
}

.text_half {
  width: 37%;
}
@media only screen and (max-width: 1023px) {
  .text_half {
    width: 100%;
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .text_half {
    text-align: center;
  }
}
.text_half .button {
  margin-top: 20px;
  font-size: 1rem;
  padding: 14px 20px;
}

.teasercolumn {
  width: 49%;
  display: flex;
  flex-direction: column;
}
@media only screen and (max-width: 767px) {
  .teasercolumn {
    width: 100%;
  }
}

.teaser {
  padding: 3rem 2rem;
  color: #fff;
  background: #437489;
  margin-bottom: 20px;
}
.teaser li {
  margin-bottom: 5px;
}
.teaser.violett {
  background: #938592;
}
.teaser h3::after {
  content: '';
  display: block;
  width: 80px;
  height: 2px;
  margin-top: 5px;
  background: #fff;
}
.teaser a {
  padding-left: 25px;
  color: #fff;
  display: block;
  background: url("../images/arrow.svg") no-repeat left 8px;
}
.teaser a:hover {
  padding-left: 30px;
  text-decoration: none;
}

.teaser_image {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 400px;
  margin-bottom: 20px;
  flex-grow: 2;
}
.teaser_image.long {
  height: 520px;
}

.imprint strong {
  font-weight: normal;
  width: 55px;
  display: inline-block;
}

/*4.5 Accordeon
-----------------------------------------------------------------------------------------------*/
.accordion {
  padding: 40px 0;
}

h2.accordion_tab {
  cursor: pointer;
  font-size: 1.15rem;
  border-bottom: 1px solid #DDDADA;
  padding: 16px 40px 16px 10px;
  margin: 0;
  position: relative;
  color: #707070;
  -webkit-transition: all 0.4s 0s ease-in-out;
  -moz-transition: all 0.4s 0s ease-in-out;
  -o-transition: all 0.4s 0s ease-in-out;
  transition: all 0.4s 0s ease-in-out;
}
h2.accordion_tab:after, h2.accordion_tab:before {
  content: '';
  width: 20px;
  height: 2px;
  background: #437489;
  position: absolute;
  right: 10px;
  left: auto;
  margin-left: 0;
  top: 50%;
  -webkit-transition: all 0.4s 0s ease-in-out;
  -moz-transition: all 0.4s 0s ease-in-out;
  -o-transition: all 0.4s 0s ease-in-out;
  transition: all 0.4s 0s ease-in-out;
}
h2.accordion_tab:after {
  transform: rotate(90deg);
  margin-top: 0px;
}
h2.accordion_tab.open:after {
  transform: rotate(0deg);
  margin-top: 0px;
}
h2.accordion_tab:hover:after, h2.accordion_tab:hover:before, h2.accordion_tab.open:after, h2.accordion_tab.open:before {
  background: #ffffff;
}
h2.accordion_tab:hover {
  padding-left: 50px;
  background: #437489;
  color: #ffffff;
}
h2.accordion_tab.open {
  background: #437489;
  color: #ffffff;
}

.collapsing-section {
  display: none;
  padding: 20px 10px;
}

/*4.6. Footer
-----------------------------------------------------------------------------------------------*/
#pagefooter {
  margin-top: 40px;
  position: relative;
  background: #707070;
  color: #ffffff;
  padding: 50px 0;
}
#pagefooter .inner {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
#pagefooter a {
  color: #ffffff;
}

.long .footerblock {
  margin-right: 3rem;
}

.toplink {
  position: absolute;
  display: block;
  box-sizing: border-box;
  top: -30px;
  margin-left: -30px;
  left: 50%;
  width: 60px;
  height: 60px;
  overflow: hidden;
  border-radius: 50%;
  background: #E0EDE8;
}
.toplink:before {
  content: '';
  display: block;
  width: 20px;
  height: 20px;
  margin: 22px 17px;
  border-top: 5px solid #707070;
  border-left: 5px solid #707070;
  transform: rotate(45deg);
}
.toplink:hover {
  background: #437489;
}
.toplink:hover:before {
  border-color: #ffffff;
}

/*# sourceMappingURL=default.css.map */