@charset "UTF-8";
/* siehe http://getbootstrap.com/css/#grid-options */

/**** Struktur ****/

/* lg - > 1199px */
@media screen and (min-width: 1200px) {
.container { width: 1160px; padding-left: 0px; padding-right: 0px; }
.container .row { margin-left: -8px; margin-right: -8px; }
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
	padding-left: 8px;
	padding-right: 8px;
}

.tx-ww-bzga-test-cannabis div.tableframe,
.tx-ww-bzga-test-alkohol div.tableframe,
.tx-ww-bzga-test-speed div.tableframe,
.tx-ww-bzga-test-kokain div.tableframe { -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; }
.tx-ww-bzga-topthema .topthemateaser .imgcontainer img { margin-left: 0; }
}

/* md - >= 992px */
@media screen and (min-width: 992px) and (max-width: 1200px) {
.container { width: 970px; padding-left: 0px; padding-right: 0px; }
.container .row { margin-left: -20px; margin-right: -20px; }
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
	padding-left: 20px;
	padding-right: 20px;
}
#iconbox ol.drogen > li > a { font-size: 15px; }
#iconbox ol.drogen > li:hover > a { padding-left: 15px; }
#iconbox .dropdown-menu li a { padding: 5px 15px; }
footer .footernav ul li a { padding: 0 5px; }
:target:not(.frame) { top: -210px; }
.frame:target::before { height: 210px; margin-top: -210px; }

.tx-ww-bzga-test-cannabis div.tableframe,
.tx-ww-bzga-test-alkohol div.tableframe,
.tx-ww-bzga-test-speed div.tableframe,
.tx-ww-bzga-test-kokain div.tableframe { -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; }
.tx-ww-bzga-topthema .topthemateaser .imgcontainer img { margin-left: -10%; }

}

/* sm - >= 768px */
@media screen and (min-width: 768px) and (max-width: 992px) {
.container { width: 608px; padding-left: 0px; padding-right: 0px; }
.container .row { margin-left: -20px; margin-right: -20px; }
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
	padding-left: 20px;
	padding-right: 20px;
}
header.top .drugcomlogo { padding-top: 5px; }
header.top .drugcomlogo img { height: 30px; }
header.top.scrolled .drugcomlogo .cydlogo { margin-left: 110px; display: block; opacity: 1.0; transition: all 1s ease; }

#mainnavbar .navbar-nav2 > li > a { font-size: 16px; padding: 10px; }
#mainnavbar .navbar-nav2 > li.p25 > ul { left: unset; right: 0; }
#mainnavbar .navbar-nav2 > li.p464 > ul { left: unset; right: 0; }
#mainnavbar .navbar-nav2 > li.p462 > ul { left: unset; right: 0; }
.navextend .navbar-nav3 > li > a { padding: 10px; }
#iconbox ol.drogen > li > a { font-size: 12px; }
#iconbox ol.drogen > li:hover > a { padding-left: 10px; }
#iconbox .dropdown-menu li a { padding: 5px 10px; }
#iconbox ol.drogen li.p200 > ol { left: unset; right: 0; }
/*footer .footernav ul li a { padding: 0; font-size: 12px; }*/
footer .footernav { height: unset; }
footer .footernav ul { display: block; float: left; }
footer .footernav ul li { display: block; float: left; width: 25%; padding: 10px; }
footer .footernav ul li a { display: inline-block; padding: 0; border: none; }

footer .footernav2 ul li a { padding: 0 10px; font-size: 12px; }

.tx-ww-bzga-check .antwortradios { margin-bottom: 0; }
.tx-ww-bzga-check .antwortpanel { padding-left: 15px; margin-top: 50px; }
:target:not(.frame) { top: -170px; }
.frame:target::before { height: 170px; margin-top: -170px; }
.tx-ww-bzga-topthema .topthemateaser .votingcontainer .votingstart { padding: 10px; }
.newsstartseite .teaser .entry:last-child { display: none; }
.sidebar { margin-top: 26px; }

.tx_solr .sidebar { float: none; }
.tx_solr .sidebar h2 { margin-bottom: 36px; }
.tx_solr .tx-solr-search-form header h1 { margin-top: 36px; margin-bottom: 26px; }
.tx_solr .tx-solr-submit { width: auto; margin-top: 16px; }
.tx_solr table.facet-options tr td:last-child { width: 10%; min-width: 90px; }

.tx-ww-bzga-test-cannabis div.tableframe,
.tx-ww-bzga-test-alkohol div.tableframe,
.tx-ww-bzga-test-speed div.tableframe,
.tx-ww-bzga-test-kokain div.tableframe { -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; }
.tx-ww-bzga-topthema .topthemateaser .imgcontainer img { margin-left: -50%; }
}

/* xs - <= 767px */
@media screen and (max-width: 767px) {
header.top, .maincontent, .footernav, .footernav2, .breadcrumb { padding-left: 12px; padding-right: 12px; }
.container { width: 100%; }
.container .row { margin-left: -12px; margin-right: -12px; }
.container .row.rowcontent { margin-left: 0; margin-right: 0; }
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
	padding-left: 12px;
	padding-right: 12px;
}
header.top .drugcomlogo { padding-top: 5px; }
header.top .drugcomlogo img { height: 30px; }
header.top.scrolled .drugcomlogo { max-width: calc(100% - 90px); }
header.top .drugcomlogo p { float: left; }
header.top.scrolled .drugcomlogo .cydlogo { margin-left: 0px; padding-top: 10px; display: block; opacity: 1.0; transition: all 1s ease; }

.tx-ww-bzga-check .antwortpanel { padding-left: 15px; margin-top: 50px; }
.tx-ww-bzga-check .fortschrittsbalken { margin-bottom: 10px; }
:target:not(.frame) { top: -160px; }
.frame:target::before { height: 160px; margin-top: -160px; }
.sidebar { margin-top: 26px; }

.tx_solr .sidebar { float: none; }
.tx_solr .sidebar #tx-solr-faceting { margin-left: -25px; margin-right: -25px; }
.tx_solr .sidebar h2 { margin-bottom: 36px; }
.tx_solr .sidebar h2.tx-solr-filter { float: right; width: 90px; margin: 0 -25px 0 0; padding: 5px; background-color: #720e10; color: #fff; font-size: 22px; }
.tx_solr table.facet-options tr td:last-child { width: 90px; min-width: 90px; }
.tx_solr .tx-solr-search-form header h1 { margin-top: 36px; margin-bottom: 26px; }
.tx_solr .tx-solr-submit { width: auto; margin-top: 16px; }
.tx_solr #tx-solr-search { margin-left: -10px; margin-right: 10px; }

.tx-ww-bzga-qtsberichte .erfahrungscall { height: auto; }
.tx-ww-bzga-qtsberichte .erfahrungsbericht { height: auto; }
/* .tx-ww-bzga-qtsberichte .erfahrungsbericht span.img { display: block; } */
/* .tx-ww-bzga-qtsberichte .erfahrungsbericht span.data { display: block; margin-top: 10px; } */
.tx-ww-bzga-qtsberichte .erfahrungsberichte.mode1 .erfahrungsbericht { display: block; }
.tx-ww-bzga-check .antwortradios { margin-bottom: 0; }

.maincontent .tx-ww-bzga-lexikon #alpha { width: 100%; background-color: #fff; }
.maincontent .tx-ww-bzga-lexikon #alpha .firstpart,
.maincontent .tx-ww-bzga-lexikon #alpha .secondpart { width: 100%; display: inline-block; margin-bottom: 5px; }
.maincontent .tx-ww-bzga-lexikon #alpha .secondpart div:first-child { padding-left: 10px; }
.maincontent .tx-ww-bzga-lexikon #alpha .firstpart div:last-child { padding-right: 10px; }

.tx-ww-bzga-test-alkohol .ampel_img { margin-left: 0; margin-right: 0; }
.tx-ww-bzga-test-speed #speedcheck_ampel img { margin-left: 0; margin-right: 0; }
.tx-ww-bzga-test-kokain #kokaincheck_ampel img { margin-left: 0; margin-right: 0; }


}

/**** Sichtbarkeit ****/
/* xs - <= 767px */
@media screen and (max-width: 767px) {
.metanavigation { display: none; }
#mainnavbar .p21 { display: block; }
#mainnavbar .navbar-nav2 > li:hover > ul.dropdown-menu { display: none; }
#mainnavbar .navbar-nav2 li.p22:hover > ul { display: none; }
#mainnavbar .navbar-nav2 li.p23:hover > ul { display: none; }
#mainnavbar .navbar-nav2 li.p24:hover > ul { display: none; }

}

/**** Gestaltung ****/
@media screen and (max-width: 767px) {
header.top { padding-top: 20px; z-index: 9999; }
header.top .rownavigation { position: relative; margin-bottom: 0; }
header.top .drugcomlogo { position: absolute; top: 0; left: 0; }
header.top.scrolled { z-index: 9999; padding-top: 0; }
header.top.scrolled .rownavigation { margin-bottom: 0; }
header.top.scrolled .drugcomlogo { padding-top: 5px; }
header.top.scrolled ~ .container { margin-top: 110px; }
.navigation { margin-top: 40px; padding-left: 0; padding-right: 0; }
#mainnavbar .navbar-nav2a { display: none; }
#mainnavbar .navbar-nav2 { display: flex; justify-content: space-between; }
#mainnavbar .navbar-nav2 > li { position: unset; }
#mainnavbar .navbar-nav2 > li > ul { width: 100%; overflow-y: auto; min-height: calc(100vh - 80px); height: 100%; }
#mainnavbar .navbar-nav2 > li > a { padding: 10px; }
#mainnavbar .navbar-nav2a li.p37 > a:after { content: '+'; float: right; }
#mainnavbar .navbar-nav2 > li > :checked ~ ul.dropdown-menu { display: block; z-index: 9999; opacity: 1; }
#mainnavbar .navbar-nav2 > li > ul > li > :checked ~ ul.dropdown-menu { display: block;  z-index: 9999; opacity: 1; }
#mainnavbar .dropdown-menu { width: 100vw !important; left: -12px;  }

#mainnavbar .navbar-nav2 > li > label { font-family: 'Oswald',Verdana,sans-serif; font-size: 24px; color: #000; text-decoration: none; text-transform: uppercase; position: relative; display: block; padding: 10px; cursor: pointer; }
#mainnavbar .navbar-nav2 > li > ul > li > label { font-family: 'Oswald',Verdana,sans-serif; font-size: 24px; display: block; padding: 10px; padding-left: 24px; cursor: pointer; color: #eee; border-bottom: 1px solid #ebeded; }
#mainnavbar .navbar-nav2 > li > ul > li > label:after { content: '+'; float: right; padding-right: 10px; }
#mainnavbar .navbar-nav2 > li > ul > li > label:active { background-color: #720e10; }
#mainnavbar .navbar-nav2 > li > ul > li > :checked ~ label:after { content: ''; }
#mainnavbar .navbar-nav2 > li > ul > li > label.x { text-align: right; padding-right: 20px; }
#mainnavbar .navbar-nav2 > li > ul > li > label.x:after { display:none; }
#mainnavbar .navbar-nav2 > li > label:hover { background-color: #1b1c1d; color: #fff; }
#mainnavbar .navbar-nav2 > li > :checked ~ label { background-color: #1b1c1d; color: #fff; }

#mainnavbar .navbar-nav2 > li.p21 > :checked ~ label { margin-left: -24px; padding-left: 34px; padding-right: 34px; }

#mainnavbar .navbar-nav2 > li > ul > li > :checked ~ label { background-color: #1b1c1d; color: #fff; }
#mainnavbar .navbar-nav2 > li > ul > li > ul { position: relative; width: 100%; padding: 0; top: 0; left: 0; }
#mainnavbar .dropdown-menu { background-color: #1b1c1d; color: #fff; }
#mainnavbar .navbar-nav2 > li > ul > li > a { font-family: 'Oswald',Verdana,sans-serif; font-size: 24px;  display: block; padding: 10px; padding-left: 24px !important; background-color: #343638; border-bottom: 1px solid #ebeded; padding-left: 10px; padding-right: 20px; }
#mainnavbar .navbar-nav2 > li > ul > li > a:after { content: '>'; float: right; }
#mainnavbar .navbar-nav2 > li > ul > li > ul > li > a { font-family: 'Oswald',Verdana,sans-serif; font-size: 20px;  display: block; padding: 10px; background-color: #343638; border-bottom: 1px solid #ebeded; padding-left: 30px; padding-right: 20px; }
#mainnavbar .navbar-nav2 > li > ul > li > ul > li > a:after { content: '>'; float: right; }

#mainnavbar .navbar-nav2 > li > ul > li.p41 > label:before { background-color: #d32f2f; margin-right: 10px; content: '.'; color: transparent; padding: 0px 10px; display: inline-block; line-height: 10px; }
#mainnavbar .navbar-nav2 > li > ul > li.p37 > label:before { background-color: #00796b; margin-right: 10px; content: '.'; color: transparent; padding: 0px 10px; display: inline-block; line-height: 10px; }
#mainnavbar .navbar-nav2 > li > ul > li.p38 > label:before { background-color: #7b1fa2; margin-right: 10px; content: '.'; color: transparent; padding: 0px 10px; display: inline-block; line-height: 10px; }
#mainnavbar .navbar-nav2 > li > ul > li.p40 > label:before { background-color: #303f9f; margin-right: 10px; content: '.'; color: transparent; padding: 0px 10px; display: inline-block; line-height: 10px; }
#mainnavbar .navbar-nav2 > li > ul > li.p39 > label:before { background-color: #0288d1; margin-right: 10px; content: '.'; color: transparent; padding: 0px 10px; display: inline-block; line-height: 10px; }
#mainnavbar .navbar-nav2 > li > ul > li.p44 > label:before { background-color: #f57c00; margin-right: 10px; content: '.'; color: transparent; padding: 0px 10px; display: inline-block; line-height: 10px; }
#mainnavbar .navbar-nav2 > li > ul > li.p43 > label:before { background-color: #689f38; margin-right: 10px; content: '.'; color: transparent; padding: 0px 10px; display: inline-block; line-height: 10px; }
#mainnavbar .navbar-nav2 > li > ul > li.p42 > label:before { background-color: #915f50; margin-right: 10px; content: '.'; color: transparent; padding: 0px 10px; display: inline-block; line-height: 10px; }
#mainnavbar .navbar-nav2 > li > ul > li.p45 > label:before { background-color: #f57c00; margin-right: 10px; content: '.'; color: transparent; padding: 0px 10px; display: inline-block; line-height: 10px; }
#mainnavbar .navbar-nav2 > li > ul > li.p574 > label:before { background-color: #455a64; margin-right: 10px; content: '.'; color: transparent; padding: 0px 10px; display: inline-block; line-height: 10px; }
#mainnavbar .navbar-nav2 > li > ul > li.p595 > label:before { background-color: #455a64; margin-right: 10px; content: '.'; color: transparent; padding: 0px 10px; display: inline-block; line-height: 10px; }


#mainnavbar .navbar-nav2 li.p24:hover > ul { top: 0; left: 0; border: none; }
#mainnavbar .navbar-nav2 li.p22:hover > ul { top: 0; left: 0; border: none; }
#mainnavbar .navbar-nav2 li.p23:hover > ul { top: 0; left: 0; border: none; }

.breadcrumb { margin-top: 0; }

.maincontent, .breadcrumb { padding-left: 24px; padding-right: 24px; }
.maincontent .tx-ww-bzga-topthema .topthemateaser { margin-left: -24px !important; margin-right: -24px !important; }
.maincontent .contenttable { -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; }
.maincontent table tr td { padding: 16px 16px; }
.tx-ww-bzga-topthema .topthemateaser { height: 100%; }
.tx-ww-bzga-topthema .topthemateaser .imgcontainer img { height: 75vw; margin-left:0; }
.tx-ww-bzga-topthema .topthemateaser .imgcontainer .topthemakurz { position: relative; float: right; }
header.top { padding-left: 24px; padding-right: 24px; }

.navextend { position: absolute; top: 0; right: 0; }
.navextend .navbar-nav3 { display: flex; justify-content: space-between; }
.navextend .navbar-nav3 > li > a { padding: 5px 10px; }

.content { margin-top: 0; }

footer .footernav { height: unset; }
footer .footernav ul { display: block; float: left; }
footer .footernav ul li { display: block; float: left; width: 33%; padding: 10px; }
footer .footernav ul li a { display: inline-block; padding: 0; border: none; }

footer .footernav2 { height: unset; }
footer .footernav2 ul { display: block; float: left; }
footer .footernav2 ul li { display: block; float: left; width: 50%; padding: 10px; }
footer .footernav2 ul li a { display: inline-block; padding: 0; border: none; }

footer .footertotop .container .row { margin-left: 0; margin-right: 0; }

.tx-ww-bzga-topthema .topthemateaser .imgcontainer .topthemakurz { background-color: #666666 !important; }
.tx-ww-bzga-topthema .topthemateaser .votingcontainer { margin-bottom: 26px; }
.tx-ww-bzga-topthema .topthemateaser .votingcontainer .votingstart .pseudobutton { width: 100%; }

.tx-ww-bzga-test-cannabis div.tableframe,
.tx-ww-bzga-test-alkohol div.tableframe,
.tx-ww-bzga-test-speed div.tableframe,
.tx-ww-bzga-test-kokain div.tableframe { overflow-x: auto !important; margin-bottom: 20px; }

.tx-ww-bzga-test-alkohol table.tbl7tage { max-width: 99%; }
.tx-ww-bzga-test-alkohol table.tbl7tage th { writing-mode: vertical-lr; scale: -1; padding: 5px 5px; vertical-align: top; text-align: left; }
body.mac-os .tx-ww-bzga-test-alkohol table.tbl7tage th { writing-mode: unset; scale: 1; vertical-align: bottom; }
.tx-ww-bzga-test-alkohol table.tbl7tage td { text-align: center; }
.tx-ww-bzga-test-alkohol table.tbl7tage tr td:first-child { text-align: left!important; }
.tx-ww-bzga-test-alkohol table.tbl7tage tr .inp { padding: 10px 2px; }
.tx-ww-bzga-test-alkohol table.tbl7tage tr:nth-child(8) .inp { padding: 20px 2px; }
.tx-ww-bzga-test-alkohol table.tbl7tage .breite2em { width: 100%; min-width: 30px; }

.tx-ww-bzga-test-cannabis table.chkcan_mengewoche { max-width: 99%; }
.tx-ww-bzga-test-cannabis table.chkcan_mengewoche th { writing-mode: vertical-lr; scale: -1; padding: 5px 5px; vertical-align: top; text-align: left; }
body.mac-os .tx-ww-bzga-test-cannabis table.chkcan_mengewoche th { writing-mode: unset; scale: 1; vertical-align: bottom; }
.tx-ww-bzga-test-cannabis table.chkcan_mengewoche td { text-align: center; }
.tx-ww-bzga-test-cannabis table.chkcan_mengewoche tr td:first-child { text-align: left!important; }
.tx-ww-bzga-test-cannabis table.chkcan_mengewoche tr .inp { padding: 10px 2px; text-align: center; }
.tx-ww-bzga-test-cannabis table.chkcan_mengewoche .breite2em { width: 100%; min-width: 30px; }

.tx-ww-bzga-test-cannabis .trifftzutr.tr2 { display: table-row; }

}

@media screen and (max-width: 500px) {
footer .footernav ul li { display: block; float: left; width: 50%; padding: 10px; }
#mainnavbar .navbar-nav2a { justify-content: space-around; }
#mainnavbar .navbar-nav2 > li > label { font-size: 18px; padding: 5px; }
#mainnavbar .navbar-nav2:first-child > li > label { padding-left: 10px; }
#mainnavbar .navbar-nav2:last-child > li > label { padding-right: 10px; }
.navextend .navbar-nav3 > li > a { padding: 5px 10px; }
header.top.scrolled .drugcomlogo .cydlogo { padding-top: 14px; font-size: 0.8em; transition: all 1s ease; }

.f3-widget-paginator li.previous span span { display: none; }
.f3-widget-paginator li.previous a span { display: none; }
.f3-widget-paginator li.next span span { display: none; }
.f3-widget-paginator li.next a span { display: none; }

.tx-ww-bzga-test-cannabis .trifftzutr { display: table-row; }
}

@media screen and (max-width: 360px) {
header.top.scrolled .drugcomlogo .cydlogo { float: right; margin-top: -4px; padding-top: 0; margin-right: 20px; transition: all 1s ease; }
}

/* Firefox only ??? */
/* 
@-moz-document url-prefix() { 
.radiobtn .radio { margin-right: -10px!important; } 
.radiobtn .checkbox { margin-right: -10px!important; } 
}
*/

/* class 'mac-os' is only added per javascript */
/* body.mac-os .selektorXY {  } *//* body.mac-os .radiobtn label span.checkboxbutton { margin-left: 10px; } */