/******************
    User custom CSS
    ---------------

    In this file you can add your own custom CSS
    It will be loaded last, so you can override any other property.
    Also, it will never be updated. So if you inheritate a core template and just add here some CSS, you'll still benefit of all the updates
*/

@import url("https://fast.fonts.net/cssapi/0675ff57-bec4-4866-b9c5-34e3d03c1199.css");

/* Hinweistext bei Fragen */
.text-info {
    color: #8a0015;
}

/* Umfragebeschreibung: */
.survey-description {
    color: #505050;
    padding: 50px 0 30px 0;
}

/* Willkommensnachricht: */
 .survey-welcome {
     color: #505050;
     line-height: 24px;
     padding-bottom: 40px;
 }

 /* Umfragtitel */
 .survey-name {
    padding: 10px 0 0 0;
    font-size: 25px;
        text-align: center;
 }


 /* 'Umfrage verlassen und löschen' Link ausblenden: */
 .navbar-action-link {
    display: none;
}

/* Einleitungstext prominenter: */
.question-text {
    font-size: 18px;
}
.boilerplate{
    border: none;
    background: none;
    font-size: 18px;
}

/* header */
.navbar-default {
    background-color: #fff;
    border-color: #e7e7e7;

    -webkit-box-shadow: 0px 3px 14px 0px rgba(0,0,0,0.06);
-moz-box-shadow: 0px 3px 14px 0px rgba(0,0,0,0.06);
box-shadow: 0px 3px 14px 0px rgba(0,0,0,0.06);
}

/* buttons */
.btn-primary {
    color: #fff;
    background-color: #528188;
    border-color: #528188;
    border-radius: 3px;
    white-space: normal!important;
}
.btn-primary:hover {
    color: #fff;
    background-color: #89BACA;
    border-color: #89BACA;
}

/* Schriftfarbe global */
body {
    color: #505050;
    font-family:"Trade Gothic LT W01 Roman";
}
.font-noto {
    font-family:"Trade Gothic LT W01 Roman";
}

/* Kreis angeklickt Matrix */
.radio-item label::after {
    background-color: #4c8182;
}

label::after {
    background-color: #4c8182;
}

.checkbox-item label::after {
    color: #ffffff;
}

/* Dankestext am Ende */
.completed-text {
    margin-bottom: 50px;
}

/* Hinwestext  Matrixfrage */
.dir-ltr .ls-questionhelp {
    padding-bottom: 5px;
}

/* Gruppenbeschreibung */
.group-description{
    margin-left: 0;
    background: none;
    border: none;
    border-radius: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

a {
    color: #4c8182;
    text-decoration: underline;
}
a:hover {
    color: #4c8182;
    text-decoration: none;
}

/* footer */
#footer {
    margin-top: 120px;
}
.footer_logos {
    width: 100%;
    margin: 15px 0 15px 0;
}
.answer-container{
    margin-bottom: 10px;
}
.navbar-default .navbar-brand {
    display: unset!important;
}
.logo-container>img {
    padding: 0 10px 0 10px;
    margin: 0 auto;
}

@media (min-width: 768px) {
    .navbar-header {
     float: none;
    }
}

.navbar-toggle {
    display: none;
}
#meintitel {
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    top: 53px;
    width: 100%;
}



/* Fortschrittsbalken */
.progress-bar {
    background-color: #4c8182;
}

/* Topcontainer */
.top-container {
    display: none;
}

.group-title{
    margin: 0.5em;
    /* oben rechts statt Umfragetitel
    position: fixed;
    right: 20px;
    top: 18px;
    z-index: 99999; */
}

#meinfootertext {
    padding: 20px;
    margin: 0;
    color: #528188;
    text-align: center;
}


.wrapper-end {
    /*border-bottom: 1px solid #e7e7e7;*/
    background-color: #E8F0F2;
}

.wrapper-footer-links {
  padding: 30px 0 30px 0;
}

.wrapper-footer-links a {
  padding: 0 10px;
}


/*               Webseitenfooter             */
.wrapper-footer {
  background-color: #505050;
  background-image: url('/upload/bg-footer.png');
  background-position: left bottom;
  background-repeat: no-repeat!important;
  background-size: 500px;
  padding: 100px 0 100px 0;

}

.white {
  color: #fff;
}

.large {
  font-size: 24px!important;
  line-height: 32px!important;
}

.bold {
  font-family: 'Trade Gothic LT W01 Bold No-_2';
}

p.small {
  font-size: 14px!important;
  line-height: 22px!important;
}

@media (max-width: 768px) {
  .wrapper-footer {
    background-color: #505050;
    background-position: left bottom;
    background-repeat: no-repeat!important;
    background-size: 500px;
    padding: 50px 0 50px 0;
  }
  #navbar {
      display: block;
  }

  .wrapper-footer p, .wrapper-footer a {
        font-size: 14px!important;
        line-height: 24px!important;
    }
    .survey-name {
        padding: 11px 0 0 0;
    font-size: 20px;
    line-height: 22px;
    }

}

.wrapper-footer p,
.wrapper-footer a {
 font-size: 16px;
 line-height: 26px;
 font-family: "Trade Gothic LT W01 Roman";
}

.wrapper-footer a {
 text-decoration: underline;
}

.wrapper-footer a:hover {
 text-decoration: none;
}

strong {
 font-family: 'Trade Gothic LT W01 Bold No-_2';
}


@media (max-width: 620px) {
    .survey-name {
     padding: 4px 0 0 0;
    font-size: 16px;
    line-height: 18px;
    }
    .logo-container>img {
    padding: 10px 0 10px 0;
    }
    .navbar-header {
    /*height: 124px;*/
}
}

@media (max-width: 360px) {
    .logo-container>img {
        padding: 18px 0 18px 0;
    }
    .centered img{
        max-width: 100%;
    }
}
@media (max-width: 420px) {

    .centered img{
        max-width: 80%;
    }
}


/* Logos */

#logos {
    background: #F7F7F6;
    
}


.row.no-pad {
  margin-right:0;
  margin-left:0;
}


.row.no-pad > [class*='col-'] {
  padding-right:0;
  padding-left:0;
}

.centered {
    display: flex;
  	align-items: center !important;
    justify-content: center !important;
}

.pad {
  height: 200px;
}

.flex {
  display: flex;
  flex-direction: column;
}

a.link-start {
  display: block;
  text-decoration: none;
}

#swChoice {
  background-color: #E8F0F2;
  padding: 105px 0px 84px 0px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='476' height='809' viewBox='0 0 476 809'%3E%3Cg fill='none' fill-rule='evenodd' stroke='%23528188' opacity='.171' transform='scale(-1 1) rotate(70 1086.133 -837.973)'%3E%3Cpath d='M1774.03645,245.172293 C1995.16512,342.542334 2038.25885,459.700638 1953.64452,743.32544 C1868.32367,1029.36323 1742.784,1298.48938 1582.18923,1550.11357 C1515.80895,1654.10001 1439.2363,1751.99702 1362.95456,1849.27265 C1195.37786,2062.99321 1047.28198,2069.54868 863.486839,1865.39723 C616.033534,1590.53376 475.91701,1256.55719 357.338492,913.166852 C291.716665,723.120526 235.123553,530.63014 246.552307,324.428167 C256.038173,153.095465 373.099783,96.7785377 512.385125,67.2530581 C609.633432,46.6546088 714.612177,30.8196302 794.335609,27.0123872 C921.136032,20.9569526 1235.92393,8.22410572 1774.03645,245.172293 Z' transform='rotate(-81 1119.548 1019.37)'/%3E%3Cpath d='M1754.60099,280.097826 C1966.15211,373.215423 2007.37936,485.257071 1926.42985,756.495124 C1844.80443,1030.04078 1724.70215,1287.41338 1571.06307,1528.04839 C1507.55786,1627.49343 1434.30173,1721.11497 1361.32392,1814.14229 C1201.00531,2018.52903 1059.32378,2024.7982 883.489193,1829.56266 C646.753612,1566.7033 512.705828,1247.3125 399.263195,918.91905 C336.483587,737.172619 282.341642,553.088868 293.275392,355.892356 C302.350405,192.042269 414.341832,138.184872 547.594433,109.948859 C640.630711,90.2500062 741.062606,75.1065888 817.333048,71.4656195 C938.641478,65.6746441 1239.79526,53.4978789 1754.60099,280.097826 Z' transform='rotate(-94 1128.46 1020.484)'/%3E%3Cpath d='M1712.63357,327.906705 C1910.38175,414.591119 1948.91908,518.892186 1873.25123,771.39131 C1796.95157,1026.03862 1684.68552,1265.6302 1541.07083,1489.64054 C1481.7091,1582.21526 1413.23267,1669.36881 1345.01639,1755.96917 C1195.15798,1946.23552 1062.72066,1952.07157 898.358629,1770.3242 C677.069178,1525.62492 551.767521,1228.29975 445.726605,922.593911 C387.043136,753.403732 336.433754,582.037711 346.654118,398.464846 C355.13702,245.934612 459.821415,195.798043 584.379772,169.512761 C671.345774,151.174836 765.224856,137.077626 836.518931,133.6882 C949.91243,128.297303 1231.41703,116.96179 1712.63357,327.906705 Z' transform='rotate(-77 1127.345 1017.142)'/%3E%3Cpath d='M1689.28875,355.155489 C1879.14954,438.132646 1916.14976,537.973037 1843.5,779.673457 C1770.24363,1023.43019 1662.45543,1252.77509 1524.56897,1467.20511 C1467.57494,1555.82066 1401.82976,1639.24688 1336.33436,1722.14359 C1192.45321,1904.27276 1065.29829,1909.85922 907.492009,1735.88469 C695.028917,1501.65053 574.725048,1217.04116 472.913683,924.409531 C416.570866,762.455159 367.980092,598.417999 377.792805,422.696049 C385.937358,276.689121 486.446307,228.696757 606.036525,203.535626 C689.533797,185.981964 779.668414,172.487654 848.118851,169.243184 C956.989532,164.082842 1227.26602,153.232118 1689.28875,355.155489 Z' transform='rotate(-91 1127.345 1014.914)'/%3E%3C/g%3E%3C/svg%3E") ;
  background-position: right top;
  background-repeat: no-repeat;

}


.linkbox {
  background: #FFFFFF;
  box-shadow: 0 5px 20px 0 rgba(0,0,0,0.08);
  padding: 53px 28px 53px 28px;
  /* align-items: center; */
  text-align: center;
  transition: all 0.2s linear;
  min-height: 365px;
  margin-bottom: 20px;

}


/* .linkbox:hover .linkbox p {
  color: #fff;
} */

.linkbox:hover {
  background: #528188;
}

.linkbox:hover > p {
    color: #fff!important;
}

.linkbox p {
  width:100%
}

.linkbox p:last-child {
  margin-bottom : 0;
}

#swChoice p {
  font-size: 16px;
  line-height: 25px;
  color: #505050;
}

#swChoice h1 {
  font-family: "Trade Gothic LT W01 Bold No-_2",Helvetica,Arial,Sans-Serif;
  font-size: 54px;
  color: #528188;
  line-height: 55px;
  margin-bottom: 95px;
}

#swChoice h1 span {
	font-family: "Trade Gothic LT W01 Bd CnNo-20",Helvetica,Arial,Sans-Serif;
	font-size: 16px;
	color: #E90010;
	letter-spacing: 1.56px;
	text-transform: uppercase;
	line-height: 20px;
  display: block;
  margin-bottom: 20px;
}

 .linkbox span.bubble{
  width: 80px;
  height: 80px;
  border-radius: 50%;
  display: inline-block;
  background-color: #E8F0F2;
  margin-bottom: 43px;
}

.linkbox:hover > span.bubble {
  background-color: #fff;
}



.linkbox#germany span.bubble {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='41' height='54' viewBox='0 0 41 54'%3E%3Cpolygon fill='none' stroke='%23528188' stroke-width='1.5' points='33.282 13 36.357 13 39.773 16.417 41.994 16.417 42.677 17.1 42.677 18.893 46.093 18.893 48.101 16.887 50.535 16.887 51.645 15.776 52.669 15.776 53.737 16.844 53.737 17.698 52.927 18.51 52.927 19.278 55.488 21.841 55.488 26.453 54.719 27.221 54.719 28.033 57.154 30.467 57.154 36.702 58.863 38.41 58.863 41.059 54.719 45.2 47.545 45.2 47.545 48.019 52.627 53.1 52.627 57.756 50.706 57.756 48.955 59.507 48.955 61.984 50.827 63.855 50.827 65 39.8 65 38.492 63.692 34.221 63.692 33.153 62.624 30.206 62.624 29.054 63.778 25.253 63.778 25.253 61.386 27.089 59.549 27.089 56.091 28.328 54.852 28.328 53.571 26.833 52.076 23.032 52.076 21.11 50.154 21.11 42.809 20 41.699 20 34.054 21.581 32.474 23.929 32.474 25.851 30.552 25.851 25.385 26.875 24.36 26.875 20.944 29.993 20.944 30.975 21.926 31.574 21.926 31.574 20.217 32.385 19.406 33.367 19.406 34.093 20.133 35.459 20.133 33.282 17.955' transform='translate(-19 -12)'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center center;
  transition: all 0.2s linear;
}

/* .linkbox#germany:hover span.bubble {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='41' height='54' viewBox='0 0 41 54'%3E%3Cpolygon fill='none' stroke='%23ffffff' stroke-width='1.5' points='33.282 13 36.357 13 39.773 16.417 41.994 16.417 42.677 17.1 42.677 18.893 46.093 18.893 48.101 16.887 50.535 16.887 51.645 15.776 52.669 15.776 53.737 16.844 53.737 17.698 52.927 18.51 52.927 19.278 55.488 21.841 55.488 26.453 54.719 27.221 54.719 28.033 57.154 30.467 57.154 36.702 58.863 38.41 58.863 41.059 54.719 45.2 47.545 45.2 47.545 48.019 52.627 53.1 52.627 57.756 50.706 57.756 48.955 59.507 48.955 61.984 50.827 63.855 50.827 65 39.8 65 38.492 63.692 34.221 63.692 33.153 62.624 30.206 62.624 29.054 63.778 25.253 63.778 25.253 61.386 27.089 59.549 27.089 56.091 28.328 54.852 28.328 53.571 26.833 52.076 23.032 52.076 21.11 50.154 21.11 42.809 20 41.699 20 34.054 21.581 32.474 23.929 32.474 25.851 30.552 25.851 25.385 26.875 24.36 26.875 20.944 29.993 20.944 30.975 21.926 31.574 21.926 31.574 20.217 32.385 19.406 33.367 19.406 34.093 20.133 35.459 20.133 33.282 17.955' transform='translate(-19 -12)'/%3E%3C/svg%3E")!important;
} */

.linkbox#world span.bubble{
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='46' height='53' viewBox='0 0 46 53'%3E%3Cg fill='none' fill-rule='evenodd' stroke='%23528188' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' transform='translate(1 1)'%3E%3Ccircle cx='19.739' cy='19.552' r='17.283'/%3E%3Cpath d='M36.848913 2.44491304C46.2977487 11.8943851 46.2972329 27.2144904 36.8477609 36.6633261 27.3982889 46.1121618 12.0781835 46.1116459 2.62934783 36.6621739M39.2915217 0L36.848913 2.44491304M2.62934783 36.6621739L.18673913 39.107087M19.7391304 43.7480435L19.7391304 50.661087M5.91304348 50.661087L33.5652174 50.661087'/%3E%3Cpath d='M3.89443478 12.6393478L7.64130435 12.6393478C9.55028859 12.6393478 11.0978261 14.1868853 11.0978261 16.0958696L11.0978261 19.8496522C11.0974107 20.7665377 11.4613065 21.6460216 12.1094348 22.2945652L14.7709565 24.956087C15.6972396 25.8815391 16.0210784 27.2509401 15.6074348 28.4932609L14.8953913 30.627087C14.6728037 31.2935177 14.2524048 31.8762886 13.6902174 32.2977391L10.8881304 34.3993043M25.2695652 3.17769565C24.3316957 3.9266087 23.3316087 4.70317391 22.4444348 5.38756522 20.9460436 6.54161926 20.6533968 8.68564238 21.7876957 10.1990435L23.8869565 12.985C24.5397358 13.8553724 25.5642085 14.3676087 26.6521739 14.3676087L28.6776957 14.3676087C29.5941134 14.3684155 30.4727026 14.7331129 31.1203043 15.3815217L33.7818261 18.0430435C34.6259669 18.8866007 35.8455368 19.2350493 37.007913 18.9647826'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center center;
  transition: all 0.2s linear;
}

/* .linkbox#world:hover span.bubble {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='46' height='53' viewBox='0 0 46 53'%3E%3Cg fill='none' fill-rule='evenodd' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' transform='translate(1 1)'%3E%3Ccircle cx='19.739' cy='19.552' r='17.283'/%3E%3Cpath d='M36.848913 2.44491304C46.2977487 11.8943851 46.2972329 27.2144904 36.8477609 36.6633261 27.3982889 46.1121618 12.0781835 46.1116459 2.62934783 36.6621739M39.2915217 0L36.848913 2.44491304M2.62934783 36.6621739L.18673913 39.107087M19.7391304 43.7480435L19.7391304 50.661087M5.91304348 50.661087L33.5652174 50.661087'/%3E%3Cpath d='M3.89443478 12.6393478L7.64130435 12.6393478C9.55028859 12.6393478 11.0978261 14.1868853 11.0978261 16.0958696L11.0978261 19.8496522C11.0974107 20.7665377 11.4613065 21.6460216 12.1094348 22.2945652L14.7709565 24.956087C15.6972396 25.8815391 16.0210784 27.2509401 15.6074348 28.4932609L14.8953913 30.627087C14.6728037 31.2935177 14.2524048 31.8762886 13.6902174 32.2977391L10.8881304 34.3993043M25.2695652 3.17769565C24.3316957 3.9266087 23.3316087 4.70317391 22.4444348 5.38756522 20.9460436 6.54161926 20.6533968 8.68564238 21.7876957 10.1990435L23.8869565 12.985C24.5397358 13.8553724 25.5642085 14.3676087 26.6521739 14.3676087L28.6776957 14.3676087C29.5941134 14.3684155 30.4727026 14.7331129 31.1203043 15.3815217L33.7818261 18.0430435C34.6259669 18.8866007 35.8455368 19.2350493 37.007913 18.9647826'/%3E%3C/g%3E%3C/svg%3E");
} */




h2 {
	font-family: "Trade Gothic LT W01 Bold No-_2",Helvetica,Arial,Sans-Serif;
	font-size: 39px;
	color: #505050;
	line-height: 46px;
}





#logos [class^='col']:nth-child(-n+3) {
      border-right: 1px solid #e4e4e4;
}

@media (max-width: 1200px) {
  .linkbox {
    min-height: 364px;
  }
}


@media (max-width: 992px) {
 #logos [class^='col']:nth-child(-n+3) {
       border-right: none;
     }

     .pad {
       height: 150px;
     }

     .linkbox {
       min-height: 1px;
     }
 }

 @media (max-width: 768px) {
   #swChoice h1 {
     font-size: 36px;

     line-height: 36px;
     margin-bottom: 40px;
   }

   #swChoice h1 span {
   	font-family: "Trade Gothic LT W01 Bd CnNo-20",Helvetica,Arial,Sans-Serif;
   	font-size: 14px;
   	color: #E90010;
   	letter-spacing: 1.56px;
   	text-transform: uppercase;
   	line-height: 18px;
     display: block;
     margin-bottom: 15px;
   }

   #swChoice {

	padding: 55px 0px 40px 0px;
}


   .linkbox {
	background: #FFFFFF;
	box-shadow: 0 5px 20px 0 rgba(0,0,0,0.08);
	padding: 30px 20px 30px 20px;

}

.linkbox span.bubble {

	margin-bottom: 20px;
}
 }

.logo-container {
    float: none!important;
}

.text-center {
  text-align: center;
}

.mb-60 {
  margin-bottom: 60px;
}


.navbar-header {

    /*height: 132px;*/
}

.dir-ltr .ls-questionhelp:before {
    left: -1.2em;
}
.text-danger {
    color: #8a0015;
    margin-bottom: 5px;
}
.alert-danger {
    color: #8a0015;
}

#sw-intro .wrapper {
  padding-top: 100px;
  padding-bottom: 0px;
}

#sw-choice .wrapper {
  padding-top: 40px;
  padding-bottom: 60px;
}

#sw-intro h1 {

  margin-bottom: 40px;
}

#sw-choice .btn {
  text-decoration: none;
}

ul.arrow-list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.bold, strong {
	font-family: "Trade Gothic LT W01 Bold No-_2",Helvetica,Arial,Sans-Serif;
}

ul.arrow-list li {
	margin-bottom: 12px;
	background-image: url("data:image/svg+xml,%3Csvg width='15' height='11' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='%23E4102C' fill='none' fill-rule='evenodd' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M.611 5.5h12.78M9.5.611L14.389 5.5 9.5 10.389'/%3E%3C/g%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: left top 6px;
	background-size: 15px 11px;
	padding-left: 30px;

  font-size: 16px;
	line-height: 25px;
}

ol.list {
	list-style: none;
	counter-reset: item;
	padding-left: 0;
}

ol.list li {
	counter-increment: item;
	margin-bottom: 15px;
	position: relative;
	padding-left: 37px;

  font-size: 16px;
	line-height: 25px;
}


ol.list li:before {
	position: absolute;
	left: 0px;
	margin-right: 10px;
	content: counter(item);
	background: #89BACA;
	border-radius: 100%;
	color: #fff;
	width: 24px;
	height: 24px;
	padding-top: 1px;
	text-align: center;
	display: inline-block;
	font-size: 14px;
	top: 1px;
}



a.back-to-start {
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -10px;
  font-size: 16px;
  font-family: "Trade Gothic LT W01 Bold No-_2",Helvetica,Arial,Sans-Serif;
}

.wrapper-navi {
  background-color: #fff;
	border-color: #e7e7e7;
	-webkit-box-shadow: 0px 3px 14px 0px rgba(0,0,0,0.06);
	-moz-box-shadow: 0px 3px 14px 0px rgba(0,0,0,0.06);
	box-shadow: 0px 3px 14px 0px rgba(0,0,0,0.06);
  position: fixed;
  width: 100%;
  padding-top: 5px;
  z-index: 2000;
  top: 0;
  left:0;
}

@media (max-width: 662px) {
  a.back-to-start {
    position: static!important;
    margin-top: 10px;
    margin-bottom: 15px;

  }

  .wrapper-navi .logo {
    max-width: 211px!important;
  }
}